:root{
  --black:#050505;--panel:#0b0b0c;--panel2:#111113;--line:#242426;
  --text:#f7f5ef;--muted:#9a9892;--gold:#d9a441;--gold2:#ffcf69;--good:#76d9a1;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}.intro{position:fixed;inset:0;z-index:1000;background:#000;overflow:hidden;transition:opacity .75s ease,visibility .75s}
.intro.done{opacity:0;visibility:hidden;pointer-events:none}.intro video{width:100%;height:100%;object-fit:cover;display:block}
.intro-shade{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 35%,rgba(0,0,0,.18) 65%,rgba(0,0,0,.72) 100%)}
.skip{position:absolute;right:28px;top:24px;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.32);backdrop-filter:blur(10px);color:#fff;border-radius:999px;padding:10px 15px;cursor:pointer}
.intro-end{position:absolute;inset:0;display:grid;place-content:center;text-align:center;opacity:0;transition:opacity .35s}.intro-end.show{opacity:1}
.mark{font-weight:900;font-size:clamp(54px,10vw,140px);letter-spacing:-.08em}.intro-kicker{letter-spacing:.52em;font-size:12px;color:var(--gold2);margin-left:.52em}
main{min-height:100vh}.topbar{height:76px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:34px;padding:0 max(24px,5vw);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,5,5,.82);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.03em;font-size:18px;white-space:nowrap}.brand b{color:var(--gold2)}.brand-dot{width:12px;height:12px;border:2px solid var(--gold2);border-radius:50%;box-shadow:0 0 16px rgba(255,207,105,.45)}
nav{display:flex;gap:26px;margin:auto;font-size:13px;color:#c7c4bd}nav a:hover{color:#fff}.status{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px;white-space:nowrap}.status i{width:7px;height:7px;border-radius:50%;background:#777}.status.ready i{background:var(--good);box-shadow:0 0 10px rgba(118,217,161,.55)}
.hero{min-height:calc(100vh - 76px);padding:13vh max(24px,8vw) 80px;position:relative;overflow:hidden;background:
radial-gradient(circle at 70% 30%,rgba(217,164,65,.10),transparent 28%),
linear-gradient(180deg,#050505 0%,#080808 100%)}
.hero:after{content:"";position:absolute;right:-10vw;top:6vh;width:44vw;height:44vw;border:1px solid rgba(217,164,65,.12);border-radius:50%;box-shadow:0 0 120px rgba(217,164,65,.06)}
.eyebrow{font-size:11px;letter-spacing:.24em;color:var(--gold2);font-weight:800;margin-bottom:20px}.hero h1{font-size:clamp(58px,9vw,132px);line-height:.88;letter-spacing:-.075em;margin:0;max-width:1050px;position:relative;z-index:2}.hero h1 span{color:#77736c}
.lead{max-width:710px;color:#aaa7a0;font-size:clamp(18px,2vw,24px);line-height:1.55;margin:38px 0 34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.primary,.secondary{padding:15px 21px;border-radius:12px;font-size:14px;font-weight:750}.primary{background:var(--gold2);color:#111}.secondary{border:1px solid #323234;background:#0c0c0d}
.problem-strip{display:flex;gap:14px;flex-wrap:wrap;margin-top:70px;padding-top:22px;border-top:1px solid #1e1e20;color:#77746e;font-size:14px}.problem-strip strong{color:#e5e1d9}
section:not(.hero):not(.intro){padding:110px max(24px,8vw)}.section-copy{max-width:690px}.section-copy h2,.impact h2{font-size:clamp(36px,5vw,68px);line-height:1;letter-spacing:-.055em;margin:0 0 20px}.section-copy p{color:var(--muted);font-size:18px;line-height:1.65}.centered{text-align:center;margin:0 auto 54px;max-width:820px}
.demo-section{background:#080809}.demo-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;margin-top:48px}
.upload-card,.result-card,.tools article,.criteria article,.impact-grid article{border:1px solid var(--line);background:linear-gradient(180deg,#101011,#0b0b0c);border-radius:20px}
.upload-card,.result-card{padding:22px}.card-head{display:flex;align-items:center;gap:13px;margin-bottom:20px}.card-head>span{display:grid;place-content:center;width:34px;height:34px;border:1px solid #363638;border-radius:10px;color:var(--gold2);font-size:11px}.card-head div{display:grid;gap:3px}.card-head small{color:#777;font-size:11px}
.dropzone{min-height:320px;border:1px dashed #363638;border-radius:16px;display:grid;place-items:center;position:relative;overflow:hidden;background:#080809;cursor:pointer}.dropzone input{display:none}.dropzone img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dropzone.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.45))}
#dropPrompt{text-align:center;color:#817f7a;display:grid;gap:7px;position:relative;z-index:2}.scan-icon{font-size:44px;color:var(--gold2)}#dropPrompt b{color:#ddd9d1}.scan-line{display:none;position:absolute;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);box-shadow:0 0 18px var(--gold2);z-index:3;animation:scan 2.2s ease-in-out infinite}.dropzone.scanning .scan-line{display:block}@keyframes scan{0%,100%{top:10%;opacity:.2}50%{top:90%;opacity:1}}
.field{display:grid;gap:8px;margin-top:18px}.field span{font-size:12px;color:#bbb}.field em{font-style:normal;color:#666}.field input{background:#09090a;border:1px solid #2b2b2d;color:#fff;padding:14px;border-radius:11px;outline:none}.field input:focus{border-color:#67502a}
.analyze{width:100%;margin-top:14px;padding:15px;border:0;border-radius:11px;background:var(--gold2);color:#111;font-weight:850;cursor:pointer}.analyze:disabled{opacity:.55;cursor:wait}.micro{font-size:11px;color:#686762;line-height:1.5}
.pipeline{display:grid;gap:10px}.stage{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;padding:15px 14px;background:#09090a;border:1px solid #1e1e20;border-radius:12px}.stage i{width:8px;height:8px;border-radius:50%;background:#555}.stage.done i{background:var(--good);box-shadow:0 0 10px rgba(118,217,161,.4)}.stage span{font-size:12px;color:#85837d}.stage strong{font-size:12px;max-width:260px;text-align:right}
.candidate-list{margin-top:15px}.empty-result{min-height:142px;border:1px dashed #262628;border-radius:12px;display:grid;place-content:center;text-align:center;color:#65645f;font-size:13px;padding:20px}.candidate{padding:15px;border:1px solid #242426;border-radius:12px;margin-top:9px;background:#0a0a0b}.candidate.top{border-color:#67502a}.candidate b{display:block}.candidate span{color:#76736d;font-size:12px}.candidate small{display:inline-block;margin-top:8px;color:var(--gold2)}
.webmcp-section{background:#050505}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tools article{padding:22px}.tool-top{display:grid;gap:8px}.tool-top span{font-size:10px;color:var(--gold2);letter-spacing:.2em}.tool-top b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.tools p{color:#8c8983;line-height:1.55}.tools code{font-size:11px;color:#67655f}.mcp-note{max-width:860px;margin:28px auto 0;text-align:center;color:#74716b;font-size:13px}
.impact{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;background:#0a0a0b}.impact-grid{display:grid;gap:12px}.impact-grid article{padding:20px}.impact-grid p{color:#85827c;line-height:1.55}
.challenge{background:#060606}.criteria{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.criteria article{padding:20px}.criteria span{color:var(--gold2);font-size:11px}.criteria b{display:block;margin:20px 0 10px}.criteria p{font-size:13px;color:#85827c;line-height:1.5}
.before-after{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:35px;background:linear-gradient(90deg,#0a0a0a,#10100d,#0a0a0a);border-block:1px solid #222}.before-after span{font-size:10px;letter-spacing:.2em;color:var(--gold2)}.before-after p{font-size:20px;line-height:1.45;color:#d6d2c9}.arrow{font-size:34px;color:#655236}
footer{padding:44px max(24px,8vw);display:flex;justify-content:space-between;align-items:center;color:#777;border-top:1px solid #18181a}footer div{display:grid;gap:5px}footer b{color:#ddd}footer span,footer a{font-size:12px}
@media(max-width:900px){nav{display:none}.topbar{gap:14px}.status{margin-left:auto}.demo-grid,.impact,.criteria{grid-template-columns:1fr}.tools{grid-template-columns:1fr}.before-after{grid-template-columns:1fr!important}.arrow{transform:rotate(90deg);justify-self:center}.hero{padding-top:11vh}.dropzone{min-height:270px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro{display:none}.scan-line{animation:none}}