/* homepage extras */
.hero.home h1{font-size:clamp(2.8rem,9vw,7.8rem)}.hero.home .stage{aspect-ratio:1/1.05;max-width:32.5rem}
.cap-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;margin-top:50px}
.scene{perspective:1100px;height:380px;display:grid;place-items:center;cursor:grab;touch-action:pan-y}.scene:active{cursor:grabbing}
.cube{position:relative;width:250px;height:250px;transform-style:preserve-3d;transition:transform .9s var(--ease)}.cube.drag{transition:none}
.face{position:absolute;inset:0;border-radius:26px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;backface-visibility:hidden;color:#fff;border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 0 40px rgba(255,255,255,.2)}
.face b{font:800 1.8rem/1.05 var(--display);letter-spacing:-.03em}.face small{opacity:.85;font-size:.85rem}
.f0{background:linear-gradient(145deg,#2450F5,#5C7DFF);transform:rotateY(0) translateZ(125px)}
.f1{background:linear-gradient(145deg,#0E1A33,#33466F);transform:rotateY(90deg) translateZ(125px)}
.f2{background:linear-gradient(145deg,#F0A800,#FFD25A);color:var(--ink);transform:rotateY(180deg) translateZ(125px)}
.f3{background:linear-gradient(145deg,#18A0C7,#6FD3EE);transform:rotateY(270deg) translateZ(125px)}
.hint{text-align:center;color:var(--soft);font-size:.85rem;margin-top:6px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 18px;font:500 .93rem var(--body);color:var(--soft);cursor:pointer;transition:all .3s var(--ease)}
.tabs button:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}.tabs button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.pane{display:none;animation:fadeup .6s var(--ease)}.pane.on{display:block}.pane h3{font-size:2rem;margin-bottom:8px}.pane>p{color:var(--soft)}
.pane ul{list-style:none;margin:20px 0;padding:0}
.pane li a{display:flex;justify-content:space-between;padding:14px 4px;border-bottom:1px solid var(--line);font-weight:500;transition:padding .35s var(--ease),color .25s}
.pane li a:hover{padding-left:18px;color:var(--blue)}
.counters{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:50px 0 10px}.counters div{border-top:3px solid var(--ink);padding-top:14px}
.counters b{display:block;font:800 clamp(3rem,7vw,5.4rem)/1 var(--display);letter-spacing:-.05em;color:var(--blue)}.counters span{color:var(--soft)}
@media(max-width:980px){.cap-grid,.counters{grid-template-columns:1fr}}

@media(max-width:980px){.scene{height:340px}.cap-grid{gap:30px}}
@media(max-width:480px){.scene{height:290px}.cube{width:200px;height:200px}.face{padding:20px}.face b{font-size:1.4rem}
 .f0{transform:rotateY(0) translateZ(100px)}.f1{transform:rotateY(90deg) translateZ(100px)}.f2{transform:rotateY(180deg) translateZ(100px)}.f3{transform:rotateY(270deg) translateZ(100px)}
 .tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-18px}.tabs button{white-space:nowrap}.pane h3{font-size:1.6rem}}