.ten-hero{--ink:#0a1f33;--blue:#005eb8;--blue-soft:#6bb0ee;--line-light:#e6ebf1;--muted:#5a6b7b;--pblue:#206da7;--psuccess:#43a047;--perror:#d32f2f;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Inter",-apple-system,sans-serif;--app:"Montserrat",Arial,sans-serif;background:radial-gradient(120% 90% at 85% 5%,rgba(0,94,184,.2),transparent 55%),linear-gradient(180deg,#00060f,#00101f 60%,#00060f);color:#fff;font-family:var(--sans);overflow:hidden;padding:7rem 0 5rem;position:relative}.ten-hero *{box-sizing:border-box}.ten-hero .hero__grid{align-items:center;display:grid;gap:3rem;grid-template-columns:1.05fr .95fr;margin:0 auto;max-width:1200px;padding:0 1.5rem}.ten-hero h1{color:#fff;font-family:var(--serif);font-size:clamp(2.4rem,5vw,4.2rem);font-weight:300;letter-spacing:-.02em;line-height:1.04;margin:0 0 1.4rem}.ten-hero h1 b{color:var(--blue-soft);font-weight:700}.ten-hero .hero__desc{color:#b9c6d4;font-size:1.05rem;line-height:1.7;margin:0 0 2.2rem;max-width:540px}.ten-hero .hero__cta{display:flex;flex-wrap:wrap;gap:.8rem}.ten-hero .btn{align-items:center;border:1px solid transparent;border-radius:10px;cursor:pointer;display:inline-flex;font-family:var(--sans);font-size:.95rem;font-weight:600;gap:.55rem;padding:.95rem 1.7rem;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,background .3s}.ten-hero .btn svg{height:16px;width:16px}.ten-hero .btn-primary,.ten-hero .btn-primary:link,.ten-hero .btn-primary:visited{background:linear-gradient(135deg,#0a78d0,#004a93);box-shadow:0 10px 26px rgba(0,94,184,.4);color:#fff}.ten-hero .btn-primary:hover{box-shadow:0 16px 38px rgba(0,94,184,.55);color:#fff;transform:translateY(-2px)}.ten-hero .btn-ghost,.ten-hero .btn-ghost:link,.ten-hero .btn-ghost:visited{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.3);color:#fff}.ten-hero .btn-ghost:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.55);color:#fff}.ten-hero .mock{position:relative}.ten-hero .pwin{background:#fff;border:1px solid #dfe6ee;border-radius:16px;box-shadow:0 40px 90px rgba(0,0,0,.55);font-family:var(--app);overflow:hidden}.ten-hero .pwin__chrome{align-items:center;background:#fafbfd;border-bottom:1px solid #e8edf3;display:flex;gap:.45rem;padding:.55rem .9rem}.ten-hero .pwin__dot{border-radius:50%;height:9px;width:9px}.ten-hero .pwin__dot:first-child{background:#f6685e}.ten-hero .pwin__dot:nth-child(2){background:#f7bd45}.ten-hero .pwin__dot:nth-child(3){background:#43c465}.ten-hero .pwin__url{background:#eef2f7;border-radius:7px;color:#7a8ca0;flex:1;font-size:.64rem;margin:0 auto;max-width:320px;overflow:hidden;padding:.26rem .8rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ten-hero .pwin__bar{align-items:center;background:var(--pblue);color:#fff;display:flex;gap:.55rem;padding:.5rem .9rem}.ten-hero .pwin__bar>svg{display:block;fill:#fff;height:13px;width:auto}.ten-hero .pwin__div{background:hsla(0,0%,100%,.4);height:16px;width:1px}.ten-hero .pwin__mod{font-size:.62rem;font-weight:500;letter-spacing:.02em;white-space:nowrap}.ten-hero .pwin__user{align-items:center;display:flex;font-size:.58rem;font-weight:600;gap:.35rem;margin-left:auto;white-space:nowrap}.ten-hero .pwin__user svg{fill:#fff;height:13px;width:13px}.ten-hero .pwin__body{padding:1rem 1.1rem}.ten-hero .pwin__head{align-items:center;display:flex;gap:.8rem;justify-content:space-between;margin-bottom:.25rem}.ten-hero .pwin__t{color:#263544;font-size:.78rem;font-weight:700}.ten-hero .pwin__live{align-items:center;color:var(--psuccess);display:inline-flex;font-size:.58rem;font-weight:700;gap:.4rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.ten-hero .pwin__live .pulse{animation:heroPulse 1.8s ease-in-out infinite;background:var(--psuccess);border-radius:50%;height:7px;width:7px}.ten-hero .pwin__sub{color:#8a99a8;font-size:.62rem;margin-bottom:.7rem}.ten-hero .vote{margin:.5rem 0}.ten-hero .vote__lbl{color:#455a6b;display:flex;font-size:.66rem;font-weight:600;justify-content:space-between;margin-bottom:.3rem}.ten-hero .vote__bar{background:#e9eef4;border-radius:6px;height:8px;overflow:hidden}.ten-hero .vote__fill{animation:heroGrow 1.4s cubic-bezier(.16,1,.3,1) .35s both;border-radius:6px;height:100%;width:var(--w,100%)}.ten-hero .vote__fill.a{background:var(--psuccess)}.ten-hero .vote__fill.c{background:var(--perror)}.ten-hero .vote__fill.b{background:#90a4ae}.ten-hero .pwin__foot{align-items:center;border-top:1px solid #eef2f6;display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem;padding-top:.8rem}.ten-hero .pwin__chip{align-items:center;background:rgba(67,160,71,.15);border-radius:999px;color:#2e7d32;display:inline-flex;font-size:.56rem;font-weight:700;letter-spacing:.05em;padding:.24rem .6rem;text-transform:uppercase;white-space:nowrap}.ten-hero .pwin__ft{color:#8a99a8;font-size:.62rem}.ten-hero .mock__float{animation:heroFloaty 5s ease-in-out infinite;background:rgba(6,24,43,.92);border:1px solid rgba(107,176,238,.25);border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.4);padding:.7rem .9rem;position:absolute}.ten-hero .mock__float--1{right:-14px;top:-18px}.ten-hero .mock__float--2{animation-delay:1.5s;bottom:-20px;left:-16px}.ten-hero .mock__float .k{color:#fff;font-size:1.25rem;font-weight:800}.ten-hero .mock__float .s{color:hsla(0,0%,100%,.55);font-size:.62rem;letter-spacing:.04em}@keyframes heroGrow{0%{width:0}to{width:var(--w,100%)}}@keyframes heroPulse{0%,to{box-shadow:0 0 0 0 rgba(67,160,71,.5)}50%{box-shadow:0 0 0 6px rgba(67,160,71,0)}}@keyframes heroFloaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:900px){.ten-hero{padding:4.5rem 0 3rem}.ten-hero .hero__grid{gap:3.2rem;grid-template-columns:1fr}.ten-hero .mock__float--1{right:0}.ten-hero .mock__float--2{left:0}}