/* Slurx showroom — real artwork, quiet glass, tactile controls. */
.hero{grid-template-columns:1.08fr 1fr;gap:44px;padding-bottom:50px;min-height:650px}.hero h1{font-size:clamp(42px,4.1vw,64px);font-weight:800;text-transform:none;letter-spacing:-3px;line-height:1.08}.hero .intro{font-size:16px;line-height:1.85}.hero .eyebrow{font-size:9px;letter-spacing:1.8px;color:#a6c9ee}.hero-showroom{height:500px;padding:26px 28px 19px;background:linear-gradient(130deg,#a4ceff13,#b4c9ff05);border-radius:32px;overflow:hidden}.hero-showroom::after{opacity:.1;z-index:-1}.hero-showroom .showcase-top{font-size:8px;color:#b6cbe5}.showroom-light{position:absolute;inset:15%;background:radial-gradient(ellipse,#3698ff30,transparent 65%);pointer-events:none}.hero-orbit{position:absolute;width:80%;aspect-ratio:1;left:10%;top:0;border:1px solid #a8cfff12;border-radius:50%;box-shadow:0 0 0 40px #9fcaff04;pointer-events:none}.hero-showroom .card-scene{width:77%;margin:54px auto 36px;flex-shrink:0;z-index:2}.hero-back{position:absolute;width:100%;height:100%;border-radius:14px;box-shadow:0 15px 35px #0006;transition:transform .6s}.hero-back-left{transform:translate(-27px,-14px) rotate(-17deg);filter:brightness(.7)}.hero-back-right{transform:translate(28px,10px) rotate(13deg);filter:brightness(.75)}.hero-showroom:hover .hero-back-left{transform:translate(-37px,-18px) rotate(-21deg)}.hero-showroom:hover .hero-back-right{transform:translate(38px,14px) rotate(17deg)}.hero-showroom .demo-card{padding:0;border:1px solid #fff4;border-radius:14px;transform:rotate(-5deg);background:#192331;cursor:pointer}.demo-card canvas{display:block;width:100%;height:100%;object-fit:cover}.hero-card-action{position:absolute;right:12px;bottom:12px;padding:9px 13px;background:#081222c9;border:1px solid #ffffff55;border-radius:30px;color:white;font-size:10px;opacity:0;transform:translateY(7px);transition:opacity .3s,transform .3s;backdrop-filter:blur(10px)}.demo-card:hover .hero-card-action,.demo-card:focus-visible .hero-card-action{opacity:1;transform:none}.hero-selector{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:24px;margin-top:auto}.hero-selector>div{min-width:180px;text-align:center}.hero-selector span{display:block;color:#8faaca;font-size:10px;margin-bottom:5px}.hero-selector strong{font-size:16px;font-weight:600}.hero-selector button,.preview-switcher button{width:40px;height:40px;border-radius:50%;border:1px solid #c8e1ff35;background:#c7e2ff0c;color:#e6f3ff;font-size:20px;transition:background .25s,transform .25s}.hero-selector button:hover,.preview-switcher button:hover{background:#91caff26;transform:scale(1.1)}.hero-dots{position:relative;z-index:2;display:flex;justify-content:center;gap:6px;margin-top:17px}.hero-dots button{height:24px;width:27px;padding:10px 3px;background:transparent;border:0}.hero-dots button::after{content:'';display:block;width:100%;height:3px;border-radius:5px;background:#a6c5e543;transition:background .3s}.hero-dots button[aria-pressed=true]::after{background:#b1dcff}
.design-ribbon{overflow:hidden;max-width:100%;padding:22px 0 30px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.ribbon-track{display:flex;gap:18px;width:max-content;animation:ribbon-slide 55s linear infinite paused}.design-ribbon.motion-live .ribbon-track{animation-play-state:running}.design-ribbon:hover .ribbon-track,.design-ribbon:focus-within .ribbon-track{animation-play-state:paused}.ribbon-card{width:210px;flex:0 0 210px;padding:6px;background:linear-gradient(130deg,#cfe8ff15,#cfe8ff05);border:1px solid #cfe8ff25;border-radius:16px;text-align:left;transition:transform .3s,border-color .3s}.ribbon-card canvas{display:block;width:100%;border-radius:11px}.ribbon-card span{display:block;padding:9px 6px 4px;font-size:11px;color:#c4d3e5}.ribbon-card:hover{transform:translateY(-7px) rotate(-2deg);border-color:#b2dbff99}@keyframes ribbon-slide{to{transform:translateX(calc(-50% - 9px))}}
.experience{padding-top:58px}.design-select{position:relative}.tile-action{position:absolute;left:22px;top:22px;padding:8px 11px;background:#0a1929dc;color:#fff;border:1px solid #ffffff40;border-radius:30px;font-size:10px;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s;pointer-events:none}.design-select:hover .tile-action,.design-select:focus-visible .tile-action{opacity:1;transform:none}.design-tile:hover{transform:translateY(-6px)}.design-tile:hover canvas{transform:scale(.98);filter:brightness(1.04)}.tile-info{min-height:53px}.tile-info small{font-weight:400}.design-search{gap:8px}.design-search input{min-width:0}.design-search input::-webkit-search-cancel-button{display:none}#clear-search{flex:0 0 26px;height:26px;border-radius:50%;background:#b9d7ff16;color:#cbdff4;font-size:18px}.preview-switcher{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #bedbff1c}.preview-switcher span{font-size:11px;color:#acbed5}.preview-switcher button{width:35px;height:35px}.phone-info strong{font-size:14px;color:#e6f2ff}.photo-credit{font-size:11px!important}.photo-credit a{text-decoration:underline;text-underline-offset:3px}.faq details[open] p,.setup-details[open] p{animation:answer-in .3s ease-out}@keyframes answer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.no-effects .ribbon-track{animation:none}.no-effects .hero-back,.no-effects .demo-card{transition:none}.no-effects .hero-card-action{transition:none}
@media(min-width:1500px){.hero-showroom{height:530px}.hero h1{font-size:68px}}@media(max-width:1050px){.hero{gap:25px}.hero h1{font-size:48px}.hero-showroom{height:460px;padding:22px}.hero-showroom .card-scene{width:80%;margin-top:55px}.hero-selector{gap:12px}.hero-selector>div{min-width:150px}.hero-selector strong{font-size:14px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:34px;padding-bottom:18px}.hero h1{font-size:clamp(42px,9.3vw,66px);letter-spacing:-2px}.hero .intro{font-size:14px}.hero-showroom{height:430px;max-width:480px;padding:23px}.hero-showroom .card-scene{width:74%;max-width:320px;margin:45px auto 30px}.hero-card-action{opacity:1;transform:none;font-size:9px;padding:6px 10px}.hero-selector>div{min-width:170px}.hero-dots{margin-top:9px}.design-ribbon{padding:24px 0 15px}.ribbon-card{width:160px;flex-basis:160px;border-radius:13px}.ribbon-track{gap:12px;animation-duration:40s}@keyframes ribbon-slide{to{transform:translateX(calc(-50% - 6px))}}.ribbon-card span{font-size:10px}.tile-action{display:none}.tile-info{min-height:54px}.preview-switcher{padding-bottom:15px;margin-bottom:15px}.design-search{flex:1}.design-grid{gap:12px}.filter-tabs{flex-wrap:nowrap;overflow-x:auto;width:100%;padding:3px 0 9px;scrollbar-width:thin}.filter-tabs button{flex-shrink:0}.hero-orbit{top:15px}.hero-showroom .card-scene{animation-name:element-float}.experience{padding-top:40px}}
@media(max-width:420px){.hero-showroom{height:365px;padding:18px}.hero-showroom .card-scene{width:78%;margin:35px auto 24px}.hero-selector{gap:10px}.hero-selector>div{min-width:145px}.hero-selector button{width:34px;height:34px}.hero-actions{gap:20px}.hero h1{font-size:41px}.hero-showroom .showcase-top{font-size:7px}.ribbon-card{width:150px;flex-basis:150px}}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none}.hero-card-action{transition:none}.faq details[open] p,.setup-details[open] p{animation:none}}
/* Rounded glass header, softly dissolving into the page. */
.header{position:relative;isolation:isolate;width:calc(100% - 24px);margin:12px auto 0;border:1px solid #b8d8ff18;border-bottom-color:transparent;border-radius:26px;background:linear-gradient(180deg,#13243bd1 0%,#1221398c 68%,#12213928 100%);box-shadow:inset 0 1px 0 #e3f0ff13,0 18px 42px -22px #0b1a30a6;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}
.header::after{content:'';position:absolute;z-index:-1;left:16px;right:16px;top:70%;height:80px;background:linear-gradient(180deg,#12213935,transparent);filter:blur(15px);border-radius:0 0 40px 40px;pointer-events:none}
.header .nav-buy{border-radius:14px}.header nav a{transition:color .25s,opacity .25s}
@media(max-width:760px){.header{width:calc(100% - 16px);margin-top:8px;border-radius:21px;padding-left:18px;padding-right:18px}.header::after{height:55px;filter:blur(10px)}.header .nav-buy{border-radius:12px}}
/* Softer header edge: keep the shape without a visible frame. */
.header{border-color:#b8d8ff0a;border-bottom-color:transparent;box-shadow:inset 0 1px 0 #e3f0ff07,0 18px 42px -22px #0b1a3060}
/* Premium finish: ink, brushed silver and restrained blue glass. */
:root{--accent:#bdd3ed;--muted:#a5afbf;--glass-border:#d8e6ff20;--glass-shadow:inset 0 1px 0 #fff0,0 14px 40px #0000001a}
body{background:radial-gradient(ellipse at 15% 5%,#26374a45,transparent 34%),radial-gradient(ellipse at 88% 36%,#28243928,transparent 35%),#090d14}
.hero h1{font-family:'Segoe UI',Arial,sans-serif;font-weight:600;letter-spacing:-3px;line-height:1.12}h2,h3{font-family:'Segoe UI',Arial,sans-serif;font-weight:600}h2{letter-spacing:-1.2px}.hero h1>span{background:linear-gradient(110deg,#dce7f3,#a0b5cf,#e8edf4);background-size:200% 100%;background-clip:text;-webkit-background-clip:text}.eyebrow{color:#9daec3}.intro{color:#adb6c5}
.primary,.nav-buy{background:linear-gradient(125deg,#e3eaf2,#a5b8cf)!important;color:#142030!important;border-color:#f0f5ff99;box-shadow:inset 0 1px 0 #fff8,0 8px 28px #9fc8ff12}.primary:hover,.nav-buy:hover{box-shadow:inset 0 1px 0 #fff8,0 12px 34px #9fc8ff25}.hero-showroom{background:linear-gradient(140deg,#c7d9f00b,#c7d9f003);border-color:#d2e1f71c;box-shadow:inset 0 1px 0 #ffffff09,0 25px 80px #0002}.showcase::after{opacity:.07}.showroom-light{opacity:.55}.feature,.price-card{background:linear-gradient(140deg,#d9e8ff0b,#c4dbff03);border-color:#d2e1f71c}.feature:hover{box-shadow:0 18px 45px #0003;border-color:#d2e1f743}.design-tile{border-radius:19px;background:linear-gradient(135deg,#d9e8ff0b,#c4dbff03);border-color:#d2e1f71b;box-shadow:inset 0 1px 0 #fff08,0 8px 25px #0001}.design-tile.selected{background:linear-gradient(140deg,#b5cce51c,#a0bed608);border-color:#c2d8f16e;box-shadow:inset 0 1px 0 #ffffff10}.design-tile:hover{box-shadow:0 18px 35px #0004;border-color:#d2e1f755}.filter-tabs button.active{background:#b6cbe51a;border-color:#bfd6ef4d;color:#edf4fe}.collection{background:none}.tile-info{font-weight:500}.ribbon-card{border-color:#cfe8ff1d;background:linear-gradient(130deg,#cfe8ff0c,#cfe8ff03)}
/* Pointer hover never interrupts the decorative ribbon. */
.design-ribbon.motion-live:hover .ribbon-track,.design-ribbon.motion-live:focus-within .ribbon-track{animation-play-state:running}.no-effects .ribbon-track{animation:none!important}.tab-asleep .ribbon-track{animation-play-state:paused!important}
.catalog-pages{display:flex;justify-content:center;align-items:center;gap:9px;margin:32px auto 0;padding:8px;width:max-content;max-width:100%;border:1px solid #d2e1f71c;border-radius:19px;background:linear-gradient(140deg,#d9e8ff0c,#c4dbff04);backdrop-filter:blur(12px)}.catalog-pages[hidden]{display:none}.catalog-pages button{width:43px;height:43px;border:1px solid transparent;border-radius:12px;background:transparent;color:#9faec2;font-size:13px;transition:color .2s,background .2s,transform .2s}.catalog-pages button:hover:not(:disabled){background:#c7d9f016;color:#fff;transform:translateY(-2px)}.catalog-pages button[aria-current=page]{background:linear-gradient(130deg,#e0e9f3,#a8bed5);color:#162437;border-color:#ffffff5c;box-shadow:0 5px 15px #0002}.catalog-pages button:disabled{opacity:.25;cursor:default}.catalog-pages button:focus-visible{outline-offset:2px}.design-grid{align-content:start}
@media(max-width:760px){.hero h1{letter-spacing:-1.8px}.catalog-pages{gap:3px;padding:5px;border-radius:15px}.catalog-pages button{width:32px;height:37px;border-radius:10px;font-size:12px}.hero-showroom{box-shadow:none}}
/* One Flaticon-style disclosure indicator, animated in both directions. */
.faq summary .disclosure-arrow,.setup-details summary .disclosure-arrow{display:block;flex:0 0 17px;width:17px;height:17px;background:currentColor;-webkit-mask:url('assets/disclosure-arrow.png') center/contain no-repeat;mask:url('assets/disclosure-arrow.png') center/contain no-repeat;color:#b7c8dd;transform:rotate(0deg);transition:transform .34s cubic-bezier(.22,.75,.25,1),color .2s}
.faq details[open] summary .disclosure-arrow,.setup-details[open] summary .disclosure-arrow{transform:rotate(0deg)}
.faq details.is-expanded summary .disclosure-arrow,.setup-details.is-expanded summary .disclosure-arrow{transform:rotate(90deg);color:#edf4ff}
.faq details[open] p,.setup-details[open] p{animation:none}.faq summary,.setup-details summary{gap:18px}.icon-credit{font-size:10px;color:#92a0b3}.no-effects .disclosure-arrow{transition:none!important}
@media(prefers-reduced-motion:reduce){.disclosure-arrow{transition:none!important}}
/* Shared tactile motion: small distances, no layout shifts. */
:root{--ease-polished:cubic-bezier(.22,.75,.25,1)}
.button,.nav-buy,.filter-tabs button,.catalog-pages button,.hero-selector button,.preview-switcher button,.favorite-preview,.tile-heart,.photo-actions button,.effects-toggle{transition:transform .28s var(--ease-polished),box-shadow .35s var(--ease-polished),border-color .3s,background-color .3s,color .25s,opacity .25s}
.button:active,.nav-buy:active,.filter-tabs button:active,.catalog-pages button:active:not(:disabled),.hero-selector button:active,.preview-switcher button:active,.favorite-preview:active,.tile-heart:active,.photo-actions button:active,.effects-toggle:active{transform:scale(.96)}
.header nav a{position:relative;padding:7px 0;transition:color .25s}.header nav a::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#d7e5f6,transparent);transform:scaleX(0);opacity:0;transition:transform .35s var(--ease-polished),opacity .3s}.header nav a:hover::after,.header nav a.current-section::after{transform:scaleX(1);opacity:1}.header nav a.current-section{color:#f0f5fc}
.button>span,.text-link>span,.nav-buy>span{display:inline-block;transition:transform .35s var(--ease-polished)}.button:hover>span,.text-link:hover>span,.nav-buy:hover>span{transform:translate(2px,-2px)}
.design-search{transition:border-color .3s,box-shadow .3s,background-color .3s}.design-search:focus-within{border-color:#c9dcef66;box-shadow:0 0 0 3px #c4d9f009,inset 0 1px 0 #fff08}.upload-zone{transition:border-color .35s,box-shadow .35s,background-color .35s,transform .35s var(--ease-polished)}.upload-zone svg{transition:transform .45s var(--ease-polished)}.upload-zone:hover svg,.upload-zone.drag-over svg{transform:translateY(-5px)}.upload-zone.drag-over{transform:scale(1.015);border-color:#d9e8ff;box-shadow:0 0 0 5px #c4d9f00c}
.faq details,.setup-details{transition:background-color .3s,border-color .3s,box-shadow .3s}.faq details:hover,.setup-details:hover{border-color:#c5d7ed35}.faq details.is-expanded,.setup-details.is-expanded{background-color:#b6d2f008;border-color:#c5d7ed40}.faq summary,.setup-details summary{border-radius:12px;transition:color .25s}.faq summary:hover,.setup-details summary:hover{color:#f5f8ff}.faq summary:focus-visible,.setup-details summary:focus-visible{outline-offset:-3px}
.tile-heart[aria-pressed=true],.favorite-preview[aria-pressed=true]{box-shadow:0 0 18px #e6aac018}.tile-info{transition:color .3s}.design-select:hover .tile-info{color:#fff}.design-tile.entering{animation-duration:.48s;animation-timing-function:var(--ease-polished)}.hero-dots button::after{transition:background .3s,transform .3s}.hero-dots button:hover::after{transform:scaleY(1.7)}
.footer a,.footer button{transition:color .25s,opacity .25s}.footer a:hover,.footer button:hover{color:#edf4ff}.no-effects *,.no-effects *::before,.no-effects *::after{transition:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
.hero-back[role=button]{cursor:pointer;pointer-events:auto}.hero-back[role=button]:focus-visible{outline:2px solid #e0ebf9;outline-offset:5px;filter:brightness(1)}.hero-back[role=button]:hover{filter:brightness(.95)}
/* Legible glass navigation and an interactive CSS 3D device. */
.header nav{gap:6px}.header nav a{padding:12px 16px;border:1px solid #d0e0f013;border-radius:13px;background:#c9dfff04;font-size:12px;white-space:nowrap;transition:background-color .25s,border-color .25s,color .25s}.header nav a:hover,.header nav a.current-section{background:#c9dfff10;border-color:#d0e0f02e}.header nav a::after{left:15px;right:15px;bottom:5px}.header .nav-buy{font-size:12px;gap:12px}.showcase-top{justify-content:flex-end}.upload-status:empty{display:none}.footer-disclaimer{font-size:10px;color:#78879b;line-height:1.7;text-align:center;padding-top:12px;padding-bottom:38px;margin:0 auto}.phone-stage{perspective:1300px;overflow:visible;padding:35px 0 10px;gap:0}
.device-model{--device-x:5deg;--device-y:-11deg;--device-turn:0deg;position:relative;width:294px;height:559px;transform-style:preserve-3d;transform:rotateX(var(--device-x)) rotateY(calc(var(--device-turn) + var(--device-y)));transition:transform .8s cubic-bezier(.2,.75,.2,1);flex-shrink:0}.device-model.show-back{--device-turn:180deg}.device-model .phone{position:absolute;inset:0;width:100%;height:100%;max-width:none;animation:none!important;transform:translateZ(8px)!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:5px solid #758292;background:linear-gradient(150deg,#1b2533,#070c13 70%);box-shadow:inset 0 0 0 2px #03050a,0 0 0 1px #d7e2f2a0;backdrop-filter:none;-webkit-backdrop-filter:none}
.device-back{position:absolute;inset:0;border-radius:45px;transform:rotateY(180deg) translateZ(8px);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:radial-gradient(ellipse at 10% 0%,#c7ced5,#5f6b7a 45%,#343f4d);border:2px solid #aeb9c9;box-shadow:inset 0 0 0 3px #69798c,inset 0 0 50px #fff1}.device-back-word{position:absolute;top:49%;width:100%;text-align:center;font-size:31px;font-weight:600;color:#17233355;letter-spacing:-2px}.camera-island{position:absolute;left:18px;top:18px;width:130px;height:140px;border-radius:30px;background:linear-gradient(140deg,#5f6e7e,#8d98a7);box-shadow:inset 0 1px 2px #fff7,2px 4px 8px #1a243d55}.camera-island i{position:absolute;width:49px;height:49px;border:4px solid #64768b;border-radius:50%;background:radial-gradient(circle at 38% 35%,#6c80a0 0 3%,#10253f 6%,#03070f 23%,#213048 28%,#030711 36%,#0c1724 65%,#05070c 70%);box-shadow:0 0 0 1px #c3ccd5aa,0 2px 5px #0009}.camera-island i:nth-child(1){top:12px;left:10px}.camera-island i:nth-child(2){bottom:12px;left:10px}.camera-island i:nth-child(3){top:45px;right:9px}.camera-island b{position:absolute;right:24px;top:17px;width:15px;height:15px;border-radius:50%;background:#d8d4c8;box-shadow:inset 0 0 3px #fff}
.device-edge{position:absolute;top:35px;bottom:35px;width:16px;background:linear-gradient(90deg,#374452,#c4cdd5 35%,#59697b 75%,#25313e);transform:rotateY(90deg);transform-style:preserve-3d}.edge-left{left:-8px}.edge-right{right:-8px}.device-edge i{position:absolute;width:6px;height:48px;left:5px;top:80px;border-radius:4px;background:linear-gradient(90deg,#566678,#c2cdd8,#617083);box-shadow:0 0 0 1px #222b35}.edge-left i+i{top:140px}.edge-right i{height:75px;top:100px}.device-tools{display:flex;justify-content:center;gap:8px;margin-top:35px;position:relative;z-index:2}.device-tools button{padding:11px 14px;border-radius:13px;border:1px solid #c5d7ed25;background:linear-gradient(135deg,#d5e5fa12,#d5e5fa04);font-size:11px;color:#c5d2e2;transition:background .25s,transform .25s}.device-tools button:hover{background:#d5e5fa1c;transform:translateY(-2px)}.device-tools button:active{transform:scale(.97)}
@media(max-width:1100px){.header nav a{padding:11px 9px;font-size:11px}.header{gap:12px}.header .nav-buy{font-size:11px;padding:12px}.device-model{width:275px;height:535px}}
@media(max-width:760px){.header{height:auto;min-height:85px;flex-wrap:wrap;padding-top:15px;padding-bottom:12px}.header nav{display:flex;order:3;width:100%;overflow-x:auto;gap:5px;padding-top:3px;scrollbar-width:none}.header nav a{flex:1;text-align:center;font-size:10px;padding:10px 8px}.device-model{width:260px;height:490px}.phone-stage{min-height:610px;padding-top:20px}.device-tools{margin-top:30px}.footer-disclaimer{padding-bottom:75px}.camera-island{transform:scale(.88);transform-origin:top left}}
@media(max-width:380px){.header nav a{flex:0 0 auto}.device-model{width:245px;height:475px}.header .brand{font-size:25px}}
.price-card{isolation:isolate;overflow:hidden;animation:price-float 6s ease-in-out infinite paused;transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .4s;transform:perspective(1000px) rotateX(var(--price-x,0deg)) rotateY(var(--price-y,0deg))!important}
.price-card::after{content:'';position:absolute;inset:-40% -80%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#d9eaff0a 47%,#ffffff13 50%,#d9eaff0a 53%,transparent 58%);transform:translateX(-65%);animation:price-sheen 9s ease-in-out infinite paused}
.price-card.price-animated,.price-card.price-animated::after{animation-play-state:running}
.price-card:hover,.price-card:focus-within{animation-play-state:paused;border-color:#d2e1f743}
@keyframes price-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes price-sheen{0%,15%{transform:translateX(-65%)}60%,100%{transform:translateX(65%)}}
.no-effects .price-card{transform:none!important;translate:none!important}.no-effects .price-card::after{display:none}
@media(prefers-reduced-motion:reduce){.price-card{animation:none!important;transform:none!important;translate:none!important}.price-card::after{display:none}}
/* R4GE-inspired response: soft reveal, luminous edge and tactile buttons. */
.price-card{animation:none;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .32s,box-shadow .4s}
.price-card:hover,.price-card:focus-within{box-shadow:inset 0 1px 0 #e3eeff16,0 20px 55px #0004,0 0 34px #6dafff13;border-color:#a8cdf85c}
.button,.nav-buy{position:relative;overflow:hidden;isolation:isolate;transition:background .32s,border-color .32s,color .32s,box-shadow .32s,transform .2s cubic-bezier(.22,.78,.26,1)!important}
.button.primary,.nav-buy{box-shadow:inset 0 1px 0 #fff8,0 5px 18px #6d9ccc18}
@media(hover:hover) and (pointer:fine){.button:hover,.nav-buy:hover{transform:translateY(-2px)}.button.primary:hover,.nav-buy:hover{box-shadow:inset 0 1px 0 #fff9,0 9px 28px #87bbf842,0 0 15px #8ab8ff20;border-color:#e7f3ff}.button.secondary:hover{background-color:#a2c9ff12;border-color:#b2d6ff70;box-shadow:0 6px 22px #79b9ff15}}
.button:focus-visible,.nav-buy:focus-visible{outline:2px solid #c5e2ff;outline-offset:4px;box-shadow:0 0 24px #82b8fa33}
.button:active,.nav-buy:active{transform:translateY(0) scale(.98)!important;transition-duration:.1s!important}
.button:after,.nav-buy:after{content:'';position:absolute;inset:-100% -30%;background:linear-gradient(105deg,transparent 43%,#fff4 50%,transparent 57%);transform:translateX(-100%);pointer-events:none}
.button:hover:after,.nav-buy:hover:after,.button:focus-visible:after,.nav-buy:focus-visible:after{transform:translateX(100%);transition:transform .65s ease}
.press-wave{position:absolute;border-radius:50%;background:currentColor;pointer-events:none;z-index:3}
.no-effects .button,.no-effects .nav-buy{transition:none!important;transform:none!important}.no-effects .press-wave{display:none}
@media(prefers-reduced-motion:reduce){.button,.nav-buy{transition:none!important;transform:none!important}.press-wave{display:none}}

/* Unified motion rhythm: short tactile feedback, longer soft reveals. */
.motion-ready{transition:opacity .62s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),transform .72s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms)}
.motion-pending{opacity:0;transform:translateY(28px) scale(.985)}
.motion-ready.in-view{opacity:1;transform:none}
.hero-copy>.motion-pending{transform:translateY(20px)}.hero-copy>.in-view{transform:none}
.design-tile{transition:transform .42s cubic-bezier(.16,1,.3,1),border-color .28s,box-shadow .34s}
.design-tile canvas{transition:transform .72s cubic-bezier(.16,1,.3,1),filter .4s}
.design-tile.entering{animation:catalogue-reveal .55s cubic-bezier(.16,1,.3,1) backwards}
@keyframes catalogue-reveal{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(hover:hover) and (pointer:fine){.design-tile:hover,.design-tile:focus-within{transform:translateY(-5px);border-color:#c7dfff65;box-shadow:0 18px 40px #0004,0 0 24px #82b8fa0c}.design-tile:hover canvas{transform:scale(.985);filter:brightness(1.06)}.hero-selector button:hover,.preview-switcher button:hover{box-shadow:0 0 20px #82b8fa26}}
.faq details>p,.setup-details .setup-grid{opacity:0;transform:translateY(-6px);transition:opacity .25s ease,transform .34s cubic-bezier(.16,1,.3,1)}
.faq details.is-expanded>p,.setup-details.is-expanded .setup-grid{opacity:1;transform:none}
dialog[open]{animation:slurx-panel-in .42s cubic-bezier(.16,1,.3,1)}
dialog[open]::backdrop{animation:slurx-backdrop-in .28s ease}
dialog.closing{animation:slurx-panel-out .22s ease-in forwards}
dialog.closing::backdrop{animation:slurx-backdrop-out .22s ease-in forwards}
@keyframes slurx-panel-in{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
@keyframes slurx-panel-out{to{opacity:0;transform:translateY(12px) scale(.985)}}
@keyframes slurx-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes slurx-backdrop-out{to{opacity:0}}
@media(max-width:760px){.motion-pending{transform:translateY(16px)}.motion-ready.in-view{transform:none}.price-card::after{animation-duration:12s}}
.no-effects .motion-pending{opacity:1;transform:none}.no-effects .design-tile{translate:none}.no-effects .press-wave{display:none}
@media(prefers-reduced-motion:reduce){.motion-pending{opacity:1;transform:none}.design-tile{translate:none}}

/* Lightfall adds a luminous layer to the existing ink-and-glass backdrop. */
body{isolation:isolate}.lightfall-container{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:.16;mix-blend-mode:screen;contain:strict}.lightfall-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.no-effects .lightfall-container{display:none}
@media(max-width:760px){.lightfall-container{opacity:.10}}
@media(prefers-reduced-motion:reduce){.lightfall-container{display:none}}

/* Readable typography and contained preview lighting. */
:root{--muted:#b8c3d2}body{font-size:16px;line-height:1.55}
.header nav a,.header .nav-buy{font-size:14px}.header nav a{padding:12px 14px}
.button,.text-link{font-size:16px;min-height:48px}.hero .intro{font-size:18px;line-height:1.7}
.eyebrow,.hero .eyebrow{font-size:12px;letter-spacing:1.2px;color:#b8c9df}
.hero-meta,.hero-meta span{font-size:14px}.hero-selector span{font-size:13px}.hero-selector strong{font-size:18px}.hero-showroom .showcase-top{font-size:12px}
.feature p,.setup-grid p,.setup-details p,.pricing-copy>p:not(.eyebrow),.faq>div>p:not(.eyebrow),details>p{font-size:16px;line-height:1.75;color:#b8c3d2}
.filter-tabs button,.design-search input,.catalog-pages button{font-size:15px}.design-search input{width:220px}.catalog-meta{font-size:13px;color:#b8c3d2}
.tile-info{display:flex;flex-direction:column;gap:4px;font-size:16px;line-height:1.4;min-height:70px}.tile-info small{font-size:13px;color:#b3bfd0}.ribbon-card span{font-size:13px}
.preview-switcher span,.stage-caption,.upload-zone span,.upload-status,.range-label,.photo-actions button,.position-controls label{font-size:14px;line-height:1.6;color:#bdc9da}.upload-zone strong{font-size:17px}.upload-zone small{font-size:12px;letter-spacing:.3px}.range-label output,.range-ends{font-size:13px}.upload-zone{padding:30px 20px}
.setup-badge,.coming{font-size:14px}.price-card{max-width:510px}.price-card li{font-size:15px;line-height:1.6}.price-caption,.once{font-size:14px}.price-footnote{font-size:13px;line-height:1.65;color:#b1bccb}.tag{font-size:11px}.price-title{font-size:22px}
.faq summary,.setup-details summary{font-size:16px;line-height:1.5;padding:22px 0}.faq{gap:48px}.footer,.footer button,.icon-credit,.footer-disclaimer{font-size:13px;line-height:1.65;color:#aebccd}.footer>div{flex-wrap:wrap}.effects-toggle{font-size:12px}
dialog{max-width:520px}dialog p:not(.eyebrow),dialog .dialog-note,.order-row{font-size:15px;line-height:1.75}.photo-credit{font-size:13px!important}
.phone-stage{min-width:0}.stage-ring{width:min(440px,100%);max-width:100%;box-shadow:none;background:radial-gradient(ellipse,#6b9edb10,transparent 65%)}
.lightfall-container{-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}
@media(max-width:1100px){.header{flex-wrap:wrap;height:auto;padding-top:16px;padding-bottom:16px}.header nav{order:3;width:100%;justify-content:center;flex-wrap:wrap}.header .nav-buy{margin-left:auto;font-size:14px}.header nav a{font-size:14px}.try-layout{gap:32px}}
@media(max-width:760px){.hero .intro{font-size:17px}.header nav{overflow:visible;gap:6px}.header nav a{flex:1 1 40%;font-size:14px;padding:10px}.hero .eyebrow{font-size:11px}.button,.text-link{font-size:15px}.filter-tabs button{font-size:14px}.design-search input{font-size:16px;width:100%}.tile-info{font-size:15px;min-height:72px}.tile-info small{font-size:12px}.catalog-pages button{font-size:14px;min-width:34px}.stage-caption{font-size:13px;max-width:280px}.phone-stage{min-height:570px}.stage-ring{width:300px}.pricing h2{font-size:40px}.price-card{padding:26px 22px}.footer-disclaimer{padding-bottom:90px}.hero-selector strong{font-size:16px}}