:root{--ink:#17141C;--panel:#221E2A;--paper:#fff;--orange:#F68831;--pink:#F06892;--cyan:#6FB6E5;--yellow:#F8E457;--muted:#B9B3C4;--campaign-head:"Century Gothic","CenturyGothic","Poppins","Futura",sans-serif}body{background:var(--ink);font-family:Helvetica,Arial,sans-serif;overflow-wrap:break-word}::selection{background:var(--pink);color:var(--ink)}html{scroll-padding-top:100px}h1,h2,h3{font-family:var(--campaign-head);text-transform:uppercase;letter-spacing:.015em;line-height:1.06}h1{font-size:clamp(46px,6.2vw,88px)}h2{font-size:clamp(34px,4.6vw,64px)}.btn{font:700 11px/1.4 var(--campaign-head);text-transform:uppercase;letter-spacing:.08em;background:var(--pink);color:var(--ink);border-radius:0;box-shadow:none;padding:18px 25px;min-height:52px}.btn:hover{background:#fff;color:var(--ink)}.campaign-nav{background:var(--ink);position:sticky;top:0;z-index:10}.campaign-nav .nav-inner,.nav-inner{height:92px;width:min(1320px,calc(100% - 96px))}.campaign-nav img,.nav-inner img{width:128px;height:auto}.campaign-links a,.nav-inner a{font-family:var(--campaign-head);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.campaign-links a:last-child,.project-link{border-radius:0;background:var(--pink);color:var(--ink);border-color:var(--pink);padding:16px 22px}.campaign-links a[href*=led-wall]{border:1px solid var(--yellow);padding:10px 13px;color:var(--yellow)}.wrap{width:min(1320px,calc(100% - 96px))}.hero{background:linear-gradient(90deg,#17141c 5%,#17141cef 42%,#17141c45 80%),url(../assets/doomed-guide-hero.webp) center/cover;padding-top:75px;min-height:800px}.hero-grid{grid-template-columns:1.1fr .9fr;gap:65px}.kicker,.k{font:700 10px/1.6 var(--campaign-head);letter-spacing:.17em;text-transform:uppercase;color:var(--yellow);margin-bottom:25px}.hero-copy>p{font-size:17px;max-width:560px}.proof span,.tagrow span{border-radius:0;font-size:11px;padding:10px 14px}.mockup{transform:rotate(5deg)}.marquee{background:var(--pink);font-family:var(--campaign-head);font-size:14px;padding:20px 0}.marquee div{animation:none;white-space:normal;display:block;text-align:center;padding:0 24px}.card{border-radius:0;padding:32px;border-width:1px 0;background:#fff}.card:before{height:5px}.card h3{font-size:22px}.num{font-family:var(--campaign-head);font-size:64px;color:#605eaa;font-weight:400}.problem{background:var(--orange)}.problem h2{font-size:clamp(38px,4.8vw,70px)}.problem p{font-size:19px}.authority{background:var(--ink)}.authority img{border-radius:0;max-width:450px}.authority-grid{gap:100px}.tagrow span{color:#d6eaf7;border-color:#6fb6e55a}.final{background:var(--ink);padding:100px 0}.final h2{font-size:clamp(42px,6vw,88px)}.capture{border-radius:0;background:var(--panel);box-shadow:none;border-top:4px solid var(--pink);padding:32px}.field input{border-radius:0;background:var(--ink)}.burst{transform:rotate(-8deg);border-radius:0;background:var(--yellow);font-family:var(--campaign-head);font-size:13px}.colorbar,.bar{height:6px;background:linear-gradient(90deg,#f06892 0 20%,#6fb6e5 20% 40%,#8ac651 40% 60%,#f68831 60% 80%,#f8e457 80%)}main.hero{background:var(--ink)}.grid{width:min(1260px,100%);gap:70px}.orange{color:var(--pink)}.next{background:#fff;color:var(--ink)}.next h2{letter-spacing:.015em}.next .btn:hover,.inside .btn:hover{background:var(--ink);color:#fff}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}@media(max-width:1000px){.campaign-nav .nav-inner,.nav-inner,.wrap{width:calc(100% - 56px)}.campaign-links{gap:18px}.campaign-links a{font-size:9px}.hero-grid{gap:35px}.authority-grid{gap:45px}.hero h1{font-size:clamp(42px,6.5vw,68px)}}@media(max-width:800px){.hero{min-height:0}.hero-grid{grid-template-columns:1fr}.campaign-nav .nav-inner,.nav-inner{height:78px}.campaign-links a:not(:last-child){display:none}.campaign-links a[href*=led-wall]{display:block;margin-right:12px;font-size:9px;padding:10px}.campaign-links a:last-child{font-size:9px;padding:13px}.hero h1{font-size:clamp(36px,8.4vw,58px);letter-spacing:.01em}.hero-copy>p{font-size:16px}.mockup{max-width:410px;transform:none}.section-head,.problem-grid,.authority-grid{grid-template-columns:1fr;gap:25px}.cards{grid-template-columns:1fr}.authority img{max-width:350px}.final h2{font-size:clamp(32px,8vw,55px)}.grid{grid-template-columns:1fr}.grid h1{font-size:clamp(36px,8.4vw,60px)}.nav-inner img{width:120px}}@media(max-width:500px){.campaign-nav .nav-inner,.nav-inner,.wrap{width:calc(100% - 40px)}.campaign-nav img{width:120px}.campaign-links a:last-child{font-size:8px;padding:11px 9px}.campaign-links a[href*=led-wall]{font-size:8px;margin-right:8px;padding:8px}.campaign-nav .nav-inner{gap:12px}.hero{padding:45px 0}.hero-grid{gap:22px}.hero h1{font-size:clamp(30px,8.5vw,44px);line-height:1.09}.hero-copy>p{font-size:15px}.kicker{font-size:8px}.proof{gap:7px}.proof span{font-size:9px;padding:8px}.btn{font-size:10px;padding:16px 20px}.marquee{font-size:10px;line-height:1.7}.marquee div{padding:0 20px}section{padding:65px 0}h2,.problem h2{font-size:34px}.problem p{font-size:17px}.card{padding:25px}.card h3{font-size:21px}.final{padding:65px 0}.final h2{font-size:32px}.capture{padding:24px 20px}.grid h1{font-size:32px}main.hero{padding:45px 20px}.next{padding:65px 20px}.next h2{font-size:32px}.project-link{font-size:10px;padding:13px}.download-note{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.mockup{transform:none}}.nav-inner a.project-link{color:var(--ink)}@media(max-width:360px){.campaign-nav .nav-inner:has(.campaign-links){height:auto;flex-wrap:wrap;padding-block:16px;gap:15px}.campaign-links{width:100%;justify-content:space-between}.campaign-links a[href*=led-wall]{margin-right:0}}:root{--motion-ease:cubic-bezier(.2,.7,.2,1);--motion-quick:.16s;--motion-settle:.28s}.btn,.campaign-links a,.project-link{transition:background-color var(--motion-quick) var(--motion-ease),color var(--motion-quick) var(--motion-ease),transform var(--motion-settle) var(--motion-ease)}.btn:after{transition:transform var(--motion-settle) var(--motion-ease)}.btn:active:not(:disabled){transform:translateY(1px) scale(.985);transition-duration:.1s}.btn:focus-visible{background:#fff;color:var(--ink)}.btn:focus-visible:after{transform:translate(3px)}.field input{transition:border-color var(--motion-quick) var(--motion-ease),background-color var(--motion-quick) var(--motion-ease)}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.btn:hover:after{transform:translate(3px)}}@media(hover:none),(pointer:coarse){.btn:hover{transform:none}}@media(prefers-reduced-motion:reduce){.btn,.btn:after{transform:none!important}}
