:root{--ink:#10182c;--muted:#617087;--paper:#f5f7fa;--line:#dce2ec;--navy:#0b1020;--navy-2:#111a30;--blue:#6679f4;--blue-light:#9ab7ff;--white:#fff;--shell:1280px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img,svg{display:block;max-width:100%}::selection{background:#9daaff;color:#0b1020}.shell{width:min(calc(100% - 80px),var(--shell));margin-inline:auto}.section-dark{background:var(--navy);color:white}.section-light{background:var(--paper)}.scroll-progress{position:fixed;inset:0 auto auto 0;height:2px;width:0;background:#9bb0ff;z-index:100}.skip-link{position:fixed;top:-100px;left:16px;z-index:200;padding:12px 16px;background:white;color:var(--ink)}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible{outline:2px solid #8da0ff;outline-offset:4px}.site-header{position:absolute;inset:0 0 auto;z-index:50;color:white}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.13)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:17px;font-weight:800;letter-spacing:-.07em;white-space:nowrap}.brand-light{font-weight:500}.brand-period{color:#879bff}.brand-mark{width:26px;height:25px;display:flex;align-items:end;gap:3px;transform:skew(-13deg)}.brand-mark span{display:block;background:#8da0ff;width:6px;border-radius:1px}.brand-mark span:nth-child(1){height:14px}.brand-mark span:nth-child(2){height:22px}.brand-mark span:nth-child(3){height:17px}.primary-nav{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:600;color:#c7d1e2}.primary-nav>a:not(.nav-contact){transition:color .25s}.primary-nav>a:not(.nav-contact):hover{color:white}.nav-contact{color:white;border:1px solid rgba(255,255,255,.25);padding:11px 16px;border-radius:3px;transition:background .25s,border-color .25s}.nav-contact:hover{background:rgba(255,255,255,.1);border-color:#fff}.nav-contact span{margin-left:22px}.menu-toggle{display:none}
.hero{position:relative;overflow:hidden;padding-top:86px;min-height:770px}.hero:after{content:"";position:absolute;width:720px;height:720px;right:-240px;top:0;background:radial-gradient(circle,rgba(66,88,185,.18),transparent 66%);pointer-events:none}.hero-grid{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(119,142,198,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(119,142,198,.08) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black 20%,transparent 95%)}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:50px;align-items:center;min-height:620px;padding-block:82px 34px}.eyebrow,.section-index,.micro-label,.service-number,.hero-bottom{font-family:"DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:13px;margin:0 0 29px;color:#aebad1;font-size:11px}.eyebrow-line{width:27px;height:1px;background:#879bff}.hero h1{font-size:clamp(56px,5.3vw,91px);line-height:1.075;letter-spacing:-.075em;margin:0;max-width:700px;font-weight:700}.hero h1 em,.contact-section h2 em{color:#a1afff;font-style:normal}.accent-dot{color:#a1afff}.hero-intro{font-size:16px;line-height:1.8;color:#b5c1d6;max-width:520px;margin:28px 0 35px}.hero-actions{display:flex;align-items:center;gap:29px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:0 20px;border-radius:3px;font-weight:700;font-size:13px;transition:transform .3s var(--ease),background .3s,color .3s}.button:hover{transform:translateY(-3px)}.button-primary{background:#879aff;color:#0b1020}.button-primary:hover{background:#adbaff}.button span{font-size:18px;font-weight:400}.text-link{display:inline-flex;gap:13px;align-items:center;color:#d1daf0;font-size:13px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:6px;transition:color .2s,border-color .2s}.text-link:hover{color:white;border-color:white}.text-link span{font-size:16px}.hero-aside{display:flex;align-items:center;gap:16px;margin-top:72px;color:#8795ae;font-size:11px;line-height:1.6;letter-spacing:.04em;text-transform:uppercase}.aside-rule{height:31px;width:1px;background:#6075aa}.hero-bottom{position:relative;z-index:2;display:flex;gap:22px;align-items:center;padding:0 0 25px;color:#8492aa;font-size:10px}.hero-bottom-line{height:1px;flex:1;background:rgba(255,255,255,.12)}
.hero-visual{position:relative;min-width:0;align-self:center}.dashboard-glow{position:absolute;inset:12% 0 0 0;background:#4056d7;filter:blur(90px);opacity:.23;pointer-events:none}.dashboard{position:relative;overflow:hidden;background:#111a2f;border:1px solid #2a3652;box-shadow:0 38px 85px rgba(0,0,0,.35);border-radius:10px;transform:perspective(1300px) rotateY(-5deg) rotateX(2deg);transition:transform .7s var(--ease)}.dashboard:hover{transform:perspective(1300px) rotateY(0) rotateX(0)}.dashboard-head{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29354e;gap:15px}.dashboard-heading{display:flex;align-items:center;gap:12px}.dashboard-heading strong{font-size:13px;font-weight:700;display:block}.dashboard-heading small{display:block;color:#7889a5;font-size:10px;margin-top:4px}.dashboard-icon{width:31px;height:31px;border-radius:6px;background:#354272;display:flex;align-items:end;gap:3px;padding:7px}.dashboard-icon i{width:4px;background:#9babff;border-radius:2px}.dashboard-icon i:nth-child(1){height:8px}.dashboard-icon i:nth-child(2){height:13px}.dashboard-icon i:nth-child(3){height:17px}.dashboard-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#a6b5ce;white-space:nowrap}.dashboard-status span{width:5px;height:5px;border-radius:50%;background:#91b9ff;box-shadow:0 0 0 4px rgba(145,185,255,.11)}.dashboard-tabs{display:flex;gap:6px;padding:17px 22px 0}.dashboard-tabs button{border:0;border-radius:4px;background:none;color:#8492aa;font-family:"DM Mono",monospace;font-size:10px;padding:9px 11px;transition:background .2s,color .2s}.dashboard-tabs button[aria-selected="true"]{background:#253459;color:#dfe6ff}.dashboard-tabs button:hover{color:white}.chart-panel{padding:21px 25px 18px}.chart-summary{display:flex;justify-content:space-between;align-items:end;gap:20px}.micro-label{color:#8999b7;font-size:10px}.chart-value{font-size:45px;line-height:1.1;letter-spacing:-.06em;font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums}.chart-unit{font-size:17px;color:#7182a2;letter-spacing:-.03em;margin-left:4px}.chart-trend{color:#9fc2ff;font-size:10px;padding-bottom:7px}.chart-wrap{position:relative;height:200px;margin-top:19px;padding-left:29px}.chart-y{position:absolute;inset:4px auto 16px 0;display:flex;flex-direction:column;justify-content:space-between;color:#627390;font-family:"DM Mono",monospace;font-size:9px}.line-chart{width:100%;height:100%;overflow:visible}.chart-gridline{fill:none;stroke:#2b3952;stroke-width:1;stroke-dasharray:3 6}.chart-area{fill:url(#chartFill);transition:d .65s var(--ease)}.chart-line{fill:none;stroke:url(#chartStroke);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:d .65s var(--ease)}.chart-line.draw{stroke-dasharray:900;animation:drawLine 1.25s var(--ease) both}.chart-point{fill:#c3d6ff;stroke:#839aff;stroke-width:5;transition:cx .65s var(--ease),cy .65s var(--ease)}.chart-x{display:flex;justify-content:space-between;margin:3px 0 0 29px;color:#627390;font-family:"DM Mono",monospace;font-size:9px}.dashboard-bottom{border-top:1px solid #29354e;display:flex;align-items:center;gap:32px;padding:18px 25px 20px}.mini-stat{display:flex;flex-direction:column;gap:5px}.mini-stat strong{font-size:12px;white-space:nowrap}.mini-stat strong span{color:#94b4ff}.mini-bars{margin-left:auto;height:30px;display:flex;align-items:end;gap:4px}.mini-bars i{display:block;width:7px;background:#687de6;border-radius:2px 2px 0 0;animation:barRise 1.2s var(--ease) both;transform-origin:bottom}.mini-bars i:nth-child(1){height:10px;animation-delay:.1s}.mini-bars i:nth-child(2){height:17px;animation-delay:.18s}.mini-bars i:nth-child(3){height:13px;animation-delay:.26s}.mini-bars i:nth-child(4){height:21px;animation-delay:.34s}.mini-bars i:nth-child(5){height:18px;animation-delay:.42s}.mini-bars i:nth-child(6){height:25px;animation-delay:.5s}.mini-bars i:nth-child(7){height:29px;animation-delay:.58s}
.section-index{margin:0;color:#677897;font-size:11px;font-weight:500}.section-heading h2,.approach-copy h2{font-size:clamp(34px,3.45vw,58px);line-height:1.2;letter-spacing:-.065em;font-weight:700;margin:0}.section-heading h2 span,.approach-copy h2 span{color:#6375b7}
.services-section{padding:100px 0 130px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:38px}.section-heading .section-index{margin-bottom:19px}.section-heading>p{max-width:300px;font-size:15px;line-height:1.7;color:#657287;margin:0 0 5px}.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.service-card{min-height:500px;padding:36px;display:flex;flex-direction:column;justify-content:space-between;background:#e9edf4;border:1px solid #d8dfe9;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.service-card:hover{transform:translateY(-7px);box-shadow:0 24px 40px rgba(21,37,75,.08)}.service-card-blue{background:#dfe6f8;border-color:#cbd6ef}.service-top{display:flex;justify-content:space-between;align-items:start}.service-number{font-size:10px;color:#5d6f93}.service-glyph{position:relative;width:63px;height:63px;border:1px solid #aab7ce;border-radius:50%;display:block}.glyph-growth i{position:absolute;background:#5069ac;width:6px;border-radius:1px;bottom:18px;transform:skew(-13deg)}.glyph-growth i:nth-child(1){left:21px;height:15px}.glyph-growth i:nth-child(2){left:31px;height:25px}.glyph-growth i:nth-child(3){left:41px;height:33px}.glyph-web i{position:absolute;border:1px solid #5069ac}.glyph-web i:nth-child(1){inset:17px 15px 20px}.glyph-web i:nth-child(2){top:23px;left:15px;width:31px}.glyph-web i:nth-child(3){top:18px;left:19px;width:2px;height:2px;background:#5069ac;border:0;border-radius:50%}.service-card h3{font-size:clamp(29px,2.75vw,44px);line-height:1.18;letter-spacing:-.06em;margin:0 0 15px}.service-card p{font-size:14px;line-height:1.8;color:#59687d;max-width:465px;margin:0}.service-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.service-tags span{font-family:"DM Mono",monospace;font-size:10px;text-transform:uppercase;letter-spacing:.035em;padding:8px 10px;border:1px solid #c1ccdb;color:#5c6b80;border-radius:2px}
.approach-section{position:relative;overflow:hidden;background:linear-gradient(115deg,#e2eaf5 0%,#e9edf4 48%,#eef2f8 100%);padding:100px 0}.approach-section::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(69,99,155,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(69,99,155,.2) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:radial-gradient(ellipse 47% 43% at 24% 50%,#000 12%,transparent 100%);mask-image:radial-gradient(ellipse 47% 43% at 24% 50%,#000 12%,transparent 100%);opacity:.8}.approach-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.approach-visual{width:100%;aspect-ratio:440/620;overflow:hidden;background:transparent}.approach-visual img{display:block;width:100%;height:100%}.approach-copy{padding-block:30px}.approach-copy .section-index{margin-bottom:22px}.approach-intro{color:#5d6c82;font-size:15px;line-height:1.8;max-width:480px;margin:25px 0 31px}.approach-cta{margin-top:12px}
.contact-section{position:relative;overflow:hidden;padding:104px 0 100px}.contact-section:before{content:"";position:absolute;right:-240px;bottom:-450px;width:1000px;height:1000px;border:1px solid rgba(156,175,255,.14);border-radius:50%;box-shadow:0 0 0 110px rgba(116,140,250,.035),0 0 0 220px rgba(116,140,250,.027),0 0 0 330px rgba(116,140,250,.018)}.contact-inner{position:relative}.contact-section .section-index{color:#90a2ca;margin-bottom:33px}.contact-section h2{font-size:clamp(58px,8.5vw,132px);line-height:1.02;letter-spacing:-.08em;font-weight:700;margin:0}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:43px}.contact-bottom p{max-width:410px;color:#aebbd1;line-height:1.8;font-size:15px;margin:0}.button-light{background:white;color:#0b1020;min-width:230px}.button-light:hover{background:#dfe5ff}.email-link{display:inline-block;margin-top:54px;color:#9aace5;border-bottom:1px solid #53658c;padding-bottom:5px;font-size:14px}.email-link:hover{color:white}
.site-footer{background:#090d19;color:#9ba9bd;padding:35px 0}.footer-inner{display:flex;align-items:center;gap:35px;justify-content:space-between}.footer-brand{color:white}.footer-inner>span{font-size:11px}.footer-inner>a:not(.brand){font-size:11px;color:#cad5e7}.footer-inner small{font-size:11px;color:#64748e}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}.hero-visual.reveal{transition-delay:.18s}.stat-item:nth-child(2){transition-delay:.1s}.stat-item:nth-child(3){transition-delay:.2s}.service-card:nth-child(2){transition-delay:.12s}@keyframes drawLine{from{stroke-dashoffset:900}to{stroke-dashoffset:0}}@keyframes barRise{from{transform:scaleY(.1);opacity:.3}to{transform:scaleY(1);opacity:1}}
@media(max-width:1080px){.shell{width:min(calc(100% - 48px),var(--shell))}.hero-inner{gap:20px}.hero h1{font-size:clamp(51px,5vw,72px)}.dashboard{transform:none}.dashboard:hover{transform:none}.dashboard-status{display:none}.chart-panel{padding-inline:18px}.dashboard-bottom{gap:17px;padding-inline:18px}.mini-bars{display:none}.approach-grid{gap:5%}.footer-inner{flex-wrap:wrap}}
@media(max-width:760px){.shell{width:min(calc(100% - 36px),var(--shell))}.header-inner{min-height:70px}.site-header{position:absolute}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;border:1px solid rgba(255,255,255,.3);background:transparent;border-radius:3px;padding:9px}.menu-toggle span{height:1px;background:white;width:100%;transition:transform .25s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.primary-nav{display:none;position:absolute;top:69px;left:0;right:0;background:#111a30;padding:16px 18px 24px;box-shadow:0 22px 30px rgba(0,0,0,.25);align-items:stretch;flex-direction:column;gap:0}.primary-nav.is-open{display:flex}.primary-nav>a{padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.12)}.primary-nav .nav-contact{margin-top:13px;padding:13px 15px;display:flex;justify-content:space-between}.hero{padding-top:70px}.hero-inner{grid-template-columns:1fr;gap:58px;padding-top:75px;padding-bottom:55px}.hero h1{font-size:clamp(53px,10vw,75px)}.hero-intro{font-size:15px}.hero-aside{margin-top:40px}.dashboard{max-width:600px;margin-inline:auto}.hero-bottom{display:none}.section-heading h2,.approach-copy h2{font-size:clamp(34px,7vw,48px)}.services-section{padding:80px 0 85px}.section-heading{align-items:start;display:block}.section-heading>p{margin:22px 0 0}.service-card{min-height:430px;padding:28px}.approach-section{padding:75px 0}.approach-section::before{-webkit-mask-image:radial-gradient(ellipse 90% 27% at 50% 25%,#000 15%,transparent 100%);mask-image:radial-gradient(ellipse 90% 27% at 50% 25%,#000 15%,transparent 100%)}.approach-grid{grid-template-columns:1fr;gap:45px}.approach-copy{padding:0}.contact-section{padding:85px 0}.contact-bottom{align-items:start;flex-direction:column}.contact-section h2{font-size:clamp(58px,11vw,84px)}.footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:22px}.footer-inner>span{grid-column:1/-1;grid-row:2}.footer-inner small{text-align:right}}
@media(max-width:560px){.hero-inner{padding-top:64px}.hero h1{font-size:clamp(47px,12vw,64px)}.hero-actions{align-items:start;flex-direction:column;gap:23px}.dashboard-head{padding:14px}.dashboard-heading strong{font-size:12px}.dashboard-heading small{font-size:9px}.dashboard-tabs{padding:14px 10px 0}.chart-panel{padding:15px 14px}.chart-value{font-size:36px}.chart-wrap{height:155px}.chart-trend{font-size:9px}.dashboard-bottom{padding:14px;gap:22px}.services-grid{grid-template-columns:1fr}.service-card{min-height:415px}.service-card h3{font-size:34px}.contact-section h2{font-size:clamp(52px,11vw,68px)}.contact-bottom{margin-top:30px}.email-link{font-size:12px;overflow-wrap:anywhere}.footer-inner{grid-template-columns:1fr}.footer-inner>span{grid-column:auto;grid-row:auto}.footer-inner small{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.chart-line.draw{stroke-dashoffset:0!important}}
