:root{
  --bg:#090c11;--panel:#0f141c;--panel2:#131a24;--text:#f3f6f9;--muted:#96a3b3;
  --line:#253040;--accent:#7de1d1;--accent2:#9ab8ff;--warm:#ffd08a;--danger:#ff9f9f;
  --max:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 5%,rgba(125,225,209,.08),transparent 30%),radial-gradient(circle at 90% 30%,rgba(154,184,255,.08),transparent 26%);z-index:-2}
a{color:inherit;text-decoration:none}button{font:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:14px max(24px,calc((100vw - var(--max))/2));backdrop-filter:blur(16px);background:rgba(9,12,17,.78);border-bottom:1px solid rgba(255,255,255,.07)}
.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;color:var(--accent);font-weight:800}.brand b{font-size:14px;letter-spacing:.01em}.topbar nav{display:flex;gap:24px}.topbar nav a{color:var(--muted);font-size:14px}.topbar nav a:hover{color:var(--text)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid var(--accent);background:var(--accent);color:#07100f;border-radius:10px;font-weight:800;cursor:pointer}.button.ghost{background:transparent;color:var(--text);border-color:var(--line)}.button.small{min-height:38px;padding:0 14px;font-size:13px}
.hero{max-width:var(--max);margin:auto;min-height:760px;padding:105px 24px 90px;display:grid;grid-template-columns:1.18fr .82fr;gap:70px;align-items:center}.eyebrow,.mini-label{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--accent);text-transform:uppercase}.hero h1{font-size:clamp(48px,6vw,84px);line-height:.98;letter-spacing:-.055em;margin:16px 0 24px}.hero h1 em{font-style:normal;color:var(--accent)}.lede{max-width:720px;color:#b9c4cf;font-size:19px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:58px}.proof-strip div{background:var(--bg);padding:16px}.proof-strip strong{display:block;font-size:19px;color:var(--text)}.proof-strip span{font-size:12px;color:var(--muted)}
.hero-system{position:relative}.orbit{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;max-width:430px;margin:20px auto;background:radial-gradient(circle,rgba(125,225,209,.07),transparent 60%)}.orbit:before,.orbit:after{content:"";position:absolute;inset:15%;border:1px dashed #263546;border-radius:50%}.orbit:after{inset:31%}.orbit .core{position:absolute;inset:35%;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--panel2);border:1px solid #324052;z-index:3}.core span{font-size:9px;letter-spacing:.14em;color:var(--muted)}.core b{font-size:18px}.orbit button{position:absolute;border:1px solid var(--line);background:#0e141d;color:var(--text);border-radius:999px;padding:9px 12px;cursor:pointer;font-size:12px;z-index:4;transition:.2s}.orbit button:hover,.orbit button.active{border-color:var(--accent);color:var(--accent);transform:scale(1.05)}.orbit button:nth-child(1){top:-3%;left:38%}.orbit button:nth-child(2){top:22%;right:-8%}.orbit button:nth-child(3){bottom:18%;right:-5%}.orbit button:nth-child(4){bottom:-3%;left:41%}.orbit button:nth-child(5){bottom:18%;left:-4%}.orbit button:nth-child(6){top:22%;left:-6%}.orbit-detail{color:var(--muted);font-size:13px;min-height:42px;text-align:center}
.section{max-width:var(--max);margin:auto;padding:96px 24px}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;margin-bottom:34px}.section-head h2,.final-cta h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.04em;line-height:1.02;margin:8px 0}.section-head>p{color:var(--muted);max-width:500px}
.project-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:12px}.project-tabs button{white-space:nowrap;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:11px 15px;cursor:pointer}.project-tabs button.active{background:var(--text);color:var(--bg);border-color:var(--text)}.case-shell{border:1px solid var(--line);background:linear-gradient(180deg,#101720,#0c1118);border-radius:18px;overflow:hidden}.case-intro{display:grid;grid-template-columns:1fr 220px;gap:40px;padding:34px}.case-intro h3{font-size:38px;letter-spacing:-.035em;margin:5px 0}.case-subtitle{color:var(--accent2);font-weight:700}.case-intro p:not(.eyebrow):not(.case-subtitle){color:var(--muted);max-width:760px}.case-metric{align-self:center;border-left:1px solid var(--line);padding-left:28px}.case-metric strong{display:block;font-size:35px;color:var(--accent)}.case-metric span{color:var(--muted);font-size:13px}.architecture-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 34px}.case-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.case-toolbar span{font-weight:800}.case-toolbar button{background:transparent;color:var(--accent);border:0;cursor:pointer}.architecture-flow{display:flex;align-items:center;gap:6px;overflow:auto;padding:5px 0 10px}.arch-node{min-width:126px;min-height:72px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;text-align:center;padding:8px;font-size:12px;color:#bdc8d3;transition:.3s}.arch-node.active{border-color:var(--accent);background:rgba(125,225,209,.08);color:var(--text)}.arch-arrow{color:#4b5d70}.case-body{display:grid;grid-template-columns:250px 1fr;min-height:365px}.case-body aside{padding:28px;border-right:1px solid var(--line)}.stage-nav{display:grid;gap:5px}.stage-nav button{text-align:left;border:0;border-left:2px solid transparent;background:transparent;color:var(--muted);padding:8px 10px;cursor:pointer;font-size:13px}.stage-nav button.active{border-left-color:var(--accent);color:var(--text);background:rgba(125,225,209,.05)}.stage-panel{padding:38px;display:flex;flex-direction:column;justify-content:center}.stage-count{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em}.stage-panel h4{font-size:32px;margin:6px 0 12px}.stage-panel>p:not(.stage-count){color:#b8c3ce;font-size:18px;max-width:760px}.decision-note{margin-top:26px;padding:16px 18px;border-left:3px solid var(--accent2);background:#111923;color:#aeb9c5;font-size:13px}.stack-row{display:flex;gap:18px;align-items:flex-start;padding:22px 34px;border-top:1px solid var(--line)}.stack-row>span{font-size:12px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.12em;padding-top:7px}.stack-row div{display:flex;flex-wrap:wrap;gap:7px}.stack-row b{font-size:11px;border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:#bdc7d1}
.skills-section{padding-top:110px}.skill-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.skill-list{display:grid;gap:8px}.skill-btn{display:grid;grid-template-columns:1fr auto;gap:14px;text-align:left;padding:16px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text);cursor:pointer}.skill-btn span{color:var(--muted)}.skill-btn.active{border-color:var(--accent);background:rgba(125,225,209,.06)}.skill-detail{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:28px}.skill-detail h3{font-size:34px;margin:5px 0}.skill-score{display:flex;align-items:baseline;gap:6px}.skill-score span{font-size:54px;font-weight:900;color:var(--accent)}.skill-score small{color:var(--muted)}.skill-detail>p:not(.mini-label){color:var(--muted)}.radar-shell{margin-top:18px;border-top:1px solid var(--line);padding-top:20px}.radar-shell canvas{width:100%;height:auto}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}.timeline-item{position:relative;padding:30px 20px 10px;border-right:1px solid var(--line)}.timeline-item:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);top:-5px;left:20px}.timeline-item time{color:var(--accent);font-size:12px;font-weight:800}.timeline-item h3{font-size:20px;margin:8px 0 2px}.timeline-item b{font-size:13px;color:var(--accent2)}.timeline-item p{font-size:13px;color:var(--muted)}
.approach-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.approach-grid button{min-height:116px;text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:14px;border-radius:10px;cursor:pointer}.approach-grid button span{display:block;color:var(--accent);font-size:12px;margin-bottom:18px}.approach-grid button.active{border-color:var(--accent);background:rgba(125,225,209,.06)}.approach-detail{margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:24px;color:#bac5d0;min-height:96px}.final-cta{text-align:center;padding-top:120px;padding-bottom:120px}.final-cta>p:not(.eyebrow){max-width:780px;margin:20px auto;color:var(--muted);font-size:18px}.final-cta .hero-actions{justify-content:center}.contact-line{margin-top:34px;color:var(--muted);font-size:13px}
.contact-section{padding-top:30px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.contact-copy,.contact-form{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:30px}.contact-copy h3{font-size:30px;letter-spacing:-.03em;margin:6px 0}.contact-copy>p:not(.mini-label),.contact-location{color:var(--muted)}.contact-email{display:inline-block;margin-top:14px;color:var(--accent);font-size:18px;font-weight:800;text-decoration:underline;text-underline-offset:4px}.contact-location{font-size:13px;margin-top:28px}.contact-form{display:grid;gap:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:block;color:#bdc8d3;font-size:13px;font-weight:700;margin-bottom:7px}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#0b1017;color:var(--text);padding:12px 13px;font:inherit}.contact-form textarea{resize:vertical;min-height:130px}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.form-footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.form-footer p{margin:0;color:var(--muted);font-size:12px}
dialog{max-width:760px;border:1px solid var(--line);border-radius:16px;background:#0e141c;color:var(--text);padding:34px;box-shadow:0 30px 120px #000}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}dialog h2{font-size:40px;line-height:1.05;margin:8px 0 16px}dialog>p:not(.eyebrow){color:var(--muted)}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:var(--muted);font-size:30px;cursor:pointer}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.dialog-grid div{border:1px solid var(--line);padding:16px;border-radius:10px}.dialog-grid b{display:block;color:var(--accent);margin-bottom:5px}.dialog-grid span{font-size:13px;color:var(--muted)}
.cursor-glow{position:fixed;width:280px;height:280px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(125,225,209,.075),transparent 65%);transform:translate(-50%,-50%);z-index:-1}
@media(max-width:900px){
 .topbar nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-system{max-width:520px;width:100%;margin:auto}.proof-strip{grid-template-columns:1fr 1fr}.section-head{grid-template-columns:1fr}.case-intro{grid-template-columns:1fr}.case-metric{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.case-body{grid-template-columns:1fr}.case-body aside{border-right:0;border-bottom:1px solid var(--line)}.stage-nav{display:flex;overflow:auto}.stage-nav button{white-space:nowrap;border-left:0;border-bottom:2px solid transparent}.stage-nav button.active{border-bottom-color:var(--accent)}.skill-layout,.contact-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.approach-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
 .topbar{padding:12px 16px}.brand b{display:none}.hero,.section{padding-left:16px;padding-right:16px}.hero h1{font-size:50px}.proof-strip{grid-template-columns:1fr}.orbit{max-width:330px}.orbit button{font-size:10px;padding:7px}.case-intro,.architecture-wrap,.stage-panel,.stack-row,.contact-copy,.contact-form{padding-left:20px;padding-right:20px}.case-intro h3{font-size:30px}.case-body aside{padding:20px}.timeline{grid-template-columns:1fr}.approach-grid,.form-row{grid-template-columns:1fr}.dialog-grid{grid-template-columns:1fr}dialog{padding:26px 20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.cursor-glow{display:none}}