:root{
  color-scheme:light;
  --night:#102f33;--deep:#173c41;--teal:#214c4e;--action:#2b706a;--mint:#70d6b3;
  --mist:#e8f4ef;--canvas:#f4f7f5;--paper:#fff;--ink:#19383b;--muted:#587775;
  --line:#dce8e3;--shadow:0 22px 65px rgba(14,54,52,.12);
  font-family:Manrope,"Segoe UI",Arial,system-ui,sans-serif;line-height:1.55;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);min-width:0}
body,button,input,textarea,select{font-family:inherit}button,input,textarea,select{font-size:inherit}
button{cursor:pointer}a{color:inherit}img,svg{max-width:100%;height:auto}button:disabled{cursor:not-allowed;opacity:.55}
:where(a,button,input,textarea,select):focus-visible{outline:3px solid #12826c;outline-offset:4px}
::selection{background:var(--mint);color:var(--night)}
h1,h2,h3,h4,p{margin-block:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.1;text-wrap:balance}
p{line-height:1.68;text-wrap:pretty;max-width:70ch}h1{font-size:clamp(2.65rem,6.3vw,5.5rem);font-weight:800}h2{font-size:clamp(2.2rem,4vw,3.65rem);font-weight:800}h3{font-size:1.28rem;font-weight:750}
.container{width:min(1168px,calc(100% - 2.6rem));margin-inline:auto}
.site-shell{min-height:100dvh;display:flex;flex-direction:column}.site-shell>main{flex:1}
.skip-link{position:fixed;z-index:99;inset-block-start:.5rem;inset-inline-start:.5rem;background:white;color:var(--night);padding:.65rem 1rem;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{background:rgba(248,252,249,.96);border-bottom:1px solid #e0eae5;position:relative;z-index:10}
.header-inner{min-height:5.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.2rem}
.brand-link{display:inline-flex;gap:.75rem;align-items:center;text-decoration:none;flex-shrink:0}.brand-link img{width:2.7rem;height:2.7rem}
.brand-word{display:flex;flex-direction:column;line-height:1.1}.brand-word strong{font-size:1.46rem;font-weight:800;letter-spacing:-.065em}.brand-word small{font-size:.55rem;letter-spacing:.17em;color:var(--muted);font-weight:800;margin-block-start:.3rem}
.main-nav{display:flex;align-items:center;gap:clamp(.9rem,2vw,2rem)}.main-nav>a{text-decoration:none;font-size:.87rem;font-weight:700;white-space:nowrap;color:#355b5c}
.main-nav>a:is(:hover,[aria-current="page"]){color:#146d5c}.main-nav>a[aria-current="page"]:not(.button){text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.5rem}
.main-nav>a.sign-in{margin-inline-start:1.25rem}.menu-trigger{display:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:3.2rem;padding:.85rem 1.4rem;border-radius:.85rem;font-weight:800;text-decoration:none;border:1px solid transparent;line-height:1.2;white-space:normal;text-align:center;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.button:hover{transform:translateY(-2px)}.button-small{min-height:2.65rem;padding:.65rem 1rem;border-radius:.7rem;font-size:.81rem}.button-dark{background:var(--teal);color:white!important}.button-dark:hover{background:#123f41}.button-mint{background:var(--mint);color:var(--night)}.button-mint:hover{background:#9ce8cb}.button-outline{border-color:#aac7bc;color:var(--teal);background:transparent}.button-outline:hover{background:#e6f4ed}.button-white{background:var(--paper);color:var(--teal)}
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.69rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:var(--action)}.eyebrow::before{content:"";width:.48rem;height:.48rem;border-radius:100%;background:var(--mint);box-shadow:0 0 0 4px rgba(112,214,179,.19)}
.eyebrow.light{color:#a8d8c7}.lead{font-size:clamp(1.02rem,1.6vw,1.25rem);color:#587270;max-width:59ch}
.section{padding-block:clamp(4rem,8vw,7rem)}.section.tight{padding-block:3.4rem}
.section-head{margin-block-end:2.55rem;display:grid;gap:1.15rem}.section-head.center{text-align:center;justify-items:center}.section-head.center p{margin-inline:auto}.section-head h2{max-width:19ch}.section-head p{color:var(--muted)}
.hero{position:relative;overflow:hidden;color:white;background:linear-gradient(125deg,#102b30 0%,#143d3e 52%,#204f4a 100%);padding-block:clamp(4.5rem,8vw,7.5rem)}
.hero::after{content:"";pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(rgba(112,214,179,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(112,214,179,.045) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,transparent 30%,black 100%)}
.hero::before{content:"";position:absolute;width:55rem;aspect-ratio:1;border-radius:50%;inset-inline-end:-28rem;inset-block-start:-29rem;background:radial-gradient(circle,rgba(112,214,179,.14),transparent 68%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:clamp(2rem,6vw,6rem);position:relative;z-index:1}.hero-copy{display:grid;gap:1.65rem}.hero-copy h1{max-width:12ch}.hero-copy h1 em{color:var(--mint);font-style:normal}.hero-copy>p{color:#c6ddd6;font-size:1.07rem}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.hero-trust{display:flex;flex-wrap:wrap;gap:1.35rem;color:#9fc6bc;font-size:.74rem;letter-spacing:.01em}.hero-trust span::before{content:"✓";color:var(--mint);margin-inline-end:.4rem;font-weight:800}
.app-preview{background:#edf4f0;border-radius:1.28rem;padding:.65rem;box-shadow:0 34px 100px rgba(0,0,0,.35);color:var(--ink);transform:rotate(-1deg);overflow:hidden;border:1px solid rgba(199,235,220,.5)}
.preview-top{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:.65rem .65rem 0 0;background:white;border-bottom:1px solid #e2ece8;gap:1rem}.preview-dots{display:flex;gap:.32rem}.preview-dots i{width:.44rem;height:.44rem;background:#cbd8d3;border-radius:50%}.preview-url{font:500 .62rem ui-monospace,Consolas,monospace;color:#8aa6a0}
.preview-body{display:grid;grid-template-columns:32% 1fr;min-height:26rem}.preview-side{background:#183e42;color:#c4e3da;padding:1.3rem 1rem}.preview-side h4{font-size:.63rem;letter-spacing:.16em;text-transform:uppercase;color:#8abcb0;margin-block:0 1rem}.preview-side ul{margin:0;padding:0;list-style:none;display:grid;gap:.25rem}.preview-side li{font-size:.76rem;padding:.6rem .65rem;border-radius:.45rem;overflow-wrap:anywhere}.preview-side li.active{background:#396763;color:white}.preview-side li span{opacity:.6;display:block;font-size:.59rem;margin-block-start:.26rem}
.preview-main{background:#f7faf8;padding:1.4rem 1.3rem;min-width:0}.preview-main .tiny-label{font:.73rem ui-monospace,Consolas,monospace;color:#5e9288}.preview-main h3{font-size:1.4rem;margin-block:.65rem 1rem;color:#23494a;letter-spacing:-.05em}.evidence-line{border:1px solid #dce9e2;background:white;border-radius:.68rem;padding:.8rem;margin-block-end:.62rem;display:grid;gap:.4rem}.evidence-line strong{font-size:.77rem}.evidence-line p{font-size:.68rem;color:#618079;line-height:1.45}.evidence-line code{font:.6rem ui-monospace,Consolas,monospace;color:#4c8b7f;overflow-wrap:anywhere}.evidence-line.highlight{border-inline-start:4px solid var(--mint)}.verified-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.62rem;background:#deefe6;color:#2a7265;border-radius:999px;padding:.32rem .55rem;font-weight:800;justify-self:start}.preview-foot{border-top:1px solid #dce8e2;margin-block-start:1.15rem;padding-block-start:.85rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.preview-foot strong{font-size:.7rem;color:#376b5e}.preview-foot span{font-size:.62rem;color:#7e9f96}
.outline-stat{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-block:1rem;gap:1rem}.outline-stat strong{font-size:1.6rem;line-height:1;color:#214c4e;letter-spacing:-.06em}.outline-stat span{font-size:.77rem;color:var(--muted)}
.proof-strip{border-bottom:1px solid var(--line);background:white}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}.proof-item{padding:1.65rem 2rem;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:.25rem}.proof-item:first-child{padding-inline-start:0}.proof-item:last-child{border:0}.proof-item strong{font-size:.98rem;color:var(--teal)}.proof-item small{color:var(--muted);font-size:.78rem}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.feature-card{background:white;border:1px solid var(--line);border-radius:1.18rem;padding:1.6rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 5px 25px rgba(20,58,54,.035)}.feature-card .feature-icon{height:3rem;width:3rem;border-radius:.9rem;background:var(--mist);display:grid;place-items:center;color:var(--action);font-weight:900;font-size:1.45rem}.feature-card h3{margin-top:.2rem}.feature-card p{color:var(--muted);font-size:.9rem}.feature-card .mini{margin-top:auto;font:700 .68rem ui-monospace,Consolas,monospace;color:var(--action);letter-spacing:.02em}
.split-section{display:grid;grid-template-columns:.95fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:center}.dark-panel{border-radius:1.4rem;padding:2rem;background:#153a3e;color:white;position:relative;overflow:hidden;min-height:22rem;display:grid;align-items:center}.dark-panel::after{content:"";position:absolute;width:18rem;height:18rem;border:1px solid rgba(112,214,179,.19);border-radius:50%;right:-8rem;top:-9rem;box-shadow:0 0 0 3rem rgba(112,214,179,.025),0 0 0 7rem rgba(112,214,179,.025)}.trace{position:relative;z-index:1;display:grid;gap:.8rem}.trace-node{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;background:#ffffff12;border:1px solid #ffffff25;border-radius:.7rem}.trace-node b{display:grid;place-items:center;width:2rem;height:2rem;flex-shrink:0;border-radius:50%;background:var(--mint);color:var(--night);font-size:.82rem}.trace-node strong{display:block;font-size:.86rem}.trace-node small{display:block;color:#aed1c4;margin-block-start:.16rem;font-size:.72rem}.trace-arrow{margin-inline-start:1.9rem;font-weight:800;color:var(--mint);line-height:.6}
.split-copy{display:grid;gap:1.25rem}.split-copy h2{max-width:18ch}.split-copy>p{color:var(--muted)}.check-list{padding:0;margin:0;list-style:none;display:grid;gap:.95rem}.check-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.92rem}.check-list li:before{content:"✓";flex-shrink:0;display:grid;place-items:center;color:var(--action);background:var(--mist);font-weight:850;border-radius:50%;width:1.45rem;height:1.45rem;font-size:.75rem}
.quote-band{background:#dff1e8;border-block:1px solid #cfe7dc;text-align:center;padding:clamp(3rem,7vw,6rem) 0}.quote-band blockquote{margin:0 auto;max-width:27ch;color:var(--teal);font-weight:800;font-size:clamp(1.8rem,3.8vw,3.4rem);line-height:1.23;letter-spacing:-.05em;text-wrap:balance}.quote-band p{margin:1.25rem auto 0;color:var(--muted)}
.cta-band{background:var(--night);color:white;border-radius:1.4rem;padding:clamp(2rem,5vw,4rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;overflow:hidden}.cta-band>*{position:relative;z-index:1}.cta-band h2{max-width:15ch;font-size:clamp(1.8rem,4vw,3.2rem)}.cta-band p{color:#a4c9bd;margin-block-start:1rem}.cta-band::before{content:"";position:absolute;width:25rem;height:25rem;border-radius:50%;background:radial-gradient(circle,rgba(112,214,179,.17),transparent 68%);right:-6rem;top:-9rem}
.page-intro{padding:clamp(4rem,8vw,6.5rem) 0 3rem;background:#eaf4ee;border-bottom:1px solid #d6e8de}.page-intro .container{display:grid;gap:1.15rem}.page-intro h1{font-size:clamp(2.7rem,5vw,4.65rem);max-width:15ch}.page-intro p{color:var(--muted);font-size:1.1rem;max-width:66ch}
.dark-intro{background:var(--night);color:white}.dark-intro p{color:#b4d4c9}.dark-intro .eyebrow{color:#b9e4d3}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}.step{background:#fff;border:1px solid var(--line);padding:1.45rem;border-radius:1rem}.step .number{font:800 2.7rem/1 ui-monospace,Consolas,monospace;color:#a7d7c4;letter-spacing:-.12em}.step h3{margin-block:1.25rem .65rem}.step p{font-size:.89rem;color:var(--muted)}
.warning-note{display:flex;align-items:flex-start;gap:.8rem;background:#f3f4e8;color:#555b37;border:1px solid #dddcb1;border-radius:.85rem;padding:1rem 1.15rem;font-size:.83rem;line-height:1.65}.warning-note strong{white-space:nowrap}
.plan-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-block-end:2rem}.plan-toolbar p{color:var(--muted);font-size:.84rem}.billing-switch{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;font-size:.86rem;font-weight:700}.billing-switch label{cursor:pointer}.billing-switch input{width:1.1rem;height:1.1rem;accent-color:var(--action)}.save-tag{background:var(--mist);color:#206b59;font-size:.68rem;padding:.25rem .48rem;border-radius:999px;font-weight:800}
.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;align-items:stretch;container-type:inline-size}.plan-card{background:#fff;border:1px solid #d4e3db;border-radius:1.05rem;padding:1.55rem;display:flex;flex-direction:column;gap:1.2rem;position:relative;min-width:0}.plan-card.featured{background:var(--night);color:#fff;border-color:var(--night);box-shadow:0 20px 50px #153c3b22}.plan-badge{font-size:.65rem;color:#155f4f;background:var(--mint);border-radius:999px;padding:.3rem .65rem;align-self:flex-start;font-weight:850;letter-spacing:.04em}.plan-card h3{font-size:1.3rem}.plan-card .sub{color:#6b8a80;font-size:.8rem;min-height:2.55rem}.plan-card.featured .sub{color:#b7d2c8}.price{display:flex;align-items:baseline;gap:.22rem;margin-block:.25rem .1rem}.price b{font-size:2.25rem;letter-spacing:-.075em;line-height:1}.price small{font-size:.7rem;color:#608075}.featured .price small{color:#bad3c9}.plan-card .button{margin-block:.3rem .4rem}.plan-list{list-style:none;margin:0;padding:0;display:grid;gap:.82rem}.plan-list li{display:flex;align-items:flex-start;gap:.52rem;font-size:.78rem;line-height:1.4}.plan-list li::before{content:"✓";font-weight:800;color:#26977b}.plan-card.featured .plan-list li::before{color:var(--mint)}.plan-list li.future::after{content:"planned";color:var(--action);font-weight:800;font-size:.64rem;white-space:nowrap}.plan-card.featured .plan-list li.future::after{color:var(--mint)}
.pricing-footnote{font-size:.83rem;color:var(--muted);margin-block-start:1.4rem}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.faq-grid details{background:#fff;border:1px solid var(--line);padding:1.15rem 1.4rem;border-radius:.8rem}.faq-grid summary{cursor:pointer;font-weight:750}.faq-grid details p{font-size:.87rem;color:var(--muted);margin-block-start:.85rem}
.form-layout{display:grid;grid-template-columns:.85fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:start;padding-block:clamp(4rem,9vw,7rem)}.form-side{display:grid;gap:1.3rem;padding-block-start:1rem}.form-side h1{font-size:clamp(2.6rem,5vw,4.5rem)}.form-side p{color:var(--muted)}.info-box{border-top:1px solid var(--line);padding-block-start:1.3rem;margin-block-start:1rem;display:grid;gap:.75rem}.info-box small{color:#608379}.info-box strong{font-size:1rem}
.form-card{background:#fff;border:1px solid #d5e6df;border-radius:1.3rem;padding:clamp(1.5rem,3vw,2.7rem);box-shadow:var(--shadow);max-width:36rem;width:100%}.form-card h2{font-size:1.65rem;margin-block-end:.6rem}.form-card>p{font-size:.88rem;color:var(--muted);margin-block-end:1.8rem}
.form-stack{display:grid;gap:1.1rem}.form-row{display:grid;gap:.36rem}.form-row label{font-size:.81rem;font-weight:780;color:#345958}.form-row input,.form-row select,.form-row textarea{border:1px solid #9ab7ac;background:#fff;color:var(--ink);border-radius:.69rem;padding:.75rem .85rem;min-height:3rem;width:100%;font-size:.94rem}.form-row textarea{min-height:7.5rem;resize:vertical}.form-row :is(input,textarea,select):user-invalid{border:2px solid #a53c38}.field-error{display:none;color:#87332e;font-weight:700;font-size:.73rem}.form-row :is(input,textarea,select):user-invalid+.field-error{display:block}
.form-helper{font-size:.76rem;color:var(--muted)}.form-message{min-height:1.8rem;color:#2e6960;font-size:.88rem;font-weight:700}.form-message[hidden]{display:none}.form-card .button{width:100%}.sub-link{text-align:center;margin-block-start:1.25rem;font-size:.83rem;color:var(--muted)}.sub-link a{color:var(--action);font-weight:800}.preview-alert{background:#f0f5ed;border:1px solid #d3e1ce;color:#4a624c;border-radius:.65rem;padding:.85rem;font-size:.78rem;margin-block:1.2rem 0}
.account-banner{background:#153a3e;color:white;padding:2rem;border-radius:1rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.account-banner h2{font-size:2rem}.account-banner p{color:#b6d3c6;margin-block-start:.6rem}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block:2rem}.metric-card{border:1px solid var(--line);background:#fff;border-radius:1rem;padding:1.5rem}.metric-card b{font-size:2rem;display:block;color:var(--teal)}.metric-card small{font-size:.82rem;color:var(--muted)}
.status-list{background:#fff;border:1px solid var(--line);border-radius:1rem;overflow:hidden}.status-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.3rem;border-bottom:1px solid var(--line);font-size:.87rem}.status-row:last-child{border:0}.status-row strong{color:var(--teal)}.status-tag{background:var(--mist);border-radius:999px;padding:.25rem .6rem;color:#266b5d;font-size:.7rem;font-weight:800}
.site-footer{background:#0f2a2e;color:#fff;padding-block:2.7rem 1.6rem}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding-block-end:2.6rem}.footer-brand{display:flex;align-items:center;gap:.85rem}.footer-brand strong{font-size:1.2rem}.footer-brand p{font-size:.82rem;color:#a2c6bb;margin-block-start:.2rem}.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:1.3rem}.footer-links a{color:#b7d7ca;font-size:.84rem;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff26;padding-block-start:1.45rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;color:#90b5aa;font-size:.76rem}
@container (width < 59rem){.plan-card{padding:1.1rem}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:970px){.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:44rem}.hero-copy h1{max-width:14ch}.app-preview{max-width:38rem;transform:none}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.split-section{grid-template-columns:1fr}.form-layout{grid-template-columns:1fr}.form-side{max-width:43rem}.faq-grid{grid-template-columns:1fr}}
@media(max-width:810px){.header-inner{min-height:4.8rem}.menu-trigger{display:inline-flex;align-items:center;gap:.6rem;background:#e2f0e8;color:var(--teal);border:1px solid #bad5c7;border-radius:.7rem;font-size:.85rem;font-weight:800;padding:.65rem .8rem;min-height:2.7rem}.menu-bars{display:grid;gap:3px}.menu-bars i{display:block;background:currentColor;width:1rem;height:2px}.main-nav{display:none;position:absolute;top:100%;inset-inline:0;background:#f8fcfa;border-top:1px solid var(--line);padding:1rem max(1.3rem,calc((100vw - 1168px)/2));box-shadow:0 25px 45px #0f332b1f;flex-direction:column;align-items:stretch;gap:.2rem}.main-nav.open{display:flex}.main-nav a{padding:.8rem}.main-nav a.sign-in{margin-inline-start:0}.main-nav a.button{margin-block-start:.4rem}.proof-grid{grid-template-columns:1fr}.proof-item,.proof-item:first-child{padding:1rem 0;border-right:0;border-bottom:1px solid var(--line)}.proof-item:last-child{border-bottom:0}}
@media(max-width:620px){.container{width:min(100% - 2rem,1168px)}.brand-link img{width:2.45rem}.brand-word strong{font-size:1.25rem}.brand-word small{font-size:.49rem}.hero{padding-block:3.7rem}.hero-copy{gap:1.25rem}.hero-copy h1{font-size:clamp(2.65rem,12vw,4.1rem)}.hero-actions .button{width:100%}.hero-trust{gap:.45rem 1rem}.hero-trust span{font-size:.7rem}.app-preview{margin-inline:-.25rem}.preview-body{min-height:20.8rem;grid-template-columns:30% 1fr}.preview-side{padding:.8rem .4rem}.preview-side li{font-size:.59rem;padding:.6rem .3rem}.preview-side li span{font-size:.52rem}.preview-main{padding:.8rem .6rem}.preview-main h3{font-size:1.06rem}.evidence-line{padding:.65rem}.evidence-line p,.evidence-line strong{font-size:.61rem}.evidence-line code{font-size:.51rem}.preview-foot{display:block}.preview-foot span{display:block;margin-top:.25rem}.feature-grid,.steps,.dashboard-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.cta-band{flex-direction:column;align-items:flex-start}.cta-band .button{width:100%}.form-card{padding:1.4rem}.footer-top{align-items:flex-start;flex-direction:column}.footer-links{gap:.75rem 1rem}.account-banner{flex-direction:column;align-items:flex-start}.page-intro{padding-block:3.5rem 2.5rem}}
@media(pointer:coarse){:where(button,nav a,.button,summary){min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
@media(forced-colors:active){.button,.feature-card,.form-card,.plan-card,.step,.status-list{border:1px solid CanvasText}.verified-pill,.status-tag,.save-tag{border:1px solid CanvasText}.eyebrow::before{forced-color-adjust:auto}}

/* Percyst approved generated-art identity: design-only, no runtime image services. */
:root{--art-ribbon:url("./assets/continuity-ribbon.webp");--art-flow:url("./assets/continuity-flow.webp")}
body{background:linear-gradient(130deg,#f5faf7 0%,#e9f6f0 55%,#f7fbf9 100%)}
.site-header{background:rgba(249,253,250,.94);backdrop-filter:blur(18px)}
.brand-link img,.footer-brand img{height:3.1rem;width:3.1rem;object-fit:contain;border-radius:.95rem;box-shadow:0 5px 15px #0b37351c;flex-shrink:0}
.brand-word strong{letter-spacing:-.055em}
.hero{background:radial-gradient(ellipse at 66% 4%,#11594a 0%,transparent 43%),linear-gradient(125deg,#072a30 0%,#0c3c3b 54%,#104540 100%);padding-block:clamp(4rem,7vw,6.6rem) clamp(6.2rem,10vw,8rem)}
.hero::after{opacity:.62;mask-image:linear-gradient(90deg,transparent 26%,black)}
.hero-grid{grid-template-columns:.91fr 1.09fr;gap:clamp(1.3rem,3vw,4rem)}
.hero-copy{z-index:2;position:relative}.hero-copy h1{max-width:13ch;font-size:clamp(3rem,5.65vw,5.8rem)}
.hero-copy h1 em{color:#80e8c5;text-shadow:0 0 40px #58caa733}
.hero-copy>p{max-width:51ch;color:#d4e7df}
.hero-visual{position:relative;isolation:isolate;min-width:0;padding-block:2.1rem}
.hero-art{pointer-events:none;position:absolute;z-index:-1;inset:-6rem -5rem -3rem -6rem;background-image:var(--art-ribbon);background-position:center;background-repeat:no-repeat;background-size:cover;opacity:.83;mask-image:radial-gradient(ellipse,black 20%,transparent 78%)}
.hero-visual .app-preview{transform:rotate(-2deg);border:1px solid #bdf8dcaa;box-shadow:0 24px 72px #0008,0 0 0 5px #5fe9bf0c,0 0 45px #54dfae44}
.hero-visual::before{content:"";position:absolute;inset:-1.5rem -2rem 0;z-index:-2;background:radial-gradient(ellipse,#32bc8c2c,transparent 64%);filter:blur(15px)}
.proof-strip{background:transparent;border:0;position:relative;z-index:2;margin-block-start:-2.5rem}
.proof-grid{background:rgba(255,255,255,.94);border:1px solid #e0ece5;border-radius:1.25rem;box-shadow:0 20px 45px #0d4a3a1c;overflow:hidden}
.proof-item,.proof-item:first-child{padding:1.5rem 2rem}
.proof-item::before{content:"◈";display:inline-grid;place-items:center;color:#176b5a;background:linear-gradient(145deg,#ddf9ec,#a4ebd3);width:2.6rem;height:2.6rem;border-radius:.75rem;margin-block-end:.5rem;font-size:1.5rem}
.proof-item:nth-child(2)::before{content:"◇"}.proof-item:nth-child(3)::before{content:"∞"}
.feature-card{position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;border-color:#d5e9df;background:linear-gradient(160deg,#fff 70%,#e9f9f29c)}
.feature-card::after{content:"";position:absolute;right:-4rem;top:-5rem;width:12rem;height:12rem;border-radius:50%;background:linear-gradient(135deg,#70d6b31f,#70d6b302);pointer-events:none}
.feature-card:hover{transform:translateY(-3px);box-shadow:0 20px 38px #174d3d18}
.feature-card .feature-icon{background:linear-gradient(145deg,#effcf6,#acebd5);box-shadow:inset 0 1px 1px white}
.section-head h2{color:#103a3d}
.dark-panel{background:radial-gradient(circle at 90% 110%,#247c67,#0b3738 65%);box-shadow:0 16px 50px #174d3c24}
.dark-panel::after{border:0;box-shadow:none;border-radius:0;background:var(--art-ribbon) center/cover no-repeat;opacity:.21;right:-4rem;top:-2rem;width:80%;height:100%;mask-image:linear-gradient(90deg,transparent,black)}
.trace-node{background:#ffffff17;backdrop-filter:blur(10px);border-color:#7de3bd4d}
.cta-band{min-height:17rem;background:linear-gradient(110deg,#082d31 24%,#0b4b41 100%);border:1px solid #71dcc258;box-shadow:0 22px 55px #133c341e}
.cta-band::after{content:"";position:absolute;right:-1rem;top:-8rem;width:60%;height:160%;pointer-events:none;background:var(--art-flow) center/cover no-repeat;mask-image:linear-gradient(90deg,transparent,black 52%);opacity:.62}
.cta-band>.button{position:relative;z-index:2;flex-shrink:0}
.page-intro{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(124deg,#effbf5 0%,#dbf3e8 100%);padding-block:clamp(4rem,8vw,6rem) clamp(4rem,8vw,5.5rem)}
.page-intro::after{content:"";z-index:-1;position:absolute;inset:-2rem -4rem -2rem 48%;pointer-events:none;background:var(--art-flow) center/cover no-repeat;opacity:.19;mask-image:linear-gradient(90deg,transparent 0,black 42%,transparent 100%)}
.dark-intro{background:linear-gradient(120deg,#092b32,#0e4d43);border-color:#346f61}
.dark-intro::after{opacity:.67;background-image:var(--art-ribbon);background-size:contain;background-repeat:no-repeat;background-position:right center;inset:-5rem -2rem -4rem 49%;mask-image:linear-gradient(90deg,transparent,black 43%)}
.dark-intro h1{color:#fff}.dark-intro p{color:#c3e1d6}
.pricing-grid{gap:1.05rem}
.plan-card{background:linear-gradient(150deg,#fff 65%,#ebf9f2);border-radius:1.15rem;box-shadow:0 10px 26px #174d3b0c;overflow:hidden}
.plan-card::before{content:"";height:5rem;position:absolute;inset:0 0 auto;background:radial-gradient(ellipse at 100% 0%,#6de2bc55,transparent 75%);z-index:0;pointer-events:none}
.plan-card>*{position:relative}.plan-card.featured{background:linear-gradient(150deg,#06373b 12%,#145847 100%);border:2px solid #7ce3bd;box-shadow:0 22px 45px #15886e38,0 0 0 4px #94eccc1f}
.plan-card.featured::before{height:11rem;background:var(--art-ribbon) top right/cover no-repeat;opacity:.37}
.plan-card.featured h3,.plan-card.featured .price{color:#fff}
.faq-grid details{box-shadow:0 7px 22px #164d3b0a;transition:box-shadow .2s}
.faq-grid details[open]{box-shadow:0 14px 32px #164d3b14}
.form-layout{position:relative;z-index:1}
.form-side{position:relative;padding-block:1.1rem 14rem;isolation:isolate;overflow:hidden;min-width:0}
.form-side::after{content:"";position:absolute;z-index:-1;left:-3rem;bottom:-2rem;width:min(100%,37rem);height:19rem;background:var(--art-flow) center/cover no-repeat;mask-image:radial-gradient(ellipse at 52% 52%,black 25%,transparent 76%);opacity:.84;border-radius:1.25rem}
.form-side h1{max-width:13ch}.form-side p{max-width:54ch}
.form-card{background:rgba(255,255,255,.94);backdrop-filter:blur(9px);border:1px solid #cfe5db;border-radius:1.35rem;box-shadow:0 28px 70px #125b4d26}
.form-card h2{color:#143e41}
body[data-page="login"] main{background:radial-gradient(circle at 68% 20%,#166a5c 0%,transparent 40%),linear-gradient(130deg,#092d34,#0a3d3b);color:white}
body[data-page="login"] .form-side p,body[data-page="login"] .form-side .info-box small{color:#c4dfd7}
body[data-page="login"] .form-side h1{color:#fff}
body[data-page="login"] .form-side .eyebrow{color:#94ecd0}
body[data-page="login"] .form-side .info-box{border-color:#ffffff42}
body[data-page="login"] .form-side .info-box strong{color:#e4faf2}
body[data-page="login"] .form-side::after{opacity:.95;mask-image:linear-gradient(180deg,transparent,black 18%,black 72%,transparent)}
.contact-pathways{position:relative;display:grid;gap:.75rem;background:linear-gradient(150deg,#0c4544,#176c5c);padding:1.65rem;color:white;border-radius:1.15rem;box-shadow:0 17px 50px #0e473528;overflow:hidden}
.contact-pathways::after{content:"";position:absolute;right:-3rem;bottom:-5rem;width:15rem;height:14rem;background:var(--art-ribbon) center/cover no-repeat;opacity:.3;mask-image:linear-gradient(90deg,transparent,black)}
.contact-pathways h2{font-size:1.15rem;letter-spacing:-.02em;color:white;margin-bottom:.25rem;max-width:none}
.contact-pathways>div{position:relative;z-index:1;border-top:1px solid #ffffff3b;padding-block:.75rem;display:grid;gap:.2rem}
.contact-pathways strong{font-size:.88rem}.contact-pathways small{font-size:.74rem;color:#b4e1d1}
.account-banner{background:linear-gradient(105deg,#103f42,#10664f);position:relative;overflow:hidden}
.account-banner::before{content:"";position:absolute;right:-5rem;top:-5rem;width:24rem;height:20rem;background:var(--art-ribbon) center/cover no-repeat;opacity:.3;mask-image:linear-gradient(90deg,transparent,black)}
.account-banner>*{z-index:1;position:relative}
.site-footer{background:linear-gradient(120deg,#072a31,#103f3c)}
.site-footer .footer-brand img{box-shadow:0 0 18px #1c745d22}
@media(max-width:970px){.hero-grid{grid-template-columns:1fr}.hero-copy h1{max-width:16ch}.hero-visual{max-width:44rem}.hero-art{inset:-3rem -3rem -2rem -2rem}.form-side{padding-bottom:15rem}}
@media(max-width:810px){.hero{padding-block:3.4rem 6rem}.proof-strip{margin-top:-2rem}.proof-item,.proof-item:first-child{padding:1rem 1.4rem}.main-nav{backdrop-filter:blur(18px)}.form-side{padding-bottom:13rem}}
@media(max-width:620px){.brand-link img{width:2.5rem;height:2.5rem}.hero-copy h1{font-size:clamp(2.9rem,12vw,4.25rem)}.hero-visual .app-preview{transform:none}.hero-art{inset:-1.6rem -1.6rem -1.6rem -1.6rem;opacity:.58}.hero-visual{padding-block:1.3rem}.hero::after{opacity:.28}.page-intro::after{opacity:.1;inset:0 0 0 42%}.dark-intro::after{opacity:.18}.cta-band::after{opacity:.28;right:-4rem;width:80%}.form-layout{padding-block:2.7rem}.form-side{padding-bottom:10rem}.form-side::after{height:12.5rem;bottom:-1rem}.contact-pathways{margin-block-start:1rem}.proof-strip{margin-top:-1.5rem}}
@media(prefers-reduced-motion:reduce){.feature-card{transition:none}.feature-card:hover{transform:none}.faq-grid details{transition:none}}
@media(forced-colors:active){.form-card,.feature-card,.proof-grid,.cta-band,.plan-card,.contact-pathways{border:1px solid CanvasText}.hero-art,.dark-intro::after{display:none}}

/* v2 narrow-screen typography safeguard, discovered during mobile visual QA. */
.hero-grid > *, .page-intro .container, .form-layout > * {min-width:0}
@media (max-width:620px) {
 .hero-copy h1{font-size:clamp(2.15rem,9.2vw,3rem);max-width:100%;overflow-wrap:anywhere}
 .page-intro h1,.form-side h1{max-width:100%;font-size:clamp(2.2rem,9.8vw,3.4rem);overflow-wrap:anywhere}
 .hero-copy > p,.page-intro p,.form-side p{overflow-wrap:anywhere}
}
.honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.terms-check{font-size:.85rem;color:#3b5a58;line-height:1.55}
.terms-check label{display:flex;align-items:flex-start;gap:.6rem}
.terms-check input{width:1.1rem;height:1.1rem;flex:none;margin-top:.15rem}
.terms-check a,.legal-page a{color:#147a64;text-decoration:underline;text-underline-offset:.17em}
.legal-page{max-width:61rem;line-height:1.75;color:#284c4a}
.legal-page h1{font-size:clamp(2.2rem,6vw,4.5rem);color:#103e41}
.legal-page h2{font-size:clamp(1.25rem,2vw,1.6rem);margin-top:2rem;color:#103e41}
.legal-page p{max-width:75ch}
.legal-date{font-size:.9rem;color:#5e7e76}
.legal-nav{display:flex;gap:1.4rem;align-items:center}
.legal-nav a{color:#1b4b47;font-weight:700}
.form-message{overflow-wrap:anywhere}