@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{color-scheme:dark;--ink:#f2f5eb;--muted:#9da79e;--dark:#070a0d;--panel:#0d1213;--line:#27302d;--acid:#d8ff3e;--orange:#ff7048;--cyan:#54e8dc;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% 4%,rgba(84,232,220,.1),transparent 28rem),radial-gradient(circle at 12% 38%,rgba(216,255,62,.06),transparent 30rem),var(--dark);color:var(--ink);font:16px/1.5 var(--sans)}
button,input,select,textarea{font:inherit}button{cursor:pointer}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.topbar{height:72px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(7,10,13,.84);backdrop-filter:blur(16px);position:sticky;top:0;z-index:5}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--acid);color:var(--dark);font:700 12px var(--mono);transform:rotate(-3deg)}.brand small{color:var(--muted);font:400 11px var(--mono)}.top-actions,.signal-meter{display:flex;align-items:center;gap:12px}.signal-meter{color:var(--muted);font:500 12px var(--mono)}.signal-meter strong{color:var(--ink)}.meter-dots{display:flex;gap:4px}.meter-dots i{width:7px;height:7px;border-radius:50%;border:1px solid #53605a}.meter-dots i.on{background:var(--acid);border-color:var(--acid);box-shadow:0 0 10px rgba(216,255,62,.5)}
main{width:min(1180px,calc(100% - 36px));margin:0 auto}.forge-shell{min-height:calc(100svh - 72px);padding:clamp(46px,8vh,90px) 0 60px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(40px,7vw,100px)}.eyebrow{color:var(--acid);margin:0 0 16px;font:500 12px var(--mono);letter-spacing:.16em}h1,h2{margin:0;font-weight:800;letter-spacing:-.055em;line-height:.96}h1{font-size:clamp(3rem,6.2vw,6.2rem);max-width:10ch}h1 em,h2 em{color:var(--acid);font-style:normal}.lede{color:#c4cbc5;max-width:36rem;font-size:clamp(1.05rem,1.6vw,1.32rem);line-height:1.65;margin:28px 0}.promise{display:flex;gap:8px;flex-wrap:wrap}.promise span{border:1px solid var(--line);padding:7px 9px;color:var(--muted);font:500 11px var(--mono)}
.forge-card,.mission-card,.timer-card{background:linear-gradient(145deg,rgba(17,24,25,.96),rgba(10,14,15,.98));border:1px solid #34413c}.forge-card{padding:clamp(22px,4vw,38px);box-shadow:16px 18px 0 #040607}.card-kicker{display:flex;justify-content:space-between;margin-bottom:26px;color:var(--muted);font:500 12px var(--mono);letter-spacing:.12em}.live-dot{color:var(--acid)}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid)}
.field{display:grid;gap:8px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-wide,.field-row{margin-bottom:17px}.field>span{color:#aeb7b0;font:500 11px var(--mono);letter-spacing:.11em}.field small{color:#69736d}input,select,textarea{width:100%;border:1px solid #303b37;background:#090d0e;color:var(--ink);border-radius:0;padding:13px 14px;outline:none;min-height:49px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--acid);box-shadow:0 0 0 2px rgba(216,255,62,.12)}::placeholder{color:#5f6963}
.button{border:1px solid var(--line);min-height:48px;padding:0 18px;background:transparent;color:var(--ink);font:700 12px var(--mono);letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;gap:18px;transition:transform .16s,background .16s,color .16s}.button:hover{transform:translateY(-2px)}.button:focus-visible,.text-button:focus-visible,.icon-button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.button-primary{width:100%;background:var(--acid);color:#090b09;border-color:var(--acid);justify-content:space-between}.button-pass{background:var(--ink);color:var(--dark);border-color:var(--ink);white-space:nowrap}.button-small{min-height:37px;padding:0 12px;font-size:10px}.button-large{min-height:58px;padding:0 24px}.button-complete{width:100%;border-color:var(--acid);color:var(--acid);margin-top:12px}.button-complete:hover{background:var(--acid);color:var(--dark)}.microcopy{color:#68736c;font:400 11px var(--mono);margin:14px 0 0;text-align:center}
.signal-section,.mission-section,.pass-section{padding:90px 0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-heading h2,.mission-top h2,.pass-copy h2{font-size:clamp(2.5rem,5vw,5rem)}.section-heading>p{color:var(--muted);max-width:31rem;margin:0}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.signal-card{position:relative;min-height:420px;padding:26px;overflow:hidden;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);transition:.2s}.signal-card:after{content:attr(data-number);position:absolute;right:-8px;top:-28px;color:rgba(255,255,255,.035);font-size:10rem;font-weight:800;line-height:1}.signal-card:hover{transform:translateY(-5px);border-color:var(--card-accent)}.signal-card[data-tone=acid]{--card-accent:var(--acid)}.signal-card[data-tone=orange]{--card-accent:var(--orange)}.signal-card[data-tone=cyan]{--card-accent:var(--cyan)}.signal-card .world{color:var(--card-accent);font:500 11px var(--mono);letter-spacing:.13em}.signal-card h3{font-size:1.8rem;line-height:1;margin:30px 0 16px;letter-spacing:-.04em}.signal-card .feeling{color:#bbc3bd;margin:0 0 26px;min-height:72px}.signal-card dl{margin:0 0 26px;display:grid;gap:15px}.signal-card dt{color:#65716a;font:500 10px var(--mono);letter-spacing:.1em}.signal-card dd{margin:3px 0 0;font-size:.92rem}.signal-card .button{margin-top:auto;width:100%;border-color:var(--card-accent)}
.mission-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.text-button{border:0;background:none;color:var(--muted);font:500 11px var(--mono);padding:10px 0}.text-button:hover{color:var(--ink)}.mission-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.mission-card,.timer-card{padding:clamp(24px,4vw,42px)}.mission-rule{padding-bottom:34px;border-bottom:1px solid var(--line)}.mission-rule span,.mission-copy span,.timer-card>p{color:var(--muted);font:500 10px var(--mono);letter-spacing:.14em}.mission-rule strong{display:block;margin-top:14px;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.2}.mission-copy{margin-top:28px}.mission-copy p{font-size:1.08rem;line-height:1.7;color:#c6cec8}.timer-card{background:#0a0e0f}.timer{font:500 clamp(3.8rem,8vw,6rem) var(--mono);letter-spacing:-.08em;color:var(--acid);margin:20px 0}.timer-actions{display:grid;grid-template-columns:1fr 50px;gap:8px}.icon-button{border:1px solid var(--line);background:transparent;color:var(--muted)}.note-field{margin-top:28px}
.pass-section{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,8vw,110px);overflow:hidden}.pass-orbit{position:absolute;font-size:22rem;line-height:.7;font-weight:800;color:rgba(216,255,62,.035);left:-45px;bottom:0;pointer-events:none}.pass-copy,.pass-offer{position:relative}.pass-copy>p:last-child{color:var(--muted);max-width:30rem;font-size:1.08rem;line-height:1.7}.pass-offer{border:1px solid var(--acid);padding:clamp(24px,4vw,42px);background:rgba(13,18,19,.85)}.pass-section.attention .pass-offer{box-shadow:0 0 55px rgba(216,255,62,.13)}.pass-offer ul{list-style:none;padding:0;margin:0 0 34px}.pass-offer li{padding:12px 0;border-bottom:1px solid var(--line);font:500 12px var(--mono);color:#bac3bc}.pass-offer li strong{color:var(--acid);font-size:1.4rem;margin-right:10px}.price-row{display:flex;justify-content:space-between;align-items:end;gap:20px}.price-row small{display:block;color:var(--muted);font:500 10px var(--mono)}.price-row>div>strong{display:block;font-size:4.4rem;letter-spacing:-.08em;line-height:1}.pass-offer>p{color:#69736d;font-size:.8rem;margin:22px 0 0}
footer{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:28px 0 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#68736c;font:400 10px var(--mono)}dialog{width:min(500px,calc(100% - 30px));border:1px solid var(--acid);background:#0c1111;color:var(--ink);padding:38px;box-shadow:0 0 80px rgba(0,0,0,.75)}dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}dialog h2{font-size:2.7rem}dialog>p:not(.eyebrow){color:var(--muted);line-height:1.7}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:var(--muted);font-size:1.6rem}.dialog-action{margin-top:20px}.toast{position:fixed;left:50%;bottom:26px;z-index:12;transform:translate(-50%,30px);opacity:0;background:var(--acid);color:var(--dark);padding:12px 18px;font:700 11px var(--mono);transition:.22s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:860px){.brand small,.top-actions .button{display:none}.forge-shell,.pass-section{grid-template-columns:1fr}.forge-shell{padding-top:58px}h1{max-width:12ch}.signal-grid{grid-template-columns:1fr}.signal-card{min-height:0}.mission-layout{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}}
@media(max-width:560px){main,footer{width:min(100% - 24px,1180px)}.topbar{height:62px;padding:0 12px}.brand{font-size:.83rem;gap:8px}.signal-meter{gap:6px;font-size:10px}.forge-shell{min-height:auto;padding:46px 0 54px;gap:38px}h1{font-size:clamp(2.8rem,15vw,4.4rem)}.field-row{grid-template-columns:1fr}.forge-card{padding:20px;box-shadow:8px 10px 0 #040607}.signal-section,.mission-section,.pass-section{padding:64px 0}.mission-top{align-items:start;flex-direction:column;gap:14px}.price-row{align-items:stretch;flex-direction:column}.button-large{width:100%}footer{gap:12px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}