:root{--ink: #0e1418;--ink-soft: #1a242c;--fog: #c8d2d8;--mist: #8a9aa6;--paper: #e8eef1;--accent: #2f8f7b;--accent-dim: #1f5f54;--danger: #c45c4a;--glow: rgba(47, 143, 123, .22);--font-display: "Instrument Serif", Georgia, serif;--font-body: "Sora", "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--paper);font-family:var(--font-body);background:var(--ink);-webkit-font-smoothing:antialiased}.page{position:relative;min-height:100dvh;overflow:hidden;background:radial-gradient(1200px 700px at 12% -10%,#1c3340 0%,transparent 55%),radial-gradient(900px 600px at 100% 20%,#163029 0%,transparent 50%),linear-gradient(165deg,#0c1115,#121a20 45%,#0a0f12)}.veil{pointer-events:none;position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:repeating-linear-gradient(105deg,transparent 0 14px,rgba(200,210,216,.03) 14px 15px);animation:drift 28s linear infinite;opacity:.7}.grid-motif{pointer-events:none;position:absolute;right:-8%;top:18%;width:min(48vw,420px);height:min(48vw,420px);background-image:linear-gradient(rgba(200,210,216,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(200,210,216,.07) 1px,transparent 1px);background-size:18px 18px;-webkit-mask-image:radial-gradient(circle at 40% 40%,#000 20%,transparent 70%);mask-image:radial-gradient(circle at 40% 40%,#000 20%,transparent 70%);animation:breathe 7s ease-in-out infinite}.bar-motif{pointer-events:none;position:absolute;left:6%;bottom:12%;width:min(36vw,280px);height:56px;background:linear-gradient(90deg,transparent,rgba(47,143,123,.18),transparent);border-radius:2px;filter:blur(.5px);animation:pulse-bar 4.5s ease-in-out infinite}.hero{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:clamp(4.5rem,14vh,7.5rem) 1.5rem 3rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.brand{margin:0;font-family:var(--font-display);font-size:clamp(4.5rem,14vw,7rem);line-height:.9;letter-spacing:-.03em;color:var(--paper);animation:rise .9s ease-out both}.tagline{margin:.25rem 0 0;font-family:var(--font-display);font-weight:400;font-size:clamp(1.35rem,3.2vw,1.85rem);line-height:1.25;color:var(--fog);max-width:18ch;animation:rise 1s ease-out .08s both}.tagline em{font-style:italic;color:var(--accent)}.lede{margin:0;color:var(--mist);font-size:.95rem;max-width:34ch;line-height:1.55;animation:rise 1.05s ease-out .14s both}.dropzone{margin-top:1.5rem;width:100%;min-height:7.5rem;display:grid;place-items:center;padding:1.5rem;border:1px dashed rgba(200,210,216,.28);background:#0e141859;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:border-color .25s ease,box-shadow .35s ease,background .25s ease;animation:rise 1.1s ease-out .2s both}.dropzone:hover,.dropzone.is-over{border-color:#2f8f7bb3;box-shadow:0 0 0 1px var(--glow),0 18px 40px #00000040;background:#1420248c}.dropzone.is-busy{cursor:wait;animation:pulse-zone 2.2s ease-in-out infinite}.drop-label{font-size:.92rem;color:var(--fog);text-align:center}.stages{list-style:none;margin:1.75rem 0 0;padding:0;width:100%;display:grid;gap:.65rem}.stage{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;padding:.35rem 0;border-bottom:1px solid rgba(200,210,216,.08);opacity:.35;transform:translateY(4px);transition:opacity .35s ease,transform .35s ease}.stage-active,.stage-done{opacity:1;transform:none}.stage-name{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fog);min-width:5.5rem}.stage-active .stage-name{color:var(--accent)}.stage-done .stage-name{color:var(--paper)}.stage-meta{font-size:.85rem;color:var(--mist)}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;animation:rise .5s ease-out both}.cta{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.4rem;background:var(--accent);color:#04110e;text-decoration:none;font-weight:600;font-size:.92rem;letter-spacing:.02em;transition:background .2s ease,transform .2s ease}.cta:hover{background:#3aa890;transform:translateY(-1px)}.ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(200,210,216,.25);background:transparent;color:var(--fog);padding:.85rem 1.2rem;font:inherit;font-size:.9rem;cursor:pointer}.ghost:hover{border-color:#c8d2d873;color:var(--paper)}.error{margin:1rem 0 0;color:var(--danger);font-size:.9rem}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(-40px,20px,0)}}@keyframes breathe{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.75;transform:scale(1.03)}}@keyframes pulse-bar{0%,to{opacity:.35;transform:scaleX(.92)}50%{opacity:.85;transform:scaleX(1)}}@keyframes pulse-zone{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 1px var(--glow)}}@media(max-width:560px){.hero{padding-top:3.5rem}.stage{flex-direction:column;gap:.2rem}}