@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Space+Mono:wght@400;700&display=swap');

:root{--bg:#0c1020;--panel:#131a2c;--panel2:#182039;--ink:#f4f4e9;--muted:#bdc7df;--orange:#dbfb55;--violet:#9cb7ff;--line:#344465;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--mono:'Space Mono',monospace}
.utility{background:#0a0e19;border-color:#27344e}.utility-in,.eyebrow,.brand small{font-family:var(--mono);letter-spacing:.1em}
.mast{min-height:75px}.brand>b{font-size:46px;font-weight:900;font-style:italic}.brand small{font-size:9px;color:#e5eaff}.brand b span{color:var(--orange)}
.hero{min-height:min(700px,80vh);border-color:#40517c}.hero-bg{background-position:center 46%}.hero::after{z-index:-1;background:linear-gradient(90deg,#0b1020 0%,#0b1020f0 14%,#0b1020bb 30%,#0b10201a 61%,transparent),linear-gradient(0deg,#0b1020b5,transparent 37%);pointer-events:none}
.hero h1{font-size:clamp(6rem,15vw,13rem);font-weight:900;line-height:.76;letter-spacing:-.025em;text-shadow:0 3px 24px #071022b5;margin:.12em 0 .18em}.hero p{font-size:clamp(1.02rem,2vw,1.3rem);color:#f2f5ff;max-width:410px}.hero-body{padding-block:75px}.hero .eyebrow,.hero h1 span{color:var(--orange)}
h2,.inner-hero h1{font-weight:800;letter-spacing:-.025em}.button.primary{color:#151b0a}.button.primary:hover{background:#edff9b}.secondary{background:#141d33e6;border-color:#7894ce}.button{border-radius:2px}.strip{background:var(--orange);color:#111808}.strip-motion{font-family:var(--mono)}
.band,.inner-hero{border-color:#344465;background:linear-gradient(115deg,#111936,#0c1020)}.perk,.perks{color:#e6ebff}.gem{color:#151b0a;background:linear-gradient(135deg,#f0ffa4,#8dab2d);border-color:#e7ff86;box-shadow:inset 2px 2px 7px #fff7,0 5px 11px #091022}.tee-pill{background:var(--orange);color:#171c0a;border-color:var(--orange)}.tee-pill:hover{color:#171c0a;background:#edff9b}
.look,.article-card,.catalog-card{border-color:#334464}.scene{display:none}.look strong{font-family:var(--display);font-weight:800}.look .code,.product-photo .code,.catalog-image .code{color:#151b0a;background:#dbfb55;font-family:var(--mono)}
.light{--spot:rgb(210 255 110 / .32)}.light::after{background:radial-gradient(circle at var(--mx,55%) var(--my,40%),var(--spot) 0%,transparent 44%);pointer-events:none}.hero.light::before{position:absolute;inset:0;content:'';z-index:0;background:radial-gradient(circle at var(--mx,58%) var(--my,35%),#d4ff7a35 0%,transparent 38%);opacity:0;pointer-events:none;transition:opacity .2s}.hero.light:hover::before{opacity:1}.hero-body{position:relative;z-index:1}
.starter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.starter-grid .article-card img{aspect-ratio:4/3}.product-detail h3{margin:24px 0 0;font-size:1.25rem}.product-detail h2{font-size:clamp(1.8rem,4vw,3.3rem)}
#signal{max-width:740px;border-radius:10px;border-color:#7085cb;background:#0a1021;padding:8px}.signal-screen{aspect-ratio:16/9;display:grid;align-content:center;justify-items:center;background:repeating-linear-gradient(0deg,#0a1537 0px,#182967 3px,#121e3f 6px);position:relative;overflow:hidden}.signal-screen::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#e6ff7030 0 1px,transparent 2px 7px);animation:interference 1.2s ease-out forwards}.signal-screen b{z-index:1;font:900 clamp(4rem,15vw,10rem)/.85 var(--display);text-shadow:4px 3px #4467ea;animation:tune .9s ease-out both}.signal-screen b span{color:var(--orange)}.signal-screen small{font:700 clamp(.6rem,2vw,.9rem)/2.5 var(--mono);z-index:1;color:#e6edff}
@keyframes interference{0%{opacity:1;transform:translateY(20px) scale(1.15)}45%{opacity:.7;transform:translateY(-13px)}100%{opacity:.08;transform:none}}
@keyframes tune{0%,38%{opacity:.2;filter:blur(8px);transform:scaleY(.65) skewX(-9deg)}100%{opacity:1;filter:none;transform:none}}
@media(max-width:850px){.starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:570px}.hero-bg{background-position:64% center}.hero::after{background:linear-gradient(90deg,#0b1020e5 0%,#0b1020a0 42%,#0b102036 100%),linear-gradient(0deg,#0b1020c5,transparent 70%)}}
@media(max-width:480px){.hero{min-height:520px}.hero h1{font-size:clamp(4.75rem,19vw,6.8rem)}.hero .hero-body{padding-block:70px 42px}.hero p{max-width:270px}.hero-actions{flex-wrap:wrap}.hero .button{min-height:42px}.starter-grid{grid-template-columns:1fr}.brand>b{font-size:36px}.brand small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.signal-screen b,.signal-screen::after,.hero.light::before{animation:none;transition:none}}
.traffic-settings{background:transparent;border:0;color:var(--muted);padding:.25rem 0;text-decoration:underline;font:inherit}.traffic-preferences{color:var(--ink);background:var(--panel);border:1px solid var(--line);max-width:min(28rem,90vw);padding:1.2rem}.traffic-preferences::backdrop{background:#080c17b0}.traffic-preferences h2{font-size:1.8rem}.traffic-preferences button{background:var(--panel2);color:var(--ink);border:1px solid var(--line);padding:.6rem;margin:.2rem 0}

:root{--bg:#151d17;--panel:#202b21;--panel2:#273429;--ink:#f3eddb;--muted:#d1cab5;--orange:#dce7a9;--violet:#deb391;--line:#495648;--display:Georgia,serif;--mono:Consolas,monospace}
.utility{background:#111812;border-color:var(--line)}
.brand>b{font:700 clamp(1.5rem,3.5vw,2.65rem)/.95 var(--display);letter-spacing:-.065em}
.hero{min-height:min(740px,84vh);border-color:var(--line)}
.hero::after{background:linear-gradient(90deg,#122017 2%,#111e16d9 27%,#17231b36 64%,transparent),linear-gradient(0deg,#17231bb0,transparent 48%)}
.hero h1{font-size:clamp(4rem,8.4vw,8rem);font-weight:500;line-height:.94;letter-spacing:-.065em;color:#fbf4e1;text-shadow:0 3px 26px #111912a0}
.hero p{color:#f3eddb;max-width:430px}
.button{border-radius:3px}.button.primary{background:var(--orange);color:#1c281c}.button.primary:hover,.tee-pill:hover{background:#ecf2cd}
.button.secondary,.secondary{background:#18261de5;border-color:#b6c1a2}
.strip{background:#dbe6b0;color:#1c281c}
.band,.inner-hero{background:linear-gradient(115deg,#28392c,#151d17);border-color:var(--line)}
.perk,.perks{color:var(--ink)}.gem{background:linear-gradient(135deg,#eef3d8,#9aab71);color:#17231b;border-color:#dce7a9;box-shadow:inset 2px 2px 7px #fff6,0 5px 11px #101a15}
.look,.article-card,.catalog-card{border-color:var(--line)}
.look .code,.product-photo .code,.catalog-image .code{background:#e3e9c3;color:#1b2c20}
.look strong{font-weight:500}.light{--spot:rgb(247 228 167 / .33)}
.product-photo{padding:clamp(.7rem,2.8vw,2.8rem);background:linear-gradient(145deg,#dce2c9,#adbb95);border-color:#718366}.product-photo img{object-fit:contain}
.organic-notes{margin-top:2.5rem;padding:clamp(1rem,4vw,2.6rem);background:var(--panel);border:1px solid var(--line);border-radius:4px}
.organic-notes h2{margin-top:0}.organic-notes p{max-width:76ch}.organic-notes h3{margin-top:1.5rem}
#signal{border-color:#809171;background:#131d17}.signal-screen{background:repeating-linear-gradient(0deg,#17241a 0,#27372a 3px,#18261d 6px)}.signal-screen b{text-shadow:3px 3px #53694b}.signal-screen small{color:#ede9d6}
@media(max-width:850px){.hero::after{background:linear-gradient(90deg,#101a13e8,#15251c83 66%,#15251c44),linear-gradient(0deg,#101a13d0,transparent 64%)}}
@media(max-width:480px){.hero h1{font-size:clamp(3rem,11vw,4.2rem)}}