:root { --bg:#08090a; --surface:rgba(255,255,255,.03); --surface2:rgba(255,255,255,.02); --border:rgba(255,255,255,.09); --border2:rgba(255,255,255,.055); --text:#f7f8f8; --text2:#d0d6e0; --text3:#8a8f98; --accent:#7170ff; --cyan:#70e4ff; --max:1180px; }
    * { box-sizing:border-box; }
    body { margin:0; font-family:'Inter',system-ui,sans-serif; font-feature-settings:"cv01","ss03"; color:var(--text); background:linear-gradient(180deg,#090a0d 0%,#08090a 100%); overflow-x:hidden; }
    body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.18; background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px); background-size:40px 40px; mask-image:radial-gradient(circle at center,rgba(0,0,0,.9),transparent 85%); }
    body::after { content:""; position:fixed; width:520px; height:520px; right:-190px; top:120px; pointer-events:none; border-radius:50%; filter:blur(26px); background:radial-gradient(circle,rgba(112,228,255,.14),rgba(113,112,255,.05) 40%,transparent 70%); }
    a { color:inherit; text-decoration:none; } .shell { width:min(calc(100% - 40px),var(--max)); margin:0 auto; }
    .nav { position:sticky; top:0; z-index:10; backdrop-filter:blur(14px); background:rgba(8,9,10,.72); border-bottom:1px solid var(--border2); } .nav-inner { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
    .brand { display:flex; align-items:center; gap:12px; font-size:14px; font-weight:600; }.brand-mark { width:40px; height:40px; display:grid; place-items:center; border:1px solid var(--border); border-radius:12px; background:rgba(255,255,255,.03); }.link-row { display:flex; gap:8px; flex-wrap:wrap; }.pill { padding:9px 12px; border:1px solid var(--border2); border-radius:999px; color:var(--text2); background:rgba(255,255,255,.02); font-size:13px; }
    .hero { padding:74px 0 40px; }.kicker { display:inline-flex; gap:9px; align-items:center; margin-bottom:20px; padding:8px 12px; border:1px solid var(--border2); border-radius:999px; color:var(--text2); background:rgba(255,255,255,.03); font-size:13px; }.kicker i { width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 15px var(--cyan); } h1 { max-width:980px; margin:0; font-size:clamp(2.5rem,6vw,4.3rem); line-height:1.01; letter-spacing:-1.35px; } .lead { max-width:830px; margin:20px 0 0; color:var(--text2); font-size:18px; line-height:1.75; }
    .signal-board { display:grid; grid-template-columns:1.1fr .9fr; gap:20px; margin-top:32px; }.board,.visual { overflow:hidden; border:1px solid var(--border); border-radius:22px; background:linear-gradient(180deg,var(--surface),var(--surface2)); box-shadow:inset 0 0 34px rgba(113,112,255,.07),0 18px 40px rgba(0,0,0,.25); }.board { padding:26px; position:relative; }.board::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.5; background:linear-gradient(130deg,transparent 0 48%,rgba(112,228,255,.05) 49%,transparent 50%); }.board>* { position:relative; z-index:1; }.board-top { display:flex; justify-content:space-between; color:var(--text3); font-size:12px; letter-spacing:.1em; text-transform:uppercase; }.status { color:#a8f2ff; }.metric-row { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:26px 0; }.metric { padding:15px; border:1px solid var(--border2); border-radius:16px; background:rgba(0,0,0,.16); }.metric strong { display:block; font-size:22px; }.metric span { display:block; margin-top:6px; color:var(--text3); font-size:12px; line-height:1.5; }.line { display:grid; grid-template-columns:1fr 80px; gap:14px; align-items:center; padding:13px 0; border-top:1px solid var(--border2); font-size:14px; }.bar { height:7px; overflow:hidden; border-radius:9px; background:rgba(255,255,255,.06); }.bar b { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--accent),var(--cyan)); }.visual img { display:block; width:100%; height:100%; min-height:360px; object-fit:cover; opacity:.86; }.visual-caption { margin-top:-43px; position:relative; padding:13px 16px; background:rgba(8,9,10,.78); color:var(--text3); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
    .section { padding:18px 0 38px; }.section-kicker { color:#a8f2ff; font-size:12px; letter-spacing:.11em; text-transform:uppercase; }.section h2 { max-width:860px; margin:10px 0 14px; font-size:clamp(1.9rem,4vw,3rem); letter-spacing:-.9px; line-height:1.08; }.section-intro { max-width:790px; color:var(--text2); line-height:1.75; }
    .process { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; margin-top:24px; }.step { min-height:175px; padding:20px; border:1px solid var(--border); border-radius:18px; background:linear-gradient(180deg,var(--surface),var(--surface2)); position:relative; }.step-number { display:block; margin-bottom:28px; color:#a8f2ff; font-size:12px; letter-spacing:.1em; }.step h3 { margin:0 0 10px; font-size:18px; }.step p { margin:0; color:var(--text3); font-size:13px; line-height:1.7; }
    .grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:22px; }.card { padding:23px; border:1px solid var(--border); border-radius:20px; background:linear-gradient(180deg,var(--surface),var(--surface2)),url('/assets/texture-cyberpunk-v1.webp') center/cover; box-shadow:inset 0 0 24px rgba(113,112,255,.06); }.card-label { color:#a8f2ff; font-size:11px; letter-spacing:.1em; text-transform:uppercase; }.card h3 { margin:13px 0 10px; font-size:21px; }.card p,.card li { color:var(--text2); font-size:14px; line-height:1.75; }.card ul { margin:14px 0 0; padding-left:18px; color:var(--text3); }
    .closing { margin:20px 0 56px; padding:28px; border:1px solid rgba(112,228,255,.18); border-radius:22px; background:linear-gradient(110deg,rgba(113,112,255,.11),rgba(112,228,255,.05)); }.closing h2 { margin:0 0 12px; }.closing p { max-width:780px; margin:0; color:var(--text2); line-height:1.75; }.chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }.chip { padding:10px 13px; border:1px solid var(--border2); border-radius:999px; background:rgba(0,0,0,.14); color:var(--text2); font-size:13px; }
    .footer { padding:28px 0 56px; border-top:1px solid var(--border2); color:var(--text3); font-size:13px; }
    @media(max-width:980px){.signal-board{grid-template-columns:1fr}.process,.grid{grid-template-columns:1fr 1fr}.visual img{min-height:260px}} @media(max-width:700px){.shell{width:min(calc(100% - 24px),var(--max))}.nav-inner{flex-direction:column;align-items:flex-start;padding:12px 0}.link-row{display:flex;width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.link-row::-webkit-scrollbar{display:none}.hero{padding-top:48px}.lead{font-size:16px}.process,.grid,.metric-row{grid-template-columns:1fr}.step{min-height:auto}}

.csp-inline-1 { width: 92% !important; }

.csp-inline-2 { width: 74% !important; }

.csp-inline-3 { width: 86% !important; }