:root{--navy:#012241;--sky:#04AEEF;--bg:#fff;--surface:#f5f8fb;--ink:#012241;--muted:#526275;--border:rgba(1,34,65,.15);--accent-text:#007cae;--font-display:'Outfit',sans-serif;--font-body:'Poppins',sans-serif;--text-xs:.78rem;--text-sm:.875rem;--text-base:1rem;--text-lg:clamp(1.2rem,1.1rem + .45vw,1.45rem);--text-xl:clamp(1.8rem,1.35rem + 1.6vw,2.6rem);--text-hero:clamp(2.35rem,1.6rem + 2.5vw,3.5rem);--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.25rem;--s6:1.5rem;--s8:2rem;--s10:2.5rem;--s12:3rem;--s16:4rem;--s20:5rem;--s24:6rem;--radius:.5rem;--shadow:0 18px 50px rgba(1,34,65,.1)}
:root[data-theme=dark]{--bg:#081b2c;--surface:#10283e;--ink:#f4f7fb;--muted:#b6c5d4;--border:rgba(255,255,255,.17);--accent-text:#66cefa;--shadow:0 18px 50px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--font-display);line-height:1.12;text-wrap:balance;letter-spacing:-.025em}h1{font-size:var(--text-hero);font-weight:700}h2{font-size:var(--text-xl);font-weight:600}h3{font-size:var(--text-lg);font-weight:600}p{max-width:66ch}p+p{margin-top:var(--s5)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;height:auto}ul,ol{padding:0;margin:0;list-style:none}a,button,summary{transition:background .18s,color .18s,border-color .18s}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--sky);outline-offset:5px}a:active,button:active{opacity:.8}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.small{font-size:var(--text-xs);line-height:1.65}.muted{color:var(--muted)}.eyebrow{color:var(--accent-text);font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;line-height:1.5;margin-bottom:var(--s4)}.skip{position:absolute;left:var(--s4);top:-80px;z-index:200;padding:var(--s4);background:var(--navy);color:white}.skip:focus{top:var(--s4)}
.header{background:var(--bg);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:var(--s6)}.brand{display:flex;gap:var(--s3);align-items:center;font:700 var(--text-lg)/1 var(--font-display);letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--navy);color:white;border-radius:var(--radius);font-size:var(--text-lg)}.nav,.header-actions{display:flex;align-items:center;gap:var(--s6)}.nav a{font-size:var(--text-sm);padding-block:var(--s3)}.nav a:hover,.nav [aria-current]{color:var(--accent-text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s6);min-height:52px;padding:var(--s4) var(--s6);font-size:var(--text-sm);font-weight:600;line-height:1.5;background:var(--sky);color:var(--navy);border-radius:var(--radius);text-align:center}.button:hover{background:#66cefa}.small-button{min-height:46px;padding:var(--s3) var(--s5)}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--muted);font-size:var(--text-xs);min-height:44px;padding:var(--s2) var(--s3)}
.hero{display:grid;grid-template-columns:1fr 1.06fr;align-items:center;gap:var(--s12);padding-block:var(--s20)}.hero h1{max-width:16ch}.hero h1 span{color:var(--accent-text)}.lede{margin-top:var(--s6);color:var(--muted)}.brand-promise{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:1.4;margin-top:var(--s6)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4) var(--s6);margin-block:var(--s6) var(--s3)}.secondary{font-size:var(--text-sm);font-weight:500;border-bottom:1px solid var(--border);padding-block:var(--s3)}.secondary:hover{color:var(--accent-text)}.hero-product{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.screen-label{padding:var(--s4) var(--s5);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;display:flex;align-items:center;gap:var(--s3)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--sky)}.hero-product>a{display:block;min-height:44px}.hero-product figcaption{padding:var(--s5);font-size:var(--text-sm);line-height:1.6}.hero-product figcaption strong,.hero-product figcaption span{display:block}.hero-product figcaption span{color:var(--muted);margin-top:var(--s2);font-size:var(--text-xs)}.hero-note{padding:var(--s6) var(--s5);background:var(--navy);color:white;font-family:var(--font-display);font-size:var(--text-lg);line-height:1.5}.hero-note strong{color:var(--sky);font-weight:500}
.familiar{background:var(--navy);color:white;padding-block:var(--s16)}.familiar .eyebrow,.operator .eyebrow{color:var(--sky)}.familiar-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--s10) var(--s20)}.familiar h2{margin-bottom:var(--s6)}.familiar p{color:#d3e0ed}.pain-list li{padding-block:var(--s4);border-bottom:1px solid rgba(255,255,255,.18);font-size:var(--text-base)}.pain-list li:first-child{padding-top:0}.familiar-close{grid-column:1/-1;max-width:850px;font-size:var(--text-lg);font-family:var(--font-display);line-height:1.5}.familiar-close strong{font-weight:500;color:white}
.section{padding-block:var(--s20)}.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s16);align-items:end;margin-bottom:var(--s12)}.section-head>p{color:var(--muted)}.workflows{display:grid;grid-template-columns:1fr 1fr;gap:var(--s10) var(--s16)}.workflows article{padding-top:var(--s6);border-top:1px solid var(--border)}.number{font-size:var(--text-xs);font-weight:600;color:var(--accent-text);letter-spacing:.08em;margin-bottom:var(--s4)}.workflows h3{margin-bottom:var(--s4)}.workflows article>p:not(.number):not(.payoff){color:var(--muted)}.workflows .payoff{font-size:var(--text-sm);font-weight:600;margin-top:var(--s4)}.technology-note{display:grid;grid-template-columns:180px 1fr;gap:var(--s6);margin-top:var(--s12);padding:var(--s6) var(--s8);background:var(--surface);border-radius:var(--radius)}.technology-note strong{font-family:var(--font-display);font-size:var(--text-lg)}.technology-note p{color:var(--muted);font-size:var(--text-sm)}
.product-section{background:var(--surface);padding-block:var(--s20)}.product-story{display:grid;grid-template-columns:1.7fr 1fr;gap:var(--s12);align-items:center;margin-top:var(--s12)}.product-story figure>a{display:block;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:white}.product-story figcaption{font-size:var(--text-xs);color:var(--muted);margin-top:var(--s3)}.product-story h3{margin-bottom:var(--s4)}.product-story p:not(.eyebrow){color:var(--muted)}.text-link{display:inline-flex;gap:var(--s3);align-items:center;min-height:44px;color:var(--accent-text);font-weight:500;font-size:var(--text-sm);margin-top:var(--s4)}.text-link:hover{text-decoration:underline}.reversed{grid-template-columns:1fr 1.7fr;margin-top:var(--s16)}.reversed figure{order:2}.steps{max-width:1000px;margin-bottom:var(--s8)}.steps li{display:grid;grid-template-columns:72px 1fr;gap:var(--s8);padding-block:var(--s8);border-top:1px solid var(--border)}.step-number{font:500 var(--text-xl)/1 var(--font-display);color:var(--accent-text)}.steps h3{margin-bottom:var(--s3)}.steps p{max-width:80ch;color:var(--muted)}
.operator{background:var(--navy);color:white;padding-block:var(--s20)}.operator-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--s20)}.operator p:not(.eyebrow){color:#d3e0ed}.signature{margin-top:var(--s8)}.signature strong,.signature span{display:block}.signature strong{color:white;font-family:var(--font-display);font-size:var(--text-lg)}.signature span{font-size:var(--text-sm);margin-top:var(--s2)}
.review{display:grid;grid-template-columns:1.05fr 1fr;gap:var(--s20);align-items:center}.review h2{margin-bottom:var(--s6)}.review>div>p:not(.eyebrow){color:var(--muted)}.review-invitation{background:var(--surface);border:1px solid var(--border);padding:var(--s8);border-radius:var(--radius)}.review-invitation h3{font-size:var(--text-xl)}.review-invitation ul{margin-block:var(--s6)}.review-invitation li{padding-block:var(--s2);border-bottom:1px solid var(--border);font-size:var(--text-sm)}.review-invitation .button{width:100%;gap:var(--s3)}.review-invitation .small{margin-top:var(--s4)}.faq-section{padding-block:var(--s16);background:var(--surface)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--s16)}.faq-grid h2{margin-bottom:var(--s5)}.faq-grid>div>p:not(.eyebrow){color:var(--muted)}details{border-bottom:1px solid var(--border)}details:first-child{border-top:1px solid var(--border)}summary{padding:var(--s5) var(--s8) var(--s5) 0;cursor:pointer;font-family:var(--font-display);font-size:var(--text-lg);line-height:1.4;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:var(--s2);top:var(--s5);color:var(--accent-text)}details[open] summary::after{content:'−'}details p{padding-bottom:var(--s6);color:var(--muted);font-size:var(--text-sm)}details a{text-decoration:underline;color:var(--accent-text)}.closing{padding-block:var(--s20);text-align:center}.closing h2{font-size:var(--text-hero)}.closing h2 span{color:var(--accent-text)}.closing p{margin-inline:auto}.closing>p:not(.eyebrow){margin-top:var(--s6)}.closing .button{margin-top:var(--s6)}.closing .small{margin-top:var(--s4)}.footer{border-top:1px solid var(--border);padding-block:var(--s8)}.footer-inner{display:flex;flex-wrap:wrap;gap:var(--s5) var(--s8);align-items:center;justify-content:space-between}.footer nav{display:flex;flex-wrap:wrap;gap:var(--s5);font-size:var(--text-sm)}.footer nav a{display:inline-flex;align-items:center;min-height:44px}.footer p{flex-basis:100%;color:var(--muted)}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header-inner{gap:var(--s4)}.nav{gap:var(--s4)}.hero{gap:var(--s8)}.hero .button{width:100%}.hero h1{max-width:none}.section-head{gap:var(--s10)}.familiar-grid,.operator-grid,.review{gap:var(--s10)}.header-actions{gap:var(--s3)}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header-inner{flex-wrap:wrap;min-height:auto;padding-block:var(--s3);gap:var(--s3)}.brand{font-size:var(--text-base)}.brand-mark{width:32px;height:32px}.header-actions{margin-left:auto}.small-button{font-size:var(--text-xs);padding:var(--s2) var(--s3)}.theme-toggle{padding:var(--s2);border:0}.nav{order:3;flex-basis:100%;justify-content:space-between;border-top:1px solid var(--border);gap:var(--s3)}.nav a{font-size:var(--text-xs)}.hero{grid-template-columns:1fr;padding-block:var(--s10);gap:var(--s8)}.hero .button{width:auto}.hero-copy .small{max-width:46ch}.section,.product-section,.operator,.closing{padding-block:var(--s12)}.familiar{padding-block:var(--s12)}.familiar-grid,.section-head,.operator-grid,.review,.faq-grid{grid-template-columns:1fr;gap:var(--s8)}.familiar-close{grid-column:auto}.workflows{gap:var(--s8)}.product-story,.reversed{grid-template-columns:1fr;gap:var(--s6);margin-top:var(--s10)}.product-story>div{order:-1}.reversed figure{order:0}.technology-note{grid-template-columns:1fr;gap:var(--s3);padding:var(--s6)}.steps li{grid-template-columns:42px 1fr;gap:var(--s5)}.review-invitation{padding:var(--s6)}.faq-section{padding-block:var(--s12)}}
@media(max-width:540px){.workflows{grid-template-columns:1fr}.actions{display:grid}.hero .button{width:100%}.secondary{text-align:center}.header-actions .small-button{display:none}.section-head{margin-bottom:var(--s8)}.closing{text-align:left}.closing p{margin-left:0}.closing .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}