@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#101010;--paper:#f0efea;--white:#fff;--acid:#dfff00;--line:rgba(16,16,16,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;overflow-x:hidden}a{color:inherit}.skip{position:fixed;left:1rem;top:-5rem;background:var(--acid);padding:.8rem 1rem;z-index:100}.skip:focus{top:1rem}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,4vw,4.5rem);border-bottom:1px solid var(--line);position:absolute;top:0;width:100%;z-index:20}.brand{font-family:Manrope,sans-serif;font-size:1.35rem;font-weight:800;text-decoration:none;letter-spacing:-.08em}.brand span{color:var(--acid);text-shadow:0 0 0 #000}.nav nav{display:flex;align-items:center;gap:2rem}.nav nav a{font-size:.78rem;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.06em}.nav-cta{border:1px solid;padding:.65rem 1rem;border-radius:99px}.hero{min-height:100svh;padding:clamp(8rem,12vw,10rem) clamp(1.25rem,4vw,4.5rem) 4rem;display:grid;grid-template-columns:48% 52%;position:relative}.hero-copy{z-index:2}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:.65rem}.dot{height:9px;width:9px;border-radius:50%;background:var(--ink);display:inline-block}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(5.4rem,13vw,12.5rem);letter-spacing:-.1em;line-height:.72;margin:clamp(4rem,9vh,7rem) 0 2.5rem;font-weight:800}.hero h1>span{display:flex;align-items:center}.hero .arrow{font-size:.7em;color:var(--acid);-webkit-text-stroke:3px var(--ink);margin-left:.02em}.hero-line{font-size:clamp(1.05rem,1.7vw,1.55rem);line-height:1.2;font-weight:600;margin-left:.5rem}.round-link{margin-top:2rem;margin-left:55%;height:120px;width:120px;background:var(--ink);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;font-weight:700;font-size:.72rem;line-height:1.15;transition:.25s}.round-link b{font-size:1.4rem}.round-link:hover{transform:rotate(7deg);background:var(--acid);color:var(--ink)}.hero-art{position:relative;min-height:650px;display:grid;place-items:center}.poster-wrap{width:min(74%,560px);height:76vh;max-height:790px;overflow:hidden;transform:rotate(5deg);box-shadow:1.5rem 2rem 0 var(--ink);z-index:3;background:#ddd}.poster-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top}.orbit{position:absolute;border:1px solid rgba(16,16,16,.22);border-radius:50%;width:90%;aspect-ratio:1}.orbit-two{width:65%}.side-note{position:absolute;right:-1rem;top:50%;font-size:.66rem;letter-spacing:.15em;transform:rotate(90deg)}.scroll-note{position:absolute;bottom:2rem;left:4.5rem;font-size:.66rem;font-weight:700;letter-spacing:.14em}.scroll-note span{display:inline-block;margin-left:.5rem}.ticker{background:var(--acid);border-block:2px solid var(--ink);overflow:hidden;white-space:nowrap;transform:rotate(-1deg) scale(1.02)}.ticker div{font:800 clamp(2rem,4vw,4rem)/1 Manrope;padding:.35em 0;letter-spacing:-.04em;animation:ticker 18s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.section-pad{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,7vw,8rem)}.section-number{font-size:.72rem;letter-spacing:.15em;font-weight:700;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:5rem}.section-number.light{border-color:#444}.problem-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:10vw}.problem h2,.moments h2,.challenge h2,.pledge h2{font:800 clamp(3.7rem,8vw,8rem)/.88 Manrope;margin:0;letter-spacing:-.075em;text-transform:uppercase}.problem h2 em,.moments h2 em,.challenge h2 em{font-weight:400}.problem-copy{max-width:550px}.problem-copy .lead{font-size:clamp(1.4rem,2.5vw,2.2rem);font-weight:600;line-height:1.15}.problem-copy p:last-child{font-size:1.05rem;line-height:1.65;color:#474747}.attention-demo{min-height:580px;margin-top:7rem;border:1px solid var(--line);position:relative;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.phone-feed{background:var(--ink);color:white;width:280px;height:530px;border:9px solid #242424;border-radius:42px;align-self:center;justify-self:center;padding:1.5rem 1.1rem;transition:.7s;z-index:2}.feed-top{display:flex;justify-content:space-between;font-size:.65rem}.post{display:flex;gap:.7rem;margin:2rem 0}.avatar{width:32px;height:32px;border-radius:50%;background:#777}.lines{flex:1}.lines i{display:block;height:5px;background:#aaa;margin:.45rem 0}.lines i:last-child{width:55%}.post-image{height:280px;background:linear-gradient(155deg,#474747,#1b1b1b);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#aaa;text-transform:uppercase;font-size:.65rem;letter-spacing:.2em}.post-image b{font-size:3rem}.world-view{position:relative;filter:blur(9px);opacity:.2;transition:.7s}.moment{position:absolute;border-top:1px solid;padding-top:1rem;width:45%;font-weight:600}.moment span{font-size:.7rem}.moment p{font-size:1.15rem}.m1{top:15%;left:4%}.m2{top:44%;right:6%}.m3{bottom:8%;left:20%}.focus-switch{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);background:var(--white);border:2px solid var(--ink);border-radius:100px;height:55px;width:190px;display:flex;align-items:center;padding:5px;cursor:pointer;z-index:5;font-weight:800}.switch-knob{width:41px;height:41px;border-radius:50%;background:var(--ink);transition:.4s}.switch-text{font-size:.7rem;letter-spacing:.08em;margin-left:1rem}.attention-demo.is-up .phone-feed{transform:translateX(-45vw) rotate(-15deg);opacity:.1}.attention-demo.is-up .world-view{filter:none;opacity:1}.attention-demo.is-up .focus-switch{background:var(--acid)}.attention-demo.is-up .switch-knob{transform:translateX(134px)}.attention-demo.is-up .switch-text{transform:translateX(-41px)}.demo-hint{text-align:center;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.moments{background:var(--ink);color:var(--white)}.moments h2{margin-bottom:5rem}.moment-cards{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #444}.moment-card{min-height:410px;padding:2rem;border-right:1px solid #444;display:flex;flex-direction:column}.moment-card:last-child{border:0}.moment-card>span{font-size:.7rem;color:#aaa}.card-icon{font-size:6rem;color:var(--acid);margin:auto 0;text-align:center}.moment-card h3{font:700 1.4rem Manrope;margin:0 0 .8rem}.moment-card p{color:#aaa;line-height:1.5;margin:0}.challenge-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.challenge-title>p{font-size:.72rem;letter-spacing:.15em;font-weight:700}.steps{margin:0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:55px 1fr;gap:1rem;border-top:1px solid var(--line);padding:2rem 0}.steps li:last-child{border-bottom:1px solid var(--line)}.steps span{font-size:.75rem}.steps h3{font:700 1.4rem Manrope;margin:0 0 .4rem}.steps p{margin:0;color:#555}.pledge{background:var(--ink);color:white;min-height:80vh;position:relative;overflow:hidden;display:flex;align-items:center}.pledge-inner{z-index:2}.pledge h2{font-size:clamp(5rem,11vw,11rem);margin:3rem 0 2rem}.pledge-inner>p:not(.eyebrow){color:#aaa;font-size:1.1rem}.pledge-button{margin-top:2rem;border:0;background:var(--acid);border-radius:99px;padding:1.2rem 1.5rem 1.2rem 2rem;font-weight:800;letter-spacing:.06em;display:flex;gap:2rem;align-items:center;cursor:pointer}.pledge-button b{font-size:1.5rem}.pledge-button:hover{transform:translateY(-3px)}.pledge-success{display:none;align-items:center;gap:1rem;margin-top:2rem}.pledge-success.show{display:flex}.check{height:52px;width:52px;border-radius:50%;display:grid;place-items:center;background:var(--acid);color:var(--ink);font-size:1.5rem}.pledge-success p{margin:0;color:white!important}.giant-arrow{position:absolute;right:-.05em;bottom:-.35em;font:800 55vw/1 Manrope;color:#1d1d1d}.light-dot{background:var(--acid)}footer{display:flex;align-items:center;justify-content:space-between;padding:2rem clamp(1.25rem,4vw,4.5rem);background:var(--ink);color:white;border-top:1px solid #333}footer p{font-size:.65rem;letter-spacing:.1em}.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}@media(max-width:800px){.nav nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:7rem}.hero h1{font-size:27vw;margin:3rem 0 2rem}.hero-line{font-size:1.1rem}.round-link{margin-left:auto;width:100px;height:100px}.hero-art{min-height:530px;margin-top:-2rem}.poster-wrap{height:520px;width:75%;box-shadow:1rem 1.3rem 0 var(--ink)}.scroll-note{display:none}.problem-grid,.challenge-grid{grid-template-columns:1fr;gap:3rem}.problem h2,.moments h2,.challenge h2{font-size:15vw}.section-number{margin-bottom:3rem}.attention-demo{grid-template-columns:1fr;min-height:650px}.phone-feed{position:absolute;top:35px;width:240px;height:455px}.world-view{height:580px}.moment{width:55%}.attention-demo.is-up .phone-feed{transform:translateX(-100vw) rotate(-15deg)}.moment-cards{grid-template-columns:1fr}.moment-card{min-height:340px;border-right:0;border-bottom:1px solid #444}.moments h2{margin-bottom:3rem}.challenge-title{margin-bottom:2rem}.pledge{min-height:75vh}.pledge h2{font-size:20vw}.giant-arrow{font-size:80vw}footer{align-items:flex-start;flex-direction:column;gap:1rem}.side-note{display:none}}@media(max-width:480px){.nav{height:68px}.nav-cta{font-size:.65rem!important}.hero-art{min-height:450px}.poster-wrap{height:430px}.section-pad{padding-block:5rem}.phone-feed{width:215px}.moment p{font-size:.95rem}}
