/* SHIFT.gg 2.0 / v43 storefront visual system. Scoped to home page. */
:root{--blue:#68b5ff;--panel:#0c1726;--line:#273e59}
body:has(.v43-highlights){background:radial-gradient(ellipse 55% 28% at 76% 7%,#10305a80,transparent 90%),#060b13}
body:has(.v43-highlights) .wrap{width:min(1260px,calc(100% - 56px))}
body:has(.v43-highlights) .header{border-bottom-color:#ffffff12;background:#060b13db}
body:has(.v43-highlights) .nav{height:76px}
body:has(.v43-highlights) .hero{min-height:680px;grid-template-columns:1.1fr .9fr;gap:38px;padding-top:80px;padding-bottom:70px}
body:has(.v43-highlights) .hero h1{font-size:clamp(52px,6.4vw,96px);line-height:1.015;letter-spacing:-5px;margin:27px 0}
body:has(.v43-highlights) .hero h1 span{background:linear-gradient(100deg,#d5ecff,#62b5ff 65%,#3678f6);color:transparent;background-clip:text}
body:has(.v43-highlights) .hero-copy>p{font-size:17px;max-width:580px;color:#a7bad0}
.v43-version{display:inline-block;border:1px solid #4276a8;border-radius:999px;padding:4px 9px;font-size:9px;letter-spacing:1px;color:#b9dcff}
.v43-hero-footer{display:flex;align-items:center;gap:10px;margin-top:30px;color:#7c97b6;font-size:10px;letter-spacing:1.2px;font-weight:800}
.v43-hero-footer b{color:#5b9ddc}.v43-pulse{width:7px;height:7px;border-radius:50%;background:#54d2ab;box-shadow:0 0 0 5px #54d2ab16}
body:has(.v43-highlights) .hero-visual{height:520px;border:1px solid #28436577;border-radius:32px;background:radial-gradient(circle at 50% 45%,#13477970,transparent 58%),linear-gradient(145deg,#0b1d32cc,#07111d66);overflow:hidden}
body:has(.v43-highlights) .hero-visual .visual-grid{mask-image:none;opacity:.5}
body:has(.v43-highlights) .hero-visual .core{width:230px;height:230px;border-radius:50%;transform:rotate(-13deg);box-shadow:0 0 110px #127af74b,inset 0 0 50px #2181eb33}
body:has(.v43-highlights) .hero-visual .core span{font-size:145px}
.v43-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:44px!important}
.v43-highlight{display:flex;align-items:center;gap:15px;min-width:0;padding:22px;border:1px solid #294361;background:linear-gradient(140deg,#10233a,#0b1625);border-radius:18px;transition:transform .2s,border-color .2s}
.v43-highlight:hover{transform:translateY(-3px);border-color:#61a8ff}.v43-highlight-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border:1px solid #416d9f;border-radius:13px;background:#1b3b61;color:#91c9ff;font-size:23px}
.v43-highlight>span:nth-child(2){flex:1;min-width:0}.v43-highlight strong,.v43-highlight small{display:block}.v43-highlight strong{font-size:14px}.v43-highlight small{color:#91a9c2;font-size:11px;margin-top:4px;line-height:1.4}.v43-highlight>span:last-child{color:#71b8ff}
body:has(.v43-highlights) .section{padding-top:98px}body:has(.v43-highlights) .section-head{margin-bottom:30px}
body:has(.v43-highlights) .section h2{font-size:clamp(36px,4.5vw,56px)}
body:has(.v43-highlights) .catalog-toolbar{border-radius:18px;background:#0d1b2d;padding:16px}
body:has(.v43-highlights) .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body:has(.v43-highlights) .product-card,body:has(.v43-highlights) .next-card{border-radius:20px;overflow:hidden}
.v43-feature{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;margin-top:125px!important;margin-bottom:35px!important}
.v43-feature-visual{min-height:360px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #31527a;border-radius:24px;background:radial-gradient(circle at 50% 50%,#15518eaa,#0c1a2e 62%)}
.v43-feature-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:28px 28px}
.v43-feature-rings{position:absolute;width:320px;height:320px;border:1px solid #72baff40;border-radius:50%;box-shadow:0 0 0 45px #61a9ff08,0 0 0 92px #61a9ff08}
.v43-feature-glyph{position:relative;font-family:'Space Grotesk',sans-serif;font-size:160px;font-weight:800;line-height:1;color:#b8deff;text-shadow:0 0 75px #64adff88}.v43-feature-glyph span{position:absolute;top:18px;right:-18px;font-size:38px;color:#55aaff}
.v43-feature-corner{position:absolute;left:25px;bottom:20px;color:#84add8;font-size:10px;letter-spacing:2px}
.v43-feature-copy h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(35px,4vw,56px);letter-spacing:-2px;line-height:1.13;margin:17px 0}.v43-feature-copy h2 span{color:#65b3ff}.v43-feature-copy p{color:#a1b5cd;max-width:490px;margin-bottom:27px}
@media(max-width:900px){body:has(.v43-highlights) .hero{grid-template-columns:1fr;min-height:0;padding-top:55px}body:has(.v43-highlights) .hero-visual{height:370px}.v43-highlights{grid-template-columns:1fr}.v43-feature{grid-template-columns:1fr;gap:28px;margin-top:75px!important}.v43-feature-visual{min-height:280px}}
@media(max-width:600px){body:has(.v43-highlights) .wrap{width:min(100% - 32px,1260px)}body:has(.v43-highlights) .hero h1{font-size:clamp(42px,11vw,66px);letter-spacing:-2.6px}body:has(.v43-highlights) .hero-visual{height:300px}body:has(.v43-highlights) .hero-visual .core{width:155px;height:155px}body:has(.v43-highlights) .hero-visual .core span{font-size:100px}body:has(.v43-highlights) .product-grid{grid-template-columns:1fr}.v43-highlight{padding:17px}.v43-feature-visual{min-height:245px}.v43-feature-glyph{font-size:110px}}
@media(prefers-reduced-motion:reduce){.v43-highlight{transition:none}.v43-highlight:hover{transform:none}}
