.ten-hero{--ink:#0a1f33;--blue:#005eb8;--blue-soft:#6bb0ee;--line-light:#e6ebf1;--muted:#5a6b7b;--pblue:#206da7;--psuccess:#43a047;--pwarn:#f9a825;--pred:#e2483d;--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(32,109,167,.22),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,4rem);font-weight:300;letter-spacing:-.02em;line-height:1.05;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(--pwarn);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(--pwarn);border-radius:50%;height:7px;width:7px}.ten-hero .pwin__live--red{color:var(--pred)}.ten-hero .pwin__live--red .pulse{animation:heroPulseRed 1.8s ease-in-out infinite;background:var(--pred)}.ten-hero .pwin__sub{color:#8a99a8;font-size:.62rem;margin-bottom:.7rem}.ten-hero .rcast{aspect-ratio:16/9;background:linear-gradient(135deg,#0e2438,#1b3c58);border-radius:10px;margin:.2rem 0 .7rem;overflow:hidden;position:relative}.ten-hero .rcast:before{background:radial-gradient(60% 65% at 50% 38%,rgba(107,176,238,.28),transparent 70%);content:"";inset:0;position:absolute}.ten-hero .rcast__play{align-items:center;background:hsla(0,0%,100%,.94);border-radius:50%;box-shadow:0 8px 22px rgba(0,0,0,.35);display:flex;height:44px;justify-content:center;left:50%;position:absolute;top:44%;transform:translate(-50%,-50%);width:44px}.ten-hero .rcast__play svg{fill:var(--pblue);height:17px;margin-left:2px;width:17px}.ten-hero .rcast__views{background:rgba(0,0,0,.45);font-size:.54rem;font-weight:600;padding:.2rem .5rem;top:.55rem}.ten-hero .rcast__cap,.ten-hero .rcast__views{border-radius:6px;color:#fff;position:absolute;right:.6rem}.ten-hero .rcast__cap{background:rgba(0,0,0,.5);bottom:.6rem;font-size:.56rem;left:.6rem;line-height:1.35;padding:.3rem .55rem}.ten-hero .rcast__cap b{color:var(--blue-soft)}.ten-hero .rcast__name{background:rgba(0,0,0,.35);border-radius:6px;color:hsla(0,0%,100%,.85);font-size:.54rem;font-weight:600;left:.6rem;padding:.2rem .5rem;position:absolute;top:.55rem}.ten-hero .rstats{display:flex;flex-wrap:wrap;gap:.4rem}.ten-hero .rstat{background:#eef2f7;border-radius:999px;color:#455a6b;font-size:.58rem;font-weight:600;padding:.26rem .6rem}.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 heroPulse{0%,to{box-shadow:0 0 0 0 rgba(249,168,37,.5)}50%{box-shadow:0 0 0 6px rgba(249,168,37,0)}}@keyframes heroPulseRed{0%,to{box-shadow:0 0 0 0 rgba(226,72,61,.55)}50%{box-shadow:0 0 0 6px rgba(226,72,61,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}}