:root{
  --bg:#07070a;
  --bg-soft:#0d0c12;
  --panel:rgba(18,17,24,.78);
  --panel-solid:#111016;
  --text:#f6f3ff;
  --muted:#a7a2b1;
  --muted-2:#77717f;
  --line:rgba(255,255,255,.105);
  --line-strong:rgba(183,163,255,.30);
  --accent:#8b5cf6;
  --accent-2:#cbbcff;
  --accent-3:#e6ddff;
  --danger:#ff8a9a;
  --success:#a9ffcf;
  --serif:"Instrument Serif",Georgia,serif;
  --sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --shell:min(1420px,calc(100vw - 8vw));
  --radius:28px;
  --header-h:82px;
  --scroll-progress:0;
  --pointer-x:50vw;
  --pointer-y:30vh;
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg);overflow-x:clip}
body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(480px circle at var(--pointer-x) var(--pointer-y),rgba(139,92,246,.055),transparent 67%)}
body:has(dialog[open]){overflow:hidden}
button,input,textarea,select{font:inherit;color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{border:0}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
figure,p,h1,h2,h3,h4{margin:0}
button{cursor:pointer}
[hidden]{display:none!important}
::selection{background:rgba(139,92,246,.44);color:#fff}

.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;padding:12px 18px;background:#fff;color:#08080b;border-radius:999px;transition:top .2s}
.skip-link:focus{top:16px}

.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 74%)}
.ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.34;will-change:transform}
.ambient-orb-a{width:42vw;height:42vw;right:-13vw;top:-16vw;background:#6338cb;animation:driftA 17s ease-in-out infinite alternate}
.ambient-orb-b{width:34vw;height:34vw;left:-18vw;top:38vh;background:#321a75;animation:driftB 21s ease-in-out infinite alternate}
.ambient-noise{position:absolute;inset:-50%;opacity:.027;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:noise .35s steps(2) infinite}
@keyframes driftA{to{transform:translate(-8vw,11vh) scale(1.12)}}
@keyframes driftB{to{transform:translate(12vw,-6vh) scale(.92)}}
@keyframes noise{0%{transform:translate(0,0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}100%{transform:translate(-2%,-1%)}}

.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:1200;background:rgba(255,255,255,.03)}
.scroll-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#6840d9,#c7b5ff);box-shadow:0 0 20px rgba(139,92,246,.9)}

.site-header{position:fixed;z-index:1100;top:14px;left:50%;transform:translateX(-50%);width:var(--shell);height:var(--header-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px 0 22px;border:1px solid transparent;border-radius:22px;transition:background .35s,border-color .35s,box-shadow .35s,backdrop-filter .35s}
.site-header.scrolled{background:rgba(9,8,13,.76);border-color:var(--line);backdrop-filter:blur(22px) saturate(145%);box-shadow:0 20px 70px rgba(0,0,0,.25)}
.brand{display:inline-flex;align-items:center;gap:12px;justify-self:start;min-width:0}
.brand-symbol{width:38px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:12px;background:linear-gradient(145deg,rgba(139,92,246,.18),rgba(255,255,255,.03));box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 30px rgba(139,92,246,.10)}
.brand-symbol img{width:22px;height:22px;object-fit:contain}
.brand-name{font-family:var(--serif);letter-spacing:.005em;white-space:nowrap}
.desktop-nav{display:flex;align-items:center;gap:7px;padding:5px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025)}
.desktop-nav a{position:relative;padding:10px 16px;border-radius:999px;color:#b8b3c2;letter-spacing:.08em;text-transform:uppercase;transition:color .25s,background .25s}
.desktop-nav a:hover,.desktop-nav a:focus-visible{color:#fff;background:rgba(255,255,255,.065)}
.header-action{justify-self:end;display:inline-flex;align-items:center;gap:18px;padding:13px 18px;border:1px solid rgba(174,151,255,.36);border-radius:999px;background:rgba(139,92,246,.09);letter-spacing:.08em;text-transform:uppercase;transition:transform .25s,background .25s,border-color .25s}
.header-action:hover{transform:translateY(-2px);background:rgba(139,92,246,.18);border-color:rgba(196,179,255,.65)}
.header-action span{color:var(--accent-2);}
.menu-toggle{display:none;justify-self:end;position:relative;width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid var(--line)}
.menu-toggle span{position:absolute;left:14px;width:20px;height:1px;background:#fff;transition:transform .3s,top .3s}
.menu-toggle span:first-child{top:19px}.menu-toggle span:last-child{top:27px}
.menu-toggle.active span:first-child{top:23px;transform:rotate(45deg)}
.menu-toggle.active span:last-child{top:23px;transform:rotate(-45deg)}
.mobile-menu{position:fixed;z-index:1050;inset:0;display:none;padding:110px 22px 28px;background:rgba(7,7,10,.94);backdrop-filter:blur(28px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.mobile-menu.open{opacity:1;visibility:visible}
.mobile-menu nav{display:flex;flex-direction:column;width:100%;gap:8px}
.mobile-menu a{display:flex;align-items:center;gap:18px;padding:18px 4px;border-bottom:1px solid var(--line);font-family:var(--serif);}
.mobile-menu a span{font-family:var(--sans);color:var(--accent-2);letter-spacing:.12em}
.mobile-menu .button{margin-top:auto}

main,footer{position:relative;z-index:2}
.section-shell{width:var(--shell);margin-inline:auto}
.kicker{display:flex;align-items:center;gap:11px;color:var(--accent-2);font-weight:600;letter-spacing:.15em;text-transform:uppercase;line-height:1.4}
h1,h2,h3{text-wrap:balance;overflow-wrap:anywhere}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}
h1 em,h2 em{font-weight:400;color:transparent;background:linear-gradient(105deg,#fff 5%,#d9ccff 45%,#8b5cf6 98%);background-clip:text;-webkit-background-clip:text;font-style:italic}

.hero{min-height:100svh;padding-top:calc(var(--header-h) + 78px);padding-bottom:54px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);grid-template-rows:1fr;gap:5vw;align-items:center}
.hero-copy{min-width:0;position:relative;z-index:3}
.hero h1{line-height:.84;margin-top:32px;max-width:900px}
.hero-text{max-width:680px;margin-top:32px;color:var(--muted);line-height:1.75}
.hero-actions{display:flex;align-items:center;gap:12px;margin-top:38px;flex-wrap:wrap}
.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 22px;border-radius:999px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;color:#fff}
.button:hover{transform:translateY(-2px)}
.button-primary{background:linear-gradient(135deg,#6f42e7,#9c73ff);box-shadow:0 18px 55px rgba(100,57,220,.28),inset 0 1px rgba(255,255,255,.28)}
.button-primary:hover{box-shadow:0 24px 66px rgba(111,66,231,.40),inset 0 1px rgba(255,255,255,.32)}
.button-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.button-ghost{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#c1bbc9}
.button-ghost:hover{border-color:rgba(255,255,255,.26);background:rgba(255,255,255,.06);color:#fff}
.hero-trust{display:flex;flex-wrap:wrap;gap:15px 24px;margin-top:38px;color:#9e98a7;letter-spacing:.05em;text-transform:uppercase}
.hero-trust span{display:flex;align-items:center;gap:9px}
.hero-trust i{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px var(--accent)}

.hero-visual{position:relative;min-height:720px;isolation:isolate;overflow:clip;--tilt-x:0px;--tilt-y:0px}
.hero-visual::before{content:"";position:absolute;inset:12% 10% 8%;border-radius:50%;background:radial-gradient(circle,rgba(130,83,255,.22),rgba(62,36,116,.07) 42%,transparent 70%);filter:blur(10px)}
.visual-interface{position:absolute;z-index:5;top:4%;left:8%;right:4%;display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line);letter-spacing:.16em;color:#797384}
.interface-status{display:flex;align-items:center;gap:8px;color:#aaa3b7}.interface-status i{width:6px;height:6px;border-radius:50%;background:#a978ff;box-shadow:0 0 12px #a978ff;animation:pulse 2s infinite}
@keyframes pulse{50%{opacity:.35}}
.visual-orbit{position:absolute;left:50%;top:51%;translate:-50% -50%;border:1px solid rgba(183,163,255,.19);border-radius:50%;pointer-events:none}
.orbit-a{width:590px;aspect-ratio:1;animation:spin 26s linear infinite}
.orbit-b{width:450px;aspect-ratio:1;border-style:dashed;animation:spin 34s linear infinite reverse}
.visual-orbit::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;top:12%;left:19%;background:var(--accent-2);box-shadow:0 0 18px var(--accent)}
@keyframes spin{to{rotate:360deg}}
.visual-card{position:absolute;overflow:hidden;border:1px solid rgba(218,208,255,.22);background:#121117;box-shadow:0 36px 100px rgba(0,0,0,.48),0 0 70px rgba(103,61,211,.10);transition:transform .25s ease;will-change:transform}
.visual-card img{width:100%;height:100%;object-fit:cover}
.visual-card-main{z-index:3;width:min(58%,430px);aspect-ratio:.76;left:50%;top:50%;transform:translate(calc(-50% + var(--tilt-x)),calc(-50% + var(--tilt-y))) rotate(-2deg);border-radius:5px}
.visual-card-phone{z-index:2;width:25%;aspect-ratio:.76;right:2%;top:18%;transform:translate(calc(var(--tilt-x) * -.7),calc(var(--tilt-y) * -.7)) rotate(7deg);border-radius:18px}
.visual-card-puzzle{z-index:4;width:28%;aspect-ratio:1;left:0;bottom:12%;transform:translate(calc(var(--tilt-x) * .75),calc(var(--tilt-y) * .75)) rotate(-7deg);border-radius:14px}
.visual-chip{position:absolute;z-index:6;padding:9px 12px;border:1px solid rgba(183,163,255,.25);border-radius:999px;background:rgba(11,10,15,.68);backdrop-filter:blur(12px);letter-spacing:.15em;color:#c9baff;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.chip-a{right:2%;bottom:18%}.chip-b{left:11%;top:20%}

.manifesto{min-height:88svh;display:flex;flex-direction:column;justify-content:center;position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:120px}
.manifesto-index{position:absolute;top:35px;right:0;letter-spacing:.16em;color:#605b68}
.manifesto>p{color:var(--muted);letter-spacing:.05em;text-transform:uppercase}
.manifesto h2{line-height:.92;margin-top:30px;max-width:1160px}
.manifesto-line{position:absolute;right:0;bottom:80px;width:34%;height:1px;background:var(--line)}
.manifesto-line span{display:block;width:36%;height:1px;background:var(--accent);box-shadow:0 0 20px rgba(139,92,246,.7)}

.collection{padding-block:150px}
.section-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:8vw;align-items:end;margin-bottom:72px}
.section-intro>div{min-width:0}
.section-intro h2{line-height:.9;margin-top:24px}
.section-intro>p{justify-self:end;max-width:500px;color:var(--muted);line-height:1.75;}
.product-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.product-card{grid-column:span 4;position:relative;min-height:560px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.012));isolation:isolate;container-type:inline-size;transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s}
.product-card::before{content:"";position:absolute;inset:0;background:radial-gradient(500px circle at 50% 20%,rgba(139,92,246,.16),transparent 62%);opacity:0;transition:opacity .4s;z-index:-1}
.product-card:hover{transform:translateY(-7px);border-color:rgba(183,163,255,.34);box-shadow:0 35px 100px rgba(0,0,0,.28)}
.product-card:hover::before{opacity:1}
.product-card-featured{grid-column:span 8;min-height:660px}
.product-card-wide{grid-column:span 8}
.product-card-media{position:absolute;inset:24px 28px 100px;display:grid;place-items:center}
.product-card-media img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 42px rgba(0,0,0,.46));transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.product-card:hover .product-card-media img{transform:scale(1.025) rotate(.6deg)}
.product-card-bottom{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.product-card h3{max-width:72%;font-family:var(--serif);font-weight:400;line-height:.96;letter-spacing:-.025em}
.product-link{display:inline-flex;align-items:center;gap:9px;padding:0 0 7px;background:none;border-bottom:1px solid rgba(183,163,255,.45);color:#d5c9ff;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;transition:color .25s,border-color .25s}
.product-link:hover{color:#fff;border-color:#fff}

.design-service{min-height:760px;margin-bottom:150px;padding:42px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);gap:6vw;align-items:center;overflow:hidden;border:1px solid rgba(183,163,255,.22);border-radius:38px;background:linear-gradient(135deg,rgba(76,42,156,.40),rgba(18,14,31,.74) 40%,rgba(12,11,16,.94));box-shadow:inset 0 1px rgba(255,255,255,.06),0 35px 120px rgba(0,0,0,.28)}
.design-copy{min-width:0;padding:40px 0 40px 30px}
.design-copy h2{line-height:.88;margin-top:26px}
.design-copy>p:not(.kicker){max-width:650px;margin-top:28px;color:#b2acbb;line-height:1.8}
.design-specs{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}
.design-specs span{padding:9px 12px;border:1px solid rgba(183,163,255,.24);border-radius:999px;color:#c8bcf6;letter-spacing:.14em;background:rgba(255,255,255,.025)}
.design-visual{position:relative;min-height:650px;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:28px;background:radial-gradient(circle at 60% 40%,rgba(139,92,246,.32),transparent 38%),#0b0910}
.design-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center,#000,transparent 82%)}
.design-word{position:absolute;left:6%;top:8%;font-family:var(--serif);line-height:.72;color:rgba(255,255,255,.045);letter-spacing:-.06em}
.design-visual figure{position:absolute;z-index:2;width:62%;left:50%;top:50%;transform:translate(-50%,-48%) rotate(3deg);filter:drop-shadow(0 45px 65px rgba(0,0,0,.55))}
.design-visual figure img{width:100%;max-height:520px;object-fit:contain}
.design-hud{position:absolute;z-index:3;left:22px;right:22px;bottom:22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;letter-spacing:.14em;color:#958da2}
.design-hud i{height:1px;background:linear-gradient(90deg,var(--accent),transparent)}

.process{padding-block:30px 150px}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.process-card{min-height:370px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:30px 28px 34px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);transition:background .35s}
.process-card:last-child{border-right:0}
.process-card:hover{background:linear-gradient(180deg,rgba(139,92,246,.07),transparent)}
.process-card h3{font-family:var(--serif);font-weight:400;line-height:.95;margin-bottom:17px}
.process-card p{max-width:330px;color:var(--muted);line-height:1.7}
.process-card>i{position:absolute;right:26px;top:29px;color:#6c6575;font-style:normal}

.studio-note{min-height:720px;padding-block:120px;display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);gap:8vw;align-items:center;border-top:1px solid var(--line)}
.studio-mark{position:relative;width:min(32vw,430px);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(183,163,255,.26);border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.18),rgba(139,92,246,.04) 45%,transparent 68%);box-shadow:inset 0 0 80px rgba(139,92,246,.08),0 0 100px rgba(139,92,246,.08)}
.studio-mark::before,.studio-mark::after,.studio-mark span{content:"";position:absolute;border-radius:50%;border:1px solid rgba(183,163,255,.12)}
.studio-mark::before{inset:11%}.studio-mark::after{inset:23%}.studio-mark span{inset:-18%;border-style:dashed;animation:spin 40s linear infinite}
.studio-mark img{width:34%;filter:drop-shadow(0 0 35px rgba(164,127,255,.42))}
.studio-copy h2{line-height:.9;margin-top:26px}
.studio-copy>p:last-child{max-width:730px;margin-top:30px;color:var(--muted);line-height:1.8}

.final-cta{min-height:760px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.final-cta h2{position:relative;z-index:2;line-height:.86;margin:28px 0 45px}
.final-cta .button,.final-cta .kicker{position:relative;z-index:2}
.cta-orbit{position:absolute;left:50%;top:50%;translate:-50% -50%;width:min(70vw,900px);aspect-ratio:1;border:1px solid rgba(183,163,255,.14);border-radius:50%;box-shadow:inset 0 0 160px rgba(139,92,246,.09),0 0 160px rgba(139,92,246,.05)}
.cta-orbit::before,.cta-orbit::after{content:"";position:absolute;inset:12%;border:1px dashed rgba(183,163,255,.12);border-radius:50%;animation:spin 50s linear infinite}
.cta-orbit::after{inset:27%;animation-direction:reverse}

footer{z-index:2;width:var(--shell);margin-inline:auto;min-height:150px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;color:#797482;letter-spacing:.12em;text-transform:uppercase}
.footer-brand{text-transform:none;color:var(--text)}
footer p:last-child{text-align:right}

/* Order dialog */
.inquiry-dialog{width:min(1040px,calc(100vw - 28px));max-width:1040px;max-height:calc(100dvh - 28px);padding:0;border:1px solid rgba(183,163,255,.30);border-radius:28px;background:rgba(12,11,16,.96);color:var(--text);box-shadow:0 55px 160px rgba(0,0,0,.78),inset 0 1px rgba(255,255,255,.06);overflow:auto;overflow-x:hidden;overscroll-behavior:contain}
.inquiry-dialog::backdrop{background:rgba(3,3,6,.82);backdrop-filter:blur(15px)}
.inquiry-dialog[open]{animation:dialogIn .32s cubic-bezier(.2,.8,.2,1)}
@keyframes dialogIn{from{opacity:0;transform:translateY(18px) scale(.98)}}
.dialog-close{position:sticky;z-index:20;float:right;top:16px;margin:16px 16px -64px 0;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:rgba(15,14,20,.72);backdrop-filter:blur(12px);font-weight:300;line-height:1;color:#cfc8d8;transition:background .2s,transform .2s}
.dialog-close:hover{background:rgba(139,92,246,.18);transform:rotate(5deg)}
.order-step{padding:54px}
.dialog-copy h2{font-family:var(--serif);font-weight:400;line-height:.9;letter-spacing:-.04em;margin-top:20px}
.dialog-copy>p:last-child{margin-top:18px;color:var(--muted);line-height:1.7}
.order-choice-heading{padding-right:64px}
.choice-section{margin-top:42px}
.choice-section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}
.choice-section-heading h3{font-family:var(--serif);font-weight:400}
.choice-grid{display:grid;gap:12px}
.choice-products{grid-template-columns:repeat(2,minmax(0,1fr))}
.choice-card{position:relative;min-width:0;text-align:left;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}
.choice-card:hover,.choice-card.is-selected{border-color:rgba(183,163,255,.48);background:rgba(139,92,246,.075);box-shadow:0 20px 60px rgba(0,0,0,.16)}
.choice-card:hover{transform:translateY(-2px)}
.choice-product{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px}
.choice-media{width:92px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:rgba(255,255,255,.035)}
.choice-media img{width:100%;height:100%;object-fit:contain}
.choice-copy{min-width:0;display:flex;flex-direction:column;gap:6px}
.choice-copy strong{font-family:var(--serif);font-weight:400;line-height:1.05;overflow-wrap:anywhere}
.choice-copy small{color:var(--muted);line-height:1.45;overflow-wrap:anywhere}
.choice-copy b{color:var(--accent-2);font-weight:500}
.choice-arrow{padding:10px;color:#7c7486}
.service-section{padding-top:12px}
.choice-service{width:100%;min-height:240px;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.62fr) auto;gap:24px;align-items:center;padding:26px;overflow:hidden;background:linear-gradient(135deg,rgba(76,42,156,.28),rgba(255,255,255,.025))}
.service-glow{position:absolute;width:300px;height:300px;right:8%;top:-60%;border-radius:50%;background:rgba(139,92,246,.18);filter:blur(45px)}
.service-copy{z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.service-label{letter-spacing:.15em;color:var(--accent-2)}
.service-copy strong{font-family:var(--serif);font-weight:400;line-height:.88}
.service-copy small{max-width:510px;color:var(--muted);line-height:1.55}
.service-tags{display:flex;flex-wrap:wrap;gap:7px}
.service-tags i{padding:7px 9px;border:1px solid var(--line);border-radius:999px;font-style:normal;color:#bdb5c7}
.service-visual{z-index:1;position:relative;min-height:175px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#09080c}
.service-visual-bg{font-family:var(--serif);line-height:.72;color:rgba(255,255,255,.055)}
.service-visual-mark{position:absolute;font-family:var(--serif);color:#c9b9ff;text-shadow:0 0 30px rgba(139,92,246,.55)}
.service-visual-caption{position:absolute;bottom:10px;letter-spacing:.13em;color:#77717f}
.choice-actions{position:sticky;bottom:-54px;z-index:10;margin:34px -54px -54px;padding:18px 54px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid var(--line);background:rgba(12,11,16,.91);backdrop-filter:blur(18px)}
.choice-actions p{color:var(--muted);}

.compact-dialog-copy{padding-right:56px}
.selected-order{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:32px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}
.selected-order-type{min-width:0;display:flex;flex-direction:column;gap:4px}
.selected-order-type span{letter-spacing:.13em;color:#85808d;text-transform:uppercase}
.selected-order-type strong{font-family:var(--serif);font-weight:400;overflow-wrap:anywhere}
.selected-order button{padding:8px 0;background:none;color:var(--accent-2);letter-spacing:.1em;text-transform:uppercase}
.product-configurator{margin-top:18px;padding:26px;border:1px solid rgba(183,163,255,.20);border-radius:20px;background:linear-gradient(150deg,rgba(139,92,246,.07),rgba(255,255,255,.018))}
.configurator-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.configurator-head>div:first-child span{letter-spacing:.13em;color:var(--accent-2)}
.configurator-head h3{font-family:var(--serif);font-weight:400;margin-top:6px}
.configurator-price{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}
.configurator-price small{color:#7d7784;text-transform:uppercase;letter-spacing:.11em}
.configurator-price strong{font-family:var(--serif);font-weight:400;color:#d5c8ff}
.configurator-summary{margin-top:18px;color:var(--muted);line-height:1.6}
.configurator-fields{display:grid;gap:22px;margin-top:24px}
.config-field{min-width:0}
.config-field-label{display:flex;align-items:center;gap:8px;margin-bottom:11px;letter-spacing:.06em;color:#cbc5d0}
.config-field-label small,.modern-field span small,.modern-field-label small{color:#887f91;text-transform:uppercase;letter-spacing:.08em}
.modern-options{display:flex;flex-wrap:wrap;gap:8px}
.modern-options.is-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.modern-option{min-width:0;min-height:48px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02);text-align:left;display:flex;flex-direction:column;justify-content:center;gap:3px;transition:border-color .2s,background .2s,transform .2s}
.modern-option:hover,.modern-option.is-active{border-color:rgba(183,163,255,.55);background:rgba(139,92,246,.12);transform:translateY(-1px)}
.modern-option strong{font-weight:500;overflow-wrap:anywhere}
.modern-option span,.modern-option small{color:#8d8794;line-height:1.35}
.modern-option small{color:var(--accent-2)}
.modern-options.is-colors{gap:11px}
.color-option{width:48px;min-width:48px;height:48px;padding:0;display:grid;place-items:center;border-radius:50%}
.color-swatch{width:26px;height:26px;border-radius:50%;background:var(--swatch);border:1px solid rgba(255,255,255,.25);box-shadow:0 0 0 4px rgba(255,255,255,.025)}
.color-option-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
.config-text-field{display:block}
.config-text-field input,.modern-field input,.modern-field textarea,.modern-field select{width:100%;border:1px solid var(--line);border-radius:12px;background:rgba(3,3,6,.48);padding:14px 15px;outline:none;transition:border-color .2s,box-shadow .2s}
.config-text-field input:focus,.modern-field input:focus,.modern-field textarea:focus,.modern-field select:focus{border-color:rgba(183,163,255,.62);box-shadow:0 0 0 4px rgba(139,92,246,.10)}
.phone-brand-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.phone-brand{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:transparent;color:#9e98a5;}
.phone-brand.is-active{background:rgba(139,92,246,.13);border-color:rgba(183,163,255,.46);color:#fff}
.phone-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:280px;overflow:auto;padding-right:4px}
.phone-model{min-height:45px;padding:9px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02);text-align:left;overflow-wrap:anywhere}
.phone-model:hover,.phone-model.is-active{border-color:rgba(183,163,255,.5);background:rgba(139,92,246,.10)}
.configurator-validation{margin:14px 0 0;padding:11px 13px;border:1px solid rgba(255,138,154,.35);border-radius:10px;background:rgba(255,91,111,.06);color:#ffb2bd;}
.config-field.is-invalid .modern-options,.config-field.is-invalid input{outline:1px solid rgba(255,138,154,.7)}
.product-details{margin-top:15px;border-top:1px solid var(--line)}
.product-details summary{padding:16px 0 2px;cursor:pointer;color:#cfc8d8;letter-spacing:.06em}
.product-details-content{padding-top:18px}
.spec-block{display:grid;gap:18px}
.spec-heading-row{display:flex;align-items:end;justify-content:space-between;gap:20px}
.spec-heading-row span{letter-spacing:.12em;color:var(--accent-2)}
.spec-heading-row h4{font-family:var(--serif);font-weight:400;margin-top:4px}
.spec-heading-row b{font-weight:500;color:#9b94a1;white-space:nowrap}
.spec-measure-note{color:#8f8996;line-height:1.55}
.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:12px}
table{width:100%;border-collapse:collapse;min-width:620px;}
th,td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
th{color:#bfb8c8;background:rgba(255,255,255,.03);font-weight:500}td{color:#8f8996}
.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.spec-grid>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018)}
.spec-grid h4{font-family:var(--serif);font-weight:400;margin-bottom:7px}
.spec-grid p{color:#908a97;line-height:1.55}
.spec-facts{display:flex;flex-wrap:wrap;gap:7px}.spec-facts span{padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:#938c9a;}
.phone-spec-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.phone-spec-models div{padding:12px;border:1px solid var(--line);border-radius:10px}.phone-spec-models h4{font-family:var(--serif);font-weight:400}.phone-spec-models p{color:#8e8794;line-height:1.45;margin-top:5px}

#inquiryForm{margin-top:18px}
.form-honey{position:absolute!important;left:-10000px!important;opacity:0!important}
.form-section{margin-top:18px;padding:26px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.018)}
.form-section-head{display:flex;align-items:flex-start;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:22px}
.form-section-head h3{font-family:var(--serif);font-weight:400}
.form-section-head p{margin-top:4px;color:var(--muted);line-height:1.5}
.modern-field-group{margin-bottom:20px}
.modern-field-label{display:block;margin-bottom:11px;color:#cbc5d0}
.occasion-options{display:flex;flex-wrap:wrap;gap:8px}
.occasion-pill{padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02);color:#aaa4b0;transition:background .2s,border-color .2s,color .2s}
.occasion-pill:hover,.occasion-pill.is-active{background:rgba(139,92,246,.13);border-color:rgba(183,163,255,.52);color:#fff}
.modern-field-group.is-invalid .occasion-options{outline:1px solid rgba(255,138,154,.7);outline-offset:4px;border-radius:999px}
.modern-field{display:block;min-width:0}
.modern-field>span{display:block;margin-bottom:9px;color:#cbc5d0}
.modern-field textarea{resize:vertical;min-height:110px;line-height:1.5}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.field-wide{grid-column:1/-1}
.upload-card{margin-top:16px;min-height:115px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;border:1px dashed rgba(183,163,255,.34);border-radius:16px;background:rgba(139,92,246,.035);cursor:pointer;transition:border-color .2s,background .2s}
.upload-card:hover{border-color:rgba(183,163,255,.68);background:rgba(139,92,246,.075)}
.upload-card.is-invalid{border-color:rgba(255,138,154,.72);background:rgba(255,91,111,.05)}
.upload-card input{position:absolute;opacity:0;pointer-events:none}
.upload-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--accent-2)}
.upload-copy{min-width:0;display:flex;flex-direction:column;gap:6px}
.upload-copy strong{font-family:var(--serif);font-weight:400;overflow-wrap:anywhere}
.upload-copy small{color:#8f8997;line-height:1.45;overflow-wrap:anywhere}
.upload-action{padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:#cbbfff;text-transform:uppercase;letter-spacing:.08em}
.submit-panel{position:sticky;bottom:-54px;z-index:9;margin:18px -54px -54px;padding:18px 54px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid var(--line);background:rgba(12,11,16,.92);backdrop-filter:blur(18px)}
.submit-panel>div{display:flex;flex-direction:column;gap:4px;min-width:0}.submit-panel strong{}.submit-panel span{color:var(--muted);overflow-wrap:anywhere}
.form-success{display:none;margin-top:16px;padding:13px;border:1px solid rgba(169,255,207,.32);border-radius:12px;background:rgba(89,255,167,.05);color:var(--success);line-height:1.5}
.form-success.show{display:block}.form-success.is-error{border-color:rgba(255,138,154,.35);background:rgba(255,91,111,.05);color:#ffb2bd}

.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.js .reveal.visible{opacity:1;transform:none}

@media (max-width:1180px){
  :root{--shell:min(100% - 48px,1180px)}
  .hero{grid-template-columns:1fr;gap:30px;padding-top:150px}
  .hero-copy{padding-top:24px}
  .hero-visual{min-height:690px}
  .product-card{grid-column:span 6}.product-card-featured,.product-card-wide{grid-column:span 12}
  .design-service{grid-template-columns:1fr;gap:26px}.design-copy{padding:30px 18px}.design-visual{min-height:560px}
  .studio-note{grid-template-columns:1fr;gap:70px}.studio-mark{width:min(430px,70vw)}
}

@media (max-width:860px){
  :root{--header-h:70px;--radius:22px}
  .site-header{top:10px;height:var(--header-h);grid-template-columns:1fr auto;padding:0 10px 0 15px}
  .desktop-nav,.header-action{display:none}.menu-toggle{display:block}.mobile-menu{display:flex}
  .brand-symbol{width:36px}.brand-name{}
  .hero{padding-top:130px;min-height:auto}.hero h1{}
  .section-intro{grid-template-columns:1fr;gap:24px}.section-intro>p{justify-self:start}
  .product-card,.product-card-featured,.product-card-wide{grid-column:span 12;min-height:600px}
  .process-grid{grid-template-columns:1fr}.process-card{min-height:280px;border-right:0}
  .studio-note{min-height:auto}
  footer{grid-template-columns:1fr;text-align:center;justify-items:center;padding-block:42px}footer p:last-child{text-align:center}
  .choice-products{grid-template-columns:1fr}.choice-service{grid-template-columns:1fr}.service-visual{min-height:150px}.choice-service>.choice-arrow{position:absolute;right:16px;top:16px}
}

@media (max-width:620px){
  :root{--shell:calc(100% - 32px)}
  body{}
  .hero{padding-top:116px;padding-bottom:30px}
  .hero h1{line-height:.86;margin-top:24px}
  .hero-text{margin-top:24px;line-height:1.7}
  .hero-actions{align-items:stretch}.hero-actions .button{width:100%}
  .hero-trust{gap:12px 16px;}
  .hero-visual{min-height:500px;margin-inline:-8px}
  .visual-interface{left:4%;right:4%;}.interface-label{max-width:55%}
  .orbit-a{width:420px}.orbit-b{width:330px}
  .visual-card-main{width:64%}.visual-card-phone{width:28%;right:0}.visual-card-puzzle{width:31%;left:-2%}
  .visual-chip{}.chip-a{right:0}.chip-b{left:2%}
  .manifesto{min-height:74svh;padding-block:90px}.manifesto h2{}.manifesto>p{}.manifesto-index{top:24px}
  .collection{padding-block:100px}.section-intro{margin-bottom:42px}.section-intro h2{}
  .product-grid{gap:12px}.product-card,.product-card-featured,.product-card-wide{min-height:470px}.product-card-media{inset:20px 20px 92px}.product-card-bottom{left:16px;right:16px;bottom:16px}.product-card h3{max-width:68%;}
  .design-service{width:calc(100% - 24px);min-height:auto;margin-bottom:100px;padding:14px;border-radius:26px}.design-copy{padding:34px 10px 24px}.design-copy h2{}.design-copy>p:not(.kicker){}.design-copy .button{width:100%}.design-visual{min-height:440px;border-radius:18px}.design-word{}.design-visual figure{width:76%}
  .process{padding-bottom:100px}.process-card{min-height:250px;padding:24px 16px}.process-card h3{}
  .studio-note{padding-block:90px;gap:48px}.studio-mark{width:min(300px,82vw);justify-self:center}.studio-copy h2{}.studio-copy>p:last-child{}
  .final-cta{min-height:620px}.final-cta h2{}.final-cta .button{width:100%}
  footer{min-height:210px}

  .inquiry-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:20px}
  .order-step{padding:54px 16px 24px}.dialog-close{top:10px;margin:10px 10px -54px 0;width:38px;height:38px}
  .dialog-copy h2{}.order-choice-heading,.compact-dialog-copy{padding-right:38px}
  .choice-section{margin-top:30px}.choice-product{grid-template-columns:72px minmax(0,1fr) auto;gap:10px;padding:9px}.choice-media{width:72px}.choice-copy strong{}.choice-copy small{}
  .choice-actions,.submit-panel{position:sticky;bottom:-24px;margin-left:-16px;margin-right:-16px;margin-bottom:-24px;padding:14px 16px}.choice-actions{flex-direction:column;align-items:stretch}.choice-actions p{text-align:center}.choice-actions .button{width:100%}
  .selected-order{align-items:flex-start}.selected-order-type strong{}
  .product-configurator,.form-section{padding:18px 14px;border-radius:16px}.configurator-head{align-items:flex-start}.configurator-head h3{}.configurator-price strong{}
  .modern-options.is-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-grid,.phone-spec-models{grid-template-columns:1fr}.spec-heading-row{align-items:flex-start;flex-direction:column}
  .contact-grid{grid-template-columns:1fr}.field-wide{grid-column:1}.upload-card{grid-template-columns:auto minmax(0,1fr);min-height:130px}.upload-action{grid-column:2;justify-self:start}.submit-panel{flex-direction:column;align-items:stretch}.submit-panel .button{width:100%}.submit-panel>div{text-align:center}
}

@media (max-width:390px){
  :root{--shell:calc(100% - 24px)}
  .site-header{width:calc(100% - 16px)}
  .brand-name{}
  .hero h1{}
  .hero-visual{min-height:450px}
  .product-card,.product-card-featured,.product-card-wide{min-height:430px}.product-card h3{}.product-link{}
  .choice-product{grid-template-columns:62px minmax(0,1fr) auto}.choice-media{width:62px}.choice-copy strong{}.choice-copy small{display:none}
  .modern-options.is-cards{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .js .reveal{opacity:1;transform:none}
}

@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .visual-card-main{animation:heroFloat linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
    @keyframes heroFloat{from{translate:0 -18px}to{translate:0 25px}}
  }
}

/* Performance and standalone reliability patch */
body::after{display:none}
.ambient-noise{display:none}
.ambient-orb{filter:blur(44px);will-change:auto;animation:none!important;opacity:.24}
.interface-status i{animation:none!important}
.site-header.scrolled{background:rgba(9,8,13,.94);backdrop-filter:none;-webkit-backdrop-filter:none}
.mobile-menu{background:#09090d;backdrop-filter:none;-webkit-backdrop-filter:none}
.inquiry-dialog::backdrop{background:rgba(3,3,6,.9);backdrop-filter:none;-webkit-backdrop-filter:none}
.dialog-close,.submit-panel{backdrop-filter:none;-webkit-backdrop-filter:none}
.visual-card{will-change:auto}
@supports (animation-timeline:view()){
  .visual-card-main{animation:none!important}
}
.dialog-fallback-open{position:fixed;inset:14px;margin:auto;z-index:3000;display:block}
@media (max-width:620px){.dialog-fallback-open{inset:6px}}

/* Final low-GPU mode */
section[id]{scroll-margin-top:110px}
.ambient-orb{filter:none!important}
.ambient-orb-a{background:radial-gradient(circle,rgba(99,56,203,.24) 0%,rgba(99,56,203,.08) 42%,transparent 72%)}
.ambient-orb-b{background:radial-gradient(circle,rgba(50,26,117,.22) 0%,rgba(50,26,117,.07) 44%,transparent 72%)}
.visual-orbit,.studio-mark span,.cta-orbit::before,.cta-orbit::after{animation:none!important}
.js .reveal{transition-duration:.55s}


/* =========================================================
   FAST + READABLE PRODUCT CONFIGURATOR — 2026 refresh
   ========================================================= */
:root{
  --serif:Georgia,"Times New Roman",serif;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --panel-solid:#121018;
  --option-bg:#17141e;
  --option-bg-hover:#1c1825;
}
html{scroll-behavior:auto}
body{
  background:
    radial-gradient(900px 520px at 88% -8%,rgba(112,67,220,.13),transparent 67%),
    #07070a;
}
.ambient,.scroll-progress{display:none!important}
body::after{display:none!important}
*,*::before,*::after{animation:none!important}
.js .reveal,.reveal,.js .reveal.visible{opacity:1!important;transform:none!important;transition:none!important}
.site-header,.site-header.scrolled{
  background:#0d0c12!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.22)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.mobile-menu,.inquiry-dialog,.dialog-close,.choice-actions,.submit-panel{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.inquiry-dialog{background:#0c0b10!important;box-shadow:0 30px 90px rgba(0,0,0,.65)!important}
.inquiry-dialog[open]{animation:none!important}
.inquiry-dialog::backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(2,2,4,.90)!important}
.visual-orbit,.studio-mark span,.cta-orbit::before,.cta-orbit::after{display:none!important}
.visual-interface,.visual-chip{display:none!important}
.hero-visual::before{filter:none!important;opacity:.55}
.visual-card,.product-card,.choice-card,.modern-option,.phone-model,.phone-brand,.occasion-pill,.button{
  transition:background-color .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease!important;
}
.product-card:hover,.choice-card:hover,.modern-option:hover,.button:hover{transform:none!important}
.product-card:hover{box-shadow:none!important}

/* Product configuration hierarchy */
.product-configurator{
  padding:30px!important;
  background:#111016!important;
  border-color:rgba(255,255,255,.12)!important;
}
.configurator-head{padding-bottom:24px!important}
.configurator-head>div:first-child span{}
.configurator-head h3{line-height:1.05!important}
.configurator-price small{}
.configurator-price strong{}
.configurator-summary{color:#b8b1c0!important}
.configurator-fields{gap:32px!important;margin-top:30px!important}
.config-field-label,.modern-field-label,.modern-field>span{
  margin-bottom:14px!important;
  color:#f0ebf6!important;
  
  font-weight:650!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}
.config-field-label small,.modern-field-label small,.modern-field>span small{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  margin-left:7px!important;
  padding:3px 8px!important;
  border:1px solid rgba(191,174,255,.20)!important;
  border-radius:999px!important;
  background:rgba(139,92,246,.09)!important;
  color:#bcaeff!important;
  
  font-weight:700!important;
  letter-spacing:.06em!important;
}
.modern-options{gap:12px!important}
.modern-options.is-cards{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(225px,1fr))!important;
  gap:12px!important;
}
.modern-options.is-pills{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;
  gap:10px!important;
}
.modern-options.is-colors{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(78px,90px))!important;
  justify-content:flex-start!important;
  gap:12px!important;
}
.modern-option{
  position:relative!important;
  min-width:0!important;
  min-height:98px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 30px!important;
  align-items:center!important;
  gap:15px!important;
  padding:17px 16px 17px 19px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:16px!important;
  background:var(--option-bg)!important;
  text-align:left!important;
  box-shadow:none!important;
}
.modern-options.is-pills .modern-option{min-height:64px!important}
.modern-option:hover{background:var(--option-bg-hover)!important;border-color:rgba(194,178,255,.38)!important}
.modern-option.is-active{
  background:linear-gradient(135deg,rgba(118,72,225,.22),rgba(35,29,48,.96))!important;
  border-color:#9f7cff!important;
  box-shadow:inset 0 0 0 1px rgba(180,158,255,.22)!important;
}
.option-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.modern-option strong{
  color:#fbf9ff!important;
  
  font-weight:700!important;
  line-height:1.3!important;
  letter-spacing:0!important;
}
.option-meta{
  color:#aaa2b3!important;
  
  line-height:1.35!important;
}
.option-price{
  display:inline-flex!important;
  align-items:center!important;
  min-height:27px!important;
  margin-top:3px!important;
  padding:4px 9px!important;
  border-radius:8px!important;
  background:rgba(154,124,255,.12)!important;
  color:#d5c7ff!important;
  
  font-weight:750!important;
  line-height:1!important;
}
.option-check{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.17)!important;
  border-radius:50%!important;
  background:#0f0d14!important;
  color:transparent!important;
  
  font-weight:800!important;
}
.modern-option.is-active .option-check{
  border-color:#a783ff!important;
  background:#8b5cf6!important;
  color:#fff!important;
}

/* Compact color swatches without visible text */
.color-option{
  width:92px!important;
  min-width:92px!important;
  min-height:92px!important;
  height:92px!important;
  display:grid!important;
  place-items:center!important;
  grid-template-columns:none!important;
  padding:0!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.025)!important;
}
.color-option-shell{
  width:56px!important;
  height:56px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.03)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)!important;
}
.color-swatch{
  width:36px!important;
  height:36px!important;
  border-radius:12px!important;
  background:var(--swatch)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 0 0 6px rgba(255,255,255,.04)!important;
}
.color-option:hover .color-option-shell,
.color-option.is-active .color-option-shell{
  background:rgba(255,255,255,.05)!important;
}
.color-option .option-check{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  width:22px!important;
  height:22px!important;
  
}
.color-option .sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
/* Phone model selector */
.phone-brand-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-bottom:14px!important}
.phone-brand{
  min-height:50px!important;
  padding:11px 14px!important;
  border-radius:12px!important;
  background:#15131b!important;
  color:#bdb6c4!important;
  
  font-weight:650!important;
}
.phone-brand.is-active{background:rgba(139,92,246,.18)!important;border-color:#9975f5!important;color:#fff!important}
.phone-model-grid{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:10px!important;
  max-height:390px!important;
  padding:1px 5px 1px 1px!important;
}
.phone-model{
  position:relative!important;
  min-height:58px!important;
  padding:13px 44px 13px 14px!important;
  border-radius:12px!important;
  background:#15131b!important;
  color:#e9e4ed!important;
  
  font-weight:600!important;
  line-height:1.35!important;
}
.phone-model i{
  position:absolute!important;right:13px!important;top:50%!important;translate:0 -50%!important;
  width:24px!important;height:24px!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.16)!important;border-radius:50%!important;
  color:transparent!important;font-style:normal!important;
}
.phone-model.is-active{background:rgba(139,92,246,.18)!important;border-color:#9975f5!important}
.phone-model.is-active i{background:#8b5cf6!important;border-color:#8b5cf6!important;color:#fff!important}

/* Every other choice group follows the same readable system */
.occasion-options{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  gap:10px!important;
}
.occasion-pill{
  min-height:54px!important;
  padding:12px 15px!important;
  border-radius:12px!important;
  background:#15131b!important;
  color:#d7d1dc!important;
  
  font-weight:600!important;
  text-align:left!important;
}
.occasion-pill.is-active{background:rgba(139,92,246,.18)!important;border-color:#9975f5!important;color:#fff!important}
.config-text-field input,.modern-field input,.modern-field textarea,.modern-field select{
  min-height:54px!important;
  padding:15px 16px!important;
  border-radius:13px!important;
  background:#111016!important;
  color:#fff!important;
  
}
.modern-field textarea{min-height:130px!important}
.form-section{padding:28px!important;background:#111016!important}
.form-section-head h3{}
.form-section-head p{color:#aaa3b2!important}
.upload-card{min-height:130px!important;background:#15121d!important}
.upload-copy strong{}
.upload-copy small{}
.upload-action{padding:10px 14px!important}

/* Tables remain legible on small screens */
.table-scroll table{min-width:620px}
.table-scroll th{}
.table-scroll td{}

@media (max-width:760px){
  .product-configurator,.form-section{padding:20px 16px!important}
  .configurator-head{align-items:flex-start!important;flex-direction:column!important}
  .configurator-price{align-items:flex-start!important}
  .configurator-head h3{}
  .configurator-price strong{}
  .modern-options.is-cards,.modern-options.is-pills,.modern-options.is-colors{grid-template-columns:1fr!important}
  .modern-option{min-height:88px!important}
  .modern-options.is-pills .modern-option{min-height:60px!important}
  .phone-brand-tabs{grid-template-columns:1fr!important}
  .phone-model-grid{grid-template-columns:1fr!important;max-height:340px!important}
  .occasion-options{grid-template-columns:1fr!important}
  .choice-copy small{display:block!important;}
}
@media (max-width:390px){
  .modern-option strong{}
  .option-meta{}
  .product-configurator,.form-section{padding:17px 13px!important}
}

/* Readable product/service selection step */
.choice-section-heading h3{}
.choice-product{min-height:126px!important;padding:16px!important;gap:18px!important;background:#15131b!important}
.choice-media{width:96px!important;border-radius:14px!important;background:#0d0c11!important}
.choice-copy{gap:8px!important}
.choice-copy strong{line-height:1.12!important}
.choice-copy small{line-height:1.5!important;color:#aaa3b2!important}
.choice-copy b{font-weight:700!important}
.choice-arrow{color:#c8b8ff!important}
.choice-card.is-selected{border-color:#9f7cff!important;background:rgba(139,92,246,.14)!important}
.choice-service{background:#15131b!important}
.service-glow{display:none!important}
.service-label{}
.service-copy strong{}
.service-copy small{}
.service-tags i{padding:8px 10px!important}
.selected-order-type span{}
.selected-order button{}
.choice-actions p{}
@media (max-width:620px){
  .choice-product{grid-template-columns:78px minmax(0,1fr) auto!important;min-height:112px!important;padding:12px!important;gap:12px!important}
  .choice-media{width:78px!important}
  .choice-copy strong{}
  .choice-copy small{}
  .service-copy strong{}
}
@media (max-width:390px){
  .choice-product{grid-template-columns:68px minmax(0,1fr) auto!important}
  .choice-media{width:68px!important}
  .choice-copy strong{}
}

@media (max-width: 640px){
  .modern-options.is-colors{grid-template-columns:repeat(3,minmax(84px,1fr))!important;}
  .color-option{width:100%!important;min-width:0!important;height:88px!important;min-height:88px!important;}
}


/* =========================================================
   VISUAL COLOR PICKER — NO VISIBLE COLOR NAMES
   ========================================================= */
.modern-options.is-colors{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:14px!important;
}
.modern-options.is-colors .color-option{
  width:76px!important;
  min-width:76px!important;
  height:76px!important;
  min-height:76px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  grid-template-columns:1fr!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:20px!important;
  background:#15131b!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.modern-options.is-colors .color-option:hover{
  border-color:rgba(196,180,255,.5)!important;
  background:#191620!important;
}
.modern-options.is-colors .color-option.is-active{
  border-color:#a98bff!important;
  background:rgba(139,92,246,.13)!important;
  box-shadow:0 0 0 3px rgba(139,92,246,.14)!important;
}
.modern-options.is-colors .color-option-shell{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
}
.modern-options.is-colors .color-swatch{
  width:42px!important;
  height:42px!important;
  display:block!important;
  border-radius:50%!important;
  background:var(--swatch)!important;
  border:2px solid rgba(255,255,255,.22)!important;
  box-shadow:0 0 0 5px rgba(255,255,255,.035)!important;
}
.modern-options.is-colors .color-option.is-active .color-swatch{
  border-color:rgba(255,255,255,.7)!important;
  box-shadow:0 0 0 5px rgba(169,139,255,.2)!important;
}
.modern-options.is-colors .color-option .option-check{
  position:absolute!important;
  top:-7px!important;
  right:-7px!important;
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border:2px solid #121016!important;
  border-radius:50%!important;
  background:#8b5cf6!important;
  color:#fff!important;
  
  line-height:1!important;
  opacity:0!important;
  transform:scale(.7)!important;
}
.modern-options.is-colors .color-option.is-active .option-check{
  opacity:1!important;
  transform:scale(1)!important;
}
.modern-options.is-colors .color-option .sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@media (max-width:640px){
  .modern-options.is-colors{
    display:flex!important;
    grid-template-columns:none!important;
    gap:12px!important;
  }
  .modern-options.is-colors .color-option{
    width:68px!important;
    min-width:68px!important;
    height:68px!important;
    min-height:68px!important;
  }
  .modern-options.is-colors .color-option-shell{
    width:44px!important;
    height:44px!important;
  }
  .modern-options.is-colors .color-swatch{
    width:38px!important;
    height:38px!important;
  }
}

/* =========================================================
   TYPOGRAPHY + SPACING SYSTEM — TypeScale / Material 3 / ADS
   Minor-third-inspired ramp (1.2), rounded to a 4px grid.
   Spacing follows an 8px base with 4px optical adjustments.
   ========================================================= */
:root{
  /* Type scale: 12, 14, 16, 20, 24, 28, 32, 40, 48, 56, 68, 80 */
  --type-label: .75rem;
  --type-small: .875rem;
  --type-body: 1rem;
  --type-body-large: 1.125rem;
  --type-title-small: 1.25rem;
  --type-title: 1.5rem;
  --type-headline-small: 1.75rem;
  --type-headline: 2rem;
  --type-display-small: 2.5rem;
  --type-display-medium: 3rem;
  --type-display-large: 3.5rem;
  --type-display-xlarge: 4.25rem;
  --type-display-hero: 5rem;

  /* 8px spacing system + 4px optical step */
  --space-0: 0;
  --space-050: .25rem;
  --space-100: .5rem;
  --space-150: .75rem;
  --space-200: 1rem;
  --space-300: 1.5rem;
  --space-400: 2rem;
  --space-500: 2.5rem;
  --space-600: 3rem;
  --space-800: 4rem;
  --space-1000: 5rem;
  --space-1200: 6rem;
  --space-1500: 7.5rem;

  --shell:min(80rem,calc(100vw - 3rem));
  --header-h:4.5rem;
  --radius:1.5rem;
}

html{scroll-padding-top:calc(var(--header-h) + var(--space-300))}
body{
  
  line-height:1.5!important;
  letter-spacing:0!important;
  text-rendering:optimizeLegibility;
}
p{line-height:1.5}
main p{max-width:70ch}
h1,h2,h3,h4{
  overflow-wrap:break-word!important;
  hyphens:auto;
}
h1,h2{line-height:1.08!important;letter-spacing:-.035em!important}
h3{line-height:1.2!important;letter-spacing:-.02em!important}

/* Keep motion cheap and predictable. */
*,*::before,*::after{animation:none!important}
html{scroll-behavior:auto!important}
.visual-card,.product-card,.choice-card,.modern-option,.phone-model,.phone-brand,.occasion-pill,.button,.product-link{
  transition-property:background-color,border-color,color,opacity!important;
  transition-duration:.12s!important;
  transition-timing-function:ease!important;
}
.product-card-media img,.design-visual figure,.studio-mark img{filter:none!important}
.product-card:hover,.choice-card:hover,.modern-option:hover,.button:hover,.product-card:hover .product-card-media img{
  transform:none!important;
}
.site-header,.mobile-menu,.inquiry-dialog,.choice-actions,.submit-panel,.dialog-close{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.collection,.design-service,.process,.studio-note,.final-cta{content-visibility:auto;contain-intrinsic-size:1px 900px}

/* Header */
.site-header{
  top:var(--space-150)!important;
  height:var(--header-h)!important;
  padding-inline:var(--space-300)!important;
  border-radius:1.125rem!important;
}
.brand{gap:var(--space-150)!important}
.brand-symbol{width:2.5rem!important;border-radius:.75rem!important}
.brand-name{line-height:1.25!important}
.desktop-nav{gap:var(--space-050)!important;padding:var(--space-050)!important}
.desktop-nav a,.header-action{
  
  line-height:1rem!important;
  letter-spacing:.08em!important;
}
.desktop-nav a{padding:.625rem var(--space-200)!important}
.header-action{min-height:3rem!important;padding:.75rem 1.125rem!important;gap:var(--space-150)!important}

/* Shared section rhythm */
.section-shell{width:var(--shell)!important}
.kicker{
  gap:var(--space-150)!important;
  
  line-height:1rem!important;
  letter-spacing:.12em!important;
}
.section-intro{
  grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr)!important;
  gap:var(--space-800)!important;
  margin-bottom:var(--space-800)!important;
}
.section-intro h2{
  margin-top:var(--space-300)!important;
  
}
.section-intro>p{
  max-width:34rem!important;
  
  line-height:1.5556!important;
}

/* Hero */
.hero{
  min-height:auto!important;
  padding-top:calc(var(--header-h) + var(--space-1000))!important;
  padding-bottom:var(--space-1200)!important;
  grid-template-columns:minmax(0,.92fr) minmax(30rem,1.08fr)!important;
  gap:var(--space-800)!important;
}
.hero h1{
  margin-top:var(--space-300)!important;
  max-width:12ch!important;
  
}
.hero-text{
  max-width:38rem!important;
  margin-top:var(--space-400)!important;
  
  line-height:1.5556!important;
}
.hero-actions{gap:var(--space-150)!important;margin-top:var(--space-400)!important}
.button{
  min-height:3.25rem!important;
  padding:.875rem var(--space-300)!important;
  gap:var(--space-200)!important;
  
  line-height:1.25rem!important;
  letter-spacing:.045em!important;
}
.hero-trust{
  gap:var(--space-150) var(--space-300)!important;
  margin-top:var(--space-400)!important;
  
  line-height:1rem!important;
  letter-spacing:.04em!important;
}
.hero-visual{min-height:38rem!important}

/* Manifesto */
.manifesto{
  min-height:auto!important;
  padding-block:var(--space-1500)!important;
}
.manifesto-index{
  top:var(--space-400)!important;
  
  line-height:1rem!important;
}
.manifesto>p{
  
  line-height:1.25rem!important;
  letter-spacing:.04em!important;
}
.manifesto h2{
  max-width:18ch!important;
  margin-top:var(--space-400)!important;
  
}
.manifesto-line{bottom:var(--space-1000)!important}

/* Collection */
.collection{padding-block:var(--space-1500)!important}
.product-grid{gap:var(--space-300)!important}
.product-card{
  min-height:32rem!important;
  border-radius:var(--radius)!important;
}
.product-card-featured{min-height:38rem!important}
.product-card-media{inset:4.75rem var(--space-400) 7.5rem!important}
.product-card-top{
  top:var(--space-300)!important;
  left:var(--space-300)!important;
  right:var(--space-300)!important;
  gap:var(--space-200)!important;
  
  line-height:1rem!important;
  letter-spacing:.08em!important;
}
.product-card-bottom{
  left:var(--space-300)!important;
  right:var(--space-300)!important;
  bottom:var(--space-300)!important;
  gap:var(--space-200)!important;
}
.product-card h3{
  max-width:75%!important;
  
  line-height:1.12!important;
}
.product-link{
  min-height:2.5rem!important;
  padding-bottom:.375rem!important;
  gap:var(--space-100)!important;
  
  line-height:1.25rem!important;
  letter-spacing:.06em!important;
}

/* Design service */
.design-service{
  min-height:auto!important;
  margin-bottom:var(--space-1500)!important;
  padding:var(--space-600)!important;
  gap:var(--space-800)!important;
  border-radius:2rem!important;
}
.design-copy{padding:var(--space-300) 0!important}
.design-copy h2{
  margin-top:var(--space-300)!important;
  
}
.design-copy>p:not(.kicker){
  max-width:38rem!important;
  margin-top:var(--space-400)!important;
  
  line-height:1.5!important;
}
.design-specs{gap:var(--space-100)!important;margin:var(--space-400) 0!important}
.design-specs span{
  padding:.5rem .75rem!important;
  
  line-height:1rem!important;
  letter-spacing:.08em!important;
}
.design-visual{min-height:35rem!important;border-radius:1.5rem!important}
.design-hud{
  left:var(--space-300)!important;
  right:var(--space-300)!important;
  bottom:var(--space-300)!important;
  
  line-height:1rem!important;
}

/* Process */
.process{padding-block:0 var(--space-1500)!important}
.process-card{
  min-height:20rem!important;
  padding:var(--space-400)!important;
}
.process-card h3{
  margin-bottom:var(--space-200)!important;
  
}
.process-card p{
  max-width:24rem!important;
  
  line-height:1.5!important;
}
.process-card>i{right:var(--space-400)!important;top:var(--space-400)!important}

/* Studio + final CTA */
.studio-note{
  min-height:auto!important;
  padding-block:var(--space-1500)!important;
  gap:var(--space-1000)!important;
}
.studio-copy h2{
  margin-top:var(--space-300)!important;
  
}
.studio-copy>p:last-child{
  max-width:42rem!important;
  margin-top:var(--space-400)!important;
  
  line-height:1.5!important;
}
.final-cta{
  min-height:40rem!important;
  padding-block:var(--space-1500)!important;
}
.final-cta h2{
  max-width:13ch!important;
  margin:var(--space-400) 0 var(--space-600)!important;
  
}
footer{
  min-height:10rem!important;
  gap:var(--space-400)!important;
  padding-block:var(--space-400)!important;
  
  line-height:1rem!important;
  letter-spacing:.08em!important;
}

/* Dialog and product selection */
.inquiry-dialog{
  width:min(68.75rem,calc(100vw - 2rem))!important;
  max-width:68.75rem!important;
  max-height:calc(100dvh - 2rem)!important;
  border-radius:1.5rem!important;
}
.order-step{padding:var(--space-600)!important}
.dialog-close{
  top:var(--space-200)!important;
  margin:var(--space-200) var(--space-200) -4rem 0!important;
  width:2.75rem!important;
  height:2.75rem!important;
}
.dialog-copy h2{
  margin-top:var(--space-300)!important;
  
}
.dialog-copy>p:last-child{
  margin-top:var(--space-200)!important;
  
  line-height:1.5!important;
}
.choice-section{margin-top:var(--space-600)!important}
.choice-section-heading{margin-bottom:var(--space-300)!important}
.choice-section-heading h3{line-height:2.5rem!important}
.choice-grid{gap:var(--space-200)!important}
.choice-product{
  min-height:8rem!important;
  grid-template-columns:6.25rem minmax(0,1fr) auto!important;
  gap:var(--space-300)!important;
  padding:var(--space-200)!important;
}
.choice-media{width:6.25rem!important;border-radius:1rem!important}
.choice-copy{gap:var(--space-100)!important}
.choice-copy strong{line-height:1.1667!important}
.choice-copy small{line-height:1.4286!important}
.choice-copy b{line-height:1.25rem!important}
.choice-arrow{padding:var(--space-150)!important;}
.choice-service{
  min-height:16rem!important;
  gap:var(--space-400)!important;
  padding:var(--space-400)!important;
}
.service-label,.service-tags i,.service-visual-caption{
  
  line-height:1rem!important;
}
.service-copy{gap:var(--space-150)!important}
.service-copy strong{line-height:1.1!important}
.service-copy small{line-height:1.4286!important}
.service-tags{gap:var(--space-100)!important}
.service-tags i{padding:.5rem .75rem!important}
.choice-actions{
  bottom:calc(var(--space-600) * -1)!important;
  margin:var(--space-500) calc(var(--space-600) * -1) calc(var(--space-600) * -1)!important;
  padding:var(--space-300) var(--space-600)!important;
  gap:var(--space-300)!important;
}
.choice-actions p{line-height:1.4286!important}

/* Configurator */
.selected-order{
  margin-top:var(--space-400)!important;
  padding:var(--space-200) var(--space-300)!important;
  gap:var(--space-300)!important;
}
.selected-order-type{gap:var(--space-050)!important}
.selected-order-type span,.selected-order button{
  
  line-height:1rem!important;
}
.selected-order-type strong{line-height:1.75rem!important}
.product-configurator{
  margin-top:var(--space-300)!important;
  padding:var(--space-400)!important;
  border-radius:1.25rem!important;
}
.configurator-head{gap:var(--space-300)!important;padding-bottom:var(--space-300)!important}
.configurator-head>div:first-child span,.configurator-price small{
  
  line-height:1rem!important;
}
.configurator-head h3{margin-top:var(--space-100)!important;line-height:2.5rem!important}
.configurator-price strong{line-height:3rem!important}
.configurator-summary{
  margin-top:var(--space-300)!important;
  
  line-height:1.5!important;
}
.configurator-fields{gap:var(--space-400)!important;margin-top:var(--space-400)!important}
.config-field-label,.modern-field-label,.modern-field>span{
  gap:var(--space-100)!important;
  margin-bottom:var(--space-150)!important;
  
  line-height:1.25rem!important;
}
.config-field-label small,.modern-field-label small,.modern-field>span small{
  min-height:1.5rem!important;
  margin-left:var(--space-100)!important;
  padding:.25rem .5rem!important;
  
  line-height:1rem!important;
}
.modern-options,.modern-options.is-cards,.modern-options.is-pills{gap:var(--space-150)!important}
.modern-options.is-cards{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))!important}
.modern-options.is-pills{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))!important}
.modern-option{
  min-height:6rem!important;
  gap:var(--space-200)!important;
  padding:var(--space-200)!important;
  border-radius:1rem!important;
}
.modern-options.is-pills .modern-option{min-height:4rem!important}
.option-copy{gap:var(--space-100)!important}
.modern-option strong{line-height:1.5rem!important}
.option-meta{line-height:1.25rem!important}
.option-price{min-height:1.75rem!important;padding:.25rem .625rem!important;line-height:1.25rem!important}
.option-check{width:1.75rem!important;height:1.75rem!important;}
.modern-options.is-colors{gap:var(--space-150)!important}
.modern-options.is-colors .color-option{
  width:4.75rem!important;
  min-width:4.75rem!important;
  height:4.75rem!important;
  min-height:4.75rem!important;
  border-radius:1.25rem!important;
}
.phone-brand-tabs{gap:var(--space-150)!important;margin-bottom:var(--space-200)!important}
.phone-brand{
  min-height:3.25rem!important;
  padding:.75rem var(--space-200)!important;
  
  line-height:1.25rem!important;
}
.phone-model-grid{gap:var(--space-150)!important}
.phone-model{
  min-height:3.75rem!important;
  padding:.75rem 3rem .75rem var(--space-200)!important;
  
  line-height:1.25rem!important;
}
.occasion-options{gap:var(--space-150)!important}
.occasion-pill{
  min-height:3.5rem!important;
  padding:.75rem var(--space-200)!important;
  
  line-height:1.25rem!important;
}
.config-text-field input,.modern-field input,.modern-field textarea,.modern-field select{
  min-height:3.5rem!important;
  padding:.875rem var(--space-200)!important;
  
  line-height:1.5rem!important;
}
.modern-field textarea{min-height:8.5rem!important}
.product-details summary{
  
  line-height:1.25rem!important;
}

/* Form */
.form-section{
  margin-top:var(--space-300)!important;
  padding:var(--space-400)!important;
  border-radius:1.25rem!important;
}
.form-section-head{
  gap:var(--space-200)!important;
  padding-bottom:var(--space-300)!important;
  margin-bottom:var(--space-300)!important;
}
.form-section-head h3{line-height:2.5rem!important}
.form-section-head p{margin-top:var(--space-050)!important;line-height:1.25rem!important}
.modern-field-group{margin-bottom:var(--space-300)!important}
.contact-grid{gap:var(--space-200)!important}
.upload-card{
  min-height:8.5rem!important;
  gap:var(--space-200)!important;
  padding:var(--space-300)!important;
  border-radius:1rem!important;
}
.upload-icon{width:3rem!important;height:3rem!important}
.upload-copy{gap:var(--space-100)!important}
.upload-copy strong{line-height:1.75rem!important}
.upload-copy small{line-height:1.25rem!important}
.upload-action{padding:.625rem .875rem!important;line-height:1.25rem!important}
.submit-panel{
  bottom:calc(var(--space-600) * -1)!important;
  margin:var(--space-300) calc(var(--space-600) * -1) calc(var(--space-600) * -1)!important;
  padding:var(--space-300) var(--space-600)!important;
  gap:var(--space-300)!important;
}
.submit-panel strong{line-height:1.25rem!important}
.submit-panel span,.form-success{line-height:1.25rem!important}

/* Responsive typography and spacing */
@media (max-width:74rem){
  :root{--shell:min(100% - 3rem,74rem)}
  .hero{grid-template-columns:1fr!important;gap:var(--space-600)!important}
  .hero-copy{padding-top:var(--space-300)!important}
  .hero-visual{min-height:34rem!important}
  .design-service{grid-template-columns:1fr!important;gap:var(--space-400)!important}
  .design-copy{padding:var(--space-300)!important}
  .studio-note{grid-template-columns:1fr!important;gap:var(--space-800)!important}
}
@media (max-width:53.75rem){
  :root{--header-h:4.375rem}
  .site-header{padding-inline:var(--space-200)!important}
  .mobile-menu{padding:calc(var(--header-h) + var(--space-400)) var(--space-300) var(--space-400)!important}
  .mobile-menu a{padding:var(--space-200) 0!important;line-height:1.1!important}
  .section-intro{grid-template-columns:1fr!important;gap:var(--space-300)!important}
  .section-intro>p{justify-self:start!important}
  .product-card,.product-card-featured,.product-card-wide{min-height:34rem!important}
  .process-grid{grid-template-columns:1fr!important}
  .process-card{min-height:16rem!important}
}
@media (max-width:38.75rem){
  :root{--shell:calc(100% - 2rem)}
  .site-header{width:calc(100% - 1rem)!important;top:.5rem!important}
  .brand-name{}
  .hero{
    padding-top:calc(var(--header-h) + var(--space-800))!important;
    padding-bottom:var(--space-800)!important;
    gap:var(--space-400)!important;
  }
  .hero h1{
    margin-top:var(--space-300)!important;
    
  }
  .hero-text{margin-top:var(--space-300)!important;line-height:1.5!important}
  .hero-actions{margin-top:var(--space-300)!important}
  .hero-actions .button,.final-cta .button{width:100%!important}
  .hero-trust{}
  .hero-visual{min-height:27rem!important;margin-inline:0!important}
  .manifesto,.collection,.studio-note,.final-cta{padding-block:var(--space-1000)!important}
  .manifesto h2,.section-intro h2,.design-copy h2,.studio-copy h2{
    
  }
  .section-intro{margin-bottom:var(--space-600)!important}
  .product-grid{gap:var(--space-200)!important}
  .product-card,.product-card-featured,.product-card-wide{min-height:29rem!important}
  .product-card-media{inset:4rem var(--space-200) 7rem!important}
  .product-card-top{top:var(--space-200)!important;left:var(--space-200)!important;right:var(--space-200)!important}
  .product-card-bottom{left:var(--space-200)!important;right:var(--space-200)!important;bottom:var(--space-200)!important;align-items:flex-end!important}
  .product-card h3{line-height:1.1429!important}
  .product-link{}
  .design-service{
    width:calc(100% - 1.5rem)!important;
    margin-bottom:var(--space-1000)!important;
    padding:var(--space-200)!important;
    border-radius:1.5rem!important;
  }
  .design-copy{padding:var(--space-300) var(--space-100)!important}
  .design-copy>p:not(.kicker){margin-top:var(--space-300)!important}
  .design-visual{min-height:27rem!important}
  .process{padding-bottom:var(--space-1000)!important}
  .process-card{padding:var(--space-300)!important}
  .studio-note{gap:var(--space-600)!important}
  .final-cta{min-height:34rem!important}
  .final-cta h2{}
  footer{min-height:13rem!important;gap:var(--space-300)!important}

  .inquiry-dialog{
    width:calc(100vw - .75rem)!important;
    max-height:calc(100dvh - .75rem)!important;
    border-radius:1.25rem!important;
  }
  .order-step{padding:3.5rem var(--space-200) var(--space-300)!important}
  .dialog-copy h2{line-height:1.2!important}
  .choice-section{margin-top:var(--space-400)!important}
  .choice-product{
    min-height:7rem!important;
    grid-template-columns:4.5rem minmax(0,1fr) auto!important;
    gap:var(--space-150)!important;
    padding:var(--space-150)!important;
  }
  .choice-media{width:4.5rem!important}
  .choice-copy strong{line-height:1.4!important}
  .choice-copy small{display:block!important;}
  .choice-service{grid-template-columns:1fr!important;padding:var(--space-300)!important}
  .service-copy strong{}
  .choice-actions,.submit-panel{
    bottom:calc(var(--space-300) * -1)!important;
    margin-left:calc(var(--space-200) * -1)!important;
    margin-right:calc(var(--space-200) * -1)!important;
    margin-bottom:calc(var(--space-300) * -1)!important;
    padding:var(--space-200)!important;
  }
  .choice-actions{flex-direction:column!important;align-items:stretch!important}
  .choice-actions .button,.submit-panel .button{width:100%!important}
  .product-configurator,.form-section{padding:var(--space-300) var(--space-200)!important}
  .configurator-head{align-items:flex-start!important;flex-direction:column!important}
  .configurator-price{align-items:flex-start!important}
  .modern-options.is-cards,.modern-options.is-pills{grid-template-columns:1fr!important}
  .phone-brand-tabs,.phone-model-grid,.occasion-options{grid-template-columns:1fr!important}
  .contact-grid{grid-template-columns:1fr!important}
  .upload-card{grid-template-columns:auto minmax(0,1fr)!important;padding:var(--space-200)!important}
  .upload-action{grid-column:2!important;justify-self:start!important}
  .submit-panel{flex-direction:column!important;align-items:stretch!important}
}

/* =========================================================
   MIREORA COLLECTION CARDS — editorial redesign
   ========================================================= */
.product-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:1.25rem!important;
}
.product-card,
.product-card-featured,
.product-card-wide{
  grid-column:auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  padding:.625rem!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:1.75rem!important;
  background:#0d0c11!important;
  box-shadow:0 1.5rem 4.5rem rgba(0,0,0,.18)!important;
  isolation:isolate!important;
}
.product-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  opacity:0!important;
  background:linear-gradient(145deg,rgba(139,92,246,.10),transparent 42%)!important;
  transition:opacity .22s ease!important;
}
.product-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(183,163,255,.38)!important;
  box-shadow:0 2rem 5.5rem rgba(0,0,0,.28)!important;
}
.product-card:hover::before{opacity:1!important}
.product-card-media{
  position:relative!important;
  inset:auto!important;
  grid-row:1!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  display:block!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:1.25rem!important;
  background:#09080c!important;
}
.product-card-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 67%,rgba(5,4,8,.18));
}
.product-card-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:none!important;
  transform:scale(1.001)!important;
  transition:transform .5s cubic-bezier(.2,.7,.2,1)!important;
}
.product-card:hover .product-card-media img{
  transform:scale(1.035)!important;
}
.product-card-bottom{
  position:static!important;
  grid-row:2!important;
  min-height:7.25rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:1rem!important;
  padding:1.25rem .75rem .75rem!important;
}
.product-card h3{
  max-width:none!important;
  margin:0!important;
  font-family:var(--serif)!important;
  
  font-weight:400!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  overflow-wrap:normal!important;
}
.product-link{
  flex:0 0 auto!important;
  min-height:2.875rem!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.625rem!important;
  padding:.6875rem .875rem!important;
  border:1px solid rgba(183,163,255,.32)!important;
  border-radius:999px!important;
  background:rgba(139,92,246,.07)!important;
  color:#ded5ff!important;
  
  font-weight:650!important;
  line-height:1rem!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.product-link:hover{
  border-color:rgba(213,201,255,.68)!important;
  background:rgba(139,92,246,.16)!important;
  color:#fff!important;
}
.product-link span{}

/* Prices are intentionally shown only after product configuration. */
.choice-copy b{display:none!important}

/* Reliable, optically centred close control. */
.dialog-close{
  position:sticky!important;
  z-index:40!important;
  top:.75rem!important;
  float:none!important;
  margin:.75rem .75rem -3.5rem auto!important;
  width:2.875rem!important;
  height:2.875rem!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:50%!important;
  background:#17141d!important;
  color:transparent!important;
  
  line-height:0!important;
  box-shadow:0 .75rem 2rem rgba(0,0,0,.32)!important;
  cursor:pointer!important;
}
.dialog-close span{
  position:relative!important;
  width:1rem!important;
  height:1rem!important;
  display:block!important;
}
.dialog-close span::before,
.dialog-close span::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:1.05rem!important;
  height:1px!important;
  border-radius:999px!important;
  background:#f2edf7!important;
  transform-origin:center!important;
}
.dialog-close span::before{transform:translate(-50%,-50%) rotate(45deg)!important}
.dialog-close span::after{transform:translate(-50%,-50%) rotate(-45deg)!important}
.dialog-close:hover{
  transform:none!important;
  border-color:rgba(191,174,255,.55)!important;
  background:#211b2c!important;
}
.dialog-close:focus-visible{
  outline:2px solid #bba5ff!important;
  outline-offset:3px!important;
}

@media (max-width:68rem){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:42rem){
  .product-grid{grid-template-columns:1fr!important;gap:1rem!important}
  .product-card,.product-card-featured,.product-card-wide{
    min-height:0!important;
    padding:.5rem!important;
    border-radius:1.5rem!important;
  }
  .product-card-media{
    inset:auto!important;
    aspect-ratio:1/1!important;
    border-radius:1.125rem!important;
  }
  .product-card-bottom{
    min-height:6.5rem!important;
    padding:1rem .625rem .625rem!important;
    align-items:center!important;
  }
  .product-card h3{
    
    line-height:1.08!important;
  }
  .product-link{
    min-width:2.875rem!important;
    width:2.875rem!important;
    height:2.875rem!important;
    padding:0!important;
    overflow:hidden!important;
    
    gap:0!important;
  }
  .product-link span{}
  .dialog-close{
    top:.5rem!important;
    margin:.5rem .5rem -3.25rem auto!important;
    width:2.75rem!important;
    height:2.75rem!important;
  }
}

/* =========================================================
   UNIFIED LANDING SECTION PANELS
   Every primary landing section uses the same premium framed
   container language as the Mireora design-service block.
   ========================================================= */
main{
  display:flex!important;
  flex-direction:column!important;
  gap:1.5rem!important;
  padding:calc(var(--header-h) + 2rem) 0 1.5rem!important;
}

main > section.section-shell{
  width:min(94rem,calc(100vw - 2rem))!important;
  margin:0 auto!important;
  position:relative!important;
  isolation:isolate!important;
  overflow:clip!important;
  border:1px solid rgba(183,163,255,.24)!important;
  border-radius:2rem!important;
  background:
    radial-gradient(46rem 30rem at 5% 2%,rgba(105,57,190,.28),transparent 68%),
    radial-gradient(36rem 26rem at 100% 100%,rgba(79,45,148,.12),transparent 72%),
    linear-gradient(135deg,rgba(28,18,50,.94),rgba(14,12,22,.97) 43%,rgba(8,8,12,.99))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 2rem 7rem rgba(0,0,0,.22)!important;
}

/* Soft internal edge so every block reads as a deliberate card. */
main > section.section-shell::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 30%,transparent 75%,rgba(139,92,246,.025));
}

/* Hero now sits inside the same framed system instead of floating on black. */
main > .hero{
  min-height:calc(100svh - var(--header-h) - 3.5rem)!important;
  padding:clamp(2.25rem,5vw,4.75rem)!important;
  gap:clamp(2rem,5vw,5.25rem)!important;
}

/* Collection, process and editorial sections receive equal internal rhythm. */
main > .collection,
main > .process,
main > .studio-note,
main > .final-cta{
  padding:clamp(2.5rem,5vw,4.75rem)!important;
}

main > .collection,
main > .process{
  min-height:auto!important;
}

main > .design-service{
  width:min(94rem,calc(100vw - 2rem))!important;
  min-height:auto!important;
  margin:0 auto!important;
  padding:clamp(2.5rem,5vw,4.75rem)!important;
  gap:clamp(2rem,5vw,5rem)!important;
  border-radius:2rem!important;
}

/* Remove the old divider treatment: the outer panel is now the boundary. */
main > .studio-note,
main > .final-cta{
  border-top:1px solid rgba(183,163,255,.24)!important;
  border-bottom:1px solid rgba(183,163,255,.24)!important;
}

main > .studio-note{
  min-height:auto!important;
}

main > .final-cta{
  min-height:clamp(34rem,62vw,46rem)!important;
}

/* Process cards are contained inside the new outer block instead of looking
   like a full-bleed table on the page background. */
.process-grid{
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:1.5rem!important;
  background:rgba(5,5,9,.27)!important;
}
.process-card{
  border-bottom:0!important;
  background:rgba(255,255,255,.012)!important;
}
.process-card + .process-card{
  border-left:1px solid rgba(255,255,255,.09)!important;
}

/* Keep section headings readable inside the narrower padded cards. */
.section-intro{
  gap:clamp(2rem,6vw,6rem)!important;
}
.section-intro h2{
  max-width:13ch!important;
}

footer{
  width:min(94rem,calc(100vw - 2rem))!important;
  margin:0 auto 1.5rem!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:1.5rem!important;
  background:rgba(13,12,18,.72)!important;
}

@media (max-width:74rem){
  main > .hero{
    min-height:auto!important;
  }
  main > .design-service{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:53.75rem){
  main{
    gap:1rem!important;
    padding-top:calc(var(--header-h) + 1.25rem)!important;
  }
  main > section.section-shell,
  main > .design-service,
  footer{
    width:calc(100vw - 1.25rem)!important;
    border-radius:1.5rem!important;
  }
  main > .hero,
  main > .collection,
  main > .design-service,
  main > .process,
  main > .studio-note,
  main > .final-cta{
    padding:clamp(1.75rem,5vw,2.75rem)!important;
  }
  .process-card + .process-card{
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.09)!important;
  }
}

@media (max-width:38.75rem){
  main{
    gap:.625rem!important;
    padding-top:calc(var(--header-h) + .875rem)!important;
    padding-bottom:.625rem!important;
  }
  main > section.section-shell,
  main > .design-service,
  footer{
    width:calc(100vw - 1rem)!important;
    border-radius:1.25rem!important;
  }
  main > .hero,
  main > .collection,
  main > .design-service,
  main > .process,
  main > .studio-note,
  main > .final-cta{
    padding:1.5rem 1rem!important;
  }
  main > .hero{
    gap:1.5rem!important;
  }
  .section-intro{
    margin-bottom:2rem!important;
  }
  .section-intro h2{
    max-width:none!important;
  }
  .process-grid{
    border-radius:1.125rem!important;
  }
  .process-card{
    padding:1.5rem 1rem!important;
  }
  main > .final-cta{
    min-height:32rem!important;
  }
  footer{
    margin-bottom:.625rem!important;
  }
}

/* ========================================================================== 
   Process section density + footer containment
   ========================================================================== */
.process-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(.75rem,1.4vw,1.125rem)!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

.process-card{
  min-height:19rem!important;
  display:grid!important;
  grid-template-rows:minmax(7.5rem,1fr) auto!important;
  align-content:stretch!important;
  justify-content:initial!important;
  padding:clamp(1.25rem,2vw,1.75rem)!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border:1px solid rgba(211,199,255,.13)!important;
  border-radius:1.25rem!important;
  background:
    radial-gradient(18rem 12rem at 7% 2%,rgba(125,79,230,.14),transparent 72%),
    linear-gradient(145deg,rgba(255,255,255,.024),rgba(255,255,255,.008) 55%,rgba(139,92,246,.025))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}

.process-card + .process-card{
  border-left:1px solid rgba(211,199,255,.13)!important;
}

.process-card:hover{
  background:
    radial-gradient(20rem 14rem at 8% 0%,rgba(139,92,246,.21),transparent 72%),
    linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.01) 55%,rgba(139,92,246,.04))!important;
  border-color:rgba(195,177,255,.24)!important;
}

.process-graphic{
  position:relative!important;
  min-height:7.5rem!important;
  margin:0 0 1.35rem!important;
  overflow:hidden!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
}

.process-graphic::before,
.process-graphic::after,
.process-graphic span,
.process-graphic span::before,
.process-graphic span::after{
  content:"";
  position:absolute;
  display:block;
  pointer-events:none;
}

/* Story: concentric orbit. */
.process-card:nth-child(1) .process-graphic::before{
  left:.25rem;
  top:.35rem;
  width:5.75rem;
  aspect-ratio:1;
  border:1px solid rgba(196,178,255,.42);
  border-radius:50%;
  box-shadow:
    0 0 0 1.45rem rgba(139,92,246,.035),
    0 0 0 2.85rem rgba(139,92,246,.018);
}
.process-card:nth-child(1) .process-graphic::after{
  left:2.77rem;
  top:2.87rem;
  width:.65rem;
  aspect-ratio:1;
  border-radius:50%;
  background:#bba5ff;
  box-shadow:0 0 1.6rem rgba(139,92,246,.82);
}
.process-card:nth-child(1) .process-graphic span{
  left:6.1rem;
  right:0;
  top:3.2rem;
  height:1px;
  background:linear-gradient(90deg,rgba(187,165,255,.48),transparent);
}

/* Creation: layered frames becoming one composition. */
.process-card:nth-child(2) .process-graphic::before{
  left:.65rem;
  top:.9rem;
  width:4.7rem;
  height:4.7rem;
  border:1px solid rgba(196,178,255,.36);
  border-radius:.45rem;
  rotate:-8deg;
}
.process-card:nth-child(2) .process-graphic::after{
  left:2.4rem;
  top:1.15rem;
  width:4.7rem;
  height:4.7rem;
  border:1px solid rgba(139,92,246,.56);
  border-radius:.45rem;
  rotate:8deg;
  background:linear-gradient(135deg,rgba(139,92,246,.09),transparent 70%);
}
.process-card:nth-child(2) .process-graphic span{
  left:4.1rem;
  right:.25rem;
  top:3.35rem;
  height:1px;
  background:linear-gradient(90deg,rgba(187,165,255,.5),transparent);
}
.process-card:nth-child(2) .process-graphic span::after{
  left:0;
  top:-.24rem;
  width:.5rem;
  aspect-ratio:1;
  border-radius:50%;
  background:#a98bff;
  box-shadow:0 0 1.2rem rgba(139,92,246,.78);
}

/* Approval: completed ring with a clean confirmation mark. */
.process-card:nth-child(3) .process-graphic::before{
  left:.5rem;
  top:.55rem;
  width:5.5rem;
  aspect-ratio:1;
  border:1px solid rgba(196,178,255,.32);
  border-radius:50%;
  background:radial-gradient(circle at center,rgba(139,92,246,.07),transparent 66%);
}
.process-card:nth-child(3) .process-graphic::after{
  display:none;
}
.process-card:nth-child(3) .approval-check{
  position:absolute;
  left:2.34rem;
  top:2.67rem;
  width:1.82rem;
  height:1.38rem;
  overflow:visible;
  fill:none;
  stroke:#c4b2ff;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 .48rem rgba(139,92,246,.58));
  pointer-events:none;
}
.process-card:nth-child(3) .process-graphic span{
  left:5.95rem;
  right:.25rem;
  top:3.35rem;
  height:1px;
  background:linear-gradient(90deg,rgba(187,165,255,.48),transparent);
}

.process-copy{
  position:relative!important;
  z-index:2!important;
  align-self:end!important;
}
.process-card h3{
  max-width:13ch!important;
  margin-bottom:.75rem!important;
  
  line-height:1.02!important;
}
.process-card p{
  max-width:27rem!important;
  
  line-height:1.55!important;
}
.process-card>i{
  z-index:3!important;
  right:1.35rem!important;
  top:1.25rem!important;
  color:rgba(202,188,255,.72)!important;
}

footer{
  min-height:0!important;
  width:min(94rem,calc(100vw - 2rem))!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr)!important;
  align-items:center!important;
  gap:clamp(1rem,3vw,2.5rem)!important;
  padding:1.35rem clamp(1.25rem,3vw,2rem)!important;
  overflow:hidden!important;
}
footer>*{
  min-width:0!important;
  max-width:100%!important;
}
footer p{
  margin:0!important;
  line-height:1.45!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.footer-brand{
  max-width:100%!important;
  overflow:hidden!important;
}
.footer-brand .brand-name{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
footer p:last-child{
  justify-self:end!important;
  text-align:right!important;
}

@media (max-width:53.75rem){
  .process-grid{
    grid-template-columns:1fr!important;
  }
  .process-card{
    min-height:17rem!important;
  }
  .process-card + .process-card{
    border-left:1px solid rgba(211,199,255,.13)!important;
    border-top:1px solid rgba(211,199,255,.13)!important;
  }
  footer{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    text-align:center!important;
    gap:.7rem!important;
    padding:1.65rem 1.25rem!important;
  }
  footer p:last-child{
    justify-self:center!important;
    text-align:center!important;
  }
}

@media (max-width:38.75rem){
  .process-card{
    min-height:16rem!important;
    grid-template-rows:6.5rem auto!important;
    padding:1.25rem!important;
  }
  .process-graphic{
    min-height:6.5rem!important;
    margin-bottom:1.1rem!important;
  }
  .process-card h3{
    
  }
  .process-card p{
    
  }
  footer{
    width:calc(100vw - 1rem)!important;
    padding:1.5rem 1rem!important;
  }
  .footer-brand .brand-name{
    white-space:nowrap!important;
  }
}

/* =========================================================
   HEADER / TOP BANNER FIX
   Aligns the navigation banner with the framed landing panels,
   keeps it fully inside the viewport and prevents cramped layout.
   ========================================================= */
.site-header,
.site-header.scrolled{
  width:min(94rem,calc(100vw - 2rem))!important;
  min-width:0!important;
  background:rgba(11,10,16,.96)!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:0 1rem 3.5rem rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)!important;
  overflow:hidden!important;
}
.site-header > *{min-width:0}
.brand{flex-shrink:0}
.desktop-nav{justify-self:center;max-width:100%}
.header-action{white-space:nowrap}

@media (max-width:74rem){
  .site-header,
  .site-header.scrolled{
    width:calc(100vw - 2rem)!important;
  }
  .desktop-nav a{padding-inline:.875rem!important}
  .header-action{gap:.625rem!important;padding-inline:1rem!important}
}

@media (max-width:53.75rem){
  .site-header,
  .site-header.scrolled{
    width:calc(100vw - 1.25rem)!important;
    border-radius:1.5rem!important;
  }
}

@media (max-width:38.75rem){
  .site-header,
  .site-header.scrolled{
    width:calc(100vw - 1rem)!important;
    border-radius:1.25rem!important;
  }
}


/* =========================================================
   MIREORA COLLECTION CARDS — asymmetric editorial mosaic
   ========================================================= */
.product-grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-auto-flow:dense!important;
  grid-auto-rows:3rem!important;
  gap:1.25rem!important;
}
.product-card,
.product-card-featured,
.product-card-wide{
  position:relative!important;
  grid-column:span 6!important;
  grid-row:span 10!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  padding:.625rem!important;
  overflow:hidden!important;
  border:1px solid rgba(214,202,255,.18)!important;
  border-radius:1.75rem!important;
  background:
    linear-gradient(155deg,rgba(36,24,65,.46),rgba(13,12,17,.96) 38%,#0d0c11)!important;
  box-shadow:0 1.75rem 5rem rgba(0,0,0,.22)!important;
  isolation:isolate!important;
}
.product-card:nth-child(1){grid-column:span 7!important;grid-row:span 13!important}
.product-card:nth-child(2){grid-column:span 5!important;grid-row:span 10!important}
.product-card:nth-child(3){grid-column:span 5!important;grid-row:span 11!important}
.product-card:nth-child(4){grid-column:span 7!important;grid-row:span 12!important}
.product-card:nth-child(5){grid-column:span 7!important;grid-row:span 11!important}
.product-card:nth-child(6){grid-column:span 5!important;grid-row:span 12!important}
.product-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  opacity:.72!important;
  background:
    radial-gradient(34rem circle at 0 0,rgba(139,92,246,.17),transparent 54%),
    linear-gradient(135deg,rgba(255,255,255,.035),transparent 40%)!important;
  transition:opacity .28s ease!important;
}
.product-card::after{
  content:"";
  position:absolute;
  z-index:3;
  top:1.3rem;
  right:1.3rem;
  width:3.2rem;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(199,185,255,.58));
  pointer-events:none;
  transition:width .35s ease,opacity .35s ease;
}
.product-card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(190,170,255,.42)!important;
  box-shadow:0 2.25rem 6rem rgba(0,0,0,.34),0 0 0 1px rgba(139,92,246,.06)!important;
}
.product-card:hover::before{opacity:1!important}
.product-card:hover::after{width:5rem;opacity:1}
.product-card-media{
  position:relative!important;
  inset:auto!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-height:15rem!important;
  aspect-ratio:auto!important;
  display:block!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:1.25rem!important;
  background:#09080c!important;
}
.product-card:nth-child(1) .product-card-media,
.product-card:nth-child(4) .product-card-media,
.product-card:nth-child(5) .product-card-media{min-height:20rem!important}
.product-card-media::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,transparent 62%,rgba(7,5,10,.30)),
    linear-gradient(135deg,rgba(145,100,255,.08),transparent 38%)!important;
}
.product-card-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:none!important;
  transform:scale(1.002)!important;
  transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .45s ease!important;
}
.product-card:hover .product-card-media img{
  transform:scale(1.04)!important;
  filter:saturate(1.04) contrast(1.02)!important;
}
.product-card-content{
  flex:0 0 auto!important;
  min-height:13rem!important;
  display:flex!important;
  flex-direction:column!important;
  padding:1.35rem .8rem .65rem!important;
}
.product-card:nth-child(1) .product-card-content,
.product-card:nth-child(4) .product-card-content,
.product-card:nth-child(5) .product-card-content{min-height:13.75rem!important}
.product-card-copy{display:grid!important;gap:.75rem!important}
.product-card h3{
  max-width:18ch!important;
  margin:0!important;
  font-family:var(--serif)!important;
  
  font-weight:400!important;
  line-height:1.01!important;
  letter-spacing:-.035em!important;
  overflow-wrap:normal!important;
}
.product-card:nth-child(1) h3,
.product-card:nth-child(4) h3,
.product-card:nth-child(5) h3{}
.product-card-copy p{
  max-width:48ch!important;
  margin:0!important;
  color:#aaa2b7!important;
  
  line-height:1.58!important;
}
.product-link{
  width:100%!important;
  min-height:auto!important;
  margin-top:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:1rem!important;
  padding:1rem 0 .2rem!important;
  border:0!important;
  border-top:1px solid rgba(196,180,255,.22)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#d9ceff!important;
  
  font-weight:650!important;
  line-height:1rem!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  transition:color .25s ease,border-color .25s ease,padding-left .25s ease!important;
}
.product-link span{}
.product-link i{
  flex:0 0 auto!important;
  width:2rem!important;
  height:2rem!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(196,180,255,.28)!important;
  border-radius:50%!important;
  
  font-style:normal!important;
  line-height:1!important;
  transition:transform .25s ease,border-color .25s ease,background .25s ease!important;
}
.product-link:hover{
  padding-left:.35rem!important;
  border-color:rgba(213,201,255,.55)!important;
  background:transparent!important;
  color:#fff!important;
}
.product-link:hover i{
  transform:translate(2px,-2px)!important;
  border-color:rgba(213,201,255,.72)!important;
  background:rgba(139,92,246,.12)!important;
}

@media (max-width:68rem){
  .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:auto!important;
  }
  .product-card,
  .product-card-featured,
  .product-card-wide,
  .product-card:nth-child(n){
    grid-column:auto!important;
    grid-row:auto!important;
    min-height:34rem!important;
  }
  .product-card:nth-child(1){grid-column:1 / -1!important;min-height:42rem!important}
  .product-card-media,
  .product-card:nth-child(1) .product-card-media,
  .product-card:nth-child(4) .product-card-media,
  .product-card:nth-child(5) .product-card-media{min-height:18rem!important}
  .product-card:nth-child(1) .product-card-media{min-height:25rem!important}
  .product-card-content,
  .product-card:nth-child(1) .product-card-content,
  .product-card:nth-child(4) .product-card-content,
  .product-card:nth-child(5) .product-card-content{min-height:13rem!important}
}

@media (max-width:42rem){
  .product-grid{
    grid-template-columns:1fr!important;
    gap:1rem!important;
  }
  .product-card,
  .product-card-featured,
  .product-card-wide,
  .product-card:nth-child(n){
    grid-column:auto!important;
    grid-row:auto!important;
    min-height:34rem!important;
    padding:.5rem!important;
    border-radius:1.5rem!important;
  }
  .product-card::after{top:1.1rem;right:1.1rem;width:2.4rem}
  .product-card-media,
  .product-card:nth-child(1) .product-card-media,
  .product-card:nth-child(4) .product-card-media,
  .product-card:nth-child(5) .product-card-media{
    min-height:20rem!important;
    border-radius:1.125rem!important;
  }
  .product-card-content,
  .product-card:nth-child(1) .product-card-content,
  .product-card:nth-child(4) .product-card-content,
  .product-card:nth-child(5) .product-card-content{
    min-height:12.5rem!important;
    padding:1.1rem .65rem .55rem!important;
  }
  .product-card h3,
  .product-card:nth-child(1) h3,
  .product-card:nth-child(4) h3,
  .product-card:nth-child(5) h3{
    max-width:17ch!important;
    
    line-height:1.02!important;
  }
  .product-card-copy p{line-height:1.5!important}
  .product-link{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    padding:.9rem 0 .1rem!important;
    overflow:visible!important;
    
    gap:1rem!important;
  }
  .product-link span{}
  .product-link i{width:2rem!important;height:2rem!important;}
}

/* =========================================================
   COLLECTION CARDS — compact content and pill CTA
   ========================================================= */
.product-grid{
  grid-auto-rows:2.25rem!important;
}
.product-card:nth-child(1){grid-row:span 13!important}
.product-card:nth-child(2){grid-row:span 10!important}
.product-card:nth-child(3){grid-row:span 11!important}
.product-card:nth-child(4){grid-row:span 12!important}
.product-card:nth-child(5){grid-row:span 11!important}
.product-card:nth-child(6){grid-row:span 12!important}
.product-card-content,
.product-card:nth-child(1) .product-card-content,
.product-card:nth-child(4) .product-card-content,
.product-card:nth-child(5) .product-card-content{
  min-height:0!important;
  gap:.95rem!important;
  padding:1.1rem .8rem .75rem!important;
}
.product-card-copy{
  gap:.55rem!important;
}
.product-card-copy p{
  display:-webkit-box!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  
  line-height:1.48!important;
}
.product-link{
  width:auto!important;
  min-width:9.75rem!important;
  min-height:3rem!important;
  align-self:flex-end!important;
  justify-content:center!important;
  gap:.85rem!important;
  margin-top:0!important;
  padding:.85rem 1.05rem!important;
  border:1px solid rgba(174,151,255,.36)!important;
  border-radius:999px!important;
  background:rgba(139,92,246,.09)!important;
  color:#f1ecff!important;
  
  font-weight:650!important;
  line-height:1!important;
  letter-spacing:.09em!important;
  transition:transform .25s ease,background .25s ease,border-color .25s ease!important;
}
.product-link i{
  width:auto!important;
  height:auto!important;
  display:inline!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--accent-2)!important;
  
  line-height:1!important;
}
.product-link:hover{
  padding-left:1.05rem!important;
  transform:translateY(-2px)!important;
  border-color:rgba(196,179,255,.65)!important;
  background:rgba(139,92,246,.18)!important;
  color:#fff!important;
}
.product-link:hover i{
  transform:translate(2px,-2px)!important;
  border:0!important;
  background:transparent!important;
}

@media (max-width:68rem){
  .product-card,
  .product-card-featured,
  .product-card-wide,
  .product-card:nth-child(n){
    min-height:31rem!important;
  }
  .product-card:nth-child(1){min-height:37rem!important}
  .product-card-content,
  .product-card:nth-child(1) .product-card-content,
  .product-card:nth-child(4) .product-card-content,
  .product-card:nth-child(5) .product-card-content{
    min-height:0!important;
  }
}

@media (max-width:42rem){
  .product-card,
  .product-card-featured,
  .product-card-wide,
  .product-card:nth-child(n){
    min-height:0!important;
  }
  .product-card-media,
  .product-card:nth-child(1) .product-card-media,
  .product-card:nth-child(4) .product-card-media,
  .product-card:nth-child(5) .product-card-media{
    flex:none!important;
    min-height:0!important;
    aspect-ratio:1 / .9!important;
  }
  .product-card-content,
  .product-card:nth-child(1) .product-card-content,
  .product-card:nth-child(4) .product-card-content,
  .product-card:nth-child(5) .product-card-content{
    min-height:0!important;
    gap:.85rem!important;
    padding:1rem .65rem .6rem!important;
  }
  .product-link{
    width:auto!important;
    min-width:9.5rem!important;
    min-height:3rem!important;
    padding:.85rem 1rem!important;
    
  }
}

/* =========================================================
   MIREORA COLLECTION — final modern bento cards
   ========================================================= */
.collection .product-grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-template-rows:20rem 20rem 25rem!important;
  grid-auto-flow:dense!important;
  grid-auto-rows:auto!important;
  gap:1.125rem!important;
  align-items:stretch!important;
}
.collection .product-card,
.collection .product-card-featured,
.collection .product-card-wide,
.collection .product-card:nth-child(n){
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:.55rem!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border:1px solid rgba(213,201,255,.16)!important;
  border-radius:1.75rem!important;
  background:
    radial-gradient(28rem 20rem at 0 0,rgba(120,73,225,.14),transparent 66%),
    linear-gradient(145deg,#171222 0%,#0e0d13 54%,#0a090e 100%)!important;
  box-shadow:0 1.5rem 4.5rem rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035)!important;
  transform:none!important;
  transition:transform .38s cubic-bezier(.2,.75,.2,1),border-color .3s ease,box-shadow .3s ease!important;
}
.collection .product-card:nth-child(1){grid-column:1 / 8!important;grid-row:1 / 3!important}
.collection .product-card:nth-child(2){grid-column:8 / 13!important;grid-row:1!important}
.collection .product-card:nth-child(3){grid-column:8 / 13!important;grid-row:2!important}
.collection .product-card:nth-child(4){grid-column:1 / 5!important;grid-row:3!important}
.collection .product-card:nth-child(5){grid-column:5 / 8!important;grid-row:3!important}
.collection .product-card:nth-child(6){grid-column:8 / 13!important;grid-row:3!important}

.collection .product-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:0!important;
  background:radial-gradient(34rem 24rem at 50% -15%,rgba(163,124,255,.18),transparent 68%)!important;
  transition:opacity .35s ease!important;
}
.collection .product-card::after{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  top:1.3rem!important;
  right:1.3rem!important;
  width:2.75rem!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(224,215,255,.55))!important;
  opacity:.7!important;
  pointer-events:none!important;
  transition:width .35s ease,opacity .35s ease!important;
}
.collection .product-card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(194,173,255,.38)!important;
  box-shadow:0 2.25rem 6rem rgba(0,0,0,.34),0 0 0 1px rgba(139,92,246,.045)!important;
}
.collection .product-card:hover::before{opacity:1!important}
.collection .product-card:hover::after{width:4.75rem!important;opacity:1!important}

.collection .product-card-media{
  position:relative!important;
  inset:auto!important;
  z-index:1!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  flex:1 1 auto!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:1.3rem!important;
  background:#09080d!important;
}
.collection .product-card-media::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(5,4,8,.02) 30%,rgba(5,4,8,.14) 72%,rgba(5,4,8,.48) 100%),
    linear-gradient(135deg,rgba(143,94,255,.08),transparent 42%)!important;
}
.collection .product-card-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:none!important;
  transform:scale(1.002)!important;
  transition:transform .7s cubic-bezier(.2,.75,.2,1),filter .45s ease!important;
}
.collection .product-card:hover .product-card-media img{
  transform:scale(1.045)!important;
  filter:saturate(1.035) contrast(1.02)!important;
}

.collection .product-card-content,
.collection .product-card:nth-child(n) .product-card-content{
  position:relative!important;
  z-index:3!important;
  flex:0 0 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:1rem!important;
  padding:1.15rem .8rem .72rem!important;
  background:transparent!important;
}
.collection .product-card-copy{
  width:100%!important;
  display:grid!important;
  gap:.55rem!important;
}
.collection .product-card h3,
.collection .product-card:nth-child(n) h3{
  max-width:18ch!important;
  margin:0!important;
  font-family:var(--serif)!important;
  
  font-weight:400!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  color:#f8f5ff!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
}
.collection .product-card-copy p{
  max-width:48ch!important;
  margin:0!important;
  color:#aaa3b5!important;
  
  line-height:1.52!important;
  display:-webkit-box!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}

/* Large editorial card: image fills the card, copy sits in the visual. */
.collection .product-card:nth-child(1),
.collection .product-card:nth-child(2),
.collection .product-card:nth-child(3){padding:0!important}
.collection .product-card:nth-child(1) .product-card-media,
.collection .product-card:nth-child(2) .product-card-media,
.collection .product-card:nth-child(3) .product-card-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:inherit!important;
}
.collection .product-card:nth-child(1) .product-card-media::after,
.collection .product-card:nth-child(2) .product-card-media::after,
.collection .product-card:nth-child(3) .product-card-media::after{
  background:
    linear-gradient(180deg,rgba(5,4,8,.02) 20%,rgba(5,4,8,.16) 52%,rgba(5,4,8,.93) 100%),
    linear-gradient(90deg,rgba(5,4,8,.30),transparent 58%),
    linear-gradient(135deg,rgba(111,68,210,.14),transparent 44%)!important;
}
.collection .product-card:nth-child(1) .product-card-content,
.collection .product-card:nth-child(2) .product-card-content,
.collection .product-card:nth-child(3) .product-card-content{
  width:100%!important;
  min-height:100%!important;
  margin-top:auto!important;
  padding:clamp(1.4rem,2.4vw,2.25rem)!important;
  justify-content:flex-end!important;
}
.collection .product-card:nth-child(1) h3{max-width:13ch!important;line-height:.93!important}
.collection .product-card:nth-child(1) .product-card-copy p{max-width:39rem!important;}
.collection .product-card:nth-child(2) h3,
.collection .product-card:nth-child(3) h3{max-width:15ch!important;}
.collection .product-card:nth-child(2) .product-card-copy p,
.collection .product-card:nth-child(3) .product-card-copy p{max-width:34rem!important;}

/* Lower row uses three related but deliberately different compositions. */
.collection .product-card:nth-child(4) .product-card-media{flex:0 0 57%!important}
.collection .product-card:nth-child(5) .product-card-media{flex:0 0 51%!important}
.collection .product-card:nth-child(6){display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(14rem,.85fr)!important;gap:0!important}
.collection .product-card:nth-child(6) .product-card-media{height:100%!important;min-height:0!important}
.collection .product-card:nth-child(6) .product-card-content{height:100%!important;padding:1.45rem 1.25rem!important;justify-content:center!important}
.collection .product-card:nth-child(4) h3{}
.collection .product-card:nth-child(5) h3{}
.collection .product-card:nth-child(6) h3{}

.collection .product-link{
  position:relative!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:3rem!important;
  height:auto!important;
  margin-top:.1rem!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.9rem!important;
  padding:.82rem 1rem .82rem 1.15rem!important;
  overflow:visible!important;
  border:1px solid rgba(197,181,255,.34)!important;
  border-radius:999px!important;
  background:rgba(15,12,22,.68)!important;
  backdrop-filter:blur(14px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(125%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 .75rem 2rem rgba(0,0,0,.15)!important;
  color:#f4efff!important;
  
  font-weight:650!important;
  line-height:1!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  transform:none!important;
  transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease!important;
}
.collection .product-link span{line-height:1!important}
.collection .product-link i{
  width:1.85rem!important;
  height:1.85rem!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(209,197,255,.28)!important;
  border-radius:50%!important;
  background:rgba(139,92,246,.11)!important;
  color:#d5c7ff!important;
  
  font-style:normal!important;
  line-height:1!important;
  transition:transform .28s ease,background .28s ease,border-color .28s ease!important;
}
.collection .product-link:hover{
  padding:.82rem 1rem .82rem 1.15rem!important;
  transform:translateY(-2px)!important;
  border-color:rgba(212,199,255,.62)!important;
  background:rgba(112,67,220,.30)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 1rem 2.5rem rgba(75,37,165,.23)!important;
  color:#fff!important;
}
.collection .product-link:hover i{
  transform:translate(2px,-2px)!important;
  border-color:rgba(225,216,255,.58)!important;
  background:rgba(139,92,246,.24)!important;
}
.collection .product-link:focus-visible{
  outline:2px solid #c4b2ff!important;
  outline-offset:3px!important;
}

@media (max-width:68rem){
  .collection .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    grid-auto-rows:auto!important;
  }
  .collection .product-card,
  .collection .product-card-featured,
  .collection .product-card-wide,
  .collection .product-card:nth-child(n){
    grid-column:auto!important;
    grid-row:auto!important;
    min-height:31rem!important;
  }
  .collection .product-card:nth-child(1){grid-column:1 / -1!important;min-height:39rem!important}
  .collection .product-card:nth-child(2),
  .collection .product-card:nth-child(3){min-height:27rem!important}
  .collection .product-card:nth-child(6){grid-column:1 / -1!important;min-height:25rem!important}
  .collection .product-card:nth-child(4) .product-card-media,
  .collection .product-card:nth-child(5) .product-card-media{flex-basis:58%!important}
}

@media (max-width:42rem){
  .collection .product-grid{grid-template-columns:1fr!important;gap:.9rem!important}
  .collection .product-card,
  .collection .product-card-featured,
  .collection .product-card-wide,
  .collection .product-card:nth-child(n){
    grid-column:auto!important;
    grid-row:auto!important;
    min-height:30rem!important;
    padding:.45rem!important;
    border-radius:1.45rem!important;
  }
  .collection .product-card:nth-child(1){min-height:34rem!important;padding:0!important}
  .collection .product-card:nth-child(2),
  .collection .product-card:nth-child(3){min-height:27rem!important;padding:0!important}
  .collection .product-card:nth-child(6){
    min-height:31rem!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .collection .product-card:nth-child(6) .product-card-media{height:auto!important;flex:0 0 58%!important}
  .collection .product-card:nth-child(6) .product-card-content{height:auto!important;padding:1.05rem .7rem .65rem!important;justify-content:flex-end!important}
  .collection .product-card-content,
  .collection .product-card:nth-child(n) .product-card-content{padding:1.05rem .7rem .65rem!important;gap:.85rem!important}
  .collection .product-card:nth-child(1) .product-card-content,
  .collection .product-card:nth-child(2) .product-card-content,
  .collection .product-card:nth-child(3) .product-card-content{padding:1.35rem!important}
  .collection .product-card h3,
  .collection .product-card:nth-child(n) h3{max-width:17ch!important;line-height:1!important}
  .collection .product-card:nth-child(1) h3{max-width:12ch!important;line-height:.94!important}
  .collection .product-card-copy p,
  .collection .product-card:nth-child(1) .product-card-copy p{line-height:1.48!important;-webkit-line-clamp:2!important}
  .collection .product-link{
    min-height:2.85rem!important;
    padding:.75rem .88rem .75rem 1.05rem!important;
    
  }
  .collection .product-link:hover{padding:.75rem .88rem .75rem 1.05rem!important}
  .collection .product-link i{width:1.75rem!important;height:1.75rem!important;}
}

@media (prefers-reduced-motion:reduce){
  .collection .product-card,
  .collection .product-card-media img,
  .collection .product-link,
  .collection .product-link i{transition:none!important}
  .collection .product-card:hover,
  .collection .product-link:hover{transform:none!important}
}

/* Desktop density correction for the lower bento row. */
@media (min-width:68.01rem){
  .collection .product-grid{grid-template-rows:20rem 20rem 31rem!important}
  .collection .product-card:nth-child(4) .product-card-media{flex-basis:53%!important}
  .collection .product-card:nth-child(5) .product-card-media{flex-basis:48%!important}
}

@media (min-width:68.01rem){
  .collection .product-card:nth-child(4),
  .collection .product-card:nth-child(5){
    display:grid!important;
    grid-template-rows:minmax(0,1fr) auto!important;
  }
  .collection .product-card:nth-child(4) .product-card-media,
  .collection .product-card:nth-child(5) .product-card-media{
    height:100%!important;
    min-height:0!important;
    flex:none!important;
  }
}

/* Make the wide phone-case card image-led instead of leaving a dark empty column. */
@media (min-width:68.01rem){
  .collection .product-card:nth-child(6){
    display:flex!important;
    flex-direction:column!important;
    padding:0!important;
  }
  .collection .product-card:nth-child(6) .product-card-media{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    border:0!important;
    border-radius:inherit!important;
  }
  .collection .product-card:nth-child(6) .product-card-media img{object-position:left center!important}
  .collection .product-card:nth-child(6) .product-card-media::after{
    background:
      linear-gradient(90deg,rgba(5,4,8,.04) 24%,rgba(5,4,8,.50) 56%,rgba(5,4,8,.96) 100%),
      linear-gradient(180deg,transparent 42%,rgba(5,4,8,.38) 100%)!important;
  }
  .collection .product-card:nth-child(6) .product-card-content{
    width:min(54%,19rem)!important;
    min-height:100%!important;
    height:100%!important;
    margin-left:auto!important;
    padding:2rem 1.7rem!important;
    justify-content:flex-end!important;
  }
}

/* =========================================================
   COLLECTION CARDS — readable editorial redesign
   Text is deliberately separated from photography.
   ========================================================= */
#collection .product-grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-auto-flow:dense!important;
  grid-auto-rows:auto!important;
  align-items:start!important;
  gap:1.25rem!important;
}
#collection .product-card,
#collection .product-card-featured,
#collection .product-card-wide,
#collection .product-card:nth-child(n){
  position:relative!important;
  min-height:0!important;
  grid-row:auto!important;
  display:grid!important;
  grid-template-rows:auto auto!important;
  padding:.625rem!important;
  overflow:hidden!important;
  border:1px solid rgba(213,201,255,.18)!important;
  border-radius:1.75rem!important;
  background:linear-gradient(155deg,rgba(30,21,52,.72),rgba(12,11,16,.98) 42%,#0c0b10)!important;
  box-shadow:0 1.6rem 4.5rem rgba(0,0,0,.22)!important;
}
#collection .product-card:nth-child(1){grid-column:span 7!important}
#collection .product-card:nth-child(2){grid-column:span 5!important}
#collection .product-card:nth-child(3){grid-column:span 4!important}
#collection .product-card:nth-child(4){grid-column:span 8!important}
#collection .product-card:nth-child(5){grid-column:span 7!important}
#collection .product-card:nth-child(6){grid-column:span 5!important}

#collection .product-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.82!important;
  background:
    radial-gradient(30rem circle at 0 0,rgba(139,92,246,.13),transparent 56%),
    linear-gradient(135deg,rgba(255,255,255,.025),transparent 42%)!important;
}
#collection .product-card::after{
  content:""!important;
  position:absolute!important;
  top:1.2rem!important;
  right:1.2rem!important;
  width:2.75rem!important;
  height:1px!important;
  z-index:4!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent,rgba(205,190,255,.58))!important;
}
#collection .product-card-media{
  position:relative!important;
  inset:auto!important;
  z-index:1!important;
  width:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:1.25rem!important;
  background:#09080c!important;
}
#collection .product-card:nth-child(1) .product-card-media{aspect-ratio:16 / 10!important}
#collection .product-card:nth-child(2) .product-card-media{aspect-ratio:4 / 3!important}
#collection .product-card:nth-child(3) .product-card-media{aspect-ratio:4 / 5!important}
#collection .product-card:nth-child(4) .product-card-media{aspect-ratio:16 / 9!important}
#collection .product-card:nth-child(5) .product-card-media{aspect-ratio:3 / 2!important}
#collection .product-card:nth-child(6) .product-card-media{aspect-ratio:4 / 5!important}
#collection .product-card-media::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 58%,rgba(5,4,8,.12))!important;
}
#collection .product-card-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:scale(1.001)!important;
  filter:none!important;
  transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s ease!important;
}
#collection .product-card:hover .product-card-media img{
  transform:scale(1.035)!important;
  filter:contrast(1.02) saturate(1.03)!important;
}

#collection .product-card-content,
#collection .product-card:nth-child(n) .product-card-content{
  position:relative!important;
  z-index:2!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:1.25rem!important;
  padding:1.35rem .85rem .8rem!important;
  background:transparent!important;
}
#collection .product-card:nth-child(2) .product-card-content,
#collection .product-card:nth-child(3) .product-card-content,
#collection .product-card:nth-child(6) .product-card-content{
  grid-template-columns:1fr!important;
  align-items:start!important;
  gap:1rem!important;
}
#collection .product-card-copy{
  min-width:0!important;
  display:grid!important;
  gap:.65rem!important;
}
#collection .product-card h3,
#collection .product-card:nth-child(n) h3{
  max-width:none!important;
  margin:0!important;
  color:#f7f3ff!important;
  font-family:var(--serif)!important;
  
  font-weight:400!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  text-wrap:balance!important;
}
#collection .product-card:nth-child(2) h3,
#collection .product-card:nth-child(3) h3,
#collection .product-card:nth-child(6) h3{
  
}
#collection .product-card-copy p{
  display:block!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  max-width:48ch!important;
  margin:0!important;
  color:#aaa3b6!important;
  
  line-height:1.55!important;
}
#collection .product-link{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:9.25rem!important;
  min-height:3.25rem!important;
  align-self:end!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.8rem!important;
  margin:0!important;
  padding:.9rem 1.15rem!important;
  border:1px solid rgba(184,163,255,.38)!important;
  border-radius:999px!important;
  background:rgba(139,92,246,.10)!important;
  color:#f4efff!important;
  
  font-weight:650!important;
  line-height:1!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  transition:transform .25s ease,border-color .25s ease,background .25s ease!important;
}
#collection .product-card:nth-child(2) .product-link,
#collection .product-card:nth-child(3) .product-link,
#collection .product-card:nth-child(6) .product-link{
  justify-self:start!important;
  align-self:start!important;
}
#collection .product-link i{
  width:1.8rem!important;
  height:1.8rem!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(201,187,255,.32)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.025)!important;
  color:#c9b8ff!important;
  
  font-style:normal!important;
  line-height:1!important;
  transition:transform .25s ease,border-color .25s ease,background .25s ease!important;
}
#collection .product-link:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(208,195,255,.72)!important;
  background:rgba(139,92,246,.2)!important;
  color:#fff!important;
}
#collection .product-link:hover i{
  transform:translate(2px,-2px)!important;
  border-color:rgba(221,211,255,.72)!important;
  background:rgba(255,255,255,.06)!important;
}

@media (max-width:68rem){
  #collection .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #collection .product-card,
  #collection .product-card-featured,
  #collection .product-card-wide,
  #collection .product-card:nth-child(n){grid-column:auto!important;grid-row:auto!important}
  #collection .product-card:nth-child(1),
  #collection .product-card:nth-child(4){grid-column:1 / -1!important}
  #collection .product-card:nth-child(1) .product-card-media,
  #collection .product-card:nth-child(4) .product-card-media{aspect-ratio:16 / 9!important}
  #collection .product-card-content,
  #collection .product-card:nth-child(n) .product-card-content{grid-template-columns:1fr!important;align-items:start!important}
  #collection .product-link,
  #collection .product-card:nth-child(n) .product-link{justify-self:start!important;align-self:start!important}
}

@media (max-width:42rem){
  #collection .product-grid{grid-template-columns:1fr!important;gap:1rem!important}
  #collection .product-card,
  #collection .product-card-featured,
  #collection .product-card-wide,
  #collection .product-card:nth-child(n){
    grid-column:auto!important;
    padding:.5rem!important;
    border-radius:1.4rem!important;
  }
  #collection .product-card-media,
  #collection .product-card:nth-child(n) .product-card-media{
    aspect-ratio:4 / 3!important;
    border-radius:1.05rem!important;
  }
  #collection .product-card:nth-child(1) .product-card-media,
  #collection .product-card:nth-child(4) .product-card-media{aspect-ratio:16 / 10!important}
  #collection .product-card-content,
  #collection .product-card:nth-child(n) .product-card-content{
    gap:.9rem!important;
    padding:1.05rem .6rem .55rem!important;
  }
  #collection .product-card h3,
  #collection .product-card:nth-child(n) h3{
    
    line-height:1.04!important;
  }
  #collection .product-card-copy p{line-height:1.5!important}
  #collection .product-link{
    min-width:8.9rem!important;
    min-height:3rem!important;
    padding:.8rem 1rem!important;
  }
}


/* Hero visual refinement: subtle gallery geometry fills the empty field
   without competing with the product photography. */
.hero-visual{
  background:
    radial-gradient(circle at 18% 22%,rgba(151,115,255,.09),transparent 22%),
    radial-gradient(circle at 84% 76%,rgba(106,67,211,.08),transparent 24%)!important;
}
.hero-visual::after{
  content:"";
  position:absolute;
  inset:6% 2% 4%;
  z-index:0;
  pointer-events:none;
  opacity:.42;
  background-image:
    linear-gradient(rgba(207,194,255,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(207,194,255,.075) 1px,transparent 1px);
  background-size:5.25rem 5.25rem;
  mask-image:radial-gradient(ellipse 78% 72% at 52% 50%,#000 24%,rgba(0,0,0,.72) 58%,transparent 92%);
  -webkit-mask-image:radial-gradient(ellipse 78% 72% at 52% 50%,#000 24%,rgba(0,0,0,.72) 58%,transparent 92%);
}
.hero-visual .visual-orbit{
  display:block!important;
  z-index:1!important;
  animation:none!important;
  pointer-events:none!important;
  opacity:.72;
  border-color:rgba(194,174,255,.20)!important;
}
.hero-visual .orbit-a{
  width:82%!important;
  height:54%!important;
  aspect-ratio:auto!important;
  left:51%!important;
  top:49%!important;
  transform:translate(-50%,-50%) rotate(-10deg)!important;
  translate:none!important;
  border-style:solid!important;
  border-radius:50%!important;
}
.hero-visual .orbit-b{
  width:62%!important;
  height:82%!important;
  aspect-ratio:auto!important;
  left:52%!important;
  top:50%!important;
  transform:translate(-50%,-50%) rotate(18deg)!important;
  translate:none!important;
  border-style:dashed!important;
  border-color:rgba(194,174,255,.14)!important;
  border-radius:50%!important;
}
.hero-visual .visual-orbit::after{
  width:.42rem!important;
  height:.42rem!important;
  background:#bca5ff!important;
  box-shadow:0 0 1.4rem rgba(168,132,255,.86)!important;
}
.visual-guide{
  position:absolute;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(201,185,255,.30),transparent);
}
.visual-guide::after{
  content:"";
  position:absolute;
  width:.34rem;
  height:.34rem;
  border:1px solid rgba(221,211,255,.62);
  border-radius:50%;
  background:#13101c;
  box-shadow:0 0 1rem rgba(139,92,246,.45);
}
.visual-guide-horizontal{
  left:4%;
  right:5%;
  top:36%;
  height:1px;
  transform:rotate(7deg);
  opacity:.72;
}
.visual-guide-horizontal::after{right:13%;top:-.17rem}
.visual-guide-vertical{
  top:9%;
  bottom:7%;
  left:73%;
  width:1px;
  height:auto;
  background:linear-gradient(180deg,transparent,rgba(201,185,255,.22),transparent);
  transform:rotate(-8deg);
  opacity:.6;
}
.visual-guide-vertical::after{left:-.17rem;bottom:18%}
.visual-object{
  position:absolute;
  z-index:2;
  pointer-events:none;
}
.visual-object-ring{
  width:6.25rem;
  height:6.25rem;
  left:7%;
  top:16%;
  border:1px solid rgba(213,199,255,.28);
  border-radius:50%;
  box-shadow:inset 0 0 2.8rem rgba(125,79,227,.07),0 0 2.4rem rgba(95,56,183,.08);
}
.visual-object-ring::before,
.visual-object-ring::after{
  content:"";
  position:absolute;
  inset:18%;
  border:1px solid rgba(213,199,255,.14);
  border-radius:50%;
}
.visual-object-ring::after{
  inset:43%;
  background:#a587ff;
  border:0;
  box-shadow:0 0 1.5rem rgba(139,92,246,.7);
}
.visual-object-glass{
  width:4.35rem;
  height:8.6rem;
  right:5%;
  bottom:8%;
  border:1px solid rgba(216,205,255,.20);
  border-radius:2.2rem 2.2rem .9rem .9rem;
  background:
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.012) 48%,rgba(126,83,224,.10));
  box-shadow:inset .35rem .35rem 1.1rem rgba(255,255,255,.035),0 1.4rem 3rem rgba(0,0,0,.24);
  transform:rotate(7deg);
}
.visual-object-glass::after{
  content:"";
  position:absolute;
  left:50%;
  top:18%;
  width:1px;
  height:58%;
  background:linear-gradient(transparent,rgba(229,221,255,.26),transparent);
}
.visual-object-sphere{
  width:1.05rem;
  height:1.05rem;
  right:17%;
  top:11%;
  border-radius:50%;
  background:radial-gradient(circle at 32% 28%,#f2ecff,#a487ff 26%,#5f3bb1 66%,#1a1328 100%);
  box-shadow:0 0 1.9rem rgba(139,92,246,.52),0 .65rem 1.4rem rgba(0,0,0,.35);
}

@media (max-width:53.75rem){
  .visual-object-ring{left:5%;top:15%;width:5.25rem;height:5.25rem}
  .visual-object-glass{right:3%;bottom:6%;width:3.8rem;height:7.5rem}
  .visual-guide-horizontal{left:1%;right:1%}
}
@media (max-width:38.75rem){
  .hero-visual::after{background-size:3.75rem 3.75rem;opacity:.30}
  .hero-visual .orbit-a{width:88%!important;height:50%!important}
  .hero-visual .orbit-b{width:66%!important;height:74%!important}
  .visual-object-ring{width:3.75rem;height:3.75rem;left:3%;top:14%;opacity:.72}
  .visual-object-glass{width:2.8rem;height:5.6rem;right:1%;bottom:7%;opacity:.7}
  .visual-object-sphere{right:10%;top:9%;width:.78rem;height:.78rem}
  .visual-guide-vertical{left:77%}
}

/* =========================================================
   RESPONSIVE FOOTER ALIGNMENT
   Keeps all footer content visually balanced on every device.
   ========================================================= */
footer{
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  justify-items:stretch!important;
  column-gap:clamp(1.5rem,4vw,4.5rem)!important;
  row-gap:1rem!important;
  padding:1.45rem clamp(1.4rem,3.5vw,2.75rem)!important;
}
footer .footer-brand{
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
}
footer > p:nth-of-type(1){
  justify-self:center!important;
  text-align:center!important;
  max-width:32rem!important;
}
footer > p:last-child{
  justify-self:end!important;
  text-align:right!important;
}

@media (max-width:70rem){
  footer{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    text-align:center!important;
    gap:.85rem!important;
    padding:1.8rem 1.5rem!important;
  }
  footer .footer-brand,
  footer > p:nth-of-type(1),
  footer > p:last-child{
    justify-self:center!important;
    text-align:center!important;
  }
  footer > p{
    width:min(100%,36rem)!important;
  }
}

@media (max-width:38.75rem){
  footer{
    min-height:0!important;
    gap:.65rem!important;
    padding:1.55rem 1rem!important;
  }
  footer .footer-brand{
    transform:none!important;
  }
  footer .brand-symbol{
    flex:0 0 auto!important;
  }
  footer .brand-name{
    overflow:visible!important;
    text-overflow:clip!important;
  }
  footer > p{
    
    line-height:1.45!important;
    letter-spacing:.07em!important;
  }
}

/* =========================================================
   Order dialog — unified Mireora section-card system
   Mirrors the framed purple panels used across the landing.
   ========================================================= */
.inquiry-dialog{
  width:min(72rem,calc(100vw - 1.5rem))!important;
  max-width:72rem!important;
  max-height:calc(100dvh - 1.5rem)!important;
  padding:.75rem!important;
  border:1px solid rgba(183,163,255,.26)!important;
  border-radius:2rem!important;
  background:
    radial-gradient(52rem 30rem at 0% 0%,rgba(106,64,210,.14),transparent 62%),
    radial-gradient(44rem 26rem at 100% 18%,rgba(139,92,246,.09),transparent 66%),
    #08070c!important;
  box-shadow:0 3.5rem 10rem rgba(0,0,0,.78),inset 0 1px rgba(255,255,255,.055)!important;
  scrollbar-color:rgba(165,139,255,.52) transparent;
  scrollbar-width:thin;
}
.inquiry-dialog::-webkit-scrollbar{width:.55rem}
.inquiry-dialog::-webkit-scrollbar-track{background:transparent}
.inquiry-dialog::-webkit-scrollbar-thumb{
  border:2px solid transparent;
  border-radius:999px;
  background:linear-gradient(#7550d8,#a487ff) padding-box;
}
.inquiry-dialog::backdrop{
  background:rgba(2,2,5,.9)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
.order-step{
  padding:1.15rem!important;
}
.order-step.is-active{
  display:grid;
  gap:1rem;
}

/* Every major modal area is now a framed landing-style block. */
.dialog-copy,
.choice-section,
.selected-order,
.product-configurator,
.form-section,
.choice-actions,
.submit-panel{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(183,163,255,.20)!important;
  border-radius:1.75rem!important;
  background:
    linear-gradient(135deg,rgba(76,42,156,.33),rgba(18,14,31,.82) 42%,rgba(12,11,16,.96))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 1.4rem 4.5rem rgba(0,0,0,.18)!important;
}
.dialog-copy::before,
.choice-section::before,
.product-configurator::before,
.form-section::before{
  content:"";
  position:absolute;
  width:17rem;
  aspect-ratio:1;
  right:-8rem;
  top:-10rem;
  border:1px solid rgba(199,181,255,.10);
  border-radius:50%;
  box-shadow:0 0 0 3.75rem rgba(139,92,246,.025),0 0 0 7rem rgba(139,92,246,.018);
  pointer-events:none;
}
.dialog-copy>* ,
.choice-section>* ,
.product-configurator>* ,
.form-section>*{
  position:relative;
  z-index:1;
}

.dialog-copy{
  min-height:15.5rem;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:2.3rem 2.5rem!important;
}
.dialog-copy .kicker{
  margin:0!important;
  color:#c9b8ff!important;
}
.dialog-copy h2{
  max-width:13ch;
  margin-top:1.25rem!important;
  
  line-height:.92!important;
}
.dialog-copy>p:last-child{
  max-width:44rem;
  margin-top:1.25rem!important;
  color:#beb6c8!important;
}
.order-choice-heading,
.compact-dialog-copy{
  padding-right:5.25rem!important;
}

.dialog-close{
  position:sticky!important;
  z-index:60!important;
  top:1.25rem!important;
  margin:1.25rem 1.25rem -4.5rem 0!important;
  width:3rem!important;
  height:3rem!important;
  border-color:rgba(196,179,255,.24)!important;
  background:rgba(16,13,24,.86)!important;
  box-shadow:0 .75rem 2.4rem rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.07)!important;
}
.dialog-close:hover{
  border-color:rgba(207,193,255,.6)!important;
  background:rgba(108,70,205,.27)!important;
}

.choice-section{
  margin-top:0!important;
  padding:1.55rem!important;
}
.choice-section-heading{
  margin:0 0 1.15rem!important;
  padding:0 .15rem .95rem;
  border-bottom:1px solid rgba(183,163,255,.14);
}
.choice-section-heading h3{
  
  line-height:1.05!important;
}
.choice-grid{
  gap:.85rem!important;
}
.choice-products{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.choice-card{
  border:1px solid rgba(183,163,255,.16)!important;
  border-radius:1.35rem!important;
  background:linear-gradient(145deg,rgba(25,20,40,.86),rgba(12,11,17,.96))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}
.choice-card::after{
  content:"";
  position:absolute;
  inset:auto 1rem 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(164,127,255,.32),transparent);
  opacity:0;
  transition:opacity .25s;
}
.choice-card:hover,
.choice-card.is-selected{
  transform:translateY(-2px)!important;
  border-color:rgba(196,179,255,.48)!important;
  background:linear-gradient(145deg,rgba(66,42,116,.66),rgba(17,14,25,.98))!important;
  box-shadow:0 1.3rem 3.2rem rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.065)!important;
}
.choice-card:hover::after,
.choice-card.is-selected::after{opacity:1}
.choice-product{
  min-height:8.75rem!important;
  grid-template-columns:7rem minmax(0,1fr) 2.5rem!important;
  gap:1.05rem!important;
  padding:.8rem!important;
}
.choice-media{
  width:7rem!important;
  height:7rem!important;
  aspect-ratio:1!important;
  border:1px solid rgba(183,163,255,.13)!important;
  border-radius:1rem!important;
  background:#0b0910!important;
}
.choice-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.choice-copy{
  gap:.5rem!important;
}
.choice-copy strong{
  
  line-height:1.08!important;
}
.choice-copy small{
  display:block!important;
  color:#aaa2b4!important;
  
  line-height:1.45!important;
}
.choice-arrow{
  width:2.3rem;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  padding:0!important;
  border:1px solid rgba(183,163,255,.22);
  border-radius:50%;
  color:#c9b7ff!important;
  background:rgba(139,92,246,.08);
}
.choice-card.is-selected .choice-arrow{
  color:#fff!important;
  background:linear-gradient(135deg,#6f42e7,#9c73ff);
  border-color:transparent;
}

.service-section{
  padding-top:1.55rem!important;
}
.choice-service{
  min-height:16rem!important;
  grid-template-columns:minmax(0,1fr) minmax(16rem,.62fr) 2.5rem!important;
  gap:1.5rem!important;
  padding:1.45rem!important;
}
.service-visual{
  border-color:rgba(183,163,255,.18)!important;
  background:linear-gradient(145deg,#0d0a14,#171124)!important;
}
.service-copy small{color:#b6aebe!important}
.service-tags i{
  border-color:rgba(183,163,255,.18)!important;
  background:rgba(139,92,246,.06)!important;
}

.choice-actions,
.submit-panel{
  position:sticky!important;
  bottom:.25rem!important;
  z-index:20!important;
  margin:0!important;
  padding:1rem 1.15rem!important;
  background:linear-gradient(135deg,rgba(38,25,66,.94),rgba(12,11,16,.97))!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.choice-actions p,
.submit-panel span{
  color:#b8afc2!important;
}
.choice-actions .button,
.submit-panel .button{
  min-width:12.5rem;
}

/* Second step uses the same visual language, including all repeated blocks. */
.selected-order{
  margin-top:0!important;
  padding:1.1rem 1.25rem!important;
  border-radius:1.4rem!important;
  background:linear-gradient(135deg,rgba(64,40,112,.50),rgba(14,12,20,.96))!important;
}
.selected-order-type strong{
  color:#f4efff!important;
}
.product-configurator,
.form-section{
  margin-top:0!important;
  padding:1.65rem!important;
}
.configurator-head,
.form-section-head{
  border-bottom-color:rgba(183,163,255,.14)!important;
}
.configurator-summary,
.form-section-head p{
  color:#aaa2b3!important;
}
.config-field,
.modern-option,
.phone-model,
.phone-brand,
.occasion-pill,
.upload-card,
.product-details,
.config-text-field input,
.modern-field input,
.modern-field textarea,
.modern-field select{
  border-color:rgba(183,163,255,.16)!important;
  background:rgba(8,7,12,.62)!important;
}
.modern-option:hover,
.phone-model:hover,
.phone-brand:hover,
.occasion-pill:hover,
.upload-card:hover{
  border-color:rgba(196,179,255,.46)!important;
  background:rgba(139,92,246,.10)!important;
}
.modern-option.is-selected,
.phone-model.is-selected,
.phone-brand.is-selected,
.occasion-pill.is-selected{
  border-color:rgba(207,193,255,.62)!important;
  background:linear-gradient(135deg,rgba(111,66,231,.32),rgba(35,24,60,.72))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
}
.upload-card{
  border-style:dashed!important;
  background:linear-gradient(135deg,rgba(76,42,156,.15),rgba(8,7,12,.66))!important;
}
.product-details summary{
  background:rgba(139,92,246,.045)!important;
}

@media (max-width:760px){
  .inquiry-dialog{
    width:calc(100vw - .65rem)!important;
    max-height:calc(100dvh - .65rem)!important;
    padding:.35rem!important;
    border-radius:1.4rem!important;
  }
  .order-step{
    padding:3.45rem .55rem .55rem!important;
    gap:.65rem!important;
  }
  .dialog-close{
    top:.7rem!important;
    margin:.7rem .7rem -4.05rem 0!important;
    width:2.65rem!important;
    height:2.65rem!important;
  }
  .dialog-copy{
    min-height:13rem;
    padding:1.5rem 1.25rem!important;
    border-radius:1.35rem!important;
  }
  .dialog-copy h2{
    max-width:11ch;
    
  }
  .order-choice-heading,
  .compact-dialog-copy{padding-right:3.15rem!important}
  .choice-section,
  .product-configurator,
  .form-section{
    padding:.85rem!important;
    border-radius:1.35rem!important;
  }
  .choice-products{grid-template-columns:1fr!important}
  .choice-product{
    min-height:6.7rem!important;
    grid-template-columns:5.3rem minmax(0,1fr) 2.1rem!important;
    gap:.7rem!important;
    padding:.6rem!important;
    border-radius:1rem!important;
  }
  .choice-media{
    width:5.3rem!important;
    height:5.3rem!important;
    border-radius:.8rem!important;
  }
  .choice-copy strong{
    
    line-height:1.15!important;
  }
  .choice-copy small{
    
    line-height:1.35!important;
  }
  .choice-arrow{width:2rem}
  .choice-service{
    min-height:auto!important;
    grid-template-columns:1fr!important;
    padding:1rem!important;
  }
  .choice-service>.choice-arrow{
    position:absolute!important;
    top:.8rem!important;
    right:.8rem!important;
  }
  .service-copy{padding-right:2.6rem}
  .service-copy strong{}
  .service-visual{min-height:9.5rem!important}
  .choice-actions,
  .submit-panel{
    bottom:0!important;
    padding:.8rem!important;
    border-radius:1.15rem!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .choice-actions p,
  .submit-panel>div{text-align:center!important}
  .choice-actions .button,
  .submit-panel .button{width:100%!important;min-width:0!important}
  .selected-order{
    align-items:flex-start!important;
    border-radius:1.15rem!important;
  }
  .configurator-head{flex-direction:column!important;align-items:flex-start!important}
  .configurator-price{align-items:flex-start!important}
}

/* Responsive studio logo alignment: keep the emblem visually centered whenever
   the two-column studio section collapses into a single column. */
@media (max-width:74rem){
  main > .studio-note{
    justify-items:center!important;
  }
  main > .studio-note .studio-mark{
    justify-self:center!important;
    margin-inline:auto!important;
  }
  main > .studio-note .studio-copy{
    width:100%!important;
    justify-self:stretch!important;
  }
}

/* =========================================================
   Floating UI refinement — softer glass surfaces and a
   consistently right-aligned dialog close control.
   ========================================================= */

/* The close control belongs to the upper-right corner on every step. */
.dialog-close{
  display:grid!important;
  place-items:center!important;
  float:none!important;
  margin-left:auto!important;
  margin-right:1.25rem!important;
  background:rgba(13,11,19,.58)!important;
  border-color:rgba(196,179,255,.20)!important;
  -webkit-backdrop-filter:blur(18px) saturate(120%)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
  box-shadow:0 .65rem 1.8rem rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.055)!important;
}
.dialog-close:hover{
  background:rgba(83,56,139,.30)!important;
  border-color:rgba(207,193,255,.42)!important;
}

/* Main floating navigation banner: translucent rather than visually heavy. */
.site-header,
.site-header.scrolled{
  background:rgba(9,8,13,.58)!important;
  border-color:rgba(183,163,255,.16)!important;
  -webkit-backdrop-filter:blur(22px) saturate(120%)!important;
  backdrop-filter:blur(22px) saturate(120%)!important;
  box-shadow:0 1rem 3rem rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.035)!important;
}
.desktop-nav,
.header-action,
.menu-toggle{
  background:rgba(19,16,27,.42)!important;
  -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
  backdrop-filter:blur(14px) saturate(115%)!important;
  box-shadow:none!important;
}
.header-action:hover,
.desktop-nav a:hover,
.desktop-nav a:focus-visible{
  background:rgba(139,92,246,.12)!important;
}

/* Mobile menu and compact floating labels use the same restrained glass. */
.mobile-menu{
  background:rgba(7,7,10,.82)!important;
  -webkit-backdrop-filter:blur(24px) saturate(115%)!important;
  backdrop-filter:blur(24px) saturate(115%)!important;
}
.visual-chip{
  background:rgba(11,10,15,.46)!important;
  border-color:rgba(183,163,255,.17)!important;
  -webkit-backdrop-filter:blur(16px) saturate(110%)!important;
  backdrop-filter:blur(16px) saturate(110%)!important;
  box-shadow:0 .7rem 2rem rgba(0,0,0,.16)!important;
  opacity:.82;
}

/* Sticky actions inside the order flow should remain readable without
   looking like a solid bar laid over the content. */
.choice-actions,
.submit-panel{
  background:linear-gradient(135deg,rgba(39,26,66,.70),rgba(10,9,14,.78))!important;
  -webkit-backdrop-filter:blur(22px) saturate(118%)!important;
  backdrop-filter:blur(22px) saturate(118%)!important;
  box-shadow:0 .9rem 2.5rem rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.04)!important;
}

@media (max-width:760px){
  .dialog-close{
    margin-left:auto!important;
    margin-right:.7rem!important;
  }
  .site-header,
  .site-header.scrolled{
    background:rgba(9,8,13,.66)!important;
    -webkit-backdrop-filter:blur(18px) saturate(115%)!important;
    backdrop-filter:blur(18px) saturate(115%)!important;
  }
}


/* =========================================================
   PRODUCT CONFIGURATOR — collection-card visual system
   Every product keeps its own fields, image and specifications,
   while the composition follows the landing-page section language.
   ========================================================= */
.product-configurator{
  --config-accent:139,92,246;
  position:relative!important;
  overflow:hidden!important;
  margin-top:1.15rem!important;
  padding:1rem!important;
  border:1px solid rgba(190,174,255,.22)!important;
  border-radius:2rem!important;
  background:
    radial-gradient(46rem 28rem at 0% 0%,rgba(var(--config-accent),.16),transparent 66%),
    linear-gradient(145deg,rgba(24,18,39,.96),rgba(9,8,13,.985))!important;
  box-shadow:0 2rem 6rem rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.045)!important;
}
.product-configurator::before{
  content:"";
  position:absolute;
  width:24rem;
  height:24rem;
  top:-13rem;
  right:-9rem;
  border:1px solid rgba(197,180,255,.13);
  border-radius:50%;
  box-shadow:0 0 0 3.75rem rgba(146,105,240,.025),0 0 0 7.5rem rgba(146,105,240,.018);
  pointer-events:none;
}
.product-configurator[data-product-theme="map"]{--config-accent:119,91,183}
.product-configurator[data-product-theme="portrait"]{--config-accent:132,84,235}
.product-configurator[data-product-theme="tee"]{--config-accent:103,72,184}
.product-configurator[data-product-theme="puzzle"]{--config-accent:146,102,204}
.product-configurator[data-product-theme="case"]{--config-accent:118,74,229}
.product-configurator[data-product-theme="mug"]{--config-accent:140,94,220}
.product-configurator[data-product-theme="digital"]{--config-accent:123,79,238}

.configurator-showcase{
  position:relative;
  z-index:1;
  min-height:19rem;
  display:grid;
  grid-template-columns:minmax(15rem,28%) minmax(0,1fr) auto;
  align-items:stretch;
  gap:1rem;
  padding:0!important;
  border:0!important;
  margin:0 0 1rem!important;
}
.configurator-product-media{
  position:relative;
  min-height:19rem;
  overflow:hidden;
  display:grid;
  place-items:center;
  margin:0;
  border:1px solid rgba(196,179,255,.18);
  border-radius:1.45rem;
  background:
    radial-gradient(circle at 50% 35%,rgba(var(--config-accent),.21),transparent 58%),
    rgba(5,5,8,.62);
}
.configurator-product-media::after{
  content:"";
  position:absolute;
  inset:1.1rem;
  border:1px solid rgba(197,180,255,.10);
  border-radius:50%;
  pointer-events:none;
}
.configurator-product-media img{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  max-height:19rem;
  padding:1.05rem;
  object-fit:contain;
  filter:drop-shadow(0 1.5rem 2.2rem rgba(0,0,0,.46));
}
.configurator-intro{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:2rem 1.4rem;
}
.configurator-eyebrow,
.configurator-fields-heading>span,
.config-field-top>span:first-child{
  display:block;
  color:#baa7ff;
  font-family:var(--sans);
  
  font-weight:750;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.configurator-intro h3{
  max-width:14ch;
  margin:.75rem 0 .8rem;
  font-family:var(--serif);
  
  font-weight:400;
  line-height:.94!important;
  letter-spacing:-.045em;
  overflow-wrap:normal;
}
.configurator-summary{
  max-width:45rem;
  margin:0!important;
  color:#b9b1c1!important;
  
  line-height:1.65!important;
}
.configurator-note{
  max-width:45rem;
  margin-top:1.25rem;
  padding-top:1rem;
  border-top:1px solid rgba(190,174,255,.14);
  color:#8f8798;
  
  line-height:1.55;
}
.configurator-price{
  min-width:10rem;
  align-self:flex-start;
  display:flex;
  flex-direction:column;
  align-items:flex-end!important;
  gap:.35rem;
  margin:1.25rem 1.25rem 0 0;
  padding:1rem 1.1rem;
  border:1px solid rgba(197,180,255,.16);
  border-radius:1rem;
  background:rgba(7,6,10,.48);
  backdrop-filter:blur(14px);
}
.configurator-price small{
  color:#8d8496!important;
  
  letter-spacing:.12em;
  text-transform:uppercase;
}
.configurator-price strong{
  color:#f7f2ff;
  font-family:var(--serif);
  
  font-weight:400;
  line-height:1;
}

.configurator-fields-heading{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  padding:1.3rem 1.15rem 1rem;
}
.configurator-fields-heading h4{
  margin:0;
  font-family:var(--serif);
  
  font-weight:400;
  line-height:1;
}
.configurator-fields{
  position:relative;
  z-index:1;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem!important;
  margin:0!important;
}
.config-field{
  min-width:0;
  margin:0!important;
  padding:1.15rem!important;
  border:1px solid rgba(190,174,255,.16)!important;
  border-radius:1.35rem!important;
  background:
    linear-gradient(145deg,rgba(28,22,43,.88),rgba(11,10,15,.90))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}
.config-field.is-wide{grid-column:1/-1}
.config-field-top{
  min-height:3.65rem;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1rem;
  padding-bottom:.9rem;
  border-bottom:1px solid rgba(190,174,255,.12);
}
.config-field-top>span:first-child{color:#746d7d;}
.config-field-label{
  margin:0!important;
  color:#f3eef8!important;
  font-family:var(--serif);
  
  font-weight:400!important;
  line-height:1.08!important;
  text-align:right;
}
.config-field-label small{
  vertical-align:middle;
  min-height:auto!important;
  margin-left:.45rem!important;
  padding:.22rem .45rem!important;
  border-color:rgba(190,174,255,.14)!important;
  background:rgba(139,92,246,.07)!important;
  color:#9f91b0!important;
  font-family:var(--sans)!important;
  
}
.modern-options{gap:.65rem!important}
.modern-options.is-cards{
  grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))!important;
}
.modern-options.is-pills{
  grid-template-columns:repeat(auto-fit,minmax(7.8rem,1fr))!important;
}
.modern-option{
  min-height:5.15rem!important;
  padding:.85rem .9rem!important;
  border-color:rgba(196,179,255,.14)!important;
  border-radius:1rem!important;
  background:rgba(7,6,10,.55)!important;
}
.modern-options.is-pills .modern-option{min-height:3.75rem!important}
.modern-option:hover{
  border-color:rgba(196,179,255,.38)!important;
  background:rgba(var(--config-accent),.10)!important;
}
.modern-option.is-active{
  border-color:rgba(190,160,255,.72)!important;
  background:linear-gradient(135deg,rgba(var(--config-accent),.28),rgba(16,12,24,.94))!important;
}
.modern-option strong{line-height:1.25!important}
.option-meta{}
.option-price{}
.option-check{width:1.65rem!important;height:1.65rem!important}
.modern-options.is-colors{grid-template-columns:repeat(auto-fit,4.6rem)!important}
.color-option{width:4.6rem!important;min-width:4.6rem!important;height:4.6rem!important;min-height:4.6rem!important;border-radius:1rem!important}
.color-option-shell{width:3rem!important;height:3rem!important;border-radius:.8rem!important}
.color-swatch{width:2rem!important;height:2rem!important}

.config-text-field input{
  min-height:3.75rem;
  padding:0 1rem;
  border:1px solid rgba(196,179,255,.18)!important;
  border-radius:1rem!important;
  background:rgba(7,6,10,.58)!important;
}
.phone-picker{display:grid;gap:.9rem}
.phone-brand-tabs{
  display:flex;
  gap:.55rem;
  padding:.4rem;
  border:1px solid rgba(190,174,255,.12);
  border-radius:1rem;
  background:rgba(7,6,10,.48);
}
.phone-brand{flex:1;min-height:2.8rem;border-radius:.75rem!important}
.phone-model-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))!important;gap:.65rem!important}
.phone-model{min-height:3.7rem!important;border-radius:.9rem!important;background:rgba(7,6,10,.55)!important}

.product-details{
  position:relative;
  z-index:1;
  margin:1rem 0 0!important;
  overflow:hidden;
  border:1px solid rgba(190,174,255,.16)!important;
  border-radius:1.35rem!important;
  background:linear-gradient(145deg,rgba(26,20,40,.84),rgba(9,8,13,.92))!important;
}
.product-details summary{
  min-height:4.75rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.2rem!important;
  border:0!important;
  background:transparent!important;
  color:#f1ebf8!important;
  font-family:var(--serif);
  
  letter-spacing:-.015em!important;
  list-style:none;
}
.product-details summary::-webkit-details-marker{display:none}
.product-details summary i{
  width:2rem;height:2rem;display:grid;place-items:center;
  border:1px solid rgba(196,179,255,.22);
  border-radius:50%;
  color:#bdaaff;
  font-family:var(--sans);
  
  font-style:normal;
  transition:transform .2s ease;
}
.product-details[open] summary i{transform:rotate(45deg)}
.product-details-content{padding:0 1.15rem 1.15rem!important}
.spec-block{display:grid;gap:1rem}
.spec-heading-row{
  padding:1rem!important;
  border:1px solid rgba(190,174,255,.12);
  border-radius:1rem;
  background:rgba(7,6,10,.48);
}
.spec-heading-row h4{}
.spec-heading-row b{}
.spec-grid{gap:.75rem!important}
.spec-grid>div{
  padding:1rem!important;
  border:1px solid rgba(190,174,255,.12)!important;
  border-radius:1rem!important;
  background:rgba(7,6,10,.48)!important;
}
.spec-grid h4{}
.spec-grid p{line-height:1.6!important}
.spec-facts{gap:.45rem!important}
.spec-facts span{
  padding:.5rem .7rem!important;
  border-color:rgba(190,174,255,.14)!important;
  background:rgba(139,92,246,.055)!important;
  
}
.table-scroll{
  border:1px solid rgba(190,174,255,.12);
  border-radius:1rem;
  background:rgba(7,6,10,.48);
}
.table-scroll table{min-width:42rem}
.table-scroll th{background:rgba(var(--config-accent),.12)!important;color:#cbbdff!important}
.table-scroll td,.table-scroll th{padding:.75rem!important;}

@media (max-width:64rem){
  .configurator-showcase{grid-template-columns:13rem minmax(0,1fr);min-height:16rem}
  .configurator-product-media{min-height:16rem}
  .configurator-product-media img{max-height:16rem}
  .configurator-price{
    position:absolute;
    right:.7rem;
    top:.7rem;
    min-width:auto;
    margin:0;
  }
  .configurator-intro{padding:1.4rem 1rem}
  .configurator-intro h3{}
}
@media (max-width:760px){
  .product-configurator{padding:.55rem!important;border-radius:1.55rem!important}
  .configurator-showcase{
    grid-template-columns:1fr;
    gap:.55rem;
    min-height:0;
  }
  .configurator-product-media{min-height:12rem;border-radius:1.1rem}
  .configurator-product-media img{max-height:12rem;padding:.6rem}
  .configurator-intro{padding:1.2rem .8rem 1rem}
  .configurator-intro h3{max-width:12ch;margin:.55rem 0 .7rem;}
  .configurator-summary{line-height:1.55!important}
  .configurator-note{margin-top:.9rem;padding-top:.8rem;}
  .configurator-price{right:.65rem;top:.65rem;padding:.65rem .75rem;border-radius:.85rem}
  .configurator-price strong{}
  .configurator-price small{}
  .configurator-fields-heading{display:block;padding:1.1rem .65rem .75rem}
  .configurator-fields-heading h4{margin-top:.45rem;}
  .configurator-fields{grid-template-columns:1fr!important;gap:.55rem!important}
  .config-field,.config-field.is-wide{grid-column:1;padding:.8rem!important;border-radius:1.05rem!important}
  .config-field-top{min-height:0;align-items:flex-start;flex-direction:column;gap:.35rem;margin-bottom:.75rem;padding-bottom:.7rem}
  .config-field-label{text-align:left;}
  .modern-options.is-cards,.modern-options.is-pills{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.45rem!important}
  .modern-option{min-height:4.35rem!important;padding:.65rem!important;gap:.5rem!important;grid-template-columns:minmax(0,1fr) 1.45rem!important;border-radius:.8rem!important}
  .modern-options.is-pills .modern-option{min-height:3.35rem!important}
  .modern-option strong{}
  .option-meta{}
  .option-price{}
  .option-check{width:1.4rem!important;height:1.4rem!important}
  .modern-options.is-colors{grid-template-columns:repeat(auto-fit,4rem)!important}
  .color-option{width:4rem!important;min-width:4rem!important;height:4rem!important;min-height:4rem!important}
  .phone-brand-tabs{overflow-x:auto;justify-content:flex-start}
  .phone-brand{min-width:7rem}
  .phone-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product-details{border-radius:1.05rem!important}
  .product-details summary{min-height:4rem;padding:.8rem .9rem!important;}
  .product-details-content{padding:0 .75rem .75rem!important}
  .spec-heading-row{align-items:flex-start!important;flex-direction:column!important}
  .spec-grid{grid-template-columns:1fr!important}
}
@media (max-width:430px){
  .modern-options.is-cards,.modern-options.is-pills,.phone-model-grid{grid-template-columns:1fr!important}
  .configurator-product-media{min-height:10.5rem}
  .configurator-product-media img{max-height:10.5rem}
}

/* Footer policy link — identical to the policy page footer. */
.footer-center{
  justify-self:center!important;
  display:block!important;
  margin:0!important;
  text-align:center!important;
  color:#8f8998!important;
  font-family:var(--sans)!important;
  font-size:var(--type-small)!important;
  font-weight:400!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
.footer-policy{
  display:inline-block!important;
  margin-top:.55rem!important;
  color:var(--accent-2)!important;
  font-family:var(--sans)!important;
  font-size:var(--type-small)!important;
  font-weight:400!important;
  line-height:1.35!important;
  letter-spacing:.1em!important;
  text-transform:none!important;
  text-decoration:none!important;
  text-shadow:none!important;
  transition:color .2s ease!important;
}
.footer-policy:hover,
.footer-policy:focus-visible{
  color:#fff!important;
  text-shadow:none!important;
}
@media (max-width:53.75rem){
  .footer-center{white-space:normal!important}
}