
:root{
  --paper:#f2ede2;
  --ink:#111;
  --muted:#6e695f;
  --line:#cfc8bb;
  --red:#a32929;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px);background-size:100% 5px;opacity:.25;z-index:20}
.launch-header{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid var(--line);position:relative;z-index:5}
.mark,.launch-stamp,.case-id,.eyebrow{font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.launch-stamp{border:1px solid var(--ink);padding:8px 10px;transform:rotate(-1deg)}
main{overflow:hidden}
.hero{min-height:82vh;padding:9vw 6vw 6vw;display:flex;flex-direction:column;justify-content:center;position:relative}
.hero:after{content:"OFFICIAL REALITY // ACTUAL REALITY";position:absolute;right:-4vw;top:15%;font-weight:900;font-size:clamp(40px,9vw,140px);line-height:.9;opacity:.025;transform:rotate(90deg)}
.hero h1{font-size:clamp(48px,7.6vw,120px);line-height:.92;margin:18px 0 26px;letter-spacing:-.05em;max-width:1200px}
.hero h1 em{font-style:normal;color:var(--muted)}
.lede{max-width:760px;font-size:clamp(18px,2vw,26px);line-height:1.5;margin:0 0 42px}
.launch-date{display:flex;align-items:end;gap:20px;border-top:1px solid var(--ink);padding-top:16px;max-width:720px}
.launch-date span{font:700 11px/1 ui-monospace,monospace;letter-spacing:.15em}
.launch-date strong{font-size:clamp(34px,5vw,72px);letter-spacing:-.04em}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);max-width:720px;margin-top:18px;border:1px solid var(--ink)}
.countdown div{padding:16px;border-right:1px solid var(--ink)}
.countdown div:last-child{border-right:0}
.countdown strong{display:block;font-size:clamp(26px,4vw,52px)}
.countdown span{font:700 10px/1 ui-monospace,monospace;text-transform:uppercase;opacity:.55}
section:not(.hero){padding:7vw 6vw;border-top:1px solid var(--line)}
.probe{background:#111;color:#f4efe4}
.probe h2,.signals h2,.waitlist h2{font-size:clamp(36px,6vw,86px);line-height:.95;letter-spacing:-.04em;margin:20px 0}
.probe>p,.waitlist>p{max-width:720px;line-height:1.6;opacity:.72}
.probe-input{display:grid;grid-template-columns:1fr auto;gap:8px;max-width:960px;margin-top:26px}
.probe-input input,.waitlist input{width:100%;padding:18px;border:1px solid #555;background:#191919;color:#fff;font-size:16px}
.probe-input button,.waitlist button{border:1px solid #f4efe4;background:#f4efe4;color:#111;padding:0 22px;font-weight:800;cursor:pointer}
.probe-result{max-width:960px;margin-top:10px;border:1px solid #444;padding:18px}
.probe-result span{font:700 10px/1 ui-monospace,monospace;letter-spacing:.12em;opacity:.55}
.probe-result p{margin:12px 0 0}
.reveal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:24px}
.reveal-grid article{background:var(--paper);padding:24px;min-height:270px}
.reveal-grid article>span{font:700 11px/1 ui-monospace,monospace;opacity:.45}
.reveal-grid h3{font-size:28px;line-height:1.05;margin:54px 0 14px}
.reveal-grid p{line-height:1.55;color:var(--muted)}
.lenses{background:#e5ded0}
.lens-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#bdb4a4;margin-top:24px}
.lens-row div{background:#e5ded0;padding:22px;min-height:150px}
.lens-row b{display:block;font-size:22px;margin-bottom:10px}
.lens-row span{font-size:14px;color:var(--muted)}
.lens-note{max-width:850px;margin:24px 0 0;line-height:1.6}
.signal-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:28px}
.signal-list button{background:transparent;border:1px solid var(--ink);padding:20px;text-align:left;font-size:17px;cursor:pointer;min-height:100px}
.signal-list button.active{background:var(--ink);color:var(--paper)}
.signal-output{margin-top:8px;padding:18px;background:var(--ink);color:var(--paper)}
.manifesto{background:#111;color:#f4efe4}
.pledge{border-top:1px solid #444;margin-top:20px}
.pledge p{font-size:clamp(22px,3vw,44px);line-height:1.1;margin:0;padding:20px 0;border-bottom:1px solid #444}
.waitlist{text-align:center}
.waitlist .case-id{display:inline-block}
.waitlist p{margin-left:auto;margin-right:auto}
.waitlist form{max-width:680px;margin:30px auto 0;display:grid;grid-template-columns:1fr auto;gap:8px}
.waitlist input{background:#fff;color:#111;border-color:var(--ink)}
.waitlist button{background:var(--ink);color:#fff;border-color:var(--ink)}
.form-message{margin-top:16px;font-weight:700}
footer{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px 28px;border-top:1px solid var(--line);font:700 11px/1.3 ui-monospace,monospace}
footer div:nth-child(2){text-align:center}footer div:last-child{text-align:right}
@media(max-width:900px){
  .reveal-grid,.lens-row{grid-template-columns:repeat(2,1fr)}
  .signal-list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .launch-header{padding:14px}.launch-stamp{display:none}
  .hero{padding:18vw 6vw 12vw}.countdown{grid-template-columns:repeat(2,1fr)}.countdown div:nth-child(2){border-right:0}.countdown div:nth-child(-n+2){border-bottom:1px solid var(--ink)}
  .reveal-grid,.lens-row,.signal-list{grid-template-columns:1fr}
  .probe-input,.waitlist form{grid-template-columns:1fr}.probe-input button,.waitlist button{padding:16px}
  footer{grid-template-columns:1fr}footer div:nth-child(2),footer div:last-child{text-align:left}
}

.audience-line{max-width:820px;margin:-18px 0 38px;font:700 13px/1.5 ui-monospace,monospace;letter-spacing:.03em;opacity:.6}
.what-you-get{background:#f7f2e7}
.what-you-get h2{font-size:clamp(34px,5vw,72px);line-height:.98;letter-spacing:-.04em;max-width:1000px;margin:20px 0 28px}
.get-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.get-grid article{background:var(--paper);padding:22px;min-height:210px}
.get-grid span{font:700 11px/1 ui-monospace,monospace;opacity:.45}
.get-grid h3{font-size:24px;margin:46px 0 10px}
.get-grid p{line-height:1.5;color:var(--muted)}
.privacy-note{display:block;max-width:680px;margin:14px auto 0;line-height:1.45;opacity:.55}
@media(max-width:900px){.get-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.get-grid{grid-template-columns:1fr}}

.pricing-preview{background:#e9e2d4}
.pricing-preview h2{font-size:clamp(34px,5vw,72px);line-height:.98;letter-spacing:-.04em;max-width:1050px;margin:20px 0 28px}
.launch-price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#bfb6a7;border:1px solid #bfb6a7}
.launch-price-grid article{background:#f2ede2;padding:22px;min-height:280px;display:flex;flex-direction:column}
.launch-price-grid article>span{font:700 10px/1 ui-monospace,monospace;letter-spacing:.12em;opacity:.45}
.launch-price-grid h3{font-size:24px;margin:36px 0 8px}
.launch-price-grid strong{font-size:30px;margin-bottom:12px}
.launch-price-grid p{line-height:1.5;color:var(--muted)}
.launch-price-grid small{margin-top:auto;border-top:1px solid var(--line);padding-top:12px;line-height:1.4;opacity:.6}
.price-note{font:700 11px/1.5 ui-monospace,monospace;opacity:.55;margin:16px 0 0}
.launch-path{background:#111;color:#f4efe4}
.launch-path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#343434;margin-top:24px}
.launch-path-grid>div{background:#171717;padding:20px;min-height:150px}
.launch-path-grid span{display:block;font:700 10px/1 ui-monospace,monospace;opacity:.4;margin-bottom:36px}
.launch-path-grid b{font-size:18px;line-height:1.3}
footer a{color:inherit}footer span{opacity:.6}
@media(max-width:900px){.launch-price-grid,.launch-path-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.launch-price-grid,.launch-path-grid{grid-template-columns:1fr}}

.header-actions{display:flex;align-items:center;gap:10px}
.lang-switch{display:flex;border:1px solid var(--ink)}
.lang-switch button{border:0;background:transparent;padding:7px 9px;font:700 10px/1 ui-monospace,monospace;cursor:pointer}
.lang-switch button.active{background:var(--ink);color:var(--paper)}
.launch-stamp{animation:prelaunchPulse 3.6s ease-in-out infinite;transform-origin:center}
@keyframes prelaunchPulse{0%,88%,100%{opacity:1;box-shadow:none}92%{opacity:.52;box-shadow:0 0 0 4px rgba(17,17,17,.08)}96%{opacity:1}}
.hero h1{max-width:1100px;letter-spacing:-.045em}
.hero h1 span,.hero h1 em{display:inline-block}
.launch-date{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:12px;max-width:720px}
.launch-date span{text-align:center;justify-self:stretch;padding-bottom:8px}
.launch-date strong{text-align:center;justify-self:stretch}
.lens-note{color:#858078}
.signal-output{transition:background .2s ease,color .2s ease}
@media(max-width:650px){
  .header-actions{gap:6px}.lang-switch button{padding:6px 8px}
  .launch-date{grid-template-columns:1fr}.launch-date span,.launch-date strong{text-align:left}
}

.lang-switch a{display:block;text-decoration:none;color:inherit;padding:7px 9px;font:700 10px/1 ui-monospace,monospace}
.lang-switch a.active{background:var(--ink);color:var(--paper)}

/* Final alignment + language switch correction */
.launch-date{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:min(720px,100%) !important;
  max-width:720px !important;
  text-align:center !important;
}
.launch-date-label{
  width:100%;
  text-align:center;
  font:700 11px/1 ui-monospace,monospace;
  letter-spacing:.15em;
  padding:0;
}
.launch-date-value{
  width:100%;
  text-align:center;
  font-weight:800;
  font-size:clamp(34px,5vw,72px);
  line-height:1;
  letter-spacing:-.04em;
}
.lang-switch a{
  display:block;
  text-decoration:none;
  padding:7px 9px;
  font:700 10px/1 ui-monospace,monospace;
  background:transparent !important;
  color:var(--ink) !important;
}
.lang-switch a.active{
  background:var(--ink) !important;
  color:var(--paper) !important;
}
.lang-switch a.inactive{
  background:transparent !important;
  color:var(--ink) !important;
}
@media(max-width:650px){
  .launch-date{align-items:flex-start !important;text-align:left !important}
  .launch-date-label,.launch-date-value{text-align:left}
}

/* Playful micro-interactions */
.launch-stamp{cursor:pointer;user-select:none}
.launch-stamp:hover{transform:rotate(-1deg) scale(1.025)}
.launch-stamp.case-peek{background:var(--ink);color:var(--paper)}
.countdown div{transition:transform .18s ease,background .18s ease}
.countdown div:hover{transform:translateY(-3px);background:rgba(255,255,255,.28)}
.countdown-note{margin-top:10px;max-width:720px;text-align:center;font:700 10px/1.4 ui-monospace,monospace;letter-spacing:.08em;opacity:.42}
.lens-card{cursor:pointer;transition:transform .18s ease,background .18s ease}
.lens-card:hover{transform:translateY(-3px)}
.lens-card:after{content:"";display:block;margin-top:14px;font:700 11px/1.35 ui-monospace,monospace;opacity:0;max-height:0;overflow:hidden;transition:.2s ease}
.lens-card.open:after{content:attr(data-question);opacity:.72;max-height:80px}
.launch-price-grid article{transition:transform .18s ease,box-shadow .18s ease}
.launch-price-grid article:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(0,0,0,.08)}
.launch-price-grid article:hover:after{content:"EVIDENCE FIRST";margin-top:12px;font:700 10px/1 ui-monospace,monospace;letter-spacing:.12em;opacity:.36}
