:root{--blue:#2a5eab;--orange:#ff6600;--orange-hover:#e95c00;--bg:#fff;--surface:#f5f7fa;--text:#333d4b;--muted:#66717e;--line:#dce3ec;--green:#439c42;--font-body:'Open Sans',Arial,sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:clamp(1.65rem,2.5vw,2.15rem);--text-hero:clamp(2.25rem,3.8vw,3.4rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px}
[data-theme=dark]{--blue:#83b2f5;--bg:#111b2b;--surface:#192638;--text:#e8edf5;--muted:#afbdcf;--line:#33455b;--green:#8cce7f}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:var(--font-body);color:var(--text);background:var(--bg);font-size:var(--text-base);line-height:1.65}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;height:auto;display:block}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25;color:var(--blue)}h2{font-size:var(--text-xl);font-weight:700;letter-spacing:-.7px}h3{font-size:var(--text-lg);font-weight:700}p{color:var(--muted)}.container{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;top:-100px;left:16px;background:var(--bg);z-index:100}.skip:focus{top:16px}.header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);height:96px}.brand{display:flex;align-items:center;gap:var(--space-2);color:var(--blue);font-weight:800;font-size:var(--text-lg);letter-spacing:.6px;line-height:1.1;flex-shrink:0}.brand svg{width:42px;height:42px}.brand-bottom{display:block;font-size:var(--text-sm);letter-spacing:1.1px;margin-top:var(--space-1)}nav{display:flex;gap:var(--space-6)}nav a{font-size:var(--text-sm);transition:color .2s}nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.icon-button{width:44px;height:44px;background:none;color:var(--blue);border:0;font-size:var(--text-lg);border-radius:50%}.icon-button:hover{background:var(--surface)}.menu-button{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-3) var(--space-6);min-height:48px;border:2px solid var(--orange);border-radius:30px;background:var(--orange);color:#fff;font-size:var(--text-sm);font-weight:700;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:var(--orange-hover);border-color:var(--orange-hover);transform:translateY(-1px)}.button span{font-size:var(--text-lg)}.button.small{padding:var(--space-2) var(--space-5);min-height:44px}.button.outline{border-color:var(--blue);color:var(--blue);background:transparent;padding-inline:var(--space-5)}.button.outline:hover{background:var(--surface)}.hero{background:linear-gradient(100deg,var(--surface),var(--bg) 70%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:var(--space-5);min-height:570px;padding-block:var(--space-16)}.eyebrow{display:flex;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-sm);margin-bottom:var(--space-5)}.status-dot{width:7px;height:7px;background:var(--orange);border-radius:50%}h1{font-size:var(--text-hero);font-weight:750;letter-spacing:-1.7px;line-height:1.22}h1 span{color:var(--orange)}.hero-description{margin-top:var(--space-6);line-height:1.75;font-size:var(--text-base)}.hero-actions{display:flex;gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap}.check-list{padding:0;list-style:none}.check-list li::before{content:'✓';color:var(--green);font-weight:700;margin-right:var(--space-2)}.hero-checks{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);font-size:var(--text-sm);margin:var(--space-6) 0 0}.hero-visual{position:relative}.hero-visual img{width:100%;mix-blend-mode:multiply}.visual-note{display:flex;gap:var(--space-3);align-items:center;background:var(--bg);border:1px solid var(--line);box-shadow:0 10px 30px #2449700c;border-radius:10px;padding:var(--space-4) var(--space-5);position:absolute;bottom:0;left:6%;right:6%}.visual-note strong{font-size:var(--text-sm);display:block}.visual-note div>span{display:block;font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-1)}.note-mark{display:grid;place-items:center;width:32px;height:32px;background:#eef6ed;color:#3d8b37;border-radius:50%}.benefit-strip{background:linear-gradient(105deg,#2b9dbc,#2a5eab);color:white}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:var(--space-8);gap:var(--space-6)}.strip-grid>div{display:flex;align-items:center;gap:var(--space-4)}.strip-icon{font-size:var(--text-xl);line-height:1;letter-spacing:-1px;font-weight:400;opacity:.8}.strip-grid strong{display:block;font-size:var(--text-lg);font-weight:600}.strip-grid div div>span{font-size:var(--text-sm);color:#e9f4ff}.section{padding-block:var(--space-20)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-8);margin-bottom:var(--space-12)}.section-heading p{font-size:var(--text-sm)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8)}.feature-symbol{display:block;color:var(--blue);font-size:var(--text-xl);margin-bottom:var(--space-5);font-weight:400;letter-spacing:-2px}.features h3{font-size:var(--text-base);margin-bottom:var(--space-3)}.features p{font-size:var(--text-sm);line-height:1.85}.demo-section{background:var(--surface);padding-block:var(--space-20)}.demo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--space-24);align-items:center}.demo-copy h2{font-size:clamp(2rem,3vw,2.7rem)}.demo-copy p{margin-top:var(--space-6)}.demo-copy .check-list{font-size:var(--text-sm);margin-block:var(--space-6) var(--space-8)}.check-list li+li{margin-top:var(--space-2)}.text-link{color:var(--blue);font-size:var(--text-sm);font-weight:700}.text-link:hover{text-decoration:underline}.demo-widget{background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px #22416a0a;overflow:hidden}.demo-top{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);font-size:var(--text-sm)}.mini-mark{color:var(--blue);font-weight:800}.demo-label{margin-left:auto;font-size:var(--text-xs);color:var(--muted)}.demo-tabs{display:flex;gap:var(--space-2);padding:var(--space-4) var(--space-5) 0;flex-wrap:wrap}.demo-tabs button{border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:6px;padding:var(--space-2);font-size:var(--text-xs);min-height:44px}.demo-tabs button.active{background:var(--surface);border-color:var(--blue);color:var(--blue)}.conversation{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);font-size:var(--text-sm)}.message{max-width:90%;padding:var(--space-3) var(--space-4);border-radius:10px}.message.user{align-self:flex-end;background:#2a5eab;color:white;border-bottom-right-radius:2px}.message.assistant{background:var(--surface);border-bottom-left-radius:2px}.assistant-label{display:block;color:var(--blue);font-size:var(--text-xs);font-weight:700;margin-bottom:var(--space-1)}.mini-preview{margin:0 var(--space-5);border:1px solid var(--line);border-radius:8px;overflow:hidden}.mini-browser{display:flex;align-items:center;gap:var(--space-1);background:var(--surface);padding:var(--space-2) var(--space-3)}.mini-browser>span{width:5px;height:5px;border-radius:50%;background:#b9c4d1}.mini-browser small{font-size:var(--text-xs);color:var(--muted);margin-left:var(--space-2)}.mini-page{padding:var(--space-5) var(--space-6);background:var(--bg)}.mini-eyebrow{display:block;font-size:var(--text-xs);color:var(--muted);margin-bottom:var(--space-2)}.mini-page strong{display:block;font-size:var(--text-lg);color:var(--blue);line-height:1.35}.mini-page p{font-size:var(--text-xs);margin-top:var(--space-2)}.mini-cta{background:var(--orange);color:#fff;display:inline-block;font-size:var(--text-xs);font-weight:700;border-radius:20px;padding:var(--space-2) var(--space-3);margin-top:var(--space-3)}.demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.demo-bottom>span{font-size:var(--text-xs);color:var(--muted)}.demo-disclaimer{font-size:var(--text-xs);padding:0 var(--space-5) var(--space-4)}.button:disabled{opacity:.6;cursor:default;transform:none}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-12);margin-top:var(--space-12)}.step-number{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-xl);color:var(--orange);margin-bottom:var(--space-6)}.step-number span{height:1px;background:var(--line);flex:1}.steps h3{font-size:var(--text-base);margin-bottom:var(--space-3)}.steps p{font-size:var(--text-sm)}.scope-note{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-8);font-size:var(--text-xs);color:var(--muted)}.scope-note>span{color:var(--blue);font-size:var(--text-lg)}.faq-section{background:var(--surface);padding-block:var(--space-16)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--space-16)}.faq-grid>div>p{margin-top:var(--space-6);font-size:var(--text-sm);line-height:2}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding-block:var(--space-4)}summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);list-style:none;cursor:pointer;color:var(--blue);font-size:var(--text-sm);font-weight:600;min-height:36px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:var(--text-lg);font-weight:400}details[open] summary:after{content:'−'}details p{font-size:var(--text-sm);margin-top:var(--space-3);padding-right:var(--space-6)}.contact-section{background:#285eaa;color:#fff;padding-block:var(--space-20)}.contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:var(--space-24);align-items:center}.contact-copy .eyebrow{color:#d8e8ff}.contact-copy h2{color:white;font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.3}.contact-copy p{color:#e2ecfa;margin-top:var(--space-6)}.contact-email{display:inline-block;margin-top:var(--space-6);font-size:var(--text-lg);font-weight:600}.contact-email span{margin-left:var(--space-3);color:#ffac73}.contact-note{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-12)}.contact-note>span{font-size:var(--text-xl);color:#c8dcf7}.contact-note strong{display:block;font-size:var(--text-sm)}.contact-note div>span{display:block;font-size:var(--text-xs);color:#d5e6fa}.lead-form{background:var(--bg);padding:var(--space-8);border-radius:12px;color:var(--text)}.lead-form h3{font-size:var(--text-lg)}.lead-form>p{font-size:var(--text-sm);margin-top:var(--space-2);margin-bottom:var(--space-6)}.lead-form>label:not(.consent){display:block;font-size:var(--text-sm);font-weight:600;margin-top:var(--space-4);margin-bottom:var(--space-2)}.lead-form>input{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:var(--space-3) var(--space-4);height:52px;color:var(--text);font-size:var(--text-base)}.lead-form>input::placeholder{color:var(--muted)}.consent{display:flex;gap:var(--space-3);align-items:flex-start;font-size:var(--text-xs);color:var(--muted);margin-block:var(--space-5)}.consent input{width:18px;height:18px;margin:3px 0 0;flex-shrink:0;accent-color:var(--blue)}.consent button{display:inline;background:none;border:none;padding:0;color:var(--blue);text-decoration:underline;font-size:inherit}.form-submit{width:100%;justify-content:space-between;padding-inline:var(--space-6)}.form-footnote{display:block;text-align:center;font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-4)}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#form-status:not(:empty){padding:var(--space-3);margin-top:var(--space-4);border-radius:6px;background:var(--surface);font-size:var(--text-sm)}#form-status.error{color:#b33b20}#form-status.success{color:var(--green)}.mail-fallback{display:block;margin-top:var(--space-3);color:var(--blue);font-size:var(--text-sm);font-weight:700;text-decoration:underline}.mail-fallback[hidden]{display:none}footer{padding-block:var(--space-6);font-size:var(--text-xs);color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:var(--space-4)}dialog{max-width:560px;width:calc(100% - 40px);background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:var(--space-10)}dialog::backdrop{background:#11233b99}dialog h2{font-size:var(--text-lg);padding-right:var(--space-8)}dialog p{font-size:var(--text-sm);margin-top:var(--space-4)}dialog a{color:var(--blue)}.dialog-close{position:absolute;right:8px;top:8px}[data-theme=dark] .hero-visual img{mix-blend-mode:normal;border-radius:12px}[data-theme=dark] #form-status.error{color:#ffa995}
@media(min-width:1450px){.hero-grid{min-height:620px}}
@media(max-width:1100px){nav{gap:var(--space-4)}nav a{font-size:var(--text-xs)}.container{width:calc(100% - 48px)}.demo-grid{gap:var(--space-12)}.contact-grid{gap:var(--space-12)}.hero-actions .button{font-size:var(--text-xs);gap:var(--space-3);padding-inline:var(--space-4)}.features{gap:var(--space-6)}.strip-icon{display:none}}
@media(max-width:800px){.header-inner{height:80px}.header nav{display:none;position:absolute;top:80px;left:0;right:0;padding:var(--space-5) var(--space-6);background:var(--bg);border-bottom:1px solid var(--line)}.header nav.open{display:flex;flex-direction:column}.header nav a{font-size:var(--text-sm);padding-block:var(--space-2)}.menu-button{display:block}.hero-grid{gap:0;grid-template-columns:1.2fr 1fr;padding-block:var(--space-12);min-height:500px}h1{font-size:2.3rem}.hero-description{font-size:var(--text-sm)}.desktop-break{display:none}.visual-note{display:none}.hero-checks{font-size:var(--text-xs)}.strip-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.strip-icon{display:block}.features{grid-template-columns:repeat(2,1fr);gap:var(--space-10)}.section-heading{display:block}.section-heading p{margin-top:var(--space-4)}.demo-grid{gap:var(--space-8)}.demo-tabs{gap:var(--space-1)}.demo-bottom{align-items:flex-start}.demo-bottom>span{max-width:130px}.contact-grid{gap:var(--space-8)}.contact-copy h2{font-size:2rem}.lead-form{padding:var(--space-6)}.faq-grid{gap:var(--space-8)}}
@media(max-width:600px){html{scroll-padding-top:85px}.container{width:calc(100% - 40px)}.header-inner{gap:var(--space-2);height:76px}.brand svg{width:32px;height:32px}.brand{font-size:var(--text-base)}.brand-bottom{font-size:.65rem;letter-spacing:.5px}.header-actions{gap:0}.header-actions>.button{display:none}.header nav{top:76px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-block:var(--space-10) var(--space-8)}.hero-copy .eyebrow{margin-bottom:var(--space-4)}h1{font-size:clamp(2.15rem,8.3vw,2.8rem);letter-spacing:-1.3px}.hero-description{font-size:var(--text-base);margin-top:var(--space-5)}.hero-actions{margin-top:var(--space-6);gap:var(--space-3)}.hero-actions .button{font-size:var(--text-sm);width:100%}.hero-checks{font-size:var(--text-xs);margin-top:var(--space-5);gap:var(--space-2) var(--space-3)}.hero-visual{margin-top:var(--space-4)}.hero-visual img{max-height:300px;object-fit:contain}.visual-note{display:flex;left:0;right:0;bottom:0;padding:var(--space-3);background:var(--bg)}.visual-note strong{font-size:var(--text-xs)}.visual-note div>span{font-size:var(--text-xs)}.strip-grid{padding-block:var(--space-6);gap:var(--space-5)}.strip-icon{display:none}.strip-grid strong{font-size:var(--text-base)}.strip-grid div div>span{font-size:var(--text-xs)}.section{padding-block:var(--space-12)}.section-heading{margin-bottom:var(--space-8)}h2{font-size:1.8rem}.eyebrow{font-size:var(--text-xs);margin-bottom:var(--space-3)}.features{gap:var(--space-8) var(--space-5)}.features h3{font-size:var(--text-sm)}.features p{font-size:var(--text-xs)}.feature-symbol{margin-bottom:var(--space-3)}.demo-section{padding-block:var(--space-12)}.demo-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:var(--space-8)}.demo-copy h2{font-size:2rem}.demo-copy p{font-size:var(--text-sm)}.demo-top,.conversation{padding:var(--space-4)}.demo-tabs{padding:var(--space-4) var(--space-4) 0}.demo-tabs button{flex:1;font-size:var(--text-xs);padding:var(--space-1)}.mini-preview{margin-inline:var(--space-4)}.demo-bottom{padding:var(--space-4);align-items:center}.demo-bottom .button{font-size:var(--text-xs);gap:var(--space-2);padding-inline:var(--space-3)}.steps{grid-template-columns:1fr;gap:var(--space-8);margin-top:var(--space-8)}.step-number{margin-bottom:var(--space-3)}.scope-note{align-items:flex-start}.faq-section{padding-block:var(--space-12)}.faq-grid>div>p{margin-top:var(--space-4)}.contact-section{padding-block:var(--space-12)}.contact-copy h2{font-size:2.15rem}.contact-copy p{font-size:var(--text-sm)}.contact-note{display:none}.lead-form{padding:var(--space-6)}.footer-inner{flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.footer-inner span:nth-child(2){width:100%;order:3}dialog{padding:var(--space-8)}}
@media(max-width:600px){.brand-bottom{font-size:var(--text-xs)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}