:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; color: #eff7ff; background: #020817; }
body::before { content:""; position:fixed; inset:0; z-index:-2; background:radial-gradient(circle at 85% 5%,#174c9c88,transparent 30%),radial-gradient(circle at 12% 34%,#291d6966,transparent 32%),linear-gradient(#020817,#06162f 60%,#020817); }
body::after { content:""; position:fixed; inset:0; z-index:-1; opacity:.55; background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px),radial-gradient(circle,#75b8ff 0 1px,transparent 1.5px); background-position:21px 18px,70px 54px; background-size:137px 137px,193px 193px; }
a { color: inherit; }
.seo-wrap { width:min(1120px,calc(100% - 34px)); margin:auto; }
.seo-nav { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 0; }
.seo-brand { display:flex; align-items:center; gap:11px; text-decoration:none; font-size:.75rem; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.seo-brand img { width:42px; height:42px; border-radius:12px; box-shadow:0 0 26px #4398ed66; }
.seo-links { display:flex; align-items:center; gap:19px; color:#91a9c1; font-size:.72rem; }
.seo-links a { text-decoration:none; }
.nav-branch { position:relative; }
.nav-branch summary { display:flex; align-items:center; gap:7px; padding:10px 4px; color:#9db4ca; cursor:pointer; list-style:none; font-weight:760; user-select:none; }
.nav-branch summary::-webkit-details-marker { display:none; }
.nav-branch summary span { color:#65e0b1; font-size:.8rem; transition:transform 160ms ease; }
.nav-branch[open] summary,.nav-branch summary:hover { color:#edf7ff; }
.nav-branch[open] summary span { transform:rotate(180deg); }
.nav-menu { position:absolute; z-index:20; top:calc(100% + 6px); left:-16px; display:grid; width:330px; padding:9px; border:1px solid #48739c85; border-radius:14px; background:linear-gradient(155deg,#0b1b32f7,#050f1df7); box-shadow:0 24px 70px #000c,inset 0 1px #d9efff12; backdrop-filter:blur(20px); }
.nav-menu::before { content:""; position:absolute; top:-7px; left:16px; width:72px; height:7px; border-top:2px solid #65e0b1; }
.nav-branch-right .nav-menu { right:-14px; left:auto; }
.nav-branch-right .nav-menu::before { right:16px; left:auto; }
.nav-menu a { display:grid; gap:3px; padding:13px 14px; border-radius:10px; color:#d8e9f8; transition:background 150ms ease,transform 150ms ease; }
.nav-menu a + a { border-top:1px solid #2947625c; }
.nav-menu a:hover,.nav-menu a:focus-visible { transform:translateX(3px); background:#102847; outline:none; }
.nav-menu strong { font-size:.75rem; }
.nav-menu small { color:#7690aa; font-size:.62rem; line-height:1.35; }
.seo-book { padding:10px 14px; border-radius:10px; color:#061226!important; background:linear-gradient(135deg,#d8f0ff,#63aff3); font-weight:800; }
.seo-hero { position:relative; isolation:isolate; padding:clamp(68px,11vw,128px) 0 72px; max-width:970px; }
.seo-hero::before { content:""; position:absolute; z-index:-2; top:12%; right:-20%; width:clamp(240px,38vw,470px); aspect-ratio:1; border:1px solid #8ec6ff4d; border-radius:50%; background:radial-gradient(circle at 31% 24%,#e9f5ff5e 0,transparent 22%),repeating-linear-gradient(176deg,#496ea7 0 7%,#7f98bd 8% 11%,#254b83 12% 19%); box-shadow:inset -70px -25px 90px #020b20e8,0 0 90px #3388e849; opacity:.52; }
.seo-hero::after { content:""; position:absolute; z-index:-1; top:30%; right:-31%; width:clamp(370px,57vw,710px); height:clamp(80px,12vw,145px); border:clamp(8px,1vw,15px) solid #a7cdff4f; border-radius:50%; transform:rotate(-9deg); box-shadow:0 0 0 5px #4e7db449,0 0 52px #3b88df33; opacity:.74; }
.seo-hero > * { position:relative; z-index:1; }
.seo-eyebrow { margin:0 0 14px; color:#65e0b1; font-size:.68rem; font-weight:850; letter-spacing:.18em; text-transform:uppercase; }
.seo-hero h1 { max-width:950px; margin:0; font-size:clamp(2.8rem,7.2vw,6.8rem); line-height:.91; letter-spacing:-.055em; }
.seo-hero > p:not(.seo-eyebrow) { max-width:740px; margin:26px 0; color:#adc0d5; font-size:clamp(1rem,2.2vw,1.26rem); line-height:1.7; }
.seo-actions { display:flex; flex-wrap:wrap; gap:10px; }
.seo-actions a { padding:13px 17px; border:1px solid #5d8ebc88; border-radius:11px; text-decoration:none; font-size:.78rem; font-weight:800; background:#07162db5; }
.seo-actions a:first-child { color:#061226; background:linear-gradient(135deg,#d7efff,#64b3f8); }
.seo-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; padding:18px 0 84px; }
.seo-card { padding:25px; border:1px solid #40658b67; border-radius:17px; background:linear-gradient(145deg,#0a1a33e8,#050e1dcc); box-shadow:0 20px 55px #0006; }
.seo-card span { color:#6cb4f2; font-size:.63rem; font-weight:850; letter-spacing:.14em; }
.seo-card h2,.seo-section h2 { margin:12px 0; font-size:1.3rem; }
.seo-card p,.seo-section p,.seo-section li { color:#94abc3; font-size:.82rem; line-height:1.68; }
.seo-section { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); gap:clamp(28px,7vw,90px); padding:72px 0; border-top:1px solid #28476a66; }
.seo-section h2 { font-size:clamp(1.8rem,4vw,3.3rem); line-height:1.02; }
.seo-section ul { margin:0; padding-left:20px; }
.seo-section li+li { margin-top:10px; }
.executive-proof { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); gap:clamp(24px,6vw,72px); align-items:center; margin:0 0 84px; padding:clamp(28px,5vw,58px); border:1px solid #5c4f9a85; border-radius:25px; background:radial-gradient(circle at 100% 0,#5234815c,transparent 42%),linear-gradient(145deg,#091a34f2,#050d1bf2); box-shadow:0 30px 90px #0009,inset 0 1px #e4f3ff14; }
.executive-proof h2 { margin:0; font-size:clamp(2rem,4.6vw,4rem); line-height:.98; letter-spacing:-.045em; }
.executive-proof>div>p:not(.seo-eyebrow),.executive-proof li { color:#97aec5; font-size:.82rem; line-height:1.7; }
.executive-proof ul { margin:18px 0 0; padding-left:20px; }
.executive-proof a { display:inline-block; margin-top:15px; color:#83c4ff; font-size:.76rem; font-weight:800; text-decoration:none; }
.proof-console { padding:20px; border:1px solid #4875a26e; border-radius:17px; background:#04101fd9; box-shadow:inset 0 0 55px #225b9d1c,0 20px 50px #0006; }
.proof-console>p { margin:0 0 11px!important; color:#65e0b1!important; font-size:.58rem!important; font-weight:900; letter-spacing:.13em; }
.proof-console>div { display:grid; grid-template-columns:1fr auto; gap:12px; padding:11px 0; border-top:1px solid #28435f; font-size:.7rem; }
.proof-console>div span { color:#7892ac; }
.proof-console>div b { color:#d8e8f8; }
.proof-console footer { display:grid; gap:5px; margin-top:12px; padding:14px; border-left:3px solid #f3bc57; border-radius:8px; background:#211a0d; }
.proof-console footer strong { color:#f3cb79; font-size:.72rem; }
.proof-console footer span { color:#a38f69; font-size:.62rem; }
.brand-bridge { position:relative; margin:0 0 84px; padding:clamp(28px,5vw,56px); overflow:hidden; border:1px solid #4d7fac70; border-radius:26px; background:radial-gradient(circle at 50% 110%,#1a65a75c,transparent 44%),linear-gradient(145deg,#081a32f2,#030b17f2); box-shadow:0 30px 90px #0009,inset 0 1px #dcf2ff16; }
.brand-bridge::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.28; background:linear-gradient(90deg,transparent 49.8%,#65e0b1 50%,transparent 50.2%); }
.bridge-heading { position:relative; z-index:1; max-width:820px; margin-bottom:30px; }
.bridge-heading h2,.brand-manifesto h2 { margin:0; font-size:clamp(2rem,4.8vw,4.2rem); line-height:.97; letter-spacing:-.05em; }
.bridge-flow { position:relative; z-index:1; display:grid; grid-template-columns:1fr minmax(150px,.55fr) 1fr; gap:14px; align-items:stretch; }
.bridge-panel { display:flex; flex-direction:column; min-height:290px; padding:28px; border:1px solid #3a6e9d75; border-radius:18px; color:inherit; background:linear-gradient(150deg,#0c2342e8,#061226e8); text-decoration:none; transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease; }
.bridge-panel:hover { transform:translateY(-4px); border-color:#7fc4ff; box-shadow:0 22px 52px #0008; }
.bridge-panel-echo { background:radial-gradient(circle at 100% 0,#15624f66,transparent 44%),linear-gradient(150deg,#0c2342e8,#061226e8); }
.bridge-panel span { color:#65e0b1; font-size:.62rem; font-weight:900; letter-spacing:.15em; }
.bridge-panel h3 { margin:40px 0 10px; font-size:clamp(1.5rem,3vw,2.2rem); letter-spacing:-.035em; }
.bridge-panel p { margin:0; color:#91a9c1; font-size:.78rem; line-height:1.65; }
.bridge-panel b { margin-top:auto; padding-top:24px; color:#a9d4fa; font-size:.72rem; }
.bridge-core { display:grid; grid-template-columns:auto 1fr; align-content:center; gap:7px 9px; padding:20px; border:1px solid #65e0b150; border-radius:18px; background:#06162cdb; box-shadow:inset 0 0 45px #1d8c6a17; }
.bridge-core i { display:grid; place-items:center; width:24px; height:24px; color:#061226; border-radius:50%; background:#65e0b1; font-size:.58rem; font-style:normal; font-weight:950; }
.bridge-core strong { align-self:center; color:#dff5ff; font-size:.74rem; text-transform:uppercase; letter-spacing:.09em; }
.bridge-core em { grid-column:1/-1; color:#65e0b1; text-align:center; font-style:normal; }
.bridge-return { position:relative; z-index:1; max-width:790px; margin:28px auto 0; color:#93acc4; font-size:.76rem; line-height:1.65; text-align:center; }
.brand-manifesto { margin:0 0 84px; padding:clamp(30px,6vw,66px); border:1px solid #3d6d9869; border-radius:24px; background:linear-gradient(145deg,#081a34e8,#040c19e8); box-shadow:0 26px 72px #0007; }
.brand-manifesto > p:last-of-type { max-width:840px; color:#9bb1c7; font-size:.92rem; line-height:1.78; }
.brand-manifesto > div { display:grid; grid-template-columns:auto 1fr auto auto 1fr auto auto 1fr; gap:10px; align-items:center; margin-top:34px; padding:18px; border:1px solid #31577967; border-radius:15px; background:#0613269c; }
.brand-manifesto span { color:#65e0b1; font-size:.7rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.brand-manifesto b { color:#a9bfd4; font-size:.7rem; }
.brand-manifesto i { color:#68b5f7; font-style:normal; }
.system-loop { position:relative; margin:0 0 84px; padding:clamp(26px,5vw,52px); overflow:hidden; border:1px solid #3c6e9d70; border-radius:24px; background:radial-gradient(circle at 92% 0,#16428b66,transparent 32%),linear-gradient(145deg,#071a34e8,#040c19e8); box-shadow:0 28px 80px #0008,inset 0 1px #d9efff12; }
.system-loop::after { content:""; position:absolute; right:-90px; bottom:-140px; width:330px; height:330px; border:1px solid #65e0b138; border-radius:50%; box-shadow:0 0 0 28px #4b91dc12,0 0 0 56px #65e0b10c; }
.loop-heading { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.9fr) minmax(260px,1.1fr); gap:14px 40px; align-items:end; }
.loop-heading .seo-eyebrow { grid-column:1/-1; }
.loop-heading h2 { margin:0; max-width:620px; font-size:clamp(2rem,4vw,3.7rem); line-height:1; letter-spacing:-.045em; }
.loop-heading > p:last-child { margin:0; color:#8fa8c1; font-size:.83rem; line-height:1.65; }
.loop-rail { position:relative; z-index:1; display:grid; grid-template-columns:repeat(6,1fr); margin-top:36px; }
.loop-rail article { position:relative; min-height:190px; padding:18px 16px; border:1px solid #31577967; background:#07152aa8; }
.loop-rail article:first-child { border-radius:14px 0 0 14px; }
.loop-rail article:last-child { border-radius:0 14px 14px 0; }
.loop-rail article + article { border-left:0; }
.loop-rail article:not(:last-child)::after { content:"→"; position:absolute; z-index:2; top:23px; right:-11px; display:grid; place-items:center; width:22px; height:22px; color:#04101f; border-radius:50%; background:#65e0b1; font-weight:950; }
.loop-rail i,.loop-rail strong,.loop-rail span { display:block; }
.loop-rail i { color:#65e0b1; font-size:.62rem; font-style:normal; font-weight:900; letter-spacing:.12em; }
.loop-rail strong { margin-top:28px; color:#eff8ff; font-size:1rem; }
.loop-rail span { margin-top:8px; color:#8099b3; font-size:.66rem; line-height:1.5; }
.loop-return { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; gap:11px; margin:18px auto 0; color:#7792ad; font-size:.65rem; text-transform:uppercase; letter-spacing:.08em; }
.loop-return span { padding:7px 10px; border:1px solid #37658a; border-radius:999px; color:#a9c5df; background:#07162b; }
.loop-return b { color:#65e0b1; }
.seo-footer { display:grid; grid-template-columns:1fr auto; align-items:center; gap:18px; padding:28px 0 42px; border-top:1px solid #28476a66; color:#7087a1; font-size:.67rem; }
.seo-footer-meta { display:flex; flex-wrap:wrap; gap:9px 18px; align-items:center; }
.seo-footer-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.seo-footer-links a { padding:8px 10px; border:1px solid #345b8463; border-radius:9px; color:#9ab8d6; background:#06132699; text-decoration:none; transition:border-color 160ms ease,transform 160ms ease; }
.seo-footer-links a:hover { border-color:#75b8f5; transform:translateY(-1px); }
.legal-hero { padding-bottom:36px; }
.legal-hero h1 { font-size:clamp(3rem,7vw,6rem); }
.legal-copy { max-width:920px; margin:0 auto 72px; padding:clamp(24px,5vw,54px); border:1px solid #2c4b714f; border-radius:22px; background:linear-gradient(150deg,#09172ada,#050f1dcc); box-shadow:0 28px 90px #0007; }
.legal-copy section + section { margin-top:30px; padding-top:26px; border-top:1px solid #29456266; }
.legal-copy h2 { margin:0 0 10px; color:#e9f4ff; font-size:clamp(1.1rem,2vw,1.45rem); letter-spacing:-.02em; }
.legal-copy p,.legal-copy li { color:#9fb5ca; font-size:.94rem; line-height:1.75; }
.legal-copy a { color:#82baff; }
.legal-copy ul { padding-left:1.2rem; }
@media (max-width:760px){.seo-nav{align-items:flex-start}.seo-links{gap:7px}.nav-branch summary{padding:10px 2px;font-size:.67rem}.nav-menu{position:fixed;top:75px;right:17px!important;left:17px!important;width:auto}.nav-menu::before{display:none}.seo-book{padding:10px;font-size:.64rem}.seo-grid,.executive-proof{grid-template-columns:1fr}.seo-section,.loop-heading{grid-template-columns:1fr}.bridge-flow{grid-template-columns:1fr}.bridge-core{grid-template-columns:auto 1fr auto 1fr auto 1fr}.bridge-core em{grid-column:auto;transform:rotate(-90deg)}.bridge-panel{min-height:245px}.brand-manifesto>div{grid-template-columns:auto 1fr}.brand-manifesto i{display:none}.loop-rail{grid-template-columns:1fr}.loop-rail article,.loop-rail article:first-child,.loop-rail article:last-child{min-height:auto;border:1px solid #31577967;border-radius:0}.loop-rail article:first-child{border-radius:14px 14px 0 0}.loop-rail article:last-child{border-radius:0 0 14px 14px}.loop-rail article+article{border-top:0}.loop-rail article:not(:last-child)::after{top:auto;right:18px;bottom:-11px;content:"↓"}.loop-rail strong{margin-top:10px}.loop-return{align-items:stretch;flex-direction:column;text-align:center}.seo-hero h1{font-size:clamp(2.6rem,14vw,4.6rem)}.seo-hero::before{right:-42%;opacity:.38}.seo-hero::after{right:-60%;opacity:.45}.seo-footer{grid-template-columns:1fr}.seo-footer-links{justify-content:flex-start}}