.hero{position:relative;padding:44px 0 24px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:32px;align-items:center}.hero .pills{margin-bottom:28px}.h1{font-size:clamp(38px,4.5vw,62px);line-height:1.05;letter-spacing:-1.4px;font-weight:700;color:var(--paper);text-wrap:balance}.h1 .line{display:block}.h1 .soft{color:var(--mist)}.rot{position:relative;display:inline-block;padding-bottom:12px}.rot-box{display:inline-grid;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em;vertical-align:bottom}.rot-w{grid-area:1 / 1;white-space:nowrap;color:var(--gold);opacity:0;transform:translateY(115%);transition:opacity .45s ease,transform .6s var(--ease)}.rot-w.is-on{opacity:1;transform:none}.rot-w.is-out{opacity:0;transform:translateY(-115%)}.swoosh{position:absolute;left:0;bottom:-4px;width:100%;height:16px;overflow:visible}.swoosh path{animation:dash 1.3s linear infinite}.hero .lead{max-width:560px;margin-top:26px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.hero-alt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:26px;font-size:15px;font-weight:600;color:var(--mist)}.hero-alt a{display:inline-flex;align-items:center;gap:6px;font-weight:700;text-decoration:none}.hero-alt a svg{transition:transform .25s ease}.hero-alt a:hover svg{transform:translate(4px)}@media(max-width:960px){.hero{padding-top:32px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:12px}.hero-visual{max-width:520px;width:100%;margin:0 auto}}.globe{position:relative;width:100%;max-width:600px;aspect-ratio:1 / 1;margin:0 auto}.globe-glow{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle at 32% 28%,#22489a,#0f2a5e 52%,#06132f 92%);box-shadow:inset 0 0 0 1px #a0beff4d,0 0 60px 6px #5082e647,0 0 140px 30px #1e489a59}.globe-canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.globe-canvas:active{cursor:grabbing}.chip{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:20px;background:#071433e6;border:1px solid rgba(201,211,236,.18);box-shadow:0 18px 40px #00000059;pointer-events:none;animation:float 6s ease-in-out infinite}.chip.c1{left:-3%;top:15%}.chip.c2{right:-3%;bottom:13%;animation-delay:-3s}.chip b{display:block;font-size:14px;color:var(--paper)}.chip small{display:flex;align-items:center;gap:5px;margin-top:2px;font-size:12px;font-weight:600;color:var(--mist)}.chip .ic{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--ink);background:var(--gold)}.drag-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;font-size:13px;font-weight:600;color:#8f9cc0}@media(max-width:560px){.chip{display:none}}.board{--fw: 34px;--fh: 46px;--fg: 4px;--fs: 26px;display:inline-flex;flex-direction:column;gap:10px;max-width:100%;margin:46px auto 0;padding:22px 24px;border:1px solid rgba(201,211,236,.18);border-radius:22px;text-align:left;background:linear-gradient(#0b1630,#060d22);box-shadow:0 30px 70px #00000073,inset 0 1px #ffffff0f}.brow{display:flex;align-items:center;gap:16px}.blab{flex:none;display:flex;align-items:center;gap:8px;width:104px;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}.cells{display:flex;align-items:center;gap:var(--fg);width:calc(17 * var(--fw) + 16 * var(--fg));height:var(--fh);font-size:calc(var(--fs) * .9);font-weight:700;letter-spacing:.3em;white-space:nowrap;color:#f3f6fd;perspective:400px}.board.is-built .cells{letter-spacing:0}.flap{position:relative;flex:none;display:grid;place-items:center;width:var(--fw);height:var(--fh);border-radius:6px;font-size:var(--fs);line-height:1;font-weight:700;color:#f3f6fd;background:linear-gradient(#1c2744 0 50%,#151e38 50% 100%);box-shadow:inset 0 -1px #00000080}.flap:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#0009}.flip-a{animation:flipA .17s ease-out}.flip-b{animation:flipB .17s ease-out}@keyframes flipA{0%{transform:rotateX(-85deg);opacity:.6}to{transform:none;opacity:1}}@keyframes flipB{0%{transform:rotateX(-85deg);opacity:.6}to{transform:none;opacity:1}}.lamp{width:9px;height:9px;border-radius:50%;background:#46d38a;box-shadow:0 0 12px #46d38a;animation:blink 1.2s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}@media(max-width:860px){.board{--fw: min(34px, calc((100vw - 132px) / 17));--fh: 34px;--fg: 3px;--fs: 15px;padding:16px}.brow{flex-direction:column;align-items:flex-start;gap:6px}.flap{border-radius:4px}}
