/* The original logo stays intact; only its original fan paths rotate. */
.header-inner{min-height:104px;border-radius:30px;padding:8px 28px;transition:box-shadow .3s,border-color .3s}.header-inner:hover{border-color:#a6c0af4a;box-shadow:0 15px 50px #00000019}.official-brand{display:inline-flex;position:relative;gap:8px;align-items:flex-start;flex-shrink:0;letter-spacing:normal;line-height:1}.official-logo{width:96px;height:auto;display:block;filter:drop-shadow(0 2px 8px #00000024);transition:filter .4s}.official-brand:hover .official-logo{filter:drop-shadow(0 0 8px #b9f7d22e)}.logo-copyright{position:static;align-self:flex-start;font-family:'Manrope',sans-serif;font-size:12px;line-height:1;font-weight:400;top:auto;margin-top:9px;color:#d5e7db}.official-brand:focus-visible{outline-offset:8px;border-radius:5px}body:has(.page-top) .header-inner{background:#15251e;color:#f6fff6;border-color:#3d54453f;box-shadow:0 12px 28px #15312214}body:has(.page-top) nav a{color:#b3c8b9}body:has(.page-top) nav a:hover,body:has(.page-top) nav a[aria-current=page]{color:#d3ffe2}body:has(.page-top) .nav-contact{background:#e9f4ed;color:#193124}.page-top{padding-top:176px}.hero-stage{min-height:680px}.hero-text .eyebrow{letter-spacing:.11em}.hero-text h1>span{background:linear-gradient(110deg,#e2ffe9 0%,#b9f7d2 60%,#74b493 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.product-card{isolation:isolate}.product-card:after{content:'';position:absolute;inset:0;border:1px solid transparent;border-radius:inherit;pointer-events:none;transition:border-color .35s}.product-card:hover:after{border-color:#7aa98960}.product-image{background:radial-gradient(ellipse at center,#ffffff 0%,#f5f7f3 100%)}.knowledge-icon{transition:background .3s,transform .3s}.knowledge-card:hover .knowledge-icon{background:#dcebd8;transform:translateY(-3px)}.brand-signature{display:flex;align-items:center;gap:55px;margin-top:55px;padding-top:40px;padding-bottom:50px;border-top:1px solid #78958226}.signature-art .official-logo{width:190px}.signature-art .logo-copyright{margin-top:18px;font-size:14px}.signature-caption .eyebrow{font-size:12px;color:#86a18d;margin-bottom:15px}.signature-caption p{font-family:'Inter Tight',sans-serif;color:#b2c5b8;font-size:1.55rem;line-height:1.35;letter-spacing:-.025em;margin:0}.signature-rule{flex:1;height:1px;background:linear-gradient(90deg,#6f967938,transparent)}footer .official-logo{width:126px}footer .official-brand{margin-bottom:4px}footer .logo-copyright{margin-top:12px}.footer-bottom{align-items:center;flex-wrap:wrap;gap:18px}.motion-toggle{background:#172c1f;border:1px solid #41674d;color:#c4d8ca;padding:7px 14px;border-radius:30px;font-size:12px;line-height:1.5;cursor:pointer}.motion-toggle:hover{background:#264531;border-color:#77a482}.motion-toggle[aria-pressed=true]{background:#263c2d}.motion-toggle:focus-visible{outline:2px solid #b9f7d2;outline-offset:4px}
html[data-motion=paused]{scroll-behavior:auto}html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after{animation:none!important;transition:none!important}html[data-motion=paused] .reveal{opacity:1!important;transform:none!important}
@media(max-width:1150px){.header-inner{padding:8px 23px}.official-logo{width:90px}.brand-signature{gap:35px}}@media(max-width:800px){.header-inner{min-height:88px;padding:7px 19px;border-radius:23px}.official-logo{width:76px}.logo-copyright{margin-top:7px}.hero-v2{padding-top:123px}.hero-stage{min-height:0}.page-top{padding-top:147px}nav{top:101px;left:20px;right:20px}body:has(.page-top) nav{background:#162a1ff5}body:has(.page-top) .menu-toggle{color:#e7f4ea;border-color:#547760}.brand-signature{gap:25px;margin-top:35px;padding-top:32px;padding-bottom:35px}.signature-art .official-logo{width:124px}.signature-art .logo-copyright{font-size:12px;margin-top:10px}.signature-caption .eyebrow{font-size:12px;line-height:1.6;margin-bottom:10px}.signature-caption p{font-size:1.15rem}.signature-rule{display:none}footer .official-logo{width:112px}.footer-bottom{display:flex;align-items:start;flex-direction:column;gap:12px}.footer-bottom span{margin:0}.motion-toggle{order:3}.community-section{padding-top:60px}}
@media(max-width:380px){.brand-signature{gap:20px}.signature-art .official-logo{width:100px}.signature-caption p{font-size:1.05rem}.signature-caption .eyebrow{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero-text h1>span{background:none;color:#b9f7d2}}

/* Restrained GPURisers orange accents. */
:root{--brand-orange:#ee9b58;--brand-orange-ink:#9a4b15}
.official-brand{padding-right:15px;gap:0}
.official-brand .logo-copyright,footer .official-brand .logo-copyright,.signature-art .official-brand .logo-copyright{position:absolute;top:auto;right:0;bottom:3px;margin:0;font-size:12px;line-height:1;color:#d9ddd9}
.tiny-line{background:var(--brand-orange)}
.detail-cross{color:var(--brand-orange);border-color:#ee9b5840}
.arrow-circle{background:#efaa72;border-color:#cc7b3d60;color:#352014}
.button:hover .arrow-circle{background:#f4b989}
.callout-arrow{color:#f0ad77;border-color:#ee9b5855}
.callout-line{background:linear-gradient(transparent,#ee9b58)}
.product-callout:hover{border-color:#ee9b5880}
.hero-foot a span{color:var(--brand-orange)}
.header-inner:hover{border-color:#ee9b5840}
nav a:hover,body:has(.page-top) nav a:hover{color:#f4b989}
.nav-contact:hover,body:has(.page-top) .nav-contact:hover{background:#f4d5bc;color:#352014}
.product-card:hover:after{border-color:#dc884b85}
.product-card:hover .card-bottom b{background:#f6dfcd;color:#8b4411}
.text-link:hover{color:var(--brand-orange-ink);border-color:#ce7e40}
.knowledge-card:hover .knowledge-icon{background:#f6e2d1;color:#8b4411}
.official-brand:hover .official-logo{filter:drop-shadow(0 0 8px #ee9b5826)}
:focus-visible{outline-color:#ca7436}
.hero-visual{perspective:1100px;pointer-events:auto}
.hero-tilt{transform:rotateX(0) rotateY(0) translateZ(0);transform-origin:50% 38%;transition:transform .65s cubic-bezier(.2,.7,.2,1);mix-blend-mode:lighten;pointer-events:none}
.hero-visual.is-tilting .hero-tilt{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(22px);transition-duration:.18s;will-change:transform}
.hero-product{filter:saturate(.82) contrast(1.04)}
html[data-motion=paused] .hero-tilt{transform:none!important}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.hero-tilt,.hero-visual.is-tilting .hero-tilt{transform:none!important}}

/* The isolated product floats above the page without a photo rectangle. */
.hero-tilt{mix-blend-mode:normal}
.hero-product{mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none;filter:drop-shadow(0 24px 22px #00000070);transform:scale(1.02)}
@media(max-width:800px){.hero-product{transform:scale(1.08)}}

.hero-tilt{filter:drop-shadow(0 22px 18px #00000070)}

/* Labels share the product plane, so they stay attached during hover tilt. */
.hero-assembly{position:relative;width:100%;transform:scale(1.02);transform-origin:center top}
.hero-assembly .hero-product{display:block;transform:none}
.part-hotspot{position:absolute;left:var(--part-x);top:var(--part-y);transform:translate(-50%,-50%);width:36px;height:36px;border:0;padding:0;background:transparent;border-radius:50%;cursor:help;pointer-events:auto;display:grid;place-items:center;color:#f8faf7;z-index:3;-webkit-tap-highlight-color:transparent}
.part-dot{width:9px;height:9px;border-radius:50%;background:#f4ac72;border:2px solid #ffe8d5;box-shadow:0 0 0 5px #c36b3040,0 2px 8px #0009;transition:box-shadow .2s,transform .2s;pointer-events:none}
.part-tooltip{position:absolute;left:50%;bottom:calc(100% - 2px);transform:translate(-50%,5px);white-space:nowrap;background:#15201ff5;border:1px solid #ee9b5870;border-radius:9px;padding:9px 12px;color:#f8faf7;font:500 14px/1.4 'Manrope',sans-serif;letter-spacing:0;box-shadow:0 8px 24px #0006;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s,visibility .15s;pointer-events:none}
.part-hotspot.is-open{z-index:8}
.part-hotspot.is-open .part-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto}
.part-hotspot.is-open .part-dot{transform:scale(1.15);box-shadow:0 0 0 7px #ee9b5830,0 2px 8px #0009}
.part-hotspot:focus-visible{outline:2px solid #f4ac72;outline-offset:1px}
.hero-visual:has(.part-hotspot:focus-visible){z-index:4}
@media(max-width:800px){.hero-assembly{transform:scale(1.08)}.part-hotspot{width:44px;height:44px}.part-tooltip{font-size:14px;padding:8px 10px}}

/* A uniform black extraction blends cleanly into the scene; labels stay opaque. */
.hero-tilt{mix-blend-mode:screen;filter:none}
.hero-label-layer{position:absolute;top:0;left:0;width:100%;aspect-ratio:3/2;pointer-events:none;transform:rotateX(0) rotateY(0) translateZ(0);transform-origin:50% 38%;transition:transform .65s cubic-bezier(.2,.7,.2,1);z-index:2}
.hero-label-layer .hero-assembly{height:100%}
.hero-visual.is-tilting .hero-label-layer{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(22px);transition-duration:.18s}
.hero-assembly .hero-product{clip-path:none;filter:none}
html[data-motion=paused] .hero-label-layer{transform:none!important}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.hero-label-layer,.hero-visual.is-tilting .hero-label-layer{transform:none!important}}
.hero-tilt{mix-blend-mode:normal}
.hero-assembly .hero-product{filter:url(#riser-black-key)}

@media(min-width:801px){.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
