:root{--ink:#172033;--soft:#35415a;--muted:#6d768a;--paper:#f2f4f8;--surface:#fff;--line:#d9dfeb;--accent:#4b53d4;--accent-dark:#353ca9;--accent-soft:#e9eaff;--mint:#38b98a;--mint-soft:#ddf6ec;--navy:#182238;--rose:#df6aa6;--rose-soft:#f9e3ef;--legacy:#737b8d;--legacy-soft:#eceef2;--shadow:0 26px 76px rgba(28,39,65,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.nav-shell{width:min(1180px,calc(100% - 40px));min-height:84px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:15px;font-weight:850;letter-spacing:-.02em}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:15px 15px 15px 5px;background:linear-gradient(145deg,#6670ee,var(--accent));color:#fff;box-shadow:0 8px 22px rgba(75,83,212,.24);font-size:11px;font-weight:900;letter-spacing:-.04em}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:750}.nav-links a:hover,.nav-links a:focus-visible{color:var(--accent)}.nav-cta{padding:10px 16px;border:1px solid #c9cdf7;border-radius:999px;background:rgba(255,255,255,.6);color:var(--accent)!important}.hero{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:96px 0 90px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.8fr);gap:76px;align-items:end}.eyebrow{margin:0 0 20px;color:var(--accent);font-size:11px;line-height:1.4;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.hero h1{max-width:820px;margin:0;font-size:clamp(52px,6.35vw,88px);line-height:.98;letter-spacing:-.06em;font-weight:760}.hero-lede{max-width:740px;margin:30px 0 0;color:var(--muted);font-size:clamp(18px,2vw,22px);line-height:1.64}.hero-actions{margin-top:40px;display:flex;flex-wrap:wrap;gap:12px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 22px;border:0;border-radius:999px;text-decoration:none;font-size:14px;font-weight:820;transition:transform .16s ease,background .16s ease}.button:hover{transform:translateY(-2px)}.button:focus-visible,.project-card a:focus-visible{outline:3px solid rgba(75,83,212,.24);outline-offset:3px}.button-primary{background:var(--accent);color:#fff;box-shadow:0 12px 26px rgba(75,83,212,.18)}.button-primary:hover{background:var(--accent-dark)}.button-secondary{border:1px solid var(--line);background:rgba(255,255,255,.72)}.signature{margin:21px 0 0;color:#8a93a6;font-size:11px}.hero-visual{padding:27px;border:1px solid #36435d;border-radius:28px;background:var(--navy);color:#f8faff;box-shadow:var(--shadow)}.visual-topline{display:flex;align-items:center;gap:9px;color:#b7c0d3;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.live-dot,.status i{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(56,185,138,.13)}.system-stack{margin-top:26px;display:grid;gap:10px}.system-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.system-card{min-height:132px;padding:18px;display:flex;flex-direction:column;border:1px solid #3b4861;border-radius:18px;background:#202c44}.system-card-main{min-height:155px;background:linear-gradient(135deg,#5059d0,#3f48bb);border-color:#6972e8}.system-card-art{background:#382b42;border-color:#59445e}.system-card-legacy{background:#293142;border-color:#4a5365}.system-card span{color:#aeb8cc;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.system-card-main span{color:#d8dbff}.system-card strong{margin-top:auto;font-size:17px;letter-spacing:-.025em}.system-card-main strong{font-size:22px}.system-card small{margin-top:5px;color:#aeb8cc;font-size:9px}.system-card-main small{color:#d8dbff}.visual-note{margin:19px 0 0;color:#aeb8cc;font-size:10px;line-height:1.55}.section{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:94px 0;border-top:1px solid var(--line)}.section-heading{max-width:770px}.section h2{margin:0;font-size:clamp(35px,4vw,53px);line-height:1.04;letter-spacing:-.05em}.section-heading>p:last-child{margin:22px 0 0;color:var(--muted);font-size:18px;line-height:1.72}.project-grid{margin-top:52px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.project-card{min-height:390px;padding:28px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.72)}.project-card-featured{grid-row:span 2;min-height:795px;background:var(--navy);border-color:var(--navy);color:#f8faff}.project-card-art{background:linear-gradient(145deg,#fff9fc,#f7e7f1);border-color:#ead0df}.project-card-legacy{background:linear-gradient(145deg,#f7f8fa,#eceef2);border-color:#d5d9e1}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:20px}.project-monogram{width:47px;height:47px;display:grid;place-items:center;border:1px solid #cbd1df;border-radius:16px;color:var(--accent);font-size:11px;font-weight:900}.project-card-featured .project-monogram{border-color:#4a5872;background:#212e48;color:#aeb6ff}.project-monogram-art{border-color:#e8bed5;background:var(--rose-soft);color:#a73570}.project-monogram-legacy{border-color:#c9ced8;background:#e3e6eb;color:#5c6474}.status{padding:8px 11px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.status-live{background:#26344f;color:#c8d1e2}.status-soon{background:var(--accent-soft);color:var(--accent-dark)}.status-online{background:#f4dbea;color:#8d2e61}.status-online i{background:var(--rose);box-shadow:0 0 0 4px rgba(223,106,166,.13)}.status-legacy{background:#e0e3e8;color:#5d6575}.card-content{margin-top:auto;padding-top:70px}.card-kicker{margin:0 0 11px;color:#8a93a6;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.project-card-featured .card-kicker{color:#aab4c8}.card-content h3{margin:0;font-size:31px;letter-spacing:-.045em}.project-card-featured .card-content h3{font-size:46px}.card-content>p:last-child{max-width:560px;margin:14px 0 0;color:var(--muted);font-size:14px;line-height:1.72}.project-card-featured .card-content>p:last-child{color:#b9c3d6;font-size:16px}.card-footer{margin-top:29px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line)}.project-card-featured .card-footer{border-color:#36435d}.project-card-art .card-footer{border-color:#ead0df}.project-card-legacy .card-footer{border-color:#d6dae2}.card-footer>div{display:flex;flex-wrap:wrap;gap:6px}.card-footer>div span{padding:6px 8px;border-radius:999px;background:#e8ecf4;color:var(--soft);font-size:9px;font-weight:750}.project-card-featured .card-footer>div span{background:#26344f;color:#c8d1e2}.project-card-art .card-footer>div span{background:#f4dbea;color:#80325b}.project-card-legacy .card-footer>div span{background:#dfe3e9;color:#5c6474}.card-footer>a,.disabled-link{color:var(--accent);text-decoration:none;font-size:11px;font-weight:850;white-space:nowrap}.project-card-featured .card-footer>a{color:#b8beff}.project-card-art .card-footer>a{color:#9b3469}.project-card-legacy .card-footer>a{color:#5c6474}.card-footer>a:hover{text-decoration:underline}.disabled-link{color:#979fb0}.approach{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px}.principles{border-top:1px solid var(--line)}.principles article{padding:22px 0;display:grid;grid-template-columns:48px 1fr;gap:18px;border-bottom:1px solid var(--line)}.principles article>span{color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.1em}.principles h3{margin:0;font-size:18px;letter-spacing:-.025em}.principles p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.roadmap{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.roadmap ol{margin:0;padding:0;display:grid;gap:10px;list-style:none}.roadmap li{padding:21px 22px 21px 54px;position:relative;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.6)}.roadmap li::before{content:"";width:11px;height:11px;position:absolute;left:23px;top:27px;border:2px solid #aab2c2;border-radius:50%}.roadmap li.is-current::before{border-color:var(--mint);background:var(--mint);box-shadow:0 0 0 5px var(--mint-soft)}.roadmap li span{display:block;color:#8a93a6;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.roadmap li strong{display:block;margin-top:5px;font-size:15px}.roadmap li p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.final-cta{padding:60px;display:flex;align-items:center;justify-content:space-between;gap:50px;border:0;border-radius:30px;background:linear-gradient(135deg,#182238,#222e49);color:#f8faff}.final-cta h2{font-size:clamp(34px,4vw,50px)}.final-cta>div>p:last-child{max-width:650px;margin:15px 0 0;color:#b9c3d6;font-size:15px;line-height:1.65}.button-light{flex:0 0 auto;background:#f8faff;color:var(--ink)}.footer{width:min(1180px,calc(100% - 40px));margin:94px auto 0;padding:32px 0 44px;display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.footer p{margin:0}.footer div{display:flex;flex-wrap:wrap;gap:20px}.footer a{text-decoration:none}.footer a:hover{color:var(--accent)}@media(max-width:960px){.hero{grid-template-columns:1fr;gap:50px}.project-grid{grid-template-columns:1fr}.project-card-featured{grid-row:auto;min-height:530px}.approach,.roadmap{grid-template-columns:1fr;gap:35px}.final-cta{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.nav-shell,.hero,.section,.footer{width:min(100% - 28px,1180px)}.nav-shell{min-height:72px}.nav-links>a:not(.nav-cta){display:none}.hero{padding:64px 0}.hero h1{font-size:47px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.system-row{grid-template-columns:1fr}.project-card{min-height:390px;padding:22px}.project-card-featured{min-height:500px}.project-card-featured .card-content h3{font-size:38px}.card-footer{align-items:flex-start;flex-direction:column}.approach,.roadmap{gap:28px}.final-cta{padding:38px 24px}.footer{margin-top:64px;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}