:root{--blue:#202020;--ink:#171717;--muted:#686868;--line:#d9d9d9;--paper:#efefef;--glass:linear-gradient(125deg,#ffffffb8,#ffffff52);--glass-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff80,0 14px 40px #00000008}
body{background:#eee;isolation:isolate}.ambient-glass{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 70% 15%,#fff,transparent 60%)}
.ambient-glass i{position:absolute;width:65vw;height:65vw;min-width:440px;min-height:440px;left:-20%;top:-20%;border-radius:50%;background:radial-gradient(circle,#aaa9,transparent 67%);animation:glass-drift 24s ease-in-out infinite alternate}.ambient-glass i+i{left:55%;top:35%;background:radial-gradient(circle,#ffffffed,transparent 68%);animation-delay:-12s;animation-duration:30s}
.profile,.surface,.case-card,.product,.socials>a,.nav-contact,.faq details,dialog{background:var(--glass);border:1px solid #ffffffdb;box-shadow:var(--glass-shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.profile,.surface,.case-card,.product,.socials>a,.nav-contact,.faq details{background-image:linear-gradient(115deg,#ffffff40 15%,#ffffffe0 45%,#ffffff40 65%);background-size:230% 100%;background-position:100% 0;transition:background-position 1.1s ease,box-shadow .3s ease,transform .3s ease,border-color .3s ease}
.profile:hover,.surface:hover,.case-card:hover,.product:hover,.socials>a:hover,.nav-contact:hover,.faq details:hover{background-position:0 0;border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 18px 40px #0000000c}.product:hover,.socials>a:hover{transform:translateY(-3px)}
.socials>a,.product{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.brand-mark{object-fit:cover;background:white;border-radius:50%;letter-spacing:normal;box-shadow:0 2px 9px #0000000d}
.product-icon{object-fit:cover;background:white;filter:grayscale(1);border:1px solid #ffffffcf;box-shadow:0 3px 12px #0000000b;aspect-ratio:1;height:auto;transition:transform .4s ease}.product:hover .product-icon{transform:rotate(-5deg) scale(1.08)}
.profile-tag,.profile-foot,.overline,.socials small,.product p,.supply-note,.case-note,.case-bottom>a,.case-takeaway small,footer p{color:#717171}.arrow,.tag,.subtle-link,.case-takeaway strong,.hero-meta,.hero-meta span:before,.text-button,.wordmark small{color:#555}.profile-foot i{background:#555}.profile-top img{box-shadow:0 7px 18px #00000010}
.button,.case-more,.steps>div>span,.case-badge,.art-sticker{border:1px solid #ffffffbb;box-shadow:inset 0 1px 0 #ffffff75,0 5px 15px #00000008;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.button{transition:transform .25s ease,box-shadow .25s ease;background:#ffffff80}.button.primary,.button.primary:hover{background:linear-gradient(135deg,#363636eb,#111111ed);color:white;box-shadow:inset 0 1px 0 #ffffff40,0 7px 18px #00000019}.button:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #ffffff80,0 12px 24px #00000020}.button:active{transform:translateY(0)}.button.light{background:linear-gradient(135deg,#fff,#ffffffba);color:#171717}
.nav-contact{border-radius:14px}.case-more,.steps>div>span,.case-badge{background:#ffffff80;color:#444}.case-more:hover{background:white}.case-art{filter:grayscale(1);border:1px solid #ffffffc0;box-shadow:inset 0 1px 0 #fff}.case-art>div{transition:translate .7s ease}.case-card:hover .case-art>div{translate:0 -3px}
.final-cta{background:linear-gradient(120deg,#171717e8,#404040de);border:1px solid #ffffff99;box-shadow:inset 0 1px 0 #ffffff55,0 18px 38px #00000015;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.final-cta .overline,.final-cta p,.final-actions>a:last-child{color:#e3e3e3}.faq details{border-radius:15px;margin:10px 0;padding:17px 20px}
.orbit-core{color:#c8c8c8;animation:glass-turn 40s linear infinite}.orbit-ring{border-color:#aaa}.orbit-label{color:#666}.orbit-dot{background:#333;border-color:#ddd;animation:glass-breathe 4s ease-in-out infinite}
dialog{background:linear-gradient(130deg,#fffffff2,#eeeeeee8);box-shadow:0 30px 100px #0003}dialog::backdrop{background:#2226;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#333}
.motion-enter{animation:glass-enter .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--enter-delay,0ms)}
@keyframes glass-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glass-drift{to{transform:translate(20vw,18vh) scale(1.2)}}@keyframes glass-turn{to{transform:rotate(360deg)}}@keyframes glass-breathe{50%{transform:scale(1.2);opacity:.5}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
@media(max-width:520px){.socials>a>span:nth-child(2){flex-wrap:wrap}.product-icon{width:34px}.hero-actions{gap:14px}.hero-actions .button{gap:10px}.ambient-glass i{animation-duration:32s}}
@supports not (backdrop-filter:blur(1px)){.profile,.surface,.case-card,.product,.socials>a,.nav-contact,dialog,.faq details{background:#f8f8f8}}
@media(prefers-reduced-transparency:reduce){.profile,.surface,.case-card,.product,.socials>a,.nav-contact,dialog,.faq details{background:#f8f8f8;backdrop-filter:none;-webkit-backdrop-filter:none}.ambient-glass{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.product:hover,.socials>a:hover,.button:hover,.product:hover .product-icon{transform:none}.case-card:hover .case-art>div{translate:none}}