:root{--ink:#0a0a0a;--paper:#fff;--pink:#ff2d55;--cyan:#00e5ff;--yellow:#ffd60a;--display:"Unbounded",system-ui,sans-serif;--body:"Outfit",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:#fdfdfd;color:var(--ink);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.container{width:min(100% - 48px,1400px);margin:auto}.narrow{width:min(100% - 48px,1100px);margin:auto}.display{font-family:var(--display);letter-spacing:-.04em}.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.23em;text-transform:uppercase}.muted{color:#666}.section{padding:104px 0}.site-header{position:fixed;inset:0 0 auto;z-index:50;height:66px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:2px solid var(--ink)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:-.06em}.brand .pink{color:var(--pink)}.brand .cyan{color:var(--cyan)}.nav{display:flex;gap:30px;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.nav a:hover{color:var(--pink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:2px solid var(--ink);background:var(--ink);color:#fff;padding:14px 22px;font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;transition:.18s}.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--cyan)}.button.small{padding:10px 16px;font-size:.76rem}.button.light{background:var(--cyan);color:var(--ink);border-color:#fff;box-shadow:6px 6px 0 #fff}.button.outline{background:transparent;border-color:currentColor}.hero{padding:138px 0 92px;background-color:#fff;background-image:linear-gradient(90deg,rgba(0,0,0,.055) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.055) 1px,transparent 1px);background-size:56px 56px;position:relative;overflow:hidden}.label{display:inline-flex;border:2px solid;padding:9px 14px;background:#fff}.hero h1{margin:30px 0 0;font-family:var(--display);font-size:clamp(3rem,7.5vw,7rem);line-height:.9;text-transform:uppercase;letter-spacing:-.075em;max-width:1200px}.underline{position:relative;z-index:1}.underline:after{content:"";position:absolute;left:0;right:0;bottom:.08em;height:.16em;background:var(--cyan);z-index:-1}.hero-copy{max-width:720px;margin:30px 0 0;font-size:1.18rem;line-height:1.65;color:#444}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.text-link{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;font-weight:600}.stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:760px;margin:58px 0 0;padding-top:25px;border-top:2px solid;gap:20px}.stats dt{font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:.18em;font-weight:700}.stats dd{margin:4px 0 0;font-family:var(--display);font-size:2rem;font-weight:900}.marquee{overflow:hidden;background:#000;color:#fff;border-block:2px solid;padding:14px 0}.marquee-track{display:flex;width:max-content;animation:marquee 40s linear infinite}.marquee span{white-space:nowrap;padding:0 30px;font-family:var(--display);font-size:clamp(1.3rem,3vw,2.2rem);font-weight:900;text-transform:uppercase}.marquee b{color:var(--cyan);margin-left:35px}@keyframes marquee{to{transform:translateX(-50%)}}.character{position:relative;min-height:88vh;display:grid;place-items:center;background:linear-gradient(108deg,var(--primary) 0 40%,var(--secondary) 40% 100%);color:var(--text);overflow:hidden}.character.reverse{background:linear-gradient(72deg,var(--secondary) 0 60%,var(--primary) 60% 100%)}.character-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding-block:78px}.character.reverse .visual{order:2}.visual{display:flex;justify-content:center}.visual img{width:min(100%,520px);aspect-ratio:3/4;object-fit:cover;filter:drop-shadow(0 26px 34px rgba(0,0,0,.34));transition:.5s}.visual img:hover{transform:scale(1.025) rotate(-1deg)}.char-copy h2{font-family:var(--display);font-size:clamp(3.6rem,7vw,7rem);line-height:.88;margin:18px 0;text-transform:uppercase;letter-spacing:-.075em}.tagline{font-family:var(--display);font-size:clamp(1.15rem,2vw,1.55rem);font-weight:700;max-width:600px}.description{font-size:1.08rem;line-height:1.65;max-width:600px;opacity:.9}.traits,.chips{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none;margin:25px 0}.traits li,.chip{border:2px solid;padding:7px 11px;font-size:.75rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.section-title{font-family:var(--display);font-size:clamp(2.5rem,5.4vw,5rem);line-height:.95;text-transform:uppercase;letter-spacing:-.06em;margin:16px 0 0}.lead{font-size:1.1rem;line-height:1.7;color:#555;max-width:720px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.card{border:2px solid #ddd;border-radius:18px;padding:28px;background:#fff;transition:.25s}.card:hover{transform:translateY(-4px);border-color:#000}.icon{display:grid;place-items:center;width:48px;height:48px;background:#000;color:#fff;font-size:1.4rem}.card h3,.tile h3{font-family:var(--display);font-size:1.45rem;margin:22px 0 10px;letter-spacing:-.04em}.card p,.tile p{line-height:1.65;color:#555}.dark{background:#0a0a0a;color:#fff}.dark .eyebrow{color:var(--cyan)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:60px}.step{border-top:2px solid #555;padding-top:22px}.step-num{font-family:var(--display);font-size:5rem;line-height:1;color:rgba(255,255,255,.15);font-weight:900}.step h3{font-family:var(--display);text-transform:uppercase;font-size:1.35rem}.step p{color:#aaa;line-height:1.6}.guide-head{display:grid;grid-template-columns:2fr 1fr;align-items:end;gap:40px}.magazine{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:55px}.tile{border-radius:18px;padding:34px;border:2px solid #000}.tile.dark-tile{grid-column:span 5;background:#0a0a0a;color:#fff}.tile.cyan-tile{grid-column:span 3;background:var(--cyan)}.tile.yellow-tile{grid-column:span 4;background:var(--yellow)}.tile.memory{grid-column:span 7}.tile.pink-tile{grid-column:span 5;background:var(--pink);color:#fff}.tile.topics{grid-column:span 7}.tile.dark-tile p,.tile.pink-tile p{color:#ddd}.big-stat{font-family:var(--display);font-size:4.6rem;font-weight:900;margin-top:70px}.quote{font-family:var(--display);font-size:1.35rem;font-weight:900;text-transform:uppercase;margin-top:50px}.faq{border-bottom:2px solid #ddd}.faq button{width:100%;display:flex;justify-content:space-between;text-align:left;border:0;background:none;padding:24px 0;font-family:var(--display);font-size:clamp(1.15rem,2vw,1.5rem);font-weight:900;text-transform:uppercase;cursor:pointer}.faq-answer{display:none;max-width:780px;padding:0 0 25px;color:#555;font-size:1.08rem;line-height:1.65}.faq.open .faq-answer{display:block}.cta-panel{margin-top:60px;border:2px solid;padding:38px;background:var(--yellow)}.cta-panel h3{font-family:var(--display);font-size:clamp(2rem,4vw,3.6rem);text-transform:uppercase;letter-spacing:-.055em;margin:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-top:36px;font-size:1.08rem;line-height:1.7}.footer{background:#000;color:#fff;padding:74px 0 32px}.footer-logo{font-family:var(--display);font-size:clamp(2.5rem,10vw,9rem);font-weight:900;letter-spacing:-.085em;text-transform:uppercase;line-height:.86;border-bottom:2px solid #333;padding-bottom:28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;margin-top:45px}.footer p{color:#aaa;line-height:1.6}.footer h4{color:#888;text-transform:uppercase;letter-spacing:.2em;font-size:.76rem}.footer ul{list-style:none;padding:0;line-height:2}.copyright{margin-top:55px;padding-top:25px;border-top:1px solid #333;color:#888;display:flex;justify-content:space-between}.floating{position:fixed;right:28px;bottom:28px;z-index:45;display:none}.floating.show{display:inline-flex}.breadcrumbs{padding-top:100px;padding-bottom:20px;font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.char-hero{border-bottom:2px solid;padding:42px 0 70px}.char-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.char-hero h1{font-family:var(--display);font-size:clamp(2.7rem,5.2vw,5rem);line-height:.94;text-transform:uppercase;letter-spacing:-.06em}.char-hero img{width:min(100%,560px);aspect-ratio:3/4;object-fit:cover}.bio-grid{display:grid;grid-template-columns:2fr 1fr;gap:70px}.bio article>p:first-child{font-family:var(--display);font-weight:900;font-size:1.7rem;line-height:1.3}.bio h2{font-family:var(--display);font-size:2.15rem;text-transform:uppercase;letter-spacing:-.05em;margin:48px 0 14px}.bio p{font-size:1.08rem;line-height:1.7;color:#444}.starters{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0}.starters a{display:block;border:2px solid;padding:15px;font-size:1.05rem}.starters a:hover{background:#000;color:#fff}.facts{position:sticky;top:92px;border:2px solid;padding:25px;background:#f5f5f5}.facts div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #ddd;padding:14px 0}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.related a{border:2px solid #444;padding:18px}.related img{width:100%;aspect-ratio:4/5;object-fit:cover}.related h3{font-family:var(--display);font-size:1.8rem;text-transform:uppercase}.skip-fade{animation:fade .4s ease}@keyframes fade{from{opacity:.35;transform:translateY(8px)}}@media(max-width:900px){.nav{display:none}.character-grid,.char-hero-grid,.bio-grid{grid-template-columns:1fr}.character.reverse .visual{order:0}.character,.character.reverse{background:linear-gradient(172deg,var(--primary) 0 43%,var(--secondary) 43% 100%)}.features{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.guide-head{grid-template-columns:1fr}.tile.dark-tile,.tile.cyan-tile,.tile.yellow-tile,.tile.memory,.tile.pink-tile,.tile.topics{grid-column:span 12}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:600px){.container,.narrow{width:min(100% - 32px,1400px)}.section{padding:72px 0}.hero{padding:110px 0 65px}.hero h1{font-size:clamp(2.65rem,14vw,4.2rem)}.hero-actions{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.character{min-height:0}.character-grid{padding-block:55px}.char-copy h2{font-size:3.6rem}.features,.steps,.two-col,.related,.starters{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.copyright{flex-direction:column;gap:8px}.floating{right:16px;bottom:16px}.floating .button{font-size:.7rem;padding:12px}.magazine{display:block}.tile{margin-top:14px}.char-hero{padding-bottom:50px}.bio h2{font-size:1.7rem}}
