:root { --ink:#071a3a; --ink-soft:#4f617d; --blue:#0969ee; --cyan:#20d3ee; --ice:#edf7ff; --paper:#f8fafc; --white:#fff; --line:#dce7f2; --navy:#061632; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:"Aptos","Segoe UI",Inter,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
img,svg { display:block; }
.shell { width:min(1180px,calc(100% - 48px)); margin:0 auto; }

.site-header { position:sticky; top:0; z-index:50; height:78px; border-bottom:1px solid rgba(220,231,242,.82); background:rgba(255,255,255,.9); backdrop-filter:blur(16px); }
.nav-wrap { height:100%; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand { display:inline-flex; width:174px; flex:0 0 auto; }
.brand-image { display:block; position:relative; overflow:hidden; width:174px; height:46px; }
.brand-image img { position:absolute; width:190px; max-width:none; height:190px; object-fit:contain; top:50%; left:-8px; transform:translateY(-50%); }
nav { display:flex; gap:30px; align-items:center; margin-left:auto; }
nav a { font-size:14px; font-weight:600; color:#354761; transition:color .2s ease; }
nav a:hover { color:var(--blue); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:10px; border-radius:10px; font-weight:700; transition:transform .2s ease,box-shadow .2s ease; }
.button:hover { transform:translateY(-2px); }
.button svg,.text-link svg,.offer-card>a svg { width:18px; height:18px; }
.button-small { padding:12px 16px; color:#fff; background:var(--ink); font-size:13px; }
.button-small:hover { box-shadow:0 10px 24px rgba(7,26,58,.2); }
.button-primary { padding:16px 21px; color:#fff; background:linear-gradient(135deg,var(--blue),#0753c7); box-shadow:0 14px 35px rgba(9,105,238,.23); }
.button-primary:hover { box-shadow:0 18px 42px rgba(9,105,238,.3); }
.button-white { padding:15px 20px; color:var(--ink); background:#fff; }
.text-link { display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:15px; }
.text-link:hover { color:var(--blue); }
.text-link-light:hover { color:var(--cyan); }

.hero { position:relative; overflow:hidden; padding:98px 0 96px; background:linear-gradient(180deg,#fbfdff 0%,#f5faff 100%); }
.hero:before { content:""; position:absolute; inset:0; opacity:.44; background-image:linear-gradient(rgba(20,96,173,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(20,96,173,.055) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(to right,#000,transparent 82%); }
.hero-glow { position:absolute; border-radius:999px; pointer-events:none; }
.hero-glow-one { width:500px; height:500px; top:-270px; right:-140px; background:radial-gradient(circle,rgba(32,211,238,.19),transparent 68%); }
.hero-glow-two { width:450px; height:450px; left:35%; bottom:-330px; background:radial-gradient(circle,rgba(9,105,238,.14),transparent 69%); }
.hero-grid { position:relative; display:grid; grid-template-columns:1.02fr .98fr; gap:66px; align-items:center; }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 22px; color:#2968b2; font-size:12px; line-height:1.3; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.eyebrow>span { width:26px; height:2px; border-radius:10px; background:linear-gradient(90deg,var(--blue),var(--cyan)); }
.eyebrow-light { color:#8bd7ff; }
.hero h1 { margin:0; font-size:clamp(48px,5.25vw,76px); line-height:.99; letter-spacing:-.048em; font-weight:750; }
.hero h1 em { color:var(--blue); font-style:normal; }
.hero-lead { max-width:650px; margin:28px 0 0; color:var(--ink-soft); font-size:18px; line-height:1.72; }
.hero-actions { display:flex; align-items:center; gap:24px; margin-top:34px; }
.trust-row { display:flex; flex-wrap:wrap; gap:12px 26px; margin-top:42px; padding-top:25px; border-top:1px solid var(--line); }
.trust-row span { display:flex; align-items:baseline; gap:6px; color:#66758c; font-size:12px; }
.trust-row b { color:var(--ink); font-size:14px; }

.data-visual { position:relative; padding:22px; border:1px solid rgba(127,175,221,.35); border-radius:22px; background:rgba(255,255,255,.92); box-shadow:0 30px 80px rgba(42,97,155,.16),0 5px 20px rgba(42,97,155,.08); transform:perspective(1100px) rotateY(-2deg); }
.data-visual:after { content:""; position:absolute; inset:9px -12px -12px 12px; z-index:-1; border:1px solid rgba(9,105,238,.1); border-radius:22px; background:rgba(219,239,255,.46); }
.visual-topline { display:flex; align-items:center; gap:9px; padding-bottom:18px; font-size:12px; font-weight:800; border-bottom:1px solid var(--line); }
.live-dot { width:8px; height:8px; border-radius:50%; background:#27c486; box-shadow:0 0 0 4px rgba(39,196,134,.12); }
.visual-status { margin-left:auto; color:#27a270; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.flow-map { min-height:240px; display:grid; grid-template-columns:84px 1fr 106px 1fr 102px; align-items:center; }
.source-stack,.output-stack { display:flex; flex-direction:column; gap:10px; }
.source-pill { display:flex; align-items:center; gap:8px; padding:7px; border:1px solid var(--line); border-radius:8px; color:#53657e; font-size:10px; background:#fff; box-shadow:0 5px 14px rgba(25,71,120,.06); }
.source-pill span { display:grid; place-items:center; width:25px; height:25px; border-radius:6px; color:var(--blue); background:var(--ice); font-size:8px; font-weight:900; }
.flow-lines { display:flex; flex-direction:column; gap:15px; margin:0 -3px; }
.flow-lines i { position:relative; display:block; height:1px; background:linear-gradient(90deg,#bcd6ef,#188af8); }
.flow-lines i:after { content:""; position:absolute; right:5%; top:-2px; width:5px; height:5px; border-radius:50%; background:#188af8; box-shadow:0 0 0 4px rgba(24,138,248,.1); }
.outgoing i { background:linear-gradient(90deg,#188af8,#bcd6ef); }
.outgoing i:after { right:15%; }
.data-core { position:relative; display:grid; place-items:center; width:104px; height:104px; border-radius:50%; color:#fff; background:radial-gradient(circle at 35% 25%,#27d9f3,#0c72ed 55%,#0a3eaa); box-shadow:0 16px 35px rgba(9,105,238,.28); }
.data-core:before { content:""; position:absolute; inset:8px; border:1px solid rgba(255,255,255,.35); border-radius:50%; }
.core-label { margin-top:17px; font-size:13px; letter-spacing:.16em; font-weight:900; }
.data-core small { margin-top:-25px; font-size:8px; opacity:.82; }
.output-pill { padding:10px; border-radius:9px; color:#fff; background:var(--ink); box-shadow:0 7px 18px rgba(7,26,58,.18); }
.output-pill:last-child { background:linear-gradient(135deg,#075eca,#0ca7da); }
.output-pill b { display:block; font-size:13px; }
.output-pill span { font-size:8px; opacity:.75; }
.visual-metrics { display:grid; grid-template-columns:.85fr 1.1fr 1.25fr; gap:9px; }
.visual-metrics>div { min-height:71px; padding:10px 11px; overflow:hidden; border:1px solid var(--line); border-radius:10px; background:#fbfdff; }
.visual-metrics span { display:block; color:#7d8ca2; font-size:8px; text-transform:uppercase; letter-spacing:.07em; }
.visual-metrics strong { display:block; margin-top:5px; font-size:11px; }
.spark { display:block; height:12px; margin-top:8px; border-radius:6px 6px 2px 2px; clip-path:polygon(0 80%,15% 60%,28% 72%,45% 24%,60% 50%,76% 14%,100% 0,100% 100%,0 100%); background:linear-gradient(90deg,rgba(9,105,238,.15),rgba(32,211,238,.55)); }
.spark-two { clip-path:polygon(0 65%,20% 70%,34% 48%,54% 52%,68% 18%,83% 30%,100% 5%,100% 100%,0 100%); }
.spark-three { clip-path:polygon(0 75%,18% 52%,34% 66%,50% 35%,68% 48%,82% 20%,100% 0,100% 100%,0 100%); }

.signal-strip { padding:25px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.signal-content { display:flex; justify-content:center; align-items:center; gap:clamp(18px,3vw,42px); flex-wrap:wrap; }
.signal-content span { color:#7a8a9f; font-weight:750; font-size:13px; letter-spacing:.025em; }
.signal-content i { width:3px; height:3px; border-radius:50%; background:#b6c5d6; }

.section { padding:112px 0; }
.section-heading h2,.outcome-copy h2,.process-intro h2,.training-copy h2,.expertise-copy h2,.faq-layout h2,.cta-inner h2 { margin:0; font-size:clamp(38px,4vw,56px); line-height:1.07; letter-spacing:-.04em; }
.split-heading { display:grid; grid-template-columns:1.2fr .8fr; gap:70px; align-items:end; margin-bottom:56px; }
.split-heading>p { max-width:450px; margin:0 0 5px; color:var(--ink-soft); font-size:17px; line-height:1.72; }
.services-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.service-card { min-height:325px; padding:32px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(145deg,#fff,#fbfdff); transition:transform .25s,border-color .25s,box-shadow .25s; }
.service-card:hover { transform:translateY(-5px); border-color:#a9cff6; box-shadow:0 18px 42px rgba(33,88,142,.1); }
.card-topline { display:flex; align-items:center; gap:14px; color:var(--blue); font-weight:850; font-size:12px; }
.card-topline i { width:28px; height:1px; background:#b9cbe0; }
.service-card h3 { max-width:390px; margin:50px 0 14px; font-size:25px; line-height:1.17; letter-spacing:-.025em; }
.service-card>p { max-width:470px; margin:0; color:var(--ink-soft); line-height:1.65; }
.tag-list { display:flex; gap:7px; flex-wrap:wrap; list-style:none; padding:0; margin:30px 0 0; }
.tag-list li { padding:7px 9px; border-radius:7px; color:#316294; background:var(--ice); font-size:10px; font-weight:750; }

.outcome-section { color:#fff; background:radial-gradient(circle at 13% 20%,#11386a,transparent 36%),var(--navy); }
.outcome-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:76px; align-items:center; }
.outcome-copy>p:not(.eyebrow) { margin:24px 0 30px; color:#aebbd0; font-size:17px; line-height:1.7; }
.before-after { display:grid; grid-template-columns:1fr 40px 1fr; align-items:center; }
.state-card { padding:28px; min-height:290px; border:1px solid rgba(255,255,255,.12); border-radius:15px; background:rgba(255,255,255,.06); }
.state-after { border-color:rgba(32,211,238,.3); background:linear-gradient(160deg,rgba(8,112,239,.28),rgba(32,211,238,.08)); }
.state-label { display:inline-block; padding:7px 9px; border-radius:6px; color:#9eabc0; background:rgba(255,255,255,.08); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.state-after .state-label { color:#b8f4fc; background:rgba(32,211,238,.12); }
.state-card ul { list-style:none; padding:0; margin:30px 0 0; }
.state-card li { display:flex; gap:10px; align-items:center; margin:17px 0; color:#bac5d6; font-size:13px; }
.state-card li>i { width:11px; height:1px; background:#67758a; }
.state-card li svg { flex:0 0 auto; width:17px; height:17px; color:var(--cyan); }
.transition-arrow { display:grid; place-items:center; position:relative; z-index:2; width:42px; height:42px; border-radius:50%; color:var(--blue); background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.25); }
.transition-arrow svg { width:19px; }

.offers-section { background:var(--paper); }
.centered-heading { max-width:720px; margin:0 auto 55px; text-align:center; }
.centered-heading .eyebrow { justify-content:center; }
.centered-heading>p:last-child { margin:20px auto 0; color:var(--ink-soft); font-size:17px; line-height:1.65; }
.offers-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; align-items:stretch; }
.offer-card { position:relative; display:flex; flex-direction:column; padding:31px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.offer-card.featured { border-color:var(--blue); box-shadow:0 22px 60px rgba(9,105,238,.13); }
.recommended { position:absolute; top:-14px; right:22px; padding:7px 10px; border-radius:6px; color:#fff; background:var(--blue); font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.offer-label { margin:0 0 22px; color:var(--blue); font-size:10px; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }
.offer-card h3 { margin:0; font-size:24px; letter-spacing:-.03em; }
.offer-price { margin:11px 0 20px; font-size:16px; font-weight:800; }
.offer-description { min-height:78px; margin:0; color:var(--ink-soft); font-size:14px; line-height:1.6; }
.offer-card ul { min-height:142px; list-style:none; padding:24px 0 22px; margin:22px 0 0; border-top:1px solid var(--line); }
.offer-card li { display:flex; gap:9px; align-items:flex-start; margin:12px 0; color:#42536b; font-size:12px; line-height:1.45; }
.offer-card li svg { width:16px; height:16px; flex:0 0 auto; color:var(--blue); }
.offer-card>a { display:flex; align-items:center; gap:8px; margin-top:auto; color:var(--blue); font-weight:800; font-size:13px; }
.pricing-note { margin:24px 0 0; color:#7b899b; font-size:11px; text-align:center; }

.process-layout { display:grid; grid-template-columns:.83fr 1.17fr; gap:90px; }
.process-intro { position:sticky; top:135px; align-self:start; }
.process-intro>p:last-child { max-width:420px; margin-top:25px; color:var(--ink-soft); font-size:16px; line-height:1.7; }
.steps-list { border-top:1px solid var(--line); }
.step { display:grid; grid-template-columns:60px 1fr; gap:26px; padding:31px 0; border-bottom:1px solid var(--line); }
.step>span { color:var(--blue); font-size:11px; font-weight:850; }
.step h3 { margin:0 0 8px; font-size:23px; letter-spacing:-.02em; }
.step p { margin:0; color:var(--ink-soft); line-height:1.62; }

.training-section { padding-top:25px; }
.training-card { position:relative; overflow:hidden; display:grid; grid-template-columns:1fr .86fr; gap:75px; align-items:center; padding:70px; border-radius:24px; color:#fff; background:linear-gradient(135deg,#082650 0%,#063f8f 65%,#075dc5 100%); }
.training-card:before { content:""; position:absolute; width:500px; height:500px; right:-170px; top:-250px; border:1px solid rgba(255,255,255,.12); border-radius:50%; box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02); }
.training-copy,.academy-panel { position:relative; z-index:1; }
.training-copy>p:not(.eyebrow) { margin:23px 0; color:#cad9ec; line-height:1.7; }
.training-tracks { display:grid; gap:10px; margin:25px 0 32px; }
.training-tracks span { display:flex; gap:10px; align-items:center; color:#e6f1ff; font-size:13px; }
.training-tracks svg { width:17px; color:var(--cyan); }
.academy-panel { padding:28px; border:1px solid rgba(255,255,255,.18); border-radius:16px; background:rgba(255,255,255,.08); backdrop-filter:blur(9px); }
.academy-top { display:flex; justify-content:space-between; align-items:center; color:#aed5ff; font-size:9px; letter-spacing:.13em; }
.academy-top strong { color:#fff; font-size:12px; letter-spacing:0; }
.academy-stat { margin-top:46px; }
.academy-stat strong { display:block; font-size:72px; line-height:.9; letter-spacing:-.055em; }
.academy-stat span { display:block; margin-top:9px; color:#afd2f4; font-size:13px; }
.academy-bars { display:flex; align-items:end; gap:9px; height:72px; margin-top:22px; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,.17); }
.academy-bars i { flex:1; border-radius:4px 4px 0 0; background:linear-gradient(180deg,var(--cyan),#0b8ff2); }
.academy-bars i:nth-child(1){height:24%}.academy-bars i:nth-child(2){height:43%}.academy-bars i:nth-child(3){height:56%}.academy-bars i:nth-child(4){height:78%}.academy-bars i:nth-child(5){height:100%}
.academy-bottom { display:flex; justify-content:space-between; margin-top:15px; color:#b9d2ec; font-size:9px; }

.expertise-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:85px; align-items:center; }
.founder-card { min-height:360px; display:flex; flex-direction:column; justify-content:space-between; padding:35px; border-radius:18px; color:#fff; background:linear-gradient(155deg,var(--navy),#0a3a73); box-shadow:0 25px 60px rgba(7,26,58,.18); }
.founder-monogram { display:grid; place-items:center; width:92px; height:92px; border:1px solid rgba(255,255,255,.22); border-radius:50%; color:var(--cyan); background:rgba(255,255,255,.06); font-size:27px; font-weight:800; }
.founder-card p { margin:0 0 9px; color:#8eb4dc; font-size:10px; letter-spacing:.11em; text-transform:uppercase; }
.founder-card h3 { margin:0; font-size:23px; }
.founder-card span { display:block; margin-top:9px; color:#b5c9df; font-size:12px; }
.expertise-copy>p:not(.eyebrow) { max-width:650px; margin:25px 0 30px; color:var(--ink-soft); font-size:17px; line-height:1.72; }
.expertise-points { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.expertise-points span { display:flex; gap:9px; align-items:center; color:#344760; font-size:13px; font-weight:650; }
.expertise-points svg { width:17px; color:var(--blue); }

.faq-section { background:var(--paper); }
.faq-layout { display:grid; grid-template-columns:.72fr 1.28fr; gap:90px; }
.faq-list { border-top:1px solid #cbd9e7; }
details { border-bottom:1px solid #cbd9e7; }
summary { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:25px 0; cursor:pointer; list-style:none; font-weight:750; }
summary::-webkit-details-marker { display:none; }
summary span { color:var(--blue); font-size:23px; font-weight:400; transition:transform .2s; }
details[open] summary span { transform:rotate(45deg); }
details p { max-width:680px; margin:-4px 0 26px; color:var(--ink-soft); line-height:1.65; }

.cta-section { padding:90px 0; color:#fff; background:linear-gradient(115deg,#0864e2,#0870e7 60%,#0bb5dd); }
.cta-inner { display:grid; grid-template-columns:1.25fr .75fr; gap:80px; align-items:center; }
.cta-action { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.cta-action>a:not(.button) { margin-top:7px; font-size:15px; font-weight:750; }
.cta-action>span { color:#cdeeff; font-size:12px; }
footer { color:#c1cddd; background:var(--navy); }
.footer-top { display:grid; grid-template-columns:1.1fr .9fr; gap:80px; padding-top:67px; padding-bottom:58px; }
.footer-brand { max-width:420px; }
.footer-logo { width:166px; filter:brightness(0) invert(1); opacity:.95; }
.footer-brand p { margin:22px 0 0; color:#8393aa; font-size:13px; line-height:1.7; }
.footer-links { display:grid; grid-template-columns:repeat(2,1fr); gap:45px; }
.footer-links>div { display:flex; flex-direction:column; gap:11px; }
.footer-links strong { margin-bottom:9px; color:#fff; font-size:11px; letter-spacing:.11em; text-transform:uppercase; }
.footer-links a,.footer-links span { color:#8999ae; font-size:12px; }
.footer-links a:hover { color:var(--cyan); }
.footer-bottom { display:flex; justify-content:space-between; gap:20px; padding-top:22px; padding-bottom:22px; border-top:1px solid rgba(255,255,255,.09); color:#6d7e95; font-size:10px; }

@media(max-width:1020px){nav{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:760px}.data-visual{max-width:650px;transform:none}.offers-grid{grid-template-columns:1fr;max-width:680px;margin:0 auto}.offer-description,.offer-card ul{min-height:auto}.training-card{padding:55px;gap:45px}}
@media(max-width:820px){.section{padding:82px 0}.split-heading,.outcome-grid,.process-layout,.training-card,.expertise-grid,.faq-layout,.cta-inner,.footer-top{grid-template-columns:1fr;gap:42px}.services-grid{grid-template-columns:1fr}.process-intro{position:static}.training-section{padding-top:10px}.training-card{width:min(100% - 28px,1180px);padding:42px}.academy-panel{max-width:470px}.founder-card{min-height:290px}.footer-links{max-width:500px}}
@media(max-width:620px){.shell{width:min(100% - 32px,1180px)}.site-header{height:70px}.brand{width:148px}.brand-image{width:148px;height:40px}.brand-image img{width:164px;height:164px}.button-small{padding:10px 12px;font-size:0}.button-small:before{content:"Contact";font-size:12px}.hero{padding:76px 0 70px}.hero h1{font-size:48px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.trust-row{display:grid;grid-template-columns:1fr;gap:10px}.data-visual{padding:15px;border-radius:16px}.flow-map{min-height:215px;grid-template-columns:60px 1fr 78px 1fr 74px}.source-pill{padding:5px;gap:4px;font-size:8px}.source-pill span{width:19px;height:19px;font-size:7px}.data-core{width:78px;height:78px}.core-label{font-size:10px}.data-core small{font-size:6px}.output-pill{padding:7px}.output-pill b{font-size:10px}.visual-metrics{grid-template-columns:1fr}.visual-metrics>div{min-height:58px}.signal-content{gap:13px 17px}.signal-content i{display:none}.section-heading h2,.outcome-copy h2,.process-intro h2,.training-copy h2,.expertise-copy h2,.faq-layout h2,.cta-inner h2{font-size:38px}.service-card{min-height:0;padding:25px}.service-card h3{margin-top:35px}.before-after{grid-template-columns:1fr;gap:0}.transition-arrow{margin:-7px auto;transform:rotate(90deg)}.training-card{padding:32px 25px;border-radius:18px}.academy-stat strong{font-size:58px}.expertise-points{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}