/* NEXUS / studio artwork and restrained motion. All artwork stays in its layout. */
:root{--ease-out:cubic-bezier(.18,.7,.22,1)}
.hero-shell{overflow:clip}
.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);min-height:530px;overflow:visible;isolation:isolate}
.hero-copy{grid-column:1;grid-row:1;width:100%;max-width:none;padding:58px 0 48px}
.hero h1{font-size:clamp(40px,4.12vw,59px);white-space:normal;max-width:none;line-height:1.13}
.hero h1 .gradient-text{padding-bottom:6px}
.hero-art{position:relative;grid-column:2;grid-row:1;width:calc(100% + 128px);max-width:none;aspect-ratio:1.5;height:auto;right:auto;top:auto;bottom:auto;left:auto;transform:none;margin:0 0 0 -128px;opacity:1;overflow:visible;pointer-events:none;z-index:0;align-self:center}
.hero-art:after{display:none}
.hero-depth{position:absolute;inset:0;transform:translate3d(var(--hero-shift-x,0px),var(--hero-shift-y,0px),0);transition:transform 1s var(--ease-out)}
.hero-art img.guardian-image{width:100%;height:100%;object-fit:contain;transform:none;mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 94%,transparent);animation:guardian-drift 8s ease-in-out infinite}
.hero-art-caption{position:absolute;right:26px;bottom:24px;top:auto;left:auto;max-width:calc(100% - 48px);margin:0;font-size:23px;line-height:1.12;transform:rotate(-7deg);white-space:normal;z-index:3;pointer-events:none;text-shadow:0 0 18px #119ed733}
.hero-art-caption i{padding-left:17px}
.hero-orbits,.hero-particles{position:absolute;inset:0;pointer-events:none}
.hero-orbits{opacity:.7;mask-image:linear-gradient(90deg,transparent 10%,#000 40%,#000 90%,transparent)}
.orbit-plane{position:absolute;left:54%;top:54%;width:75%;aspect-ratio:1;border:1px solid #4b99e32a;border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg) scaleY(.42);box-shadow:0 0 18px #0d71da12}
.orbit-plane.second{width:86%;left:53%;top:50%;transform:translate(-50%,-50%) rotate(24deg) scaleY(.27);border-color:#9981fc18}
.orbit-runner{position:absolute;inset:0;border-radius:50%;animation:orbit-travel 12s linear infinite}
.orbit-runner:before{content:"";position:absolute;left:2%;top:36%;width:9px;height:9px;border-radius:50%;background:#b7f6ff;box-shadow:0 0 12px #26dcff,0 0 28px #197cff}
.second .orbit-runner{animation-duration:19s;animation-direction:reverse}
.second .orbit-runner:before{width:6px;height:6px;background:#c9b5ff;box-shadow:0 0 10px #8a64f9,0 0 25px #5e44e4}
.hero-particle{position:absolute;width:3px;height:3px;background:#8de4ff;border-radius:50%;left:calc(24% + var(--i)*7.4%);top:calc(19% + var(--i)*6%);box-shadow:0 0 8px #208fff;opacity:0;animation:particle-drift calc(5s + var(--i)*.23s) ease-in-out infinite;animation-delay:calc(var(--i)*-.74s)}
.category-artwork{position:relative;display:inline-flex;width:64px;height:64px;flex-shrink:0;align-items:center;justify-content:center;isolation:isolate;pointer-events:none}
.category-artwork:before{content:"";position:absolute;inset:21%;border-radius:50%;background:#1268d421;filter:blur(10px);z-index:-1}
.category-artwork img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 6px 9px #0006);transform-origin:50% 60%}
.quick-category{padding:14px 15px;gap:9px;background:linear-gradient(130deg,#0b1628e6,#08111e);border-color:#5279ac26;min-height:94px}
.quick-category>.category-artwork{width:60px;height:60px;margin:-8px 0 -8px -6px}
.quick-category strong{font-size:12px;letter-spacing:-.02em}.quick-category small{font-size:9px}
.quick-category .quick-arrow{color:#4b91c6;flex-shrink:0}
.quick-category:hover .category-artwork img{filter:drop-shadow(0 8px 13px #025fd23d)}
.scene-card{min-height:308px;display:flex;flex-direction:column;background:linear-gradient(155deg,#0c172a,#070e1b);border-color:#5578b22d;overflow:hidden;isolation:isolate}
.scene-image{inset:0;background-image:radial-gradient(ellipse at 50% 30%,#1b5b9c28,transparent 66%);background-size:auto;background-position:center;opacity:1}
.scene-card:after{background:linear-gradient(180deg,transparent 40%,#040a13a6 100%)}
.scene-object{position:relative;height:167px;display:grid;place-items:center;padding-top:20px;z-index:1;pointer-events:none}
.scene-object:before{content:"";position:absolute;width:116px;height:28px;left:50%;bottom:5px;border:1px solid #3d83d533;border-radius:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#1b66c416,transparent 70%);box-shadow:0 0 16px #1579db0b}
.scene-object>.category-artwork{width:153px;height:153px;position:relative;top:0}
.scene-object .icon-sculpture{animation:icon-drift 7s ease-in-out infinite}
.scene-1 .icon-sculpture{animation-delay:-1.4s}.scene-2 .icon-sculpture{animation-delay:-2.8s}.scene-3 .icon-sculpture{animation-delay:-4.1s}.scene-4 .icon-sculpture{animation-delay:-5.2s}
.scene-number{z-index:2;top:14px;left:17px;color:#6f91bd;font-size:8px}
.scene-content{position:relative;z-index:2;padding:13px 20px 20px;display:flex;flex-direction:column;flex:1}
.scene-content h3{font-size:18px;margin-bottom:8px}.scene-content p{font-size:11px;line-height:1.55;max-width:none;min-height:35px}
.scene-link{align-self:start;margin-top:auto;padding:6px 0 0;border:0;border-radius:0;background:none;font-size:10px;color:#7dbde9;gap:13px}
.scene-content p+.scene-link{margin-top:17px}
.category-artwork.compact{width:28px;height:28px;margin:-5px -3px;flex-shrink:0}
.category-link{gap:11px}.category-link .category-artwork img{filter:none}
.guide-choices button{display:inline-flex;align-items:center;gap:9px;padding:10px 14px}.guide-choices .category-artwork{width:27px;height:27px}
.product-card-media{height:188px;background:radial-gradient(ellipse at 55% 100%,#1648783d,transparent 75%),linear-gradient(140deg,#101c31,#0a1120)}
.product-card-media.purple{background:radial-gradient(ellipse at 60% 70%,#4b32802b,transparent 75%),linear-gradient(140deg,#151a30,#0b1221)}
.product-card-media.blue{background:radial-gradient(ellipse at 65% 80%,#18509d2b,transparent 75%),linear-gradient(140deg,#101f36,#0a1221)}
.service-sculpture{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.3;mask-image:linear-gradient(90deg,transparent 10%,#000 55%,#000)}
.service-sculpture>.category-artwork{position:absolute;right:-6px;top:24px;width:175px;height:175px;transform:rotate(9deg)}
.service-sculpture .icon-sculpture{filter:none}
.product-art-link{perspective:700px}
.product-card-media .product-symbol{width:70px;height:73px;transform:perspective(700px) rotateX(7deg) rotateY(-13deg) rotateZ(-8deg);background:linear-gradient(150deg,#16436fdd,#0c1932ef);border:1px solid #89b6db55;box-shadow:inset 0 1px 0 #bae2ff60,inset 1px 0 0 #c3e4ff1c,0 4px 0 #050c20cc,0 18px 34px #01051085;transition:transform .6s var(--ease-out),box-shadow .6s;backdrop-filter:blur(8px)}
.product-card-media .product-symbol.purple{background:linear-gradient(150deg,#493b7cd9,#111830f0)}
.product-card-media .product-symbol.blue{background:linear-gradient(150deg,#184479e6,#0a1730ef)}
.product-card-media .brand-netflix{background:linear-gradient(150deg,#3f2034e6,#0a1225f0)!important}
.product-card-media .brand-jetbrains{background:linear-gradient(150deg,#633bacdc,#151a39e6)!important}
.product-card-media .brand-canva{background:linear-gradient(150deg,#146d86e6,#28224de6)!important}
.product-card:hover .product-card-media .product-symbol{transform:perspective(700px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateY(-4px);box-shadow:inset 0 1px 0 #c7eaff70,0 4px 0 #050c20cc,0 22px 36px #01112b80}
.product-orbit{width:158px;height:102px;border-color:#6e9cd328;box-shadow:0 0 0 25px #719dda03}
.product-orbit:before{width:4px;height:4px;box-shadow:0 0 8px #289aff;opacity:.75}
.product-brand-label{bottom:17px;color:#7792b7;font-size:8px;letter-spacing:.23em}
.product-visual .service-sculpture{opacity:.25;mask-image:linear-gradient(90deg,transparent,#000 65%)}
.product-visual .service-sculpture>.category-artwork{width:340px;height:340px;right:-34px;top:18px;transform:rotate(10deg)}
.product-visual>.product-symbol,.product-visual .visual-brand{z-index:2}
.product-card,.scene-card,.quick-category,.product-visual{--lift:0px;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift));transform-style:preserve-3d;transition:transform .65s var(--ease-out),border-color .4s,box-shadow .4s}
.product-card:hover,.scene-card:hover,.quick-category:hover{--lift:-4px}
.product-card:after,.quick-category:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(360px circle at var(--surface-x,50%) var(--surface-y,0%),#6eb7f812,transparent 62%);opacity:0;transition:opacity .5s;z-index:4}
.product-card,.quick-category{position:relative}.pointer-active:after{opacity:1}
.scene-card.pointer-active{box-shadow:0 12px 35px #01162f70,inset 0 1px 0 #acd7ff14;border-color:#5791cf7a}
.dashboard-preview{transform:perspective(1000px) rotateY(calc(-5deg + var(--tilt-y,0deg))) rotateX(calc(3deg + var(--tilt-x,0deg))) rotateZ(1deg);transition:transform .8s var(--ease-out)}
.button,.account-button{position:relative;overflow:hidden;isolation:isolate}
.button.primary:after,.account-button:after{content:"";position:absolute;inset:-70% -40%;background:linear-gradient(105deg,transparent 43%,#d7f2ff29 50%,transparent 57%);transform:translateX(-80%);transition:transform .75s var(--ease-out);pointer-events:none;z-index:-1}
.button.primary:hover:after,.account-button:hover:after{transform:translateX(80%)}
.button.primary:active,.card-arrow:active{scale:.97}
.icon-button,.favorite,.card-arrow{transition:background .25s,color .25s,scale .25s,border-color .25s}
.favorite:active{scale:.86}.favorite[aria-pressed=true] .icon{animation:favorite-pop .35s var(--ease-out)}
.motion-reveal{transition:opacity .7s var(--ease-out),translate .85s var(--ease-out),transform .65s var(--ease-out),border-color .4s,box-shadow .4s;transition-delay:var(--reveal-delay,0ms),var(--reveal-delay,0ms),0ms,0ms,0ms}
:root[data-motion="running"] .motion-reveal:not(.is-revealed){opacity:0;translate:0 20px}
.motion-reveal.is-revealed{opacity:1;translate:0 0}
.hero-copy .eyebrow{animation:hero-enter .7s var(--ease-out) both}
.hero-copy h1{animation:hero-enter .85s .07s var(--ease-out) both}
.hero-copy>p{animation:hero-enter .85s .14s var(--ease-out) both}
.hero-copy .hero-trust{animation:hero-enter .85s .21s var(--ease-out) both}
.hero-copy .hero-buttons{animation:hero-enter .85s .28s var(--ease-out) both}
.motion-toggle{display:inline-flex;align-items:center;gap:6px;font-size:9px;line-height:1.5;color:#6f90b7;padding:0;border:0;background:transparent;border-radius:3px}
.motion-toggle .icon{width:13px;height:13px}.motion-toggle:hover{color:#72ceff}.motion-toggle:disabled{opacity:.7}.play-glyph{display:none}.motion-toggle[aria-pressed=true] .pause-glyph{display:none}.motion-toggle[aria-pressed=true] .play-glyph{display:block}
:root:not([data-motion="running"]) .ambient-motion{animation-play-state:paused!important}
:root[data-motion="paused"] .motion-reveal,:root[data-motion="reduced"] .motion-reveal{opacity:1;translate:0 0;transition:none}
:root[data-motion="paused"] .hero-copy>*,:root[data-motion="reduced"] .hero-copy>*{animation:none;opacity:1;transform:none}
@keyframes guardian-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}
@keyframes orbit-travel{to{transform:rotate(360deg)}}
@keyframes icon-drift{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-7px,0) rotate(1deg)}}
@keyframes particle-drift{0%,100%{opacity:0;transform:translate3d(0,8px,0)}35%,60%{opacity:.65}80%{opacity:0;transform:translate3d(6px,-23px,0)}}
@keyframes hero-enter{from{opacity:0;transform:translate3d(0,15px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes favorite-pop{0%{transform:scale(.8)}60%{transform:scale(1.2)}100%{transform:scale(1)}}
@media(max-width:1250px){.hero{min-height:500px}.hero h1{font-size:clamp(39px,4vw,49px)}.hero-copy{width:100%;max-width:none;padding:48px 0 40px}.hero-art{width:calc(100% + 100px);height:auto;right:auto;top:auto;margin-left:-100px;aspect-ratio:1.5}.quick-category{padding:13px 11px;gap:7px;min-height:88px}.quick-category>.category-artwork{width:49px;height:49px;margin-left:-4px}.quick-category strong{font-size:11px}.quick-category small{font-size:8px}.scene-card{min-height:300px}.scene-object{height:160px}.scene-object>.category-artwork{width:145px;height:145px}.scene-content{padding:12px 16px 19px}.scene-content h3{font-size:16px}.scene-content p{font-size:10px;min-height:38px}.catalog-products .product-card-media{height:179px}}
@media(max-width:1000px){.hero{min-height:485px}.hero h1{font-size:clamp(36px,4.2vw,43px)}.hero-art{width:calc(100% + 90px);height:auto;right:auto;top:auto;margin-left:-90px}.hero-copy{width:100%;max-width:none;padding:43px 0}.hero-art-caption{right:22px;bottom:19px;font-size:21px}.scene-card{min-height:283px}.scene-object{height:145px}.scene-object>.category-artwork{width:130px;height:130px}.scene-content{padding:12px 13px 18px}.scene-content h3{font-size:15px}.scene-content p{font-size:10px}.quick-categories{gap:9px}.quick-category{padding:11px 8px;gap:5px}.quick-category>.category-artwork{width:40px;height:44px;margin-left:-3px}.quick-category strong{font-size:10px}.quick-category small{font-size:7px}.product-card-media{height:183px}.catalog-products .product-card-media{height:188px}}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);min-height:0;display:grid;overflow:visible;padding:0}.hero-copy{grid-column:1;grid-row:1;width:100%;max-width:none;padding:35px 0 0;text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:9px}.hero h1{font-size:clamp(34px,5.8vw,48px);white-space:normal;max-width:none;line-height:1.13}.hero p{max-width:520px;margin:16px auto 23px;font-size:13px}.hero-trust{justify-content:center;gap:26px;margin-bottom:24px}.hero-trust>div{text-align:left;gap:9px}.hero-trust span{font-size:9px}.hero-trust .icon{width:25px;height:25px}.hero-buttons{justify-content:center;gap:22px}.hero-art{position:relative;grid-column:1;grid-row:2;width:100%;max-width:640px;height:auto;aspect-ratio:1.5;justify-self:center;margin:-10px 0 0;right:auto;left:auto;top:auto;bottom:auto;transform:none;overflow:visible}.hero-art img.guardian-image{mask-image:linear-gradient(180deg,transparent 0%,#000 11%,#000 90%,transparent)}.hero-art-caption{position:absolute;right:25px;bottom:23px;font-size:22px;max-width:calc(100% - 50px);line-height:1.15}.hero-shell{padding-bottom:25px}.hero-depth{transition:none}.hero-orbits{mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 90%,transparent)}.quick-categories{grid-template-columns:repeat(5,minmax(148px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding:1px 0 8px;scrollbar-width:thin;scrollbar-color:#193c65 transparent}.quick-category{min-height:84px;padding:13px 11px;gap:8px;scroll-snap-align:start}.quick-category>.category-artwork{width:45px;height:48px}.quick-category strong{font-size:11px}.quick-category small{font-size:8px}}
@media(max-width:760px){.hero h1{font-size:clamp(31px,6.2vw,46px)}.hero-copy{padding-top:31px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.1em}.hero p{font-size:12px;margin:15px auto 21px}.hero-trust{gap:23px}.hero-trust span{font-size:8px}.hero-trust .icon{width:23px;height:23px}.hero-art{width:100%;max-width:600px;height:auto;aspect-ratio:1.5;margin-top:0;right:auto;bottom:auto;top:auto;transform:none}.hero-art-caption{right:22px;bottom:19px;font-size:22px}.hero-art-caption i{padding-left:17px}.hero-shell{padding-bottom:21px}.scene-grid{grid-template-columns:repeat(5,minmax(198px,1fr));gap:12px;padding:0 0 11px;overflow-x:auto;scroll-snap-type:x mandatory}.scene-card{min-height:306px}.scene-object{height:166px;padding-top:20px}.scene-object>.category-artwork{width:153px;height:153px}.scene-content{padding:13px 19px 20px}.scene-content h3{font-size:18px}.scene-content p{font-size:11px;min-height:36px}.scene-number{font-size:8px;left:17px;top:14px}.scene-link{font-size:10px;margin-top:17px;padding:6px 0 0}.product-card-media,.catalog-products .product-card-media{height:187px}.service-sculpture>.category-artwork{width:168px;height:168px;right:-12px;top:24px}.product-card-media .product-symbol{width:67px;height:70px}.product-visual .service-sculpture>.category-artwork{width:290px;height:290px;top:0;right:-16px}.category-links .category-artwork.compact{width:24px;height:24px;margin:-4px}.category-link{gap:9px}.footer-bottom .motion-toggle{display:inline-flex!important;font-size:8px}}
@media(max-width:480px){.hero-copy{padding-top:28px}.hero-copy .eyebrow{font-size:7px;gap:7px}.hero h1{font-size:clamp(28px,7.7vw,36px);line-height:1.15}.hero p{font-size:11px;max-width:335px;margin:14px auto 20px}.hero-trust{gap:13px;margin-bottom:23px}.hero-trust>div{gap:6px}.hero-trust span{font-size:7px}.hero-trust .icon{width:21px;height:21px}.hero-buttons{gap:14px}.hero-art{width:100%;height:auto;max-width:none;aspect-ratio:1.5;margin:5px 0 0;transform:none;right:auto;bottom:auto;top:auto}.hero-art-caption{right:16px;bottom:18px;font-size:17px;max-width:calc(100% - 32px)}.hero-art-caption i{padding-left:12px}.hero-shell{padding-bottom:19px}.hero-orbits{opacity:.6}.orbit-runner:before{width:6px;height:6px}.hero-particle{width:2px;height:2px}.quick-categories{grid-template-columns:repeat(5,148px)}.scene-grid{grid-template-columns:repeat(5,189px);gap:11px}.scene-card{min-height:298px}.scene-object{height:159px}.scene-object>.category-artwork{width:145px;height:145px}.scene-content{padding:12px 17px 19px}.scene-content h3{font-size:17px}.scene-content p{font-size:10px;min-height:35px}.product-card-media,.catalog-products .product-card-media{height:159px}.product-card-media .product-symbol{width:60px;height:63px;border-radius:15px}.service-sculpture>.category-artwork{width:145px;height:145px;right:-25px;top:23px}.product-brand-label{bottom:13px;font-size:7px;letter-spacing:.17em}.product-orbit{width:132px;height:88px}.product-visual .service-sculpture>.category-artwork{width:250px;height:250px;right:-22px;top:3px}.motion-toggle{font-size:8px}.motion-toggle .icon{width:12px;height:12px}.scene-link{border:0;border-radius:0;padding:6px 0 0;background:none}.dashboard-preview{transform:perspective(1000px) rotateY(-3deg) rotateX(2deg) rotateZ(1deg)}}
@media(max-width:360px){.hero h1{font-size:28px}.hero-copy .eyebrow{font-size:6px}.hero p{font-size:10px}.hero-trust{gap:10px}.hero-trust span{font-size:6.5px}.hero-trust .icon{width:19px;height:19px}.hero-buttons{gap:11px}.hero-art{width:100%;height:auto;aspect-ratio:1.5}.hero-art-caption{font-size:16px;right:16px;bottom:16px}.product-card-media,.catalog-products .product-card-media{height:150px}.product-card-media .product-symbol{width:57px;height:60px}}
@media(hover:none),(pointer:coarse){.product-card,.scene-card,.quick-category,.product-visual{transform:none!important}.hero-depth{transform:none}.hero-copy>*{animation-duration:.6s}.pointer-active:after{opacity:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient-motion,.hero-copy>*,.hero-copy .hero-trust,.hero-copy .hero-buttons,.favorite[aria-pressed=true] .icon{animation:none!important;transform:none!important}.hero-depth,.product-card,.scene-card,.quick-category,.product-visual,.dashboard-preview{transform:none!important;transition:none!important}.motion-reveal{opacity:1!important;translate:0 0!important;transition:none!important}.hero-orbits,.hero-particles{display:none}}