:root{--ink:#0e1a1f;--ink-soft:#1a2c34;--paper:#ede6da;--paper-dim:#d9d0c0;--amber:#e8a04a;--amber-deep:#c47d28;--mist:#8aa0a8;--line:#ede6da29;--font-display:"Fraunces", "Songti SC", serif;--font-body:"IBM Plex Sans", "PingFang SC", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-body);background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit}.page{min-height:100vh}.hero{isolation:isolate;grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem;min-height:100vh;padding:clamp(2rem,5vw,4.5rem);display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background:radial-gradient(ellipse 80% 60% at 15% 20%, #e8a04a1f, transparent 55%), linear-gradient(160deg, var(--ink) 0%, var(--ink-soft) 55%, #0a1418 100%);position:absolute;inset:0}.hero-grid{z-index:-1;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.55;background-size:48px 48px;position:absolute;inset:-20%;transform:rotate(-8deg);-webkit-mask-image:radial-gradient(70% 60% at 40% 45%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 40% 45%,#000 20%,#0000 75%)}.hero-noise{z-index:-1;opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-copy{max-width:34rem;animation:.7s ease-out both rise}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--paper);margin:0 0 1.25rem;font-size:clamp(3rem,8vw,5.5rem);font-weight:700;line-height:.95}.hero-title{font-family:var(--font-display);color:var(--paper);margin:0 0 .75rem;font-size:clamp(1.35rem,2.4vw,1.85rem);font-weight:500}.hero-summary{color:var(--mist);max-width:28rem;margin:0 0 2rem;font-size:1.05rem}.cta-row{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.btn{font-family:var(--font-body);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;padding:.85rem 1.35rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.btn-primary{background:var(--amber);color:var(--ink)}.btn-primary:hover{background:var(--amber-deep);transform:translateY(-2px)}.btn-ghost{color:var(--paper);border-color:var(--line);background:0 0}.btn-ghost:hover{border-color:var(--paper-dim);transform:translateY(-2px)}.hero-stage{height:min(62vh,420px);animation:.85s ease-out .1s both rise;position:relative}.stage-svg{width:100%;height:100%;display:block}.band{background:var(--paper);color:var(--ink);padding:clamp(3rem,6vw,5rem) clamp(2rem,5vw,4.5rem)}.band-inner{max-width:920px;margin:0 auto}.band h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.75rem,3vw,2.35rem);font-weight:700}.band-lead{color:#4a585e;max-width:36rem;margin:0 0 2rem}.pack-list{border-top:1px solid #0e1a1f24;margin:0;padding:0;list-style:none}.pack-list li{opacity:0;border-bottom:1px solid #0e1a1f24;grid-template-columns:7rem 1fr;gap:1rem;padding:1.1rem 0;animation:.5s forwards fade-up;display:grid}.pack-list li:first-child{animation-delay:50ms}.pack-list li:nth-child(2){animation-delay:.12s}.pack-list li:nth-child(3){animation-delay:.19s}.pack-list li:nth-child(4){animation-delay:.26s}.pack-kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--amber-deep);font-size:.8rem;font-weight:600}.pack-body strong{margin-bottom:.2rem;font-size:1.05rem;display:block}.pack-body p{color:#4a585e;margin:0;font-size:.95rem}.steps{flex-direction:column;gap:.55rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.steps li{align-items:baseline;gap:.75rem;font-size:.98rem;display:flex}.step-id{font-variant-numeric:tabular-nums;color:var(--amber-deep);min-width:2rem;font-weight:600}.smoke{color:#4a585e;border-top:1px dashed #0e1a1f33;margin-top:1.75rem;padding-top:1.25rem;font-size:.95rem}.smoke code{background:#0e1a1f0f;padding:.1em .35em;font-family:ui-monospace,IBM Plex Mono,monospace;font-size:.88em}.blocked{color:#8a3b1d;margin-top:.75rem}.skill-band{background:var(--ink-soft);border-top:1px solid var(--line);padding:clamp(3rem,6vw,5rem) clamp(2rem,5vw,4.5rem)}.skill-band .band-inner{max-width:920px}.skill-band h2{font-family:var(--font-display);margin:0 0 .5rem;font-size:clamp(1.75rem,3vw,2.35rem)}.skill-band p{color:var(--mist);max-width:36rem;margin:0 0 1.25rem}.skill-hint{font-size:.95rem;margin-bottom:1.5rem!important}.footer-note{color:#8aa0a8b3;margin-top:2.5rem;font-size:.8rem}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=860px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:3rem;padding-bottom:2rem}.hero-stage{order:-1;height:260px}.pack-list li{grid-template-columns:1fr;gap:.35rem}}
