:root{
  --ink:#1d1d1b;
  --paper:#f3ecdc;
  --white:#fff;
  --acid:#ebc23d;
  --pink:#fe6e65;
  --blue:#04a1bf;
  --teal:#00807d;
  --red:#f40a09;
  --green:#a3ed95;
  --purple:#e39bf1;
  --deep-purple:#280a3c;
  --line:rgba(29,29,27,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:"Poppins",Arial,sans-serif;
  line-height:1.55;
}
a{color:inherit}
.site-shell{overflow:hidden}
.topbar{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px clamp(20px,4vw,64px);
  background:rgba(243,236,220,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.brand{text-decoration:none;display:flex;gap:10px;align-items:baseline}
.brand-mark{font-weight:900;letter-spacing:-.04em;font-size:1.25rem}
.brand-note{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em}
.mini-cta{
  text-decoration:none;background:var(--ink);color:var(--white);
  padding:9px 14px;border-radius:999px;font-weight:700;font-size:.85rem
}
.section{padding:clamp(72px,9vw,140px) clamp(20px,6vw,96px)}
.hero{min-height:92vh;display:flex;flex-direction:column;justify-content:center}
.eyebrow,.section-label{
  font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase
}
.hero h1{
  font-size:clamp(4.2rem,13vw,11rem);line-height:.82;
  letter-spacing:-.075em;margin:28px 0 20px;max-width:1200px
}
.hero h1 span{
  display:inline-block;background:var(--red);color:var(--white);padding:.02em .09em .08em;
  transform:rotate(-1deg)
}
.hero-copy{font-size:clamp(1.8rem,4vw,4rem);font-weight:700;margin:0 0 70px}
.hero-bottom{
  display:grid;grid-template-columns:minmax(0,720px) auto;
  gap:30px;align-items:end;border-top:1px solid var(--ink);padding-top:20px
}
.hero-bottom p{font-size:clamp(1rem,1.5vw,1.3rem);margin:0}
.down-link{font-weight:800;text-decoration:none;white-space:nowrap}
.ticker{
  background:var(--ink);color:var(--white);overflow:hidden;
  transform:rotate(-1deg);width:102%;margin-left:-1%
}
.ticker-track{
  display:flex;gap:36px;white-space:nowrap;padding:15px 0;
  width:max-content;animation:ticker 26s linear infinite;font-weight:800;
  letter-spacing:.08em
}
.ticker-track span:after{content:" ✦";color:var(--red);margin-left:36px}
@keyframes ticker{to{transform:translateX(-50%)}}
.intro-grid{
  display:grid;grid-template-columns:240px 1fr;gap:clamp(35px,8vw,120px)
}
.big-copy{max-width:960px}
.big-copy p{font-size:clamp(1.35rem,2.25vw,2.2rem);margin:0 0 1.3em}
.statement{
  font-weight:800!important;font-size:clamp(1.45rem,2.7vw,2.8rem)!important;
  line-height:1.15!important;letter-spacing:-.04em
}
.section-head{display:grid;grid-template-columns:240px 1fr;gap:clamp(35px,8vw,120px);align-items:end}
.section-head h2{font-size:clamp(2.7rem,6vw,6rem);line-height:.95;letter-spacing:-.055em;margin:0}
.role-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:56px 0 26px}
.role-tab{
  border:1px solid var(--ink);background:transparent;border-radius:999px;
  padding:12px 18px;font:inherit;font-weight:700;cursor:pointer
}
.role-tab.active{background:var(--ink);color:var(--white)}
.role-panel{display:none;border-top:1px solid var(--ink);padding-top:38px}
.role-panel.active{display:block}
.role-kicker{
  font-size:clamp(2rem,4vw,4.5rem);font-weight:800;
  letter-spacing:-.05em;line-height:1;margin-bottom:44px;max-width:1050px
}
.role-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px)}
.role-columns p{font-size:1.08rem}
.brainrot-card{
  margin-top:52px;background:var(--pink);padding:clamp(28px,5vw,64px);
  transform:rotate(.4deg);box-shadow:10px 10px 0 var(--ink)
}
.brainrot-title{font-size:clamp(2rem,4vw,4rem);font-weight:900;line-height:1;letter-spacing:-.05em}
.work-life{background:var(--ink);color:var(--white)}
.oversized{font-size:clamp(3.5rem,9vw,8.5rem);font-weight:900;line-height:.88;letter-spacing:-.065em;margin:50px 0}
.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#444}
.facts-grid article{background:var(--ink);padding:28px;min-height:270px}
.facts-grid span{color:var(--red);font-weight:800}
.facts-grid h3{font-size:1.35rem;line-height:1.1;margin:55px 0 15px}
.ai-section{background:var(--blue)}
.fake-ai{
  max-width:1000px;background:rgba(255,255,255,.45);border:1px solid rgba(0,0,0,.2);
  padding:34px;margin:50px 0 28px;border-radius:18px
}
.fake-ai p{font-size:clamp(1.1rem,2vw,1.55rem);color:#313131}
.ai-reveal h2{font-size:clamp(2rem,5vw,5rem);letter-spacing:-.05em;margin:0}
.ai-reveal .huge{font-size:clamp(2.4rem,6vw,6.5rem);font-weight:900;line-height:.9;letter-spacing:-.06em;margin:.3em 0}
.ai-reveal>p:not(.huge):not(.statement){max-width:820px;font-size:1.1rem}
.culture-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(30px,6vw,90px);margin-top:55px}
.culture-copy p{font-size:clamp(1.15rem,2vw,1.6rem)}
.nerd-box{background:var(--green);padding:32px;transform:rotate(1deg);align-self:start}
.scribble{font-size:clamp(2rem,4vw,4rem);font-weight:900;line-height:.9;letter-spacing:-.04em}
.vibes{margin-top:100px;max-width:1000px}
.vibes h2{font-size:clamp(3rem,7vw,7rem);line-height:.9;letter-spacing:-.06em}
.vibes p{font-size:1.15rem}
.internship{border-top:1px solid var(--ink)}
.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,8vw,120px);margin-top:55px}
.split h2{font-size:clamp(3rem,7vw,7rem);line-height:.9;letter-spacing:-.06em;margin:0}
.split p{font-size:1.08rem}
.practical{background:#fff}
.practical-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}
.practical-card{border:1px solid var(--ink);padding:24px;min-height:230px;display:flex;flex-direction:column}
.practical-card small{font-weight:800;letter-spacing:.12em}
.practical-card strong{font-size:clamp(2rem,4vw,4rem);line-height:.95;margin:auto 0 18px;letter-spacing:-.05em}
.practical-card span{font-size:.92rem}
.practical-note{font-size:1.15rem;max-width:800px;margin-top:35px}
.money{text-align:center}
.money .section-label{text-align:left}
.money-number{font-size:clamp(4rem,12vw,12rem);font-weight:900;letter-spacing:-.08em;line-height:.9;margin:60px 0 30px}
.money-number span{font-size:.18em;vertical-align:top;letter-spacing:0}
.money>p{max-width:820px;margin:18px auto;font-size:1.1rem}
.apply{background:var(--acid)}
.apply h2{font-size:clamp(4rem,10vw,10rem);line-height:.84;letter-spacing:-.075em;margin:50px 0}
.bad-cover-letter{max-width:900px;font-size:clamp(1.2rem,2.3vw,2rem);margin:60px 0}
.strike{text-decoration:line-through;opacity:.62;margin-bottom:12px}
.apply-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,8vw,100px);border-top:1px solid var(--ink);padding-top:40px}
.lead{font-size:clamp(1.5rem,3vw,2.8rem);font-weight:700;line-height:1.1}
.chaos-list{list-style:none;padding:0;margin:38px 0 0}
.chaos-list li{border-bottom:1px solid rgba(0,0,0,.25);padding:12px 0;font-weight:600}
.apply-side p{font-size:1.08rem}
.how-to,.after-apply{margin-top:90px;border-top:4px solid var(--ink);padding-top:28px}
.how-to h3,.after-apply h3{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.04em;margin:0 0 20px}
.how-to p,.after-apply p{max-width:900px;font-size:1.08rem}
.big-email{
  display:inline-block;margin-top:35px;background:var(--ink);color:var(--white);
  text-decoration:none;padding:18px 24px;font-weight:800;font-size:clamp(1.2rem,2.2vw,2rem);
  box-shadow:8px 8px 0 var(--red);transition:.18s transform,.18s box-shadow
}
.big-email:hover{transform:translate(4px,4px);box-shadow:4px 4px 0 var(--red)}
footer{
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:28px clamp(20px,6vw,96px);background:var(--ink);color:var(--white);
  font-size:.85rem
}
footer a{text-decoration:none}
@media (max-width:900px){
  .intro-grid,.section-head,.culture-grid,.split,.apply-grid{grid-template-columns:1fr}
  .role-columns{grid-template-columns:1fr}
  .facts-grid,.practical-cards{grid-template-columns:1fr 1fr}
  .hero-bottom{grid-template-columns:1fr}
  .section-label{margin-bottom:18px}
}
@media (max-width:600px){
  .topbar{padding:14px 18px}
  .hero{min-height:84vh}
  .facts-grid,.practical-cards{grid-template-columns:1fr}
  .facts-grid article{min-height:210px}
  .role-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:6px}
  .role-tab{white-space:nowrap}
  .brainrot-card{box-shadow:6px 6px 0 var(--ink)}
  .apply h2{font-size:clamp(3.5rem,18vw,6rem)}
}
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
  .ticker-track{animation:none}
}

.brand{height:48px;display:flex;align-items:center;gap:14px}
.brand-logo{display:block;height:42px;width:auto;max-width:180px;object-fit:contain}
.brand-note{border-left:1px solid var(--line);padding-left:14px}
.mini-cta{background:var(--red)}
.role-tab.active{background:var(--red);border-color:var(--red)}
.money-number{color:var(--red)}
.how-to{border-top-color:var(--red)}
@media(max-width:600px){
  .brand{height:38px}
  .brand-logo{height:34px;max-width:135px}
  .brand-note{font-size:.66rem}
}


/* Presentation-style text decks */
.deck{
  margin-top:42px;
  border:1px solid var(--ink);
  background:rgba(255,255,255,.45);
  box-shadow:10px 10px 0 var(--ink);
  overflow:hidden;
}
.deck-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 18px;
  border-bottom:1px solid var(--ink);
  font-weight:800;
}
.deck-count{font-size:.85rem;letter-spacing:.12em}
.deck-arrows{display:flex;gap:8px}
.deck-arrows button{
  width:42px;height:42px;border:1px solid var(--ink);
  background:var(--paper);font:inherit;font-weight:900;cursor:pointer;
}
.deck-arrows button:hover{background:var(--ink);color:#fff}
.deck-viewport{overflow:hidden}
.deck-track{display:flex;transition:transform .38s cubic-bezier(.2,.8,.2,1)}
.deck-slide{
  flex:0 0 100%;
  min-height:470px;
  padding:clamp(30px,5vw,70px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.deck-slide h3{
  font-size:clamp(2.4rem,5.7vw,5.6rem);
  line-height:.92;
  letter-spacing:-.055em;
  margin:10px 0 28px;
  max-width:1000px;
}
.deck-slide p{
  font-size:clamp(1rem,1.45vw,1.23rem);
  max-width:900px;
}
.slide-number{
  font-size:.8rem;
  font-weight:900;
  letter-spacing:.15em;
  opacity:.65;
}
.accent-coral{background:var(--pink)}
.accent-red{background:var(--red);color:#fff}
.role-after{margin-top:54px;max-width:1000px}
.role-after p{font-size:1.08rem}
.culture-deck{margin-top:65px}
.compact-deck{margin-top:0}
.practical-deck{margin-top:55px}
.apply-deck{margin-top:55px}
.apply-deck .deck-slide{background:rgba(255,255,255,.3)}
.apply-deck .accent-red{background:var(--red)}
.dark-copy{margin:0 0 55px;max-width:980px}
.dark-copy p{font-size:1.08rem}
.money-copy{max-width:900px;margin:auto}
.money-copy p{font-size:1.08rem}
@media(max-width:700px){
  .deck{box-shadow:6px 6px 0 var(--ink)}
  .deck-slide{min-height:520px;padding:26px 22px}
  .deck-slide h3{font-size:clamp(2rem,10vw,3.4rem)}
}