@font-face{font-family:Watch Condensed;src:url('./assets/condensed.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--green:#b6ff00;--hardware:#76b900;--black:#080b08;--ink:#eaf4df;--muted:#929a8d;--line:#30362a;--fan-speed:6s;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:var(--black);color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:5px}.wrap{max-width:1440px;width:calc(100% - 96px);margin-inline:auto}.nav{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-weight:900;font-size:20px;letter-spacing:-1px}.brand>span:last-child{font-weight:400}.brand-icon{color:var(--green);font-size:39px;margin-right:9px;line-height:1}.nav nav{display:flex;align-items:center;gap:34px;font-size:13px}.nav nav a:hover,.x-link:hover{color:var(--green)}.x-link{background:none;border:0;padding:0}.pill{border:0;background:var(--green);color:var(--black);font-size:13px;font-weight:700;padding:15px 22px;border-radius:30px;display:inline-flex;gap:28px;align-items:center;justify-content:center}.pill:hover{background:#d0ff5a}.hero{padding-top:35px;padding-bottom:34px}.hero-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--green);margin-right:8px}.dot.muted{background:#8c9680}.ticker-tag{color:var(--green);border:1px solid #57711b;border-radius:5px;padding:6px 11px;transform:rotate(5deg);font-weight:700}.hero h1{font-family:Watch Condensed,'Arial Narrow',Impact,sans-serif;font-stretch:condensed;font-size:clamp(80px,13.6vw,197px);font-weight:850;letter-spacing:-.055em;line-height:.95;margin:22px 0 24px;white-space:nowrap;position:relative}.asterisk{display:inline-block;color:var(--green);font-family:Arial,sans-serif;font-size:.71em;font-weight:400;margin-left:.13em;vertical-align:8%;transform:rotate(-12deg)}.hero-bottom{display:flex;justify-content:space-between;align-items:center}.hero-bottom p{font-size:clamp(20px,2.2vw,31px);line-height:1.2;letter-spacing:-1px;margin:0}.hero-aside{display:flex;gap:22px;align-items:center;font-size:13px;line-height:1.6;color:var(--muted);padding-right:18px}.little-arrow{font-size:55px;color:var(--green);font-family:Georgia,serif;transform:rotate(-10deg)}.watch-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;scroll-margin-top:20px}.screen{border:1px solid #3b4530;border-radius:14px;overflow:hidden;background:#10160e;min-width:0}.panel-head,.panel-foot{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:12px;gap:10px}.panel-head{border-bottom:1px solid var(--line);font-weight:700}.panel-head small{font-weight:400;color:var(--muted);margin-left:9px;font-size:11px}.panel-head button{font-size:11px;color:var(--muted);border:none;background:none;padding:8px 0}.panel-foot{height:49px;border-top:1px solid var(--line);color:#acb4a5;font-size:11px}.panel-foot button{border:1px solid #546a2c;background:#25330f;color:var(--green);border-radius:5px;padding:7px 10px;font-size:11px}.tiny-fan{color:var(--green);margin-right:5px;font-size:17px}.camera-stage{height:365px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#374c1b 0,#172110 43%,#10170d 76%)}.corner{position:absolute;width:16px;height:16px;z-index:1;border-color:#52653b;border-style:solid}.top-left{top:20px;left:20px;border-width:1px 0 0 1px}.top-right{top:20px;right:20px;border-width:1px 1px 0 0}.bottom-left{bottom:20px;left:20px;border-width:0 0 1px 1px}.bottom-right{bottom:20px;right:20px;border-width:0 1px 1px 0}.stage-label{position:absolute;left:35px;top:27px;font-size:10px;color:#92a578}.gpu-art{position:absolute;width:65%;max-width:440px;top:78px;left:18%;transform:rotate(-9deg);filter:drop-shadow(0 25px 22px #0009);z-index:1}.gpu-top{height:26px;transform:skewX(-29deg);transform-origin:bottom;background:linear-gradient(180deg,#5c6256,#20261d);border:1px solid #89927d;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:8px;font-weight:bold;letter-spacing:1px}.gpu-top span{transform:skewX(29deg)}.gpu-top span:last-child{font-size:6px;color:#b6beac}.gpu-body{height:143px;background:linear-gradient(125deg,#454b3b,#131810 35%,#394131 70%,#171e11);border:2px solid #63724e;border-radius:4px 8px 6px 4px;display:flex;justify-content:space-evenly;align-items:center;position:relative;box-shadow:inset 0 0 0 7px #242c1d,inset 0 0 0 9px #4d583d}.fan{width:119px;height:119px;border-radius:50%;background:#080c07;border:5px solid #0a0e07;position:relative;box-shadow:0 0 0 2px #717c62,inset 0 0 15px #000;display:grid;place-items:center;overflow:hidden}.blades{position:absolute;inset:3px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#131b0e 0deg 10deg,#65704e 12deg,#2e3923 28deg,#10170c 30deg 40deg);animation:spin var(--fan-speed) linear infinite}.fan>span{display:grid;place-items:center;z-index:1;background:linear-gradient(135deg,#3f512a,#15210c);border:1px solid #879970;border-radius:50%;width:33px;height:33px;color:var(--green);font-size:15px;font-weight:900}.gpu-divider{width:14px;height:112px;background:linear-gradient(100deg,#20271a,#72805e,#222b19);transform:skew(-15deg)}.gpu-bottom{height:25px;background:#0c1208;border:1px solid #445337;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:10px;font-weight:700;color:var(--green);letter-spacing:1px;position:relative}.pins{position:absolute;top:24px;left:16%;width:42%;height:11px;background:repeating-linear-gradient(90deg,#bca965 0 4px,#564b2c 4px 6px);border:2px solid #6d643c}.screw{position:absolute;font-size:12px;color:#95a184}.screw-a{top:0;left:1px}.screw-b{bottom:0;right:1px}.gpu-shadow{position:absolute;width:65%;height:20px;background:#0008;filter:blur(10px);top:277px;left:19%;border-radius:50%}.standby{position:absolute;bottom:32px;left:36px;display:flex;align-items:center;gap:11px;z-index:2}.standby-icon{font-size:25px;color:var(--green)}.standby strong{font-size:12px}.standby p{font-size:10px;color:var(--muted);margin:5px 0 0}.illustration-label{position:absolute;top:28px;right:34px;font-size:9px;color:#8d9c7b}.chart-body{height:365px;position:relative;background:#0d120b;overflow:hidden}.chart-grid{position:absolute;inset:0;background-image:linear-gradient(#26321e66 1px,transparent 1px),linear-gradient(90deg,#26321e66 1px,transparent 1px);background-size:20% 20%;mask-image:linear-gradient(#000,transparent)}.chart-empty{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:23px}.chart-sprout{font-size:65px;line-height:1.1;color:var(--green);transform:rotate(-8deg);font-family:Arial,sans-serif}.outline-pill{display:inline-block;font-size:10px;border:1px solid #425333;border-radius:30px;padding:6px 10px;color:#b5c2a8}.chart-empty h2{font-size:29px;letter-spacing:-1px;line-height:1.06;margin:18px 0 11px}.chart-empty p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.axis-label{position:absolute;bottom:17px;left:0;width:100%;text-align:center;font-size:9px;color:#839176}.gmgn{color:var(--muted);font-size:10px}.party-band{margin-top:47px;background:var(--green);color:var(--black);overflow:hidden;transform:rotate(-1.2deg);width:100%;padding:18px 0}.party-band>div{display:flex;align-items:center;justify-content:space-around;gap:30px;white-space:nowrap;font-family:Watch Condensed,Impact,sans-serif;font-size:34px;font-weight:850;letter-spacing:-1px;min-width:800px}.band-star{font-family:Arial;font-weight:400}.launch{padding-top:70px;padding-bottom:57px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.launch h2{font-family:Watch Condensed,Impact,sans-serif;font-size:52px;line-height:1;letter-spacing:-1.5px;margin:19px 0 0}.launch-right>p{max-width:380px;font-size:15px;line-height:1.7;color:#b3bbaa}.launch-actions{display:flex;gap:10px;align-items:center;margin-top:24px;flex-wrap:wrap}.contract{border:1px solid #3b4530;background:transparent;padding:14px 16px;border-radius:30px;color:#99a48d;font-size:11px}.contract span{margin-left:15px}.launch-right .launch-note{font-size:10px;color:var(--muted);margin-top:17px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-block:26px;gap:25px}footer .brand{font-size:14px}footer .brand-icon{font-size:27px}footer p{font-size:9px;line-height:1.7;color:var(--muted)}footer>span{font-size:9px;color:var(--muted)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:90%;width:max-content;border:1px solid var(--green);background:#18250d;color:var(--ink);padding:14px 20px;border-radius:10px;font-size:13px;z-index:10;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;top:-70px;left:20px;padding:14px;background:var(--green);color:black;z-index:20}.skip:focus{top:10px}.watch-grid.focused{grid-template-columns:1fr}.focused .chart-screen{display:none}.focused .camera-stage{height:500px}.focused .gpu-art{top:130px;left:calc(50% - 220px)}.turbo{--fan-speed:.35s}.turbo .camera-stage{background:radial-gradient(ellipse at 50% 44%,#557d20,#182710 50%,#10170d)}iframe{width:100%;height:100%;border:0}.embed-stage{height:365px;overflow:auto;display:grid;place-items:center}.embed-stage a{color:var(--green);padding:16px}.chart-screen:target{outline:1px solid var(--green);outline-offset:4px}@keyframes spin{to{transform:rotate(360deg)}}
body{overflow-x:clip}
@media(min-width:1500px){.hero h1{font-size:197px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.watch-grid{grid-template-columns:1.2fr 1fr}.gpu-art{width:79%;left:10%;top:85px}.fan{width:98px;height:98px}.gpu-body{height:126px}.gpu-top span:last-child{display:none}.illustration-label{font-size:8px}.hero h1{font-size:13.8vw}.launch{gap:30px}.launch h2{font-size:44px}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.nav{height:74px}.brand{font-size:16px}.brand-icon{font-size:30px}.nav nav{gap:0}.nav nav>a{display:none}.nav .x-link{font-size:11px}.nav-buy{font-size:11px;padding:11px 13px;gap:8px}.hero{padding-top:26px;padding-bottom:25px}.hero-top{font-size:10px}.hero h1{font-size:14.2vw;margin:24px 0}.hero-bottom p{font-size:21px}.hero-aside{font-size:10px;padding:0;gap:8px}.little-arrow{font-size:35px}.watch-grid{grid-template-columns:1fr;gap:17px}.camera-stage{height:335px}.gpu-art{width:76%;left:13%;top:77px}.gpu-body{height:132px}.fan{width:108px;height:108px}.gpu-shadow{top:257px}.panel-head,.panel-foot{padding-inline:15px}.standby{left:25px;bottom:32px}.illustration-label{right:27px;font-size:8px}.stage-label{left:27px}.chart-body{height:320px}.chart-empty{padding-top:14px}.chart-empty h2{font-size:27px}.party-band{margin-top:32px;padding-block:13px}.party-band>div{font-size:28px;min-width:670px}.launch{grid-template-columns:1fr;gap:20px;padding-top:46px;padding-bottom:34px}.launch h2{font-size:46px}.launch-right>p{margin-top:0;max-width:100%}footer{flex-wrap:wrap;gap:12px}footer p{order:3;width:100%;margin:0}footer>span{margin-left:auto}.focused .camera-stage{height:400px}.focused .gpu-art{left:13%;top:108px}.nav .brand{letter-spacing:-.8px}}
@media(max-width:700px){.gpu-art{top:62px}.gpu-body{height:120px}.fan{width:100px;height:100px}}
@media(max-width:370px){.nav .x-link{display:none}.hero-aside{display:none}.fan{width:90px;height:90px}.gpu-body{height:115px}.gpu-bottom{font-size:8px}}
/* Compact watch screen: only identity, video, chart, and launch links. */
.wrap{max-width:1280px}.nav{height:76px;border-bottom:0;gap:24px}.nav nav{margin-left:auto}.hero{padding-top:24px;padding-bottom:30px}.hero h1{font-size:clamp(64px,8vw,112px);color:var(--green);margin:0 0 12px;letter-spacing:-.045em}.tagline{font-size:18px;color:#b8c2af;margin:0;line-height:1.4}.watch-grid{grid-template-columns:1.3fr 1fr;gap:16px}.screen{border-radius:10px}.camera-stage,.chart-body,.embed-stage{height:350px}.illustration-label{top:auto;bottom:22px;left:0;right:0;text-align:center;font-size:10px}.chart-empty{height:100%;justify-content:center;padding:0}.chart-empty h2{font-size:22px;letter-spacing:-.6px;margin:0 0 10px}.chart-grid{opacity:.35}.launch{display:flex;align-items:center;gap:16px;padding-top:18px;padding-bottom:18px}.launch .contract{border:none;padding:0;border-radius:0;font-size:11px}.launch p{font-size:11px;color:var(--muted);margin:0}footer{padding-block:16px;border-top:0}footer p{margin:0;font-size:10px}.gpu-art{top:72px}.panel-head small{color:var(--muted);font-weight:400;font-size:11px}
@media(max-width:700px){.nav{height:66px;gap:18px}.nav .x-link{display:block;font-size:13px}.hero{padding-top:22px;padding-bottom:25px}.hero h1{font-size:17vw}.tagline{font-size:14px;max-width:280px}.watch-grid{grid-template-columns:1fr}.camera-stage{height:300px}.chart-body{height:260px}.gpu-art{top:50px}.gpu-shadow{top:240px}.illustration-label{bottom:16px;font-size:9px}.launch{flex-wrap:wrap}.chart-empty h2{font-size:20px}}
.title-row{margin-bottom:16px}.title-row h1{margin:0}.hero .tagline{font-size:clamp(24px,3vw,40px);font-weight:600;color:var(--ink);line-height:1.2;letter-spacing:-.035em;max-width:32ch;text-wrap:balance}
@media(max-width:700px){.title-row h1{font-size:22vw}.hero .tagline{max-width:24ch}}
.watch-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.screen{grid-column:span var(--panel-span,6);position:relative;min-width:0}.screen .camera-stage,.screen .chart-body,.screen .embed-stage{height:var(--panel-height,350px)}.panel-head{justify-content:flex-start}.panel-head>:last-child{margin-left:auto}.panel-head .move-panel{font-size:22px;color:#9aad84;padding:4px 7px;margin-left:-8px;cursor:grab;touch-action:none;user-select:none}.resize-panel{position:absolute;bottom:0;right:0;width:28px;height:28px;padding:0;border:0;background:transparent;color:#83976e;cursor:nwse-resize;touch-action:none;z-index:3}.resize-panel:hover,.move-panel:hover{color:var(--green)}.screen.moving{opacity:.55}.screen.drop-target{outline:2px solid var(--green);outline-offset:3px}.adjusting{user-select:none}.adjusting iframe{pointer-events:none}#reset-layout{margin-left:auto;font-size:11px;color:var(--muted)}.gpu-art{max-width:min(440px,76%)}.fan{flex-shrink:1;aspect-ratio:1;height:auto}.gpu-divider{flex-shrink:0}
@media(max-width:700px){.screen{grid-column:1/-1}.resize-panel{width:36px;height:36px;cursor:ns-resize}.screen .camera-stage,.screen .chart-body{height:var(--panel-height,300px)}}
/* Local design exploration: machined hardware, oversized type, one playful control. */
:root{--black:#070907;--ink:#f1f4e9;--muted:#a0a79a;--metal:#42483c;--green:#b6ff00}
body{background:radial-gradient(ellipse at 80% 10%,#b6ff000c,transparent 42%),var(--black);min-height:100vh}
.nav{border-bottom:1px solid #ffffff10;height:86px}
.brand-icon{text-shadow:0 0 22px #b6ff0040}
.pill{background:linear-gradient(165deg,#daff83,#b6ff00 55%,#99d800);box-shadow:inset 0 1px 0 #efffbe,0 4px 0 #466000,0 8px 24px #b6ff0014;transition:transform .2s,box-shadow .2s}
.pill:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #efffbe,0 6px 0 #466000,0 12px 30px #b6ff0024}
.hero{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:48px;padding-bottom:48px}
.hero-copy{min-width:0}.title-row{margin-bottom:22px}
.hero h1{font-size:clamp(112px,17vw,230px);line-height:.82;letter-spacing:-.045em;color:var(--green);background:linear-gradient(170deg,#edffc3 3%,#c7ff42 32%,#b6ff00 59%,#77a700 100%);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #8db82b) drop-shadow(0 7px 0 #293a0c) drop-shadow(0 16px 18px #0008)}
.hero .tagline{font-size:clamp(24px,2.6vw,36px);max-width:29ch;line-height:1.18;font-weight:500;letter-spacing:-.04em}
.vibe-control{flex:0 0 225px;padding:0;background:none;border:0;transform:rotate(9deg);margin-right:36px;transition:transform .35s}
.vibe-control:hover{transform:rotate(0deg) translateY(-5px)}
.vibe-rim{display:grid;place-items:center;width:210px;height:210px;border-radius:50%;border:1px solid #83916c;background:repeating-conic-gradient(#424a38 0deg 2deg,#252b20 2deg 4deg);box-shadow:0 12px 0 #131a0d,0 13px 0 #434e35,0 30px 35px #0009,inset 0 0 0 8px #191f15,inset 0 0 0 10px #586447}
.vibe-fan{display:grid;place-items:center;width:174px;height:174px;border-radius:50%;background:radial-gradient(circle,#1b2710 10%,#080d05 65%);color:var(--green);font:150px/1 Arial,sans-serif;text-shadow:0 0 25px #b6ff0040;animation:spin 18s linear infinite;box-shadow:inset 0 0 0 1px #a9d75a55}
.vibe-caption{display:block;margin-top:28px;font-size:13px;color:#c9d2bd;letter-spacing:-.2px}.vibe-caption>span{color:var(--green);margin-left:12px}
.watch-grid{position:relative;padding-top:2px;isolation:isolate}
.watch-grid::before{content:'';position:absolute;z-index:-1;inset:35% 8% -28px;background:#9bff0010;filter:blur(55px);pointer-events:none}
.screen{border-color:#566047;border-radius:16px;background:#11160e;box-shadow:0 1px 0 #c1d49c40 inset,0 6px 0 #151c10,0 7px 0 #3a462c,0 22px 40px #0007}
.panel-head{height:55px;background:linear-gradient(#2a3123,#191f15);border-bottom:1px solid #060905;box-shadow:inset 0 1px 0 #daeab018;font-size:12px}
.panel-head small{padding:4px 8px;border:1px solid #a2b38a33;border-radius:5px;background:#0d120b;font-size:10px}
.camera-stage{background:radial-gradient(ellipse at 50% 65%,#87b82b27,transparent 65%),linear-gradient(135deg,#182110,#0b1008)}
.camera-stage::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 3px 4px);opacity:.4;pointer-events:none}
.gpu-art{filter:drop-shadow(0 28px 16px #000a) drop-shadow(0 0 18px #b6ff0015);transform:rotate(-12deg);transition:filter .4s,transform .4s}
.gpu-body{border-color:#a0b978;box-shadow:inset 0 0 0 7px #242c1d,inset 0 0 0 9px #76875c,0 3px 16px #b6ff0022}
.gpu-sticker{position:absolute;right:20px;top:24px;transform:rotate(8deg);background:#ddff9a;color:#203005;padding:9px 13px;font-size:12px;font-weight:800;line-height:1.1;letter-spacing:-.4px;box-shadow:2px 4px 0 #0005;border-radius:2px;z-index:2}
.illustration-label{color:#b0bd9f;font-size:10px;letter-spacing:.1px}
.chart-body{background:radial-gradient(ellipse at 50% 85%,#25341840,transparent 70%),#0b1009}.chart-grid{opacity:.8;background-size:48px 48px;mask-image:linear-gradient(#0006,#000)}
.launch-rocket{display:grid;place-items:center;width:84px;height:84px;margin-bottom:23px;font-size:43px;border:1px solid #536439;border-radius:24px;background:linear-gradient(140deg,#324321,#15200f);box-shadow:inset 0 1px 0 #c2ec8433,0 7px 0 #080d06,0 18px 24px #0006;transform:rotate(-8deg)}
.chart-empty h2{font-size:25px;font-weight:500}.chart-empty p{color:#a4af98}
.launch{padding-top:30px;padding-bottom:24px}.launch .contract{color:#acb69f}footer{border-top:1px solid #ffffff0d}footer p{color:#8f9984}
.vibes-on{--fan-speed:.5s}.vibes-on .vibe-fan{animation-duration:1s}.vibes-on .gpu-art{filter:drop-shadow(0 25px 16px #000a) drop-shadow(0 0 30px #b6ff0066);transform:rotate(-7deg) translateY(-5px)}
.vibes-on .vibe-rim{box-shadow:0 12px 0 #131a0d,0 13px 0 #434e35,0 0 55px #b6ff0033,inset 0 0 0 8px #191f15,inset 0 0 0 10px #b6ff00}
@media(max-width:1000px){.vibe-control{flex-basis:170px;margin-right:10px}.vibe-rim{width:160px;height:160px}.vibe-fan{width:128px;height:128px;font-size:112px}.hero{gap:25px}.vibe-caption{font-size:11px}.gpu-sticker{font-size:10px;right:12px}}
@media(max-width:700px){.nav{height:72px}.hero{padding-top:35px;padding-bottom:32px;gap:10px;align-items:flex-start;position:relative}.hero h1{font-size:29vw}.hero .tagline{font-size:26px;max-width:24ch}.title-row{margin-bottom:24px}.vibe-control{position:absolute;right:0;top:39px;margin:0;transform:rotate(8deg);width:62px}.vibe-rim{width:60px;height:60px;box-shadow:0 5px 0 #131a0d,0 6px 0 #434e35}.vibe-fan{width:46px;height:46px;font-size:40px}.vibe-caption{display:none}.hero-copy{width:100%}.screen{border-radius:12px}.gpu-sticker{top:18px;font-size:10px}.watch-grid{row-gap:24px}.chart-empty h2{font-size:23px}.launch-rocket{width:68px;height:68px;font-size:34px}.nav .brand{font-size:15px}.nav{gap:16px}.panel-head{padding-inline:14px}}
.hero .tagline{max-width:none;white-space:nowrap;text-wrap:nowrap;font-size:clamp(20px,2.25vw,34px)}
.green-rocket{width:1em;height:1em;display:inline-block;vertical-align:-.1em;color:var(--green);margin-left:.15em;filter:drop-shadow(0 0 8px #b6ff0033)}
.vibe-rim{position:relative;background:linear-gradient(145deg,#647052,#171e12 45%,#414c34);border-radius:22%;box-shadow:0 10px 0 #131a0d,0 11px 0 #434e35,0 24px 35px #0009,inset 0 0 0 5px #191f15,inset 0 0 0 6px #586447}
.vibe-fan{background:#080d06;box-shadow:0 0 0 2px #72835a,0 0 15px #b6ff0025;animation:none;overflow:hidden}
.vibe-fan svg{width:100%;height:100%;animation:spin 8s linear infinite;filter:drop-shadow(2px 3px 2px #000)}
.cooler-hub{position:absolute;inset:37%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 25%,#59654a,#1b2415 70%);border:1px solid #a5bc78;box-shadow:0 3px 6px #000a,inset 0 0 0 3px #29351e;color:var(--green);font-size:24px;font-weight:900}
.cooler-logo{width:38px;height:38px;flex:none;margin-right:10px;position:relative;display:grid;place-items:center;border:1px solid #71864e;border-radius:9px;background:linear-gradient(145deg,#364529,#0e150a);box-shadow:inset 0 0 0 2px #182110,0 2px 0 #40512c}
.cooler-logo svg{width:34px;height:34px}.cooler-logo b{position:absolute;display:grid;place-items:center;width:17px;height:17px;background:#192310;border:1px solid #79964a;border-radius:50%;font-size:12px;line-height:1;color:var(--green);letter-spacing:0}
.vibes-on .vibe-fan{animation:none}.vibes-on .vibe-fan svg{animation-duration:.6s}
@media(max-width:1000px) and (min-width:701px){.hero .tagline{font-size:2.25vw}.vibe-control{flex-basis:145px}.vibe-rim{width:140px;height:140px}.vibe-fan{width:116px;height:116px}}
@media(max-width:700px){.hero .tagline{font-size:clamp(12px,3.45vw,24px);max-width:none}.cooler-hub{font-size:10px;border-width:.5px}.cooler-logo{width:32px;height:32px;margin-right:7px}.cooler-logo svg{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}