/* SUB/CRUSH — landing. Valorile vin din tokens.css */
html,body{overflow-x:clip}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--c-void)}
body{margin:0;color:var(--c-bone);font-family:var(--f-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;background:transparent;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
::selection{background:var(--c-lime);color:var(--c-void)}
:focus-visible{outline:2px solid var(--c-lime);outline-offset:3px}
.h{font-family:var(--f-head);font-weight:900;text-transform:uppercase;line-height:.88;margin:0;text-shadow:var(--text-shadow)}
.h .lime{text-shadow:var(--text-shadow-on-lime)}
.faq summary{text-shadow:var(--text-shadow)}
.lime{color:var(--c-lime)}
.muted{color:var(--c-concrete)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Fundal fix: un singur strat pentru toată pagina => fără cusături ---------- */
.bg{position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:-1;background:var(--c-void);overflow:hidden;contain:strict}
.bg-tex{position:absolute;inset:0;background:var(--tex-concrete) center/cover no-repeat;opacity:.22}
.ghost-slash{position:absolute;left:50%;top:50%;height:82vmax;width:auto;transform:translate(-50%,-50%);fill:var(--c-lime);opacity:.04;will-change:opacity,transform}
.ghost-cd{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;font-family:var(--f-head);font-weight:900;color:var(--cd-fill);-webkit-text-stroke:.014em var(--cd-stroke);paint-order:stroke fill;white-space:nowrap;line-height:.8;opacity:var(--ghost-alpha);user-select:none;will-change:opacity,transform;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.ghost-cd .row{display:flex;gap:.04em}
.ghost-cd.portrait .row{transform:rotate(-90deg)}
.ghost-cd .d{display:inline-block;width:.5em;text-align:center}
.ghost-cd .sep{display:inline-block;width:.24em;text-align:center}
.ghost-cd.glow{filter:blur(28px);opacity:0;color:var(--c-lime);-webkit-text-stroke:0}
.grain{position:absolute;inset:0;background:var(--tex-grain) 0 0/256px repeat;opacity:var(--grain-alpha);mix-blend-mode:screen}
.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 35%,rgba(0,0,0,.72) 100%)}

/* ---------- Top ---------- */
.top{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:calc(14px + env(safe-area-inset-top)) var(--pad) 14px;pointer-events:none}
.top>*{pointer-events:auto}
.sym{display:block;flex:0 0 auto;line-height:0}
.sym img{display:block;width:220px;height:auto}
@media(max-width:600px){.sym img{width:145px}}
.sound{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:var(--c-concrete);font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;cursor:pointer;padding:8px 0 8px 8px;opacity:.75;transition:opacity .2s,color .2s}
.sound:hover{opacity:1}
.sound .bars{display:inline-flex;align-items:flex-end;gap:2px;height:12px}
.sound .bars i{display:block;width:2px;height:3px;background:currentColor;transform-origin:bottom}
.sound[aria-pressed="true"]{color:var(--c-lime)}
.sound.nudge{color:var(--c-lime);opacity:1;animation:nudge 2.2s ease-in-out infinite}
@keyframes nudge{0%,100%{opacity:.55}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.sound.nudge{animation:none}}

/* ---------- Hero ---------- */
.hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:96px var(--pad) 64px;gap:clamp(18px,3vw,30px)}
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;left:50%;top:50%;width:min(100%,1500px);height:min(70vh,640px);transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(10,10,11,.8) 0%,rgba(10,10,11,.55) 38%,rgba(10,10,11,0) 72%);z-index:-1;pointer-events:none}
.title{font-size:clamp(68px,18vw,220px);max-width:12ch;line-height:.86}
.title a{text-decoration:none}
.follow{font-family:var(--f-mono);font-size:clamp(13px,1.6vw,16px);letter-spacing:.08em;color:var(--c-concrete);text-decoration:none;transition:color .2s}
.follow span{color:var(--c-bone);border-bottom:1px solid var(--c-line-strong)}
.follow:hover,.follow:hover span{color:var(--c-lime)}

/* ---------- Blocuri ---------- */
.block{width:100%;max-width:680px;margin:0 auto;padding:clamp(56px,10vw,110px) var(--pad) 0}
.form-head .h{font-size:clamp(64px,13vw,120px)}
.form-head p{margin:16px 0 0;max-width:520px}
.deadline{font-family:var(--f-mono);font-size:13px;letter-spacing:.06em;color:var(--c-bone);border-left:2px solid var(--c-lime);padding-left:12px;margin-top:20px!important}
form{display:grid;gap:24px;margin-top:40px}
.field label{display:block;font-family:var(--f-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.field label .n{color:var(--c-lime);margin-right:8px}
.field .hint{display:block;font-size:13px;color:var(--c-concrete);margin-bottom:6px}
.field input,.field textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--c-line-strong);color:var(--c-bone);font:inherit;font-size:18px;padding:10px 0;border-radius:0;outline:none;transition:border-color .15s}
.field textarea{resize:vertical;min-height:52px}
.field input:focus,.field textarea:focus{border-color:var(--c-lime)}
.field input::placeholder,.field textarea::placeholder{color:#5a5a55}
.field.err input,.field.err textarea{border-color:var(--c-red)}
.chk{display:inline-flex!important;align-items:center;gap:12px;cursor:pointer;margin:0!important}
.chk input{position:absolute;opacity:0;width:1px;height:1px}
.chk .box{width:20px;height:20px;border:1px solid var(--c-line-strong);display:inline-block;flex:none;transition:border-color .15s,background .15s}
.chk input:focus-visible+.box{outline:2px solid var(--c-lime);outline-offset:2px}
.chk input:checked+.box{background:var(--c-lime);border-color:var(--c-lime);box-shadow:inset 0 0 0 4px var(--c-void)}
.field.err .chk .box{border-color:var(--c-red)}
.field .err-msg{display:none;font-family:var(--f-mono);font-size:12px;color:var(--c-red);margin-top:6px}
.field.err .err-msg{display:block}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.legal{font-size:13px;color:var(--c-concrete);margin:0}
.form-status{font-family:var(--f-mono);font-size:12px;color:var(--c-concrete);min-height:1em;margin:0}
/* ---- APPLY: hydraulic-press "crush" button ---- */
.btn{position:relative;display:inline-block;width:min(100%,300px);height:84px;padding:0;border:0;background:none;cursor:pointer;color:var(--c-void);-webkit-tap-highlight-color:transparent}
.crush-slab{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:var(--c-lime);transform-origin:50% 100%;
  clip-path:polygon(0 0,25% 0,50% 0,75% 0,calc(100% - 14px) 0,100% 14px,100% 100%,75% 100%,50% 100%,14px 100%,0 calc(100% - 14px),0 50%);
  transition:transform .5s cubic-bezier(.2,1.6,.4,1),clip-path .5s cubic-bezier(.2,1.6,.4,1),filter .3s}
.crush-slab::after{content:"";position:absolute;inset:0;background:var(--tex-grain);opacity:.16;mix-blend-mode:multiply;pointer-events:none}
.crush-txt{font-family:var(--f-head);font-size:46px;line-height:1;letter-spacing:.02em;transition:letter-spacing .5s cubic-bezier(.2,1.6,.4,1),transform .5s cubic-bezier(.2,1.6,.4,1)}
.crush-sl{font-family:var(--f-head);font-size:58px;line-height:1;transform:skewX(-8deg);transition:transform .5s cubic-bezier(.2,1.6,.4,1)}
.crush-press{position:absolute;left:-6px;right:-6px;top:0;height:46%;z-index:2;pointer-events:none;
  background:repeating-linear-gradient(-45deg,var(--c-concrete) 0 9px,var(--c-void) 9px 18px);box-shadow:inset 0 -3px 0 var(--c-lime),0 6px 14px rgba(0,0,0,.5);
  transform:translateY(-170%);opacity:0;transition:transform .45s cubic-bezier(.5,0,.75,0),opacity .2s .25s}
.crush-bits{position:absolute;left:0;right:0;bottom:0;height:0;pointer-events:none}
.crush-bits i{position:absolute;bottom:4px;width:7px;height:7px;background:var(--c-lime);opacity:0;clip-path:polygon(0 30%,60% 0,100% 55%,40% 100%)}
.crush-bits i:nth-child(odd){width:5px;height:9px;background:var(--c-bone)}
.crush-bits i:nth-child(1){left:2%;--x:-46px;--y:-18px;--r:-140deg}
.crush-bits i:nth-child(2){left:8%;--x:-30px;--y:-34px;--r:200deg}
.crush-bits i:nth-child(3){left:18%;--x:-14px;--y:-22px;--r:-90deg}
.crush-bits i:nth-child(4){right:2%;--x:48px;--y:-16px;--r:160deg}
.crush-bits i:nth-child(5){right:9%;--x:32px;--y:-36px;--r:-210deg}
.crush-bits i:nth-child(6){right:20%;--x:14px;--y:-24px;--r:120deg}
.crush-bits i:nth-child(7){left:50%;--x:4px;--y:-40px;--r:300deg}
@keyframes crush-shake{0%,100%{transform:none}30%{transform:translate(-3px,2px)}50%{transform:translate(3px,1px)}70%{transform:translate(-1px,0)}}
@keyframes crush-bit{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--x),calc(var(--y) + 30px)) rotate(var(--r))}}
.btn:hover:not(:disabled) .crush-press,.btn.crushing .crush-press{transform:translateY(-4px);opacity:1;transition:transform .16s cubic-bezier(.7,0,1,.4),opacity 0s}
.btn:hover:not(:disabled) .crush-slab,.btn.crushing .crush-slab{transform:scaleY(.56) scaleX(1.035);transition:transform .14s .12s cubic-bezier(.7,0,1,.5),clip-path .14s .12s,filter .2s .12s;filter:brightness(.92) contrast(1.15);
    clip-path:polygon(0 9%,22% 0,47% 17%,71% 3%,calc(100% - 14px) 12%,100% 4%,100% 100%,76% 93%,52% 100%,14px 95%,0 calc(100% - 4px),3% 48%)}
.btn:hover:not(:disabled) .crush-txt,.btn.crushing .crush-txt{letter-spacing:.14em;transform:scaleX(1.06) skewX(-6deg)}
.btn:hover:not(:disabled) .crush-sl,.btn.crushing .crush-sl{transform:skewX(-38deg) scaleX(1.3)}
.btn:hover:not(:disabled),.btn.crushing{animation:crush-shake .22s .24s}
.btn:hover:not(:disabled) .crush-bits i,.btn.crushing .crush-bits i{animation:crush-bit .55s .25s cubic-bezier(.2,.7,.4,1) both}
.btn:active:not(:disabled) .crush-press{transform:translateY(8px);opacity:1;transition:transform .08s,opacity 0s}
.btn:active:not(:disabled) .crush-slab{transform:scaleY(.4) scaleX(1.06);transition:transform .08s,clip-path .08s;
  clip-path:polygon(0 12%,22% 0,47% 22%,71% 4%,calc(100% - 14px) 16%,100% 6%,100% 100%,76% 90%,52% 100%,14px 93%,0 calc(100% - 4px),3% 46%)}
.btn:active:not(:disabled) .crush-bits i{animation:crush-bit .5s cubic-bezier(.2,.7,.4,1) both}
.btn:focus-visible{outline:2px solid var(--c-lime);outline-offset:6px}
.btn:disabled{cursor:wait}
.btn:disabled:not(.crushing){opacity:.5}
@media (prefers-reduced-motion:reduce){.btn *,.btn{transition:none!important;animation:none!important}}
.done{display:none;margin-top:40px;padding-top:28px;border-top:2px solid var(--c-lime)}
.done .h{font-size:clamp(48px,11vw,96px)}
.is-sent form{display:none}.is-sent .done{display:block}
body[data-state="applications-closed"] #apply{display:none}

/* ---------- FAQ ---------- */
.faq-title{font-size:clamp(56px,11vw,100px);margin-bottom:20px}
.faq{border-top:1px solid var(--c-line)}
.faq details{border-bottom:1px solid var(--c-line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:20px 0;font-family:var(--f-head);font-size:clamp(26px,4.6vw,36px);line-height:1;text-transform:uppercase}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--f-mono);color:var(--c-lime);font-size:22px;line-height:1}
.faq details[open] summary::after{content:"—"}
.faq details p{margin:0 0 22px;color:var(--c-concrete);max-width:600px}
.faq strong{color:var(--c-bone);font-weight:500}

/* ---------- Footer mic ---------- */
.foot{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;padding:clamp(64px,10vw,110px) var(--pad) calc(28px + env(safe-area-inset-bottom));font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:var(--c-concrete)}
.foot a{text-decoration:none}
.foot a:hover{color:var(--c-lime)}
.foot{flex-direction:column;align-items:center;gap:18px}
.socials{display:flex;gap:22px;align-items:center}
.soc{display:grid;place-items:center;width:44px;height:44px;color:var(--c-bone);border:1px solid var(--c-line-strong);border-radius:50%;transition:color .2s,border-color .2s,transform .2s}
.soc svg{width:19px;height:19px;fill:currentColor}
.soc:hover,.soc:focus-visible{color:var(--c-lime);border-color:var(--c-lime);transform:translateY(-2px)}
.foot-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* prelaunch */
.tagline{font-family:var(--f-mono);font-weight:700;font-size:clamp(13px,1.6vw,17px);letter-spacing:.22em;color:var(--c-lime);margin:18px 0 0;text-shadow:var(--text-shadow-on-lime)}
body[data-page="prelaunch"] .ghost-cd{display:none!important}