:root{
  --orange:#ee7d39;
  --ink:#0a0a0a;
  --cream:#f7f4ef;
  --muted:rgba(255,255,255,.38);
  --ease:cubic-bezier(.22,.8,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--orange)}
body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
.noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}

.discover{height:1600vh;background:var(--orange);position:relative}
.discover-stage{height:100vh;position:sticky;top:0;overflow:hidden;background:var(--orange)}
.discover-copy{position:absolute;inset:0;z-index:4;padding:6.4vh 5.2vw;display:grid;grid-template-columns:1fr 1.05fr;align-items:start}
.discover h1{margin:0;color:#fff;font-size:clamp(54px,6.5vw,112px);line-height:.92;letter-spacing:-.067em;font-weight:650;white-space:nowrap}
.word-list{padding-top:.2vh;font-size:clamp(47px,5.3vw,92px);line-height:.84;letter-spacing:-.065em;font-weight:640;color:rgba(255,255,255,.36);transition:color .4s}
.word-list div{transition:color .35s var(--ease),transform .45s var(--ease),opacity .35s;transform-origin:left center;white-space:nowrap}
.word-list div.active{color:#fff;transform:translateX(-3px);opacity:1}
.word-list div:not(.active){opacity:.76}
.stack-mark{position:absolute;z-index:6;left:5.25vw;bottom:4.6vh;width:74px;height:auto;object-fit:contain;object-position:left;filter:brightness(0) invert(1);clip-path:inset(0 76% 0 0)}
.scroll-cue{position:absolute;right:4.5vw;bottom:4.5vh;z-index:6;color:rgba(255,255,255,.68);font-size:12px;letter-spacing:.08em;text-transform:uppercase;display:flex;gap:10px;align-items:center;transition:opacity .3s}
.scroll-cue span{font-size:18px}
.media-shell{position:absolute;z-index:2;left:3.5vw;bottom:13vh;width:min(39vw,620px);height:min(61vh,700px);opacity:0;transform:translateY(34px) scale(.96);transition:opacity .5s var(--ease),transform .7s var(--ease)}
.media-shell.visible{opacity:1;transform:translateY(0) scale(1)}
.media-frame{position:relative;width:100%;height:100%;border-radius:28px;overflow:hidden;background:#111;box-shadow:0 30px 90px rgba(93,39,6,.2)}
.media-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity .6s var(--ease),transform 1.1s var(--ease)}
.media-frame img.show{opacity:1;transform:scale(1)}
.media-scrim{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.36))}
.media-meta{position:absolute;left:22px;right:22px;bottom:20px;color:#fff;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;font-weight:700}
.media-kicker{opacity:.78}

.manifesto{background:#0a0a0a;color:#fff;min-height:105vh;display:flex;align-items:center;padding:12vh 7vw}
.manifesto-inner{max-width:1150px}
.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;margin:0 0 28px;opacity:.55}
.manifesto h2,.product-copy h2,.city-overlay h2,.waitlist h2{margin:0;letter-spacing:-.055em;font-weight:600}
.manifesto h2{font-size:clamp(58px,8.2vw,128px);line-height:.93}
.manifesto h2 em{font-style:normal;color:var(--orange)}
.manifesto-inner>p:last-child{font-size:clamp(20px,2vw,30px);line-height:1.35;color:rgba(255,255,255,.58);max-width:760px;margin:48px 0 0}

.stat-section{min-height:100vh;background:var(--cream);padding:10vh 7vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}
.big-number{font-size:clamp(75px,10vw,170px);font-weight:650;letter-spacing:-.08em;color:var(--orange);line-height:.8}
.stat-caption{font-size:clamp(20px,2vw,30px);line-height:1.3;margin:38px 0 0;color:#5c5955}
.stat-visual{display:flex;justify-content:center}
.stat-visual img{width:min(72%,520px);border-radius:30px;box-shadow:0 28px 80px rgba(40,30,20,.10)}

.product-section{min-height:115vh;background:#fff;padding:12vh 7vw;display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center}
.product-card{border-radius:34px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.12)}
.product-card img{width:100%}
.product-copy h2{font-size:clamp(52px,6.5vw,104px);line-height:.92}
.product-copy>p:last-child{font-size:clamp(19px,1.75vw,27px);line-height:1.42;color:#676767;max-width:650px;margin-top:34px}

.city-section{height:100vh;position:relative;background:#111;overflow:hidden}
.city-section>img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.02);transform:scale(1.03)}
.city-section:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.08) 65%)}
.city-overlay{position:absolute;z-index:2;left:7vw;bottom:10vh;color:#fff;max-width:750px}
.city-overlay h2{font-size:clamp(58px,7vw,110px);line-height:.92}

.waitlist{background:#f8f8f8;padding:14vh 6vw 15vh}
.waitlist-head{text-align:center;max-width:1000px;margin:0 auto 9vh}
.waitlist h2{font-size:clamp(48px,6.2vw,100px);line-height:.94;text-transform:none}
.university-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.university-logo{min-height:180px;background:#fff;border:1px solid #e8e8e8;border-radius:24px;display:flex;align-items:center;justify-content:center;padding:32px;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.university-logo:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(0,0,0,.07)}
.university-logo img{max-height:74px;max-width:100%;width:auto}

footer{background:var(--orange);min-height:64vh;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:9vh 5vw;position:relative}
.footer-logo{width:min(430px,72vw);filter:brightness(0) invert(1)}
footer p{margin:19px 0 0;font-size:clamp(20px,2.1vw,32px);letter-spacing:-.03em;font-weight:500}
footer span{position:absolute;bottom:28px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.52}

@media (max-width:900px){
  .discover{height:1450vh}
  .discover-copy{padding:6vh 6vw;display:block}
  .discover h1{font-size:clamp(48px,12vw,82px)}
  .word-list{margin-top:18px;margin-left:24vw;font-size:clamp(38px,9.3vw,68px);line-height:.9}
  .word-list div{white-space:normal}
  .media-shell{left:6vw;width:58vw;height:45vh;bottom:12vh}
  .stack-mark{left:6vw;width:56px;bottom:4vh}
  .scroll-cue{display:none}
  .stat-section,.product-section{grid-template-columns:1fr;gap:8vh}
  .stat-section{padding-top:14vh}
  .stat-visual img{width:min(72%,430px)}
  .product-section{padding-top:10vh}
  .university-grid{grid-template-columns:repeat(2,1fr)}
  .university-logo:last-child{grid-column:1/-1;width:calc(50% - 8px);justify-self:center}
}
@media (max-width:560px){
  .discover-copy{padding-top:5vh}
  .word-list{margin-left:10vw;font-size:10vw}
  .media-shell{width:72vw;height:39vh;left:5vw;bottom:12vh}
  .media-frame{border-radius:20px}
  .manifesto,.stat-section,.product-section{padding-left:6vw;padding-right:6vw}
  .university-grid{grid-template-columns:1fr}
  .university-logo:last-child{grid-column:auto;width:100%}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
