:root{color-scheme:light;--ink:#17243a;--muted:#657184;--paper:#f5f7fa;--line:#dfe5ec;--blue:#3675ee;--navy:#101b2e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.topline{background:#111d31;color:#c8d5e8;font-size:11px;letter-spacing:.08em}
.topline-inner{display:flex;align-items:center;gap:8px;min-height:33px}
.topline-right{margin-left:auto;color:#8395b0}
.status-dot,.tag-led{height:5px;width:5px;background:#62cfab;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px rgba(98,207,171,.16)}
.site-header{background:#fff;border-bottom:1px solid #e9edf2}
.nav{display:flex;align-items:center;height:78px;gap:54px}
.brand{display:inline-flex;align-items:center;gap:12px;font:800 21px/1 "Manrope",Arial,sans-serif;letter-spacing:-.06em;white-space:nowrap}
.brand-mark{width:37px;height:37px;border-radius:9px;background:var(--navy);color:white;display:grid;place-items:center;font-size:15px;letter-spacing:-.1em}
.brand-mark span{color:#80abff}
.nav nav{display:flex;gap:35px;margin-left:auto;font-size:13px;font-weight:600;color:#5d6878}
.nav nav a:hover,.nav-link:hover{color:var(--blue)}
.nav-link{margin-left:45px;font-size:12px;font-weight:700;white-space:nowrap}
.nav-link span{padding-left:12px;color:var(--blue)}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:600px;padding-top:66px;padding-bottom:70px;gap:40px}
.hero-copy{align-self:center;padding-bottom:8px}
.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.2em;color:var(--blue)}
.eyebrow{display:flex;align-items:center;gap:12px}
.eyebrow-line{height:1px;width:24px;background:var(--blue)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:"Manrope",Arial,sans-serif}
h1{font-size:clamp(58px,5.6vw,83px);line-height:1.06;letter-spacing:-.085em;margin:24px 0}
h1 em{font-style:normal;color:var(--blue)}
.hero-lead{max-width:490px;font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.button{height:47px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:7px;font-size:12px;font-weight:700}
.button-primary{color:#fff;background:var(--blue);box-shadow:0 12px 24px rgba(54,117,238,.16)}
.button-primary:hover{background:#225dd1}
.button-quiet{color:var(--ink);background:#edf2f8}
.button-quiet:hover{background:#e1eaf6}
.hero-note{display:flex;align-items:center;gap:9px;margin-top:57px;font-size:11px;font-weight:700;letter-spacing:.07em;color:#8792a1}
.small-square{width:8px;height:8px;border:2px solid var(--blue);transform:rotate(45deg)}
.hero-visual{min-height:455px;position:relative;overflow:hidden;border-radius:13px;background:radial-gradient(circle at 53% 44%,#284369 0,#182a46 40%,#0d1a2e 84%);box-shadow:0 28px 55px rgba(14,29,52,.12)}
.visual-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 51%,rgba(73,128,234,.17),transparent 45%)}
.visual-grid{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(#5e779b 1px,transparent 1px),linear-gradient(90deg,#5e779b 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}
.orbit{position:absolute;left:50%;top:51%;border:1px solid rgba(151,181,228,.13);border-radius:50%;transform:translate(-50%,-50%) rotate(-23deg)}
.orbit-one{width:360px;height:250px}.orbit-two{width:480px;height:350px}
.visual-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:222px;height:222px;border:1px solid rgba(154,190,246,.36);border-radius:22px;background:linear-gradient(145deg,#263f62,#15283f);box-shadow:0 25px 60px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.13);color:#d8e7ff;padding:23px;display:flex;flex-direction:column;justify-content:space-between}
.core-top,.core-bottom{font-size:9px;font-weight:700;letter-spacing:.2em;color:#88a4c9}
.core-main{font:800 82px/1 "Manrope",Arial,sans-serif;letter-spacing:-.13em;color:#fff}
.core-main span{color:#76a5ff}
.visual-tag{position:absolute;border:1px solid rgba(145,179,228,.24);border-radius:5px;background:rgba(16,33,55,.85);color:#b4c9e7;box-shadow:0 8px 20px rgba(0,0,0,.15);font-size:9px;font-weight:700;letter-spacing:.15em;padding:11px 13px;display:flex;align-items:center;gap:10px}
.tag-a{left:8%;top:23%}.tag-b{right:5%;top:30%}.tag-c{right:9%;bottom:17%}
.rule{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rule>div{display:flex;gap:17px;align-items:center;min-height:78px;padding-left:22px;border-right:1px solid var(--line);color:#697688;font-size:12px;font-weight:600}
.rule>div:first-child{padding-left:0}.rule>div:last-child{border:0}
.rule strong{color:var(--blue);font:800 12px "Manrope",Arial,sans-serif}
.section{padding-top:120px;padding-bottom:124px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:46px}
.section-heading h2,.approach h2{font-size:clamp(37px,4vw,55px);line-height:1.15;letter-spacing:-.065em;margin:19px 0 0}
.section-heading h2 span{color:#8490a0}
.section-heading>p{max-width:320px;color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 3px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{min-height:325px;background:var(--paper);border:1px solid #ebeff3;border-radius:9px;padding:28px 30px;display:flex;flex-direction:column}
.card-icon{height:54px;width:54px;background:#e5ecf7;border-radius:11px;display:grid;place-items:center;margin-bottom:30px}
.icon-chip{width:23px;height:23px;border:2px solid var(--blue);border-radius:4px;box-shadow:0 0 0 4px rgba(54,117,238,.08)}
.icon-nodes{display:flex;gap:4px}.icon-nodes i{display:block;width:7px;height:7px;border-radius:50%;border:2px solid var(--blue)}.icon-nodes i:nth-child(2){margin-top:10px}
.icon-stack{display:grid;gap:3px}.icon-stack i{width:24px;height:5px;border:2px solid var(--blue);border-radius:2px}
.card-index{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.17em}
.card h3{font-size:19px;letter-spacing:-.04em;margin:14px 0 10px}
.card p{font-size:13px;line-height:1.75;color:var(--muted);margin:0 0 25px}
.card-line{height:1px;background:#dce3ec;margin-top:auto}
.card-foot{display:flex;justify-content:space-between;margin-top:16px;font-size:11px;font-weight:700;color:#60728a}.card-foot span{color:var(--blue)}
.approach{background:#111d31;color:#fff}
.approach-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:93px;padding-bottom:93px}
.kicker-light{color:#85adff}
.approach h2{margin-bottom:0}
.approach-copy{padding-top:35px}
.approach-copy p{max-width:460px;color:#afbdd1;font-size:15px;line-height:1.85;margin:0}
.approach-rule{width:40px;height:2px;background:#6f9dff;margin:22px 0}
.questions{padding-bottom:100px}
.faq{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.faq>div{border-top:1px solid var(--line);padding-top:24px}
.faq h3{font-size:15px;letter-spacing:-.02em;margin-bottom:9px}
.faq p{color:var(--muted);font-size:13px;line-height:1.75;max-width:330px}
.footer{background:#f6f8fb;border-top:1px solid var(--line)}
.footer-inner{min-height:116px;display:flex;align-items:center;gap:45px}
.brand-footer{font-size:17px}.brand-footer .brand-mark{width:30px;height:30px;font-size:12px}
.footer p{margin:0;color:#798698;font-size:12px}
.footer-inner>span{margin-left:auto;font-size:11px;color:#9aa6b6}
@media(max-width:900px){.nav{gap:20px}.nav nav{gap:17px}.nav-link{display:none}.hero{grid-template-columns:1fr;min-height:0;padding-top:60px}.hero-visual{min-height:360px}.hero-note{margin-top:30px}.approach-inner{gap:40px}.cards{gap:12px}.card{padding:22px}.rule>div{padding-left:12px;gap:8px}}
@media(max-width:640px){.wrap{width:min(100% - 36px,1200px)}.topline-right,.nav nav{display:none}.nav{height:66px}.hero{padding-top:55px;padding-bottom:48px;gap:38px}.hero h1{font-size:54px}.hero-lead{font-size:14px}.hero-visual{min-height:330px}.visual-core{width:180px;height:180px}.core-main{font-size:65px}.orbit-one{width:280px;height:190px}.orbit-two{width:380px;height:275px}.tag-a{left:4%;top:14%}.tag-b{right:4%;top:19%}.tag-c{right:5%;bottom:10%}.rule{grid-template-columns:1fr}.rule>div,.rule>div:first-child{min-height:56px;padding-left:8px;border-right:0;border-bottom:1px solid var(--line)}.rule>div:last-child{border-bottom:0}.section{padding-top:78px;padding-bottom:82px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.approach h2{font-size:39px}.section-heading>p{margin-top:17px}.cards,.faq,.approach-inner{grid-template-columns:1fr}.card{min-height:265px}.card-icon{margin-bottom:23px}.approach-inner{padding-top:70px;padding-bottom:75px;gap:18px}.approach-copy{padding-top:0}.faq{gap:22px}.questions{padding-bottom:65px}.footer-inner{min-height:130px;flex-wrap:wrap;gap:10px 20px;padding:28px 0}.footer p{order:3;flex-basis:100%}.footer-inner>span{margin-left:auto}}