@font-face{font-family:Jakarta;src:url('./assets/jakarta-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Jakarta;src:url('./assets/jakarta-700.ttf') format('truetype');font-style:normal;font-weight:700 900;font-display:swap}
:root{font-family:Jakarta,Arial,sans-serif;color:#101d38;background:#f7f9fd;--navy:#08152b;--ink:#101d38;--muted:#65728b;--blue:#6b92ff;--deepblue:#275bd8;--line:#dce3ee;--cream:#fff8e7}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;min-width:320px;overflow-x:hidden}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img,svg{display:block}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
img{max-width:100%}
::selection{background:#b8caff;color:#05132f}
:focus-visible{outline:3px solid #ffb86a;outline-offset:4px}
.icon-defs,.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.skip-link{position:fixed;top:-100px;left:12px;z-index:1000;padding:12px 18px;background:#fff;color:#101d38;border-radius:10px}
.skip-link:focus{top:12px}
.container{width:min(1260px,calc(100% - 96px));margin-inline:auto}
.section-pad{padding:112px 0}
.section-kicker,.eyebrow{font-size:.76rem;line-height:1.5;letter-spacing:.2em;font-weight:800;text-transform:uppercase}
.section-kicker{color:var(--deepblue);margin:0 0 24px}
h1,h2,h3,p{margin-top:0}
h1,h2{letter-spacing:-.065em}
h2{font-size:clamp(2.65rem,4.6vw,5.15rem);line-height:1.08;font-weight:800;margin-bottom:0}
h2 em,h1 em{font-style:normal;color:var(--deepblue)}
.site-header{position:absolute;top:0;left:0;width:100%;z-index:80;color:#fff;border-bottom:1px solid rgba(207,225,255,.12);background:linear-gradient(180deg,rgba(4,15,36,.75),rgba(4,15,36,.15));backdrop-filter:blur(10px)}
.header-inner{width:min(1440px,calc(100% - 88px));min-height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;gap:11px;align-items:center;white-space:nowrap}
.brand-mark{width:35px;height:40px;display:grid;place-items:center;color:#fff;border:1.4px solid #8cb2ff;border-radius:9px;box-shadow:inset 0 0 20px #386bdb54;transform:rotate(-5deg)}
.brand-mark svg{width:23px;height:23px;transform:rotate(5deg)}
.brand-word{font-size:1.37rem;letter-spacing:-.07em;font-weight:900;line-height:.99}
.brand-word>span{color:#8fb1ff}
.brand-word small{display:block;margin-top:6px;font-weight:400;font-size:.57rem;letter-spacing:.14em;text-transform:uppercase;color:#abb8d0}
.desktop-nav{display:flex;align-items:center;gap:clamp(17px,2.4vw,35px);font-size:.87rem;color:#d8e3fa}
.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:#fff}
.header-cta{display:inline-flex;align-items:center;gap:13px;background:#eff4ff;color:#11254b;border-radius:100px;padding:13px 16px 13px 20px;font-size:.78rem;font-weight:800;transition:transform .22s,background .22s}
.header-cta:hover{transform:translateY(-2px);background:#fff}
.header-cta svg{width:15px;height:15px}
.menu-toggle,.mobile-nav{display:none}
/* Hero and the overhead city */
.hero{background:var(--navy);color:#fff}
.hero-stage{position:relative;isolation:isolate;min-height:min(860px,100svh);max-height:1020px;overflow:hidden}
.city-scene{position:absolute;inset:0;overflow:hidden;background:#0b2348}
.city-scene>img{width:100%;height:100%;object-fit:cover;object-position:center 53%;filter:saturate(.9) contrast(1.03);transition:filter 1.2s,transform 1.3s}
body.is-active .city-scene>img{filter:saturate(1.15) brightness(1.1);transform:scale(1.025)}
.city-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#07142dfc 0%,#07142df3 26%,#091b37c9 40%,#081d3960 66%,#08172a59 100%),linear-gradient(0deg,#07142fe0 0%,transparent 29%,#07142b90 100%);transition:opacity .8s}
body.is-active .city-shade{opacity:.85}
.scene-kicker{position:absolute;top:133px;right:max(4.4vw,48px);display:flex;align-items:center;gap:10px;color:#e4eefe;font-size:.62rem;letter-spacing:.18em;font-weight:800;text-shadow:0 2px 8px #08152b}
.live-dot,.pulse-dot,.mock-light{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ffc879;box-shadow:0 0 0 5px #ffbd7340,0 0 16px #ffad49}
body.is-active .live-dot,body.is-active .pulse-dot{background:#87e3ca;box-shadow:0 0 0 5px #87e3ca33,0 0 16px #87e3ca}
.hero-copy{position:relative;z-index:6;padding:218px 0 150px max(5.4vw,calc((100vw - 1310px)/2));width:min(580px,49vw)}
.eyebrow{color:#a9c3f6;margin:0 0 26px;display:flex;align-items:center;gap:11px}
.eyebrow-line{display:block;width:26px;height:1px;background:#97b8ff}
.hero h1{font-weight:900;font-size:clamp(3.6rem,5.2vw,6.4rem);line-height:1.055;letter-spacing:-.077em;margin:0 0 27px;white-space:nowrap}
.hero h1 em{color:#aac3ff}
.hero-description{font-size:1.08rem;line-height:1.75;color:#cbd8ef;max-width:470px;margin-bottom:31px}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:100px;padding:18px 20px;min-height:58px;font-weight:800;letter-spacing:-.02em;transition:transform .25s,box-shadow .25s,background .25s}
.button:hover{transform:translateY(-3px)}
.button-primary{background:#a9c2ff;color:#092456;box-shadow:0 13px 40px #2156b65c}
.button-primary:hover{background:#c5d6ff;box-shadow:0 18px 42px #1c5ed689}
.button-primary svg{width:18px;height:18px}.button-primary .button-arrow{margin-left:7px}
body.is-active .button-primary{background:#e2ebff}
.text-link,.inline-link{display:inline-flex;align-items:center;gap:8px;font-size:.84rem;font-weight:800}
.text-link{color:#e3eafd}.text-link svg,.inline-link svg{width:16px;height:16px;transition:transform .2s}.text-link:hover svg,.inline-link:hover svg{transform:translateX(4px)}
.hero-hint{font-size:.7rem;color:#9fb1d0;line-height:1.65;max-width:410px;margin:16px 0 34px}
.hero-proof{display:flex;align-items:center;gap:14px;color:#b3c4df;font-size:.75rem;line-height:1.55}
.hero-proof strong{color:#fff}.hero-proof small{display:block;color:#88a1c4}
.mini-rule{width:2px;height:33px;background:#668df1}
.hero-bottom{position:absolute;left:max(5.4vw,calc((100vw - 1310px)/2));right:5.4vw;bottom:28px;display:flex;align-items:center;justify-content:space-between;z-index:6;border-top:1px solid #bad0f03d;padding-top:20px;color:#9fb4d4;font-size:.64rem;font-weight:800;letter-spacing:.16em}
.hero-bottom a{width:35px;height:35px;display:grid;place-items:center;border:1px solid #b4c8ed80;border-radius:50%;transform:rotate(90deg)}
.hero-bottom a svg{width:16px;height:16px}
.agency{--glow:#ffcb81;position:absolute;left:var(--x);top:var(--y);z-index:3;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:#fff;filter:drop-shadow(0 10px 15px #081226ad);transform:translate(-50%,-50%);transition:filter .6s,opacity .5s}
.agency:hover,.agency:focus-visible{z-index:8;filter:drop-shadow(0 10px 22px #6d93ff)}
.agency::before{content:"";position:absolute;left:50%;top:44px;transform:translateX(-50%);width:50px;height:12px;border-radius:50%;background:#ffc6787e;filter:blur(10px);transition:background .5s}
body.is-active .agency{--glow:#9cc4ff}
body.is-active .agency::before{background:#86baff9e}
.agency-label{position:relative;display:block;padding:7px 10px;border:1px solid #ffdbadad;border-radius:7px;background:#10192be8;color:#fffaf0;box-shadow:inset 0 1px #ffffff2b,0 7px 22px #06132d9c;font-size:clamp(.62rem,.75vw,.78rem);line-height:1.1;letter-spacing:.015em;font-weight:800;white-space:nowrap;transition:border-color .5s,background .5s}
body.is-active .agency-label{border-color:#a7d2ffad;background:#112947ed}
.paper-stack{position:relative;width:70px;height:74px;display:block;perspective:480px;filter:drop-shadow(0 7px 12px #071326c7);transform:translateY(0);animation:floatStack 3.5s ease-in-out infinite;animation-delay:var(--delay);transition:height .28s ease}
.paper-stack::after{content:"";position:absolute;left:12px;right:4px;bottom:-5px;height:9px;border-radius:50%;background:#091a2aa8;filter:blur(7px);z-index:-1}
.paper-stack .sheet{position:absolute;left:10px;top:7px;width:46px;height:54px;border:1px solid #cbbda6;border-radius:3px 6px 3px 3px;background:linear-gradient(130deg,#fffffa 5%,#f7f0df 70%,#e4d5ba);box-shadow:1px 2px 0 #bead90,2px 4px 5px #18213673,inset 0 1px 0 #fff;transform:translate3d(var(--sheet-x),var(--sheet-y),var(--sheet-z)) rotate(-3deg) rotateY(-5deg);transition:opacity .25s}
.paper-stack .sheet:nth-child(1){z-index:6;--sheet-x:-2px;--sheet-y:-10px;--sheet-z:25px;background:linear-gradient(145deg,#fff 5%,#fffcf3 76%,#e8dcc6);animation:topSheetLift 3.5s ease-in-out infinite;animation-delay:var(--delay)}
.paper-stack .sheet:nth-child(2){z-index:5;--sheet-x:0px;--sheet-y:-5px;--sheet-z:20px}
.paper-stack .sheet:nth-child(3){z-index:4;--sheet-x:2px;--sheet-y:-1px;--sheet-z:16px}
.paper-stack .sheet:nth-child(4){z-index:3;--sheet-x:4px;--sheet-y:3px;--sheet-z:12px}
.paper-stack .sheet:nth-child(5){z-index:2;--sheet-x:6px;--sheet-y:7px;--sheet-z:8px}
.paper-stack .sheet:nth-child(6){z-index:1;--sheet-x:8px;--sheet-y:11px;--sheet-z:4px}
.paper-stack .sheet:first-child::before{content:"";position:absolute;right:0;top:0;width:11px;height:11px;background:linear-gradient(135deg,#eee1c9 45%,#ccb998);clip-path:polygon(0 0,100% 0,100% 100%);box-shadow:-1px 1px 1px #89765a73}
.paper-stack .sheet:first-child::after{content:"";position:absolute;left:8px;top:17px;width:24px;height:2px;border-radius:2px;background:#94a9b7;box-shadow:0 8px 0 #bfccd1,0 16px 0 #bfccd1,0 24px 0 #d3dce0}
body.is-active .paper-stack{height:0;animation:none;transition:height .38s ease 1.2s}
body.is-active .paper-stack::after{opacity:0;transition:opacity .45s}
body.is-active .paper-stack .sheet{animation:paperLeave 1.2s cubic-bezier(.23,.6,.15,1) both}
body.is-active .paper-stack .sheet:nth-child(2){animation-delay:.08s}
body.is-active .paper-stack .sheet:nth-child(3){animation-delay:.16s}
body.is-active .paper-stack .sheet:nth-child(4){animation-delay:.24s}
body.is-active .paper-stack .sheet:nth-child(5){animation-delay:.32s}
body.is-active .paper-stack .sheet:nth-child(6){animation-delay:.4s}
@keyframes floatStack{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(0deg)}}
@keyframes topSheetLift{0%,100%{transform:translate3d(-2px,-10px,25px) rotate(-3deg) rotateY(-5deg)}50%{transform:translate3d(-3px,-14px,25px) rotate(-4deg) rotateY(-4deg)}}
@keyframes paperLeave{0%{opacity:1;transform:translate3d(var(--sheet-x),var(--sheet-y),var(--sheet-z)) rotate(-3deg) rotateY(-5deg)}38%{opacity:1}100%{opacity:0;transform:translate3d(calc(var(--sheet-x) + var(--fly)),calc(var(--sheet-y) - 170px),70px) rotate(45deg) rotateY(55deg) scale(.66)}}
.scene-readout{position:absolute;right:max(4.4vw,48px);top:171px;z-index:5;display:flex;gap:8px;align-items:center;background:#091a35bd;color:#d3e0f9;border:1px solid #b4cafd4f;border-radius:30px;padding:9px 14px;font-size:.7rem;backdrop-filter:blur(8px);max-width:300px}
.scene-readout svg{width:14px;height:14px;flex:none}
/* Counter card */
.simulation-card{position:absolute;right:max(4.4vw,calc((100vw - 1350px)/2));bottom:89px;width:min(333px,27vw);z-index:7;color:#172442;background:#f6f8ff;box-shadow:0 22px 70px #0312268c;border:1px solid #ffffffbd;border-radius:20px;padding:20px 22px 21px;min-height:276px;overflow:hidden;transform:translateY(0);transition:transform .8s cubic-bezier(.18,.7,.2,1),box-shadow .8s}
body.is-active .simulation-card{min-height:370px;transform:translateY(-27px);box-shadow:0 30px 95px #0a306ea6}
.sim-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;color:#557097;font-size:.59rem;font-weight:800;letter-spacing:.13em}
.sim-card-top>span{display:flex;align-items:center;gap:9px}
.pulse-dot{width:6px;height:6px;background:#e8a949;box-shadow:0 0 0 4px #ffc98540}
.sim-reset{display:grid;place-items:center;width:26px;height:26px;background:#e8edfa;color:#3260bd;border:0;border-radius:8px}.sim-reset svg{width:15px;height:15px}
.sim-before{transition:opacity .28s,transform .4s}
.sim-before h2,.sim-after h2{letter-spacing:-.055em;font-size:1.72rem;line-height:1.16;margin:0 0 14px}
.sim-before h2 em,.sim-after h2 em{font-style:normal;color:#3763c9}
.sim-before p{color:#65728b;font-size:.78rem;line-height:1.65;margin-bottom:20px}
.sim-before-foot{display:flex;align-items:center;gap:9px;padding-top:16px;border-top:1px solid #dfe7f2;color:#50688d;font-size:.55rem;letter-spacing:.09em;font-weight:800}
.sim-before-foot span:first-child{background:#dce7ff;border-radius:5px;padding:4px 6px;color:#315dc3}.sim-before-foot svg{width:15px;height:15px;margin-left:auto}
.sim-after{position:absolute;inset:51px 22px 20px;opacity:0;pointer-events:none;transform:translateY(18px);transition:opacity .42s,transform .65s}
body.is-active .sim-before{opacity:0;pointer-events:none;transform:translateY(-12px)}
body.is-active .sim-after{opacity:1;pointer-events:auto;transform:translateY(0)}
.sim-period{color:#49618b;font-size:.58rem;font-weight:800;letter-spacing:.1em;margin-bottom:8px}
.sim-period span{color:#8a9cba}
.sim-progress{width:100%;height:4px;background:#e3eafb;border-radius:5px;overflow:hidden;margin-bottom:16px}
.sim-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#3a6ee4,#80aaff)}
.sim-after h2{font-size:1.2rem;margin-bottom:5px}
.sim-money{display:block;font-size:clamp(1.9rem,2.7vw,2.5rem);letter-spacing:-.06em;white-space:nowrap;line-height:1.2;color:#173b88}
.sim-money-caption{display:block;color:#6e809a;font-size:.67rem}
.sim-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}
.sim-stats>div{border:1px solid #e0e7f1;border-radius:10px;padding:8px 10px}
.sim-stats span{display:block;font-size:1.01rem;font-weight:800;color:#1c315b}
.sim-stats small{color:#687993;font-size:.62rem}
.sim-more{margin-top:16px;display:inline-flex;align-items:center;gap:7px;color:#315ecb;font-size:.68rem;font-weight:800}.sim-more svg{width:13px;height:13px}
/* Sections */
.transition-band{min-height:83px;background:#173563;color:#d9e7ff;display:flex;justify-content:space-around;align-items:center;gap:15px;padding:18px 4vw;font-size:.7rem;letter-spacing:.15em;font-weight:800}
.transition-band>span:not(.band-dot){display:flex;align-items:center;gap:13px;white-space:nowrap}
.transition-band b{color:#80acff}.band-dot{width:4px;height:4px;border-radius:50%;background:#95aed8}
.intro{background:#f6f8fc}
.intro-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:12%;align-items:end}
.intro h2{max-width:670px}
.intro-right{padding-bottom:5px}
.intro-right p{font-size:1.07rem;color:#4b5b76;line-height:1.9;margin-bottom:27px}
.inline-link{color:#275bd8;border-bottom:1px solid #b5c6ec;padding-bottom:8px}
.platform{background:#eaf0fa}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:58px}
.section-heading>p{color:#54647f;font-size:1rem;line-height:1.75;max-width:360px;margin:0 0 6px}
.platform-grid{display:grid;grid-template-columns:minmax(290px,.78fr) minmax(0,1.6fr);gap:52px;align-items:start}
.step-list{border-top:1px solid #ccd6e7}
.step-tab{width:100%;display:flex;align-items:flex-start;gap:18px;text-align:left;padding:22px 2px 24px;background:transparent;border:0;border-bottom:1px solid #ccd6e7;color:#7a8ba3;transition:padding .2s,color .2s}
.step-tab:hover,.step-tab.is-selected{color:#17408b}.step-tab.is-selected{padding-left:13px}
.step-number{flex:none;font-size:.71rem;line-height:1.9;font-weight:800;color:#7a9ad0}.step-tab.is-selected .step-number{color:#2764df}
.step-words{flex:1}.step-words strong{display:block;color:#1b2b48;font-size:1.02rem;letter-spacing:-.025em;margin-bottom:6px}.step-words small{display:block;font-size:.86rem;line-height:1.6;color:#74839b;font-weight:400}.step-tab.is-selected .step-words strong{color:#225cc5}
.step-tab>svg{width:17px;height:17px;margin-top:5px;opacity:0;transition:opacity .2s,transform .2s}.step-tab.is-selected>svg,.step-tab:hover>svg{opacity:1}.step-tab:hover>svg{transform:translateX(4px)}
.mock-label{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#6a7d9c;letter-spacing:.12em;font-size:.58rem;font-weight:800;margin-bottom:12px}
.mock-label span:last-child{margin-left:auto}.mock-light{width:6px;height:6px;background:#86ddc3;box-shadow:0 0 0 4px #86ddc340}
.app-preview{background:#fff;border:1px solid #dce4ef;border-radius:15px;box-shadow:0 23px 80px #1c3d7352;min-height:480px;overflow:hidden}
.mock-header{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #e9eef6;font-size:.69rem;color:#52627b}
.mock-brand{font-weight:900;color:#16305d;letter-spacing:-.06em;display:flex;align-items:center;gap:8px;font-size:.88rem}.mock-brand-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#e8efff;color:#3868d2}.mock-brand-icon svg{width:15px;height:15px}
.mock-header-right{display:flex;align-items:center;gap:14px}.mock-avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#194698;color:#fff;font-size:.58rem;font-weight:800}
.mock-body{display:grid;grid-template-columns:152px 1fr;min-height:425px}
.mock-sidebar{border-right:1px solid #edf0f5;padding:20px 10px;display:flex;flex-direction:column;gap:5px;color:#8b98aa;font-size:.66rem}
.mock-sidebar>span{display:flex;align-items:center;gap:8px;padding:10px 9px;border-radius:7px;white-space:nowrap}.mock-sidebar svg{width:14px;height:14px}.mock-sidebar b{margin-left:auto;color:#275cca}.mock-sidebar .mock-nav-current{background:#eaf1ff;color:#2456b8;font-weight:800}
.mock-side-bottom{margin-top:auto;padding:0 9px;line-height:1.6;color:#a4afbe;font-size:.55rem}.mock-side-bottom b{color:#49607f;font-weight:700}
.mock-content{padding:21px 26px}.mock-breadcrumb{color:#8897ad;font-size:.62rem}.mock-breadcrumb span{padding:0 5px;color:#b2becb}.mock-content-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:27px}.mock-eyebrow{color:#6288c5;font-size:.58rem;letter-spacing:.1em;font-weight:800}.mock-content h3{font-size:clamp(1.05rem,1.5vw,1.32rem);letter-spacing:-.045em;margin:6px 0 0}.mock-status{white-space:nowrap;color:#3168c9;background:#e9f1ff;border-radius:50px;padding:7px 9px;font-size:.57rem;font-weight:800}.mock-summary{max-width:410px;font-size:.68rem;line-height:1.7;color:#7c899c;margin:12px 0 23px}
.mock-file{display:flex;align-items:center;gap:12px;border:1px solid #dfe8f5;border-radius:10px;padding:12px 13px;box-shadow:0 4px 15px #344e6512}.mock-file-icon{width:36px;height:38px;display:grid;place-items:center;border-radius:7px;background:#e8f0ff;color:#3465d6;flex:none}.mock-file-icon svg{width:20px;height:20px}.mock-file strong{display:block;font-size:.7rem;color:#1b2d52}.mock-file small{display:block;font-size:.58rem;color:#95a2b5;margin-top:4px}.mock-file-arrow{width:15px;height:15px;margin-left:auto;color:#99aac2}
.mock-timeline{margin:24px 0 0 7px}.mock-timeline-label{display:block;color:#8c9fbc;font-size:.55rem;letter-spacing:.11em;font-weight:800;margin-bottom:15px}.timeline-item{position:relative;display:flex;align-items:flex-start;gap:12px;padding:0 0 19px;font-size:.69rem;color:#647892}.timeline-item:not(:last-child)::after{content:"";position:absolute;top:13px;bottom:0;left:5px;border-left:1px dashed #a7b9d4}.timeline-item i{width:11px;height:11px;border-radius:50%;border:2px solid #aebdd1;background:#fff;flex:none;z-index:1}.timeline-item.is-done i{border-color:#2766db;background:#2766db;box-shadow:0 0 0 3px #dce8ff}.timeline-item strong{display:block;color:#283c60}.timeline-item small{display:block;color:#8e9db1;margin-top:4px}.timeline-item>span:last-child{margin-left:auto;color:#aebcd0}
.mock-disclaimer{color:#7c8da7;font-size:.67rem;margin:14px 0 0;text-align:right}
.features{background:#fff}.features-intro{max-width:600px;margin-bottom:43px}.features-intro>p:last-child{max-width:520px;color:#64738a;line-height:1.8;margin:20px 0 0}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.feature-card{min-height:279px;position:relative;background:#f6f8fc;border:1px solid #e6ebf4;border-radius:14px;padding:28px;transition:transform .25s,border-color .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-5px);border-color:#b9cffb;box-shadow:0 20px 40px #3463ac18}.feature-icon{display:grid;place-items:center;width:46px;height:46px;background:#e4edff;color:#2e62cd;border-radius:11px}.feature-icon svg{width:22px;height:22px}.feature-index{position:absolute;right:27px;top:28px;color:#a7b7d4;font-size:.7rem;font-weight:800}.feature-card h3{font-size:1.13rem;letter-spacing:-.045em;margin:43px 0 10px}.feature-card p{color:#64748b;font-size:.9rem;line-height:1.7;max-width:330px;margin:0}
.impact{background:var(--cream);border-top:1px solid #f5ecd8;border-bottom:1px solid #f5ecd8}.impact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center}.impact h2 em{color:#c38027}.impact-copy>p:not(.section-kicker):not(.impact-caveat){font-size:1rem;line-height:1.85;color:#6a625a;max-width:490px;margin:24px 0 30px}.impact-pill{width:max-content;max-width:100%;display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #eccb9a;border-radius:11px;background:#fff9ed;color:#6e4a20;font-size:.76rem}.impact-pill svg{width:16px;height:16px;color:#b87b29}.impact-pill strong{font-size:1.13rem;color:#a65e16;white-space:nowrap}.impact-caveat{color:#897e70;font-size:.72rem;line-height:1.65;max-width:460px;margin:19px 0 0}.impact-breakdown{border:1px solid #ead6b5;border-radius:17px;background:#fff;padding:28px;box-shadow:0 25px 80px #bd8a4140}.breakdown-header{display:flex;justify-content:space-between;gap:10px;padding:0 0 19px;color:#947c5f;border-bottom:1px solid #f0e7d8;font-size:.63rem;font-weight:800;letter-spacing:.1em}.breakdown-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 0;border-bottom:1px solid #f0e7d8}.breakdown-row>div{display:flex;align-items:center;gap:14px}.breakdown-icon{display:grid;place-items:center;flex:none;width:41px;height:41px;color:#ad7024;background:#fdf1db;border-radius:9px}.breakdown-icon svg{width:20px;height:20px}.breakdown-row strong{display:block;color:#27324b;font-size:.84rem}.breakdown-row small{display:block;color:#898278;font-size:.69rem;margin-top:4px}.breakdown-row b{white-space:nowrap;color:#324469;font-size:.85rem}.breakdown-total{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:21px 0 17px;color:#9c6d31;font-size:.67rem;font-weight:800;letter-spacing:.06em}.breakdown-total strong{color:#a45d17;font-size:1.32rem;letter-spacing:-.04em;white-space:nowrap}.method{border-top:1px solid #eee3d1;color:#736a62;font-size:.72rem;line-height:1.7}.method summary{list-style:none;cursor:pointer;padding:17px 0 0;color:#695d4d;font-weight:700}.method summary::-webkit-details-marker{display:none}.method summary span{float:right;font-size:1.3rem;font-weight:400;line-height:1}.method[open] summary span{transform:rotate(45deg)}.method p{margin:12px 0 2px}
.comms{background:#0a1a36;color:#fff}.comms .section-kicker{color:#95b8ff}.comms h2 em{color:#aac2ff}.comms-heading{max-width:650px;margin-bottom:47px}.comms-heading>p:last-child{color:#b1c0da;line-height:1.8;max-width:550px;margin:24px 0 0}.comms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.comms-card{min-height:350px;padding:29px;display:flex;flex-direction:column;align-items:start;border:1px solid #42619078;background:#14294f;border-radius:15px;transition:transform .25s,background .25s}.comms-card:hover{transform:translateY(-5px);background:#183362}.partner-icon{width:53px;height:53px;display:grid;place-items:center;border-radius:13px;margin-bottom:25px}.partner-icon img{width:28px;height:28px}.whatsapp-icon{background:#d8f7e7}.whatsapp-icon img{filter:invert(48%) sepia(80%) saturate(471%) hue-rotate(90deg)}.eleven-icon{background:#f3f5fb}.eleven-icon img{width:23px;height:23px}.sign-icon{background:#dce8ff;color:#315fd5}.sign-icon svg{width:29px;height:29px}.partner-name{color:#abc4f4;font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.comms-card h3{font-size:1.19rem;line-height:1.35;letter-spacing:-.035em;margin:13px 0 11px;max-width:280px}.comms-card p{color:#a9b9d5;font-size:.87rem;line-height:1.7;margin:0 0 25px;max-width:305px}.comms-index{color:#7396cd;font-size:.6rem;font-weight:800;letter-spacing:.13em;margin-top:auto}.comms-note{font-size:.69rem;line-height:1.65;color:#8da5c7;margin:19px 0 0}
.closing{background:#e1eaff}.closing-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:10%;align-items:center}.closing h2{font-size:clamp(2.9rem,5.5vw,5.8rem)}.closing p:not(.section-kicker){color:#536487;line-height:1.8;max-width:480px;margin:24px 0 29px}.button-light{background:#173f91;color:#fff;padding-inline:24px}.button-light:hover{background:#2757b8}.button-light svg{width:17px;height:17px}.closing-card{min-height:345px;background:#0d2551;color:#fff;border-radius:15px;padding:32px;display:flex;flex-direction:column;box-shadow:16px 16px 0 #adc5ff}.closing-card-index{color:#9abaff;font-size:.67rem;letter-spacing:.13em;font-weight:800}.closing-card-icon{display:grid;place-items:center;width:58px;height:63px;border:1px solid #7da6ff;border-radius:11px;color:#a9c5ff;margin:auto 0 20px;transform:rotate(-7deg);box-shadow:inset 0 0 25px #346ada5c}.closing-card-icon svg{width:33px;height:33px}.closing-card strong{font-size:1.43rem;letter-spacing:-.05em;line-height:1.25}.closing-card>span:last-child{color:#9cb8e5;font-weight:800;font-size:.77rem;margin-top:14px}
.site-footer{background:#08152b;color:#dae6f7;padding:46px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-grid p{font-size:.76rem;color:#9aaccc;margin:0}.footer-grid>div{display:flex;flex-direction:column;gap:10px;text-align:right}.footer-grid>div>a{display:inline-flex;align-items:center;justify-content:end;gap:6px;font-size:.76rem;font-weight:800}.footer-grid>div>a svg{width:14px;height:14px}.footer-grid small{color:#8196bb;font-size:.69rem}
@media(min-width:1450px){.hero-stage{min-height:830px}}
@media(max-width:1180px){.desktop-nav{gap:15px}.header-inner{width:calc(100% - 52px)}.header-cta{font-size:.72rem}.hero-copy{padding-left:5vw;width:51vw}.hero h1{font-size:clamp(3.7rem,5.6vw,5.5rem)}.hero-description{max-width:390px}.simulation-card{right:3vw;width:300px}.agency--social{--x:56%!important;--y:64%!important}.agency--works{--x:89%!important;--y:57%!important}}
@media(max-width:900px){.desktop-nav,.header-cta{display:none}.header-inner{height:75px;min-height:75px}.menu-toggle{width:42px;height:42px;display:grid;place-items:center;border:1px solid #b4c8e060;background:#ffffff15;color:#fff;border-radius:9px}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0;padding:5px 26px 16px;background:#0b1d3e;border-top:1px solid #ffffff24}.mobile-nav a{padding:12px 0;border-bottom:1px solid #ffffff1e;font-size:.88rem}.hero-stage{max-height:none;min-height:0;padding-bottom:32px;display:flex;flex-direction:column}.hero-copy{order:1;padding:132px 7vw 45px;width:100%}.hero h1{font-size:clamp(3.8rem,9vw,6.6rem)}.hero-description{max-width:600px}.city-scene{order:2;position:relative;inset:auto;aspect-ratio:1.5;min-height:390px}.city-scene>img{object-position:65% 50%}.city-shade{background:linear-gradient(0deg,#07142d99,transparent 45%,#07142d77),linear-gradient(90deg,#07142d70,transparent 60%)}.scene-kicker{top:22px;left:7vw;right:auto}.scene-readout{top:auto;bottom:17px;left:7vw;right:auto}.agency--admin{--x:35%!important;--y:36%!important}.agency--education{--x:54%!important;--y:24%!important}.agency--pref{--x:65%!important;--y:54%!important}.agency--health{--x:82%!important;--y:33%!important}.agency--social{--x:33%!important;--y:69%!important}.agency--works{--x:84%!important;--y:71%!important}.simulation-card{order:3;position:relative;right:auto;bottom:auto;width:calc(100% - 14vw);min-height:275px;margin:25px auto 0;transform:none!important}.hero-bottom{display:none}.transition-band{font-size:.61rem;gap:10px}.section-pad{padding:86px 0}.container{width:calc(100% - 52px)}.platform-grid{gap:26px;grid-template-columns:1fr}.step-list{display:grid;grid-template-columns:1fr 1fr}.step-tab:nth-child(2){border-left:1px solid #ccd6e7}.step-tab:nth-child(4){border-left:1px solid #ccd6e7}.step-tab{padding:18px}.step-tab.is-selected{padding-left:18px}.impact-grid{gap:5%}}
@media(max-width:680px){.header-inner{width:calc(100% - 38px)}.brand-word{font-size:1.21rem}.brand-mark{width:32px;height:37px}.hero-copy{padding:120px 22px 35px}.eyebrow{font-size:.62rem;letter-spacing:.15em}.hero h1{font-size:clamp(3.28rem,11vw,5rem);white-space:normal}.hero-description{font-size:.96rem;line-height:1.7}.hero-actions{gap:16px}.button{font-size:.84rem;padding:15px 18px;min-height:54px}.hero-hint{font-size:.7rem}.city-scene{aspect-ratio:1.1;min-height:355px}.city-scene>img{object-position:64% 50%}.scene-kicker{left:18px;top:15px;font-size:.52rem}.agency{transform:translate(-50%,-50%) scale(.81)}.agency-label{font-size:.61rem}.agency--admin{--x:23%!important;--y:38%!important}.agency--education{--x:54%!important;--y:25%!important}.agency--pref{--x:65%!important;--y:56%!important}.agency--health{--x:87%!important;--y:34%!important}.agency--social{--x:20%!important;--y:69%!important}.agency--works{--x:88%!important;--y:76%!important}.scene-readout{left:17px;right:17px;bottom:9px;max-width:none;font-size:.63rem;padding:7px 10px}.simulation-card{width:calc(100% - 40px);margin-top:19px;min-height:275px}.transition-band{display:grid;grid-template-columns:1fr 1fr;gap:14px 8px;padding:19px 23px}.band-dot{display:none}.transition-band>span:not(.band-dot){gap:8px;font-size:.57rem}.section-pad{padding:76px 0}.container{width:calc(100% - 40px)}h2{font-size:clamp(2.52rem,9vw,4rem)}.intro-grid,.impact-grid,.closing-grid{grid-template-columns:1fr;gap:33px}.intro-right p{font-size:.92rem}.section-heading{display:block;margin-bottom:29px}.section-heading>p{margin-top:18px;max-width:500px;font-size:.87rem}.step-list{grid-template-columns:1fr 1fr}.step-tab{padding:12px 5px;gap:8px}.step-tab.is-selected{padding-left:5px}.step-words strong{font-size:.78rem}.step-words small{display:none}.step-number{font-size:.6rem}.step-tab>svg{display:none}.mock-wrap{min-width:0}.mock-label{font-size:.51rem}.app-preview{min-height:390px}.mock-body{grid-template-columns:50px 1fr;min-height:350px}.mock-sidebar{padding:12px 6px;align-items:center}.mock-sidebar>span{padding:10px 8px}.mock-sidebar>span{font-size:0}.mock-sidebar svg{width:16px;height:16px}.mock-sidebar b,.mock-side-bottom{display:none}.mock-content{padding:16px 13px}.mock-header{height:48px;padding:0 10px}.mock-header-right span:first-child{display:none}.mock-content-title{margin-top:18px;align-items:start;flex-wrap:wrap}.mock-content h3{font-size:1.02rem}.mock-status{font-size:.51rem}.mock-summary{font-size:.64rem;margin:10px 0 14px}.mock-file{padding:9px;gap:7px}.mock-file-icon{width:28px;height:28px}.mock-file-icon svg{width:16px;height:16px}.mock-file strong{font-size:.62rem}.mock-file small{font-size:.52rem}.mock-file-arrow{display:none}.mock-timeline{margin-top:17px}.mock-disclaimer{font-size:.6rem}.feature-grid,.comms-grid{grid-template-columns:1fr}.feature-card{min-height:224px}.feature-card h3{margin-top:25px}.comms-card{min-height:260px}.comms-card h3{max-width:none}.impact-breakdown{padding:20px}.breakdown-row small{font-size:.61rem}.breakdown-total{font-size:.55rem}.closing-card{min-height:280px;margin-right:14px}.footer-grid{flex-direction:column;align-items:flex-start;gap:21px}.footer-grid>div{text-align:left}.footer-grid>div>a{justify-content:start}}
@media(max-width:400px){.hero h1{font-size:3.18rem}.hero-actions .text-link{font-size:.78rem}.agency{transform:translate(-50%,-50%) scale(.67)}.agency-label{font-size:.58rem}.scene-readout{font-size:.6rem}.breakdown-row{gap:6px}.breakdown-row b{font-size:.74rem}.breakdown-icon{width:34px;height:34px}.breakdown-row strong{font-size:.73rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body.is-active .paper-stack .sheet{opacity:0}}