.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-30% -10% auto auto;width:70vw;height:70vw;max-width:900px;max-height:900px;background:radial-gradient(closest-side,rgba(47,191,113,.16),transparent 70%);pointer-events:none}.hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;padding-top:72px;padding-bottom:80px}.hero h1{font-size:clamp(42px,6.4vw,76px);font-weight:900;letter-spacing:-.045em;line-height:1.02;margin-bottom:22px}.hero h1 em{font-style:normal;color:var(--accent)}.hero .lead{font-size:clamp(17px,1.6vw,20px);color:#c3c9d2;max-width:34em;margin-bottom:32px}.cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.cta .hint{color:var(--muted);font-size:14px;width:100%;margin-top:4px}.art{position:relative;aspect-ratio:1;max-width:520px;width:100%;justify-self:center}.art img.board{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 40px 80px rgba(0,0,0,.6))}.art .score{position:absolute;left:-12%;bottom:-2%;background:#13171ceb;border:1px solid var(--line);border-radius:18px;padding:16px 20px;min-width:220px;backdrop-filter:blur(10px);box-shadow:0 24px 60px #00000080}.art .score .who{color:var(--muted);font-size:14px;font-weight:600}.art .score .rest{font-size:46px;font-weight:900;letter-spacing:-.03em;line-height:1.05}.art .score .darts{display:flex;gap:6px;margin-top:8px}.art .score .darts span{background:color-mix(in srgb,var(--bad) 22%,transparent);color:#ff8a8d;font-weight:800;font-size:14px;padding:4px 9px;border-radius:8px}.art .call{position:absolute;right:0;top:8%;background:var(--accent);color:#06130b;font-weight:900;font-size:26px;padding:10px 18px;border-radius:16px;transform:rotate(4deg);box-shadow:0 20px 50px #2fbf714d}section.band{padding:84px 0;border-top:1px solid rgba(255,255,255,.05)}section.band.alt{background:var(--bg2)}.shead{max-width:640px;margin-bottom:40px}.shead .k{color:var(--accent);font-weight:750;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.shead h2{font-size:clamp(28px,4vw,42px);font-weight:850;letter-spacing:-.035em}.feat{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:26px}.feat .ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:18px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.feat .ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.feat h3{margin-bottom:8px}.feat p{color:var(--muted);margin:0}.steps{counter-reset:s}.step{position:relative;padding-top:64px}.step:before{counter-increment:s;content:counter(s);position:absolute;top:0;left:0;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:20px;background:var(--text);color:var(--bg)}.step p{color:var(--muted)}.shead p{margin:12px 0 0;font-size:17px}.apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.app{display:flex;flex-direction:column;gap:14px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.app b{display:block;font-size:16px;margin-bottom:4px}.app span:not(.aic){display:block;color:var(--muted);font-size:14px;line-height:1.4}@media(max-width:900px){.apps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.apps{gap:8px}.app{padding:14px;gap:10px}.app b{font-size:15px}.app span:not(.aic){font-size:13px}}.aic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:#fff;font-size:22px;box-shadow:inset 0 0 0 1px #ffffff14}.aic .ic{width:1em;height:1em;stroke-width:1.9}.b-wled{background:conic-gradient(from 210deg,#ff4d6d,#ffb547,#3ad584,#4aa3ff,#b06bff,#ff4d6d)}.b-hue{background:radial-gradient(circle at 30% 25%,#ffe9a8,#ffb547 45%,#e0662a)}.b-wled .ic,.b-hue .ic{filter:drop-shadow(0 1px 2px rgb(0 0 0 / 40%))}.b-ha{background:linear-gradient(145deg,#4fc3f7,#0277bd)}.b-mqtt{background:linear-gradient(145deg,#8f9bb3,#3f4a5e)}.b-discord{background:linear-gradient(145deg,#2ec4b6,#127a8a)}.b-awtrix{background:linear-gradient(145deg,#2b2f3a,#0d0f14);color:#4ad6c8}.b-divoom{background:linear-gradient(145deg,#2b2f3a,#0d0f14);color:#ffb547}.b-sd{background:linear-gradient(145deg,#3a3a44,#121216)}.note{margin:16px 0 0;font-size:14px}.final{text-align:center;padding:96px 0}.final h2{font-size:clamp(32px,5vw,52px);font-weight:900;letter-spacing:-.04em}.final .cta{justify-content:center}@media(max-width:900px){.hero .wrap{grid-template-columns:minmax(0,1fr);padding-top:40px;gap:28px}.art{max-width:400px}.art .score{left:-3%;bottom:-15%;min-width:0;padding:10px 12px}.art .score .rest{font-size:30px}.art .score .darts span{font-size:12px;padding:3px 7px}.art .call{font-size:20px}.art{margin-bottom:60px}}@media(max-width:560px){section.band{padding:56px 0}.shead{margin-bottom:24px}.feat{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;padding:16px;border-radius:16px}.feat .ic{grid-row:span 2;width:40px;height:40px;margin:0}.feat h3{margin-bottom:4px}.grid3{gap:10px}.final{padding:64px 0}}.invited{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:6px 14px;border-radius:99px;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.invited svg{width:18px;height:18px}