:root{color-scheme:light;--ink:#073523;--green:#073b28;--paper:#faf8f0;--lime:#d5fa39;--muted:#53665b;--line:#e3e3d6;--white:#fffdf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 'Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #6a8b24;outline-offset:5px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}h1,h2,h3,p,figure{margin:0}h1,h2,h3{letter-spacing:-.045em}p{margin-bottom:18px}.shell{width:calc(100% - 88px);margin:auto}.skip{position:fixed;top:-100px;left:15px;z-index:100;background:var(--lime);padding:12px}.skip:focus{top:12px}.top{position:sticky;top:0;z-index:20;background:#faf8f0f2;backdrop-filter:blur(16px);border-bottom:1px solid transparent}.bar{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:96px}.brand{font-size:39px;font-weight:850;letter-spacing:-.06em;display:inline-flex;align-items:center;gap:12px}.mark{width:49px;height:49px;border-radius:15px;background:var(--lime);display:inline-grid;place-items:center;flex:none}.brand .mark svg{fill:currentColor;stroke-width:.7;width:30px;height:30px}.nav{display:flex;gap:34px;font-size:15px;font-weight:650}.nav a:hover,.login:hover{text-decoration:underline;text-underline-offset:6px}.nav-actions{display:flex;align-items:center;gap:26px;font-size:15px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:13px;padding:15px 23px;line-height:1.3;font-size:16px;font-weight:750;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #073b2818}.button.primary{background:var(--lime);color:var(--ink)}.button.primary:hover{background:#e0ff68}.button.dark{background:var(--green);color:white}.nav-cta{padding:13px 20px;font-size:14px}.secondary{border:1px solid #939e8c;background:#fffdf760;gap:11px}.secondary span{font-size:25px;line-height:.8}.menu-toggle{display:none;border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:6px 11px;font-size:22px}.mobile-nav{padding:15px 24px;border-bottom:1px solid var(--line)}.mobile-nav a{display:block;padding:10px}.mobile-nav[hidden]{display:none}.hero{padding:64px 0 72px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.94fr 1.12fr;gap:44px;align-items:center}.pill{display:inline-block;padding:6px 15px;background:#eaffaa;border-radius:30px;font-size:14px;font-weight:750;margin-bottom:25px}.hero h1{font-size:clamp(40px,4.35vw,69px);font-weight:820;line-height:1.05;letter-spacing:-.06em;margin-bottom:24px}.hero h1 span{display:block;font-weight:580;font-size:.84em;margin-top:7px;letter-spacing:-.055em;color:var(--green)}.lead{font-size:clamp(17px,1.65vw,23px);line-height:1.5;max-width:510px;margin-bottom:26px;color:#263c31}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.hero-actions .button{font-size:15px;padding:16px 19px}.reassurance{display:flex;flex-wrap:wrap;gap:12px 20px;list-style:none;padding:0;margin:25px 0 0;font-size:12px;color:#263c31}.reassurance li{display:flex;align-items:center;gap:7px}.reassurance li:before{content:'✓';width:19px;height:19px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-weight:800;color:var(--ink)}.preview-scene{position:relative;padding:20px 0}.orbit{position:absolute;inset:-25px -38px -5px 28%;background:linear-gradient(145deg,#e7ff99,var(--lime));border-radius:48% 52% 56% 44%;transform:rotate(-15deg)}.preview{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);border:3px solid #15543a;border-radius:23px;background:var(--green);padding:12px 10px 12px 0;box-shadow:0 25px 28px -18px #183d3866;min-height:355px;animation:enter .9s both}.mini-sidebar{padding:2px 9px 0;color:white;display:flex;flex-direction:column}.mini-brand{font-size:20px;font-weight:800;display:flex;align-items:center;gap:5px;margin-bottom:26px;letter-spacing:-.06em}.mini-brand .mark{height:26px;width:26px;border-radius:7px;color:var(--ink)}.mini-brand svg{width:18px;height:18px;fill:currentColor}.mini-nav{display:grid;gap:7px;font-size:15px}.mini-nav>span{padding:8px 7px;border-radius:7px;display:flex;gap:7px;align-items:center}.mini-nav b{font-size:10px;font-weight:550}.mini-nav .selected{background:#d5fa3930}.mini-sidebar small{font-size:8px;color:#d3e4d1;margin-top:auto;padding:17px 4px 0}.dashboard{background:var(--paper);padding:28px 18px 22px;border-radius:16px;min-width:0}.dashboard figcaption{font-size:clamp(16px,1.6vw,23px);font-weight:800;letter-spacing:-.04em;line-height:1.2}.demo-label{font-size:9px;color:var(--muted);display:block;margin:7px 0 17px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:20px}.metric{background:#eaf3e0;border-radius:11px;padding:13px 10px;min-width:0}.metric.amber{background:#fbefd6}.metric span{font-size:9px;display:block;margin-bottom:3px}.metric strong{font-size:clamp(15px,1.6vw,23px);letter-spacing:-.05em;white-space:nowrap}.invoice-list{padding:12px 11px;background:var(--white);border:1px solid var(--line);border-radius:13px}.list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;gap:8px}.list-heading strong{font-size:14px}.list-heading a{font-size:8px;font-weight:700}table{width:100%;border-collapse:collapse;text-align:left;font-size:8px}th{font-weight:700;padding:8px 3px}td{padding:9px 3px;border-top:1px solid #eeeee3;white-space:nowrap}.status{font-size:8px;font-weight:650;white-space:nowrap;border-radius:20px;padding:3px 6px;display:inline-block}.paid{background:#eaf6d8;color:#285323}.late{background:#ffedbf;color:#88530d}.pending{background:#f5efdd;color:#68604c}.notification{position:absolute;z-index:2;right:-15px;top:-15px;display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid #e8e9dd;border-radius:18px;background:#fffef9;box-shadow:0 12px 30px #163f2520;width:285px;animation:notify 1s .25s both}.notification .mark{width:44px;height:44px;background:#edffb7;border-radius:12px}.notification strong{font-size:14px;display:block;letter-spacing:-.025em}.notification small{font-size:10px;line-height:1.5;display:block;margin-top:2px}.notification-dot{position:absolute;width:8px;height:8px;background:#a7cc23;border-radius:50%;right:12px;top:12px}.section{padding:82px 0}section[id]{scroll-margin-top:110px}.section h2{font-size:clamp(30px,3.6vw,48px);font-weight:780;line-height:1.13;margin-bottom:22px;letter-spacing:-.055em}.benefits{padding:16px 0 44px}.benefits h2{text-align:center;font-size:clamp(28px,3vw,43px);margin-bottom:28px}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature{display:flex;align-items:flex-start;gap:20px;border:1px solid #e2e1d4;border-radius:20px;padding:28px 22px;background:linear-gradient(150deg,#fffdf870,#fffdf700);transition:transform .25s,border-color .25s}.feature:hover{transform:translateY(-5px);border-color:#aab77f}.feature .mark{width:55px;height:59px;border-radius:18px;background:#edffac}.feature svg{width:30px;height:30px}.feature h3{font-size:23px;line-height:1.2;letter-spacing:-.055em;margin-bottom:12px}.feature p{font-size:14px;line-height:1.65;color:#34473c;margin:0}.manifesto{background:var(--green);color:var(--white);display:flex;align-items:center;justify-content:center;gap:30px;padding:26px 30px;border-radius:24px 24px 0 0}.manifesto p{margin:0;font-weight:700;font-size:clamp(20px,2.4vw,31px);letter-spacing:-.025em}.manifesto>span{font-size:42px;color:var(--lime);line-height:1}.mobile-break{display:none}.walkthrough{background:#f1f3e6;border-bottom:1px solid var(--line)}.kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:750;color:#536f31;margin-bottom:14px}.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin-top:40px}.flow article{border-top:2px solid #b6ce8b;padding:24px 0 0}.flow-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#5a703b;margin-bottom:14px}.flow h3{font-size:23px;margin-bottom:12px}.flow p:not(.flow-label){font-size:15px;color:var(--muted);margin-bottom:0}.section-intro{max-width:580px;color:var(--muted);margin-bottom:22px;font-size:17px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.text-link{font-size:15px;font-weight:750;border-bottom:1px solid #94ad63;padding-bottom:4px}.live-demo{background:var(--green);color:white;border-radius:24px;padding:30px;box-shadow:0 22px 50px -25px #123e2855}.live-top{display:flex;justify-content:space-between;gap:14px;font-size:11px;color:#d3dfc9}.live-amount{font-size:58px;letter-spacing:-.06em;font-weight:800;line-height:1.3;font-variant-numeric:tabular-nums}.live-caption{font-size:12px;color:#dfebd6}.demo-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.demo-controls button{border:1px solid #8ea284;border-radius:9px;padding:9px 12px;font-size:12px;background:#244e38;color:white;transition:background .2s}.demo-controls button:hover{background:#39624c}.demo-controls button:disabled{opacity:.4;cursor:default}.demo-controls .reset{background:transparent}.message-preview{margin-top:20px;padding:18px;background:#f2f7e6;color:var(--ink);border-radius:14px;font-size:14px;min-height:130px}.message-preview p{margin:5px 0 0}.pricing{background:#edf1e2;border-block:1px solid var(--line)}.price-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.price-card{background:var(--white);padding:35px;border:1px solid #cbd5b7;border-radius:22px}.price-card h3{font-size:17px;letter-spacing:-.02em}.price{color:var(--muted);margin:14px 0 20px}.price strong{font-size:60px;line-height:1;letter-spacing:-.065em;color:var(--ink)}.price-card ul{padding-left:21px;line-height:2;color:var(--muted);font-size:15px;margin-bottom:25px}.price-card .button{background:var(--green);color:white;width:100%}.faq{max-width:none;margin:0}.faq h2{margin-bottom:25px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{font-size:17px;font-weight:650;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:23px;color:#6e8056;line-height:1}details[open] summary:after{content:'−'}details p{margin:15px 0 0;color:var(--muted);font-size:15px;max-width:720px}.final-cta{background:var(--green);padding:45px 50px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:white}.final-cta h2{font-size:34px;margin:0;line-height:1.2}.final-cta .button{flex:none}footer{padding-bottom:20px}footer .brand{font-size:26px}footer .mark{width:35px;height:35px;border-radius:11px}footer .mark svg{width:24px;height:24px}footer .bar{font-size:13px;color:var(--muted)}footer .brand{color:var(--ink)}.motion .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.motion .reveal.visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes notify{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@media(min-width:1550px){.hero-actions .button{font-size:17px}.feature h3{font-size:25px}}
@media(max-width:1150px){.shell{width:calc(100% - 48px)}.nav{gap:18px;font-size:13px}.nav-actions{gap:15px}.brand{font-size:32px}.hero-grid{gap:24px;grid-template-columns:1fr 1fr}.hero h1{font-size:49px}.preview{grid-template-columns:77px minmax(0,1fr);min-height:320px}.mini-brand{font-size:14px}.mini-brand .mark{width:21px;height:21px}.mini-sidebar{padding-inline:5px}.mini-nav>span{padding-inline:4px;gap:4px}.mini-nav b{font-size:8px}.dashboard{padding:27px 12px 15px}.dashboard figcaption{font-size:17px}.metric{padding:10px 7px}.metric strong{font-size:17px}.notification{right:0;width:240px;padding:13px;top:-18px}.feature{padding:23px 18px;gap:13px}.feature h3{font-size:20px}.feature .mark{width:42px;height:48px}.feature p{font-size:13px}.feature svg{width:25px;height:25px}.demo-grid,.price-layout{gap:45px}.flow{gap:28px}}
@media(max-width:900px){.nav{display:none}.menu-toggle{display:block}.nav-cta{display:none}.bar{min-height:80px}.hero{padding:35px 0 50px}.hero-grid{grid-template-columns:1fr;gap:50px}.hero-copy{max-width:650px}.hero h1{font-size:clamp(44px,7.5vw,65px);max-width:630px}.hero h1 span{font-size:.88em}.lead{max-width:550px;font-size:20px}.preview-scene{width:min(650px,100%);margin:0 auto}.preview{grid-template-columns:105px 1fr;min-height:340px}.mini-brand{font-size:19px}.mini-nav b{font-size:10px}.mini-nav>span{gap:8px;padding:9px}.dashboard{padding:28px 19px}.dashboard figcaption{font-size:22px}.metric strong{font-size:23px}.metric span{font-size:10px}table{font-size:10px}.status{font-size:9px}.notification{width:270px;right:-3px;top:-13px}.features{grid-template-columns:1fr}.feature{padding:26px;gap:22px}.feature h3{font-size:24px}.feature h3 br{display:none}.feature p{font-size:15px}.feature .mark{width:58px;height:58px}.feature svg{width:30px;height:30px}.benefits h2{font-size:35px}.section{padding:60px 0}.benefits{padding:20px 0 40px}.manifesto{gap:20px}.manifesto>span{font-size:30px}.flow{gap:20px}.flow h3{font-size:20px}.flow p:not(.flow-label){font-size:14px}.demo-grid,.price-layout{grid-template-columns:1fr;gap:28px}.live-demo,.price-card{max-width:650px;width:100%}.final-cta{align-items:flex-start;flex-direction:column}.final-cta h2{font-size:31px}}
@media(max-width:540px){.shell{width:calc(100% - 36px)}.brand{font-size:29px;gap:9px}.brand .mark{width:38px;height:38px;border-radius:12px}.brand .mark svg{width:25px}.nav-actions{gap:12px}.login{font-size:12px}.bar{gap:10px;min-height:74px}.hero{padding:24px 0 32px}.pill{font-size:12px;margin-bottom:19px}.hero h1{font-size:43px;line-height:1.08}.hero h1 span{font-size:.82em;margin-top:10px}.lead{font-size:17px;margin-bottom:22px}.hero-actions{gap:10px}.hero-actions .button{font-size:13px;padding:14px 15px;gap:9px}.reassurance{font-size:10px;gap:10px 12px;margin-top:20px}.preview-scene{padding-top:26px}.preview{grid-template-columns:55px 1fr;border-radius:17px;min-height:280px;padding:8px 6px 8px 0}.mini-brand{font-size:0;justify-content:center;margin-bottom:20px}.mini-brand .mark{width:28px;height:28px}.mini-nav>span{justify-content:center;font-size:17px;padding:8px 0}.mini-nav b,.mini-sidebar small{display:none}.dashboard{padding:24px 9px 14px;border-radius:12px}.dashboard figcaption{font-size:15px}.demo-label{font-size:8px;margin-bottom:14px}.metrics{gap:5px;margin-bottom:13px}.metric{padding:10px 6px;border-radius:8px}.metric strong{font-size:15px}.metric span{font-size:8px}.invoice-list{padding:10px 6px;border-radius:9px}.list-heading strong{font-size:12px}.list-heading a{font-size:7px}table{font-size:7px}.status{font-size:7px;padding:2px 4px}th,td{padding:8px 2px}.invoice-list th:first-child,.invoice-list td:first-child{display:none}.notification{padding:9px 12px;width:216px;top:-7px;right:0;gap:9px;border-radius:12px}.notification .mark{width:34px;height:34px;border-radius:9px}.notification strong{font-size:11px}.notification small{font-size:8px}.orbit{inset:0 -16px 0 28%}.benefits h2{font-size:29px}.feature{padding:23px 18px;gap:15px}.feature h3{font-size:21px}.feature p{font-size:14px}.feature .mark{width:45px;height:48px}.mobile-break{display:block}.manifesto{padding:25px 16px;gap:10px;text-align:center}.manifesto p{font-size:21px}.manifesto>span{font-size:25px}.flow{grid-template-columns:1fr;gap:20px;margin-top:25px}.flow article{padding-top:19px}.flow h3{font-size:24px}.flow p:not(.flow-label){font-size:15px}.section{padding:48px 0}.section h2{font-size:32px}.benefits{padding:18px 0 32px}.section-intro{font-size:15px}.live-demo{padding:23px 19px;border-radius:19px}.live-top{font-size:9px}.live-amount{font-size:51px}.message-preview{font-size:13px}.price-card{padding:26px}.price strong{font-size:54px}summary{font-size:16px}.final-cta{padding:30px 25px}.final-cta h2{font-size:27px}footer .bar{flex-wrap:wrap;gap:18px;padding-top:15px;font-size:11px}footer .brand{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.preview,.notification{animation:none}.motion .reveal{opacity:1;transform:none;transition:none}.button,.feature{transition:none}}

.releia-logo{display:block;flex:none;width:49px;height:49px}.mini-brand .releia-logo{width:26px;height:26px}footer .releia-logo{width:35px;height:35px}@media(max-width:680px){.brand .releia-logo{width:38px;height:38px}}