.se-hero{background:radial-gradient(900px 480px at 80% -10%,rgba(245,197,24,.16),transparent 65%),radial-gradient(700px 500px at 0% 110%,rgba(94,130,180,.22),transparent 60%),#0B0E13;color:#E8EDF3;padding:88px 0 96px;border-bottom:3px solid var(--signal);overflow:hidden}
.se-hero .eyebrow{color:#93A7C1}
.se-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.se-hero h1{font-family:var(--display);font-size:clamp(2.6rem,7vw,5.6rem);line-height:.95;text-transform:uppercase;letter-spacing:.01em;margin:0 0 24px;color:#fff}
.se-hero h1 span{display:block;color:var(--signal)}
.se-hero .lead{color:#C3CCD7}
.se-status{margin:30px 0 0;padding:18px 20px;border:1px solid #28313D;border-left:3px solid var(--signal);border-radius:10px;background:rgba(18,23,32,.75);font:500 .82rem/1.9 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#A3B0C0;max-width:520px}
.se-status b{color:#E8EDF3;font-weight:700}
.se-status .sealed{color:var(--signal)}
.se-hero .cta-row{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}
.se-book{position:relative;justify-self:center;width:min(320px,80%);aspect-ratio:900/1440;transform:perspective(1200px) rotateY(-14deg) rotateX(3deg);transition:transform .6s ease}
.se-book:hover{transform:perspective(1200px) rotateY(-4deg) rotateX(1deg)}
.se-book img{width:100%;height:100%;object-fit:cover;border-radius:4px 10px 10px 4px;box-shadow:-18px 26px 60px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06);filter:saturate(.8) brightness(.78)}
.se-book::before{content:"";position:absolute;inset:0 auto 0 0;width:14px;border-radius:4px 0 0 4px;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(255,255,255,.08));z-index:1}
.se-tape{position:absolute;left:-12%;right:-12%;top:46%;transform:rotate(-12deg);background:var(--signal);color:#0F1115;font:800 .95rem/1 var(--mono);letter-spacing:.32em;text-align:center;padding:12px 0;box-shadow:0 8px 24px rgba(0,0,0,.45);z-index:2;white-space:nowrap;overflow:hidden}
.se-stamp{position:absolute;right:-6%;bottom:8%;z-index:2;border:3px solid #E8EDF3;color:#E8EDF3;font:800 .78rem/1 var(--mono);letter-spacing:.24em;padding:10px 12px;transform:rotate(8deg);background:rgba(11,14,19,.55)}
.se-note{font:600 .78rem/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin:0 0 10px}
.se-flag{padding:72px 0;background:var(--ice);border-bottom:1px solid var(--line);text-align:center}
.se-flag p{font:700 clamp(1.2rem,3.2vw,2rem)/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:0;color:var(--ink)}
.se-flag p span{background:var(--signal);color:#0F1115;padding:0 .3em}
.se-flag small{display:block;margin-top:14px;font:500 .95rem/1.6 var(--text);color:var(--slate);letter-spacing:0;text-transform:none}
.se-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:34px}
.se-card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:24px 24px 26px;min-height:190px}
.se-card h3{font-family:var(--display);text-transform:uppercase;font-size:1.35rem;line-height:1.15;margin:14px 0 10px;color:var(--ink)}
.se-card p{margin:0;color:var(--slate);line-height:1.6}
.se-chip{display:inline-block;font:700 .7rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;padding:7px 9px;border-radius:4px}
.se-chip.ok{background:var(--signal);color:#0F1115}
.se-chip.dev{border:1px solid var(--steel);color:var(--steel)}
.se-chip.cls{background:#0F1115;color:#F5C518;border:1px solid #F5C518}
.se-card.cls{background:#0B0E13;border-color:#28313D}
.se-card.cls summary{list-style:none;cursor:pointer;outline-offset:4px}
.se-card.cls summary::-webkit-details-marker{display:none}
.se-redact{display:inline-block;background:#E8EDF3;height:.95em;vertical-align:-.1em;border-radius:2px}
.se-card.cls h3{color:#E8EDF3}
.se-card.cls p{color:#93A7C1}
.se-card.cls .hint{font:600 .74rem/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#5C7290;margin-top:14px}
.se-card.cls[open] .hint{color:var(--signal)}
.se-card.cls .reveal{display:none}
.se-card.cls[open] .reveal{display:block;margin-top:14px;color:#E8EDF3;font:600 .8rem/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.se-clear{background:#0B0E13;color:#E8EDF3;border-top:3px solid var(--signal)}
.se-clear h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(2rem,5vw,3.2rem);margin:0 0 14px;color:#fff}
.se-clear .lead{color:#C3CCD7;margin-bottom:26px}
.se-clear .signup-form input[type=email]{background:#121720;border-color:#28313D;color:#E8EDF3}
.se-clear .note,.se-clear .note a{color:#93A7C1}
.se-list{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:8px;font:500 .9rem/1.5 var(--mono);letter-spacing:.06em;color:#C3CCD7}
.se-list li::before{content:"› ";color:var(--signal)}
.se-fine{padding:36px 0 56px}
.se-fine p{max-width:72ch;color:var(--slate);font-size:.92rem;line-height:1.6;margin:0}
@media (max-width:860px){.se-grid{grid-template-columns:1fr}.se-book{order:-1;width:min(240px,62%);transform:perspective(1200px) rotateY(-10deg)}.se-hero{padding:56px 0 64px}}
@media (prefers-reduced-motion:reduce){.se-book,.se-book:hover{transition:none}}
.se-h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(2rem,5vw,3.2rem);margin:0}
.se-redact.w62{width:62%}.se-redact.wword{width:3.2em}.se-redact.w78{width:78%}.se-redact.w90{width:90%}.se-redact.w55{width:55%}
/* homepage teaser */
.se-band{background:#0B0E13;color:#E8EDF3;border-top:3px solid var(--signal);border-bottom:3px solid var(--signal);padding:64px 0}
.se-band .inner{display:grid;grid-template-columns:auto 1fr auto;gap:36px;align-items:center}
.se-band .mini{position:relative;width:120px;aspect-ratio:900/1440;transform:perspective(900px) rotateY(-14deg)}
.se-band .mini img{width:100%;height:100%;object-fit:cover;border-radius:3px 7px 7px 3px;filter:saturate(.8) brightness(.78);box-shadow:-10px 16px 34px rgba(0,0,0,.6)}
.se-band .mini span{position:absolute;left:-18%;right:-18%;top:44%;transform:rotate(-12deg);background:var(--signal);color:#0F1115;font:800 .55rem/1 var(--mono);letter-spacing:.24em;text-align:center;padding:6px 0;white-space:nowrap;overflow:hidden}
.se-band .eyebrow{color:#93A7C1}
.se-band h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(1.8rem,4vw,2.8rem);margin:0 0 10px;color:#fff}
.se-band h2 span{color:var(--signal)}
.se-band p{margin:0;color:#C3CCD7;max-width:56ch;line-height:1.6}
@media (max-width:760px){.se-band .inner{grid-template-columns:1fr;gap:22px}.se-band .mini{width:96px}}
/* v2: notebook, reservations, merch */
.se-nb{background:var(--ice);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.se-nb-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.se-nb-copy p{color:var(--ink-2);line-height:1.65}
.se-specs{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:8px;font:500 .88rem/1.5 var(--mono);letter-spacing:.04em;color:var(--ink-2)}
.se-specs li::before{content:"› ";color:var(--signal-deep)}
.se-nb-card{display:grid;gap:22px;justify-items:center}
.se-nb-book{position:relative;width:170px;aspect-ratio:3/4.25;background:radial-gradient(120% 80% at 30% 20%,#2a2d33,#111317 70%);border-radius:10px 14px 14px 10px;box-shadow:-14px 20px 40px rgba(0,0,0,.35),inset -3px 0 0 rgba(255,255,255,.04),inset 6px 0 10px rgba(0,0,0,.5);transform:rotate(-4deg);overflow:hidden}
.se-nb-stain{position:absolute;left:-6%;right:-6%;bottom:-6%;height:24%;background:radial-gradient(60% 70% at 40% 100%,rgba(120,72,30,.75),rgba(120,72,30,.35) 55%,transparent 75%);clip-path:polygon(0 35%,12% 28%,25% 38%,38% 26%,52% 36%,66% 24%,80% 34%,92% 27%,100% 33%,100% 100%,0 100%)}
.se-nb-band{position:absolute;left:-10%;right:-10%;top:40%;background:#E9E2D0;color:#2b1d12;font:700 .58rem/1 var(--mono);letter-spacing:.2em;text-align:center;padding:9px 0;transform:rotate(-2deg);box-shadow:0 4px 10px rgba(0,0,0,.35)}
.se-nb-record{width:min(320px,100%);background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--signal);border-radius:8px;padding:14px 16px;font:500 .78rem/1.6 var(--mono);color:var(--slate)}
.se-nb-record .h{font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin-bottom:6px}
.se-nb-record b{color:var(--ink)}
.se-reserve{background:#0B0E13;color:#E8EDF3;border-top:3px solid var(--signal)}
.se-reserve .eyebrow{color:#93A7C1}
.se-reserve .se-h2{color:#fff}
.se-reserve .lead{color:#C3CCD7}
.se-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}
.se-price{background:#121720;border:1px solid #28313D;border-radius:var(--r);padding:22px}
.se-price.best{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal) inset}
.se-price h3{font-family:var(--display);text-transform:uppercase;font-size:1.25rem;margin:14px 0 6px;color:#fff}
.se-price .amt{font:700 2.1rem/1 var(--display);color:var(--signal);margin:6px 0 10px}
.se-price .amt small{font:600 .7rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#93A7C1;margin-left:6px}
.se-price p{margin:0;color:#A3B0C0;line-height:1.55;font-size:.95rem}
.se-reserve .se-chip.dev{border-color:#93A7C1;color:#93A7C1}
.se-form-wrap{max-width:760px}
.se-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.se-form label{display:grid;gap:6px;font:600 .74rem/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#93A7C1}
.se-form input[type=text],.se-form input[type=email],.se-form select{min-height:48px;border:2px solid #28313D;border-radius:10px;padding:0 14px;font:500 1rem var(--text);letter-spacing:0;text-transform:none;background:#121720;color:#E8EDF3}
.se-form input:focus,.se-form select:focus{border-color:var(--signal);outline:none}
.se-form .se-check{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font:500 .92rem/1.5 var(--text);letter-spacing:0;text-transform:none;color:#C3CCD7}
.se-form .se-check input{margin-top:4px;width:18px;height:18px;accent-color:#F5C518}
.se-form button{grid-column:1/-1;justify-self:start}
.se-form .hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.se-reserve .note{color:#93A7C1;margin-top:14px}
.se-merch{padding:56px 0;border-bottom:1px solid var(--line)}
.se-merch-inner{display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.se-merch p{margin:8px 0 0;color:var(--slate);max-width:62ch;line-height:1.6}
@media (max-width:860px){.se-nb-grid{grid-template-columns:1fr}.se-prices{grid-template-columns:1fr}.se-form{grid-template-columns:1fr}}