:root{--ink:#0f1f1a;--text:#2f3f3a;--text-muted:#5b6b66;--paper:#f7faf8;--white:#fff;--mint:#e6f3ee;--mint-2:#d3eadf;--green:#0d5c4d;--green-deep:#004337;--green-ink:#06241e;--accent:#19a97a;--lime:#b9efd4;--amber:#b8761a;--amber-bg:#fff4d6;--red:#b4432f;--border:#dbe5e0;--border-strong:#c3d2cb;--shadow-sm:0 1px 2px #0f1f1a0f, 0 1px 1px #0f1f1a0a;--shadow-md:0 10px 30px #0f1f1a14, 0 2px 6px #0f1f1a0d;--shadow-lg:0 30px 60px #0f1f1a24, 0 8px 20px #0f1f1a14;--radius:12px;--radius-lg:18px;--display:"Plus Jakarta Sans", "Manrope", "Helvetica Neue", Arial, sans-serif;--sans:"Manrope", "Helvetica Neue", Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--yellow:var(--lime);--rule:var(--border);--soft:var(--mint);--night:var(--green-ink);--panel:#ffffff0f;--line-dark:#ffffff24;--grey-light:#b9cfc6;--green-light:#cfe6dc;--highlight:#fff4d6}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}a{color:var(--green);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--green-deep)}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[id]{scroll-margin-top:84px}.wrap{max-width:1200px;margin:0 auto;padding-left:32px;padding-right:32px}.band-white{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.band-ink{background:var(--green-ink);color:var(--white)}.band-green{background:var(--green-deep);color:var(--white)}.band-yellow{background:var(--mint)}.section{padding-top:104px;padding-bottom:104px}.row{flex-wrap:wrap;display:flex}.grid-auto{gap:20px;display:grid}@media (width<=760px){.wrap{padding-left:20px;padding-right:20px}.section{padding-top:72px;padding-bottom:72px}}.eyebrow{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--green);align-items:center;gap:8px;margin:0 0 14px;font-size:13px;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);border-radius:2px;width:18px;height:2px}.band-ink .eyebrow,.band-green .eyebrow{color:var(--lime)}.band-ink .eyebrow:before,.band-green .eyebrow:before{background:var(--lime)}.display{font-family:var(--display);letter-spacing:-.03em;text-transform:none;margin:0;font-weight:800;font-stretch:100%;line-height:1.04}.display-xl{font-size:clamp(40px,5.4vw,68px);line-height:1.02}.display-l{font-size:clamp(36px,4.6vw,58px)}.display-m{font-size:clamp(30px,3.6vw,46px)}.display-s{font-size:clamp(26px,2.8vw,36px);line-height:1.12}.heading{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:clamp(26px,2.8vw,36px);font-weight:800;line-height:1.12}.lede{max-width:620px;color:var(--text);margin:20px 0 0;font-size:19px;line-height:1.6}.band-ink .lede,.band-ink .muted,.band-green .lede,.band-green .muted{color:var(--grey-light)}.muted{color:var(--text)}.mono{font-family:var(--mono)}.big-number{font-family:var(--display);letter-spacing:-.03em;font-weight:800;line-height:1}h3{font-family:var(--display);letter-spacing:-.01em}.btn{min-height:52px;font-family:var(--sans);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:16px;font-weight:700;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s,transform .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-green{background:var(--green);color:var(--white);box-shadow:var(--shadow-sm)}.btn-green:hover{background:var(--green-deep);color:var(--white)}.btn-ink{background:var(--ink);color:var(--white)}.btn-ink:hover{color:var(--white);background:#000}.btn-yellow{background:var(--lime);color:var(--green-ink)}.btn-yellow:hover{color:var(--green-ink);background:#a6e8c7}.btn-outline{background:var(--white);color:var(--ink);border:1px solid var(--border-strong)}.btn-outline:hover{border-color:var(--green);color:var(--green);background:var(--white)}.band-ink .btn-outline,.band-green .btn-outline{color:var(--white);background:0 0;border-color:#ffffff59}.band-ink .btn-outline:hover,.band-green .btn-outline:hover{border-color:var(--white);color:var(--white);background:#ffffff14}.btn-sm{min-height:42px;padding:0 16px;font-size:15px}.btn:disabled{opacity:.6;cursor:wait}.tag{font-family:var(--sans);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:13px;font-weight:700;display:inline-flex}.tag-ink{background:var(--green-ink);color:var(--white)}.tag-yellow{background:var(--lime);color:var(--green-ink)}.tag-outline{border:1px solid var(--border-strong);color:var(--text);background:var(--white)}.tag-dashed{border:1px dashed var(--border-strong);color:var(--text-muted)}.chip-link{border:1px solid var(--border-strong);background:var(--white);min-height:40px;color:var(--ink);border-radius:999px;align-items:center;padding:0 14px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.chip-link:hover{border-color:var(--green);color:var(--green)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px}.card-soft{background:var(--mint);border-color:var(--mint-2)}.card-paper{background:var(--paper)}.card-shadow{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.card h3{margin:0 0 8px;font-size:21px;line-height:1.3}.card p{margin:0}.mock{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-family:var(--sans);color:var(--ink);text-align:left;font-size:14px;overflow:hidden}.mock-bar{border-bottom:1px solid var(--border);color:var(--text-muted);background:#fbfdfc;align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;display:flex}.mock-dots{gap:5px;display:flex}.mock-dots i{background:var(--border-strong);border-radius:50%;width:9px;height:9px;display:block}.mock-body{padding:18px}.mock-label{font-family:var(--mono);letter-spacing:.06em;color:var(--green);text-transform:uppercase;margin:0 0 6px;font-size:11px}.mock-pill{border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.mock-pill-green{background:var(--mint);color:var(--green-deep)}.mock-pill-amber{background:var(--amber-bg);color:var(--amber)}.mock-pill-grey{color:var(--text-muted);background:#eef2f0}.mock-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.mock-row:last-child{border-bottom:0}.mock-phone{background:var(--ink);width:300px;max-width:100%;box-shadow:var(--shadow-lg);border-radius:36px;margin:0 auto;padding:12px}.mock-phone-screen{background:var(--white);border-radius:26px;min-height:520px;overflow:hidden}.mock-phone-notch{justify-content:center;align-items:flex-start;height:26px;display:flex}.mock-phone-notch i{background:var(--ink);border-radius:0 0 14px 14px;width:90px;height:18px;display:block}.wave{align-items:center;gap:4px;height:44px;display:flex}.wave i{background:var(--accent);transform-origin:50%;border-radius:2px;width:4px;animation:.9s ease-in-out infinite sl-bar;display:block}.check{border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.check-on{background:var(--green);color:var(--white)}.check-off{border:1.5px solid var(--border-strong);background:var(--white)}.site-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#f7faf8db;position:sticky;top:0}.site-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1200px;margin:0 auto;padding:12px 24px;display:flex}.brand{color:var(--ink);font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:21px;font-weight:800;text-decoration:none;display:flex}.brand:hover{color:var(--ink)}.brand img{border-radius:9px;width:36px;height:36px}.nav-links{flex-wrap:wrap;gap:2px 6px;font-size:15px;font-weight:600;display:flex}.nav-links a{color:var(--text);border-radius:8px;padding:8px 10px;text-decoration:none}.nav-links a:hover{color:var(--green);background:var(--mint)}.nav-links a[aria-current=page]{color:var(--green)}.nav-menu-btn,.nav-mobile-cta{display:none}@media (width<=920px){.nav-links{display:none}.nav-menu-btn{display:inline-flex}.nav-cta{display:none}.site-header.open .nav-links{border-top:1px solid var(--border);flex-direction:column;order:3;gap:0;width:100%;padding-top:8px;display:flex}.site-header.open .nav-links a{align-items:center;min-height:46px;display:flex}.site-header.open .nav-mobile-cta{color:var(--green);font-weight:700;display:flex}}.crumbs{color:var(--text-muted);margin:0 0 32px;font-size:14px}.crumbs a{color:var(--text-muted);text-decoration:none}.crumbs a:hover{color:var(--green)}.faq{flex-direction:column;gap:10px;display:flex}.faq details{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:0 22px}.faq summary{cursor:pointer;justify-content:space-between;gap:16px;padding:18px 0;font-size:18px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--display);color:var(--green);flex:none;font-size:24px;font-weight:400;line-height:1}.faq details[open] summary:after{content:"–"}.faq details p{max-width:800px;color:var(--text);margin:0;padding:0 0 20px}.site-footer{background:var(--green-ink);color:var(--grey-light);font-size:15px}.footer-cols{grid-template-columns:1.4fr repeat(3,1fr);gap:32px;padding-top:64px;padding-bottom:36px;display:grid}@media (width<=860px){.footer-cols{grid-template-columns:repeat(2,1fr)}}.footer-cols .col{flex-direction:column;gap:8px;display:flex}.footer-cols .col-title{color:var(--white);margin-bottom:4px;font-weight:700}.footer-cols a{color:var(--grey-light);text-decoration:none}.footer-cols a:hover{color:var(--white)}.footer-base{border-top:1px solid var(--line-dark);flex-wrap:wrap;gap:8px 24px;padding-top:20px;padding-bottom:32px;font-size:13px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label,.field .label{font-size:14px;font-weight:700}.input{border:1px solid var(--border-strong);background:var(--white);width:100%;min-height:50px;color:var(--ink);border-radius:10px;padding:0 14px;font-family:inherit;font-size:16px}textarea.input{resize:vertical;min-height:84px;padding:12px 14px}.input:focus{outline-offset:0;border-color:var(--green);outline:3px solid #19a97a59}.band-ink .input,.band-green .input{border-color:#0000}@keyframes sl-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes modal-in{0%{opacity:0;transform:translateY(24px)}}.rise{animation:.6s cubic-bezier(.22,1,.36,1) both rise}.mock-grid{grid-template-columns:1fr 1.25fr;gap:18px;display:grid}.mock-grid>:last-child{border-left:1px solid var(--border);padding-left:18px}@media (width<=640px){.mock-grid{grid-template-columns:1fr}.mock-grid>:last-child{border-left:0;border-top:1px solid var(--border);padding-top:16px;padding-left:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rise,.wave i,.modal{animation:none!important}}.reveal{--d:0s}html.js .reveal{opacity:0;transition:opacity .75s cubic-bezier(.22, 1, .36, 1) var(--d), transform .75s cubic-bezier(.22, 1, .36, 1) var(--d);will-change:opacity, transform;transform:translateY(18px)}html.js .reveal.in{opacity:1;transform:none}.hero-copy>*{animation:.8s cubic-bezier(.22,1,.36,1) both rise}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-copy>:nth-child(5){animation-delay:.32s}.hero-visual{animation:.9s cubic-bezier(.22,1,.36,1) .3s both rise}.hero-visual .mock{animation:7s ease-in-out 1.4s infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}a.card,.lift{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .25s}a.card:hover,.lift:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-3px)}.chip-link,.nav-links a,.btn-outline{transition:color .15s,border-color .15s,background .15s}.reveal.in .mock-row{animation:.55s cubic-bezier(.22,1,.36,1) both rise}.reveal.in .mock-row:nth-child(2){animation-delay:80ms}.reveal.in .mock-row:nth-child(3){animation-delay:.16s}.reveal.in .mock-row:nth-child(4){animation-delay:.24s}.reveal.in .mock-row:nth-child(5){animation-delay:.32s}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.18)}to{transform:scale(1)}}.reveal.in li,.reveal.in dl>div{animation:.55s cubic-bezier(.22,1,.36,1) both rise}.reveal.in li:nth-child(2),.reveal.in dl>div:nth-child(2){animation-delay:70ms}.reveal.in li:nth-child(3),.reveal.in dl>div:nth-child(3){animation-delay:.14s}.reveal.in li:nth-child(4),.reveal.in dl>div:nth-child(4){animation-delay:.21s}.reveal.in li:nth-child(5),.reveal.in dl>div:nth-child(5){animation-delay:.28s}.reveal.in li:nth-child(6),.reveal.in dl>div:nth-child(6){animation-delay:.35s}.reveal.in li:nth-child(n+7),.reveal.in dl>div:nth-child(n+7){animation-delay:.42s}.reveal.in li .check-on{animation:.5s cubic-bezier(.3,1.4,.5,1) both pop;animation-delay:inherit}.reveal.in li:first-child .check-on{animation-delay:.12s}.reveal.in li:nth-child(2) .check-on{animation-delay:.19s}.reveal.in li:nth-child(3) .check-on{animation-delay:.26s}.reveal.in li:nth-child(4) .check-on{animation-delay:.33s}.hero-copy li{animation:.6s cubic-bezier(.22,1,.36,1) both rise}.hero-copy li:first-child{animation-delay:.4s}.hero-copy li:nth-child(2){animation-delay:.48s}.hero-copy li:nth-child(3){animation-delay:.56s}.reveal.in .mock .check-on,.hero-visual .mock .check-on{animation:.5s cubic-bezier(.3,1.4,.5,1) both pop}.hero-visual .mock .check-on{animation-delay:1s}.hero-visual .mock .check-on:nth-of-type(2){animation-delay:1.15s}@media (prefers-reduced-motion:reduce){html.js .reveal{opacity:1;transition:none;transform:none}.reveal.in li,.reveal.in dl>div,.reveal.in li .check-on,.hero-copy li,.reveal.in .mock .check-on,.hero-visual .mock .check-on{animation:none!important}.hero-copy>*,.hero-visual,.hero-visual .mock,.reveal.in .mock-row,a.card,.lift{transition:none!important;animation:none!important}}.modal-backdrop{z-index:100;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06241e99;position:absolute;inset:0}.modal{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:980px;max-height:92vh;box-shadow:var(--shadow-lg);grid-template-columns:5fr 7fr;animation:.3s cubic-bezier(.22,1,.36,1) both modal-in;display:grid;position:relative;overflow-y:auto}.modal-aside{background:var(--green-ink);color:var(--white);flex-direction:column;gap:24px;padding:36px 32px;display:flex}.modal-body{padding:36px 32px}.modal-close{background:var(--white);border:1px solid var(--border);cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:absolute;top:12px;right:12px}.modal-close:hover{background:var(--mint)}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.slot-group{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.slot input{opacity:0;pointer-events:none;position:absolute}.slot span{text-align:center;border:1px solid var(--border-strong);background:var(--white);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:0 8px;font-size:13px;font-weight:600;display:flex}.slot input:checked+span{background:var(--green);border-color:var(--green);color:var(--white)}.slot input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.form-error{color:#7d1f15;background:#fbeeec;border:1px solid #e3b4ab;border-radius:10px;margin:0;padding:10px 14px;font-size:15px}@media (width<=760px){.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;grid-template-columns:1fr;max-height:94vh}.modal-aside,.modal-body{padding:28px 20px}.form-grid{grid-template-columns:1fr}}
