:root{color-scheme:dark;--ground:#12151a;--ground-2:#15181e;--panel:#1b1f27;--edge:#2b313c;--edge-soft:#232833;--ink:#e7e9ee;--ink-dim:#c2c7d2;--muted:#929cb0;--accent:#6ea8fe;--maxw:960px;--step-0:.78rem;--step-1:.92rem;--step-2:1.05rem;--mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{background:radial-gradient(720px 340px at 22% 12%, #6ea8fe1a, transparent 70%), var(--ground);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent)}.wrap{max-width:var(--maxw);margin:0 auto;padding:clamp(2.5rem,6vw,5rem) clamp(1.1rem,4vw,2rem) 3rem}.eyebrow{font:500 var(--step-0)/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem}.hero{align-items:center;gap:clamp(1.5rem,4vw,2.75rem);display:grid}@media (width>=760px){.hero{grid-template-columns:.9fr 1.1fr}}.device{border:1px solid var(--edge);background:radial-gradient(340px 200px at 50% 40%, #7c5cf51f, transparent 75%), linear-gradient(180deg, var(--panel), var(--ground-2));border-radius:16px;padding:1.5rem 1.5rem 1.25rem;position:relative}.device svg{width:100%;height:auto;display:block}.chips{flex-wrap:wrap;gap:.4rem;margin-top:1.1rem;display:flex}.chip{font:400 .68rem/1 var(--mono);letter-spacing:.02em;color:var(--muted);border:1px solid var(--edge-soft);border-radius:999px;padding:.4rem .6rem}.chip b{color:var(--ink-dim);font-weight:500}.lead-block{min-width:0}h1{letter-spacing:-.022em;text-wrap:balance;margin:0 0 .7rem;font-size:clamp(2.1rem,5.4vw,3.15rem);font-weight:600;line-height:1.04}.lead{max-width:46ch;color:var(--ink-dim);margin:0 0 1.1rem}.does{font:400 var(--step-0)/1.9 var(--mono);color:var(--muted);margin:0}.does span{color:var(--edge);padding:0 .15rem}.rule{font:500 var(--step-0)/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:1rem;margin:clamp(2.5rem,6vw,3.75rem) 0 1.25rem;display:flex}.rule:after{content:"";background:var(--edge-soft);flex:1;height:1px}.grid{grid-template-columns:1fr;gap:.85rem;display:grid}@media (width>=620px){.grid{grid-template-columns:1fr 1fr}}.card{border:1px solid var(--edge);background:linear-gradient(180deg, var(--ground-2), var(--ground));min-height:100%;color:inherit;border-radius:13px;flex-direction:column;gap:.55rem;padding:1.3rem 1.35rem 1.2rem;text-decoration:none;transition:border-color .16s,background .16s,transform .16s;display:flex}.card:hover{border-color:var(--accent);background:linear-gradient(180deg, #1a2028, var(--ground-2));transform:translateY(-2px)}.card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.card .ic{width:26px;height:26px;color:var(--accent)}.card .ic svg{width:100%;height:100%;display:block}.card h3{font-size:var(--step-2);letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:.5rem;margin:0;font-weight:600;display:flex}.card p{font-size:var(--step-1);color:var(--muted);margin:0}.card .meta{font:400 .68rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--edge);margin-top:auto;padding-top:.55rem}.card:hover .meta{color:var(--muted)}.card .arrow{transition:transform .16s}.card:hover .arrow{transform:translate(3px)}footer{border-top:1px solid var(--edge-soft);font:400 var(--step-0)/1.7 var(--mono);color:var(--muted);margin-top:3rem;padding-top:1.25rem}footer a{color:var(--muted);text-underline-offset:2px}footer a:hover{color:var(--ink-dim)}.led-dot{transform-box:fill-box;transform-origin:50%;animation:3.4s ease-in-out infinite pulse}.led-dot:first-of-type{animation-delay:0s}.led-dot:nth-of-type(2){animation-delay:.5s}.led-dot:nth-of-type(3){animation-delay:1s}.led-dot:nth-of-type(4){animation-delay:1.5s}.led-dot:nth-of-type(5){animation-delay:2s}@keyframes pulse{0%,to{opacity:.5;transform:scale(.86)}45%{opacity:1;transform:scale(1.12)}}.signal-trace{stroke-dasharray:46 320;animation:5.5s linear infinite travel}@keyframes travel{0%{stroke-dashoffset:366px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.led-dot{opacity:1;animation:none;transform:none}.signal-trace{opacity:.35;animation:none}.card,.card .arrow{transition:none}}
