:root{--night:#080D1F;--graphite:#121A33;--yellow:#FFE600;--blue:#2563EB;--white:#F8FAFC;--muted:#B8C2D3;--ink:#111A30;--muted-light:#4D5970;--line:#ffffff26;--line-light:#d9dfeb;--body:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:26px}
body{margin:0;background:var(--night);color:var(--white);font:1rem/1.65 var(--body);-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure,dl,dd{margin:0}
h1,h2,h3{line-height:1.1;letter-spacing:-.045em}
h1{font-size:clamp(2.65rem,4vw,3.75rem);font-weight:750}
h1 em{color:var(--yellow);font-style:normal}
h2{font-size:clamp(2rem,3.2vw,3rem);font-weight:700}
h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.02em}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}
.light-section a:focus-visible,.light-section summary:focus-visible{outline-color:var(--blue)}
img,svg{display:block;max-width:100%}
.shell{width:min(1180px,calc(100% - 80px));margin-inline:auto}
.section{padding-block:80px}
.skip-link{position:fixed;top:-100px;left:18px;z-index:100;background:var(--yellow);color:var(--night);padding:12px 18px;font-weight:700}
.skip-link:focus{top:12px}
.site-header{border-bottom:1px solid var(--line)}
.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:90px;padding-block:18px}
.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}
.brand-mark{width:32px;height:auto}
.brand-copy{display:flex;flex-direction:column;gap:7px}
.brand-copy strong{font-family:Michroma,sans-serif;font-size:.875rem;font-weight:400;line-height:1.25;letter-spacing:.035em;white-space:nowrap}
.brand-copy small{font-size:.75rem;letter-spacing:.065em;color:var(--muted)}
nav{display:flex;align-items:center;flex-wrap:wrap;gap:24px;font-size:.9375rem;font-weight:600}
nav a:hover{text-decoration:underline;text-underline-offset:6px}
.eyebrow{font-size:.8125rem;line-height:1.6;letter-spacing:.09em;font-weight:700;color:var(--yellow)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:16px 23px;border-radius:6px;font-size:1rem;line-height:1.4;font-weight:750;box-shadow:0 2px 0 #0000001a,inset 0 1px 0 #ffffff26;transition:background .18s,transform .18s,box-shadow .18s}
.button-primary{background:var(--yellow);color:var(--night)}
.button-blue{background:var(--blue);color:white}
.text-link{display:inline-flex;align-items:center;gap:12px;font-size:1rem;font-weight:650;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#ffe60080}
@media(hover:hover){.button:hover{transform:translateY(-1px);box-shadow:0 3px 0 #0000001a,0 5px 10px #00000012}.button-primary:hover{background:#fff15c}.button-blue:hover{background:#164fcf}.text-link:hover{text-decoration-color:currentColor}}
.button:active{transform:translateY(1px);box-shadow:inset 0 1px 2px #0003}
.hero{padding-block:58px 66px;border-bottom:4px solid var(--yellow)}
.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px,4.8vw,70px);align-items:center}
.hero-copy>.eyebrow{margin-bottom:20px;max-width:450px}
.hero-lead{margin-top:25px;max-width:490px;color:var(--muted);font-size:1.125rem;line-height:1.65}
.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:28px}
.hero-actions .text-link{font-size:.9375rem}
.hero-note{margin-top:26px;font-size:.875rem;color:var(--muted);max-width:440px}
.product-demo{min-width:0;border-top:3px solid var(--blue);background:var(--graphite)}
.product-demo figcaption{display:flex;flex-direction:column;gap:8px;padding:22px 24px}
.product-demo figcaption span{font-size:.75rem;letter-spacing:.12em;font-weight:700;color:var(--muted)}
.product-demo figcaption strong{font-size:1.25rem;font-weight:650;line-height:1.3;letter-spacing:-.02em}
.video-frame{background:#000;aspect-ratio:16/9}
.video-frame iframe{display:block;width:100%;height:100%;border:0}
.demo-footer{padding:20px 24px 23px;font-size:.9375rem;color:var(--muted)}
.demo-footer a{display:inline-flex;gap:9px;color:var(--white);font-size:.875rem;font-weight:600;text-decoration:underline;text-underline-offset:5px;margin-top:14px}
.light-section{background:var(--white);color:var(--ink)}
.light-section .eyebrow{color:#174EBE}
.section-heading{display:grid;grid-template-columns:240px 1fr;gap:45px;align-items:start}
.section-heading>.eyebrow{padding-top:7px}
.section-heading>div>p{max-width:610px;color:var(--muted-light);margin-top:21px}
.workflow-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:42px 0 0;padding:0;border-top:1px solid var(--line-light)}
.workflow-list li{padding-top:26px}
.step-number{display:block;color:var(--blue);font-weight:600;font-size:.9375rem;margin-bottom:18px}
.workflow-list h3{font-size:1.25rem;margin-bottom:14px}
.workflow-list p{color:var(--muted-light);font-size:1rem}
.capabilities{display:grid;grid-template-columns:1fr 2.15fr;gap:36px;border-top:1px solid var(--line-light);margin-top:37px;padding-top:26px;align-items:start}
.capabilities h3{max-width:245px;font-size:1.125rem;line-height:1.4}
.capabilities p{color:var(--muted-light)}
.scope-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
.scope-grid .eyebrow{margin-bottom:20px}
.scope-lead{font-size:1.125rem;line-height:1.65}
.scope-list{margin-top:25px}
.scope-list>div{padding-block:21px;border-top:1px solid var(--line)}
.scope-list dt{font-size:1rem;font-weight:650}
.scope-list dd{color:var(--muted);margin-top:8px}
.scope-copy>.text-link{font-size:.9375rem;margin-top:9px}
.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
.faq-intro .eyebrow{margin-bottom:20px}
.faq-intro>p:last-child{max-width:340px;margin-top:23px;color:var(--muted-light)}
.faq-list{border-top:2px solid var(--blue)}
.faq-list details{border-bottom:1px solid var(--line-light)}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;font-weight:650;font-size:1rem;line-height:1.5;padding-block:21px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:hover{color:#174EBE}
.faq-sign{position:relative;display:block;width:18px;height:18px;flex:0 0 18px;color:var(--blue)}
.faq-sign::before,.faq-sign::after{content:'';position:absolute;width:16px;height:2px;top:8px;left:1px;background:currentColor}
.faq-sign::after{transform:rotate(90deg);transition:transform .15s}
.faq-list details[open] .faq-sign::after{transform:rotate(0)}
.faq-answer{color:var(--muted-light);padding:0 25px 23px 0;line-height:1.75}
.faq-answer p+p{margin-top:13px}
.faq-answer a{color:#174EBE;font-weight:600;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.experience-section{background:var(--blue);padding-block:64px}
.experience-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:80px}
.experience-grid .eyebrow{margin-bottom:20px}
.experience-grid h2{font-size:clamp(2rem,3vw,2.65rem)}
.experience-copy{padding-top:5px}
.experience-copy p{font-size:1.0625rem;line-height:1.7}
.experience-copy p+p{margin-top:16px}
.experience-signature{display:block;font-size:.875rem;margin-top:26px;border-top:1px solid #ffffff50;padding-top:16px}
.access-grid{display:grid;grid-template-columns:1fr .82fr;gap:110px;align-items:start}
.access-heading .eyebrow{margin-bottom:20px}
.access-heading h2{font-size:clamp(2.1rem,3.3vw,3rem)}
.access-heading>p:not(.eyebrow){color:var(--muted-light);margin-top:24px;max-width:420px;font-size:1.0625rem}
.access-heading>.button{margin-top:28px}
.access-heading>p.access-channel{font-size:.875rem;margin-top:11px}
.access-steps{border-top:3px solid var(--blue);padding-top:23px}
.access-steps h3{font-size:1.35rem}
.access-steps ol{padding:0;margin:25px 0 28px;list-style:none;counter-reset:access}
.access-steps li{position:relative;counter-increment:access;padding-left:34px}
.access-steps li+li{margin-top:20px}
.access-steps li::before{content:counter(access) '.';position:absolute;left:0;top:0;color:var(--blue);font-weight:700}
.access-steps strong,.access-steps span{display:block}
.access-steps strong{font-size:1rem;font-weight:650}
.access-steps span{font-size:.9375rem;color:var(--muted-light);margin-top:3px}
.access-steps>.button{width:100%}
.login-link{display:block;margin-top:18px;color:#174EBE;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-align:center;font-size:.9375rem}
.terms-link{display:block;text-align:center;font-size:.875rem;margin-top:15px;color:var(--muted-light);text-decoration:underline;text-underline-offset:4px}
.author{border-top:1px solid var(--line)}
.author-grid{display:grid;grid-template-columns:1fr 310px;gap:110px;align-items:center}
.author-copy>.eyebrow{margin-bottom:22px}
.author-copy h2{font-size:clamp(2.2rem,3.6vw,3.3rem)}
.author-copy p:not(.eyebrow){max-width:480px;margin-top:21px;color:var(--muted)}
.author-copy p.author-lead{color:var(--white);font-size:1.25rem;line-height:1.5}
.author-copy>.text-link{margin-top:24px;overflow-wrap:anywhere}
.qr-card{padding:26px;background:var(--graphite);border-top:3px solid var(--blue);text-align:center}
.qr-card h3{font-size:1.45rem}
.qr-card>p{font-size:.9375rem;color:var(--muted);margin-top:10px}
.qr-link{display:block;background:white;padding:13px;margin:21px auto;max-width:250px}
.qr-link img{width:100%;height:auto;aspect-ratio:1}
.qr-card>.button{width:100%}
footer{color:var(--muted);background:var(--night)}
.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-block:25px 100px;font-size:.875rem}
.footer-grid>div{display:flex;flex-wrap:wrap;gap:20px}
footer a:hover{text-decoration:underline}
.whatsapp-float{position:fixed;right:20px;bottom:18px;z-index:70;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 17px;border:1px solid #ffffff80;border-radius:9px;background:#096B43;color:white;font-size:.9375rem;font-weight:750;line-height:1.25;box-shadow:0 3px 10px #0003;transition:background .18s,transform .18s}
.whatsapp-float svg{width:25px;height:25px;flex:0 0 25px;fill:currentColor}
@media(hover:hover){.whatsapp-float:hover{background:#075635;transform:translateY(-1px)}}
.whatsapp-float:active{transform:translateY(1px)}
@media(max-width:1100px){
 .shell{width:calc(100% - 56px)}.nav-shell{gap:22px}nav{gap:19px;font-size:.875rem}.brand-copy strong{font-size:.8125rem}
 .hero-grid{gap:32px;grid-template-columns:1fr 1fr}.hero{padding-block:46px 52px}h1{font-size:2.8rem}.hero-lead{font-size:1.0625rem}.product-demo figcaption{padding:20px}.demo-footer{padding:19px 20px}.product-demo figcaption strong{font-size:1.125rem}
 .section-heading{grid-template-columns:190px 1fr;gap:30px}.workflow-list{gap:25px}.capabilities{gap:25px}.scope-grid,.faq-grid,.experience-grid{gap:45px}.access-grid{gap:60px}.author-grid{gap:65px}
}
@media(max-width:800px){
 .shell{width:calc(100% - 40px)}.section{padding-block:52px}.nav-shell{flex-direction:column;align-items:flex-start;min-height:0;padding-block:18px 15px;gap:17px}.brand-copy strong{font-size:.8125rem}.brand-copy small{font-size:.75rem}.brand-mark{width:29px}nav{width:100%;justify-content:space-between;gap:12px;font-size:.875rem}
 .hero{padding-block:31px 40px}.hero-grid{grid-template-columns:1fr;gap:33px}h1{font-size:clamp(2.2rem,7.1vw,3.2rem);line-height:1.1;max-width:630px}.hero-copy>.eyebrow{font-size:.75rem;letter-spacing:.065em;margin-bottom:16px}.hero-lead{font-size:1rem;max-width:560px;margin-top:20px}.hero-actions{margin-top:23px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px}.hero-note{font-size:.875rem;margin-top:21px}.product-demo{width:100%;max-width:650px}.product-demo figcaption{padding:18px 20px}.product-demo figcaption strong{font-size:1.1875rem}.demo-footer{padding:18px 20px 21px}
 .section-heading{grid-template-columns:1fr;gap:16px}.section-heading>.eyebrow{padding:0}h2{font-size:2.1rem}.section-heading>div>p{margin-top:19px}.workflow-list{grid-template-columns:1fr;gap:0;margin-top:27px}.workflow-list li{display:grid;grid-template-columns:34px 1fr;gap:17px;padding-block:24px;border-bottom:1px solid var(--line-light)}.step-number{margin:3px 0 0}.workflow-list h3{font-size:1.1875rem;margin-bottom:10px}.capabilities{grid-template-columns:1fr;gap:13px;margin-top:26px;padding-top:0;border:0}.capabilities h3{max-width:none}
 .scope-grid,.faq-grid{grid-template-columns:1fr;gap:28px}.scope-grid .eyebrow,.faq-intro .eyebrow{margin-bottom:16px}.scope-grid h2 br,.faq-intro h2 br{display:none}.scope-lead{font-size:1.0625rem}.scope-list{margin-top:21px}.scope-list>div{padding-block:19px}.faq-intro>p:last-child{max-width:520px;margin-top:18px}.faq-list summary{padding-block:19px;gap:19px}.faq-answer{padding-right:10px;font-size:1rem}
 .experience-section{padding-block:47px}.experience-grid{grid-template-columns:1fr;gap:26px}.experience-grid .eyebrow{margin-bottom:17px}.experience-grid h2{font-size:2rem}.experience-copy{padding:0}.experience-copy p{font-size:1rem}.experience-signature{margin-top:22px}
 .access-grid{grid-template-columns:1fr;gap:37px}.access-heading .eyebrow{margin-bottom:16px}.access-heading h2{font-size:2.15rem}.access-heading>p:not(.eyebrow){font-size:1rem;margin-top:20px;max-width:530px}.access-heading>.button{margin-top:24px}.access-heading>p.access-channel{font-size:.875rem;margin-top:11px}.access-steps{max-width:530px;width:100%;padding-top:23px}
 .author-grid{grid-template-columns:1fr;gap:32px}.author-copy h2{font-size:2.3rem}.author-copy>.eyebrow{margin-bottom:18px}.author-copy p.author-lead{font-size:1.1875rem}.qr-card{width:100%;max-width:310px;justify-self:center}.footer-grid{flex-direction:column;align-items:flex-start;gap:13px;padding-bottom:98px}
 .whatsapp-float{right:14px;bottom:14px;font-size:.875rem;min-height:48px;padding:11px 14px;gap:9px}.whatsapp-float svg{width:23px;height:23px;flex-basis:23px}
}
@media(max-width:380px){.shell{width:calc(100% - 32px)}.brand-copy strong{font-size:.72rem}.brand-copy small{font-size:.6875rem}nav{gap:9px;font-size:.8125rem}.hero-copy>.eyebrow{letter-spacing:.035em}h1{font-size:2.15rem}.button{padding-inline:18px;gap:13px}.access-heading>.button{width:100%}.author-copy h2{font-size:2.1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}