@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&family=Sora:wght@500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#0b1020;--muted:#697187;--line:#dfe4ee;--paper:#f6f8fc;--white:#fff;--blue:#1976ff;--violet:#8c4dff;--cyan:#4ce7ff;--night:#050814;--max:1420px;--shadow:0 22px 70px rgba(20,29,63,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.route-page{display:none}.route-page.active{display:block}.announcement{height:34px;background:#080b16;color:#cdd5ea;display:flex;align-items:center;justify-content:center;gap:18px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.announcement i{width:3px;height:3px;border-radius:50%;background:var(--cyan)}
.site-header{height:76px;padding:0 clamp(24px,4.5vw,76px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(18,28,55,.08)}.brand{width:142px}.brand-wordmark{width:100%;height:auto}.desktop-nav{display:flex;gap:38px;height:100%;align-items:center}.desktop-nav a{font-size:13px;font-weight:700;color:#5f687c;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:linear-gradient(90deg,var(--blue),var(--violet));transform:scaleX(0);transition:.25s}.desktop-nav a.active,.desktop-nav a:hover{color:var(--ink)}.desktop-nav a.active:after{transform:scaleX(1)}.nav-cta{justify-self:end;padding:13px 20px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:800}.menu-button{display:none;border:0;background:none;padding:10px}.menu-button span{display:block;width:22px;height:2px;background:var(--ink);margin:5px}
.hero{min-height:calc(100vh - 110px);position:relative;overflow:hidden;background:radial-gradient(circle at 76% 42%,rgba(71,53,255,.24),transparent 28%),linear-gradient(135deg,#060916 0%,#0a1025 55%,#09071b 100%);color:#fff;display:grid;grid-template-columns:minmax(420px,.92fr) minmax(500px,1.08fr);align-items:center;padding:clamp(70px,9vw,145px) max(6vw,calc((100vw - var(--max))/2));gap:4vw}.hero-grid,.subpage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(113,130,184,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(113,130,184,.09) 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(to right,black,transparent 82%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.45}.glow-a{width:380px;height:380px;background:#156fff;right:17%;top:15%}.glow-b{width:320px;height:320px;background:#a044ff;right:-5%;bottom:-8%}.hero-copy,.hero-visual{position:relative;z-index:2}.eyebrow{margin:0 0 24px;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:10px;color:#b9c8e7}.eyebrow span{width:34px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--violet))}.eyebrow.dark{color:#697187}.hero h1,.subpage-copy h1{font:700 clamp(54px,6.5vw,104px)/.94 'Space Grotesk',sans-serif;letter-spacing:-.065em;margin:0}.hero h1 em,.subpage-copy h1 em,.section-heading h2 em,.amazon-path h2 em,.about-copy h2 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#46dfff,#7771ff 52%,#c768ff);background-clip:text;-webkit-background-clip:text}.hero-text{max-width:620px;margin:30px 0;color:#b8c2d8;font-size:16px;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:999px;padding:16px 24px;font-size:12px;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:.25s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(100deg,#1677ff,#8853ff);color:#fff;box-shadow:0 12px 38px rgba(56,91,255,.34)}.button-ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:#fff}.button-light{background:#fff;color:var(--ink)}.button-dark{background:var(--ink);color:#fff}.hero-points{display:flex;gap:35px;margin-top:52px}.hero-points div{padding-right:34px;border-right:1px solid rgba(255,255,255,.14)}.hero-points div:last-child{border:0}.hero-points strong{display:block;font:700 22px 'Space Grotesk'}.hero-points span{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#8794b3}
.hero-visual{height:min(680px,70vh)}.product-turntable{position:absolute;inset:0;display:grid;place-items:center;animation:floatPc 5.5s ease-in-out infinite}.turntable-frame{position:absolute;max-height:92%;max-width:92%;object-fit:contain;filter:drop-shadow(0 35px 52px rgba(0,0,0,.52));opacity:0;animation:showFrame 12s linear infinite}.frame-1{animation-delay:0s}.frame-2{animation-delay:3s}.frame-3{animation-delay:6s}.frame-4{animation-delay:9s;transform:scaleX(-1)}.turntable-halo{position:absolute;width:80%;height:80%;border-radius:50%;background:radial-gradient(circle,rgba(60,170,255,.22),rgba(132,68,255,.09) 45%,transparent 70%);filter:blur(24px)}.glass-sweep{position:absolute;width:38%;height:82%;left:21%;top:3%;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.18) 48%,transparent 72%);transform:skewX(-16deg);animation:sweep 5s ease-in-out infinite;mix-blend-mode:screen}.visual-floor{position:absolute;left:9%;right:9%;bottom:5%;height:60px;background:radial-gradient(ellipse,rgba(70,105,255,.38),transparent 68%);filter:blur(15px)}.visual-tag{position:absolute;z-index:3;padding:10px 14px;border:1px solid rgba(255,255,255,.15);background:rgba(11,17,40,.66);backdrop-filter:blur(10px);border-radius:10px;font-size:10px;font-weight:700;color:#cbd4e8;letter-spacing:.07em;text-transform:uppercase}.visual-tag span{color:var(--cyan)}.tag-one{left:3%;top:18%}.tag-two{right:2%;top:34%}.rotation-status{position:absolute;z-index:3;bottom:2%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:99px;background:rgba(7,11,28,.75);border:1px solid rgba(255,255,255,.12);white-space:nowrap}.rotation-status b{font:700 13px 'Space Grotesk'}.rotation-status span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#8490aa;margin-right:4px}.rotation-status i{width:4px;height:4px;border-radius:50%;background:#586078;animation:dot 12s linear infinite}.rotation-status i:nth-of-type(2){animation-delay:3s}.rotation-status i:nth-of-type(3){animation-delay:6s}.rotation-status i:nth-of-type(4){animation-delay:9s}.scroll-cue{position:absolute;left:50%;bottom:24px;z-index:3;transform:translateX(-50%);display:flex;gap:12px;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#74809e}.scroll-cue i{font-style:normal;color:#fff}
@keyframes showFrame{0%,24.9%{opacity:1}25%,100%{opacity:0}}@keyframes floatPc{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes sweep{0%,18%{opacity:0;transform:translateX(-70%) skewX(-16deg)}42%{opacity:.65}70%,100%{opacity:0;transform:translateX(160%) skewX(-16deg)}}@keyframes dot{0%,24.9%{background:var(--cyan);box-shadow:0 0 9px var(--cyan)}25%,100%{background:#586078;box-shadow:none}}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--max);margin:auto;padding:28px 4vw;border-bottom:1px solid var(--line)}.trust-strip>div{display:flex;gap:15px;align-items:center;padding:0 24px;border-right:1px solid var(--line)}.trust-strip>div:last-child{border:0}.trust-strip .icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eef3ff;color:#4c65ff}.trust-strip p{margin:0}.trust-strip b{display:block;font-size:12px}.trust-strip small{font-size:10px;color:var(--muted)}
.section{max-width:var(--max);margin:auto;padding:120px 4vw}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:58px}.section-heading h2,.amazon-path h2,.about-copy h2{font:700 clamp(42px,5vw,76px)/.98 'Space Grotesk';letter-spacing:-.055em;margin:0}.section-heading>p{max-width:480px;color:var(--muted);font-size:14px;line-height:1.8;margin:0}.family-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.family-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;transition:.3s}.family-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.family-art{height:390px;display:grid;place-items:center;position:relative;overflow:hidden}.family-art:after{content:"";position:absolute;inset:auto 12% 8%;height:32px;border-radius:50%;background:rgba(28,44,98,.15);filter:blur(18px)}.family-art.light{background:linear-gradient(145deg,#f9fbff,#e9eef9)}.family-art.dark{background:radial-gradient(circle,#253274,#080b18 70%)}.family-art.violet{background:radial-gradient(circle,#432f78,#100d1f 70%)}.family-art img{height:88%;width:88%;object-fit:contain;position:relative;z-index:2;transition:.4s}.family-card:hover img{transform:scale(1.035) translateY(-4px)}.family-copy{padding:28px 30px 32px}.family-index{float:right;color:#9aa3b7;font-size:10px;font-weight:800;letter-spacing:.1em}.family-copy>p{margin:0 0 8px;color:var(--blue);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.family-copy h3{font:700 25px/1.18 'Space Grotesk';letter-spacing:-.035em;margin:0 0 18px}.mini-specs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px}.mini-specs span{font-size:9px;color:#5e6678;background:#f3f5f9;padding:7px 9px;border-radius:99px}.text-link{font-size:11px;font-weight:800;color:var(--ink);display:inline-flex;gap:8px;align-items:center;border-bottom:1px solid #b7bfce;padding-bottom:4px}.amazon-path{margin:0 auto 120px;max-width:calc(var(--max) - 8vw);border-radius:30px;padding:70px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(125deg,#0a1024,#142661 58%,#472786)}.amazon-path:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(58,210,255,.18);filter:blur(70px);right:-100px;top:-200px}.amazon-path>*{position:relative;z-index:2}.amazon-path{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.path-steps{display:grid;gap:14px}.path-steps span{display:flex;gap:15px;align-items:center;color:#c8d2e8;font-size:12px}.path-steps b{width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:9px}.amazon-path .button{grid-column:2;justify-self:start}
.subpage-hero{height:510px;position:relative;overflow:hidden;background:linear-gradient(130deg,#060916,#0e1737 62%,#231444);color:#fff;padding:105px max(7vw,calc((100vw - var(--max))/2));display:flex;align-items:center}.subpage-glow{position:absolute;width:500px;height:500px;right:5%;top:-30%;border-radius:50%;background:rgba(87,69,255,.26);filter:blur(80px)}.subpage-copy{position:relative;z-index:2;max-width:900px}.subpage-copy h1{font-size:clamp(52px,6vw,86px)}.subpage-copy>p:last-child{max-width:650px;color:#b8c2d8;line-height:1.7}.catalog-hero-stat{position:absolute;right:max(7vw,calc((100vw - var(--max))/2));bottom:70px;z-index:3;border-left:1px solid rgba(255,255,255,.2);padding-left:30px}.catalog-hero-stat strong{display:block;font:700 70px 'Space Grotesk';line-height:.9;color:var(--cyan)}.catalog-hero-stat span{display:block;font-weight:800;margin-top:8px}.catalog-hero-stat small{color:#8d9bb8}.catalog-section{background:var(--paper);padding:90px max(5vw,calc((100vw - var(--max))/2)) 120px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:44px}.catalog-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--blue);margin:0 0 8px}.catalog-toolbar h2{font:700 46px 'Space Grotesk';letter-spacing:-.05em;margin:0}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.filter-buttons button{border:1px solid #d8deea;background:#fff;color:#5f687a;padding:11px 14px;border-radius:999px;font-size:10px;font-weight:800;cursor:pointer}.filter-buttons button span{opacity:.55;margin-left:3px}.filter-buttons button.active{color:#fff;border-color:var(--ink);background:var(--ink)}.product-catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{min-width:0;background:#fff;border:1px solid #e0e5ee;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:.3s}.product-card.hidden{display:none}.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 55px rgba(25,37,73,.1)}.product-card.featured{border-color:#8d79ff;box-shadow:inset 0 3px 0 #745bff}.product-card-art{height:285px;padding:20px;display:grid;place-items:center;position:relative;background:linear-gradient(150deg,#fff,#f1f4fa)}.product-card-art:after{content:"";position:absolute;bottom:16px;width:70%;height:18px;background:rgba(32,45,83,.14);filter:blur(13px);border-radius:50%}.product-card-art img{width:90%;height:94%;object-fit:contain;position:relative;z-index:2;transition:.35s}.product-card:hover .product-card-art img{transform:scale(1.04)}.featured-badge{position:absolute;left:14px;top:14px;z-index:3;background:linear-gradient(95deg,#1b75ff,#8b4eff);color:#fff;border-radius:99px;padding:7px 10px;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.product-card-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}.product-series{font-size:9px;color:var(--blue);font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px}.product-card h3{font:700 18px/1.3 'Space Grotesk';letter-spacing:-.025em;margin:0;min-height:70px}.asin-link{display:inline-flex;gap:7px;align-items:center;margin:13px 0 16px;color:#656e81;font-size:10px;font-weight:700}.asin-link b{color:var(--ink);letter-spacing:.07em}.asin-link:hover b{color:var(--blue)}.card-specs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e8ebf1;border-left:1px solid #e8ebf1;margin-bottom:20px}.card-specs div{padding:10px;border-right:1px solid #e8ebf1;border-bottom:1px solid #e8ebf1}.card-specs span{display:block;color:#9aa2b1;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.card-specs b{display:block;margin-top:3px;font-size:10px}.card-rating{height:28px;font-size:10px;color:#7c8495;margin-bottom:12px}.card-rating .stars{color:#f7a900;letter-spacing:1px;font-size:12px;margin-right:5px}.card-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;margin-top:auto}.card-actions a{padding:12px 10px;border-radius:999px;text-align:center;font-size:9px;font-weight:800}.detail-button{border:1px solid #cfd5e1}.amazon-button{background:var(--ink);color:#fff}.catalog-note{max-width:var(--max);margin:0 auto;padding:76px 4vw;display:flex;justify-content:space-between;align-items:center;gap:50px}.catalog-note>div{max-width:760px}.catalog-note span{font-size:10px;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.13em}.catalog-note h2{font:700 40px 'Space Grotesk';letter-spacing:-.04em;margin:10px 0}.catalog-note p{color:var(--muted);line-height:1.7}
.product-detail{background:var(--paper);min-height:780px;padding:90px max(5vw,calc((100vw - var(--max))/2)) 110px}.detail-back{display:inline-flex;align-items:center;gap:8px;color:#667085;font-size:11px;font-weight:800;margin-bottom:36px}.detail-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:start}.detail-art{position:sticky;top:130px;min-height:620px;border-radius:28px;background:radial-gradient(circle at 50% 45%,#fff,#e5eaf4 72%);display:grid;place-items:center;overflow:hidden}.detail-art:before{content:"";position:absolute;width:75%;height:75%;border:1px solid rgba(74,99,173,.12);border-radius:50%;box-shadow:0 0 0 55px rgba(78,101,168,.04),0 0 0 110px rgba(78,101,168,.025)}.detail-art img{position:relative;width:88%;height:570px;object-fit:contain;filter:drop-shadow(0 25px 30px rgba(25,32,60,.18))}.detail-copy{padding-top:10px}.detail-series{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.detail-copy h1{font:700 clamp(38px,4vw,62px)/1.04 'Space Grotesk';letter-spacing:-.055em;margin:12px 0 20px}.detail-asin{display:flex;gap:12px;align-items:center;padding:13px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;width:max-content;font-size:11px;color:#6b7384}.detail-asin b{color:var(--ink);letter-spacing:.08em}.detail-asin:hover{border-color:#8c7cff}.detail-rating{margin:22px 0;padding:18px 0;border-top:1px solid #dfe4ec;border-bottom:1px solid #dfe4ec}.detail-rating strong{font:700 23px 'Space Grotesk';color:#e99a00}.detail-rating span{font-size:11px;color:#6d7586;margin-left:10px}.detail-rating small{display:block;color:#8991a2;margin-top:6px}.detail-summary{font-size:14px;color:#5d6576;line-height:1.8}.detail-spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0}.detail-spec-grid div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px}.detail-spec-grid span{display:block;font-size:8px;color:#969eae;text-transform:uppercase;letter-spacing:.1em}.detail-spec-grid b{display:block;font-size:12px;margin-top:5px}.detail-features{margin:28px 0}.detail-features h2{font:700 22px 'Space Grotesk';margin-bottom:14px}.detail-features ul{padding:0;margin:0;list-style:none;display:grid;gap:12px}.detail-features li{position:relative;padding-left:24px;color:#5e6677;font-size:12px;line-height:1.65}.detail-features li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:800}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.detail-actions .button{min-width:190px}.amazon-notice{font-size:10px;color:#8a92a2;margin-top:14px}.detail-reviews{margin-top:34px;padding:24px;border-radius:17px;background:#0c1124;color:#fff}.detail-reviews h3{font:700 18px 'Space Grotesk';margin:0 0 8px}.detail-reviews p{color:#aab5cd;font-size:11px;line-height:1.65;margin:0 0 16px}.detail-reviews a{color:var(--cyan);font-size:10px;font-weight:800}.detail-more{max-width:var(--max);margin:auto;padding:90px 4vw 120px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-card{border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center}.related-card img{width:130px;height:135px;object-fit:contain}.related-card p{font-size:9px;color:var(--blue);font-weight:800}.related-card h3{font:700 15px/1.3 'Space Grotesk';margin:6px 0 12px}.related-card a{font-size:9px;font-weight:800}
.support-mark{position:absolute;right:max(8vw,calc((100vw - var(--max))/2));z-index:2;display:flex;align-items:center;gap:20px;color:#b8c4dc;font-size:12px;line-height:1.5}.support-mark img{width:120px;filter:drop-shadow(0 0 25px rgba(80,100,255,.5))}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}.support-grid article{border:1px solid var(--line);border-radius:18px;padding:30px}.support-grid span{font:700 12px 'Space Grotesk';color:var(--blue)}.support-grid h3{font:700 21px 'Space Grotesk'}.support-grid p{font-size:12px;line-height:1.7;color:var(--muted)}.subpage-art{position:absolute;right:max(6vw,calc((100vw - var(--max))/2));height:88%;width:44%;bottom:0}.subpage-art img{width:100%;height:100%;object-fit:contain}.about-hero .subpage-copy{max-width:630px}.about-content{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.about-copy p:not(.eyebrow){color:var(--muted);line-height:1.8}.about-image{height:600px;border-radius:25px;overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover}
footer{background:#080b15;color:#fff;padding:70px max(5vw,calc((100vw - var(--max))/2)) 24px}.footer-main{display:grid;grid-template-columns:180px 1fr 1.4fr;gap:60px;align-items:start}.footer-main>p{color:#8791aa;font-size:12px;line-height:1.75;margin:0;max-width:350px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-links div{display:grid;gap:10px}.footer-links b{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#fff;margin-bottom:4px}.footer-links a{font-size:11px;color:#8490a8}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;color:#636d83;border-top:1px solid #202636;margin-top:60px;padding-top:22px;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.reveal{animation:reveal .8s both}.delay-1{animation-delay:.14s}@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:1150px){.hero{grid-template-columns:1fr 1fr;padding-left:5vw;padding-right:5vw}.product-catalog{grid-template-columns:repeat(3,1fr)}.family-art{height:320px}.catalog-hero-stat{display:none}.subpage-art{opacity:.4}.subpage-copy{z-index:3}.detail-layout{gap:38px}.detail-art{min-height:520px}.detail-art img{height:470px}}
@media(max-width:850px){.announcement{font-size:8px;gap:10px}.announcement span:nth-of-type(2){display:none}.site-header{height:68px;grid-template-columns:1fr auto}.desktop-nav{position:fixed;display:none;top:102px;left:0;right:0;height:auto;background:#fff;padding:24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.desktop-nav.open{display:flex}.nav-cta{display:none}.menu-button{display:block}.hero{min-height:auto;grid-template-columns:1fr;padding:80px 6vw 65px}.hero h1{font-size:clamp(52px,14vw,78px)}.hero-visual{height:520px}.hero-points{gap:16px}.hero-points div{padding-right:15px}.scroll-cue{display:none}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip>div:nth-child(2){border-right:0}.trust-strip>div{padding:16px}.section{padding:80px 6vw}.section-heading{display:block}.section-heading>p{margin-top:20px}.family-showcase{grid-template-columns:1fr}.family-card{display:grid;grid-template-columns:1fr 1fr}.family-art{height:330px}.amazon-path{margin:0 5vw 80px;grid-template-columns:1fr;padding:45px}.amazon-path .button{grid-column:auto}.subpage-hero{height:440px;padding:70px 6vw}.subpage-copy h1{font-size:54px}.catalog-section{padding:65px 5vw 90px}.catalog-toolbar{display:block}.filter-buttons{justify-content:flex-start;margin-top:25px}.product-catalog{grid-template-columns:repeat(2,1fr)}.catalog-note{padding:60px 6vw;display:block}.catalog-note .button{margin-top:15px}.detail-layout{grid-template-columns:1fr}.detail-art{position:relative;top:auto;min-height:500px}.detail-art img{height:460px}.related-grid{grid-template-columns:1fr}.support-mark{display:none}.about-content{grid-template-columns:1fr}.about-image{height:430px}.footer-main{grid-template-columns:1fr}.footer-links{margin-top:10px}}
@media(max-width:560px){.announcement span:nth-of-type(3){display:none}.hero{padding-top:65px}.hero-visual{height:410px}.visual-tag{display:none}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-points{justify-content:space-between}.hero-points div{border:0;padding:0}.hero-points span{font-size:8px}.trust-strip{grid-template-columns:1fr}.trust-strip>div{border-right:0;border-bottom:1px solid var(--line)}.section-heading h2,.amazon-path h2,.about-copy h2{font-size:42px}.family-card{display:block}.family-art{height:360px}.amazon-path{padding:36px 25px}.subpage-copy h1{font-size:44px}.subpage-copy>p:last-child{font-size:12px}.product-catalog{grid-template-columns:1fr}.product-card-art{height:330px}.catalog-toolbar h2{font-size:38px}.filter-buttons{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.filter-buttons button{white-space:nowrap}.detail-art{min-height:390px}.detail-art img{height:370px}.detail-spec-grid{grid-template-columns:1fr 1fr}.detail-copy h1{font-size:38px}.related-card{grid-template-columns:100px 1fr}.related-card img{width:100px;height:110px}.about-image{height:340px}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.product-turntable,.turntable-frame,.glass-sweep,.rotation-status i{animation:none}.turntable-frame{opacity:0}.turntable-frame.frame-2{opacity:1}.reveal{animation:none}}

/* V3 — brand culture, RGB support, and richer product stories */
.external-nav-link{color:#5e46e8!important}.subpage-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.subpage-actions .button{min-width:210px}
.rgb-support{padding-top:80px;padding-bottom:35px}.rgb-support-card{min-height:430px;border-radius:30px;overflow:hidden;position:relative;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;background:radial-gradient(circle at 23% 42%,rgba(0,225,255,.2),transparent 24%),radial-gradient(circle at 34% 62%,rgba(167,67,255,.27),transparent 27%),linear-gradient(135deg,#070b18,#111a3b 62%,#251644);color:#fff;padding:58px 7%;box-shadow:0 25px 65px rgba(22,29,67,.18)}.rgb-support-card:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(135,148,199,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(135,148,199,.08) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,#000,transparent 75%);pointer-events:none}.rgb-support-copy{position:relative;z-index:2}.rgb-support-copy h2{font:700 clamp(42px,5vw,70px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:0 0 24px}.rgb-support-copy h2 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#45e8ff,#7a73ff 52%,#d067ff);background-clip:text;-webkit-background-clip:text}.rgb-support-copy>p:not(.eyebrow){color:#b9c5dd;line-height:1.8;max-width:650px}.rgb-support-points{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.rgb-support-points span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:999px;padding:9px 13px;font-size:9px;font-weight:800;letter-spacing:.04em}.rgb-orbit{width:260px;height:260px;border:1px solid rgba(255,255,255,.2);border-radius:50%;position:relative;display:grid;place-items:center;margin:auto;z-index:2;animation:rgbFloat 4s ease-in-out infinite}.rgb-orbit:before,.rgb-orbit:after{content:"";position:absolute;border-radius:50%;inset:27px;border:1px dashed rgba(99,229,255,.3);animation:rgbSpin 10s linear infinite}.rgb-orbit:after{inset:64px;border-style:solid;border-color:rgba(188,105,255,.35);animation-direction:reverse}.rgb-orbit span{position:absolute;width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);font:800 24px 'Space Grotesk';box-shadow:0 0 30px currentColor}.rgb-orbit span:nth-child(1){top:-10px;color:#ff5cce}.rgb-orbit span:nth-child(2){right:-8px;bottom:35px;color:#64f5b0}.rgb-orbit span:nth-child(3){left:-5px;bottom:35px;color:#50dfff}.rgb-orbit i{width:74px;height:74px;border-radius:24px;background:url('assets/logo-symbol.png') center/68% no-repeat,rgba(255,255,255,.08);box-shadow:0 0 50px rgba(110,91,255,.55)}@keyframes rgbSpin{to{transform:rotate(360deg)}}@keyframes rgbFloat{50%{transform:translateY(-9px)}}
.brand-story-hero{height:min(72vh,690px);min-height:570px;position:relative;overflow:hidden;color:#fff;display:flex;align-items:center;padding:90px max(7vw,calc((100vw - var(--max))/2))}.brand-story-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.brand-story-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,17,.94) 0%,rgba(4,8,19,.81) 40%,rgba(5,8,18,.24) 75%,rgba(5,8,18,.05)),linear-gradient(0deg,rgba(6,9,18,.35),transparent 45%)}.brand-story-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000,transparent 68%)}.brand-story-copy{position:relative;z-index:2;width:min(680px,58vw)}.brand-story-copy h1{font:700 clamp(64px,7vw,112px)/.9 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:0 0 28px}.brand-story-copy h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#51e8ff,#8a78ff 55%,#d776ff);background-clip:text;-webkit-background-clip:text}.brand-story-copy>p:not(.eyebrow){max-width:620px;font-size:16px;line-height:1.8;color:#d2daea}.brand-story-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.brand-story-actions>span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#c0c9da}.brand-manifesto{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.manifesto-lead h2{font:700 clamp(48px,5vw,76px)/.98 'Space Grotesk';letter-spacing:-.055em;margin:0}.manifesto-lead h2 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#176eff,#7a5bff,#b643e8);background-clip:text;-webkit-background-clip:text}.manifesto-copy{border-left:1px solid var(--line);padding-left:55px}.manifesto-copy p{font-size:15px;line-height:1.9;color:#5f687b;margin:0 0 20px}.manifesto-copy p:first-child{font-size:20px;line-height:1.65;color:var(--ink);font-weight:650}.brand-values{max-width:var(--max);margin:0 auto 120px;padding:0 4vw;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.brand-values article{min-height:270px;border:1px solid var(--line);border-radius:22px;padding:36px;background:linear-gradient(145deg,#fff,#f5f7fd);position:relative;overflow:hidden}.brand-values article:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;bottom:-75px;background:linear-gradient(135deg,rgba(24,120,255,.12),rgba(170,67,255,.13))}.brand-values span{font:800 11px 'Space Grotesk';color:#5a4be7}.brand-values h3{font:700 25px/1.15 'Space Grotesk';letter-spacing:-.03em;margin:52px 0 15px}.brand-values p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}
.rgb-detail-button{border:1px solid #cdd3e3;background:#f6f7fb;color:#352aa4}.performance-story{margin-top:85px;border-radius:30px;background:radial-gradient(circle at 95% 5%,rgba(125,70,255,.28),transparent 26%),linear-gradient(135deg,#080c19,#111a35 68%,#18112d);color:#fff;padding:65px;overflow:hidden;position:relative}.performance-story:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(135deg,#000,transparent 72%)}.performance-story-head,.performance-stats,.performance-highlights,.performance-disclaimer{position:relative;z-index:2}.performance-story-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.story-kicker{text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:800;color:#63dfff;margin:0 0 17px}.performance-story h2{font:700 clamp(42px,5vw,72px)/.98 'Space Grotesk';letter-spacing:-.055em;margin:0}.performance-story-head>p{color:#b8c4d9;font-size:14px;line-height:1.85;margin:0}.performance-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:55px 0 20px;border:1px solid rgba(255,255,255,.13);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.035)}.performance-stats div{padding:26px;border-right:1px solid rgba(255,255,255,.13)}.performance-stats div:last-child{border:0}.performance-stats strong{display:block;font:700 24px 'Space Grotesk';color:#fff}.performance-stats span{display:block;color:#8f9db9;font-size:9px;text-transform:uppercase;letter-spacing:.09em;margin-top:7px}.performance-highlights{display:grid;grid-template-columns:1fr 1fr;gap:0 42px;margin-top:34px}.performance-highlights article{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:28px 0;border-top:1px solid rgba(255,255,255,.12)}.performance-highlights article>span{font:800 10px 'Space Grotesk';color:#62dfff;padding-top:5px}.performance-highlights h3{font:700 20px 'Space Grotesk';margin:0 0 9px}.performance-highlights p{font-size:11px;line-height:1.75;color:#aab5cb;margin:0}.performance-disclaimer{border-top:1px solid rgba(255,255,255,.12);margin-top:16px;padding-top:20px;color:#717e99;font-size:9px;line-height:1.6}
@media(max-width:850px){.external-nav-link{width:100%;padding-top:12px;border-top:1px solid var(--line)}.rgb-support-card{grid-template-columns:1fr;padding:52px 8%}.rgb-orbit{margin-bottom:60px}.brand-story-copy{width:80vw}.brand-manifesto{grid-template-columns:1fr;gap:40px}.manifesto-copy{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:35px}.brand-values{grid-template-columns:1fr}.brand-values article{min-height:auto}.performance-story{padding:45px 32px}.performance-story-head{grid-template-columns:1fr;gap:25px}.performance-stats{grid-template-columns:1fr 1fr}.performance-stats div:nth-child(2){border-right:0}.performance-stats div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}.performance-highlights{grid-template-columns:1fr}}
@media(max-width:560px){.subpage-actions{display:grid}.subpage-actions .button{width:100%}.rgb-support{padding-top:45px}.rgb-support-card{border-radius:22px}.rgb-orbit{width:210px;height:210px}.brand-story-hero{min-height:610px;padding:75px 6vw;align-items:end}.brand-story-hero>img{object-position:62% center}.brand-story-shade{background:linear-gradient(0deg,rgba(3,7,17,.97),rgba(3,7,17,.55) 65%,rgba(3,7,17,.15))}.brand-story-copy{width:100%}.brand-story-copy h1{font-size:55px}.brand-story-actions{display:block}.brand-story-actions>span{display:block;margin-top:18px}.manifesto-copy p:first-child{font-size:17px}.performance-story{margin-top:55px;padding:38px 22px;border-radius:22px}.performance-story h2{font-size:38px}.performance-stats strong{font-size:18px}.performance-stats div{padding:20px 16px}.performance-highlights article{grid-template-columns:34px 1fr}.performance-highlights h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.rgb-orbit,.rgb-orbit:before,.rgb-orbit:after{animation:none}}


/* V4 — typography, layout consistency, support hub and ticket experience */
:root{--ink:#090e1e;--muted:#5f687c;--paper:#f4f6fb;--surface:#eef2f8;--max:1440px;--radius:26px;--shadow:0 22px 64px rgba(14,25,52,.11)}
html{font-size:16px;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden;background:#fff}.hero h1,.subpage-copy h1,.section-heading h2,.amazon-path h2,.about-copy h2,.family-copy h3,.catalog-toolbar h2,.performance-story h2,.brand-story-copy h1,.brand-manifesto h2,.rgb-support-copy h2,.ticket-cta h2,.ticket-dialog h2,.thank-you-card h1{font-family:Sora,Inter,sans-serif}p{font-size:15px;line-height:1.72}.announcement{min-height:38px;height:auto;padding:9px 24px;font-size:11px}.announcement a{color:#fff}.announcement a b{color:var(--cyan)}
.site-header{height:82px}.brand{width:166px}.desktop-nav{gap:32px}.desktop-nav a{font-size:14px}.nav-cta{font-size:13px;padding:14px 22px}.button{font-size:13px;min-height:48px}.hero-text{font-size:17px}.hero-points span{font-size:11px}.eyebrow{font-size:12px}.section{padding-left:max(5vw,calc((100vw - var(--max))/2));padding-right:max(5vw,calc((100vw - var(--max))/2))}.section-heading>p,.section-heading>div+ p{font-size:16px;max-width:530px}.section-heading h2{font-size:clamp(42px,5vw,72px)}
.info-banner{max-width:var(--max);margin:0 auto;padding:42px 52px;background:linear-gradient(110deg,#11182b,#17234a 60%,#301a5b);color:#fff;display:grid;grid-template-columns:1.15fr 1fr auto;gap:38px;align-items:center}.info-banner span,.catalog-promo-banner span{font-size:11px;letter-spacing:.16em;color:#6feaff;font-weight:800}.info-banner h2{font:700 clamp(25px,2.5vw,38px)/1.15 Sora;margin:8px 0 0}.info-banner p{color:#bec8dc;margin:0;max-width:520px}.home-info-banner{margin-top:0}
.trust-strip{max-width:var(--max);margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.home-lineup{background:#fff}.family-showcase{gap:24px;align-items:stretch}.family-card{min-width:0;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;height:100%;box-shadow:0 14px 42px rgba(14,25,52,.07)}.family-art{height:auto!important;aspect-ratio:1.08/1;min-height:0;display:grid;place-items:center;overflow:hidden}.family-art img{width:100%;height:100%;object-fit:contain;padding:28px;transform:none!important}.family-copy{padding:30px 34px 34px;display:flex;flex-direction:column;flex:1}.family-copy h3{font-size:clamp(23px,2vw,31px);line-height:1.18;min-height:2.36em;margin:8px 0 20px}.family-copy>p{font-size:12px}.family-copy .text-link{margin-top:auto}.mini-specs{min-height:76px;align-content:start}
.catalog-promo-banner{max-width:var(--max);margin:72px auto 0;border-radius:30px;padding:50px 58px;background:linear-gradient(120deg,#080d1c,#132046 55%,#351b60);color:white;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;box-shadow:0 28px 80px rgba(26,38,86,.2)}.catalog-promo-banner h2{font:700 clamp(30px,3.3vw,49px)/1.12 Sora;margin:10px 0 0}.catalog-promo-points{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.catalog-promo-points b{font-size:12px;padding:11px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07)}
.catalog-section{padding-top:64px;background:var(--paper)}.catalog-toolbar{max-width:var(--max);margin-left:auto;margin-right:auto}.product-catalog{max-width:var(--max);margin-left:auto;margin-right:auto;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important;align-items:stretch}.product-card{min-width:0;height:100%;border-radius:24px!important;overflow:hidden;display:flex!important;flex-direction:column;background:#fff;box-shadow:0 12px 42px rgba(14,25,52,.075)}.product-card-art{height:auto!important;aspect-ratio:1.12/1;min-height:0!important;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#f8faff,#edf2fa)}.product-card-art img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;padding:30px!important;transform:none!important}.product-card:hover .product-card-art img{transform:scale(1.025)!important}.featured-badge{font-size:10px!important;z-index:2}.product-card-body{padding:28px 30px 30px!important;display:flex;flex-direction:column;flex:1;min-width:0}.product-series{font-size:11px!important}.product-card h3{font:700 21px/1.35 Sora,Inter,sans-serif!important;letter-spacing:-.025em!important;margin:10px 0 17px!important;min-height:4.05em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.asin-link{font-size:12px!important}.card-specs{margin-top:20px!important}.card-specs div{min-width:0;padding:15px 13px!important}.card-specs span{font-size:10px!important}.card-specs b{font-size:12px!important;line-height:1.4;overflow-wrap:anywhere}.card-rating{font-size:12px!important;min-height:43px;margin-top:18px!important}.card-actions{margin-top:auto!important;padding-top:22px;display:grid!important;grid-template-columns:1fr 1.15fr;gap:10px!important}.card-actions a{min-width:0;font-size:12px!important;padding:14px 12px!important;white-space:nowrap}.catalog-note{max-width:var(--max);margin-left:auto;margin-right:auto}
.product-detail{max-width:var(--max)!important}.detail-layout{gap:clamp(42px,5vw,82px)!important;align-items:start}.detail-art{position:sticky;top:140px;overflow:hidden}.detail-art img{width:100%;height:100%;object-fit:contain;padding:35px}.detail-copy h1{font-family:Sora,Inter,sans-serif;font-size:clamp(34px,4vw,58px)!important;line-height:1.08!important;overflow-wrap:anywhere}.detail-summary,.detail-features li,.detail-reviews p{font-size:15px!important}.detail-spec-grid b{font-size:13px!important}.performance-highlights p{font-size:14px!important}.performance-disclaimer{font-size:11px!important}.related-card h3{font-size:15px!important;line-height:1.45!important}
.subpage-hero{min-height:540px}.subpage-copy>p:last-of-type{font-size:17px}.support-hub{display:grid;grid-template-columns:280px minmax(0,1fr);gap:68px;padding-top:90px;padding-bottom:90px;background:#fff}.support-sidebar{position:sticky;top:122px;height:max-content;border:1px solid var(--line);border-radius:20px;padding:28px;background:#0a0f1f;color:white;display:flex;flex-direction:column;gap:4px}.support-sidebar>p{font-size:12px;font-weight:800;letter-spacing:.14em;color:#6feaff;margin:0 0 16px}.support-sidebar a,.support-sidebar button{font:600 14px/1.4 Inter;color:#c3ccde;text-align:left;border:0;background:transparent;padding:13px 12px;border-radius:10px;cursor:pointer}.support-sidebar a:hover,.support-sidebar button:hover{background:rgba(255,255,255,.08);color:#fff}.support-sidebar button{color:#7ce8ff}.section-heading.compact{margin-bottom:35px}.support-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.support-resource-card{border:1px solid var(--line);border-radius:22px;padding:28px;min-height:320px;display:flex;flex-direction:column;background:#fff;box-shadow:0 16px 45px rgba(14,25,52,.06)}.support-resource-card>span{font:700 12px Sora;color:#6b52ff}.support-resource-card div>p:first-child{font-size:10px;font-weight:800;letter-spacing:.13em;color:#68728a;margin:24px 0 8px}.support-resource-card h3{font:700 22px/1.25 Sora;margin:0 0 14px}.support-resource-card div>p:last-child{font-size:14px;color:var(--muted);margin:0}.resource-link{border:0;background:none;padding:0;margin-top:auto;text-align:left;font:700 13px Inter;color:#4f42dd;cursor:pointer}.rgb-support{background:var(--paper);padding-top:90px;padding-bottom:90px}.rgb-support-card{max-width:var(--max);margin:auto}.rgb-support-copy>p{font-size:16px!important}.ticket-cta{background:radial-gradient(circle at 82% 20%,rgba(115,75,255,.35),transparent 30%),linear-gradient(120deg,#070b17,#111d3c 58%,#1b1236);color:white;padding-top:80px;padding-bottom:80px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.ticket-cta h2{font-size:clamp(40px,5vw,70px);line-height:1.02;margin:0}.ticket-cta h2 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#5fe4ff,#8b70ff,#dc70ff);background-clip:text;-webkit-background-clip:text}.ticket-cta-copy>p:last-child{color:#b9c4d9;font-size:16px;max-width:620px}.ticket-checklist{border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:30px;background:rgba(255,255,255,.055)}.ticket-checklist>div{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.12)}.ticket-checklist>div>span{font:700 11px Sora;color:#6feaff}.ticket-checklist p{margin:0}.ticket-checklist b{display:block;font-size:15px}.ticket-checklist small{display:block;color:#8f9bb2;font-size:12px;margin-top:4px}.ticket-checklist .button{margin-top:24px}
.site-footer{background:#050712;color:#fff;padding:0 max(4vw,calc((100vw - var(--max))/2))}.footer-top{padding:72px 0 56px;display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:50px}.footer-intro{padding-right:25px}.footer-brand{display:block;width:180px;filter:brightness(0) invert(1);opacity:.96}.footer-intro p,.footer-column p{color:#8f99ad;font-size:13px}.footer-ticket-button{margin-top:12px;background:linear-gradient(100deg,#2179ff,#8657ff);color:#fff}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-column>b{font:700 12px Sora;letter-spacing:.08em;margin-bottom:8px}.footer-column a,.footer-link-button{font:500 13px/1.5 Inter;color:#949eb1;border:0;background:none;padding:0;text-align:left;cursor:pointer}.footer-column a:hover,.footer-link-button:hover{color:#fff}.footer-amazon{margin-top:8px!important;color:#6feaff!important;font-weight:800!important}.footer-contact-row{border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-contact-row div{display:flex;align-items:center;gap:20px}.footer-contact-row b{font:700 12px Sora}.footer-contact-row span{font-size:13px;color:#8f99ad}.footer-contact-row button{border:0;background:none;color:#6feaff;font:700 13px Inter;cursor:pointer}.footer-bottom{padding:24px 0!important;font-size:11px!important}.footer-bottom span{color:#6f788c}
.ticket-modal{position:fixed;inset:0;z-index:1000;display:none}.ticket-modal.open{display:block}.ticket-backdrop{position:absolute;inset:0;background:rgba(3,7,18,.78);backdrop-filter:blur(12px)}.ticket-dialog{position:relative;z-index:2;width:min(860px,calc(100vw - 34px));max-height:calc(100vh - 34px);overflow:auto;margin:17px auto;background:#fff;border-radius:26px;box-shadow:0 35px 120px rgba(0,0,0,.35)}.ticket-close{position:absolute;right:20px;top:18px;width:40px;height:40px;border:1px solid #dce2ed;border-radius:50%;background:#fff;font-size:24px;cursor:pointer}.ticket-dialog-head{padding:42px 48px 28px;background:linear-gradient(120deg,#f5f8ff,#f3efff);border-bottom:1px solid var(--line)}.ticket-dialog-head p{font-size:11px;font-weight:800;letter-spacing:.15em;color:#6653e8;margin:0 0 8px}.ticket-dialog-head h2{font-size:34px;margin:0 0 10px}.ticket-dialog-head>span{font-size:12px;color:#697187}.ticket-form{padding:34px 48px 44px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.ticket-form label{display:flex;flex-direction:column;gap:8px}.ticket-form label>span{font-size:12px;font-weight:700;color:#3d4557}.ticket-form input,.ticket-form select,.ticket-form textarea{width:100%;border:1px solid #d5dce8;border-radius:12px;padding:14px 15px;background:#fff;font:500 14px Inter;color:var(--ink);outline:none}.ticket-form input:focus,.ticket-form select:focus,.ticket-form textarea:focus{border-color:#6756ff;box-shadow:0 0 0 3px rgba(103,86,255,.12)}.ticket-form textarea{resize:vertical}.ticket-full{grid-column:1/-1}.ticket-consent{flex-direction:row!important;align-items:flex-start}.ticket-consent input{width:18px;height:18px;margin:1px 0 0}.ticket-consent span{font-weight:500!important;line-height:1.5}.ticket-submit{display:flex;align-items:center;gap:18px}.ticket-submit small{font-size:11px;color:#778096;max-width:350px}.hidden-field{display:none}.modal-open{overflow:hidden}.thank-you-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 80% 15%,rgba(114,71,255,.3),transparent 28%),#080d1c}.thank-you-card{width:min(760px,100%);background:#fff;border-radius:30px;padding:70px;box-shadow:0 30px 100px rgba(0,0,0,.35)}.thank-you-card img{width:190px;margin-bottom:50px}.thank-you-card>span{font-size:11px;font-weight:800;letter-spacing:.15em;color:#6653e8}.thank-you-card h1{font-size:clamp(38px,6vw,66px);line-height:1.05;margin:15px 0 22px}.thank-you-card p{font-size:16px;color:var(--muted);max-width:610px}.thank-you-card>div{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
@media(max-width:1180px){.product-catalog{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footer-top{grid-template-columns:1.3fr repeat(2,1fr)}.footer-intro{grid-row:span 2}.support-hub{grid-template-columns:230px 1fr;gap:35px}.support-resource-grid{grid-template-columns:1fr}.support-resource-card{min-height:240px}.info-banner{grid-template-columns:1fr 1fr}.info-banner .button{grid-column:1/-1;justify-self:start}.catalog-promo-banner{margin-left:4vw;margin-right:4vw}.family-art{aspect-ratio:1/1}}
@media(max-width:850px){.desktop-nav a[data-route-link="support"]:first-of-type{display:none}.info-banner{grid-template-columns:1fr;padding:36px 7vw}.support-hub{grid-template-columns:1fr;padding-top:55px}.support-sidebar{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr}.support-sidebar>p{grid-column:1/-1}.ticket-cta{grid-template-columns:1fr;gap:40px}.footer-top{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1;grid-row:auto}.catalog-promo-banner{align-items:flex-start;flex-direction:column}.catalog-promo-points{justify-content:flex-start}.detail-art{position:relative;top:auto}.family-copy h3{min-height:0}.mini-specs{min-height:0}}
@media(max-width:620px){html{font-size:15px}.announcement span:nth-of-type(2),.announcement i:nth-of-type(2){display:none}.site-header{height:72px}.brand{width:145px}.hero-text,.subpage-copy>p:last-of-type{font-size:15px}.section-heading>p,.section-heading>div+ p{font-size:14px}.family-showcase,.product-catalog{grid-template-columns:1fr!important}.family-art{aspect-ratio:1.03/1}.family-art img,.product-card-art img{padding:22px!important}.product-card h3{font-size:20px!important;min-height:0}.catalog-promo-banner{margin:35px 16px 0;padding:36px 25px;border-radius:22px}.catalog-promo-banner h2{font-size:29px}.catalog-section{padding-top:42px}.card-actions{grid-template-columns:1fr!important}.support-sidebar{grid-template-columns:1fr}.support-resource-card{min-height:280px}.rgb-support{padding-top:55px;padding-bottom:55px}.ticket-cta{padding-top:60px;padding-bottom:60px}.footer-top{grid-template-columns:1fr;gap:38px;padding-top:55px}.footer-contact-row,.footer-contact-row div{align-items:flex-start;flex-direction:column}.ticket-dialog-head{padding:38px 25px 25px}.ticket-dialog-head h2{font-size:28px}.ticket-form{padding:28px 25px 35px;grid-template-columns:1fr}.ticket-full{grid-column:auto}.ticket-submit{align-items:flex-start;flex-direction:column}.thank-you-card{padding:42px 25px}.thank-you-card img{margin-bottom:35px}.info-banner{padding:32px 24px}.performance-highlights p{font-size:13px!important}}

/* V4 final readability and mobile polish */
.featured-badge{font-size:11px!important;padding:8px 11px!important}
.product-series{font-size:12px!important;line-height:1.45!important}
.card-specs span{font-size:11px!important;line-height:1.35!important}
.card-specs b{font-size:13px!important;line-height:1.4!important}
.filter-buttons button{font-size:12px!important}
.card-rating,.asin-link,.detail-button,.amazon-button{font-size:13px!important}
@media(max-width:620px){
  .filter-buttons{scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px!important}
  .filter-buttons::-webkit-scrollbar{display:none}
  .product-card h3{font-size:21px!important;line-height:1.3!important}
  .product-series{font-size:12px!important}
  .card-specs span{font-size:11px!important}
  .card-specs b{font-size:13px!important}
}


/* V5 — typography from olialia-pc.netlify.app, image banners, FAQs and review carousel */
@font-face{font-family:"Manrope";src:url("assets/fonts/Manrope-Variable.ttf") format("truetype");font-style:normal;font-weight:200 800;font-display:swap}
:root{--pc-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;--pc-display:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
body,button,input,select,textarea{font-family:var(--pc-font)}
.hero h1,.subpage-copy h1,.section-heading h2,.info-banner h2,.catalog-promo-banner h2,.product-card h3,.detail-copy h1,.detail-features h2,.performance-story h2,.performance-highlights h3,.brand-story-copy h1,.brand-manifesto h2,.rgb-support-copy h2,.ticket-cta h2,.ticket-dialog h2,.thank-you-card h1,.footer-column b,.review-showcase h2,.faq-heading h2{font-family:var(--pc-display)!important}
.hero h1,.subpage-copy h1{font-weight:670;letter-spacing:-.058em}.section-heading h2,.performance-story h2,.review-showcase h2,.faq-heading h2{font-weight:670;letter-spacing:-.045em}.product-card h3,.detail-copy h1{font-weight:670;letter-spacing:-.025em}.desktop-nav a,.button,.nav-cta{font-weight:650}

.picture-banner{isolation:isolate;position:relative;overflow:hidden;background:#0b1020!important}
.picture-banner>.banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.2,.75,.25,1)}
.picture-banner>.banner-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,8,20,.94) 0%,rgba(5,8,20,.79) 43%,rgba(5,8,20,.18) 76%,rgba(5,8,20,.08) 100%)}
.picture-banner:hover>.banner-image{transform:scale(1.018)}
.home-info-banner{min-height:330px;border-radius:30px;margin-top:72px;padding:54px 58px;box-shadow:0 28px 80px rgba(10,16,42,.24)}
.home-info-banner>.banner-image{object-position:center 48%}.home-info-banner>div,.home-info-banner>p,.home-info-banner>.button{position:relative;z-index:1}.home-info-banner p{color:#e2e7f1;text-shadow:0 2px 20px rgba(0,0,0,.25)}
.catalog-promo-banner{min-height:390px;align-items:center}.catalog-promo-banner>.banner-image{object-position:center}.catalog-promo-banner>div{position:relative;z-index:1}.catalog-promo-banner .catalog-promo-points{align-self:flex-end;max-width:350px}.catalog-promo-points b{background:rgba(7,11,27,.58);backdrop-filter:blur(10px);border-color:rgba(255,255,255,.18)}

.product-card-art{background:#f7f9fd!important}.product-card-art img{mix-blend-mode:multiply}.detail-art{background:#fff!important;border:1px solid #e4e8f0}.detail-art:before{display:none}.detail-art img{mix-blend-mode:multiply;filter:drop-shadow(0 24px 28px rgba(20,28,55,.14))}

.faq-section{background:#fff;padding-top:105px;padding-bottom:115px}.faq-heading{max-width:var(--max);margin:0 auto 48px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}.faq-heading h2{font-size:clamp(42px,5vw,72px);line-height:1.02;margin:0}.faq-heading h2 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#247eff,#7a5dff,#bd4bff);background-clip:text;-webkit-background-clip:text}.faq-heading>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:520px;margin:0}.faq-list{max-width:var(--max);margin:0 auto;border-top:1px solid #20283a}.faq-list details{border-bottom:1px solid #cfd5df}.faq-list summary{list-style:none;cursor:pointer;min-height:86px;padding:26px 2px;display:grid;grid-template-columns:1fr 44px;gap:24px;align-items:center;font-family:var(--pc-display);font-size:18px;font-weight:670;color:#111827}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{width:42px;height:42px;border:1px solid #d3d9e4;border-radius:50%;position:relative;transition:.25s}.faq-list summary i:before,.faq-list summary i:after{content:"";position:absolute;left:12px;top:20px;width:16px;height:1.5px;background:#637087;transition:.25s}.faq-list summary i:after{transform:rotate(90deg)}.faq-list details[open] summary i{background:#111827;border-color:#111827}.faq-list details[open] summary i:before{background:#fff}.faq-list details[open] summary i:after{opacity:0;transform:rotate(0)}.faq-answer{padding:0 78px 30px 2px;max-width:1120px}.faq-answer p{font-size:15px;line-height:1.85;color:#515b6d;margin:0}.faq-answer a,.faq-ticket{display:inline-flex;margin-top:16px;border:0;background:none;padding:0;color:#5e4ee7;font:650 13px var(--pc-font);cursor:pointer}.faq-ticket:hover,.faq-answer a:hover{text-decoration:underline}

.review-showcase{margin-top:85px;padding:70px 0 64px;border-top:1px solid #dfe4ee;border-bottom:1px solid #dfe4ee;overflow:hidden}.review-showcase-head{display:flex;justify-content:space-between;gap:50px;align-items:end}.review-showcase h2{font-size:clamp(40px,4.6vw,68px);line-height:1.02;margin:8px 0 0}.review-summary{display:flex;align-items:center;gap:18px}.review-summary>strong{font:670 58px/.9 var(--pc-display);letter-spacing:-.05em}.review-summary>strong span{font-size:18px;color:#747d90}.review-summary>div{display:flex;flex-direction:column;gap:5px}.review-stars{color:#ffb800;letter-spacing:.08em}.review-summary small{font-size:11px;color:#7a8396}.review-preview-note{margin:30px 0 24px;padding:13px 16px;border-radius:12px;background:#f3f5f9;color:#667085;font-size:11px;line-height:1.55}.review-preview-note b{color:#3c4658}.review-carousel-shell{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:14px;align-items:center}.review-carousel{overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 2px 20px;scroll-behavior:smooth}.review-carousel::-webkit-scrollbar{display:none}.review-track{display:flex;gap:18px}.review-voice-card{flex:0 0 calc((100% - 36px)/3);min-height:285px;padding:28px;border:1px solid #dfe4ed;border-radius:22px;background:#fff;box-shadow:0 14px 40px rgba(22,32,62,.07);display:flex;flex-direction:column;scroll-snap-align:start}.review-card-top{display:flex;justify-content:space-between;gap:18px}.review-card-top b{font:670 14px var(--pc-display);color:#30384a}.review-voice-card>p{font-size:14px;line-height:1.75;color:#414b5d;margin:24px 0 30px}.review-voice-card footer{display:flex;align-items:center;gap:12px;margin-top:auto}.review-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2387ff,#8f55ff);color:#fff;font-weight:700}.review-voice-card footer div{display:flex;flex-direction:column}.review-voice-card footer strong{font-size:13px}.review-voice-card footer small{font-size:11px;color:#858ea0;margin-top:3px}.review-arrow{width:44px;height:44px;border-radius:50%;border:1px solid #d7dde8;background:#fff;color:#20283a;cursor:pointer;box-shadow:0 10px 25px rgba(20,29,55,.09);transition:.2s}.review-arrow:hover{background:#111827;color:#fff;transform:translateY(-2px)}.review-dots{display:flex;justify-content:center;gap:7px;margin:8px 0 24px}.review-dots i{width:6px;height:6px;border-radius:20px;background:#c7cdd8;transition:.25s}.review-dots i.active{width:26px;background:linear-gradient(90deg,#267dff,#8b55ff)}.review-amazon-link{display:flex;justify-content:center;gap:12px;font-size:12px;color:#737c8e}.review-amazon-link a{font-weight:650;color:#5847df}

@media(max-width:1080px){.review-voice-card{flex-basis:calc((100% - 18px)/2)}.faq-heading{grid-template-columns:1fr;gap:22px}.home-info-banner{margin-left:4vw;margin-right:4vw}.picture-banner>.banner-shade{background:linear-gradient(90deg,rgba(5,8,20,.94),rgba(5,8,20,.62))}}
@media(max-width:720px){.home-info-banner{min-height:450px;margin:35px 16px 0;padding:34px 25px}.home-info-banner>.banner-image{object-position:64% center}.catalog-promo-banner{min-height:520px}.catalog-promo-banner>.banner-image{object-position:62% center}.picture-banner>.banner-shade{background:linear-gradient(180deg,rgba(5,8,20,.93) 0%,rgba(5,8,20,.72) 62%,rgba(5,8,20,.35) 100%)}.faq-section{padding-top:72px;padding-bottom:78px}.faq-heading{margin-bottom:32px}.faq-heading h2{font-size:40px}.faq-list summary{font-size:16px;min-height:76px;grid-template-columns:1fr 38px;padding:22px 0}.faq-list summary i{width:36px;height:36px}.faq-list summary i:before,.faq-list summary i:after{left:10px;top:17px;width:14px}.faq-answer{padding:0 48px 25px 0}.faq-answer p{font-size:14px}.review-showcase{margin-top:55px;padding:52px 0}.review-showcase-head{display:grid;gap:26px}.review-summary>strong{font-size:48px}.review-carousel-shell{grid-template-columns:1fr}.review-arrow{display:none}.review-voice-card{flex-basis:88%;min-height:300px}.review-amazon-link{align-items:center;flex-direction:column}.detail-art img{padding:20px!important}}

/* V6 — product storytelling, buyer-voice motion and perspective artwork */
.hero h1,.subpage-copy h1,.section-heading h2,.product-story-copy h3,.home-review-head h2{font-family:var(--pc-display,'Sora',sans-serif)}
.product-story-lineup{padding-top:110px;padding-bottom:96px}.product-story-grid{display:grid;gap:30px}.product-story-card{display:grid;grid-template-columns:minmax(390px,.92fr) minmax(0,1.08fr);min-height:510px;border:1px solid #dfe5ef;border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 22px 70px rgba(22,31,61,.08);position:relative}.product-story-card:nth-child(even){grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)}.product-story-card:nth-child(even) .product-story-media{order:2}.product-story-media{position:relative;min-height:510px;overflow:hidden;background:linear-gradient(145deg,#0a0f20,#1b1840)}.product-story-media:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px rgba(5,8,20,.25);pointer-events:none}.product-story-media>img{width:100%;height:100%;object-fit:cover}.story-5600 .product-story-media>img{object-position:60% center}.story-number{position:absolute;top:24px;left:24px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:rgba(8,12,28,.7);border:1px solid rgba(255,255,255,.32);backdrop-filter:blur(14px);color:#fff;font:700 13px var(--pc-display);z-index:3}.product-story-card:nth-child(even) .story-number{left:auto;right:24px}.tall-media img{position:absolute;height:auto;min-height:100%;object-fit:cover;object-position:top center;animation:storyPan 20s ease-in-out infinite alternate}.story-gallery img{position:absolute;inset:0;opacity:0;animation:storyGallery 12s ease-in-out infinite}.story-gallery img:first-child{opacity:1;animation-delay:0s}.story-gallery img:nth-child(2){animation-delay:6s}.product-story-copy{padding:clamp(42px,5vw,76px);display:flex;flex-direction:column;justify-content:center}.product-story-copy>p:first-child{font-size:11px;font-weight:800;letter-spacing:.16em;color:#5a56e8;margin:0 0 18px}.product-story-copy h3{font-size:clamp(31px,3.1vw,50px);line-height:1.04;letter-spacing:-.045em;margin:0;color:#101527}.story-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 22px}.story-chip-row span{padding:9px 12px;border-radius:999px;background:#f0f3fa;color:#4f596e;font-size:10px;font-weight:700}.story-description{font-size:14px;line-height:1.82;color:#5d6678;margin:0 0 28px}.story-performance-note{text-align:center;color:#8991a2;font-size:10px;margin:24px 0 0}.story-5500{background:linear-gradient(135deg,#fff,#f8f8ff)}.story-5700{background:linear-gradient(135deg,#f8fbff,#fff)}
@keyframes storyPan{0%,10%{transform:translateY(0)}90%,100%{transform:translateY(calc(-100% + 510px))}}@keyframes storyGallery{0%,42%{opacity:1;transform:scale(1)}50%,92%{opacity:0;transform:scale(1.04)}100%{opacity:1;transform:scale(1)}}

.home-review-section{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 84% 28%,rgba(128,69,255,.25),transparent 26%),radial-gradient(circle at 12% 82%,rgba(20,129,255,.22),transparent 26%),#070a16;padding:clamp(80px,8vw,128px) max(4vw,calc((100vw - var(--max))/2));isolation:isolate}.home-review-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(125,144,205,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(125,144,205,.07) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);z-index:-2}.home-review-glow{position:absolute;right:-8%;top:12%;width:420px;height:420px;border-radius:50%;background:#6b42ff;filter:blur(130px);opacity:.22;z-index:-1}.home-review-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:60px;margin-bottom:28px}.home-review-head h2{font-size:clamp(42px,5vw,76px);line-height:.99;letter-spacing:-.055em;margin:0}.home-review-head h2 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#4ce7ff,#8e6dff,#d26cff);background-clip:text;-webkit-background-clip:text}.home-review-head>p{color:#aab6d0;line-height:1.8;font-size:14px;max-width:470px;margin:0}.home-review-note{width:max-content;max-width:100%;margin:0 0 28px;padding:10px 14px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(255,255,255,.045);font-size:10px;color:#9da9c1}.home-review-note b{color:#d7def0}.home-review-carousel{overflow:auto;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:9px 1px 26px}.home-review-carousel::-webkit-scrollbar{display:none}.home-review-track{display:flex;gap:18px}.home-review-section .review-voice-card{flex:0 0 calc((100% - 36px)/3);min-height:300px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.13);box-shadow:0 20px 55px rgba(0,0,0,.26);backdrop-filter:blur(18px);color:#fff}.home-review-section .review-card-top b{color:#fff}.home-review-section .review-voice-card>p{color:#d7deef}.home-review-section .review-voice-card footer small{color:#8f9bb6}.home-review-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:8px}.home-review-controls button{width:44px;height:44px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.07);color:#fff;cursor:pointer}.home-review-controls button:hover{background:#fff;color:#111827}.home-review-controls>div{display:flex;gap:7px;min-width:110px;justify-content:center}.home-review-controls i{width:6px;height:6px;border-radius:20px;background:#536079;cursor:pointer;transition:.25s}.home-review-controls i.active{width:28px;background:linear-gradient(90deg,#41dfff,#9c5dff)}
.review-avatar{width:44px!important;height:44px!important;object-fit:cover!important;border-radius:50%;background:none!important;color:transparent!important;box-shadow:0 7px 20px rgba(24,39,83,.18)}

.products-hero,.support-hero{grid-template-columns:minmax(390px,.92fr) minmax(480px,1.08fr);gap:6vw;min-height:640px}.hero-perspective-card{position:relative;align-self:center;justify-self:center;width:min(620px,48vw);padding:16px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.22);box-shadow:0 45px 100px rgba(0,0,0,.42);backdrop-filter:blur(18px);transform:perspective(1200px) rotateY(-7deg) rotateX(3deg);animation:perspectiveFloat 6s ease-in-out infinite;z-index:2}.hero-perspective-card:before,.hero-perspective-card:after{content:"";position:absolute;border:1px solid rgba(102,214,255,.35);border-radius:28px;pointer-events:none}.hero-perspective-card:before{inset:-12px 20px 12px -12px}.hero-perspective-card:after{inset:12px -14px -14px 22px;border-color:rgba(166,92,255,.3)}.hero-perspective-card>img{width:100%;height:auto;border-radius:18px;position:relative;z-index:2}.hero-perspective-card>div{position:absolute;left:34px;bottom:34px;z-index:3;padding:13px 17px;border-radius:13px;background:rgba(5,8,20,.74);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);display:flex;flex-direction:column}.hero-perspective-card>div b{font-size:13px}.hero-perspective-card>div small{color:#a9b7d4;font-size:10px;margin-top:4px}.perspective-glow{position:absolute;inset:12% 8%;background:linear-gradient(90deg,#168cff,#a34eff);filter:blur(60px);opacity:.48;z-index:-1}.support-perspective{transform:perspective(1200px) rotateY(7deg) rotateX(2deg);width:min(700px,52vw)}.support-perspective>img{aspect-ratio:2.44/1;object-fit:cover}.products-perspective>img{aspect-ratio:3.23/1;object-fit:cover}.catalog-hero-stat,.support-mark{display:none!important}@keyframes perspectiveFloat{0%,100%{translate:0 0}50%{translate:0 -13px}}

.product-card[data-asin="B0HDTV6G1D"] .product-card-art img,.product-card[data-asin="B0HFWMSDTB"] .product-card-art img{width:76%;height:76%;object-fit:contain;padding:8px}.featured-badge{font-size:10px!important;letter-spacing:.04em!important;text-transform:none!important;background:rgba(9,13,28,.9)!important;color:#fff!important}.asin-link,.detail-asin,.amazon-notice{display:none!important}

@media(max-width:1080px){.product-story-card,.product-story-card:nth-child(even){grid-template-columns:1fr}.product-story-card:nth-child(even) .product-story-media{order:0}.product-story-media{min-height:480px}.product-story-copy{padding:48px}.home-review-head{grid-template-columns:1fr;gap:24px}.home-review-section .review-voice-card{flex-basis:calc((100% - 18px)/2)}.products-hero,.support-hero{grid-template-columns:1fr;min-height:auto;padding-top:90px;padding-bottom:95px}.hero-perspective-card,.support-perspective{width:min(760px,88vw);transform:perspective(1200px) rotateY(-3deg) rotateX(2deg)}}
@media(max-width:720px){.product-story-lineup{padding-top:74px;padding-bottom:68px}.product-story-grid{gap:20px}.product-story-card{border-radius:22px}.product-story-media{min-height:340px}.tall-media{min-height:420px}.tall-media img{animation:none;height:100%;object-fit:cover;object-position:top}.product-story-copy{padding:32px 25px 36px}.product-story-copy h3{font-size:32px}.story-description{font-size:13px}.home-review-section{padding:68px 18px}.home-review-head h2{font-size:42px}.home-review-section .review-voice-card{flex-basis:88%;min-height:320px}.home-review-note{width:100%;line-height:1.55}.hero-perspective-card,.support-perspective{width:90vw;padding:9px;border-radius:19px}.hero-perspective-card>img{border-radius:12px}.hero-perspective-card>div{left:20px;bottom:20px}.products-hero,.support-hero{padding-top:74px}.product-card[data-asin="B0HDTV6G1D"] .product-card-art img,.product-card[data-asin="B0HFWMSDTB"] .product-card-art img{width:70%;height:70%}}
@media(prefers-reduced-motion:reduce){.tall-media img,.story-gallery img,.hero-perspective-card{animation:none!important}.story-gallery img:first-child{opacity:1}.story-gallery img:nth-child(2){display:none}}

/* V7 — high-contrast download CTA, clickable products, image fitting and richer brand visuals */
.openrgb-download-button{
  min-height:62px;
  padding:9px 14px 9px 10px;
  margin-top:28px;
  border:1px solid rgba(255,255,255,.72);
  background:linear-gradient(110deg,#087cff 0%,#5d59ff 48%,#b645f2 100%);
  color:#fff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.01em;
  box-shadow:0 18px 44px rgba(39,83,255,.38),0 0 0 5px rgba(68,112,255,.09);
}
.openrgb-download-button:hover{
  color:#fff;
  transform:translateY(-3px);
  box-shadow:0 22px 54px rgba(52,74,255,.5),0 0 0 7px rgba(91,91,255,.12);
  filter:saturate(1.1) brightness(1.04);
}
.openrgb-download-button .download-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.2);
  border:1px solid rgba(255,255,255,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32);
}
.openrgb-download-button .download-icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.openrgb-download-button>b{margin-left:auto;font-size:17px}

.product-card-image-link,
.detail-image-link,
.related-image-link{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  position:relative;
  z-index:2;
}
.product-card-image-link:focus-visible,
.detail-image-link:focus-visible,
.related-image-link:focus-visible,
.product-title-link:focus-visible,
.detail-title-link:focus-visible{
  outline:3px solid #54dfff;
  outline-offset:4px;
  border-radius:10px;
}
.product-title-link,
.detail-title-link{
  color:inherit;
  text-decoration:none;
  transition:color .22s ease;
}
.product-title-link:hover,
.detail-title-link:hover{color:#4e63ee}
.product-card-art{overflow:hidden}
.product-card-art .product-card-image-link img{
  width:auto!important;
  height:auto!important;
  max-width:86%!important;
  max-height:88%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  transform:none;
  transition:transform .35s ease,filter .35s ease;
}
.product-card:hover .product-card-image-link img{
  transform:translateY(-4px) scale(1.025);
  filter:drop-shadow(0 16px 20px rgba(33,39,77,.2));
}
.product-card[data-asin="B0HDTV6G1D"] .product-card-art .product-card-image-link img,
.product-card[data-asin="B0HFWMSDTB"] .product-card-art .product-card-image-link img{
  max-width:76%!important;
  max-height:82%!important;
}
.detail-art{overflow:hidden}
.detail-art .detail-image-link{min-height:inherit;padding:clamp(18px,3vw,42px)}
.detail-art .detail-image-link img{
  width:auto!important;
  height:auto!important;
  max-width:92%!important;
  max-height:620px!important;
  object-fit:contain!important;
  object-position:center!important;
  transition:transform .35s ease;
}
.detail-art .detail-image-link:hover img{transform:scale(1.025)}
.related-image-link{min-height:190px;overflow:hidden}
.related-image-link img{
  width:auto!important;
  height:auto!important;
  max-width:84%!important;
  max-height:178px!important;
  object-fit:contain!important;
  object-position:center!important;
  transition:transform .3s ease;
}
.related-image-link:hover img{transform:translateY(-3px) scale(1.03)}

/* Make the catalog and support hero artwork a dominant visual rather than a thumbnail. */
.products-hero,
.support-hero{
  grid-template-columns:minmax(350px,.82fr) minmax(540px,1.18fr);
  gap:clamp(18px,2.2vw,40px);
}
.products-hero .hero-perspective-card{
  width:min(790px,56vw);
  justify-self:end;
}
.support-hero .hero-perspective-card{
  width:min(840px,58vw);
  justify-self:end;
}
.products-perspective>img,
.support-perspective>img{
  width:100%;
  object-fit:cover;
  object-position:center;
}

/* Preserve the entire chassis in the two story sections called out in review. */
.story-5600 .product-story-media,
.story-5700 .product-story-media{
  background:
    radial-gradient(circle at 50% 48%,rgba(95,76,255,.24),transparent 40%),
    linear-gradient(145deg,#080d1c,#17142f 62%,#091222);
}
.story-5600 .product-story-media>img{
  width:100%;
  height:100%;
  padding:clamp(22px,3vw,48px);
  object-fit:contain!important;
  object-position:center!important;
}
.story-5700 .story-gallery{
  padding:clamp(18px,2.5vw,38px);
  background:
    radial-gradient(circle at 50% 48%,rgba(57,116,255,.22),transparent 42%),
    linear-gradient(145deg,#080d1c,#17142f 62%,#091222);
}
.story-5700 .story-gallery img{
  inset:clamp(18px,2.5vw,38px);
  width:calc(100% - clamp(36px,5vw,76px));
  height:calc(100% - clamp(36px,5vw,76px));
  object-fit:contain!important;
  object-position:center!important;
}

/* A more expressive visual treatment for “Power should feel personal.” */
.brand-manifesto{
  grid-template-columns:minmax(240px,.72fr) minmax(300px,.84fr) minmax(340px,1.06fr);
  gap:clamp(30px,3.4vw,62px);
  align-items:center;
}
.manifesto-lead{align-self:center}
.manifesto-tagline{
  max-width:360px;
  margin:25px 0 0;
  color:#697187;
  font-size:14px;
  line-height:1.75;
}
.manifesto-visual{
  position:relative;
  isolation:isolate;
  min-height:470px;
  margin:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:30px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025)),
    radial-gradient(circle at 42% 35%,#233e8a 0%,#111633 44%,#080b19 78%);
  border:1px solid rgba(116,147,255,.28);
  box-shadow:0 34px 75px rgba(24,32,77,.25),inset 0 1px 0 rgba(255,255,255,.16);
}
.manifesto-visual:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background-image:linear-gradient(rgba(126,151,255,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(126,151,255,.085) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(to bottom,black,transparent 82%);
}
.manifesto-visual:after{
  content:"";
  position:absolute;
  left:14%;
  right:14%;
  bottom:52px;
  height:48px;
  border-radius:50%;
  background:rgba(0,0,0,.62);
  filter:blur(20px);
  transform:perspective(500px) rotateX(66deg);
  z-index:-1;
}
.manifesto-visual-glow{
  position:absolute;
  width:290px;
  height:290px;
  border-radius:50%;
  background:linear-gradient(135deg,#187eff,#9748ff);
  filter:blur(78px);
  opacity:.42;
  animation:manifestoGlow 5.5s ease-in-out infinite;
}
.manifesto-visual img{
  width:auto;
  height:auto;
  max-width:92%;
  max-height:405px;
  object-fit:contain;
  filter:drop-shadow(0 30px 32px rgba(0,0,0,.5));
  animation:manifestoFloat 5.2s ease-in-out infinite;
}
.manifesto-visual figcaption{
  position:absolute;
  left:20px;
  right:20px;
  bottom:18px;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:15px 17px;
  border-radius:16px;
  color:#fff;
  background:rgba(7,11,27,.7);
  border:1px solid rgba(255,255,255,.17);
  backdrop-filter:blur(16px);
}
.manifesto-visual figcaption b{font:700 13px 'Space Grotesk',sans-serif}
.manifesto-visual figcaption span{color:#b9c6e5;font-size:11px}
.manifesto-copy{padding-left:clamp(28px,3vw,52px)}
@keyframes manifestoFloat{0%,100%{transform:translateY(4px) rotate(-.6deg)}50%{transform:translateY(-10px) rotate(.6deg)}}
@keyframes manifestoGlow{0%,100%{transform:scale(.9);opacity:.34}50%{transform:scale(1.08);opacity:.5}}

@media(max-width:1180px){
  .products-hero,.support-hero{grid-template-columns:minmax(310px,.88fr) minmax(450px,1.12fr)}
  .products-hero .hero-perspective-card{width:min(700px,57vw)}
  .support-hero .hero-perspective-card{width:min(740px,59vw)}
  .brand-manifesto{grid-template-columns:.82fr 1.18fr;align-items:center}
  .manifesto-visual{min-height:440px}
  .manifesto-copy{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:34px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
  .manifesto-copy p{margin:0}
}
@media(max-width:900px){
  .products-hero,.support-hero{grid-template-columns:1fr;gap:40px}
  .products-hero .hero-perspective-card,
  .support-hero .hero-perspective-card{width:min(760px,90vw);justify-self:center}
  .brand-manifesto{grid-template-columns:1fr;gap:32px}
  .manifesto-lead{max-width:720px}
  .manifesto-tagline{max-width:620px}
  .manifesto-visual{width:min(620px,100%);min-height:460px;justify-self:center}
  .manifesto-copy{grid-column:auto;grid-template-columns:1fr;padding-top:30px}
}
@media(max-width:720px){
  .openrgb-download-button{width:100%;font-size:12px;padding-right:13px}
  .product-card-art .product-card-image-link img{max-width:82%!important;max-height:85%!important}
  .product-card[data-asin="B0HDTV6G1D"] .product-card-art .product-card-image-link img,
  .product-card[data-asin="B0HFWMSDTB"] .product-card-art .product-card-image-link img{max-width:72%!important;max-height:78%!important}
  .detail-art .detail-image-link{padding:20px}
  .detail-art .detail-image-link img{max-width:90%!important;max-height:430px!important}
  .story-5600 .product-story-media>img{padding:22px}
  .story-5700 .story-gallery{padding:18px}
  .story-5700 .story-gallery img{inset:18px;width:calc(100% - 36px);height:calc(100% - 36px)}
  .manifesto-visual{min-height:410px;border-radius:24px}
  .manifesto-visual img{max-width:94%;max-height:350px}
  .manifesto-visual figcaption{left:14px;right:14px;bottom:14px;flex-direction:column;align-items:flex-start;gap:4px}
}
@media(prefers-reduced-motion:reduce){
  .manifesto-visual img,.manifesto-visual-glow{animation:none!important}
}


/* V8 — mobile/stacking correction: these hero sections are grids, not shrinking flex rows. */
.products-hero,
.support-hero {
  display: grid;
}

@media (max-width: 900px) {
  .products-hero,
  .support-hero {
    height: auto;
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    overflow: hidden;
    padding-top: 82px;
    padding-bottom: 88px;
  }

  .products-hero .subpage-copy,
  .support-hero .subpage-copy {
    max-width: 720px;
    width: 100%;
  }

  .products-hero .hero-perspective-card,
  .support-hero .hero-perspective-card {
    width: min(760px, 100%);
    max-width: 100%;
    justify-self: center;
  }
}

@media (max-width: 560px) {
  .products-hero,
  .support-hero {
    padding: 60px 22px 70px;
    gap: 34px;
  }

  .products-hero .subpage-copy,
  .support-hero .subpage-copy {
    max-width: none;
  }

  .products-hero .hero-perspective-card,
  .support-hero .hero-perspective-card {
    width: 100%;
    transform: perspective(900px) rotateY(-2deg) rotateX(1deg);
  }
}

/* ================================================================
   V9 — seamless product cutouts, working filters and visual polish
   ================================================================ */

/* Product images now use edge-cleaned transparent assets, so the chassis
   sits directly in the interface instead of inside a photographed rectangle. */
.product-card[hidden]{display:none!important}
.product-card-art{
  background:
    radial-gradient(circle at 50% 45%,rgba(103,85,255,.13),transparent 38%),
    linear-gradient(145deg,#fbfcff,#f0f3fb)!important;
  isolation:isolate;
}
.product-card-art:before{
  content:"";position:absolute;inset:14% 17%;border-radius:50%;z-index:0;
  background:linear-gradient(135deg,rgba(34,159,255,.18),rgba(151,69,255,.18));
  filter:blur(34px);opacity:.65;
}
.product-card-art:after{z-index:0!important;background:rgba(25,31,62,.18)!important}
.product-card-art .product-card-image-link{z-index:2}
.product-card-art .product-card-image-link img,
.detail-art .detail-image-link img,
.related-image-link img{
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 24px 24px rgba(15,22,48,.2));
}
.detail-art{
  background:radial-gradient(circle at 50% 43%,rgba(104,80,255,.12),transparent 38%),linear-gradient(145deg,#fff,#f1f4fb)!important;
}
.related-image-link{background:radial-gradient(circle,rgba(116,87,255,.11),transparent 55%)}

/* Seamless product visuals for the three home stories. */
.story-cutout-pair,.story-cutout-single{
  position:relative;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(circle at 48% 45%,rgba(63,119,255,.25),transparent 36%),
    radial-gradient(circle at 78% 58%,rgba(169,62,255,.22),transparent 34%),
    linear-gradient(145deg,#070b18,#111a38 60%,#17102e)!important;
}
.story-cutout-pair:before,.story-cutout-single:before{
  content:"";position:absolute;inset:0;z-index:-2;
  background-image:linear-gradient(rgba(122,150,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(122,150,255,.08) 1px,transparent 1px);
  background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 90%);
}
.story-orbit{position:absolute;width:64%;aspect-ratio:1;border:1px solid rgba(102,221,255,.18);border-radius:50%;left:18%;top:10%;z-index:-1}
.story-orbit:before,.story-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(156,95,255,.2)}
.story-orbit:before{inset:11%}.story-orbit:after{inset:25%}
.story-cutout-pair>img{position:absolute!important;width:auto!important;height:auto!important;object-fit:contain!important;padding:0!important;filter:drop-shadow(0 30px 34px rgba(0,0,0,.55));z-index:1}
.story-cutout-pair>img:nth-of-type(1){left:2%;bottom:8%;max-width:58%!important;max-height:78%!important;transform:rotate(-2deg)}
.story-cutout-pair>img:nth-of-type(2){right:3%;bottom:7%;max-width:52%!important;max-height:76%!important;transform:rotate(2deg)}
.story-cutout-single>img{position:absolute!important;left:50%!important;top:50%!important;width:auto!important;height:auto!important;max-width:80%!important;max-height:78%!important;object-fit:contain!important;object-position:center!important;padding:0!important;transform:translate(-50%,-52%)!important;filter:drop-shadow(0 34px 38px rgba(0,0,0,.58));z-index:1;animation:storyProductFloat 5.6s ease-in-out infinite!important}
.story-r7-product>img{max-width:83%!important;max-height:82%!important}
.story-float-spec{position:absolute;z-index:3;left:7%;bottom:7%;padding:13px 16px;border:1px solid rgba(255,255,255,.17);border-radius:14px;background:rgba(6,10,24,.72);backdrop-filter:blur(14px);color:#fff;display:flex;flex-direction:column;box-shadow:0 14px 40px rgba(0,0,0,.24)}
.story-float-spec b{font:700 12px var(--pc-display);letter-spacing:.02em}.story-float-spec small{color:#9fafd0;font-size:9px;margin-top:4px}
@keyframes storyProductFloat{0%,100%{translate:0 5px}50%{translate:0 -9px}}

/* Gaming PCs / Support covers: integrated product stages instead of framed screenshots. */
.products-hero,.support-hero{
  display:grid!important;grid-template-columns:minmax(390px,.82fr) minmax(560px,1.18fr)!important;
  min-height:680px!important;height:auto!important;gap:clamp(24px,4vw,72px)!important;
  padding-top:90px!important;padding-bottom:90px!important;
}
.hero-product-stage{
  position:relative;width:min(760px,55vw);height:500px;justify-self:end;align-self:center;isolation:isolate;
  border-radius:36px;overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018));
  border:1px solid rgba(136,165,255,.18);box-shadow:0 46px 100px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.12);
}
.stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(121,150,221,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(121,150,221,.08) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(140deg,#000,transparent 88%)}
.stage-glow{position:absolute;border-radius:50%;filter:blur(76px);opacity:.58}.stage-glow-blue{width:300px;height:300px;background:#157fff;left:10%;top:16%}.stage-glow-violet{width:310px;height:310px;background:#9b42ff;right:2%;bottom:4%}
.stage-pc,.support-stage-pc{position:absolute;object-fit:contain;filter:drop-shadow(0 36px 34px rgba(0,0,0,.58));z-index:2}
.stage-pc-main{width:49%;height:79%;left:27%;top:8%;z-index:3;animation:stageMainFloat 5.4s ease-in-out infinite}
.stage-pc-compact{width:33%;height:58%;left:0;bottom:8%;opacity:.82;transform:perspective(900px) rotateY(8deg);z-index:2}
.stage-pc-side{width:29%;height:57%;right:0;bottom:10%;opacity:.86;transform:perspective(900px) rotateY(-10deg);z-index:2}
.stage-chip{position:absolute;z-index:5;padding:12px 15px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(7,11,27,.74);backdrop-filter:blur(15px);box-shadow:0 18px 44px rgba(0,0,0,.24);display:flex;flex-direction:column;color:#fff}
.stage-chip b{font:700 11px var(--pc-display)}.stage-chip small{font-size:8px;color:#aab7d3;margin-top:3px}.chip-performance{left:5%;top:6%}.chip-design{right:4%;top:9%;padding-left:36px}.chip-design>i{position:absolute;width:9px;height:9px;border-radius:50%;left:15px;top:16px;background:#56e8ff;box-shadow:0 0 16px #56e8ff}
@keyframes stageMainFloat{0%,100%{transform:translateY(5px) rotate(-.4deg)}50%{transform:translateY(-9px) rotate(.4deg)}}

.support-stage{width:min(760px,55vw);height:500px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.014))}
.support-stage-pc{width:61%;height:84%;left:4%;bottom:2%;animation:stageMainFloat 5.4s ease-in-out infinite}
.support-console{position:absolute;z-index:5;right:5%;top:12%;width:41%;min-height:170px;padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(7,11,27,.78);backdrop-filter:blur(18px);box-shadow:0 25px 60px rgba(0,0,0,.28);color:#fff;display:flex;flex-direction:column}
.console-status{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:800;letter-spacing:.14em;color:#7beaff}.console-status i{width:7px;height:7px;border-radius:50%;background:#4af0a7;box-shadow:0 0 12px #4af0a7}.support-console>b{font:700 22px/1.1 var(--pc-display);margin-top:22px}.support-console>small{color:#9eabc7;font-size:9px;margin-top:8px}.console-bars{display:flex;gap:5px;align-items:flex-end;height:28px;margin-top:17px}.console-bars i{display:block;width:19%;border-radius:4px 4px 1px 1px;background:linear-gradient(#49dfff,#765eff)}.console-bars i:nth-child(1){height:42%}.console-bars i:nth-child(2){height:78%}.console-bars i:nth-child(3){height:100%}
.support-chip{right:6%;bottom:9%;flex-direction:row;align-items:center;gap:12px}.support-chip>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#1789ff,#9550ff);font:800 11px var(--pc-display)}.support-chip>div{display:flex;flex-direction:column}

/* About typography and values — stronger hierarchy while staying minimal. */
.brand-manifesto{position:relative}
.culture-index{display:inline-block;margin:0 0 14px;padding:7px 10px;border:1px solid #dbe1ed;border-radius:99px;color:#6e788d;font-size:9px;font-weight:800;letter-spacing:.14em}
.brand-manifesto h2{font-size:clamp(54px,5.6vw,88px)!important;line-height:.88!important;letter-spacing:-.075em!important;margin:0!important;max-width:510px}
.brand-manifesto h2>span{color:#171c2b;position:relative}
.brand-manifesto h2>span:after{content:"";position:absolute;left:2%;right:-3%;bottom:3px;height:9px;background:linear-gradient(90deg,rgba(41,136,255,.25),rgba(152,68,255,.23));z-index:-1;border-radius:10px;transform:rotate(-1deg)}
.brand-manifesto h2 em{display:inline-block;text-shadow:0 14px 40px rgba(104,76,255,.15)}
.manifesto-tagline{font-size:15px!important;border-left:3px solid transparent;border-image:linear-gradient(#2fdfff,#9d56ff) 1;padding-left:16px}
.manifesto-visual{background:radial-gradient(circle at 45% 42%,#244893 0%,#111935 42%,#080b18 76%)!important}
.manifesto-visual img{max-width:88%!important;max-height:390px!important}
.brand-values{gap:20px!important;padding-top:30px!important;padding-bottom:105px!important;background:#fff}
.brand-values article{position:relative;overflow:hidden;min-height:300px;padding:34px!important;border:1px solid #dde3ee!important;border-radius:24px!important;background:linear-gradient(150deg,#fff,#f6f8fc)!important;box-shadow:0 20px 55px rgba(18,30,64,.07);transition:.3s}
.brand-values article:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#218cff,#7a62ff,#c950ee)}
.brand-values article:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-65px;bottom:-75px;background:linear-gradient(135deg,rgba(41,145,255,.12),rgba(157,76,255,.13));filter:blur(3px)}
.brand-values article:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(22,36,78,.12)}
.value-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:42px}.value-icon{display:grid!important;place-items:center;width:48px;height:48px;border-radius:14px!important;background:#0c1224!important;color:#64e7ff!important;font-size:21px!important;box-shadow:0 12px 28px rgba(13,22,49,.19)}.value-head small{font-size:9px;font-weight:800;letter-spacing:.12em;color:#8b94a6}.brand-values h3{font-size:25px!important;line-height:1.15!important;max-width:260px}.brand-values p{font-size:14px!important;line-height:1.75!important}.brand-values article>b{display:block;margin-top:28px;color:#5a56df;font-size:8px;letter-spacing:.14em}

/* OpenRGB: the highest-priority action receives a full visual stage and unmistakable CTA. */
.rgb-support{background:linear-gradient(180deg,#f4f6fb,#eef2fb)!important;padding-top:110px!important;padding-bottom:110px!important}
.rgb-support-card{display:grid!important;grid-template-columns:minmax(420px,.92fr) minmax(500px,1.08fr)!important;gap:clamp(45px,6vw,100px)!important;align-items:center!important;min-height:650px!important;padding:clamp(34px,4vw,68px)!important;border-radius:36px!important;background:
  radial-gradient(circle at 11% 18%,rgba(28,147,255,.2),transparent 28%),
  radial-gradient(circle at 84% 85%,rgba(170,64,255,.18),transparent 29%),
  linear-gradient(125deg,#061020,#10173a 57%,#21123e)!important;
  border:1px solid rgba(122,155,255,.26)!important;box-shadow:0 38px 90px rgba(21,29,70,.23)!important;overflow:hidden!important;isolation:isolate
}
.rgb-product-visual{position:relative;height:500px;display:grid;place-items:center;isolation:isolate}
.rgb-visual-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(96,160,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(96,160,255,.09) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle,#000,transparent 73%)}
.rgb-aura{position:absolute;z-index:-1;width:78%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 50deg,#35e7ff,#496cff,#a64eff,#ff4e94,#35e7ff);filter:blur(56px);opacity:.34;animation:rgbAura 7s linear infinite}
.rgb-product-visual>img{width:auto;height:auto;max-width:90%;max-height:430px;object-fit:contain;filter:drop-shadow(0 38px 38px rgba(0,0,0,.58));animation:rgbProductFloat 5s ease-in-out infinite}
.rgb-color-panel{position:absolute;left:1%;top:13%;z-index:3;padding:12px 14px;border:1px solid rgba(255,255,255,.17);border-radius:14px;background:rgba(4,9,25,.67);backdrop-filter:blur(13px);display:flex;align-items:center;gap:8px}.rgb-color-panel span{width:13px;height:13px;border-radius:50%;background:var(--swatch);box-shadow:0 0 14px var(--swatch)}.rgb-color-panel b{font-size:8px;letter-spacing:.12em;color:#bdc8de;margin-left:3px}
.rgb-visual-caption{position:absolute;left:4%;right:5%;bottom:2%;z-index:3;padding:15px 17px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(5,9,24,.75);backdrop-filter:blur(14px);display:flex;align-items:center;gap:13px;color:#fff}.rgb-visual-caption>i{width:10px;height:10px;border-radius:50%;background:#55e8ff;box-shadow:0 0 18px #55e8ff}.rgb-visual-caption>span{display:flex;flex-direction:column}.rgb-visual-caption b{font:700 12px var(--pc-display)}.rgb-visual-caption small{font-size:9px;color:#9fabc5;margin-top:3px}
.rgb-support-copy{position:relative;z-index:3;color:#fff}.rgb-support-copy .eyebrow{color:#94a6c8!important}.rgb-support-copy h2{font-size:clamp(50px,5.1vw,82px)!important;line-height:.94!important;letter-spacing:-.065em!important}.rgb-support-copy>p{max-width:650px;color:#b9c4db!important;font-size:16px!important}.rgb-support-points span{background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.17)!important;color:#d7deee!important}
.openrgb-download-button{position:relative;overflow:hidden;min-width:min(100%,470px)!important;min-height:78px!important;margin-top:38px!important;padding:12px 18px 12px 12px!important;border:2px solid rgba(255,255,255,.92)!important;background:linear-gradient(105deg,#00a3ff 0%,#4867ff 42%,#a83ef2 100%)!important;font-size:16px!important;box-shadow:0 22px 58px rgba(36,93,255,.5),0 0 0 8px rgba(78,102,255,.12),inset 0 1px rgba(255,255,255,.38)!important;animation:ctaPulse 2.8s ease-in-out infinite}
.openrgb-download-button:before{content:"";position:absolute;width:90px;height:180%;left:-120px;top:-40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:rotate(18deg);animation:ctaShine 3.4s ease-in-out infinite}.openrgb-download-button>*{position:relative;z-index:2}.openrgb-download-button .download-icon{width:52px!important;height:52px!important;flex-basis:52px!important;background:#fff!important;color:#3c68ff!important;border:0!important;box-shadow:0 10px 24px rgba(12,34,104,.26)!important}.openrgb-download-button>b{font-size:23px!important}
@keyframes rgbAura{to{transform:rotate(360deg)}}@keyframes rgbProductFloat{0%,100%{transform:translateY(6px)}50%{transform:translateY(-9px)}}@keyframes ctaPulse{0%,100%{box-shadow:0 22px 58px rgba(36,93,255,.5),0 0 0 8px rgba(78,102,255,.12),inset 0 1px rgba(255,255,255,.38)}50%{box-shadow:0 25px 66px rgba(115,61,255,.62),0 0 0 11px rgba(78,102,255,.16),inset 0 1px rgba(255,255,255,.38)}}@keyframes ctaShine{0%,55%{left:-120px}85%,100%{left:115%}}

@media(max-width:1180px){
  .products-hero,.support-hero{grid-template-columns:minmax(320px,.85fr) minmax(470px,1.15fr)!important}.hero-product-stage,.support-stage{width:min(650px,56vw);height:460px}.rgb-support-card{grid-template-columns:.9fr 1.1fr!important}.rgb-product-visual{height:450px}.brand-values article{min-height:320px}
}
@media(max-width:900px){
  .products-hero,.support-hero{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;padding:78px 6vw 86px!important;gap:40px!important}.hero-product-stage,.support-stage{width:min(720px,100%);height:480px;justify-self:center}.products-hero .subpage-copy,.support-hero .subpage-copy{max-width:730px}.rgb-support-card{grid-template-columns:1fr!important;padding:42px!important}.rgb-product-visual{height:470px}.rgb-support-copy{max-width:700px}.brand-values{grid-template-columns:1fr!important}.brand-values article{min-height:260px}.value-head{margin-bottom:28px}
}
@media(max-width:620px){
  .hero-product-stage,.support-stage{height:370px;border-radius:25px}.stage-pc-main{width:56%;left:22%;height:75%}.stage-pc-compact{width:37%;left:-4%}.stage-pc-side{width:34%;right:-4%}.stage-chip{padding:10px 12px}.chip-performance{left:3%;top:4%}.chip-design{right:3%;top:5%;padding-left:31px}.chip-design>i{left:12px;top:14px}.support-stage-pc{width:73%;left:-5%;height:77%}.support-console{right:3%;top:7%;width:52%;min-height:148px;padding:17px}.support-console>b{font-size:17px;margin-top:17px}.support-chip{right:3%;bottom:5%}
  .story-cutout-pair>img:nth-of-type(1){left:-2%;max-width:64%!important}.story-cutout-pair>img:nth-of-type(2){right:-3%;max-width:57%!important}.story-cutout-single>img{max-width:88%!important;max-height:77%!important}.story-float-spec{left:5%;right:5%;bottom:5%}
  .brand-manifesto h2{font-size:54px!important}.brand-values{padding-left:18px!important;padding-right:18px!important}.brand-values article{padding:28px!important}
  .rgb-support{padding:55px 14px!important}.rgb-support-card{padding:25px 20px 34px!important;border-radius:25px!important}.rgb-product-visual{height:370px}.rgb-product-visual>img{max-width:96%;max-height:330px}.rgb-color-panel{left:0;top:7%}.rgb-visual-caption{left:0;right:0}.rgb-support-copy h2{font-size:48px!important}.rgb-support-copy>p{font-size:14px!important}.rgb-support-points{display:grid!important;grid-template-columns:1fr!important}.openrgb-download-button{width:100%!important;min-width:0!important;min-height:72px!important;font-size:13px!important;padding-right:12px!important}.openrgb-download-button .download-icon{width:48px!important;height:48px!important;flex-basis:48px!important}
}
@media(prefers-reduced-motion:reduce){.stage-pc-main,.support-stage-pc,.story-cutout-single>img,.rgb-product-visual>img,.rgb-aura,.openrgb-download-button,.openrgb-download-button:before{animation:none!important}}

/* ================================================================
   V10 — V8 lineup photography with softly blended image boundaries
   ================================================================ */
.product-story-lineup .product-story-grid{
  gap:clamp(24px,2.5vw,36px);
}
.product-story-lineup .product-story-card{
  min-height:550px;
  border-color:#dce3ef;
  box-shadow:0 24px 74px rgba(22,31,61,.09);
}
.product-story-lineup .story-photo-blend{
  position:relative;
  min-height:550px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 72% 45%,rgba(101,75,255,.28),transparent 43%),
    radial-gradient(circle at 22% 72%,rgba(30,172,255,.13),transparent 38%),
    linear-gradient(145deg,#070b17 0%,#11152b 55%,#17102d 100%)!important;
}
.product-story-lineup .story-photo-blend:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(7,11,23,.94) 0%,rgba(7,11,23,.28) 5%,transparent 13%,transparent 87%,rgba(14,12,31,.34) 95%,rgba(14,12,31,.92) 100%),
    linear-gradient(180deg,rgba(7,11,23,.82) 0%,transparent 11%,transparent 85%,rgba(8,11,23,.88) 100%);
  box-shadow:inset 0 0 64px 12px rgba(5,8,19,.64);
}
.product-story-lineup .story-photo-blend:after{
  content:"";
  position:absolute;
  inset:-18%;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(circle at 60% 45%,rgba(117,79,255,.2),transparent 48%);
  filter:blur(24px);
}
.product-story-lineup .story-photo-blend>img{
  position:absolute!important;
  z-index:1;
  display:block;
  max-width:none!important;
  padding:0!important;
  filter:saturate(1.06) contrast(1.04) brightness(.98)!important;
  -webkit-mask-image:radial-gradient(ellipse 100% 94% at 50% 50%,#000 67%,rgba(0,0,0,.9) 77%,rgba(0,0,0,.25) 94%,transparent 100%);
  mask-image:radial-gradient(ellipse 100% 94% at 50% 50%,#000 67%,rgba(0,0,0,.9) 77%,rgba(0,0,0,.25) 94%,transparent 100%);
  animation:none!important;
  transform:none!important;
}
.product-story-lineup .story-photo-5600>img{
  inset:4% 2%;
  width:96%!important;
  height:92%!important;
  object-fit:contain!important;
  object-position:center!important;
}
.product-story-lineup .story-photo-5500>img{
  inset:-1%;
  width:102%!important;
  height:102%!important;
  object-fit:cover!important;
  object-position:center top!important;
}
.product-story-lineup .story-photo-5700>img{
  inset:-2%;
  width:104%!important;
  height:104%!important;
  object-fit:cover!important;
  object-position:center 58%!important;
}
.product-story-lineup .story-photo-blend .story-number{
  z-index:4;
  box-shadow:0 12px 30px rgba(0,0,0,.25);
}
@media(min-width:1081px){
  .product-story-lineup .product-story-card{
    grid-template-columns:minmax(500px,1.08fr) minmax(0,.92fr);
  }
  .product-story-lineup .product-story-card:nth-child(even){
    grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);
  }
  .product-story-lineup .product-story-copy{
    padding:clamp(42px,4.3vw,68px);
  }
}
@media(max-width:1080px){
  .product-story-lineup .product-story-card,
  .product-story-lineup .story-photo-blend{min-height:480px}
  .product-story-lineup .story-photo-5600>img{inset:3%;width:94%!important;height:94%!important}
}
@media(max-width:720px){
  .product-story-lineup .product-story-card{min-height:0}
  .product-story-lineup .story-photo-blend{min-height:360px}
  .product-story-lineup .story-photo-blend:before{
    background:
      linear-gradient(90deg,rgba(7,11,23,.88) 0%,transparent 11%,transparent 89%,rgba(14,12,31,.88) 100%),
      linear-gradient(180deg,rgba(7,11,23,.7) 0%,transparent 12%,transparent 84%,rgba(8,11,23,.9) 100%);
  }
  .product-story-lineup .story-photo-5600>img{inset:5% 1%;width:98%!important;height:90%!important}
  .product-story-lineup .story-photo-5500>img{object-position:center top!important}
  .product-story-lineup .story-photo-5700>img{object-position:center 58%!important}
}

/* V10 refinement: let the V8 photography fill each stage, while keeping a
   softer contained composition on narrow screens. */
.product-story-lineup .story-photo-5600:after{
  inset:-9%;
  background:
    linear-gradient(rgba(7,11,23,.26),rgba(11,11,27,.42)),
    url("assets/story-r5-compact.jpg") center/cover no-repeat;
  filter:blur(22px) saturate(1.08) brightness(.72);
  opacity:.72;
}
@media(min-width:721px){
  .product-story-lineup .story-photo-5600>img{
    inset:3%;
    width:94%!important;
    height:94%!important;
    object-fit:contain!important;
    object-position:center!important;
    -webkit-mask-image:radial-gradient(ellipse 98% 91% at 50% 50%,#000 56%,rgba(0,0,0,.88) 72%,rgba(0,0,0,.15) 94%,transparent 100%);
    mask-image:radial-gradient(ellipse 98% 91% at 50% 50%,#000 56%,rgba(0,0,0,.88) 72%,rgba(0,0,0,.15) 94%,transparent 100%);
  }
}
.product-story-lineup .story-photo-5700>img{
  object-position:center top!important;
}

/* Final V10 lineup crops are derived from the V8 artwork and prepared at the
   card aspect ratio; the edge vignette and inset wash merge them into the UI. */
.product-story-lineup .story-photo-blend>img,
.product-story-lineup .story-photo-5600>img,
.product-story-lineup .story-photo-5500>img,
.product-story-lineup .story-photo-5700>img{
  inset:-1%!important;
  width:102%!important;
  height:102%!important;
  object-fit:cover!important;
  object-position:center!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.product-story-lineup .story-photo-5600:after{
  background:radial-gradient(circle at 62% 48%,rgba(112,77,255,.22),transparent 52%);
  filter:blur(26px);
  opacity:.85;
}
@media(max-width:720px){
  .product-story-lineup .story-photo-blend>img{
    inset:-1%!important;
    width:102%!important;
    height:102%!important;
  }
}

/* V11 — restore the V8 lineup motion and original V8 photography.
   The Ryzen 5 5500 artwork slowly pans; the Ryzen 7 artwork crossfades
   between gaming and airflow scenes, matching the approved V8 experience. */
.product-story-lineup .tall-media img{
  animation:storyPan 20s ease-in-out infinite alternate!important;
}
.product-story-lineup .story-gallery img{
  animation:storyGallery 12s ease-in-out infinite!important;
}
.product-story-lineup .story-gallery img:first-child{
  opacity:1;
  animation-delay:0s!important;
}
.product-story-lineup .story-gallery img:nth-child(2){
  animation-delay:6s!important;
}
@media(max-width:720px){
  .product-story-lineup .tall-media img{
    animation:storyPanMobile 16s ease-in-out infinite alternate!important;
    height:auto!important;
    min-height:100%!important;
  }
}
@keyframes storyPanMobile{
  0%,12%{transform:translateY(0)}
  88%,100%{transform:translateY(calc(-100% + 420px))}
}
@media(prefers-reduced-motion:reduce){
  .product-story-lineup .tall-media img,
  .product-story-lineup .story-gallery img{animation:none!important}
  .product-story-lineup .story-gallery img:first-child{opacity:1!important}
  .product-story-lineup .story-gallery img:nth-child(2){display:none!important}
}

/* V12 — full-bleed V8 lineup photography.
   Remove the inset dark frame and let the approved images fill the media stage. */
.product-story-lineup .story-5600 .product-story-media,
.product-story-lineup .story-5700 .story-gallery{
  padding:0!important;
  background:#0a0f20;
}
.product-story-lineup .story-5600 .product-story-media>img{
  width:100%!important;
  height:100%!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.015);
}
.product-story-lineup .story-5700 .story-gallery img{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
}
.product-story-lineup .story-5600 .product-story-media:after,
.product-story-lineup .story-5700 .story-gallery:after{
  box-shadow:inset 0 0 34px rgba(5,8,20,.16)!important;
}
@media(max-width:1080px){
  .product-story-lineup .story-5600 .product-story-media>img{
    object-position:center!important;
  }
  .product-story-lineup .story-5700 .story-gallery img{
    object-position:center 54%!important;
  }
}

/* V12 finishing: preserve the full artwork at narrow widths and keep the
   floating sequence badge away from text embedded in the photography. */
.product-story-lineup .story-5600 .product-story-media>img{
  transform:none;
}
.product-story-lineup .story-5600 .story-number,
.product-story-lineup .story-5700 .story-number{
  left:auto!important;
  right:20px;
  top:20px;
}

/* ================================================================
   V13 — complete desktop artwork, restored V8 hero images and cleaner
   product-detail routes. Mobile keeps the approved full-bleed treatment.
   ================================================================ */
@media(min-width:1081px){
  .product-story-lineup .story-5600 .product-story-media,
  .product-story-lineup .story-5700 .story-gallery{
    isolation:isolate;
    background:#111629!important;
  }
  .product-story-lineup .story-5600 .product-story-media:before,
  .product-story-lineup .story-5700 .story-gallery:before{
    content:"";
    position:absolute;
    inset:-8%;
    z-index:0;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    filter:blur(24px) saturate(1.1) brightness(.68);
    transform:scale(1.08);
    opacity:.88;
  }
  .product-story-lineup .story-5600 .product-story-media:before{
    background-image:linear-gradient(rgba(8,12,26,.18),rgba(8,12,26,.18)),url("assets/story-r5-compact.jpg");
  }
  .product-story-lineup .story-5700 .story-gallery:before{
    background-image:linear-gradient(rgba(8,12,26,.18),rgba(8,12,26,.18)),url("assets/story-r7-gaming.jpg");
  }
  .product-story-lineup .story-5600 .product-story-media>img,
  .product-story-lineup .story-5700 .story-gallery img{
    z-index:1!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    filter:drop-shadow(0 18px 36px rgba(0,0,0,.24));
  }
  .product-story-lineup .story-5600 .product-story-media:after,
  .product-story-lineup .story-5700 .story-gallery:after{
    z-index:2!important;
    background:linear-gradient(90deg,rgba(9,13,26,.2),transparent 12%,transparent 88%,rgba(9,13,26,.2))!important;
    box-shadow:inset 0 0 28px rgba(5,8,20,.18)!important;
  }
  .product-story-lineup .story-5600 .story-number,
  .product-story-lineup .story-5700 .story-number{z-index:4!important}
}

.v8-art-stage{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.018))!important}
.v8-stage-backdrop{
  position:absolute;inset:-7%;z-index:0;background-position:center;background-size:cover;background-repeat:no-repeat;
  filter:blur(26px) saturate(1.12) brightness(.55);transform:scale(1.08);opacity:.78;
}
.products-art-backdrop{background-image:linear-gradient(rgba(8,13,31,.2),rgba(11,10,35,.3)),url("assets/perspective-products.jpg")}
.support-art-backdrop{background-image:linear-gradient(rgba(8,13,31,.18),rgba(11,10,35,.28)),url("assets/perspective-support.jpg")}
.v8-stage-art{
  position:absolute;inset:5%;width:90%;height:90%;z-index:2;object-fit:contain;border-radius:22px;
  box-shadow:0 28px 60px rgba(0,0,0,.28);filter:saturate(1.06) contrast(1.03);
}
.products-v8-art{inset:8% 3%;width:94%;height:84%}
.support-v8-art{inset:5% 2%;width:96%;height:90%}
.v8-art-stage .stage-grid{z-index:1;opacity:.72}
.v8-art-stage .stage-glow{z-index:1;opacity:.42}
.v8-art-stage .stage-chip,.v8-art-stage .support-console{z-index:5}

.rgb-product-visual>img{
  max-width:82%!important;max-height:88%!important;object-position:center!important;
  filter:drop-shadow(0 28px 32px rgba(0,0,0,.5))!important;
}

@media(max-width:900px){
  .v8-stage-art{inset:5%;width:90%;height:90%}
  .products-v8-art{inset:8% 2%;width:96%;height:84%}
  .support-v8-art{inset:4% 2%;width:96%;height:92%}
}
@media(max-width:620px){
  .v8-stage-art{inset:8% 2%;width:96%;height:84%;border-radius:16px}
  .support-v8-art{inset:5% 1%;width:98%;height:90%}
  .rgb-product-visual>img{max-width:78%!important;max-height:84%!important}
}

/* ================================================================
   V14 — legible brand signature and complete product photography.
   ================================================================ */
.site-header{
  min-height:92px;
  height:92px;
}
.site-header .brand{
  width:clamp(204px,15vw,222px);
  max-width:100%;
  display:flex;
  align-items:center;
}
.site-header .brand-wordmark{
  width:100%;
  height:auto;
  object-fit:contain;
}

/* This portrait-format chassis needs a dedicated width cap. Using the source
   aspect ratio keeps the feet visible without shrinking every other model. */
.product-card[data-asin="B0HFX3LQPH"] .product-card-art{
  padding:clamp(18px,2.1vw,30px);
}
.product-card[data-asin="B0HFX3LQPH"] .product-card-art .product-card-image-link{
  position:absolute;
  inset:clamp(18px,2.1vw,30px);
  width:auto;
  height:auto;
  min-width:0;
  min-height:0;
  padding:0;
  overflow:visible;
}
.product-card[data-asin="B0HFX3LQPH"] .product-card-art .product-card-image-link img{
  width:min(64%,230px)!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  transform:none!important;
}
.product-card[data-asin="B0HFX3LQPH"]:hover .product-card-art .product-card-image-link img{
  transform:translateY(-3px) scale(1.018)!important;
}

@media(min-width:851px){
  .site-header .brand{width:clamp(226px,19vw,276px)}
}
@media(max-width:850px){
  .site-header{min-height:82px;height:82px}
  .site-header .brand{width:190px}
}
@media(max-width:620px){
  .site-header{
    min-height:78px;
    height:78px;
    padding-left:20px;
    padding-right:14px;
  }
  .site-header .brand{width:178px}
  .product-card[data-asin="B0HFX3LQPH"] .product-card-art{padding:18px}
  .product-card[data-asin="B0HFX3LQPH"] .product-card-art .product-card-image-link{inset:18px}
  .product-card[data-asin="B0HFX3LQPH"] .product-card-art .product-card-image-link img{
    width:min(60%,188px)!important;
  }
}
@media(max-width:380px){
  .site-header .brand{width:166px}
}
@media(min-width:851px) and (max-width:950px){
  .site-header .brand{width:190px}
}

/* ================================================================
   V15 — cinematic page covers and a wider OpenRGB visual story.
   The cover artwork is enlarged into a near-full-width stage while
   preserving depth, gentle motion and readable foreground content.
   ================================================================ */
@media (min-width: 1101px){
  .products-hero,
  .support-hero{
    min-height:760px!important;
    height:auto!important;
    grid-template-columns:minmax(430px,.74fr) minmax(720px,1.26fr)!important;
    gap:clamp(8px,1.5vw,28px)!important;
    padding:64px max(2.6vw,calc((100vw - 1760px)/2))!important;
    align-items:center!important;
    isolation:isolate;
  }
  .products-hero .subpage-copy,
  .support-hero .subpage-copy{
    max-width:620px;
    z-index:8;
    padding:clamp(18px,2vw,34px) 0;
  }
  .products-hero .subpage-copy h1,
  .support-hero .subpage-copy h1{
    font-size:clamp(62px,5.25vw,94px);
    text-wrap:balance;
  }
  .products-hero .subpage-copy>p:last-child,
  .support-hero .subpage-copy>p:last-of-type{
    max-width:560px;
    font-size:16px;
  }
  .hero-product-stage,
  .support-stage{
    width:min(1120px,64vw)!important;
    height:590px!important;
    margin-right:-1.2vw;
    border-radius:34px!important;
    border-color:rgba(143,173,255,.24)!important;
    background:linear-gradient(145deg,rgba(35,58,117,.2),rgba(18,16,50,.14))!important;
    box-shadow:0 38px 95px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.13)!important;
    animation:cinematicCoverFloat 7s cubic-bezier(.45,0,.55,1) infinite;
  }
  .hero-product-stage:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:4;
    pointer-events:none;
    border-radius:inherit;
    background:linear-gradient(90deg,rgba(5,9,23,.24),transparent 18%,transparent 82%,rgba(20,13,48,.12));
  }
  .v8-stage-backdrop{
    inset:-4%!important;
    filter:blur(32px) saturate(1.18) brightness(.58)!important;
    opacity:.9!important;
  }
  .v8-stage-art{
    box-shadow:none!important;
    filter:saturate(1.08) contrast(1.035)!important;
  }
  .products-v8-art{
    inset:10% 1.5%!important;
    width:97%!important;
    height:80%!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:20px!important;
  }
  .support-v8-art{
    inset:4.5% 1.5%!important;
    width:97%!important;
    height:91%!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:22px!important;
  }
  .products-stage .chip-performance{left:4%;top:5%}
  .products-stage .chip-design{right:3.5%;top:7%}
  .support-stage .support-console{right:4%;top:9%;width:38%}
  .support-stage .support-chip{right:4%;bottom:6%}
}

@keyframes cinematicCoverFloat{
  0%,100%{transform:translate3d(0,5px,0)}
  50%{transform:translate3d(0,-10px,0)}
}

/* The OpenRGB section now uses the supplied landscape gaming scene instead
   of a single isolated chassis, with a cleaner integrated presentation. */
.rgb-support-card{
  grid-template-columns:minmax(560px,1.16fr) minmax(440px,.84fr)!important;
  gap:clamp(44px,5vw,84px)!important;
}
.rgb-product-visual.rgb-scene-visual{
  height:auto!important;
  min-height:430px;
  align-self:stretch;
  border-radius:28px;
  overflow:hidden;
  background:#071327;
  border:1px solid rgba(116,180,255,.3);
  box-shadow:0 30px 72px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.14);
  animation:rgbSceneFloat 6.5s ease-in-out infinite;
}
.rgb-scene-visual .rgb-visual-grid{z-index:2;opacity:.28;pointer-events:none}
.rgb-scene-visual .rgb-aura{width:54%;opacity:.2;z-index:0}
.rgb-product-visual.rgb-scene-visual>img{
  position:absolute;
  inset:0;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(1.04) contrast(1.04)!important;
  animation:none!important;
}
.rgb-scene-visual:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(4,10,25,.02) 48%,rgba(4,9,23,.22) 100%);
  box-shadow:inset 0 0 36px rgba(3,8,20,.3);
}
.rgb-scene-badge{
  position:absolute;
  top:22px;
  left:22px;
  z-index:4;
  display:flex;
  align-items:center;
  gap:11px;
  padding:12px 15px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:14px;
  background:rgba(4,12,30,.7);
  color:#fff;
  backdrop-filter:blur(15px);
  box-shadow:0 15px 40px rgba(0,0,0,.22);
}
.rgb-scene-badge i{width:9px;height:9px;border-radius:50%;background:#48e6ff;box-shadow:0 0 16px #48e6ff}
.rgb-scene-badge span{display:flex;flex-direction:column}
.rgb-scene-badge b{font:750 10px var(--pc-display);letter-spacing:.1em}
.rgb-scene-badge small{margin-top:3px;color:#b8c8e6;font-size:9px}
@keyframes rgbSceneFloat{
  0%,100%{transform:translateY(5px)}
  50%{transform:translateY(-8px)}
}

@media (max-width: 1100px){
  .rgb-support-card{grid-template-columns:1fr!important}
  .rgb-product-visual.rgb-scene-visual{min-height:clamp(350px,57vw,520px)}
}
@media (max-width: 900px){
  .hero-product-stage,
  .support-stage{animation:cinematicCoverFloat 7s cubic-bezier(.45,0,.55,1) infinite}
}
@media (max-width: 620px){
  .rgb-product-visual.rgb-scene-visual{min-height:300px;border-radius:20px}
  .rgb-scene-badge{top:14px;left:14px;padding:10px 12px}
}
@media (prefers-reduced-motion: reduce){
  .hero-product-stage,
  .support-stage,
  .rgb-product-visual.rgb-scene-visual{animation:none!important}
}

/* ================================================================
   V15.1 — Landscape OpenRGB feature layout
   The supplied 1464×600 scene is presented at its native ratio so
   the complete desk, display, PC, and lower product label stay visible.
   ================================================================ */
.rgb-support-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  align-items:stretch!important;
  padding:clamp(14px,1.25vw,24px)!important;
  overflow:hidden;
}
.rgb-product-visual.rgb-scene-visual{
  width:100%;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1464 / 600;
  align-self:auto;
  border-radius:clamp(20px,1.8vw,28px);
  animation:rgbSceneFloat 6.5s ease-in-out infinite;
}
.rgb-product-visual.rgb-scene-visual>img{
  object-fit:cover!important;
  object-position:center center!important;
}
.rgb-scene-visual:after{
  background:linear-gradient(180deg,rgba(4,10,25,.02) 55%,rgba(4,9,23,.12) 100%);
  box-shadow:inset 0 0 30px rgba(3,8,20,.18);
}
.rgb-support-copy{
  display:grid;
  grid-template-columns:minmax(280px,.88fr) minmax(430px,1.12fr);
  grid-template-areas:
    "eyebrow description"
    "title description"
    "title points"
    "title action";
  column-gap:clamp(42px,5vw,88px);
  row-gap:16px;
  align-items:start;
  padding:clamp(38px,4vw,68px) clamp(24px,4vw,70px) clamp(30px,3.5vw,58px);
}
.rgb-support-copy>.eyebrow{grid-area:eyebrow;margin:0 0 2px}
.rgb-support-copy>h2{
  grid-area:title;
  margin:0!important;
  max-width:610px;
  font-size:clamp(48px,4.7vw,78px)!important;
}
.rgb-support-copy>p:not(.eyebrow){
  grid-area:description;
  margin:2px 0 0;
  max-width:680px;
  font-size:clamp(15px,1vw,17px);
}
.rgb-support-points{grid-area:points;margin:6px 0 8px!important}
.openrgb-download-button{
  grid-area:action;
  width:min(100%,470px)!important;
  margin-top:6px;
}

@media(max-width:900px){
  .rgb-support-copy{
    grid-template-columns:1fr;
    grid-template-areas:"eyebrow" "title" "description" "points" "action";
    gap:16px;
    padding:38px clamp(18px,5vw,42px) 42px;
  }
  .rgb-support-copy>h2{max-width:700px}
  .rgb-support-copy>p:not(.eyebrow){margin-top:2px}
  .rgb-product-visual.rgb-scene-visual{aspect-ratio:1464 / 600}
}
@media(max-width:620px){
  .rgb-support-card{padding:9px 9px 12px!important}
  .rgb-product-visual.rgb-scene-visual{
    min-height:0!important;
    aspect-ratio:1464 / 600;
    border-radius:17px;
  }
  .rgb-scene-badge{top:10px;left:10px;padding:8px 10px;border-radius:11px}
  .rgb-scene-badge small{display:none}
  .rgb-support-copy{padding:28px 12px 24px}
  .rgb-support-copy>h2{font-size:clamp(42px,13vw,56px)!important}
}

/* Keep the feature at a consistent editorial width on very large screens.
   `.section` normally includes its padding inside the max width, which made
   this card unexpectedly smaller at 1920px than at 1440px. */
.rgb-support.section{
  width:100%;
  max-width:none!important;
  padding-left:max(4vw,calc((100vw - var(--max))/2))!important;
  padding-right:max(4vw,calc((100vw - var(--max))/2))!important;
}
.rgb-support-copy{max-width:none!important}
@media(max-width:620px){
  .rgb-support.section{padding-left:14px!important;padding-right:14px!important}
}

/* ================================================================
   V16 — supplied product imagery with unobstructed editorial stages.
   Each source keeps its native ratio; overlays that hid the Support
   artwork are removed so the full scene remains visible.
   ================================================================ */
.products-art-backdrop{
  background-image:linear-gradient(rgba(8,13,31,.2),rgba(11,10,35,.3)),url("assets/v16-products-hero-5600gt.jpg");
}
.products-v8-art{
  inset:4.5% 1.5%!important;
  width:97%!important;
  height:91%!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* The new RGB guide is square and text-heavy. A softly blurred copy fills
   the wide stage while the original remains centered and fully legible. */
.rgb-product-visual.rgb-scene-visual{
  aspect-ratio:16 / 8.8!important;
  min-height:0!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(40,137,255,.2),transparent 38%),
    linear-gradient(135deg,#070b15 0%,#101b30 48%,#07182a 100%)!important;
}
.rgb-product-visual.rgb-scene-visual:before{
  content:"";
  position:absolute;
  inset:-7%;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(4,9,20,.46),rgba(4,9,20,.06) 32%,rgba(4,9,20,.06) 68%,rgba(4,9,20,.46)),
    url("assets/v16-openrgb-custom-lighting.jpg") center / cover no-repeat;
  filter:blur(30px) saturate(.88) brightness(.52);
  transform:scale(1.07);
  opacity:.52;
  pointer-events:none;
}
.rgb-product-visual.rgb-scene-visual>img{
  inset:clamp(10px,1.2vw,20px)!important;
  z-index:1;
  width:calc(100% - clamp(20px,2.4vw,40px))!important;
  height:calc(100% - clamp(20px,2.4vw,40px))!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:clamp(14px,1.25vw,20px);
  filter:drop-shadow(0 24px 46px rgba(0,0,0,.34)) saturate(1.02) contrast(1.025)!important;
}
.rgb-scene-visual:after{
  background:linear-gradient(90deg,rgba(4,10,25,.16),transparent 22%,transparent 78%,rgba(4,9,23,.16))!important;
  box-shadow:inset 0 0 34px rgba(3,8,20,.28)!important;
}

/* Preserve the culture layout and floating motion, but fit the square CPU
   artwork completely inside the existing panoramic visual stage. */
.manifesto-cpu-visual{
  background:
    linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.018)),
    radial-gradient(circle at 48% 48%,#183b73 0%,#11182f 48%,#070a15 82%)!important;
}
.manifesto-cpu-visual:after{
  left:19%;
  right:19%;
  bottom:48px;
  opacity:.42;
}
.manifesto-cpu-visual img{
  width:calc(100% - clamp(28px,3vw,52px))!important;
  height:calc(100% - clamp(28px,3vw,52px))!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:clamp(16px,1.5vw,22px);
  filter:drop-shadow(0 26px 34px rgba(0,0,0,.38))!important;
}

@media(max-width:900px){
  .products-v8-art{inset:4% 2%!important;width:96%!important;height:92%!important}
  .rgb-product-visual.rgb-scene-visual{aspect-ratio:4 / 3!important}
}
@media(max-width:620px){
  .products-v8-art{inset:5% 1%!important;width:98%!important;height:90%!important}
  .rgb-product-visual.rgb-scene-visual{aspect-ratio:1 / 1!important}
  .rgb-product-visual.rgb-scene-visual>img{
    inset:7px!important;
    width:calc(100% - 14px)!important;
    height:calc(100% - 14px)!important;
    border-radius:13px;
  }
  .manifesto-cpu-visual img{
    width:calc(100% - 24px)!important;
    height:calc(100% - 24px)!important;
  }
}

/* ========================================================================
   V18 — route-aware motion and V16 artwork, presented without carousel UI.
   Motion follows navigation and scrolling; images remain single, complete
   product scenes with softened edges instead of framed media cards.
   ======================================================================== */

#mainContent{
  min-height:calc(100vh - 126px);
  view-transition-name:route-content;
  overflow:clip;
  background:#fff;
}

::view-transition-group(route-content){
  animation-duration:.62s;
  animation-timing-function:cubic-bezier(.22,.8,.24,1);
}
::view-transition-old(route-content){
  animation:v18RouteOut .24s cubic-bezier(.4,0,1,1) both;
}
::view-transition-new(route-content){
  animation:v18RouteIn .52s cubic-bezier(.16,1,.3,1) both;
}
@keyframes v18RouteOut{
  from{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
  to{opacity:0;transform:translate3d(0,-18px,0) scale(.994);filter:blur(3px)}
}
@keyframes v18RouteIn{
  from{opacity:0;transform:translate3d(0,26px,0) scale(.995);filter:blur(5px)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
}

/* Existing reveal hooks become viewport-driven once JavaScript is ready. */
.js-motion .route-page .reveal{
  animation:none!important;
  opacity:0;
  transform:translate3d(0,38px,0) scale(.992);
  filter:blur(5px);
  transition:
    opacity .72s cubic-bezier(.2,.75,.25,1),
    transform .82s cubic-bezier(.16,1,.3,1),
    filter .66s ease;
  transition-delay:var(--reveal-delay,0ms);
  will-change:opacity,transform,filter;
}
.js-motion .route-page .reveal.delay-1{--reveal-delay:100ms}
.js-motion .route-page .reveal.is-revealed{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
}
.js-motion .route-page .scroll-reveal-block{
  transform:translate3d(0,44px,0) scale(.994);
}
.js-motion .route-page .scroll-reveal-block.is-revealed{
  transform:translate3d(0,0,0) scale(1);
}

/* V16 single-image covers: wider, completely visible and visually merged
   into the blue-violet page atmosphere. */
.products-hero,.support-hero{
  min-height:clamp(660px,74vh,790px)!important;
  grid-template-columns:minmax(380px,.72fr) minmax(650px,1.28fr)!important;
  gap:clamp(18px,2.6vw,48px)!important;
  padding-top:clamp(64px,8vh,92px)!important;
  padding-bottom:clamp(64px,8vh,92px)!important;
  align-items:center!important;
}
.products-hero .subpage-copy,.support-hero .subpage-copy{
  max-width:610px!important;
  padding:0!important;
}
.products-hero .subpage-copy h1,.support-hero .subpage-copy h1{
  max-width:610px;
  font-size:clamp(58px,5vw,88px)!important;
  line-height:.94!important;
}
.hero-product-stage.v8-art-stage,
.support-stage.v8-art-stage{
  width:min(1020px,61vw)!important;
  height:auto!important;
  min-height:390px;
  aspect-ratio:16 / 9;
  margin:0 -1.4vw 0 0!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
  isolation:isolate;
  animation:none!important;
}
.hero-product-stage.v8-art-stage:before{
  content:"";
  position:absolute;
  inset:7% 3% 3%;
  z-index:0;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(42,128,255,.31),rgba(107,65,255,.16) 48%,transparent 73%);
  filter:blur(30px);
  transform:translateY(10%);
  pointer-events:none;
}
.hero-product-stage.v8-art-stage:after{
  content:"";
  position:absolute;
  inset:-1.5%;
  z-index:4;
  border-radius:0!important;
  background:
    linear-gradient(90deg,rgba(7,11,25,.44) 0%,transparent 7%,transparent 93%,rgba(19,13,44,.4) 100%),
    linear-gradient(180deg,rgba(7,11,25,.28) 0%,transparent 8%,transparent 92%,rgba(11,12,34,.34) 100%)!important;
  box-shadow:none!important;
  pointer-events:none;
}
.hero-product-stage .v8-stage-backdrop{
  inset:-8% -5%!important;
  z-index:0!important;
  border-radius:46px!important;
  opacity:.62!important;
  filter:blur(38px) saturate(1.1) brightness(.62)!important;
  transform:scale(1.04)!important;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 32%,transparent 74%);
  mask-image:radial-gradient(ellipse at center,#000 32%,transparent 74%);
}
.hero-product-stage .stage-grid,
.hero-product-stage .stage-glow,
.hero-product-stage .stage-chip,
.hero-product-stage .support-console,
.hero-product-stage .support-chip{display:none!important}
.hero-product-stage .v8-stage-art{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:saturate(1.06) contrast(1.025) drop-shadow(0 30px 42px rgba(0,0,0,.25))!important;
  -webkit-mask-image:
    linear-gradient(90deg,transparent 0%,#000 3.5%,#000 96.5%,transparent 100%),
    linear-gradient(180deg,transparent 0%,#000 2.5%,#000 97.5%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(90deg,transparent 0%,#000 3.5%,#000 96.5%,transparent 100%),
    linear-gradient(180deg,transparent 0%,#000 2.5%,#000 97.5%,transparent 100%);
  mask-composite:intersect;
  animation:v18ArtworkFloat 8s cubic-bezier(.45,0,.55,1) infinite!important;
  transform-origin:50% 54%;
}
@keyframes v18ArtworkFloat{
  0%,100%{transform:translate3d(0,4px,0)}
  50%{transform:translate3d(0,-7px,0)}
}

/* Keep the V16 OpenRGB image singular and readable. Its square source is
   contained over a blurred continuation instead of being cropped. */
.rgb-product-visual.rgb-scene-visual{
  overflow:hidden!important;
  background:linear-gradient(135deg,#070b15 0%,#101b30 48%,#07182a 100%)!important;
}
.rgb-product-visual.rgb-scene-visual>img{
  animation:v18OpenRgbFloat 8.6s cubic-bezier(.45,0,.55,1) infinite!important;
}
@keyframes v18OpenRgbFloat{
  0%,100%{transform:translate3d(0,3px,0) scale(.992)}
  50%{transform:translate3d(0,-6px,0) scale(1)}
}

@media(max-width:1180px){
  .products-hero,.support-hero{
    grid-template-columns:minmax(330px,.82fr) minmax(500px,1.18fr)!important;
    min-height:650px!important;
  }
  .hero-product-stage.v8-art-stage,.support-stage.v8-art-stage{
    width:min(800px,59vw)!important;
    min-height:340px;
    margin-right:-2vw!important;
  }
}
@media(max-width:900px){
  .products-hero,.support-hero{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    min-height:auto!important;
    gap:36px!important;
    padding:72px 6vw 78px!important;
  }
  .products-hero .subpage-copy,.support-hero .subpage-copy{
    max-width:760px!important;
  }
  .hero-product-stage.v8-art-stage,.support-stage.v8-art-stage{
    width:min(860px,100%)!important;
    min-height:0;
    aspect-ratio:1464 / 600;
    margin:0 auto!important;
    justify-self:center!important;
  }
}
@media(max-width:620px){
  #mainContent{min-height:calc(100vh - 102px)}
  .products-hero,.support-hero{padding:58px 18px 64px!important;gap:28px!important}
  .products-hero .subpage-copy h1,.support-hero .subpage-copy h1{
    font-size:clamp(46px,14vw,62px)!important;
  }
  .hero-product-stage.v8-art-stage,.support-stage.v8-art-stage{
    width:calc(100% + 12px)!important;
    min-height:0;
    aspect-ratio:1464 / 600;
    margin-left:-6px!important;
  }
  .hero-product-stage.v8-art-stage:after{inset:-4%}
}

@media(prefers-reduced-motion:reduce){
  ::view-transition-old(route-content),::view-transition-new(route-content){animation:none!important}
  .js-motion .route-page .reveal,
  .js-motion .route-page .scroll-reveal-block{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
  .hero-product-stage .v8-stage-art,
  .rgb-product-visual.rgb-scene-visual>img{animation:none!important;transform:none!important}
}


/* ========================================================================
   V19 — OpenRGB feature: compact editorial split.
   The action stays visible beside a complete, legible square guide instead
   of sitting below an oversized landscape image.
   ======================================================================== */
.rgb-support.section{
  padding-top:clamp(72px,7vw,108px)!important;
  padding-bottom:clamp(44px,5vw,76px)!important;
}
.rgb-support-card{
  width:min(100%,1420px);
  min-height:0!important;
  margin-inline:auto;
  display:grid!important;
  grid-template-columns:minmax(390px,.82fr) minmax(520px,1.18fr)!important;
  grid-template-areas:"copy visual";
  align-items:center!important;
  gap:clamp(44px,5vw,84px)!important;
  padding:clamp(44px,4vw,68px)!important;
  border:1px solid rgba(132,168,255,.18);
  border-radius:clamp(28px,2.3vw,38px)!important;
  background:
    radial-gradient(circle at 78% 48%,rgba(22,142,255,.2),transparent 33%),
    radial-gradient(circle at 18% 82%,rgba(143,65,255,.21),transparent 34%),
    linear-gradient(130deg,#081020 0%,#0b1530 48%,#1a1240 100%)!important;
  box-shadow:0 30px 90px rgba(18,28,74,.2),inset 0 1px 0 rgba(255,255,255,.05)!important;
  overflow:hidden!important;
}
.rgb-support-card:after{
  opacity:.62;
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.7) 46%,transparent 84%)!important;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.7) 46%,transparent 84%)!important;
}
.rgb-support-copy{
  grid-area:copy;
  order:1;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start!important;
  gap:0!important;
  min-width:0;
  max-width:560px!important;
  padding:0!important;
}
.rgb-support-copy>.eyebrow{
  margin:0 0 24px!important;
}
.rgb-support-copy>h2{
  margin:0!important;
  max-width:560px!important;
  font-size:clamp(54px,4.45vw,72px)!important;
  line-height:.94!important;
  text-wrap:balance;
}
.rgb-support-copy>p:not(.eyebrow){
  margin:28px 0 0!important;
  max-width:560px!important;
  font-size:clamp(15px,1.05vw,17px)!important;
  line-height:1.75!important;
}
.rgb-support-points{
  display:flex!important;
  grid-area:auto!important;
  gap:9px!important;
  margin:24px 0 0!important;
}
.rgb-support-points span{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  padding:9px 14px!important;
  white-space:nowrap;
}
.openrgb-download-button{
  grid-area:auto!important;
  width:min(100%,520px)!important;
  min-width:0!important;
  min-height:78px!important;
  margin:32px 0 0!important;
}
.rgb-product-visual.rgb-scene-visual{
  grid-area:visual;
  order:2;
  justify-self:end;
  align-self:center;
  width:min(100%,680px)!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1 / 1!important;
  border:0!important;
  border-radius:clamp(24px,2vw,32px)!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  isolation:isolate;
}
.rgb-product-visual.rgb-scene-visual:before{
  inset:4%!important;
  border-radius:34px;
  filter:blur(32px) saturate(.95) brightness(.58)!important;
  opacity:.46!important;
  transform:scale(1.035)!important;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 45%,transparent 80%);
  mask-image:radial-gradient(ellipse at center,#000 45%,transparent 80%);
}
.rgb-product-visual.rgb-scene-visual:after{
  inset:0!important;
  border-radius:inherit;
  background:linear-gradient(90deg,rgba(8,16,32,.14),transparent 8%,transparent 92%,rgba(18,13,48,.15))!important;
  box-shadow:none!important;
  pointer-events:none;
}
.rgb-product-visual.rgb-scene-visual>img{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:clamp(20px,1.7vw,28px)!important;
  filter:saturate(1.035) contrast(1.03) drop-shadow(0 28px 46px rgba(0,0,0,.28))!important;
  -webkit-mask-image:
    linear-gradient(90deg,transparent 0%,#000 2.2%,#000 97.8%,transparent 100%),
    linear-gradient(180deg,transparent 0%,#000 2.2%,#000 97.8%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(90deg,transparent 0%,#000 2.2%,#000 97.8%,transparent 100%),
    linear-gradient(180deg,transparent 0%,#000 2.2%,#000 97.8%,transparent 100%);
  mask-composite:intersect;
}

@media(max-width:1180px){
  .rgb-support-card{
    grid-template-columns:minmax(350px,.9fr) minmax(460px,1.1fr)!important;
    gap:36px!important;
    padding:42px!important;
  }
  .rgb-support-copy>h2{font-size:clamp(50px,5vw,64px)!important}
  .rgb-product-visual.rgb-scene-visual{width:min(100%,580px)!important}
  .rgb-support-points span{padding-inline:11px!important;font-size:8.5px!important}
}

@media(max-width:900px){
  .rgb-support-card{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "visual";
    gap:38px!important;
    padding:clamp(32px,6vw,52px)!important;
  }
  .rgb-support-copy{
    order:1;
    width:100%;
    max-width:720px!important;
  }
  .rgb-support-copy>h2{
    max-width:700px!important;
    font-size:clamp(48px,9vw,68px)!important;
  }
  .rgb-support-copy>p:not(.eyebrow){max-width:680px!important}
  .rgb-product-visual.rgb-scene-visual{
    order:2;
    justify-self:center;
    width:min(100%,660px)!important;
    aspect-ratio:1 / 1!important;
  }
  .openrgb-download-button{width:min(100%,560px)!important}
}

@media(max-width:620px){
  .rgb-support.section{
    padding:54px 14px 34px!important;
  }
  .rgb-support-card{
    gap:26px!important;
    padding:30px 20px 22px!important;
    border-radius:26px!important;
  }
  .rgb-support-copy>.eyebrow{margin-bottom:18px!important}
  .rgb-support-copy>h2{
    font-size:clamp(43px,13vw,58px)!important;
    line-height:.96!important;
  }
  .rgb-support-copy>p:not(.eyebrow){
    margin-top:22px!important;
    font-size:14px!important;
    line-height:1.72!important;
  }
  .rgb-support-points{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%;
    gap:8px!important;
    margin-top:20px!important;
  }
  .rgb-support-points span{
    justify-content:center;
    width:100%;
    min-height:38px;
    font-size:9px!important;
  }
  .openrgb-download-button{
    width:100%!important;
    min-height:72px!important;
    margin-top:24px!important;
  }
  .openrgb-download-button>b{font-size:20px!important}
  .rgb-product-visual.rgb-scene-visual{
    width:100%!important;
    border-radius:20px!important;
  }
  .rgb-product-visual.rgb-scene-visual>img{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    border-radius:18px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .rgb-product-visual.rgb-scene-visual>img{animation:none!important;transform:none!important}
  .openrgb-download-button,.openrgb-download-button:before{animation:none!important}
}

/* ========================================================================
   V20 — OpenRGB background blend.
   Keep the V19 editorial split, but turn the feature and ticket area into
   one continuous support scene instead of a dark card placed on white.
   ======================================================================== */
.rgb-support.section{
  position:relative;
  isolation:isolate;
  width:100%;
  max-width:none!important;
  padding-top:clamp(132px,10vw,184px)!important;
  padding-bottom:clamp(82px,7vw,124px)!important;
  background:
    linear-gradient(180deg,
      #f4f6fb 0%,
      #eef2fb 6%,
      #dce5f6 13%,
      #7d8fae 20%,
      #1b2948 28%,
      #0b1630 38%,
      #0b1330 78%,
      #080d1d 100%)!important;
  overflow:hidden;
}
.rgb-support.section:before{
  content:"";
  position:absolute;
  inset:12% 0 0;
  z-index:-1;
  background:
    radial-gradient(ellipse 48% 42% at 76% 48%,rgba(22,157,255,.28),transparent 70%),
    radial-gradient(ellipse 44% 38% at 22% 68%,rgba(139,65,255,.25),transparent 72%),
    linear-gradient(rgba(125,151,207,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(125,151,207,.045) 1px,transparent 1px);
  background-size:auto,auto,64px 64px,64px 64px;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 82%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 82%,transparent 100%);
  pointer-events:none;
}
.rgb-support.section:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:clamp(150px,12vw,220px);
  z-index:-1;
  background:radial-gradient(ellipse 70% 90% at 50% 0%,rgba(255,255,255,.68),transparent 72%);
  pointer-events:none;
}
.rgb-support-card{
  position:relative;
  z-index:1;
  padding:clamp(18px,2vw,32px) clamp(4px,1.2vw,18px)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.rgb-support-card:before{
  content:"";
  position:absolute;
  inset:7% 0 3%;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(30,51,102,.2),transparent 68%);
  filter:blur(38px);
  pointer-events:none;
}
.rgb-support-card:after{
  inset:-2% -3%!important;
  opacity:.28!important;
  background-size:58px 58px!important;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 20%,rgba(0,0,0,.7) 58%,transparent 82%)!important;
  mask-image:radial-gradient(ellipse at center,#000 20%,rgba(0,0,0,.7) 58%,transparent 82%)!important;
}
.rgb-support-copy{
  text-shadow:0 1px 24px rgba(3,8,24,.2);
}
.rgb-support-copy>.eyebrow{
  color:#aebce0!important;
}
.rgb-support-copy>p:not(.eyebrow){
  color:#c4cee2!important;
}
.rgb-support-points span{
  border-color:rgba(184,207,255,.19)!important;
  background:rgba(190,210,255,.065)!important;
  color:#e0e7f7!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.rgb-product-visual.rgb-scene-visual:before{
  inset:0!important;
  opacity:.72!important;
  filter:blur(50px) saturate(1.1) brightness(.72)!important;
  transform:scale(1.06)!important;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 35%,transparent 76%)!important;
  mask-image:radial-gradient(ellipse at center,#000 35%,transparent 76%)!important;
}
.rgb-product-visual.rgb-scene-visual:after{
  inset:-1%!important;
  background:
    linear-gradient(90deg,rgba(10,20,43,.4),transparent 8%,transparent 92%,rgba(11,17,42,.42)),
    linear-gradient(180deg,rgba(10,20,43,.35),transparent 9%,transparent 91%,rgba(10,15,34,.4))!important;
  border-radius:inherit;
}
.rgb-product-visual.rgb-scene-visual>img{
  border-radius:clamp(18px,1.5vw,25px)!important;
  filter:saturate(1.06) contrast(1.025) drop-shadow(0 28px 54px rgba(0,0,0,.24))!important;
  -webkit-mask-image:radial-gradient(ellipse 74% 76% at center,#000 62%,rgba(0,0,0,.94) 76%,rgba(0,0,0,.55) 88%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 74% 76% at center,#000 62%,rgba(0,0,0,.94) 76%,rgba(0,0,0,.55) 88%,transparent 100%)!important;
  -webkit-mask-composite:source-over!important;
  mask-composite:add!important;
}
.ticket-cta.section{
  width:100%;
  max-width:none!important;
  margin:0!important;
  padding-left:max(4vw,calc((100vw - var(--max))/2))!important;
  padding-right:max(4vw,calc((100vw - var(--max))/2))!important;
  background:
    radial-gradient(circle at 82% 18%,rgba(115,75,255,.34),transparent 31%),
    radial-gradient(circle at 18% 4%,rgba(30,139,255,.12),transparent 28%),
    linear-gradient(120deg,#080d1d,#111d3c 58%,#1b1236)!important;
  box-shadow:inset 0 1px 0 rgba(141,177,255,.06);
}

@media(max-width:900px){
  .rgb-support.section{
    padding-top:clamp(112px,16vw,148px)!important;
    padding-bottom:74px!important;
    background:
      linear-gradient(180deg,#f4f6fb 0%,#eaf0fa 5%,#cdd9ec 12%,#435573 23%,#111e3a 32%,#0b1430 76%,#080d1d 100%)!important;
  }
  .rgb-support-card{
    padding:12px 0 4px!important;
  }
  .rgb-support-copy{
    max-width:720px!important;
  }
  .rgb-product-visual.rgb-scene-visual{
    width:min(100%,680px)!important;
  }
}

@media(max-width:620px){
  .rgb-support.section{
    padding:104px 18px 58px!important;
    background:
      linear-gradient(180deg,#f4f6fb 0%,#eaf0fa 4%,#c9d5e8 11%,#334660 22%,#101d39 31%,#0b1430 78%,#080d1d 100%)!important;
  }
  .rgb-support.section:before{
    inset:9% 0 0;
    background-size:auto,auto,44px 44px,44px 44px;
  }
  .rgb-support-card{
    gap:30px!important;
    padding:0!important;
    border-radius:0!important;
  }
  .rgb-support-copy{
    padding:0 2px!important;
  }
  .rgb-support-copy>p:not(.eyebrow){
    color:#c9d3e8!important;
  }
  .rgb-product-visual.rgb-scene-visual{
    width:calc(100% + 12px)!important;
    margin-left:-6px;
  }
  .ticket-cta.section{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

/* ========================================================================
   V21 — Stacked transparent subpage imagery.
   Gaming PCs and Support now read as editorial titles followed by a wide,
   atmospheric product scene. The supplied 1464 × 600 artwork stays whole,
   fades naturally into the blue-violet canvas and moves as a single layer.
   ======================================================================== */
.products-hero,
.support-hero{
  min-height:auto!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:start!important;
  gap:clamp(34px,3.6vw,58px)!important;
  padding-top:clamp(82px,7.5vw,118px)!important;
  padding-bottom:clamp(66px,6.8vw,104px)!important;
  isolation:isolate;
}
.products-hero .subpage-copy,
.support-hero .subpage-copy{
  width:min(100%,1080px)!important;
  max-width:none!important;
  padding:0!important;
  position:relative;
  z-index:5;
}
.products-hero .subpage-copy h1,
.support-hero .subpage-copy h1{
  max-width:980px!important;
  margin-bottom:clamp(20px,2vw,28px)!important;
  font-size:clamp(58px,6.1vw,96px)!important;
  line-height:.91!important;
}
.products-hero .subpage-copy>p:last-child,
.support-hero .subpage-copy>p:not(.eyebrow){
  max-width:760px!important;
}
.support-hero .subpage-actions{
  position:relative;
  z-index:6;
}
.hero-product-stage.v8-art-stage,
.support-stage.v8-art-stage{
  width:min(100%,1464px)!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1464 / 600!important;
  margin:0 auto!important;
  justify-self:center!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
  isolation:isolate;
  animation:none!important;
  perspective:1200px;
}
.hero-product-stage.v8-art-stage:before{
  content:"";
  position:absolute;
  inset:2% 2% -7%!important;
  z-index:0;
  border-radius:48%!important;
  background:
    radial-gradient(ellipse at 32% 45%,rgba(12,159,255,.27),transparent 47%),
    radial-gradient(ellipse at 75% 48%,rgba(130,72,255,.29),transparent 52%)!important;
  filter:blur(42px)!important;
  opacity:.72;
  transform:translateY(4%) scale(.98)!important;
  pointer-events:none;
  animation:v21AuraBreath 9s ease-in-out infinite;
}
.hero-product-stage.v8-art-stage:after{
  content:"";
  position:absolute;
  inset:-4% -2%!important;
  z-index:4;
  background:none!important;
  opacity:0!important;
  pointer-events:none;
}
.hero-product-stage .v8-stage-backdrop{
  inset:-4% -2%!important;
  z-index:0!important;
  border-radius:0!important;
  opacity:.2!important;
  filter:blur(46px) saturate(1.14) brightness(.72)!important;
  transform:scale(1.025)!important;
  -webkit-mask-image:radial-gradient(ellipse 72% 68% at center,#000 30%,rgba(0,0,0,.74) 58%,transparent 82%)!important;
  mask-image:radial-gradient(ellipse 72% 68% at center,#000 30%,rgba(0,0,0,.74) 58%,transparent 82%)!important;
}
.hero-product-stage .v8-stage-art{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
  opacity:.86!important;
  box-shadow:none!important;
  mix-blend-mode:screen;
  filter:saturate(1.03) contrast(1.04) brightness(.92) drop-shadow(0 34px 48px rgba(1,4,18,.26))!important;
  -webkit-mask-image:
    linear-gradient(90deg,transparent 0%,rgba(0,0,0,.32) 3%,#000 8%,#000 92%,rgba(0,0,0,.32) 97%,transparent 100%),
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.48) 5%,#000 12%,#000 82%,rgba(0,0,0,.48) 94%,transparent 100%)!important;
  -webkit-mask-composite:source-in!important;
  mask-image:
    linear-gradient(90deg,transparent 0%,rgba(0,0,0,.32) 3%,#000 8%,#000 92%,rgba(0,0,0,.32) 97%,transparent 100%),
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.48) 5%,#000 12%,#000 82%,rgba(0,0,0,.48) 94%,transparent 100%)!important;
  mask-composite:intersect!important;
  transform-origin:50% 52%;
  animation:v21HeroDrift 8.5s cubic-bezier(.45,0,.55,1) infinite!important;
  will-change:transform,opacity;
}
.support-stage .v8-stage-art{
  animation-delay:-2.6s!important;
}
@keyframes v21HeroDrift{
  0%,100%{transform:translate3d(0,5px,0) scale(.994);opacity:.82}
  50%{transform:translate3d(0,-9px,0) scale(1.008);opacity:.9}
}
@keyframes v21AuraBreath{
  0%,100%{opacity:.56;filter:blur(42px)}
  50%{opacity:.78;filter:blur(48px)}
}

@media(max-width:900px){
  .products-hero,
  .support-hero{
    gap:32px!important;
    padding:70px 6vw 76px!important;
  }
  .products-hero .subpage-copy h1,
  .support-hero .subpage-copy h1{
    font-size:clamp(54px,10.5vw,82px)!important;
  }
  .hero-product-stage.v8-art-stage,
  .support-stage.v8-art-stage{
    width:100%!important;
    aspect-ratio:1464 / 600!important;
  }
}
@media(max-width:620px){
  .products-hero,
  .support-hero{
    gap:24px!important;
    padding:58px 18px 62px!important;
  }
  .products-hero .subpage-copy h1,
  .support-hero .subpage-copy h1{
    font-size:clamp(43px,13.2vw,58px)!important;
    line-height:.94!important;
  }
  .hero-product-stage.v8-art-stage,
  .support-stage.v8-art-stage{
    width:calc(100% + 12px)!important;
    margin-left:-6px!important;
  }
  .hero-product-stage.v8-art-stage:after{
    inset:-7% -3%!important;
  }
  .hero-product-stage .v8-stage-art{
    opacity:.9!important;
    -webkit-mask-image:
      linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),
      linear-gradient(180deg,transparent,#000 7%,#000 88%,transparent)!important;
    mask-image:
      linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),
      linear-gradient(180deg,transparent,#000 7%,#000 88%,transparent)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .hero-product-stage.v8-art-stage:before,
  .hero-product-stage .v8-stage-art{
    animation:none!important;
    transform:none!important;
  }
}

/* ================================================================
   V22 — focused typography refinement
   Cleaner editorial hierarchy for culture and product information.
   ================================================================ */

/* Culture statement: reduce visual weight and use two intentional lines. */
.brand-manifesto{
  grid-template-columns:minmax(380px,1fr) minmax(330px,.86fr) minmax(390px,1.04fr);
  gap:clamp(32px,3.4vw,58px);
}
.manifesto-lead{
  min-width:0;
}
.brand-manifesto .culture-index{
  margin-bottom:20px;
  padding:8px 13px;
  color:#667085;
  font-family:Inter,var(--pc-font);
  font-size:10px;
  font-weight:700;
  letter-spacing:.11em;
}
.brand-manifesto h2{
  max-width:590px!important;
  margin:0!important;
  color:#0b1020;
  font-family:Manrope,var(--pc-display)!important;
  font-size:clamp(50px,4vw,64px)!important;
  font-weight:600!important;
  line-height:.98!important;
  letter-spacing:-.052em!important;
  text-wrap:balance;
}
.brand-manifesto h2 .manifesto-line{
  display:block;
  width:max-content;
  max-width:100%;
  position:relative;
}
.brand-manifesto h2 .manifesto-line-accent{
  margin-top:.035em;
  padding-right:.06em;
  color:transparent!important;
  background:linear-gradient(94deg,#176fff 2%,#655cff 52%,#b13fe2 98%);
  background-clip:text;
  -webkit-background-clip:text;
  text-shadow:none!important;
}
.brand-manifesto h2 .manifesto-line-accent:after{
  content:"";
  position:absolute;
  left:.04em;
  right:.08em;
  bottom:-.12em;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(30,126,255,.72),rgba(165,68,231,.48));
  opacity:.58;
}
.brand-manifesto h2>span:after{
  content:none!important;
}
.manifesto-tagline{
  max-width:390px!important;
  margin-top:31px!important;
  padding-left:18px!important;
  color:#626d82!important;
  font-family:Inter,var(--pc-font)!important;
  font-size:15px!important;
  font-weight:450;
  line-height:1.72!important;
  letter-spacing:-.008em;
}

/* Culture values: clearer titles, calmer labels, and consistent vertical rhythm. */
.brand-values article{
  display:flex;
  flex-direction:column;
}
.brand-values .value-head{
  margin-bottom:38px;
}
.brand-values .value-head small{
  font-family:Inter,var(--pc-font);
  font-size:10px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.09em;
}
.brand-values h3{
  max-width:310px!important;
  margin:0 0 18px!important;
  color:#101526;
  font-family:Manrope,var(--pc-display)!important;
  font-size:clamp(24px,1.8vw,29px)!important;
  font-weight:650!important;
  line-height:1.16!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}
.brand-values p{
  max-width:39ch;
  margin:0!important;
  color:#5d687d!important;
  font-family:Inter,var(--pc-font)!important;
  font-size:15px!important;
  font-weight:400;
  line-height:1.72!important;
  letter-spacing:-.006em;
}
.brand-values article>b{
  margin-top:auto!important;
  padding-top:28px;
  color:#5d56d9!important;
  font-family:Inter,var(--pc-font);
  font-size:9px!important;
  font-weight:700;
  line-height:1.35;
  letter-spacing:.11em!important;
}

/* Catalog titles: optimize long product names for scanning without changing copy. */
.product-card h3{
  min-height:4.2em!important;
  margin:9px 0 17px!important;
  color:#101526!important;
  font-family:Inter,var(--pc-font)!important;
  font-size:clamp(19px,1.35vw,22px)!important;
  font-weight:600!important;
  line-height:1.4!important;
  letter-spacing:-.022em!important;
  overflow-wrap:normal;
  word-break:normal;
  text-wrap:pretty;
  -webkit-line-clamp:3;
}
.product-card .product-series{
  font-family:Inter,var(--pc-font);
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.11em!important;
}

@media(max-width:1180px){
  .brand-manifesto{
    grid-template-columns:minmax(320px,.82fr) minmax(450px,1.18fr);
  }
  .brand-manifesto h2{
    font-size:clamp(50px,5.7vw,64px)!important;
  }
  .brand-values h3{
    font-size:26px!important;
  }
}
@media(max-width:900px){
  .brand-manifesto{
    grid-template-columns:1fr;
  }
  .brand-manifesto h2{
    max-width:650px!important;
    font-size:clamp(50px,8.5vw,68px)!important;
  }
  .brand-values article{
    min-height:250px!important;
  }
  .brand-values h3,
  .brand-values p{
    max-width:620px!important;
  }
}
@media(max-width:620px){
  .brand-manifesto .culture-index{
    margin-bottom:16px;
  }
  .brand-manifesto h2{
    font-size:clamp(43px,13.2vw,57px)!important;
    line-height:1.01!important;
    letter-spacing:-.046em!important;
  }
  .manifesto-tagline{
    margin-top:28px!important;
    font-size:14px!important;
  }
  .brand-values .value-head{
    margin-bottom:30px;
  }
  .brand-values h3{
    font-size:25px!important;
  }
  .brand-values p{
    font-size:14.5px!important;
  }
  .product-card h3{
    min-height:auto!important;
    font-size:20px!important;
    line-height:1.38!important;
  }
}

/* ================================================================
   V23 — route transition choreography
   Each destination has a distinct but restrained motion signature:
   page-turn, quick twist, focus zoom, and gradient dissolve.
   ================================================================ */
html.route-transitioning{
  overflow:hidden;
}
::view-transition-group(route-content){
  animation-duration:.68s;
  animation-timing-function:cubic-bezier(.2,.78,.22,1);
  perspective:1800px;
  transform-style:preserve-3d;
  background:#080d1c;
}
::view-transition-image-pair(route-content){
  isolation:isolate;
  overflow:clip;
  background:#080d1c;
}
::view-transition-old(route-content),
::view-transition-new(route-content){
  backface-visibility:hidden;
  transform-style:preserve-3d;
  will-change:transform,opacity,filter,clip-path;
}
::view-transition-old(route-content){z-index:1}
::view-transition-new(route-content){z-index:2}

/* Gaming PCs: a shallow editorial page turn, never a full-screen tumble. */
html[data-route-motion="flip"][data-route-direction="forward"]::view-transition-old(route-content){
  transform-origin:0 50%;
  animation:v23FlipOutForward .32s cubic-bezier(.5,0,.8,.35) both;
}
html[data-route-motion="flip"][data-route-direction="forward"]::view-transition-new(route-content){
  transform-origin:100% 50%;
  animation:v23FlipInForward .58s cubic-bezier(.16,1,.3,1) both;
}
html[data-route-motion="flip"][data-route-direction="backward"]::view-transition-old(route-content){
  transform-origin:100% 50%;
  animation:v23FlipOutBackward .32s cubic-bezier(.5,0,.8,.35) both;
}
html[data-route-motion="flip"][data-route-direction="backward"]::view-transition-new(route-content){
  transform-origin:0 50%;
  animation:v23FlipInBackward .58s cubic-bezier(.16,1,.3,1) both;
}
@keyframes v23FlipOutForward{
  from{opacity:1;transform:perspective(1800px) translateX(0) rotateY(0) scale(1);filter:brightness(1)}
  to{opacity:0;transform:perspective(1800px) translateX(-4.5%) rotateY(7deg) scale(.985);filter:brightness(.78) blur(2px)}
}
@keyframes v23FlipInForward{
  from{opacity:0;transform:perspective(1800px) translateX(5%) rotateY(-8deg) scale(.975);filter:brightness(1.15) blur(7px)}
  to{opacity:1;transform:perspective(1800px) translateX(0) rotateY(0) scale(1);filter:brightness(1) blur(0)}
}
@keyframes v23FlipOutBackward{
  from{opacity:1;transform:perspective(1800px) translateX(0) rotateY(0) scale(1);filter:brightness(1)}
  to{opacity:0;transform:perspective(1800px) translateX(4.5%) rotateY(-7deg) scale(.985);filter:brightness(.78) blur(2px)}
}
@keyframes v23FlipInBackward{
  from{opacity:0;transform:perspective(1800px) translateX(-5%) rotateY(8deg) scale(.975);filter:brightness(1.15) blur(7px)}
  to{opacity:1;transform:perspective(1800px) translateX(0) rotateY(0) scale(1);filter:brightness(1) blur(0)}
}

/* Support: a fast, controlled twist with a blue-violet energy flash. */
html[data-route-motion="spin"]::view-transition-old(route-content){
  animation:v23SpinOut .25s cubic-bezier(.55,0,1,.45) both;
}
html[data-route-motion="spin"]::view-transition-new(route-content){
  animation:v23SpinIn .56s cubic-bezier(.16,1,.3,1) both;
}
@keyframes v23SpinOut{
  from{opacity:1;transform:scale(1) rotate(0);filter:blur(0) saturate(1)}
  to{opacity:0;transform:scale(1.035) rotate(-2.2deg);filter:blur(5px) saturate(1.35)}
}
@keyframes v23SpinIn{
  0%{opacity:0;transform:scale(.91) rotate(3.4deg);filter:blur(11px) saturate(1.55)}
  62%{opacity:1;transform:scale(1.008) rotate(-.35deg);filter:blur(0) saturate(1.08)}
  100%{opacity:1;transform:scale(1) rotate(0);filter:blur(0) saturate(1)}
}

/* About: a calm gradient-like dissolve and lateral reveal. */
html[data-route-motion="gradient"]::view-transition-old(route-content){
  animation:v23GradientOut .28s ease-in both;
}
html[data-route-motion="gradient"]::view-transition-new(route-content){
  animation:v23GradientIn .62s cubic-bezier(.16,1,.3,1) both;
  box-shadow:-80px 0 150px rgba(82,93,255,.2);
}
@keyframes v23GradientOut{
  from{opacity:1;clip-path:inset(0 0 0 0);filter:blur(0) saturate(1)}
  to{opacity:0;clip-path:inset(0 100% 0 0);filter:blur(7px) saturate(1.25)}
}
@keyframes v23GradientIn{
  from{opacity:0;clip-path:inset(0 0 0 100%);transform:translateX(2.5%) scale(1.015);filter:blur(10px) saturate(1.35)}
  to{opacity:1;clip-path:inset(0 0 0 0);transform:translateX(0) scale(1);filter:blur(0) saturate(1)}
}

/* Home and back navigation: cinematic scale-down / scale-up. */
html[data-route-motion="zoom"]::view-transition-old(route-content){
  animation:v23ZoomOut .28s cubic-bezier(.4,0,1,1) both;
}
html[data-route-motion="zoom"]::view-transition-new(route-content){
  animation:v23ZoomIn .58s cubic-bezier(.16,1,.3,1) both;
}
@keyframes v23ZoomOut{
  from{opacity:1;transform:scale(1);filter:blur(0)}
  to{opacity:0;transform:scale(1.045);filter:blur(6px)}
}
@keyframes v23ZoomIn{
  from{opacity:0;transform:scale(.935);filter:blur(10px)}
  72%{opacity:1;transform:scale(1.006);filter:blur(0)}
  to{opacity:1;transform:scale(1);filter:blur(0)}
}

/* Product detail: the selected configuration moves into focus. */
html[data-route-motion="focus"]::view-transition-old(route-content){
  animation:v23FocusOut .25s ease-in both;
}
html[data-route-motion="focus"]::view-transition-new(route-content){
  animation:v23FocusIn .58s cubic-bezier(.16,1,.3,1) both;
}
@keyframes v23FocusOut{
  from{opacity:1;transform:scale(1);filter:blur(0)}
  to{opacity:0;transform:scale(.965);filter:blur(6px)}
}
@keyframes v23FocusIn{
  from{opacity:0;transform:scale(1.07);filter:blur(12px) brightness(1.12)}
  to{opacity:1;transform:scale(1);filter:blur(0) brightness(1)}
}

/* Small fallback for browsers without the View Transition API. */
#mainContent.route-fallback-out{
  opacity:0;
  transform:translateY(-10px) scale(.985);
  filter:blur(5px);
  transition:opacity .18s ease,transform .18s ease,filter .18s ease;
}
#mainContent.route-fallback-in{
  animation:v23FallbackIn .5s cubic-bezier(.16,1,.3,1) both;
}
@keyframes v23FallbackIn{
  from{opacity:0;transform:translateY(18px) scale(.975);filter:blur(7px)}
  to{opacity:1;transform:none;filter:none}
}

@media(max-width:620px){
  ::view-transition-group(route-content){animation-duration:.54s}
  @keyframes v23SpinIn{
    0%{opacity:0;transform:scale(.94) rotate(1.8deg);filter:blur(8px) saturate(1.35)}
    70%{opacity:1;transform:scale(1.004) rotate(-.2deg);filter:blur(0) saturate(1.04)}
    100%{opacity:1;transform:scale(1) rotate(0);filter:blur(0) saturate(1)}
  }
}

@media(prefers-reduced-motion:reduce){
  html.route-transitioning{overflow:auto}
  ::view-transition-group(route-content),
  ::view-transition-old(route-content),
  ::view-transition-new(route-content){
    animation:none!important;
    transform:none!important;
    filter:none!important;
    clip-path:none!important;
    box-shadow:none!important;
  }
  #mainContent.route-fallback-out,
  #mainContent.route-fallback-in{
    animation:none!important;
    transition:none!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
  }
}

/* ================================================================
   V24 — balanced Gaming PCs hero
   A transparent panoramic PC and restrained performance signals fill
   the open desktop space without turning the header into another card.
   ================================================================ */
.products-hero .subpage-copy{
  max-width:1120px!important;
}
.products-hero-balance{
  position:absolute;
  z-index:3;
  top:clamp(48px,5.2vw,86px);
  right:max(3.5vw,calc((100vw - var(--max))/2));
  width:clamp(340px,31vw,570px);
  height:clamp(300px,25vw,430px);
  display:grid;
  place-items:center;
  pointer-events:none;
  isolation:isolate;
}
.products-hero-balance:before{
  content:"";
  position:absolute;
  inset:12% 3% 4% 6%;
  z-index:-2;
  border-radius:50%;
  background:
    radial-gradient(circle at 48% 48%,rgba(31,120,255,.3),transparent 48%),
    radial-gradient(circle at 72% 44%,rgba(164,70,255,.23),transparent 55%);
  filter:blur(34px);
  opacity:.82;
  animation:v24HeroPulse 7s ease-in-out infinite;
}
.products-hero-orbit{
  position:absolute;
  inset:13% 2% 8% 8%;
  z-index:-1;
  border:1px solid rgba(126,165,255,.22);
  border-radius:50%;
  transform:rotate(-11deg);
  box-shadow:
    inset 0 0 48px rgba(77,87,255,.08),
    0 0 42px rgba(54,115,255,.08);
  opacity:.82;
}
.products-hero-orbit:before,
.products-hero-orbit:after{
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#55dbff;
  box-shadow:0 0 14px #43c9ff,0 0 28px rgba(67,201,255,.5);
}
.products-hero-orbit:before{left:10%;top:18%}
.products-hero-orbit:after{right:7%;bottom:21%;background:#a978ff;box-shadow:0 0 14px #9e6dff,0 0 28px rgba(158,109,255,.5)}
.products-hero-balance img{
  width:92%;
  height:96%;
  object-fit:contain;
  object-position:center;
  opacity:.7;
  mix-blend-mode:screen;
  filter:saturate(.9) brightness(.82) contrast(1.08) drop-shadow(0 28px 42px rgba(1,4,18,.54));
  -webkit-mask-image:radial-gradient(ellipse 67% 72% at 53% 50%,#000 47%,rgba(0,0,0,.78) 68%,transparent 94%);
  mask-image:radial-gradient(ellipse 67% 72% at 53% 50%,#000 47%,rgba(0,0,0,.78) 68%,transparent 94%);
  transform:perspective(1100px) rotateY(-5deg) translateY(0) scale(.94);
  animation:v24HeroFloat 7.6s cubic-bezier(.45,0,.55,1) infinite;
}
.products-hero-signal{
  position:absolute;
  right:1%;
  bottom:9%;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
  color:#cbd7f3;
  font-size:10px;
  font-weight:750;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.products-hero-signal span{
  display:flex;
  align-items:baseline;
  gap:8px;
  padding:8px 11px;
  border:1px solid rgba(156,180,255,.17);
  border-radius:999px;
  background:rgba(7,12,31,.34);
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  backdrop-filter:blur(10px);
}
.products-hero-signal b{
  color:#fff;
  font-size:15px;
  line-height:1;
  letter-spacing:0;
}
@keyframes v24HeroFloat{
  0%,100%{transform:perspective(1100px) rotateY(-5deg) translateY(4px) scale(.94)}
  50%{transform:perspective(1100px) rotateY(-2deg) translateY(-10px) scale(.965)}
}
@keyframes v24HeroPulse{
  0%,100%{opacity:.62;transform:scale(.96)}
  50%{opacity:.88;transform:scale(1.04)}
}
@media(min-width:1281px){
  .products-hero .subpage-copy{
    width:min(56vw,1080px)!important;
    max-width:none!important;
    padding-right:0!important;
  }
  .products-hero .subpage-copy h1{
    max-width:1080px!important;
    white-space:nowrap;
  }
  .products-hero .subpage-copy>p:last-child{
    max-width:720px!important;
  }
}
@media(min-width:901px) and (max-width:1280px){
  .products-hero-balance{
    top:64px;
    right:-22px;
    width:360px;
    height:330px;
    opacity:.72;
  }
  .products-hero .subpage-copy{
    width:calc(100% - 300px)!important;
    max-width:none!important;
    padding-right:0!important;
  }
  .products-hero .subpage-copy h1{
    max-width:820px!important;
    font-size:clamp(64px,6.45vw,82px)!important;
    white-space:nowrap;
  }
  .products-hero .subpage-copy>p:last-child{
    max-width:650px!important;
  }
  .products-hero-signal{display:none}
}
@media(max-width:900px){
  .products-hero-balance{display:none}
}
@media(prefers-reduced-motion:reduce){
  .products-hero-balance:before,
  .products-hero-balance img{animation:none!important}
}


/* ================================================================
   V26 — RTX 3060 Ti hero with softened edge blend
   The supplied graphics-card artwork replaces the V24 panoramic PC
   while retaining a soft, borderless blend into the dark hero field.
   ================================================================ */
.products-hero-rtx{
  top:clamp(54px,5.5vw,92px);
  right:max(2.4vw,calc((100vw - var(--max))/2 - 8px));
  width:clamp(430px,35vw,650px);
  height:clamp(320px,27vw,470px);
  overflow:visible;
}
.products-hero-rtx:before{
  inset:10% 1% 5% 5%;
  background:
    radial-gradient(circle at 54% 52%,rgba(46,150,255,.27),transparent 51%),
    radial-gradient(circle at 65% 52%,rgba(136,69,255,.23),transparent 64%);
  filter:blur(42px);
}
.products-hero-rtx:after{
  content:"";
  position:absolute;
  inset:4% 0 2%;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(118deg,transparent 20%,rgba(100,220,255,.075) 46%,transparent 70%);
  -webkit-mask-image:radial-gradient(ellipse 78% 76% at 54% 52%,#000 42%,transparent 88%);
  mask-image:radial-gradient(ellipse 78% 76% at 54% 52%,#000 42%,transparent 88%);
  animation:v25CardLightSweep 6.8s ease-in-out infinite;
}
.products-hero-rtx img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  opacity:.86;
  mix-blend-mode:screen;
  border-radius:0;
  filter:saturate(.94) brightness(.8) contrast(1.1) drop-shadow(0 30px 48px rgba(0,0,0,.34));
  -webkit-mask-image:
    linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 2%,rgba(0,0,0,.62) 6%,#000 13%,#000 85%,rgba(0,0,0,.64) 93%,rgba(0,0,0,.16) 98%,transparent 100%),
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.36) 3%,#000 10%,#000 76%,rgba(0,0,0,.7) 86%,rgba(0,0,0,.18) 97%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 2%,rgba(0,0,0,.62) 6%,#000 13%,#000 85%,rgba(0,0,0,.64) 93%,rgba(0,0,0,.16) 98%,transparent 100%),
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.36) 3%,#000 10%,#000 76%,rgba(0,0,0,.7) 86%,rgba(0,0,0,.18) 97%,transparent 100%);
  mask-composite:intersect;
  transform:perspective(1200px) rotateY(-3deg) translateY(0) scale(.96);
  animation:v25CardFloat 7.4s cubic-bezier(.45,0,.55,1) infinite;
}
@keyframes v25CardFloat{
  0%,100%{transform:perspective(1200px) rotateY(-3deg) translateY(4px) scale(.96)}
  50%{transform:perspective(1200px) rotateY(-1deg) translateY(-9px) scale(.98)}
}
@keyframes v25CardLightSweep{
  0%,100%{opacity:.28;transform:translateX(-2%)}
  50%{opacity:.7;transform:translateX(3%)}
}
@media(min-width:901px) and (max-width:1280px){
  .products-hero-rtx{
    top:76px;
    right:-26px;
    width:430px;
    height:340px;
    opacity:.88;
  }
}
@media(max-width:900px){
  .products-hero-rtx{display:none}
}
@media(prefers-reduced-motion:reduce){
  .products-hero-rtx:after,
  .products-hero-rtx img{animation:none!important}
}


/* ================================================================
   V27 — desktop lineup width correction
   The global .section max-width already contains its padding. The
   viewport-based gutters were therefore deducted twice at wide sizes,
   compressing these landscape stories into tall, portrait-like cards.
   Keep the page-wide gutters but let this section use the full viewport.
   ================================================================ */
.product-story-lineup.section{
  width:100%;
  max-width:none;
  margin-inline:0;
  padding-inline:max(4vw,calc((100vw - var(--max))/2));
}
@media(max-width:1080px){
  .product-story-lineup.section{
    padding-inline:clamp(22px,5vw,54px);
  }
}

/* ================================================================
   V28 — responsive content-width and desktop composition correction
   The global .section container previously subtracted viewport gutters
   twice on wide screens. These three layouts now use one consistent
   page gutter and adapt deliberately across desktop, tablet and mobile.
   ================================================================ */

/* About / culture: use the available desktop canvas and keep all three
   parts visually connected rather than squeezed into narrow columns. */
.brand-manifesto.section{
  width:100%;
  max-width:none;
  margin-inline:0;
  padding-inline:max(4.5vw,calc((100vw - 1560px)/2));
  grid-template-columns:minmax(330px,.92fr) minmax(360px,.9fr) minmax(390px,1fr);
  gap:clamp(34px,3vw,60px);
  align-items:center;
}
.brand-manifesto .manifesto-lead{
  align-self:center;
  max-width:560px;
}
.brand-manifesto .manifesto-visual{
  width:100%;
  min-height:0;
  aspect-ratio:.92 / 1;
  justify-self:center;
}
.brand-manifesto .manifesto-visual img{
  max-width:90%!important;
  max-height:calc(100% - 92px)!important;
}
.brand-manifesto .manifesto-copy{
  min-width:0;
  max-width:510px;
  padding-left:clamp(30px,2.7vw,48px);
}
.brand-manifesto .manifesto-copy p{
  max-width:46ch;
}

/* Support resources: full-width desktop rhythm, then two columns before
   the compact mobile stack. */
.support-hub.section{
  width:100%;
  max-width:none;
  margin-inline:0;
  padding-inline:max(4.5vw,calc((100vw - 1560px)/2));
  grid-template-columns:280px minmax(0,1fr);
  gap:clamp(38px,4vw,72px);
}
.support-main{min-width:0}
.support-hub .section-heading.compact{
  align-items:end;
  gap:clamp(28px,4vw,64px);
}
.support-hub .section-heading.compact>div{min-width:0}
.support-hub .section-heading.compact>p{
  flex:0 1 440px;
  max-width:440px;
}
.support-resource-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,1.5vw,24px);
}
.support-resource-card{
  min-width:0;
  min-height:320px;
}

/* Gaming PCs cover: lift and slightly reduce the graphics card so it no
   longer crowds the lower panoramic scene on desktop displays. */
@media(min-width:1281px){
  .products-hero-rtx{
    top:clamp(38px,3.7vw,64px);
    width:clamp(410px,31vw,580px);
    height:clamp(292px,23vw,405px);
  }
}

@media(min-width:901px) and (max-width:1280px){
  .brand-manifesto.section{
    padding-inline:clamp(42px,5vw,64px);
    grid-template-columns:minmax(280px,.86fr) minmax(315px,.92fr) minmax(330px,1fr);
    gap:clamp(24px,2.6vw,38px);
  }
  .brand-manifesto h2{
    font-size:clamp(48px,4.8vw,60px)!important;
  }
  .brand-manifesto .manifesto-visual{
    aspect-ratio:.9 / 1;
  }
  .brand-manifesto .manifesto-copy{
    padding-left:clamp(22px,2.2vw,32px);
  }
  .brand-manifesto .manifesto-copy p:first-child{
    font-size:clamp(17px,1.6vw,19px);
  }
  .support-hub.section{
    padding-inline:clamp(38px,4.5vw,58px);
    grid-template-columns:clamp(210px,19vw,240px) minmax(0,1fr);
    gap:clamp(28px,3.2vw,42px);
  }
  .support-resource-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .support-resource-card{
    min-height:280px;
  }
  .support-resource-card:nth-child(3){
    grid-column:1/-1;
    min-height:235px;
  }
  .products-hero-rtx{
    top:44px;
    right:clamp(-20px,-1vw,-8px);
    width:clamp(350px,32vw,405px);
    height:clamp(270px,25vw,318px);
  }
}

@media(max-width:1280px) and (min-width:901px){
  .brand-manifesto.section{
    grid-template-columns:minmax(290px,.88fr) minmax(390px,1.12fr);
    gap:clamp(30px,4vw,48px);
  }
  .brand-manifesto .manifesto-visual{
    aspect-ratio:1.08 / 1;
    min-height:390px;
  }
  .brand-manifesto .manifesto-copy{
    grid-column:1/-1;
    max-width:none;
    border-left:0;
    border-top:1px solid var(--line);
    padding:34px 0 0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(22px,3vw,34px);
  }
  .brand-manifesto .manifesto-copy p{
    max-width:none;
    margin:0;
  }
}

@media(max-width:900px){
  .brand-manifesto.section,
  .support-hub.section{
    padding-inline:clamp(24px,6vw,52px);
  }
  .brand-manifesto.section{
    grid-template-columns:1fr;
    gap:36px;
  }
  .brand-manifesto .manifesto-lead{
    max-width:720px;
  }
  .brand-manifesto .manifesto-visual{
    width:min(680px,100%);
    aspect-ratio:1.08 / 1;
    min-height:0;
  }
  .brand-manifesto .manifesto-copy{
    grid-column:auto;
    max-width:none;
    grid-template-columns:1fr;
    gap:0;
    padding:30px 0 0;
  }
  .brand-manifesto .manifesto-copy p{
    max-width:70ch;
  }
  .support-hub.section{
    grid-template-columns:1fr;
    gap:42px;
  }
  .support-sidebar{
    position:relative;
    top:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .support-sidebar>p{grid-column:1/-1}
  .support-resource-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .support-resource-card:nth-child(3){
    grid-column:1/-1;
  }
}

@media(max-width:700px){
  .brand-manifesto.section,
  .support-hub.section{
    padding-inline:18px;
  }
  .brand-manifesto .manifesto-visual{
    width:100%;
    aspect-ratio:.96 / 1;
  }
  .brand-manifesto .manifesto-visual img{
    max-width:94%!important;
    max-height:calc(100% - 84px)!important;
  }
  .support-hub .section-heading.compact{
    align-items:start;
    flex-direction:column;
    gap:20px;
  }
  .support-hub .section-heading.compact>p{
    flex:auto;
    max-width:620px;
  }
  .support-sidebar,
  .support-resource-grid{
    grid-template-columns:1fr;
  }
  .support-resource-card:nth-child(3){
    grid-column:auto;
  }
  .support-resource-card{
    min-height:270px;
  }
}

@media(max-width:430px){
  .brand-manifesto.section{gap:28px}
  .brand-manifesto .manifesto-visual{
    border-radius:22px;
    aspect-ratio:.86 / 1;
  }
  .support-hub.section{
    padding-top:54px;
    padding-bottom:62px;
  }
  .support-sidebar{padding:22px}
  .support-resource-card{padding:24px}
}

/* ================================================================
   V29 — integrated banner and subpage hero compositions
   Products and Support use one layered canvas: copy, product imagery,
   grid and light now overlap instead of reading as separate rows.
   ================================================================ */

/* Give the product-family banner the visual weight of a true campaign
   panel while keeping its content inside the existing page rhythm. */
.catalog-promo-banner.picture-banner{
  width:min(calc(100% - 8vw),1580px);
  max-width:1580px;
  min-height:clamp(470px,31vw,550px);
  margin-top:clamp(56px,5vw,82px);
  padding:clamp(52px,5vw,78px) clamp(48px,5.2vw,82px);
  align-items:center;
  overflow:hidden;
  border-radius:clamp(26px,2.2vw,36px);
  box-shadow:0 34px 92px rgba(16,27,67,.24);
}
.catalog-promo-banner.picture-banner>.banner-image{
  transform:scale(1.045);
  object-position:54% center;
}
.catalog-promo-banner.picture-banner:hover>.banner-image{
  transform:scale(1.065);
}
.catalog-promo-banner.picture-banner>.banner-shade{
  background:
    linear-gradient(90deg,rgba(4,8,21,.96) 0%,rgba(4,8,21,.78) 39%,rgba(4,8,21,.25) 69%,rgba(4,8,21,.12) 100%),
    linear-gradient(180deg,rgba(4,8,21,.08) 52%,rgba(4,8,21,.64) 100%);
}
.catalog-promo-banner.picture-banner>div:first-of-type{
  align-self:center;
  max-width:720px;
  padding-bottom:36px;
}
.catalog-promo-banner.picture-banner h2{
  font-size:clamp(38px,3.45vw,58px)!important;
  line-height:1.06;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.catalog-promo-banner.picture-banner .catalog-promo-points{
  position:absolute;
  left:clamp(48px,5.2vw,82px);
  right:clamp(48px,5.2vw,82px);
  bottom:clamp(30px,2.4vw,42px);
  max-width:none;
  justify-content:flex-start;
  gap:10px;
}
.catalog-promo-banner.picture-banner .catalog-promo-points b{
  padding:12px 16px;
  background:rgba(5,10,25,.52);
  border-color:rgba(154,184,255,.24);
  box-shadow:0 10px 28px rgba(0,0,0,.16);
}

/* Shared integrated hero canvas. */
.products-hero,
.support-hero{
  position:relative;
  min-height:clamp(560px,42vw,680px)!important;
  height:clamp(560px,42vw,680px)!important;
  display:block!important;
  padding:clamp(58px,5vw,82px) max(4.5vw,calc((100vw - var(--max))/2)) clamp(42px,4vw,64px)!important;
  overflow:hidden!important;
  isolation:isolate;
}
.products-hero:after,
.support-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(5,9,23,.96) 0%,rgba(5,9,23,.84) 29%,rgba(5,9,23,.3) 58%,rgba(5,9,23,.06) 84%),
    linear-gradient(180deg,rgba(5,9,23,.14) 0%,transparent 44%,rgba(5,9,23,.46) 100%);
}
.products-hero .subpage-grid,
.support-hero .subpage-grid{z-index:0;opacity:.62}
.products-hero .subpage-glow,
.support-hero .subpage-glow{z-index:0}
.products-hero .subpage-copy,
.support-hero .subpage-copy{
  position:relative;
  z-index:7;
  width:min(58%,900px)!important;
  max-width:900px!important;
  padding:0!important;
  display:flex;
  min-height:100%;
  flex-direction:column;
  justify-content:center;
  text-shadow:0 2px 34px rgba(0,0,0,.42);
}
.products-hero .subpage-copy h1,
.support-hero .subpage-copy h1{
  max-width:900px!important;
  margin:0 0 clamp(18px,1.6vw,24px)!important;
  font-size:clamp(54px,5.15vw,86px)!important;
  line-height:.92!important;
  text-wrap:balance;
}
.products-hero .subpage-copy>p:last-child,
.support-hero .subpage-copy>p:not(.eyebrow){
  max-width:660px!important;
  margin-top:0;
  color:#c7d1e5;
  font-size:clamp(15px,1.08vw,17px)!important;
  line-height:1.72;
}
.support-hero .subpage-actions{
  margin-top:clamp(24px,2vw,32px);
}

/* The wide lifestyle scenes become atmospheric layers behind the copy,
   eliminating the previous text-above / image-below split. */
.products-hero .hero-product-stage.v8-art-stage,
.support-hero .support-stage.v8-art-stage{
  position:absolute!important;
  z-index:2!important;
  left:auto!important;
  right:clamp(-86px,-3.8vw,-42px)!important;
  bottom:clamp(-28px,-1.4vw,-12px)!important;
  width:min(88vw,1580px)!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1464 / 600!important;
  margin:0!important;
  pointer-events:none;
  overflow:visible!important;
}
.products-hero .hero-product-stage.v8-art-stage:before,
.support-hero .support-stage.v8-art-stage:before{
  inset:8% 4% -2%!important;
  opacity:.76;
  filter:blur(48px)!important;
}
.products-hero .hero-product-stage .v8-stage-art,
.support-hero .support-stage .v8-stage-art{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:right bottom!important;
  opacity:.78!important;
  mix-blend-mode:screen;
  filter:saturate(1.08) contrast(1.055) brightness(.88) drop-shadow(0 30px 50px rgba(0,0,0,.28))!important;
  -webkit-mask-image:
    linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 5%,#000 22%,#000 96%,transparent 100%),
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.6) 8%,#000 22%,#000 83%,rgba(0,0,0,.45) 94%,transparent 100%)!important;
  -webkit-mask-composite:source-in!important;
  mask-image:
    linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 5%,#000 22%,#000 96%,transparent 100%),
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.6) 8%,#000 22%,#000 83%,rgba(0,0,0,.45) 94%,transparent 100%)!important;
  mask-composite:intersect!important;
}

/* Preserve the RTX detail as a secondary layer rather than a detached
   card. It shares the same horizon as the wide products scene. */
.products-hero .products-hero-rtx{
  z-index:5;
  top:clamp(30px,2.7vw,48px);
  right:max(2vw,calc((100vw - var(--max))/2 - 16px));
  width:clamp(330px,29vw,520px);
  height:clamp(250px,22vw,382px);
  opacity:.78;
}
.products-hero .products-hero-rtx img{
  opacity:.78;
  filter:saturate(.96) brightness(.76) contrast(1.08) drop-shadow(0 24px 42px rgba(0,0,0,.28));
}

@media(min-width:1600px){
  .products-hero .hero-product-stage.v8-art-stage,
  .support-hero .support-stage.v8-art-stage{
    right:max(-56px,calc((100vw - 1720px)/2))!important;
    width:min(81vw,1580px)!important;
  }
  .support-hero .support-stage.v8-art-stage{width:min(84vw,1620px)!important}
}

@media(min-width:901px) and (max-width:1280px){
  .products-hero,
  .support-hero{
    min-height:clamp(540px,50vw,620px)!important;
    height:clamp(540px,50vw,620px)!important;
    padding:54px clamp(38px,5vw,64px) 38px!important;
  }
  .products-hero .subpage-copy,
  .support-hero .subpage-copy{
    width:min(64%,720px)!important;
  }
  .products-hero .subpage-copy h1,
  .support-hero .subpage-copy h1{
    font-size:clamp(52px,6vw,72px)!important;
    white-space:normal!important;
  }
  .products-hero .hero-product-stage.v8-art-stage,
  .support-hero .support-stage.v8-art-stage{
    right:-70px!important;
    bottom:-8px!important;
    width:96vw!important;
  }
  .products-hero .products-hero-rtx{
    top:30px;
    right:-26px;
    width:clamp(300px,33vw,390px);
    height:clamp(230px,25vw,300px);
    opacity:.68;
  }
  .catalog-promo-banner.picture-banner{
    width:calc(100% - 8vw);
    min-height:470px;
  }
}

@media(max-width:900px){
  .products-hero,
  .support-hero{
    min-height:auto!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    gap:clamp(8px,2vw,20px)!important;
    padding:clamp(62px,9vw,82px) clamp(24px,6vw,52px) clamp(34px,6vw,54px)!important;
  }
  .products-hero:after,
  .support-hero:after{
    background:
      linear-gradient(180deg,rgba(5,9,23,.24) 0%,rgba(5,9,23,.08) 48%,rgba(5,9,23,.52) 100%),
      linear-gradient(90deg,rgba(5,9,23,.8),rgba(5,9,23,.1) 78%);
  }
  .products-hero .subpage-copy,
  .support-hero .subpage-copy{
    width:100%!important;
    min-height:0;
  }
  .products-hero .subpage-copy h1,
  .support-hero .subpage-copy h1{
    font-size:clamp(50px,9.2vw,74px)!important;
  }
  .products-hero .hero-product-stage.v8-art-stage,
  .support-hero .support-stage.v8-art-stage{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:calc(100% + 8vw)!important;
    margin:clamp(-20px,-2vw,-8px) -4vw -2vw!important;
  }
  .products-hero .products-hero-rtx{display:none}
  .catalog-promo-banner.picture-banner{
    width:calc(100% - 8vw);
    min-height:clamp(480px,67vw,560px);
    padding:clamp(42px,7vw,58px);
  }
}

@media(max-width:620px){
  .products-hero,
  .support-hero{
    padding:54px 18px 28px!important;
  }
  .products-hero .subpage-copy h1,
  .support-hero .subpage-copy h1{
    font-size:clamp(42px,12.5vw,58px)!important;
  }
  .support-hero .subpage-actions{gap:10px}
  .support-hero .subpage-actions .button{padding:14px 18px}
  .products-hero .hero-product-stage.v8-art-stage,
  .support-hero .support-stage.v8-art-stage{
    width:calc(100% + 24px)!important;
    margin:0 -12px -2px!important;
  }
  .catalog-promo-banner.picture-banner{
    width:calc(100% - 32px);
    min-height:520px;
    margin:36px 16px 0;
    padding:36px 24px 116px;
    border-radius:24px;
  }
  .catalog-promo-banner.picture-banner>.banner-image{
    object-position:61% center;
    transform:scale(1.04);
  }
  .catalog-promo-banner.picture-banner>.banner-shade{
    background:
      linear-gradient(180deg,rgba(4,8,21,.94) 0%,rgba(4,8,21,.7) 54%,rgba(4,8,21,.36) 74%,rgba(4,8,21,.82) 100%),
      linear-gradient(90deg,rgba(4,8,21,.55),transparent);
  }
  .catalog-promo-banner.picture-banner>div:first-of-type{
    align-self:flex-start;
    padding-bottom:0;
  }
  .catalog-promo-banner.picture-banner h2{
    font-size:clamp(31px,9vw,42px)!important;
  }
  .catalog-promo-banner.picture-banner .catalog-promo-points{
    left:24px;
    right:24px;
    bottom:24px;
    gap:7px;
  }
  .catalog-promo-banner.picture-banner .catalog-promo-points b{
    padding:9px 11px;
    font-size:10px;
  }
}

@media(prefers-reduced-motion:reduce){
  .catalog-promo-banner.picture-banner>.banner-image{transition:none}
}

/* V29 refinement: retain the Support headline's intended two-line rhythm
   on wide desktop canvases while it remains layered over the scene. */
@media(min-width:1281px){
  .support-hero .subpage-copy{
    width:min(68%,1120px)!important;
    max-width:1120px!important;
  }
  .support-hero .subpage-copy h1{
    max-width:1080px!important;
    font-size:clamp(58px,4.75vw,82px)!important;
  }
}

/* ================================================================
   V30 — fixed navigation, persistent support access, lightweight
   route motion, and resilient product-detail layouts.
   ================================================================ */
:root{
  --announcement-height:38px;
  --header-height:82px;
  --fixed-nav-height:calc(var(--announcement-height) + var(--header-height));
  --detail-content-max:1560px;
}

html{
  scroll-padding-top:calc(var(--fixed-nav-height) + 22px);
}

body:not(.thank-you-page){
  padding-top:var(--fixed-nav-height);
}

body:not(.thank-you-page) .announcement{
  position:fixed;
  inset:0 0 auto;
  z-index:120;
  height:var(--announcement-height);
  min-height:var(--announcement-height);
  padding-block:0;
}

body:not(.thank-you-page) .site-header{
  position:fixed!important;
  top:var(--announcement-height)!important;
  left:0;
  right:0;
  width:100%;
  height:var(--header-height);
  min-height:var(--header-height);
  z-index:110;
  transform:translateZ(0);
}

body:not(.thank-you-page) .hero{
  min-height:calc(100svh - var(--fixed-nav-height));
}

@media(max-width:850px){
  :root{
    --header-height:72px;
  }
  body:not(.thank-you-page) .desktop-nav{
    top:var(--fixed-nav-height);
    max-height:calc(100dvh - var(--fixed-nav-height));
    overflow-y:auto;
    box-shadow:0 24px 50px rgba(14,23,48,.14);
  }
}

/* Persistent support-ticket control. */
.floating-ticket{
  position:fixed;
  right:clamp(18px,2.2vw,34px);
  bottom:clamp(18px,2.2vw,34px);
  z-index:150;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:62px;
  padding:9px 18px 9px 10px;
  border:1px solid rgba(255,255,255,.45);
  border-radius:999px;
  color:#fff;
  background:linear-gradient(120deg,#087cff 0%,#6256ff 52%,#a23dff 100%);
  box-shadow:0 18px 50px rgba(52,71,216,.34),0 5px 16px rgba(13,24,68,.2),inset 0 1px rgba(255,255,255,.32);
  cursor:pointer;
  isolation:isolate;
  transition:transform .22s cubic-bezier(.2,.8,.25,1),box-shadow .22s ease,opacity .18s ease;
}
.floating-ticket:before{
  content:"";
  position:absolute;
  inset:1px;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(110deg,rgba(255,255,255,.18),transparent 42%);
  pointer-events:none;
}
.floating-ticket:hover{
  transform:translate3d(0,-3px,0);
  box-shadow:0 23px 60px rgba(52,71,216,.42),0 7px 20px rgba(13,24,68,.24),inset 0 1px rgba(255,255,255,.38);
}
.floating-ticket:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
  box-shadow:0 0 0 6px rgba(50,111,255,.38),0 22px 60px rgba(52,71,216,.4);
}
.floating-ticket-icon{
  flex:0 0 44px;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(5,11,33,.3);
  box-shadow:inset 0 1px rgba(255,255,255,.24);
}
.floating-ticket-icon svg{
  width:24px;
  height:24px;
  fill:currentColor;
}
.floating-ticket-label{
  display:grid;
  gap:1px;
  min-width:0;
  text-align:left;
  line-height:1.1;
}
.floating-ticket-label b{
  font-family:var(--pc-display, Sora, sans-serif);
  font-size:13px;
  font-weight:720;
  letter-spacing:-.01em;
}
.floating-ticket-label small{
  font-size:10px;
  font-weight:650;
  color:rgba(255,255,255,.8);
}
.modal-open .floating-ticket{
  opacity:0;
  pointer-events:none;
  transform:translate3d(0,10px,0);
}

/* Support form: aligned controls and reliable small-screen scrolling. */
.ticket-modal.open{
  display:grid;
  place-items:center;
  padding:17px;
}
.ticket-dialog{
  width:min(880px,100%);
  max-height:calc(100dvh - 34px);
  margin:0;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.ticket-close{
  z-index:4;
}
.ticket-form{
  align-items:start;
}
.ticket-form label{
  min-width:0;
}
.ticket-form input,
.ticket-form select{
  height:50px;
}
.ticket-form input,
.ticket-form select,
.ticket-form textarea{
  min-width:0;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14px;
  line-height:1.35;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.ticket-form select{
  appearance:none;
  padding-right:44px;
  background-image:
    linear-gradient(45deg,transparent 50%,#59657a 50%),
    linear-gradient(135deg,#59657a 50%,transparent 50%);
  background-position:
    calc(100% - 20px) 21px,
    calc(100% - 14px) 21px;
  background-size:6px 6px,6px 6px;
  background-repeat:no-repeat;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ticket-form select:invalid,
.ticket-form input::placeholder,
.ticket-form textarea::placeholder{
  color:#9098a8;
}
.ticket-form input:focus-visible,
.ticket-form select:focus-visible,
.ticket-form textarea:focus-visible{
  border-color:#5c56ff;
  box-shadow:0 0 0 4px rgba(77,92,255,.14);
}

/* Use composited opacity and translation only for route changes. */
html.route-transitioning{
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
#mainContent.route-fallback-out{
  opacity:0;
  transform:translate3d(0,8px,0);
  filter:none!important;
  transition:opacity .09s linear,transform .09s ease-out!important;
  will-change:opacity,transform;
}
#mainContent.route-fallback-in{
  animation:v30RouteIn .28s cubic-bezier(.2,.8,.25,1) both!important;
  will-change:opacity,transform;
}
@keyframes v30RouteIn{
  from{opacity:0;transform:translate3d(0,12px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
.reveal{
  animation-duration:.56s;
  animation-timing-function:cubic-bezier(.2,.8,.25,1);
}

/* Product detail: the backdrop fills every display while the content stays
   centered and scales smoothly from ultra-wide desktop to phone. */
.product-detail{
  width:100%;
  max-width:none!important;
  margin:0;
  padding-block:clamp(58px,5.6vw,92px) clamp(78px,7vw,112px);
  padding-inline:max(4vw,calc((100vw - var(--detail-content-max))/2));
  background:
    radial-gradient(circle at 8% 18%,rgba(63,111,255,.055),transparent 25%),
    var(--paper);
}
.product-detail>.detail-back{
  display:flex;
  width:min(var(--detail-content-max),100%);
  margin:0 auto clamp(28px,3vw,42px);
}
.product-detail>.detail-layout,
.product-detail>.performance-story,
.product-detail>.review-showcase{
  width:min(var(--detail-content-max),100%);
  margin-inline:auto;
}
.product-detail>.detail-layout{
  grid-template-columns:minmax(390px,.92fr) minmax(0,1.08fr);
  gap:clamp(38px,4.8vw,82px)!important;
  align-items:start;
}
.detail-art{
  top:calc(var(--fixed-nav-height) + 24px);
  width:100%;
  min-width:0;
  min-height:0;
  height:min(620px,calc(100svh - var(--fixed-nav-height) - 48px));
  aspect-ratio:1/1;
}
.detail-art .detail-image-link{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  padding:clamp(20px,2.2vw,36px);
}
.detail-art img,
.detail-art .detail-image-link img{
  width:100%;
  height:100%;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain;
  padding:0!important;
}
.detail-copy{
  min-width:0;
  max-width:820px;
}
.detail-copy h1{
  font-size:clamp(38px,3.45vw,60px)!important;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:auto;
  text-wrap:balance;
}
.detail-title-link{
  display:inline;
}
.detail-spec-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.detail-spec-grid div,
.detail-actions,
.detail-reviews{
  min-width:0;
}
.performance-story,
.review-showcase{
  max-width:none!important;
}
.detail-more{
  width:100%;
  max-width:var(--detail-content-max);
  padding-inline:clamp(28px,4vw,64px);
}
.related-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.related-card{
  min-width:0;
}
.related-card>div{
  min-width:0;
}
.related-card h3{
  overflow-wrap:anywhere;
}

@media(min-width:1600px){
  .product-detail>.detail-layout{
    grid-template-columns:minmax(540px,.9fr) minmax(0,1.1fr);
  }
  .detail-art{
    height:min(680px,calc(100svh - var(--fixed-nav-height) - 54px));
  }
  .detail-copy h1{
    font-size:clamp(48px,3.2vw,64px)!important;
  }
}

@media(max-width:1279px){
  :root{--detail-content-max:1180px}
  .product-detail>.detail-layout{
    grid-template-columns:minmax(350px,.86fr) minmax(0,1.14fr);
    gap:clamp(32px,4vw,58px)!important;
  }
  .detail-art{
    height:min(560px,calc(100svh - var(--fixed-nav-height) - 44px));
  }
  .detail-copy h1{
    font-size:clamp(34px,4vw,50px)!important;
  }
  .performance-story{
    padding:clamp(42px,5vw,60px);
  }
}

@media(max-width:980px){
  :root{--detail-content-max:860px}
  .product-detail{
    padding-inline:clamp(28px,5vw,50px);
  }
  .product-detail>.detail-layout{
    grid-template-columns:1fr;
    gap:38px!important;
  }
  .detail-art{
    position:relative;
    top:auto;
    width:min(680px,100%);
    height:auto;
    min-height:0;
    aspect-ratio:1.12/1;
    margin-inline:auto;
  }
  .detail-copy{
    width:min(760px,100%);
    max-width:none;
    margin-inline:auto;
  }
  .detail-copy h1{
    font-size:clamp(40px,6.5vw,58px)!important;
  }
  .performance-story-head{
    grid-template-columns:1fr;
    gap:24px;
  }
  .performance-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .performance-stats div:nth-child(2){
    border-right:0;
  }
  .performance-stats div:nth-child(-n+2){
    border-bottom:1px solid rgba(255,255,255,.13);
  }
  .related-grid{
    grid-template-columns:1fr;
  }
  .related-card{
    grid-template-columns:150px minmax(0,1fr);
  }
}

@media(max-width:620px){
  .floating-ticket{
    right:14px;
    bottom:max(14px,env(safe-area-inset-bottom));
    width:56px;
    min-height:56px;
    height:56px;
    padding:6px;
  }
  .floating-ticket-icon{
    width:44px;
    height:44px;
    flex-basis:44px;
  }
  .floating-ticket-label{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip-path:inset(50%);
  }
  .ticket-modal.open{
    padding:8px;
    align-items:start;
  }
  .ticket-dialog{
    max-height:calc(100dvh - 16px);
    border-radius:20px;
  }
  .ticket-dialog-head{
    padding:34px 24px 23px;
  }
  .ticket-dialog-head h2{
    padding-right:40px;
  }
  .ticket-form{
    padding:25px 24px 32px;
    gap:18px;
  }
  .ticket-form input,
  .ticket-form select{
    height:52px;
  }
  .product-detail{
    padding:42px 18px 72px;
  }
  .product-detail>.detail-back{
    margin-bottom:24px;
  }
  .detail-art{
    width:100%;
    aspect-ratio:1/1.03;
    border-radius:22px;
  }
  .detail-art .detail-image-link{
    padding:16px;
  }
  .detail-copy h1{
    font-size:clamp(34px,10.5vw,46px)!important;
    line-height:1.06!important;
  }
  .detail-rating strong,
  .detail-rating span{
    display:block;
    margin-left:0;
  }
  .detail-rating span{
    margin-top:8px;
  }
  .detail-spec-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .detail-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .detail-actions .button{
    width:100%;
    min-width:0;
  }
  .performance-story{
    margin-top:58px;
    padding:34px 22px;
    border-radius:23px;
  }
  .performance-story h2{
    font-size:clamp(36px,11vw,48px)!important;
  }
  .performance-stats{
    margin-top:34px;
  }
  .performance-stats div{
    padding:18px 14px;
  }
  .review-showcase{
    margin-top:58px;
  }
  .detail-more{
    padding:64px 18px 82px;
  }
  .related-card{
    grid-template-columns:108px minmax(0,1fr);
    gap:14px;
  }
  .related-card img{
    width:108px;
    height:116px;
  }
}

@media(max-height:760px) and (min-width:981px){
  .product-detail{
    padding-top:46px;
  }
  .product-detail>.detail-back{
    margin-bottom:24px;
  }
  .detail-art{
    height:calc(100svh - var(--fixed-nav-height) - 34px);
    border-radius:22px;
  }
  .detail-art .detail-image-link{
    padding:18px;
  }
}

@media(prefers-reduced-motion:reduce){
  .floating-ticket,
  #mainContent.route-fallback-out,
  #mainContent.route-fallback-in{
    animation:none!important;
    transition:none!important;
    transform:none!important;
  }
}


/* ================================================================
   V31 — clean ticket labels, fuller Gaming PCs hero and seamless
   product-detail imagery. V30 and earlier versions remain preserved.
   ================================================================ */

/* Product choices stay easy to scan; the listing code remains available
   internally for preselection and support handling, but is not repeated in
   the visible menu. */
.ticket-form select#ticketProductModel{
  font-variant-numeric:normal;
}

/* Give the wide Gaming PCs scene slightly more presence on desktop. The
   stage scales from its own aspect ratio so the image is never distorted,
   while the hero clips only a small amount of its atmospheric edge. */
@media(min-width:981px){
  .products-hero .hero-product-stage.v8-art-stage{
    right:clamp(-118px,-5vw,-58px)!important;
    bottom:clamp(-34px,-1.6vw,-18px)!important;
    width:auto!important;
    height:calc(100% + clamp(26px,2.2vw,42px))!important;
    max-width:none!important;
    aspect-ratio:1464 / 600!important;
  }
  .products-hero .hero-product-stage .products-v8-art{
    object-position:right center!important;
  }
}

@media(min-width:981px) and (max-width:1366px){
  .products-hero .hero-product-stage.v8-art-stage{
    right:-132px!important;
    height:calc(100% + 26px)!important;
  }
}

/* Product-detail art uses the same contained scale as the catalog cards.
   The cut-out chassis sits directly on the page surface, so there is no
   isolated white image panel and no edge can be clipped at any breakpoint. */
.detail-art{
  --detail-image-width:78%;
  --detail-image-height:84%;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  isolation:isolate;
}
.detail-art:before{
  display:block!important;
  content:"";
  position:absolute;
  inset:13% 8% 9%;
  width:auto;
  height:auto;
  border:0;
  border-radius:50%;
  background:
    radial-gradient(ellipse at 50% 48%,rgba(255,255,255,.72) 0 24%,rgba(222,228,246,.42) 48%,rgba(112,91,255,.1) 68%,transparent 78%);
  box-shadow:none;
  filter:blur(18px);
  opacity:.78;
  pointer-events:none;
  z-index:0;
}
.detail-art .detail-image-link{
  place-items:start center;
  padding:clamp(50px,4.5vw,72px) clamp(24px,2.6vw,44px) 24px;
}
.detail-art img,
.detail-art .detail-image-link img{
  width:auto!important;
  height:auto!important;
  max-width:var(--detail-image-width)!important;
  max-height:var(--detail-image-height)!important;
  object-fit:contain!important;
  object-position:center!important;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 24px 28px rgba(22,29,58,.2))!important;
}
.detail-art[data-family="5600gt"]{
  --detail-image-width:68%;
  --detail-image-height:78%;
}
.detail-art[data-asin="B0HFX3LQPH"]{
  --detail-image-width:56%;
  --detail-image-height:80%;
}

@media(min-width:1600px){
  .detail-art{
    --detail-image-width:75%;
    --detail-image-height:82%;
  }
  .detail-art[data-family="5600gt"]{
    --detail-image-width:66%;
    --detail-image-height:76%;
  }
  .detail-art[data-asin="B0HFX3LQPH"]{
    --detail-image-width:54%;
    --detail-image-height:78%;
  }
}

@media(max-width:980px){
  .detail-art{
    --detail-image-width:76%;
    --detail-image-height:82%;
  }
  .detail-art:before{
    inset:12% 9% 8%;
  }
  .detail-art .detail-image-link{
    place-items:center;
    padding:clamp(22px,5vw,40px);
  }
  .detail-art[data-family="5600gt"]{
    --detail-image-width:70%;
    --detail-image-height:79%;
  }
  .detail-art[data-asin="B0HFX3LQPH"]{
    --detail-image-width:59%;
    --detail-image-height:81%;
  }
}

@media(max-width:620px){
  .detail-art{
    --detail-image-width:82%;
    --detail-image-height:83%;
    aspect-ratio:1.08 / 1!important;
    border-radius:20px;
  }
  .detail-art:before{
    inset:11% 5% 7%;
    filter:blur(14px);
  }
  .detail-art .detail-image-link{
    padding:16px;
  }
  .detail-art[data-family="5600gt"]{
    --detail-image-width:73%;
    --detail-image-height:80%;
  }
  .detail-art[data-asin="B0HFX3LQPH"]{
    --detail-image-width:60%;
    --detail-image-height:81%;
  }
}

/* V35 — grouped builds and a configuration selector. Existing visual language is retained. */
.product-catalog:has(.build-card){grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,32px)}
.build-card{min-width:0;display:flex;flex-direction:column}
.build-card .product-card-art{min-height:clamp(320px,34vw,460px);flex:none}
.build-card .product-card-art img{mix-blend-mode:normal!important;object-fit:contain!important;max-width:82%!important;max-height:88%!important}
.build-card .product-card-body{display:flex;flex-direction:column;flex:1}
.build-card .product-card-body h3{min-height:auto!important}
.build-card-description{line-height:1.65;color:#626c80;font-size:clamp(14px,1vw,16px);max-width:60ch}
.build-card-foot{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;border-top:1px solid #e5e8f1}
.build-card-foot>span{color:#4b5773;font-weight:750;font-size:13px}
.build-card-foot .detail-button{white-space:normal;text-align:center}
.build-variants{margin:26px 0 28px;padding:23px;background:#f2f6ff;border:1px solid #dce6fb;border-radius:20px}
.build-variants-heading h2{font-family:var(--pc-display,Manrope,sans-serif);font-size:clamp(20px,1.65vw,26px);margin:0 0 6px;letter-spacing:-.035em}
.build-variants-heading p,.build-variant-note{font-size:13px;line-height:1.55;color:#657289;margin:0 0 18px}
.build-variant-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr));gap:10px}
.build-variant{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:74px;padding:12px 15px;text-decoration:none;border:1px solid #cfdae9;border-radius:13px;background:#fff;color:#19233d;transition:border-color .2s,background-color .2s,transform .2s}
.build-variant:hover,.build-variant:focus-visible{border-color:#516ac7;transform:translateY(-2px)}
.build-variant.active{border:2px solid #285bd8;padding:11px 14px;background:#eaf1ff;box-shadow:0 0 0 2px rgba(40,91,216,.08)}
.build-variant b{font-size:clamp(13px,1vw,15px);line-height:1.3}.build-variant small{font-size:12px;color:#5d6880;line-height:1.3}
.build-variant-note{margin:15px 0 0}
@media(max-width:760px){.product-catalog:has(.build-card){grid-template-columns:1fr}.build-card .product-card-art{min-height:330px}.build-variants{padding:16px}.build-variant-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.build-variant-list{grid-template-columns:1fr}}

/* Grouped catalog: two clear model cards on wide screens, one on narrow screens. */
.product-catalog:has(.build-card){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(20px,2.3vw,32px)!important}
.build-card .product-card-art{min-height:0!important;aspect-ratio:1.35/1!important;background:linear-gradient(145deg,#f9fbff,#eff4fd);position:relative;overflow:hidden}
/* An absolute frame gives percentage image dimensions a definite height. Without it,
   the portrait source can expand the grid row and be clipped at the card edge. */
.build-card .product-card-art .product-card-image-link{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.build-card .product-card-art .product-card-image-link img{display:block;width:86%!important;height:86%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;padding:0!important;flex:none}
.build-card .product-card-body h3{min-height:0!important;-webkit-line-clamp:unset;display:block;margin-bottom:12px!important}
.build-card .build-card-description{margin:0 0 18px;max-width:55ch}
.build-card .card-specs{margin:0 0 20px!important}
.build-card .build-card-foot{margin-top:auto}
.build-card[hidden]{display:none!important}
.build-variant:focus-visible{outline:3px solid #285bd8;outline-offset:2px}
@media(max-width:760px){
  .product-catalog:has(.build-card){grid-template-columns:1fr!important;gap:20px!important}
  .build-card .product-card-art{aspect-ratio:1.38/1!important}
  .build-card .product-card-body{padding:24px!important}
}
@media(prefers-reduced-motion:reduce){.build-variant{transition:none}}

/* V35.3 — show the bundle's configurations on the catalog card itself. */
.build-card-configurations{margin:2px 0 20px;padding:16px 0 0;border-top:1px solid #e5e8f1}
.build-card-configurations-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;color:#5d6880;font-size:11px;font-weight:750;letter-spacing:.02em}
.build-card-configurations-heading b{color:#285bd8;font-size:10px;white-space:nowrap}
.build-card-config-list{display:grid;gap:7px}
.build-card-config{display:grid;grid-template-columns:25px minmax(0,1fr) 22px;align-items:center;gap:9px;min-width:0;padding:9px 10px;text-decoration:none;color:#19233d;border:1px solid #e5e9f1;border-radius:11px;background:linear-gradient(100deg,#fbfcff,#f5f8fd);transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.build-card-config:hover,.build-card-config:focus-visible{border-color:#8da8ef;background:#eef4ff;transform:translateX(3px);box-shadow:0 5px 15px rgba(40,91,216,.08)}
.build-card-config-index{color:#8490a8;font:700 10px/1 'Space Grotesk',sans-serif}
.build-card-config-copy{min-width:0;display:grid;gap:3px}
.build-card-config-copy b{font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.build-card-config-copy small{color:#778299;font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.build-card-config-arrow{justify-self:end;color:#285bd8;font-size:16px;line-height:1}
@media(max-width:760px){.build-card-configurations{margin-top:4px}.build-card-config{padding:10px}.build-card-config-copy b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.build-card-config{transition:none}}


/* V35.5 — detail route + MSRP bridge. A catalog card presents the bundle,
   while its detail route explains the build before the visitor opens the
   selected official listing. */
.build-card .product-card-image-link,
.build-card .product-title-link{
  transition:color .2s ease,opacity .2s ease,transform .2s ease;
}
.build-card .product-card-image-link:hover img,
.build-card .product-card-image-link:focus-visible img{
  transform:scale(1.035);
}
.build-card .product-title-link:hover,
.build-card .product-title-link:focus-visible{
  color:#285bd8;
}
.build-card .build-card-foot{
  align-items:stretch;
}
.build-card .build-card-foot .detail-button,
.build-card .build-card-foot .amazon-button{
  min-height:46px;
  flex:1 1 190px;
}
.build-card .build-card-foot .amazon-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  text-decoration:none;
  border:1px solid #d9e1ee;
  border-radius:999px;
  color:#19356f;
  background:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.01em;
  transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.build-card .build-card-foot .amazon-button:hover,
.build-card .build-card-foot .amazon-button:focus-visible{
  border-color:#8da8ef;
  background:#f4f7ff;
  box-shadow:0 8px 18px rgba(40,91,216,.1);
  transform:translateY(-1px);
}
.detail-msrp{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(170px,1fr);
  align-items:center;
  gap:14px 22px;
  margin:22px 0 24px;
  padding:18px 20px;
  border:1px solid #dce4f2;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(248,250,255,.96),rgba(235,241,255,.86));
  box-shadow:0 12px 32px rgba(32,57,112,.07);
}
.detail-msrp-copy{
  display:grid;
  gap:4px;
}
.detail-msrp-copy span{
  color:#304677;
  font-size:13px;
  font-weight:850;
  letter-spacing:.015em;
}
.detail-msrp-copy small{
  color:#7b879d;
  font-size:11px;
  line-height:1.35;
}
.detail-msrp strong{
  color:#1d2e68;
  font:700 clamp(27px,2.5vw,38px)/1 'Space Grotesk',sans-serif;
  letter-spacing:-.03em;
  white-space:nowrap;
}
.detail-msrp p{
  margin:0;
  color:#68758c;
  font-size:11px;
  line-height:1.45;
  text-align:right;
}
@media(max-width:760px){
  .build-card .build-card-foot .detail-button,
  .build-card .build-card-foot .amazon-button{
    flex-basis:100%;
  }
  .detail-msrp{
    grid-template-columns:minmax(0,1fr) auto;
    gap:9px 16px;
  }
  .detail-msrp p{
    grid-column:1 / -1;
    text-align:left;
  }
}
@media(max-width:460px){
  .detail-msrp{
    grid-template-columns:1fr;
    gap:8px;
  }
  .detail-msrp strong{
    font-size:32px;
  }
}
@media(prefers-reduced-motion:reduce){
  .build-card .product-card-image-link,
  .build-card .product-title-link,
  .build-card .build-card-foot .amazon-button{
    transition:none;
  }
}

/* V35.6 — verified MSRP values plus optional custom configuration links. */
.build-card-config-copy small{
  white-space:nowrap;
}
.custom-configurations{
  margin-top:18px;
  padding-top:16px;
  border-top:1px dashed #dbe2ef;
}
.custom-configurations-compact{
  margin-top:14px;
  padding-top:13px;
}
.custom-configurations-heading{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin-bottom:9px;
}
.custom-configurations-heading span{
  color:#596982;
  font-size:11px;
  font-weight:800;
}
.custom-configurations-heading small{
  color:#8994a8;
  font-size:10px;
  white-space:nowrap;
}
.custom-config-list{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.custom-config-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:34px;
  padding:7px 10px;
  border:1px solid #e0e6f0;
  border-radius:999px;
  color:#34486e;
  background:rgba(249,251,255,.8);
  font-size:11px;
  font-weight:750;
  text-decoration:none;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}
.custom-config-link b{
  color:#285bd8;
  font-size:14px;
  line-height:1;
}
.custom-config-link:hover,
.custom-config-link:focus-visible{
  color:#1d3f96;
  border-color:#9db4ed;
  background:#eef4ff;
  transform:translateY(-1px);
}
.detail-msrp-copy small{
  text-transform:none;
  letter-spacing:0;
}
@media(max-width:760px){
  .build-card-config-copy small{
    white-space:normal;
  }
  .custom-configurations-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }
}
@media(prefers-reduced-motion:reduce){
  .custom-config-link{
    transition:none;
  }
}

/* V35.7 — compact price rail: keep MSRP close to the title without a heavy card. */
.detail-copy > .detail-msrp{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:18px;
  margin:0 0 28px;
  padding:17px 0 18px;
  border-top:1px solid rgba(107,126,168,.2);
  border-bottom:1px solid rgba(107,126,168,.2);
  border-left:0;
  border-right:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.detail-copy > .detail-msrp .detail-msrp-copy{
  gap:5px;
}
.detail-copy > .detail-msrp .detail-msrp-copy span{
  color:#182f69;
  font-size:12px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.detail-copy > .detail-msrp .detail-msrp-copy small{
  color:#7887a3;
  font-size:11px;
  line-height:1.35;
}
.detail-copy > .detail-msrp strong{
  color:#172d6b;
  font:750 clamp(32px,3.8vw,48px)/.95 'Space Grotesk',sans-serif;
  letter-spacing:-.055em;
  white-space:nowrap;
}
.detail-copy > .detail-msrp .detail-msrp-meta{
  justify-self:end;
  color:#6b7a96;
  font-size:10px;
  font-weight:750;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
}
@media(max-width:760px){
  .detail-copy > .detail-msrp{
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px 16px;
    margin-bottom:22px;
  }
  .detail-copy > .detail-msrp .detail-msrp-meta{
    grid-column:1 / -1;
    justify-self:start;
    font-size:9px;
  }
}
@media(max-width:460px){
  .detail-copy > .detail-msrp{
    grid-template-columns:1fr;
    gap:8px;
  }
  .detail-copy > .detail-msrp strong{
    font-size:38px;
  }
  .detail-copy > .detail-msrp .detail-msrp-meta{
    grid-column:auto;
  }
}

/* V35.8 — price hierarchy: keep cards lightweight, reserve exact pricing for details.
   The catalog answers “where does this bundle start?”; the detail route answers
   “what does this selected configuration cost?” */
.build-card-heading-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:10px;
}
.build-card-heading-row .product-series{margin:4px 0 0!important;}
.build-card-starting-price{
  display:grid;
  justify-items:end;
  gap:3px;
  flex:0 0 auto;
  padding-left:16px;
  border-left:1px solid rgba(64,86,139,.18);
  text-align:right;
}
.build-card-starting-price small{
  color:#74819a;
  font-size:9px;
  font-weight:800;
  line-height:1.1;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.build-card-starting-price strong{
  color:#1f51c8;
  font:800 clamp(21px,1.6vw,27px)/1 'Manrope',sans-serif;
  letter-spacing:-.045em;
  white-space:nowrap;
}
.build-card-config-copy small{
  color:#778299;
}
.build-card-price-note{
  margin:9px 0 0;
  color:#8995aa;
  font-size:10px;
  line-height:1.35;
}
.build-variant{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
}
.build-variant-copy{
  min-width:0;
  display:grid;
  gap:5px;
}
.build-variant-copy b,
.build-variant-copy small{
  display:block;
}
.build-variant strong{
  color:#193f9d;
  font:800 16px/1 'Manrope',sans-serif;
  letter-spacing:-.025em;
  white-space:nowrap;
}
.build-variant.active strong{
  color:#1e55d4;
}
.detail-copy > .detail-msrp .detail-msrp-copy span{
  letter-spacing:.07em;
}
.detail-copy > .detail-msrp .detail-msrp-copy small{
  color:#677694;
}
@media(max-width:760px){
  .build-card-heading-row{gap:12px;}
  .build-card-starting-price{padding-left:12px;}
  .build-card-starting-price strong{font-size:21px;}
}
@media(max-width:460px){
  .build-card-heading-row{display:grid;grid-template-columns:1fr auto;}
  .build-card-starting-price{align-self:start;}
  .build-variant{gap:8px;padding-inline:12px;}
  .build-variant strong{font-size:14px;}
}

/* V35.9 — conversion-focused catalog pricing and primary CTA polish.
   Warm price accents create a clear value signal without competing with the
   Olialia blue/violet brand system. */
.build-card-heading-row{
  align-items:center;
  gap:16px;
  margin-bottom:14px;
}
.build-card-heading-row .product-series{
  max-width:58%;
  margin:0!important;
  color:#2b5fd0;
  font-weight:750;
  letter-spacing:.105em;
}
.build-card-starting-price{
  position:relative;
  min-width:128px;
  justify-items:end;
  gap:4px;
  padding:10px 12px 11px 15px;
  border:1px solid rgba(240,91,63,.24);
  border-radius:14px;
  background:linear-gradient(135deg,#fff8f4 0%,#fff1eb 100%);
  box-shadow:0 8px 22px rgba(232,78,49,.1);
}
.build-card-starting-price small{
  color:#a84a3e;
  font-size:9px;
  font-weight:800;
  line-height:1.05;
  letter-spacing:.1em;
}
.build-card-starting-price strong{
  color:#d4402e;
  font:850 clamp(24px,1.9vw,31px)/.96 'Sora','Manrope',sans-serif;
  letter-spacing:-.055em;
  text-shadow:0 4px 14px rgba(211,63,42,.13);
}
.build-card-starting-price::after{
  content:'value pick';
  color:#c87568;
  font-size:8px;
  font-weight:800;
  letter-spacing:.1em;
  line-height:1;
  text-transform:uppercase;
}
.build-card .build-card-foot .detail-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  color:#fff;
  background:linear-gradient(105deg,#176dff 0%,#5a58e8 54%,#9849f5 100%);
  box-shadow:0 12px 24px rgba(73,83,224,.22);
  font-weight:800;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.build-card .build-card-foot .detail-button:hover,
.build-card .build-card-foot .detail-button:focus-visible{
  color:#fff;
  filter:saturate(1.08) brightness(1.04);
  box-shadow:0 16px 30px rgba(73,83,224,.3);
  transform:translateY(-2px);
}
.build-card .build-card-foot .detail-button::after{
  content:'↗';
  margin-left:8px;
  font-size:14px;
  line-height:1;
}
.build-card .build-card-foot .amazon-button{
  color:#223e80;
  background:linear-gradient(180deg,#fff 0%,#f7f9ff 100%);
}
@media(max-width:760px){
  .build-card-heading-row{align-items:start;gap:12px}
  .build-card-heading-row .product-series{max-width:55%;line-height:1.35!important}
  .build-card-starting-price{min-width:116px;padding:9px 10px 10px 12px}
  .build-card-starting-price strong{font-size:23px}
}
@media(max-width:460px){
  .build-card-heading-row{grid-template-columns:minmax(0,1fr) auto;display:grid}
  .build-card-heading-row .product-series{max-width:none}
  .build-card-starting-price{min-width:112px}
  .build-card-starting-price strong{font-size:22px}
  .build-card-starting-price::after{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
  .build-card .build-card-foot .detail-button{transition:none}
}

/* V35.10 — product-card price rail inspired by the supplied dark commerce reference.
   Keep the site light, but borrow its hierarchy: specs → strong price → action. */
.build-card-heading-row{
  display:block;
  margin-bottom:14px;
}
.build-card-heading-row .product-series{
  max-width:none;
}
.build-card .build-card-starting-price{
  display:flex;
  align-items:baseline;
  justify-content:flex-start;
  gap:12px;
  min-width:0;
  margin:22px 0 0;
  padding:16px 0 0;
  border:0;
  border-top:1px solid #e5e8f1;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.build-card .build-card-starting-price small{
  color:#65748f;
  font-size:10px;
  font-weight:800;
  line-height:1;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.build-card .build-card-starting-price strong{
  color:#10a978;
  font:850 clamp(29px,2.6vw,40px)/.96 'Sora','Manrope',sans-serif;
  letter-spacing:-.06em;
  text-shadow:none;
}
.build-card .build-card-starting-price::after{display:none}
.build-card .build-card-foot{
  padding-top:18px;
}
.build-card .build-card-foot .detail-button{
  color:#0ca476;
  border:2px solid #19c58f;
  background:transparent;
  box-shadow:none;
  font-weight:850;
  letter-spacing:.015em;
  text-transform:uppercase;
}
.build-card .build-card-foot .detail-button:hover,
.build-card .build-card-foot .detail-button:focus-visible{
  color:#087c5a;
  background:rgba(25,197,143,.08);
  border-color:#0ca476;
  box-shadow:0 9px 22px rgba(16,169,120,.15);
  filter:none;
  transform:translateY(-2px);
}
.build-card .build-card-foot .detail-button::after{content:'↗';}
.build-card .build-card-foot .amazon-button{
  color:#314a79;
  background:#f8faff;
}
@media(max-width:760px){
  .build-card .build-card-starting-price{margin-top:20px;padding-top:14px}
  .build-card .build-card-starting-price strong{font-size:30px}
}
@media(max-width:460px){
  .build-card .build-card-starting-price{gap:10px}
  .build-card .build-card-starting-price strong{font-size:28px}
}

/* V35.11 — commerce-style price emphasis + pointer spotlight.
   The catalog stays light and calm, while the hover state borrows the
   reference site's focused neon treatment for clearer product discovery. */
.build-card{
  position:relative;
  isolation:isolate;
  border-color:#dbe3ef;
  transition:transform .34s cubic-bezier(.22,.75,.24,1),box-shadow .34s ease,border-color .28s ease;
}
.build-card::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:var(--spot-opacity,0);
  background:radial-gradient(circle 220px at var(--pointer-x,50%) var(--pointer-y,18%),rgba(28,211,157,.18),rgba(91,93,255,.06) 36%,transparent 74%);
  transition:opacity .3s ease;
}
.build-card::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  border-radius:inherit;
  padding:1px;
  opacity:var(--spot-opacity,0);
  background:radial-gradient(circle 190px at var(--pointer-x,50%) var(--pointer-y,18%),rgba(17,202,150,.82),rgba(98,92,255,.38) 36%,transparent 72%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  transition:opacity .3s ease;
}
.build-card>.product-card-art,
.build-card>.product-card-body{position:relative;z-index:1}
.build-card .product-card-art{transition:background .34s ease,transform .34s cubic-bezier(.22,.75,.24,1)}
.build-card .product-card-art::before{
  content:'';
  position:absolute;
  inset:14% 17% 9%;
  z-index:0;
  border-radius:50%;
  background:radial-gradient(circle,rgba(92,112,255,.13),transparent 68%);
  opacity:.72;
  filter:blur(24px);
  transition:opacity .34s ease,transform .34s ease;
}
.build-card .product-card-art img{transition:transform .42s cubic-bezier(.22,.75,.24,1),filter .42s ease}
.build-card .build-card-starting-price{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:4px 14px;
  margin-top:22px;
  padding:15px 0 1px;
  border-top:1px solid #dfe6f0;
}
.build-card .build-card-starting-price small{
  grid-column:1 / -1;
  color:#6c7890;
  font-size:9px;
  font-weight:850;
  letter-spacing:.13em;
}
.build-card .build-card-starting-price strong{
  grid-column:1;
  color:#07b982;
  font:850 clamp(31px,2.85vw,43px)/.92 'Sora','Manrope',sans-serif;
  letter-spacing:-.065em;
  text-shadow:0 0 0 rgba(7,185,130,0);
  transition:color .25s ease,text-shadow .3s ease,transform .3s ease;
}
.build-card .build-card-starting-price::before{
  content:'READY TO BUILD';
  align-self:end;
  color:#71809b;
  font-size:8px;
  font-weight:850;
  letter-spacing:.12em;
  white-space:nowrap;
}
.build-card .build-card-foot .detail-button{
  border-color:#17c58d;
  color:#0ca476;
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(246,255,251,.95));
  box-shadow:0 0 0 0 rgba(23,197,141,0);
}
@media (hover:hover) and (pointer:fine){
  .build-card:hover,
  .build-card:focus-within{
    transform:translateY(-8px);
    border-color:rgba(20,190,142,.65);
    box-shadow:0 26px 72px rgba(25,37,73,.14),0 0 0 1px rgba(18,194,143,.18),0 0 34px rgba(45,202,164,.12);
  }
  .build-card:hover .product-card-art,
  .build-card:focus-within .product-card-art{
    background:linear-gradient(145deg,#f9fffd,#eef5ff);
  }
  .build-card:hover .product-card-art::before,
  .build-card:focus-within .product-card-art::before{
    opacity:1;
    transform:scale(1.12);
  }
  .build-card:hover .product-card-art img,
  .build-card:focus-within .product-card-art img{
    transform:scale(1.055) translateY(-3px);
    filter:saturate(1.05) drop-shadow(0 18px 22px rgba(39,66,126,.14));
  }
  .build-card:hover .build-card-starting-price strong,
  .build-card:focus-within .build-card-starting-price strong{
    color:#00a871;
    text-shadow:0 0 22px rgba(7,185,130,.26);
    transform:translateX(2px);
  }
  .build-card:hover .build-card-foot .detail-button,
  .build-card:focus-within .build-card-foot .detail-button{
    box-shadow:0 0 0 4px rgba(23,197,141,.08),0 10px 24px rgba(16,169,120,.14);
  }
}
@media(max-width:760px){
  .build-card .build-card-starting-price{grid-template-columns:1fr auto;margin-top:20px;padding-top:14px}
  .build-card .build-card-starting-price strong{font-size:31px}
}
@media(max-width:460px){
  .build-card .build-card-starting-price{gap:4px 9px}
  .build-card .build-card-starting-price strong{font-size:29px}
  .build-card .build-card-starting-price::before{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
  .build-card,
  .build-card::before,
  .build-card::after,
  .build-card .product-card-art,
  .build-card .product-card-art::before,
  .build-card .product-card-art img,
  .build-card .build-card-starting-price strong,
  .build-card .build-card-foot .detail-button{transition:none}
}

/* V35.12 — compact review row inspired by the supplied product-card reference.
   Use only ratings already present in the local catalog snapshot. */
.build-card-review{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:20px;
  margin:0 0 8px;
  color:#55647e;
  font-size:11px;
  line-height:1;
}
.build-card-review-stars{
  color:#f2b21b;
  font-size:14px;
  letter-spacing:.06em;
  line-height:1;
  text-shadow:0 2px 8px rgba(242,178,27,.18);
}
.build-card-review b{
  color:#344768;
  font-size:11px;
  font-weight:850;
}
.build-card-review small{
  color:#7d8aa0;
  font-size:10px;
  font-weight:700;
}
.build-card-review.is-unavailable{color:#7d8aa0}
.build-card-review.is-unavailable .build-card-review-stars{color:#b6c1d0;text-shadow:none}
.build-card-review + h3{margin-top:2px!important}
@media(max-width:460px){
  .build-card-review{gap:6px}
  .build-card-review-stars{font-size:13px}
}

/* V35.14 — Novatech-inspired product-card hierarchy.
   Rating sits above the title, price follows the title, and hover selects the
   whole card surface in ice blue and lavender, with dark readable ink. */
.build-card .build-card-starting-price{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:5px 12px;
  margin:2px 0 17px;
  padding:0;
  border:0;
  background:transparent;
}
.build-card .build-card-starting-price small{
  flex:0 0 100%;
  color:#78859b;
  font-size:9px;
  font-weight:850;
  line-height:1;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.build-card .build-card-starting-price strong{
  color:#08b983;
  font:850 clamp(28px,2.55vw,39px)/.95 'Sora','Manrope',sans-serif;
  letter-spacing:-.065em;
}
.build-card .build-card-starting-price::before{display:none}
.build-card-review{margin-bottom:8px}
.build-card .build-card-description{margin-top:0}
@media (hover:hover) and (pointer:fine){
  .build-card:hover,
  .build-card:focus-within{
    background:linear-gradient(145deg,#e5f4ff 0%,#eaf0ff 48%,#eee7fc 100%);
    border-color:#aec4e6;
    transform:translateY(-4px);
    box-shadow:0 18px 44px rgba(80,112,158,.13),0 0 0 1px rgba(158,188,231,.2),0 0 26px rgba(171,177,232,.12);
  }
  .build-card:hover::before,
  .build-card:focus-within::before{
    opacity:.55;
    background:radial-gradient(circle 240px at var(--pointer-x,50%) var(--pointer-y,18%),rgba(255,255,255,.4),transparent 72%);
  }
  .build-card:hover::after,
  .build-card:focus-within::after{
    background:linear-gradient(135deg,rgba(136,191,229,.5),rgba(172,158,219,.4));
    opacity:.55;
  }
  .build-card:hover .product-card-art img,
  .build-card:focus-within .product-card-art img{
    transform:scale(1.025) translateY(-2px);
    filter:drop-shadow(0 12px 16px rgba(63,91,129,.1));
  }
  .build-card:hover .custom-config-link b,
  .build-card:focus-within .custom-config-link b{color:#456190}
  .build-card:hover .product-series,
  .build-card:focus-within .product-series,
  .build-card:hover .product-title-link,
  .build-card:focus-within .product-title-link{
    color:#243953!important;
  }
  .build-card:hover .build-card-review,
  .build-card:focus-within .build-card-review{
    color:#243953;
  }
  .build-card:hover .build-card-review b,
  .build-card:focus-within .build-card-review b,
  .build-card:hover .build-card-review small,
  .build-card:focus-within .build-card-review small{
    color:#485975;
  }
  .build-card:hover .build-card-review-stars,
  .build-card:focus-within .build-card-review-stars{
    color:#946315;
  }
  .build-card:hover .build-card-review.is-unavailable .build-card-review-stars,
  .build-card:focus-within .build-card-review.is-unavailable .build-card-review-stars{
    color:#68778f;
  }
  .build-card:hover .build-card-starting-price small,
  .build-card:focus-within .build-card-starting-price small{
    color:#53627b;
  }
  .build-card:hover .build-card-starting-price strong,
  .build-card:focus-within .build-card-starting-price strong{
    color:#087b61;
    text-shadow:none;
  }
  .build-card:hover .build-card-description,
  .build-card:focus-within .build-card-description{
    color:#4f5f78;
  }
  .build-card:hover .card-specs,
  .build-card:focus-within .card-specs{
    border-color:rgba(130,156,190,.28);
  }
  .build-card:hover .card-specs div,
  .build-card:focus-within .card-specs div{
    border-color:rgba(130,156,190,.28);
    background:rgba(255,255,255,.32);
  }
  .build-card:hover .card-specs span,
  .build-card:focus-within .card-specs span{
    color:#53627b;
  }
  .build-card:hover .card-specs b,
  .build-card:focus-within .card-specs b{
    color:#243953;
  }
  .build-card:hover .build-card-configurations,
  .build-card:focus-within .build-card-configurations{
    border-top-color:rgba(130,156,190,.28);
  }
  .build-card:hover .build-card-configurations-heading,
  .build-card:focus-within .build-card-configurations-heading{
    color:#4f5f78;
  }
  .build-card:hover .build-card-configurations-heading b,
  .build-card:focus-within .build-card-configurations-heading b{
    color:#576284;
  }
  .build-card:hover .build-card-config,
  .build-card:focus-within .build-card-config{
    color:#243953;
    border-color:rgba(130,156,190,.36);
    background:rgba(255,255,255,.48);
  }
  .build-card:hover .build-card-config:hover,
  .build-card:hover .build-card-config:focus-visible,
  .build-card:focus-within .build-card-config:hover,
  .build-card:focus-within .build-card-config:focus-visible{
    border-color:#8ea8d0;
    background:rgba(255,255,255,.85);
    box-shadow:0 6px 18px rgba(80,112,158,.1);
  }
  .build-card:hover .build-card-config-copy small,
  .build-card:focus-within .build-card-config-copy small{
    color:#53627b;
  }
  .build-card:hover .build-card-config-index,
  .build-card:focus-within .build-card-config-index,
  .build-card:hover .build-card-config-arrow,
  .build-card:focus-within .build-card-config-arrow{
    color:#946315;
  }
  .build-card:hover .build-card-price-note,
  .build-card:focus-within .build-card-price-note{
    color:#53627b;
  }
  .build-card:hover .custom-configurations,
  .build-card:focus-within .custom-configurations{
    border-top-color:rgba(130,156,190,.32);
  }
  .build-card:hover .custom-configurations-heading span,
  .build-card:focus-within .custom-configurations-heading span,
  .build-card:hover .custom-configurations-heading small,
  .build-card:focus-within .custom-configurations-heading small{
    color:#53627b;
  }
  .build-card:hover .custom-config-link,
  .build-card:focus-within .custom-config-link{
    color:#243953;
    border-color:rgba(130,156,190,.36);
    background:rgba(255,255,255,.48);
  }
  .build-card:hover .build-card-foot,
  .build-card:focus-within .build-card-foot{
    border-top-color:rgba(130,156,190,.28);
  }
  .build-card:hover .build-card-foot .detail-button,
  .build-card:focus-within .build-card-foot .detail-button{
    color:#344f79;
    border-color:#243953;
    background:#fff;
    box-shadow:0 6px 18px rgba(80,112,158,.09);
  }
  .build-card:hover .build-card-foot .amazon-button,
  .build-card:focus-within .build-card-foot .amazon-button{
    color:#243953;
    border-color:#b4c3dd;
    background:rgba(255,255,255,.5);
  }
}
@media(max-width:760px){
  .build-card .build-card-starting-price{margin:1px 0 16px;padding:0}
  .build-card .build-card-starting-price strong{font-size:31px}
}
@media(max-width:460px){
  .build-card .build-card-starting-price strong{font-size:29px}
}


/* V35.14 polish — the selected state covers the image stage as well as the
   content surface, so the whole bundle reads as one focused product card. */
.build-card{
  transition:
    background .3s ease,
    border-color .3s ease,
    box-shadow .34s ease,
    transform .34s cubic-bezier(.22,.75,.24,1);
}
.build-card .product-card-art{
  transition:
    background .34s ease,
    transform .34s cubic-bezier(.22,.75,.24,1),
    border-color .3s ease;
}
@media (hover:hover) and (pointer:fine){
  .build-card:hover .product-card-art,
  .build-card:focus-within .product-card-art{
    background:
      radial-gradient(circle at 50% 42%,rgba(255,255,255,.45),transparent 54%),
      linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.06));
  }
  .build-card:hover .product-card-art::before,
  .build-card:focus-within .product-card-art::before{
    opacity:1;
    transform:scale(1.08);
    background:radial-gradient(circle,rgba(160,211,248,.22),rgba(194,180,236,.12) 42%,transparent 72%);
  }
  .build-card:hover .product-card-art::after,
  .build-card:focus-within .product-card-art::after{
    background:rgba(80,105,142,.14);
  }
}
@media(prefers-reduced-motion:reduce){
  .build-card,
  .build-card .product-card-art{transition:none}
}

/* Keep the main product catalog available after a direct deep-link or a
   large scroll jump. Its card interaction, rather than opacity gating, is
   the important motion on this page. */
.js-motion .page-products .catalog-section.reveal{
  opacity:1;
  transform:none;
  filter:none;
}

/* V35.15 repaired local preview: explicit sample labels and fractional stars. */
.build-card-review{flex-wrap:wrap}
.build-card-review .rating-sample-label{font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.02em;color:#475569;background:#edf2f8;border:1px solid #cbd5e1;border-radius:4px;padding:1px 5px}
.build-card-review .build-card-review-stars{background:linear-gradient(90deg,#b77909 var(--rating-fill,92%),#cbd5e1 var(--rating-fill,92%));background-clip:text;-webkit-background-clip:text;color:transparent!important;text-shadow:none!important}

/* Matched Amazon listing links, keeping the V35.15 card layout. */
.build-card-review{text-decoration:none;width:fit-content;padding-block:8px;min-height:36px}
.build-card-review:hover{color:#245fd4}
.build-card-review:focus-visible,.build-card .product-series a:focus-visible{outline:2px solid #326bf1;outline-offset:4px;border-radius:4px}
.build-card .product-series a{color:inherit;text-decoration:none;display:inline-block;padding-block:5px}
.build-shown-config{font-size:12px!important;line-height:1.6!important;color:#536580!important;margin:0 0 15px!important}
.listing-detail-review{margin-top:24px;padding-top:20px;border-top:1px solid #dce3ef;width:100%;gap:9px}
.listing-detail-review b{font-size:19px}.listing-detail-review small{font-size:13px}.listing-detail-review .build-card-review-stars{font-size:20px}
.listing-review-note{font-size:12px!important;line-height:1.6;color:#66768c;margin:0 0 18px!important}

/* V35.15.3 — Amazon-observed variation sets, compact matching option tiles. */
.amazon-set-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.amazon-set-option{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:78px;padding:13px 27px 13px 14px;border:1px solid #ccd6e4;border-radius:9px;background:rgba(255,255,255,.7);color:#26384f;text-decoration:none;transition:background-color .18s,border-color .18s,box-shadow .18s}
.amazon-set-option>span:not(.set-option-arrow){display:block;font-size:14px;line-height:1.45;font-weight:650;overflow-wrap:anywhere}
.amazon-set-option>span:nth-child(2){font-size:13px;font-weight:500;color:#53647b}
.amazon-set-option small{display:block;font-size:12px;font-weight:650;line-height:1.5;color:#08765a;margin-top:6px}
.amazon-set-option .set-option-arrow{position:absolute;right:10px;top:12px;color:#637994;font-size:14px;line-height:1}
.amazon-set-option.is-shown{border-color:#557caf;background:#edf4fd;box-shadow:inset 0 0 0 1px #557caf}
.amazon-set-option:hover{border-color:#578bd7;background:#eaf3ff;box-shadow:0 3px 12px rgba(75,110,175,.1)}
.amazon-set-option:focus-visible{outline:3px solid #2664bf;outline-offset:3px}
.detail-set-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr))}
.build-card-configurations-heading span{text-transform:none;letter-spacing:0;font-weight:700;color:#2a3b52}
.build-card-configurations-heading b{font-weight:500;color:#64748b}
.configuration-warning{font-size:12px!important;line-height:1.65!important;margin:12px 0 18px!important;padding:12px 14px;border-left:3px solid #bf8a35;background:#fff8e9;color:#654e28!important;border-radius:0 6px 6px 0}
.configuration-warning b{display:block;font-weight:750;color:#674713}
.build-msrp-unavailable,.detail-msrp-unavailable{font-size:14px;line-height:1.6;color:#526680;margin:14px 0}
.detail-msrp .detail-msrp-meta{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.build-card .build-card-price-note{line-height:1.6}
@media(max-width:400px){.amazon-set-option{padding:11px 22px 11px 10px}.amazon-set-option>span:not(.set-option-arrow){font-size:12px}.amazon-set-options{gap:8px}.detail-set-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.amazon-set-option{transition:none}}

/* Additional unpriced variants stay in their verified Amazon bundle. */
.custom-configurations { margin-top: 12px; border-top: 1px solid rgba(117, 143, 173, .25); padding-top: 10px; }
.custom-configurations summary { cursor: pointer; color: #314963; font-size: 14px; font-weight: 650; line-height: 1.5; padding: 8px 0; min-height: 44px; }
.custom-configurations summary span { font-size: 12px; font-weight: 400; margin-left: 8px; color: #53677e; }
.custom-configurations summary:focus-visible { outline: 2px solid #477dc0; outline-offset: 3px; border-radius: 4px; }
.custom-configurations[open] summary { margin-bottom: 6px; }