/* Explicit option colors keep native Windows select menus readable. */
.platform select{color-scheme:dark}.platform select option,.platform select optgroup{background-color:#111318;color:#f4f1eb}.platform select option:disabled{color:#9ba0ac}
:root{--bg:#08090b;--panel:#111318;--panel2:#171a20;--line:#ffffff14;--gold:#e6c67d;--text:#f4f1eb;--muted:#9ba0ac;--radius:22px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body.platform{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.shell{width:min(1240px,calc(100% - 64px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:#08090bed;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:162px;height:42px;object-fit:contain}.site-nav{display:flex;gap:30px;color:#c3c5cc;font-size:13px}.site-nav a:hover{color:var(--gold)}.header-tools{display:flex;gap:8px;align-items:center}.quiet-btn,.currency-select{background:#ffffff05;border:1px solid var(--line);color:var(--text);border-radius:10px;min-height:38px;padding:6px 12px;font-size:12px}.currency-select{width:82px}.menu-button{display:none}.pill{border:1px solid #e6c67d42;color:var(--gold);padding:4px 12px;border-radius:30px;font-size:11px;letter-spacing:1px;display:inline-block}.hero-v3{padding:100px 0 90px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 20% 5%,#e6c67d0c,transparent 55%)}.hero-layout-v3{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px}.hero-v3 h1{font-family:Arial,sans-serif;font-size:clamp(72px,10vw,146px);line-height:1.05;letter-spacing:-7px;margin:24px 0 6px;font-weight:800;direction:ltr;text-align:start}.hero-v3 h1 em{font-style:normal;color:var(--gold)}.hero-v3 h2{font-size:clamp(24px,3vw,38px);font-weight:400;line-height:1.6;margin:10px 0 18px}.hero-v3 p{max-width:520px;color:var(--muted);font-size:15px}.hero-actions-v3{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.action{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;border-radius:12px;border:1px solid var(--line);background:#ffffff03;padding:10px 22px;color:var(--text);font-weight:700;font-size:13px}.action.primary{color:#17130a;background:var(--gold);border-color:var(--gold)}.action:hover{filter:brightness(1.08)}.hero-index{padding:34px;border:1px solid #e6c67d20;background:linear-gradient(145deg,#e6c67d08,#111318);border-radius:28px;position:relative}.hero-index:before{content:'TTV4K';font:800 68px Arial;position:absolute;top:8px;left:20px;color:#ffffff02;pointer-events:none}.hero-index-top{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:var(--gold);font-size:12px;letter-spacing:2px}.index-server{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.index-server:last-child{border:0}.index-server b{font-family:Arial,sans-serif;font-size:18px;letter-spacing:1px}.index-server span{color:var(--muted);font-size:11px}.section-v3{padding:70px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-heading h2,.page-intro h1{font-size:32px;font-weight:500;line-height:1.4;margin:10px 0}.section-heading p,.page-intro p{color:var(--muted);font-size:13px}.section-meta{font-size:12px;color:var(--muted)}.server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.server-card{--accent:#e6c67d;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;transform-style:preserve-3d;display:flex;flex-direction:column;min-width:0}.server-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 16px 40px #0006,0 0 35px color-mix(in srgb,var(--accent) 6%,transparent);transform:translateY(-7px) perspective(900px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg))}.server-visual{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#15171c;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.server-visual img{width:100%;height:100%;object-fit:contain}.asset-slot{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#ffffff02,transparent);color:#b8bbc3}.asset-slot b{font-family:Arial,sans-serif;font-size:30px;letter-spacing:2px;color:var(--text)}.asset-slot small{font-size:10px;color:#777f8d}.slot-line{height:1px;width:32px;background:#e6c67d60}.card-content{padding:24px;display:flex;flex-direction:column;flex:1}.card-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.card-title h3{font:700 20px Arial;letter-spacing:.4px;margin:0}.card-title>a{color:var(--muted);font-size:20px}.card-content>p{font-size:12px;color:var(--muted);min-height:22px}.duration-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0 20px}.duration-options button{color:var(--muted);padding:9px 4px;border:1px solid var(--line);border-radius:8px;background:transparent;font-size:12px}.duration-options button.selected{background:#e6c67d12;border-color:#e6c67d55;color:var(--gold)}.card-price{display:flex;align-items:baseline;gap:8px;min-height:50px;flex-wrap:wrap;direction:ltr;justify-content:flex-end}.card-price strong{font:600 30px Arial}.card-price span{color:var(--muted);font-size:11px}.card-content .action{width:100%;margin-top:15px}.restricted-price{font-size:12px!important;color:#b6a98b!important;direction:rtl}.fx-note{color:var(--muted);font-size:11px;line-height:1.9;margin-top:24px}.fx-note a{color:var(--gold)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-top:35px}.benefits h3{font-size:16px;font-weight:500}.benefits p{color:var(--muted);font-size:12px}.benefit-n{font:22px Arial;color:var(--gold)}.site-footer{border-top:1px solid var(--line);padding:42px 0 20px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-main p{color:var(--muted);font-size:12px}.footer-links{display:flex;gap:24px;font-size:12px;color:#c2c6ce}.footer-base{display:flex;justify-content:space-between;gap:16px;color:#717784;font-size:11px;border-top:1px solid var(--line);margin-top:28px;padding-top:18px}.page-intro{padding:48px 0 12px}.page-intro .eyebrow-v3{font:11px Arial;letter-spacing:3px;color:var(--gold)}.catalog-controls{display:flex;align-items:center;gap:12px;margin:10px 0 28px;flex-wrap:wrap}.catalog-controls input{max-width:330px}.field,input:not([type=checkbox]):not([type=file]),select,textarea{color:var(--text);background:#0d0f13;border:1px solid #ffffff20;border-radius:10px;padding:11px 12px;width:100%;min-width:0}.header-tools select{width:82px;padding:5px;font-size:12px}label{display:block;color:#c9cbd1;font-size:12px;margin:10px 0}label input,label select,label textarea{margin-top:6px}input[type=checkbox]{accent-color:var(--gold)}.notice{background:#e6c67d09;border:1px solid #e6c67d25;border-radius:12px;padding:15px 18px;font-size:12px;color:#d5c7a7}.notice.error{border-color:#ef8c8c55;color:#f0abab}.empty-state{padding:50px 25px;text-align:center;border:1px dashed #ffffff21;border-radius:18px;color:var(--muted)}[hidden]{display:none!important}.modal-v3{border:1px solid #ffffff24;border-radius:24px;background:#111318;color:var(--text);padding:28px;width:min(500px,calc(100% - 24px));max-height:90dvh;overflow:auto}.modal-v3::backdrop{background:#000b;backdrop-filter:blur(8px)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{font:700 25px Arial}.modal-head button{background:transparent;border:1px solid var(--line);border-radius:50%;color:white;width:32px;height:32px}.quote-total{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:20px 0;display:flex;justify-content:space-between;align-items:center}.quote-total strong{font:700 28px Arial}.check-label{display:flex;gap:10px;align-items:start;line-height:1.8}.check-label input{margin-top:5px;flex-shrink:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.detail-art{border:1px solid var(--line);border-radius:22px;overflow:hidden}.detail-title{font:700 50px Arial;margin:16px 0}.detail-copy{color:var(--muted)}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.app-panel{padding:26px;border:1px solid var(--line);background:var(--panel);border-radius:22px}.app-panel h2{font-size:22px}.app-panel p{font-size:12px;color:var(--muted)}.app-links{display:flex;gap:8px;flex-wrap:wrap}.app-links a{font-size:11px;border:1px solid var(--line);padding:7px 12px;border-radius:8px}.order-panel,.contact-panel{max-width:720px;margin:40px auto;padding:35px;background:var(--panel);border:1px solid var(--line);border-radius:24px}.order-ref{direction:ltr;word-break:break-all;font:12px monospace}.status-chip{display:inline-flex;padding:4px 12px;border:1px solid #e6c67d40;border-radius:30px;font-size:11px;color:var(--gold)}.flow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.flow-steps div{padding:15px 8px;text-align:center;border:1px solid var(--line);border-radius:12px;font-size:11px}.flow-steps .done{border-color:#e6c67d66;color:var(--gold)}.reveal{animation:appear .65s ease both}@keyframes appear{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.platform .account-main{padding-top:45px;padding-bottom:80px}.platform .auth-card{margin:20px auto 50px}.platform .auth-card input{width:100%}.platform .auth-emblem{overflow:hidden}.platform .btn-primary{background:var(--gold);color:#111}.platform .account-heading{padding-top:20px}
@media(min-width:1000px){.server-card:nth-child(3n+2){animation-delay:.08s}.server-card:nth-child(3n+3){animation-delay:.16s}}
@media(max-width:1000px){.site-nav{gap:18px}.header-inner{gap:16px}.hero-layout-v3{gap:35px}.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-grid{grid-template-columns:1fr 1fr}.hero-v3 h1{font-size:90px}.brand img{width:142px}}
@media(max-width:700px){.shell{width:calc(100% - 32px)}.header-inner{min-height:72px;gap:10px}.brand img{width:118px;height:34px}.header-tools{gap:5px}.quiet-btn{padding:5px 9px;min-height:34px}.header-tools select{width:65px;min-height:34px}.account-link span{display:none}.menu-button{display:inline-block}.site-nav{display:none;position:absolute;inset-inline:0;top:72px;padding:24px;background:#111318;border-bottom:1px solid var(--line);flex-direction:column;gap:18px}.site-nav.open{display:flex}.hero-v3{padding:52px 0 40px}.hero-layout-v3{grid-template-columns:1fr;gap:35px}.hero-v3 h1{font-size:88px;letter-spacing:-5px}.hero-v3 h2{font-size:26px}.hero-v3 p{font-size:13px}.hero-index{padding:22px}.hero-index-top{margin-bottom:10px}.index-server{padding:9px 0}.index-server b{font-size:16px}.section-v3{padding:45px 0}.section-heading{align-items:start;flex-direction:column;gap:4px}.section-heading h2{font-size:27px}.server-grid,.app-grid{grid-template-columns:1fr}.card-content{padding:22px}.server-visual .asset-slot b{font-size:34px}.benefits{grid-template-columns:1fr;gap:10px}.footer-main{align-items:start;flex-direction:column;gap:18px}.footer-links{gap:18px;flex-wrap:wrap}.footer-base{flex-direction:column}.page-intro h1{font-size:30px}.detail-grid{grid-template-columns:1fr;gap:22px}.detail-title{font-size:40px}.contact-panel,.order-panel{padding:24px 20px;margin-top:22px}.modal-v3{padding:22px}.hero-actions-v3 .action{flex:1}.section-meta{font-size:11px}.currency-select{padding:4px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.server-card:hover{transform:none!important}}

/* Supplied portrait masters: show the whole official artwork without cropping. */
.server-visual{aspect-ratio:4/5}.server-visual img{object-fit:contain}.detail-art>.server-visual{aspect-ratio:4/5}.server-visual .asset-slot{min-height:100%}

.platform .auth-emblem{width:180px;height:64px;border:0;background:transparent}.platform .auth-emblem img{width:176px;height:59px;object-fit:contain}

.server-card.waiting{opacity:0;transform:translateY(16px)}@media(prefers-reduced-motion:reduce){.server-card.waiting{opacity:1;transform:none}}
.motion-toggle{min-width:32px;padding:5px 8px;font-family:Arial,sans-serif}
.hero-carousel{min-width:0;padding:16px 8px 14px;position:relative;isolation:isolate;border:1px solid #e6c67d24;border-radius:26px;background:radial-gradient(ellipse at 50% 48%,#e6c67d13,transparent 70%),#101115;box-shadow:0 24px 70px #0005;touch-action:pan-y}
.hero-art-stage{height:clamp(280px,32vw,420px);position:relative;overflow:hidden;perspective:1000px}
.hero-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateX(0) scale(.78);transition:transform .75s cubic-bezier(.22,.8,.25,1),opacity .65s ease,visibility .75s;pointer-events:none;z-index:0}
.hero-slide img{width:auto;max-width:78%;height:100%;object-fit:contain;border-radius:15px;filter:drop-shadow(0 10px 18px #0008);user-select:none}
.hero-slide.is-active{opacity:1;visibility:visible;transform:translateX(0) scale(1);pointer-events:auto;z-index:3}
.hero-slide.is-before{opacity:.32;visibility:visible;transform:translateX(-49%) scale(.78) rotateY(12deg);z-index:1}
.hero-slide.is-after{opacity:.32;visibility:visible;transform:translateX(49%) scale(.78) rotateY(-12deg);z-index:1}
.hero-art-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 10px}.hero-art-caption strong{font:700 19px Arial,sans-serif;color:var(--text)}.hero-art-caption span{font:11px Arial,sans-serif;letter-spacing:2px;color:var(--gold)}
.hero-art-controls{display:flex;direction:ltr;align-items:center;justify-content:center;gap:10px;padding:4px 8px}.hero-art-controls>button{border:1px solid #e6c67d30;border-radius:50%;height:34px;width:34px;background:#ffffff05;color:var(--text);font:22px Arial,sans-serif}.hero-art-controls [data-hero-pause]{font-size:14px}.hero-art-dots{display:flex;align-items:center;gap:6px}.hero-art-dots button{width:22px;height:30px;padding:0;border:0;background:transparent;position:relative}.hero-art-dots button::after{content:"";width:5px;height:5px;border-radius:6px;background:#ffffff40;position:absolute;top:12px;left:9px;transition:background .3s,transform .3s}.hero-art-dots button[aria-pressed=true]::after{background:var(--gold);transform:scale(1.65)}.hero-art-controls button:focus-visible,.hero-slide:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){.hero-carousel{width:min(100%,440px);margin-inline:auto;padding:14px 4px 12px}.hero-art-stage{height:clamp(280px,84vw,390px)}.hero-art-caption{padding-inline:16px}.hero-art-controls{gap:7px}.hero-art-dots{gap:3px}.hero-art-dots button{width:20px}.hero-art-dots button::after{left:8px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-art-dots button::after{transition:none}}
@media(max-width:700px){.hero-v3{padding:30px 0}.hero-layout-v3{gap:14px}.hero-layout-v3>div:first-child{display:contents}.hero-layout-v3>.pill{justify-self:start}.hero-v3 h1{font-size:72px;margin:0;letter-spacing:-4px}.hero-v3 h2{font-size:23px;line-height:1.5;margin:0}.hero-layout-v3>.hero-carousel{grid-row:4}.hero-art-stage{height:clamp(255px,75vw,330px)}.hero-v3 p{font-size:12px;margin:0}.hero-actions-v3{margin-top:6px}}
.official-app-banner{display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #e6c67d36;border-radius:22px;background:linear-gradient(115deg,#e6c67d0a,#111318);padding:30px;margin-top:16px}.official-app-banner h2{font-size:26px;margin:16px 0 8px}.official-app-banner p{font-size:12px;color:var(--muted);margin-bottom:0}.official-player{border-color:#e6c67d66;grid-column:1/-1}.official-player h2{color:var(--gold)}.official-player .app-links a{border-color:#e6c67d55}
@media(max-width:700px){.official-app-banner{align-items:stretch;flex-direction:column;padding:24px;gap:20px}.official-app-banner h2{font-size:23px}}
@keyframes server-art-drift{0%,100%{transform:translateY(-3px) scale(.985)}50%{transform:translateY(3px) scale(.975)}}
@keyframes server-art-glow{0%,100%{opacity:.12}50%{opacity:.65}}
@media(prefers-reduced-motion:no-preference){
 .server-visual img{animation:server-art-drift 6s ease-in-out infinite}
 .server-visual::after{content:"";position:absolute;inset:1px;pointer-events:none;box-shadow:inset 0 0 30px var(--accent,#e6c67d);opacity:.12;animation:server-art-glow 6s ease-in-out infinite}
 .server-card:nth-child(2n) .server-visual img,.server-card:nth-child(2n) .server-visual::after{animation-delay:-2s}
 .server-card:nth-child(3n) .server-visual img,.server-card:nth-child(3n) .server-visual::after{animation-delay:-4s}
 .server-card:hover .server-visual img,.server-card:focus-within .server-visual img,.server-card:hover .server-visual::after,.server-card:focus-within .server-visual::after,.motion-paused .server-visual img,.motion-paused .server-visual::after{animation-play-state:paused}
}
@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}}
@media(max-width:420px){.header-inner{gap:8px}.brand img{width:100px}.header-tools{gap:4px}.header-tools select{width:60px}.quiet-btn{padding:5px 7px}.motion-toggle{min-width:30px}}
@media(max-width:360px){.brand img{width:72px}}

/* TTV4K mobile polish — unified warm-dark palette and clear actions */
.platform .site-header{background:rgba(8,9,11,.96);border-bottom-color:#e6c67d22}
.platform .header-inner{gap:14px}
.platform .language-switch{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.platform .language-switch .language-name{font-size:12px;font-weight:700}
.platform .account-link{display:inline-flex;align-items:center;justify-content:center;min-width:104px;border:1px solid #e6c67d91;background:linear-gradient(135deg,#e6c67d1e,#e6c67d0a);color:#f4ddb0;font-weight:800;white-space:nowrap}
.platform .account-link:hover{background:#e6c67d2b}
.platform .action{border-color:#e6c67d26;transition:background .18s,border-color .18s}
.platform .action.primary{background:#e6c67d;color:#15120b;border-color:#e6c67d}
.platform .hero-v3{background:radial-gradient(ellipse at 15% 0%,#e6c67d13,transparent 48%),#090a0d}
.platform .hero-v3 h1{color:#f7f0df}
.platform .hero-v3 h2{font-weight:650}
.platform .hero-actions-v3 .action{min-height:46px}
.platform .section-heading h2{font-weight:700}
.platform .server-grid{gap:20px}
.platform .server-card{background:linear-gradient(160deg,#191b20 0%,#101217 72%);border-color:#e6c67d26;box-shadow:0 9px 30px #0004}
.platform .server-visual{background:radial-gradient(ellipse at center,#e6c67d0b,transparent 68%),#121318;border-bottom-color:#e6c67d24}
.platform .server-visual img{object-fit:contain}
.platform .card-content{padding:20px 22px 22px}
.platform .card-title h3{color:#f6f0e3}
.platform .card-content>p{color:#b9b6b2}
.platform .duration-options button{border-color:#e6c67d32;min-height:43px;font-weight:600}
.platform .duration-options button.selected{background:#e6c67d22;color:#efd293;border-color:#e6c67d9c}
.platform .card-price strong{color:#f0cd82}
.platform .card-content .action{min-height:46px}
.platform .app-grid{grid-template-columns:minmax(0,1fr);max-width:760px;margin-inline:auto}
.platform .player-one-card{padding:26px;border:1px solid #e6c67d55;background:linear-gradient(135deg,#191b20,#0e1014)}
.platform .player-one-heading h2{font:800 clamp(28px,6vw,42px) Arial,sans-serif;margin:10px 0 18px}
.platform .player-one-card .app-links a{font-size:14px;min-height:46px;padding:10px 20px}
.platform .player-downloader{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:22px 0 0;padding-top:15px;border-top:1px solid #e6c67d2b}
.platform .player-downloader strong{font:800 19px Arial,sans-serif;color:#f2d495;letter-spacing:2px}
.platform .hero-art-controls>button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center}
.platform .hero-art-dots button{width:28px;height:44px}
.platform .hero-art-dots button::after{top:19px;left:11px}
@media(max-width:700px){
 .platform .header-inner{gap:7px;min-height:66px}
 .platform .brand img{width:103px;height:34px}
 .platform .header-tools{gap:5px}
 .platform .header-tools select{width:62px;min-height:40px}
 .platform .quiet-btn{min-height:40px;padding:7px 9px}
 .platform .language-switch .language-name{display:none}
 .platform .language-switch{min-width:40px;font-size:19px}
 .platform .account-link{min-width:66px;min-height:40px;padding:7px 10px}
 .platform .account-link [data-customer-label]{display:none}
 .platform .account-link::after{content:attr(data-short);font-size:12px}
 .platform .menu-button{min-width:40px;font-size:20px}
 .platform .site-nav{top:100%;padding:18px 16px;gap:14px;border-color:#e6c67d35}
 .platform .hero-v3{padding:24px 0 28px}
 .platform .hero-layout-v3{display:grid;grid-template-columns:1fr;gap:20px}
 .platform .hero-layout-v3>div:first-child{display:block}
 .platform .hero-layout-v3>.hero-carousel{grid-row:auto}
 .platform .hero-v3 h1{font-size:clamp(52px,14vw,74px);letter-spacing:-3px;margin:4px 0}
 .platform .hero-v3 h2{font-size:clamp(21px,5vw,27px);margin:8px 0}
 .platform .hero-v3 p{font-size:13px;margin:0}
 .platform .hero-actions-v3{margin-top:16px;gap:8px}
 .platform .hero-actions-v3 .action{padding:9px 13px}
 .platform .hero-art-stage{height:clamp(230px,70vw,320px)}
 .platform .section-v3{padding:40px 0}
 .platform .server-grid{gap:15px}
 .platform .server-card{border-radius:18px}
 .platform .server-visual{aspect-ratio:auto;height:clamp(245px,74vw,315px)}
 .platform .server-visual img{max-width:100%;width:auto;height:100%;object-fit:contain}
 .platform .card-content{padding:17px 18px 19px}
 .platform .card-content>p{margin:6px 0 0;min-height:0}
 .platform .duration-options{gap:7px;margin:10px 0}
 .platform .duration-options button{min-height:44px}
 .platform .card-price{min-height:43px}
 .platform .card-price strong{font-size:27px}
 .platform .card-content .action{margin-top:10px;min-height:48px}
 .platform .page-intro{padding:30px 0 0}
 .platform .app-grid{max-width:none}
 .platform .player-one-card{padding:22px}
}
@media(max-width:420px){
 .platform .header-inner{display:flex;flex-wrap:wrap;justify-content:space-between;padding-block:8px;min-height:0}
 .platform .brand img{width:98px}
 .platform .header-tools{margin-inline-start:auto}
 .platform .header-tools select{width:62px}
 .platform .account-link{padding:7px 8px;min-width:61px}
 .platform .quiet-btn{padding:6px 7px}
 .platform .language-switch{min-width:36px}
 .platform .menu-button{min-width:36px}
 .platform .hero-actions-v3{display:grid;grid-template-columns:1fr 1fr}
 .platform .hero-actions-v3 .action{font-size:12px;min-width:0}
}
@media(max-width:360px){
 .platform .brand img{width:80px}
 .platform .header-tools{gap:3px}
 .platform .header-tools select{width:56px}
 .platform .account-link{min-width:55px}
 .platform .language-switch,.platform .menu-button{min-width:32px}
}

/* No currency selection on legal copy pages. */
.platform.privacy-page .header-tools .currency-select{display:none}

/* Stable responsive layout on hard refresh and live search. */
body.platform{overflow-x:clip}
.platform main,.platform .server-grid,.platform .hero-layout-v3,.platform .page-intro{min-width:0}
.platform .server-grid{grid-auto-flow:row;align-items:stretch}
.platform .server-card{isolation:isolate;overflow:hidden;min-width:0}
.platform .server-card .card-content{min-width:0}
.platform .server-card .card-price{min-width:0;overflow-wrap:anywhere}
.platform .catalog-controls input[type=search]{width:min(100%,330px)}
.platform #servers{scroll-margin-top:86px}
@media(max-width:700px){
 .platform .server-card.reveal{animation:none}
 .platform .server-card:hover{transform:none}
 .platform .site-nav.open{max-height:calc(100dvh - 75px);overflow-y:auto}
 .platform .hero-slide img{max-width:85%}
 .platform .server-grid{grid-template-columns:minmax(0,1fr)}
}

/* Video QA: keep keyboard skip-link accessible but invisible otherwise. */
body.platform .skip-to{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:100;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%);padding:0;border:0}
body.platform .skip-to:focus,body.platform .skip-to:focus-visible{width:auto;height:auto;clip-path:none;inset-block-start:8px;inset-inline-start:8px;padding:9px 16px;border:1px solid var(--gold);border-radius:10px;background:var(--panel);color:var(--text);box-shadow:0 8px 24px #0009}
.platform .catalog-loading{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;min-height:180px;color:var(--muted);font-size:13px;border:1px solid var(--line);border-radius:18px}
.platform .server-grid[aria-busy="true"]{min-height:180px}
@media(max-width:700px){
 .platform .site-nav{top:100%;z-index:31;box-shadow:0 24px 40px #000b;background:#121319}
 .platform .site-nav a{display:block;padding:8px 10px;min-height:44px}
 .platform .site-nav.open{max-height:min(75dvh,480px);overflow-y:auto}
}

/* TTV4K SINGLE-SKIN: customer account styling moved out of the removed Dream Box stylesheets. */
.platform .account-main{min-height:68vh;padding-block:42px 78px}
.platform .account-main #customerApp{width:min(100%,1000px);margin-inline:auto}
.platform .auth-card{width:min(100%,480px);margin:18px auto 42px;padding:clamp(22px,5vw,38px);border:1px solid #e6c67d55;border-radius:20px;background:radial-gradient(ellipse at 80% 0%,#e6c67d15,transparent 60%),linear-gradient(150deg,#1b1d23,#101216);box-shadow:0 22px 70px #0006;text-align:center}
.platform .auth-emblem{display:flex;align-items:center;justify-content:center;width:180px;height:65px;margin:0 auto 12px}
.platform .auth-emblem img{width:176px;height:59px;object-fit:contain}
.platform .auth-brand{display:block;margin-top:4px;color:var(--gold);letter-spacing:.18em;font:700 12px Arial,sans-serif}
.platform .auth-card h1{font-size:clamp(23px,5vw,32px);line-height:1.35;margin:15px 0 10px;color:#f9ebcc}
.platform .auth-intro{color:#bbb6ac;font-size:13px;margin:0 0 23px}
.platform .auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;margin:0 0 23px;border:1px solid #e6c67d26;border-radius:12px;background:#0c0d10}
.platform .auth-tabs a{padding:11px 9px;border-radius:8px;color:#bbb5a8;font-size:13px}
.platform .auth-tabs a[aria-current="page"]{background:#e6c67d23;color:#f7dfab;border:1px solid #e6c67d70}
.platform .auth-card form,.platform .account-security form{display:grid;gap:9px;text-align:start}
.platform .auth-card form{margin-top:10px}
.platform .auth-card label,.platform .account-security label{color:#e1d9c9;font-size:12px;margin:7px 0 0}
.platform .auth-card input,.platform .account-security input:not([type=checkbox]){width:100%;min-height:48px;border:1px solid #e6c67d40;border-radius:9px;background:#0c0e12;color:#f8f4e9;padding:11px 13px}
.platform .auth-card input[type=email],.platform .auth-card input[type=password],.platform .account-security input[type=password]{direction:ltr;text-align:start}
.platform .auth-card small,.platform .account-security small{font-size:11px;color:#a8a399}
.platform .auth-card .form-error,.platform .account-main .form-error{min-height:1em;color:#f4aaa9;font-size:12px;margin:4px 0}
.platform .btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:45px;padding:10px 17px;border-radius:10px;border:1px solid #e6c67d4a;color:#f5ead2;background:#e6c67d12;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none}
.platform .btn:hover{background:#e6c67d27}
.platform .btn-primary{background:var(--gold);color:#14120e;border-color:var(--gold)}
.platform .btn-primary:hover{background:#f1d79b;color:#14120e}
.platform .btn-muted{background:#17191e;border-color:#e6c67d3b}
.platform .btn.full{width:100%}
.platform .auth-terms{display:block;margin-top:17px;color:#b9b5ad;font-size:11px}
.platform .auth-terms a,.platform .text-link{color:#e6c67d;text-decoration:underline;text-underline-offset:3px}
.platform .account-heading,.platform .section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.platform .account-heading{padding-bottom:26px;border-bottom:1px solid #e6c67d28}
.platform .account-heading h1{font-size:clamp(23px,4vw,34px);margin:10px 0 4px}
.platform .account-heading p,.platform .account-orders>.muted{color:#b9b5ad;font-size:13px;overflow-wrap:anywhere}
.platform .account-orders{padding-top:30px}
.platform .account-orders h2{font-size:23px;margin:0}
.platform .orders-list{display:grid;gap:12px;margin-top:23px}
.platform .account-empty{text-align:center;padding:38px 20px;border:1px solid #e6c67d35;border-radius:16px;background:#15171c}
.platform .account-empty>span{display:block;font-size:34px;color:var(--gold)}
.platform .account-empty h3{font-size:19px}
.platform .order-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:20px;border:1px solid #e6c67d33;background:#15171b;border-radius:14px}
.platform .order-row>div{min-width:0;flex:1 1 200px}
.platform .order-row h3{margin:0 0 6px;font-size:16px}
.platform .order-row small,.platform .order-row summary{font-size:11px;color:#b7b2a9}
.platform .order-row code{overflow-wrap:anywhere}
.platform .order-row strong{color:#f2d18b;white-space:nowrap}
.platform .order-status{display:inline-flex;padding:6px 11px;border-radius:30px;border:1px solid #e6c67d5c;color:#f5d48e;background:#e6c67d12;font-size:11px}
.platform .account-security{display:grid;gap:12px;margin-top:32px}
.platform .account-security>details{padding:17px;border:1px solid #e6c67d30;border-radius:13px;background:#14161b}
.platform .account-security>details>summary{cursor:pointer;font-size:14px;font-weight:700}
.platform .account-security form{margin-top:12px}
.platform .account-security p{color:#bcb4a8;font-size:12px}
.platform .delete-confirm{display:flex!important;align-items:center;gap:10px}
.platform .delete-confirm input{width:19px;height:19px;flex:0 0 auto}
@media(max-width:700px){
 .platform .auth-card{margin:8px auto 24px}
 .platform .account-heading{align-items:flex-start}
 .platform .account-heading .btn{min-height:44px}
 .platform .order-row{align-items:flex-start}
 .platform .order-row strong{font-size:15px}
}

/* Compact product cards: display the entire original 4:5 poster edge to edge, no inner side bars. */
.platform .server-card>a{display:block;min-width:0;overflow:hidden}
.platform .server-card>a>.server-visual{
 width:100%;
 height:auto;
 aspect-ratio:1122 / 1402;
 overflow:hidden;
 background:#111318;
 border-bottom:1px solid #e6c67d2e;
}
.platform .server-card>a>.server-visual img{
 display:block;
 width:100%;
 max-width:100%;
 height:100%;
 object-fit:contain;
 object-position:center;
 border-radius:0;
}
.platform .server-card .card-content>p{min-height:0}
.platform .server-card .duration-options{margin-block:8px 11px}
.platform .server-card .card-price{min-height:0;align-items:center}
.platform .server-card .card-content .action{margin-top:10px}
@media(max-width:700px){
 /* The previous sticky header was sitting over the content when the browser restored scroll. */
 .platform .site-header{position:relative;top:auto}
 .platform .server-card>a>.server-visual{height:auto;aspect-ratio:1122 / 1402}
 .platform .server-card>a>.server-visual img{width:100%;height:100%;object-fit:contain}
 .platform .server-card .card-content{padding:13px 16px 17px;gap:0}
 .platform .server-card .card-content>p{margin:1px 0 5px;line-height:1.55}
 .platform .server-card .duration-options{margin:7px 0 9px}
 .platform .server-card .card-price{min-height:0;margin:2px 0 0}
 .platform .server-card .card-price strong{font-size:clamp(23px,6vw,29px)}
 .platform .server-card .card-content .action{margin-top:8px}
 .platform #servers .section-heading{margin-bottom:15px}
 .platform .section-v3{padding-block:26px}
 .platform .server-grid{gap:14px}
}

/* Isolated TTV4K customer pages — avoid mixing checkout/catalog behavior with forms. */
body.platform.auth-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.platform.auth-page main{flex:1 0 auto}
.platform.auth-page .header-tools .currency-select{display:none}
.platform.auth-page .header-tools .account-link{display:none}
.platform.auth-page .header-inner{min-width:0}
.platform.auth-page .account-main{padding-block:36px 54px}
.platform.auth-page[data-page="login"] .account-main,
.platform.auth-page[data-page="register"] .account-main{display:flex;justify-content:center;align-items:flex-start;min-height:540px}
.platform.auth-page[data-page="login"] #customerApp,
.platform.auth-page[data-page="register"] #customerApp{width:min(100%,460px);min-width:0;margin-inline:auto}
.platform.auth-page .auth-loading{min-height:385px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}
.platform.auth-page .auth-card{width:100%;max-width:460px;margin:0 auto;padding:clamp(20px,4.5vw,32px);border-radius:20px;background:linear-gradient(160deg,#1b1d22,#101115);border:1px solid #e6c67d55;box-shadow:0 14px 50px #0005}
.platform.auth-page .auth-card h1{margin:8px 0 7px}
.platform.auth-page .auth-emblem{width:156px;height:56px;margin:0 auto 5px}
.platform.auth-page .auth-emblem img{width:156px;height:55px;max-width:100%;object-fit:contain}
.platform.auth-page .auth-brand{font-size:11px;margin:0}
.platform.auth-page .auth-intro{margin:0 0 15px;line-height:1.7}
.platform.auth-page .auth-tabs{margin:0 0 18px;max-width:100%}
.platform.auth-page .auth-tabs a{display:flex;align-items:center;justify-content:center;min-height:43px;padding:7px 8px}
.platform.auth-page .auth-card form{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;margin:0;min-width:0}
.platform.auth-page .auth-card form label{display:block;text-align:start;margin:7px 0 0}
.platform.auth-page .auth-card input{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:49px;margin:0;background:#0c0e12;border:1px solid #e6c67d48;border-radius:10px;padding:10px 13px;color:#f4f1eb}
.platform.auth-page .auth-card input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.platform.auth-page .auth-card form .btn{display:flex;width:100%;min-height:49px;margin-top:5px}
.platform.auth-page .auth-card .form-error{margin:2px 0 0;min-height:0;overflow-wrap:anywhere}
.platform.auth-page .auth-card .auth-terms{margin:13px 0 0;line-height:1.75}
.platform.auth-page .account-main #customerApp{max-width:100%}
.platform.auth-page[data-page="account"] .account-main #customerApp{width:100%}
.platform.auth-page .site-footer{flex:0 0 auto}
@media(max-width:700px){
 .platform.auth-page .header-inner{display:flex;flex-wrap:nowrap;min-height:62px;gap:8px;padding-block:8px}
 .platform.auth-page .brand{flex-shrink:1;min-width:0}
 .platform.auth-page .brand img{width:clamp(95px,27vw,122px);height:34px}
 .platform.auth-page .header-tools{flex:0 0 auto;margin-inline-start:auto;gap:8px}
 .platform.auth-page .quiet-btn{min-width:42px;min-height:42px;padding:6px 10px}
 .platform.auth-page .site-nav{top:100%}
 .platform.auth-page .account-main{padding:18px 0 34px}
 .platform.auth-page[data-page="login"] .account-main,.platform.auth-page[data-page="register"] .account-main{min-height:470px}
 .platform.auth-page .auth-card{margin:0;padding:22px 18px;border-radius:17px}
 .platform.auth-page .auth-tabs a{font-size:12px}
 .platform.auth-page .footer-main{gap:11px}
}
@media(max-width:360px){
 .platform.auth-page .brand img{width:96px}
 .platform.auth-page .header-tools{gap:4px}
 .platform.auth-page .quiet-btn{min-width:39px;padding-inline:8px}
}

/* Hide the uninitialized USD option until the user preference/default is known. */
body.platform #currency:not([data-ready="true"]){visibility:hidden}

/* Premium single-poster carousel: no mirrored previews or initial hydration flicker. */
.platform .hero-carousel{overflow:hidden;contain:layout paint}
.platform .hero-art-stage{overflow:hidden;isolation:isolate;perspective:none}
.platform .hero-carousel .hero-slide{transform:none;visibility:hidden;opacity:0;pointer-events:none;z-index:0;transition:opacity .28s ease}
.platform .hero-carousel .hero-slide.is-active{transform:none;visibility:visible;opacity:1;pointer-events:auto;z-index:2}
.platform .hero-carousel .hero-slide.is-before,
.platform .hero-carousel .hero-slide.is-after{transform:none;visibility:hidden;opacity:0;pointer-events:none;z-index:0}
.platform .hero-carousel .hero-art-controls{min-height:50px}
.platform .hero-carousel:not([data-ready="true"]) .hero-art-controls{visibility:hidden;pointer-events:none}
.platform .hero-carousel .hero-art-stage img{display:block}
@media(max-width:700px){
 .platform .hero-carousel .hero-slide img{max-width:min(89%,390px)}
 .platform .hero-carousel .hero-art-stage{overflow:hidden}
}
/* Auth: the site header already carries the brand; keep one compact form card. */
.platform.auth-page .auth-card{padding:clamp(23px,4.5vw,36px);border:1px solid #c6a66665;background:linear-gradient(150deg,#1e1c1d,#101216);box-shadow:0 18px 50px #0006;overflow:hidden}
.platform.auth-page .auth-card-head{display:flex;flex-direction:column;align-items:center;gap:5px;margin:0 0 22px}
.platform.auth-page .auth-symbol{display:grid;place-items:center;width:46px;height:46px;border:1px solid #e6c67d65;border-radius:15px;color:#f3cf85;background:linear-gradient(150deg,#40331e,#1b1b1d);font-size:27px;line-height:1;box-shadow:0 8px 20px #0004}
.platform.auth-page .auth-kicker{font-size:11px;color:#c9a75f;letter-spacing:.08em;font-weight:700}
.platform.auth-page .auth-card h1{font-size:clamp(27px,5vw,35px);line-height:1.3;margin:6px 0 0}
.platform.auth-page .auth-card .auth-intro{font-size:13px;line-height:1.65;margin:2px 0 0;color:#c7bdaf}
.platform.auth-page .auth-switch{font-size:12px;line-height:1.8;margin:18px 0 0;text-align:center;color:#aaa69e}
.platform.auth-page .auth-switch a{display:inline-block;color:#efce86;margin-inline-start:5px;text-decoration:underline;text-underline-offset:4px;font-weight:700}
.platform.auth-page .auth-card .auth-terms{font-size:11px;line-height:1.65;margin-top:11px}
@media(max-width:700px){
 .platform.auth-page .auth-card-head{margin-bottom:18px}
 .platform.auth-page .auth-card{padding:22px 18px 24px}
}

/* Reserve the hero copy dimensions until the persisted Owner text is hydrated. */
body.platform[data-page="home"]:not(.hero-copy-ready) #heroTitle,
body.platform[data-page="home"]:not(.hero-copy-ready) #heroDescription{visibility:hidden}
body.platform[data-page="home"] #heroTitle{min-height:1.6em}
body.platform[data-page="home"] #heroDescription{min-height:1.8em}