:root{color-scheme:dark;--bg:#071019;--txt:#f4f7fb;--soft:#aab7c7;--muted:#73869a;--rule:#25364a;--accent:#6baaff;--light:rgba(107,170,255,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,system-ui,sans-serif;background:radial-gradient(ellipse at 75% 17%,var(--light),transparent 43%),radial-gradient(ellipse at 12% 96%,#182337,transparent 46%),var(--bg);color:var(--txt);min-height:100vh}body.t-amber{--accent:#ff9a46;--light:rgba(255,128,47,.16)}body.t-teal{--accent:#31d3c0;--light:rgba(49,211,192,.15)}body.t-violet{--accent:#b9a2ff;--light:rgba(151,117,245,.17)}body.t-blue{--accent:#66aeff;--light:rgba(46,120,231,.16)}body.t-green{--accent:#84dba9;--light:rgba(67,184,117,.14)}body.t-rose{--accent:#ff97a4;--light:rgba(246,91,125,.16)}body.t-steel{--accent:#b0cfdf;--light:rgba(122,168,198,.13)}body.t-magenta{--accent:#ec96fb;--light:rgba(174,78,197,.19)}body.t-rwb{--accent:#ec6670;--light:rgba(77,116,210,.18)}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:4px}.wrap{width:min(1190px,calc(100% - 56px));margin:auto}header{height:84px;border-bottom:1px solid #34435999;display:flex;align-items:center;justify-content:space-between;gap:20px}.mark{font-size:19px;letter-spacing:.13em;font-weight:700;white-space:nowrap;text-decoration:none}.mark b{color:#ff8b2d}.mark i{font-style:normal;color:#fff}.mark span{color:#9ec7f8}.right{display:flex;align-items:center;gap:24px}.right a{font-size:12px;color:#a4afc0;text-decoration:none}.right a:hover{color:#fff}.eyebrow{letter-spacing:.23em;text-transform:uppercase;font-size:11px;color:var(--accent);font-weight:800}.hero{display:grid;grid-template-columns:1fr 0.85fr;align-items:center;gap:50px;min-height:600px;padding:68px 0 82px}.badge{display:inline-flex;align-items:center;gap:9px;border:1px solid color-mix(in srgb,var(--accent),#fff 12%);border-radius:30px;padding:9px 15px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin:0 0 28px}.badge:before{content:"";display:block;background:var(--accent);height:6px;width:6px;border-radius:100%}h1{font-size:clamp(44px,5vw,77px);letter-spacing:-.056em;line-height:1.04;margin:0 0 22px;font-weight:630;text-wrap:balance}h1 em{font-style:normal;color:var(--accent)}.summary{font-size:clamp(16px,1.45vw,20px);line-height:1.75;color:#bfcedd;max-width:565px;margin:0 0 32px}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{border:1px solid #344860;border-radius:99px;padding:10px 14px;color:#b7c4d3;font-size:12px;background:#0c1824cc}.cta{margin-top:34px;display:flex;align-items:center;gap:17px;flex-wrap:wrap}.cta a{display:inline-flex;align-items:center;gap:14px;padding:15px 20px;border-radius:9px;background:var(--accent);color:#07111a;text-decoration:none;font-size:13px;font-weight:800;transition:transform .18s ease,filter .18s ease}.cta a:hover{transform:translateY(-2px);filter:brightness(1.09)}.cta small{color:var(--muted);font-size:12px;max-width:205px;line-height:1.4}.graphic{position:relative;min-height:480px;display:grid;place-items:center}.graphic:before{content:"";position:absolute;width:min(100%,440px);height:min(100%,440px);border:1px solid color-mix(in srgb,var(--accent),transparent 83%);border-radius:50%;box-shadow:0 0 88px var(--light),inset 0 0 85px var(--light)}.graphic:after{content:"";position:absolute;width:305px;height:305px;border:1px solid color-mix(in srgb,var(--accent),transparent 87%);border-radius:50%;transform:rotateX(60deg) rotateZ(22deg)}svg.art{width:min(100%,480px);height:auto;overflow:visible;filter:drop-shadow(0 0 28px var(--light));animation:float 11s ease-in-out infinite}.art path,.art circle,.art ellipse,.art rect,.art line{vector-effect:non-scaling-stroke}.orbit-one{transform-origin:50% 50%;animation:spin 36s linear infinite}.orbit-two{transform-origin:50% 50%;animation:spin 48s linear reverse infinite}section.details{border-top:1px solid var(--rule);padding:42px 0 68px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.detail{padding:24px;border:1px solid #2b3b4d;border-radius:14px;background:#101d2bab;min-height:122px}.num{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.2em}.detail h3{font-size:17px;font-weight:500;line-height:1.4;margin:15px 0 0}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);padding:30px 0 40px;color:#91a0b1;font-size:12px;line-height:1.8}footer a{color:#d3dfea}.catalog{padding:58px 0 90px}.catalog h1{font-size:clamp(37px,4vw,54px)}.catalog p{color:#a6b7c8;max-width:800px;line-height:1.7}.shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}.shelf a{display:flex;flex-direction:column;gap:13px;min-height:175px;padding:23px;background:#112031;border:1px solid #294056;text-decoration:none;border-radius:13px;transition:transform .18s,border-color .18s}.shelf a:hover{border-color:#7192b2;transform:translateY(-3px)}.shelf strong{font-size:20px}.shelf small{color:#8da7bd}.shelf span{color:#c0ccda;font-size:14px;line-height:1.55}.notice{padding:20px 22px;background:#102237;border:1px solid #24445f;border-radius:12px;color:#bacadd;margin-top:36px;font-size:13px;line-height:1.6}.tag{border:1px solid #3b4f64;padding:6px 9px;font-size:10px;border-radius:50px;color:#a9c3db;letter-spacing:.08em;text-transform:uppercase}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-8px)}}@media(max-width:970px){.hero{grid-template-columns:1fr;gap:5px;padding:48px 0 58px}.graphic{min-height:330px}.graphic svg{max-width:350px}.shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.details{grid-template-columns:1fr!important}}@media(max-width:560px){header{height:72px}.wrap{width:min(100% - 32px,1190px)}.mark{font-size:15px}.right{gap:9px}.right a{font-size:10px}.graphic{min-height:275px}.graphic svg{max-width:280px}.hero{padding:42px 0 40px}h1{font-size:44px}.shelf{grid-template-columns:1fr}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.art{color:var(--accent)}
/* Avoid glow pseudo-elements forcing narrow-screen horizontal scroll. */
.graphic{overflow:hidden}
@media(max-width:560px){.right a:first-child{display:none}}

.product-name{font-size:clamp(22px,2.1vw,30px);font-weight:730;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:0 0 7px}