.platform-page{--bg:#10161b;--s1:#151d23;--s2:#1b252d;--s3:#24303a;--text:#eef2f4;--muted:#97a5b0;--dim:#6c7a85;--line:#eef2f41a;--line-2:#eef2f433;--hair:#ff5a36;--ease:cubic-bezier(.2,.7,.2,1);background:var(--bg);color:var(--text);font:400 15px/1.4 Inter,sans-serif}.platform-page *{box-sizing:border-box}.platform-page h1,.platform-page h2,.platform-page h3,.platform-page p{margin:0}.platform-page a{text-decoration:none}.platform-page a:focus-visible{outline:2px solid var(--text);outline-offset:3px}.platform-page .p-container{max-width:1440px;margin:0 auto;padding-inline:clamp(16px,6.25vw,90px)}.platform-page .section{padding-block:clamp(56px,6.5vw,96px)}.platform-page .section--tight{padding-block:clamp(40px,4.5vw,64px)}.platform-page .section--line{border-top:1px solid var(--line)}.platform-page .h1,.platform-page .h2,.platform-page .h3,.platform-page .module h3{font-family:Inter Tight,sans-serif;font-weight:500}.platform-page .h1{letter-spacing:-.035em;text-wrap:balance;max-width:12ch;font-size:clamp(44px,5.4vw,78px);line-height:.97}.platform-page .h2{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(32px,3.9vw,56px);line-height:1.08}.platform-page .h3{letter-spacing:-.015em;font-size:22px;line-height:1.25}.platform-page .lede{color:var(--muted);max-width:54ch;font-size:clamp(17px,1.4vw,20px);line-height:1.4}.platform-page .label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:9px;font:500 12px/1 IBM Plex Mono,monospace;display:flex}.platform-page .label:before{content:"";background:var(--hair);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);flex:none;width:9px;height:10px}.platform-page .hex{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--s3);flex:none;justify-content:center;align-items:center;display:inline-flex}.platform-page .btn{background:var(--text);height:48px;color:var(--bg);transition:background .2s var(--ease),transform .2s var(--ease);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font:600 15px/1 Inter,sans-serif;display:inline-flex}.platform-page .btn:hover{background:#fff;transform:translateY(-1px)}.platform-page .btn span,.platform-page .link span{transition:transform .2s var(--ease);display:inline-block}.platform-page .btn:hover span{transform:translate(3px)}.platform-page .btn--ghost{color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2);background:0 0}.platform-page .btn--ghost:hover{background:#eef2f40f}.platform-page .link{color:var(--text);align-items:center;gap:10px;font:600 15px/1.4 Inter,sans-serif;display:inline-flex}.platform-page .link:hover span,.platform-page .resource:hover .link span{transform:translate(4px)}.platform-page .chips{flex-wrap:wrap;gap:8px;display:flex}.platform-page .chip{background:var(--s1);height:32px;box-shadow:inset 0 0 0 1px var(--line);color:var(--text);border-radius:999px;align-items:center;padding:0 12px;font:500 13px/1 Inter,sans-serif;display:inline-flex}.platform-page a.chip:hover{box-shadow:inset 0 0 0 1px var(--line-2)}.platform-page .pill{height:22px;color:var(--muted);white-space:nowrap;background:#eef2f414;border-radius:999px;align-items:center;gap:5px;padding:0 8px;font:500 11px/1 Inter,sans-serif;display:inline-flex}.platform-page .pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.platform-page .live,.platform-page .success{color:#7fd8a8}.platform-page .your-turn{color:#ffb26b}.platform-page .dim{color:var(--dim)}.platform-page .code-text{color:var(--text)}.platform-page .code-arrow{color:#ff8a6b}.platform-page .p-hero{border-bottom:1px solid var(--line);position:relative;overflow:hidden}.platform-page .hex-field{opacity:.7;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.platform-page .hero-inner{grid-template-columns:.95fr 1.05fr;align-items:center;gap:clamp(32px,4vw,64px);min-height:min(720px,100svh - 56px);padding-block:clamp(48px,5vw,80px);display:grid;position:relative}.platform-page .hero-copy{justify-items:start;gap:24px;min-width:0;display:grid}.platform-page .hero-buttons{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.platform-page .collage{min-width:0;height:clamp(420px,40vw,560px);position:relative}.platform-page .window{box-shadow:inset 0 0 0 1px var(--line-2),0 40px 80px -30px #000c;border-radius:14px;position:absolute;overflow:hidden}.platform-page .window-bar{border-bottom:1px solid var(--line);color:var(--dim);align-items:center;gap:8px;padding:10px 14px;font:500 11px/1.4 IBM Plex Mono,monospace;display:flex}.platform-page .window-dots{gap:4px;display:flex}.platform-page .window-dots i{background:#26313a;border-radius:50%;width:9px;height:9px}.platform-page .window-note{margin-left:auto}.platform-page .terminal{background:#0b1014;width:64%;top:4%;left:0}.platform-page .terminal pre{color:#c3cdd4;white-space:pre;margin:0;padding:16px 18px;font:400 13px/1.85 IBM Plex Mono,monospace;overflow-x:auto}.platform-page .matches-window{background:var(--s2);width:60%;top:34%;right:0}.platform-page .match-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 16px;font-size:13px;display:grid}.platform-page .match-row+.match-row{border-top:1px solid var(--line)}.platform-page .match-row strong{font-weight:600;display:block}.platform-page .match-row small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.platform-page .avatar{width:26px;height:30px}.platform-page .collage-notification{position:absolute;bottom:4%;left:6%}.platform-page .p-notification{background:var(--text);color:var(--bg);border-radius:14px;align-items:center;gap:12px;padding:12px 16px 12px 12px;font-size:13px;display:inline-flex;box-shadow:0 30px 60px -20px #000000b3}.platform-page .notification-icon{background:var(--hair);color:#fff;width:34px;height:38px}.platform-page .notification-icon svg{stroke-width:2px;width:17px;height:17px}.platform-page .p-notification strong{font-weight:700;display:block}.platform-page .p-notification small{color:#55616b;margin-top:2px;font-size:11px;display:block}.platform-page .floating-badge{width:52px;height:60px;animation:p-float 6s var(--ease) infinite;position:absolute}.platform-page .floating-badge svg{width:22px;height:22px}.platform-page .badge-identity{top:2%;right:4%}.platform-page .badge-replay{animation-delay:-2s;top:66%;right:66%}.platform-page .badge-deployment{animation-delay:-4s;bottom:6%;right:-2%}@keyframes p-float{50%{transform:translateY(-8px)}}.platform-page .promise{grid-template-columns:1.1fr .9fr;align-items:end;gap:clamp(24px,4vw,64px);display:grid}.platform-page .promise>p,.platform-page .tcard-text>p,.platform-page .reason>p{color:var(--muted);font-size:18px;line-height:1.4}.platform-page .tall-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:clamp(32px,4vw,56px);display:grid}.platform-page .tcard{background:var(--s1);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.platform-page .viz{background:radial-gradient(ellipse at 50% 0,#eef2f40f,transparent 70%),var(--s2);border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;height:300px;padding:22px;display:flex}.platform-page .mini-panel{box-shadow:inset 0 0 0 1px var(--line);background:#0f151a;border-radius:12px}.platform-page .synced-avatar{background:#38444f}.platform-page .players-notification{align-self:flex-end;margin-top:14px}.platform-page .timeline>div{grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 14px;font-size:13px;display:grid}.platform-page .timeline .hex{background:var(--text);width:10px;height:11px}.platform-page .timeline .muted-hex{background:var(--muted)}.platform-page .timeline time{color:var(--dim);font-size:12px}.platform-page .timeline>p{color:#ffb26b;padding:14px 0 14px 40px;font:500 11px/1.4 IBM Plex Mono,monospace}.platform-page .pipeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.platform-page .pipeline>div{color:var(--muted);justify-items:center;gap:8px;padding:14px 6px;font-size:12px;display:grid}.platform-page .pipeline .hex{color:#7fd8a8;width:28px;height:32px}.platform-page .pipeline .canary{background:var(--text);color:var(--bg);animation:p-pulse 1.6s var(--ease) infinite}@keyframes p-pulse{50%{opacity:.55}}.platform-page .shipping-viz>.chips{margin-top:14px}.platform-page .tcard-text{flex-direction:column;gap:8px;padding:24px 28px 28px;display:flex}.platform-page .tcard-text .h3,.platform-page .reason .h3{font-size:24px}.platform-page .tcard-text .chips{margin-top:12px}.platform-page .reasons{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.platform-page .reason{border-top:1px solid var(--line-2);align-content:start;gap:8px;padding-top:24px;display:grid}.platform-page .reason>.hex{width:44px;height:50px;margin-bottom:8px}.platform-page .reason svg{width:20px;height:20px}.platform-page .proof{background:var(--s1);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.platform-page .proof-copy{align-content:center;justify-items:start;gap:18px;padding:clamp(28px,4vw,56px);display:grid}.platform-page .proof-copy>p:not(.label){color:var(--muted)}.platform-page .proof>img{object-fit:cover;object-position:55% 35%;width:100%;height:100%;min-height:380px}.platform-page .sec-head{gap:16px;max-width:760px;margin-bottom:clamp(28px,3.4vw,48px);display:grid}.platform-page .resources{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.platform-page .resource{background:var(--s1);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s var(--ease),transform .2s var(--ease);border-radius:16px;gap:8px;padding:28px;display:grid}.platform-page .resource:hover{box-shadow:inset 0 0 0 1px var(--line-2);transform:translateY(-3px)}.platform-page .resource>p{color:var(--muted)}.platform-page .resource>.link{margin-top:6px}.platform-page .modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.platform-page .module{background:var(--s1);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;grid-template-columns:52px minmax(0,1fr);gap:18px;padding:22px;scroll-margin-top:8px;display:grid}.platform-page .module:target{box-shadow:inset 0 0 0 2px var(--text)}.platform-page .module>.hex{width:52px;height:60px}.platform-page .module h3{font-size:19px;line-height:1.25}.platform-page .module p{color:var(--muted);font-size:15px}.platform-page .module .module-meta{margin:4px 0 8px;font:400 12px/1.4 IBM Plex Mono,monospace}.platform-page .final{border-top:1px solid var(--line);text-align:center;padding-block:clamp(72px,8vw,120px);position:relative;overflow:hidden}.platform-page .final .hex-field{opacity:.8}.platform-page .final-fade{background:radial-gradient(ellipse 50% 60% at 50% 50%,#10161b33,var(--bg) 80%);pointer-events:none;position:absolute;inset:0}.platform-page .final-copy{justify-items:center;gap:22px;display:grid;position:relative}.platform-page .final .h2{max-width:15ch;font-size:clamp(36px,3.9vw,56px)}.platform-page .final .btn{margin-top:8px}.platform-page .rv-pending{opacity:0;translate:0 18px}.platform-page .rv{transition:opacity .8s var(--ease),translate .8s var(--ease);transition-delay:var(--rv-delay,0s)}@media (width<=1000px){.platform-page .hero-inner,.platform-page .promise,.platform-page .proof{grid-template-columns:1fr}.platform-page .collage{height:460px}.platform-page .tall-cards,.platform-page .reasons,.platform-page .resources{grid-template-columns:1fr}.platform-page .tcard{width:100%;max-width:560px}.platform-page .proof>img{max-height:520px}}@media (width<=640px){.platform-page .p-container{padding-inline:24px}.platform-page .h1{font-size:44px}.platform-page .promise .h2{font-size:34px}.platform-page .hero-copy .label{line-height:1.5}.platform-page .collage{height:430px}.platform-page .terminal{width:92%}.platform-page .terminal pre{padding:12px 14px;font-size:11.5px}.platform-page .matches-window{width:86%;top:40%}.platform-page .collage-notification{bottom:0;left:0}.platform-page .floating-badge{display:none}.platform-page .proof>img{height:280px;min-height:240px}.platform-page .modules{grid-template-columns:1fr}.platform-page .viz{padding:16px}.platform-page .match-row{gap:8px;padding-inline:12px}.platform-page .timeline>div{gap:7px;padding-inline:10px;font-size:12px}.platform-page .timeline time{font-size:10px}.platform-page .tcard-text{padding-inline:24px}}@media (prefers-reduced-motion:reduce){.platform-page .rv{opacity:1;transition:none;translate:none}.platform-page .floating-badge,.platform-page .canary{animation:none}.platform-page .btn,.platform-page .resource,.platform-page .link span,.platform-page .btn span{transition:none;transform:none!important}}
