:root{--ink:#192a42;--panel:#f1f4f8;--panel-deep:#f7f9fc;--text:#192a42;--muted:#576881;--line:#dce3ed;--paper:#eef2f8;--scroll-track:#f1f4f8;--scroll-thumb:#9ba9bd;color-scheme:light;--orange:#ff7729}
body{background:#fff;color:var(--ink)}.site-nav{background:#ffffffed;backdrop-filter:blur(16px);border-bottom-color:#e7ebf2}.nav-links{color:#52647c}.nav-inner{height:84px}.brand-sub{display:block;font:9px Manrope,sans-serif;letter-spacing:2px;color:#8390a4}.brand-name{font-size:25px;line-height:1.1}.btn-primary{box-shadow:none;color:#fff;background:#f36b22;border-color:#f36b22}.btn-primary:hover{color:white;background:#dc5714}.btn-ghost{border-color:#d0d9e6}.btn-ghost:hover{background:#f0f4fa;color:var(--ink);border-color:#8293ab}.btn-dark{background:var(--ink);color:white;border-color:var(--ink)}.btn-dark:hover{background:#344d6d;color:#fff}.hero{background:linear-gradient(180deg,#fff 55%,#f1f5fa);border-bottom:0;overflow:hidden}.hero::before{display:none}.hero-layout{display:flex;flex-direction:column;gap:0;padding:66px 0 0;min-height:0}.hero-content{width:100%;text-align:center;position:relative;z-index:2}.eyebrow{justify-content:center;color:#d95a17;margin-bottom:25px}.eyebrow::before{display:none}.hero h1{max-width:1100px;margin:auto;font-size:clamp(46px,5vw,76px);line-height:1.2;letter-spacing:-3.5px;font-weight:600}.hero-title-line{display:block}.hero-title-line em{font-style:normal;color:#ed6b26;position:relative;white-space:nowrap}.hero-title-line em::after{content:'';height:3px;background:#ffb287;position:absolute;left:0;right:0;bottom:-5px;transform:rotate(-1deg)}.hero-lead{max-width:660px;font-size:16px;margin:27px auto 0;line-height:1.85;color:#63728a}.hero-actions{justify-content:center;margin-top:28px}.hero-actions .btn{min-height:52px;padding-inline:30px}.tracking-form{margin:0;position:absolute;left:0;bottom:-60px;width:360px;z-index:3}.tracking-row{border:1px solid #dce4ed;border-radius:6px;background:white;padding:6px 7px 6px 15px;box-shadow:0 8px 20px #263f6110}.tracking-row .btn{background:#eff3f8;color:var(--ink);border:0}.tracking-field input{color:var(--ink);padding:6px 0;font-size:12px}.hero-proof{position:absolute;right:0;bottom:-60px;text-align:left;gap:23px;color:#6c7c94}.proof-pill strong{color:var(--ink);font-size:17px}.proof-pill{padding-right:22px}.metric-strip{background:white;border-block:1px solid var(--line)}.metric-strip-inner{padding:35px 0 38px}.metric-value{color:var(--ink);font-size:42px}.metric-label{color:var(--muted)}.section{padding-block:110px}.section-kicker{color:#ce571a}.section-title{font-size:clamp(32px,3.8vw,54px);font-weight:500;line-height:1.25;letter-spacing:-2px}.section-lead{color:#63738a}.section-grid{gap:90px}.section-grid .section-title{max-width:600px}.value-icon,.feature-icon{color:#ed6b26}.section-photo img,.media-card img{filter:none;border-radius:5px}.insight-panel{position:relative}.insight-panel .section-photo img{aspect-ratio:1.4}.insight-card{padding:24px 0}.section-muted{background:#f7f9fc}.visual-strip{gap:32px}.workflow{margin-top:52px;gap:0;border-top:1px solid #c5d2e3}.workflow-step{border-top:0;padding:32px 26px 0 0}.workflow-step::before{background:#ff7729}.workflow-step>span{font-size:40px;font-weight:400;color:#c6d3e3;letter-spacing:-2px;line-height:1}.workflow-step:hover>span{color:#f36b22}.workflow-step h3{margin-top:22px;font-size:17px}.workflow-step p{font-size:14px}.feature-grid{grid-template-columns:repeat(2,1fr);border:0;gap:0 70px}.feature-card{border:0;border-top:1px solid var(--line);display:grid;grid-template-columns:45px 1fr;padding:32px 0;gap:0 18px;background:transparent}.feature-card:hover{background:transparent}.feature-icon{grid-row:1/3;font-size:30px;margin-top:2px}.feature-card h3{margin-top:0;font-size:21px;font-weight:500}.feature-card p{grid-column:2;margin-top:12px;font-size:16px}.feature-card:hover .feature-icon{transform:translateY(-3px);transition:transform .3s}#features .section-heading{max-width:850px}#showcase{background:#edf2f8;color:var(--ink);border:0;overflow:hidden}#showcase .section-heading{max-width:870px}.showcase{grid-template-columns:1.5fr 1fr;gap:80px}.showcase .section-photo{background:white;border-color:#d4deea;box-shadow:15px 35px 65px #3149671f;transform:perspective(1400px) rotateY(6deg) rotateX(2deg)}.showcase figcaption{padding:22px 26px}.module-tab{color:#64778f;border-bottom-color:#d1dcea;border-left-color:transparent;padding:24px 18px}.module-tab.is-active{color:var(--ink);background:white;border-left-color:#f36b22}.module-tab.is-active strong{color:#d55b1c}.module-tab:hover{background:#ffffff80}.module-tab strong{font-size:20px}.module-tab span{font-size:16px}.role-card{border-top-color:#bccadc}.role-card>.material-symbols-outlined{color:#e66a29}.role-card h3{font-size:27px}.role-card p{min-height:85px}.role-card li::before{color:#c4551c}.media-card h3{font-size:23px;font-weight:500}.media-card img{aspect-ratio:1.4}.app-download{background:#f0f4f9}.app-phone{background:#eef3f9;border-color:#20334f;box-shadow:30px 45px 70px #17274022;transform:perspective(1000px) rotateY(15deg) rotateZ(-8deg)}.app-phone-card{background:#fff;color:#192a42;border-color:#d4deea}.app-phone-card>span{background:#dfe6f0}.app-phone-screen::before{background:#20334f}.store-card{border-color:#d7e1ed}.faq-card summary::after{color:#d55b1c}.faq-card p{color:#576b83}.cta-band{background:#192e4b;color:white;position:relative;overflow:hidden}.cta-band::after{content:'';position:absolute;width:400px;height:400px;border:1px solid #7d9bb13b;right:-160px;top:-120px;transform:rotate(30deg);pointer-events:none}.cta-content{position:relative;z-index:1;gap:80px}.cta-content h2{font-size:clamp(34px,3.5vw,50px);font-weight:500}.cta-content p{color:#b2c1d4}.cta-actions .btn-dark{background:#f36b22;color:#fff;border-color:#f36b22}.cta-actions .btn-ghost{border-color:#61738c;color:white}.cta-actions .btn-ghost:hover{background:#ffffff15;color:#fff}.site-footer{background:#fff;color:#192a42}.footer-col h3{color:#687a94}.footer-note{color:#65768c}.footer-bottom{color:#7b8aa1}.footer-grid{gap:50px}.is-visible{animation:light-enter .8s cubic-bezier(.2,.6,.2,1) both}@keyframes light-enter{from{transform:translateY(26px)}to{transform:none}}
@media(max-width:1200px){.hero h1{font-size:61px;letter-spacing:-2.8px}.hero-proof{font-size:10px;gap:14px}.tracking-form{width:320px}.section-grid,.showcase{gap:50px}.section{padding-block:90px}.feature-grid{gap:0 45px}.workflow-step{padding-right:18px}.section-title{font-size:43px}}
@media(max-width:900px){.hero-layout{max-width:none;padding-top:56px}.hero h1{font-size:53px;letter-spacing:-2.4px}.hero-lead{max-width:600px}.tracking-form,.hero-proof{position:static}.tracking-form{margin:24px auto 0;width:400px;max-width:100%}.hero-proof{justify-content:center;margin-top:20px;font-size:11px}.section-grid{gap:40px}.section-title{font-size:41px}.showcase{gap:34px}.module-tab strong{font-size:17px}.module-tab span{font-size:14px}.role-card p{min-height:90px}.role-card h3{font-size:23px}.app-download-grid{grid-template-columns:.65fr 1fr;gap:30px}.app-phone{display:block;width:230px}.app-phone-screen{min-height:480px}.store-grid{gap:14px}.store-card{padding:16px}.store-card-head img{width:25px;height:25px}.store-card-head strong{font-size:16px}.qr-wrap img{width:105px;height:105px}.cta-content{gap:34px}}
@media(max-width:600px){.nav-inner{height:70px}.brand-name{font-size:22px}.brand-sub{display:none}.hero-layout{padding-top:43px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:23px}.hero h1{font-size:37px;letter-spacing:-1.9px;line-height:1.25}.hero-title-line:first-child{white-space:nowrap}.hero-title-line:last-child{max-width:340px;margin:2px auto 0}.hero-title-line em{display:block}.hero-title-line em::after{bottom:-3px;height:2px;left:20%;right:20%}.hero-lead{font-size:15px;line-height:1.85;margin-top:26px}.hero-actions{margin-top:24px}.hero-actions .btn{padding-inline:23px;font-size:13px;min-height:48px}.tracking-form{margin-top:24px}.tracking-row{padding-left:11px}.tracking-field input{font-size:11px}.hero-proof{gap:19px;font-size:9px;margin-top:17px}.proof-pill{padding-right:19px}.proof-pill strong{font-size:16px}.metric-strip-inner{padding:28px 0}.metric-value{font-size:30px}.metric-label{font-size:12px}.section{padding:66px 0}.section-title{font-size:34px;letter-spacing:-1.3px}.section-lead{font-size:16px}.section-grid{gap:30px}.insight-panel .section-photo img{aspect-ratio:1.6}.insight-card strong,.value-item h3{font-size:17px}.value-item p,.insight-card span{font-size:15px}.workflow{border:0;margin-top:30px;gap:0}.workflow-step{border-left:1px solid #c5d2e3;padding:25px 0 25px 52px}.workflow-step::before{top:32px}.workflow-step>span{font-size:16px;letter-spacing:0;left:18px;top:28px}.workflow-step h3{margin-top:0;font-size:18px}.workflow-step p{font-size:15px}.visual-strip{gap:25px}.feature-grid{grid-template-columns:1fr;gap:0}.feature-card{padding:25px 0;grid-template-columns:35px 1fr;gap:0 15px}.feature-card h3{font-size:20px}.feature-card p{font-size:15px}.feature-icon{font-size:27px}.showcase{grid-template-columns:1fr;margin-top:35px;gap:32px}.showcase .section-photo{transform:perspective(1400px) rotateY(3deg)}.module-tab span{font-size:15px}.module-tab strong{font-size:19px}.role-card p{min-height:0;font-size:15px}.role-card h3{font-size:25px}.role-card li{font-size:15px}.media-card p{font-size:15px}.app-download-grid{grid-template-columns:1fr;gap:35px}.app-phone{display:none}.store-card{padding:17px 12px}.qr-wrap img{width:115px;height:115px}.store-card .btn{font-size:12px}.faq-card summary{font-size:16px}.faq-card p{font-size:15px}.cta-content h2{font-size:36px}.cta-content p{font-size:15px}.footer-note{font-size:15px}.footer-grid{gap:32px 20px}}
@media(prefers-reduced-motion:reduce){.is-visible{animation:none}}.workflow-story{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:60px;align-items:start}.workflow-story .visual-strip{position:sticky;top:118px;display:grid;grid-template-columns:1fr;margin:0;gap:30px}.workflow-story .visual-strip img{aspect-ratio:2.2}.workflow-story .workflow{display:flex;flex-direction:column;margin:0;border:0}.workflow-story .workflow-step{padding:36px 0 36px 76px;border-top:1px solid #d8e2ee;transition:opacity .5s,transform .5s}.workflow-story .workflow-step>span{position:absolute;left:0;top:38px;font-size:30px;color:#b8c7da}.workflow-story .workflow-step::before{display:none}.workflow-story .workflow-step h3{font-size:23px;margin:0}.workflow-story .workflow-step p{font-size:16px;margin-top:15px}.workflow-step.story-active>span{color:#e56825}.workflow-step.story-active h3{color:#db5e1b}.workflow-step.story-active{transform:translateX(9px)}
@media(max-width:900px){.workflow-story{gap:45px}.workflow-story .workflow-step{padding-left:50px}.workflow-story .workflow-step>span{font-size:24px}.workflow-story .workflow-step h3{font-size:20px}.workflow-story .visual-strip img{aspect-ratio:1.5}}
@media(max-width:600px){.workflow-story{grid-template-columns:1fr;gap:30px;margin-top:35px}.workflow-story .visual-strip{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px}.workflow-story .visual-strip img{aspect-ratio:1}.workflow-story .visual-strip figcaption strong{font-size:13px}.workflow-story .visual-strip figcaption span{font-size:12px}.workflow-story .workflow-step{padding:25px 0 25px 48px;border-left:0}.workflow-story .workflow-step>span{top:29px;font-size:22px}.workflow-story .workflow-step h3{font-size:20px}.workflow-story .workflow-step p{font-size:15px}}
@media(max-width:600px){.hero h1{font-size:clamp(28px,8.6vw,37px)}}
