:root{color-scheme:dark;--bg:#111111;--panel:#181b1e;--muted:#9aa9b1;--line:#343a3d;--ink:#f7f7f6;--ice:#00ccff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--ice);outline-offset:3px}[hidden]{display:none!important}.header{height:68px;border-bottom:1px solid var(--line);padding:0 max(5vw,16px);display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;color:#fff;font-size:22px;letter-spacing:-1px;font-weight:800;display:flex;align-items:flex-start}.brand span{font-size:10px;margin:2px 0 0 2px}.brand i{background:var(--ice);width:6px;height:6px;border-radius:50%;margin:17px 0 0 7px}.version{font-size:9px;letter-spacing:1px;color:#91a4ae;border:1px solid #38444b;border-radius:4px;padding:8px}main{max-width:1200px;margin:auto;padding:0 max(5vw,16px)}.hero{padding:28px 0 24px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.3px;color:#a5b1b9}.hero h1{font-size:clamp(25px,4vw,44px);letter-spacing:-1.3px;margin:8px 0}.hero h1 em{font-weight:400;font-style:normal;color:#b9eaf5}.hero>p:not(.eyebrow){font-size:14px;color:#bdc6cb;margin:4px 0 14px}.hero-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}.hero-bottom a,.order-block a{color:#b8e9f9;text-underline-offset:4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}.steps button{padding:13px 14px;background:#191e22;border:1px solid #34434a;border-radius:7px;text-align:left;color:#97aab3}.steps button[aria-current=step]{background:#213039;border-color:var(--ice);color:#fff}.steps small{display:block;font-size:9px;margin-bottom:5px;letter-spacing:1px;color:#85a8b7}.steps span{font-size:12px}.config-shell{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:27px;align-items:start}.card-panel{background:linear-gradient(165deg,#1b252b,#13191d);border:1px solid #35434b;border-radius:12px;padding:22px;min-width:0}.panel-head,.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-head .eyebrow{margin:0}.mode{font-size:9px;letter-spacing:.5px;color:#bddbe6}.stage{padding:26px 0 18px}.metal-card{aspect-ratio:86/54;position:relative;max-width:650px;margin:auto;border-radius:10px;background:linear-gradient(120deg,#151a1c 0%,#080a0b 42%,#1a2022 79%,#080a0b 100%);box-shadow:0 24px 42px #0007,inset 0 0 0 1px #85919980,0 2px 1px #d8dee044;overflow:hidden;isolation:isolate}.reflection{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 25%,#ffffff 45%,transparent 65%);opacity:.035}#art,#draft-visual,#hotspots{position:absolute;inset:0}#art svg{width:100%;height:100%;display:block}#art svg path{fill:#e5e8e9}#art svg text{fill:#e5e8e9}#draft-visual{pointer-events:none}#draft-visual svg{width:100%;height:100%;display:block}#draft-visual svg path{fill:#ced6d9;opacity:.83}.draft-text{position:absolute;font-size:clamp(8px,1.25vw,14px);font-family:Arial,Helvetica,sans-serif;font-weight:400;white-space:pre-wrap;overflow-wrap:anywhere;color:#bfcdd2;line-height:1.22;overflow:hidden}.draft-text.top{left:52%;top:14%;width:42%;max-height:52%}.draft-text.bottom{left:52%;top:72%;width:42%;max-height:16%;font-size:clamp(6px,.9vw,11px)}.draft-text.date{left:65%;top:91%;width:28%;text-align:left;font-size:clamp(6px,.8vw,10px)}.draft-text.intro{left:7%;top:12%;width:43%;font-size:clamp(8px,1.3vw,14px)}.draft-text.message{left:7%;top:55%;width:48%;font-size:clamp(7px,1vw,12px)}.draft-text.qr{left:74%;top:38%;width:20%;font-size:clamp(7px,.9vw,11px);text-align:center}.draft-text.wave{left:17%;top:40%;width:70%;text-align:center;font-size:clamp(8px,1vw,12px);color:#abd8e8}.zone-hit{position:absolute;border:1px dashed #89aab665;background:linear-gradient(135deg,#85d9ed12,#ffffff08);border-radius:5px;padding:3px;display:flex;align-items:center;justify-content:center;min-width:38px;min-height:27px;text-align:center;color:#d7e9ef;overflow:hidden;transition:background .15s,border-color .15s}.zone-hit:hover,.zone-hit:focus-visible{background:#00ccff28;border-color:#00ccff}.zone-hit span{display:block;font-size:clamp(7px,1vw,12px);font-weight:500;line-height:1.2;text-shadow:0 1px 3px #0009}.zone-hit.complete{border-style:solid;border-color:#6f9e9650;background:#ffffff03}.zone-hit.complete span{font-size:9px;color:#b6e0e6;opacity:.85}.zone-hit.transparent{background:transparent;border:1px solid transparent}.zone-hit.transparent span{display:none}.zone-hit.transparent:hover,.zone-hit.transparent:focus-visible{background:#00ccff20;border:1px dashed #00ccff}.zone-badge{position:absolute;background:#00ccff;color:#091114;border-radius:50%;width:7px;height:7px;top:2px;right:3px}.card-bottom{font-size:10px;letter-spacing:1px;color:#acc0c9}.link-control{background:transparent;border:0;color:#bfefff;min-height:36px;padding:0 5px}.instructions,.render-note,.demo-note,.dirty-note{font-size:11px;color:#a7b7c1;line-height:1.6;margin:12px 0 0}.render-note{font-size:10px;color:#899ea9}.dirty-note{color:#adf0e7}.demo-note{padding:11px 12px;border-radius:5px;border:1px solid #52707b;color:#e2ecf0;background:#26333a}.variants{margin:16px 0 0}.variants>span{font-size:11px;color:#bfd0d8;display:block;margin-bottom:8px}.variant-options{display:flex;gap:8px}.variant-options button{flex:1;background:#1b242a;border:1px solid #45565d;padding:12px 6px;border-radius:6px;font-size:11px}.variant-options button[aria-pressed=true]{border-color:var(--ice);color:#e4f7ff;background:#2a3c45}.side-panel{padding:7px 3px}.phase-header h2{font-size:clamp(22px,2.2vw,28px);font-weight:500;line-height:1.2;margin:10px 0}.phase-header>p:last-child{color:#a9b9c2;font-size:13px;line-height:1.6}.zone-progress{display:grid;gap:8px;margin:20px 0}.zone-progress button{display:flex;align-items:center;text-align:left;justify-content:space-between;gap:15px;width:100%;border:1px solid #303e46;border-radius:7px;background:#192126;padding:13px 14px;color:#dbe7eb;font-size:12px}.zone-progress button b{font-size:10px;font-weight:400;color:#a7b9c2}.zone-progress button b.done{color:#b1f1da}.price{padding:19px 0;margin-top:20px;border-top:1px solid #37454c;border-bottom:1px solid #37454c;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9caeb8}.price strong{display:block;font-weight:500;font-size:28px;color:#fff;margin-top:8px}.order-block{font-size:11px;color:#9baeb8;line-height:1.6}.order-block p{margin-bottom:7px}.navigation{display:flex;align-items:center;gap:13px;margin:24px 0 0}.primary,.secondary{border-radius:7px;padding:13px 22px;min-height:46px;font-size:13px}.primary{background:#b6eaff;border:1px solid #b6eaff;color:#0a1921;font-weight:700}.primary:hover{background:#d1f4ff}.secondary{background:transparent;border:1px solid #5a727f;color:#dcecf3}.navigation #next-step{margin-left:auto}.navigation>span{font-size:11px;color:#8da0aa}.reveal-controls{margin:20px 0}.reveal-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:10px}.reveal-head span{color:#a9ddeb}.progress-track{background:#273b45;border-radius:10px;height:5px;margin:14px 0 12px;overflow:hidden}.progress-track>div{width:0;height:100%;background:#00ccff;transition:width .09s linear}.reveal-controls p{font-size:12px;color:#a4bac5;line-height:1.6}.reveal-controls>.primary,.reveal-controls>.secondary{width:100%;margin:8px 0}.reveal-controls .legal-note{font-size:10px;color:#8da4ad}.validation-error{background:#32251e;border:1px solid #714d38;padding:13px;border-radius:6px;color:#ffd1ab;font-size:12px;white-space:pre-line;line-height:1.6}.summary{border:1px solid #32434b;border-radius:8px;padding:0 15px;margin:15px 0}.summary dl{margin:0}.summary dl>div{padding:11px 0;display:grid;grid-template-columns:112px 1fr;gap:8px;border-bottom:1px solid #344149}.summary dl>div:last-child{border-bottom:0}.summary dt{font-size:10px;color:#8da3af}.summary dd{font-size:11px;margin:0;color:#e4f2f5;white-space:pre-wrap;overflow-wrap:anywhere}.review-info{color:#9eb2bd;font-size:12px;line-height:1.7}.sheet-backdrop{position:fixed;inset:0;z-index:99;background:#000a}.sheet{position:fixed;z-index:100;bottom:0;left:0;right:0;display:flex;justify-content:center;pointer-events:none}.sheet-inner{width:min(620px,100%);max-height:min(88dvh,860px);overflow:auto;overscroll-behavior:contain;background:#1e282e;border:1px solid #5a707b;border-bottom:0;border-radius:17px 17px 0 0;padding:16px max(20px,env(safe-area-inset-left)) calc(14px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px #000b;pointer-events:auto}.sheet-bar{height:4px;width:45px;border-radius:5px;background:#617986;margin:0 auto 16px}.sheet-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.sheet-heading h2{font-size:23px;font-weight:500;margin:7px 0 12px}.close-sheet{background:transparent;border:0;font-size:30px;width:42px;height:42px}.field-label{display:block;font-size:12px;color:#d5e6ed;margin:12px 0 8px}.sheet textarea,.sheet input{display:block;width:100%;border:1px solid #596d77;background:#11191e;color:white;border-radius:6px;font-size:16px;padding:12px;line-height:1.45}.sheet textarea{min-height:94px;resize:vertical}.field-count{font-size:10px;color:#a7b9c4;text-align:right;margin-top:7px}.sheet-hint{font-size:11px;color:#9eb4be;line-height:1.6}.choice-row{display:flex;gap:9px}.choice-row button{flex:1;padding:13px 9px;background:#172329;border-radius:6px;border:1px solid #4c6673;font-size:12px}.choice-row button[aria-pressed=true]{border-color:#00ccff;color:#d1f6ff;background:#254450}.sheet-actions{position:sticky;bottom:calc(-14px - env(safe-area-inset-bottom));background:#1e282ef7;padding:15px 0 12px;margin-top:16px;backdrop-filter:blur(7px)}.sheet-actions button{width:100%}.sheet-error{color:#ffd1ab;font-size:12px;line-height:1.5}.sheet-open{overflow:hidden}#laser{position:absolute;z-index:3;left:0;right:0;height:2px;top:0;background:linear-gradient(90deg,transparent,#d7f9ff 40%,#d7f9ff 55%,transparent);box-shadow:0 0 10px #7fe9ff,0 0 17px #3abfff;pointer-events:none}#laser span{position:absolute;left:50%;top:-3px;height:7px;width:7px;background:#fff;border-radius:50%;box-shadow:0 0 8px 4px #9aeaff,0 0 23px 8px #4ebfff}#measure{position:fixed;left:-9999px;top:0;visibility:hidden;pointer-events:none;width:860px;height:540px}#measure svg{width:860px;height:540px}.engraved:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 15%,#d5f5ff33 48%,transparent 76%);animation:shine .8s ease-out forwards;pointer-events:none}@keyframes shine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}footer{border-top:1px solid #334049;margin:40px 0 0;padding:20px 0;display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.5px;color:#8097a3}
@media(max-width:760px){.header{height:56px}.brand{font-size:19px}.version{font-size:7px}.hero{padding:15px 0 12px}.hero h1{font-size:26px;margin:6px 0}.hero>p:not(.eyebrow){font-size:11px;margin-bottom:10px}.hero-bottom{font-size:10px}.steps{gap:4px;margin-bottom:12px}.steps button{padding:10px 5px;text-align:center}.steps small{font-size:9px}.steps span{font-size:10px}.config-shell{display:flex;flex-direction:column;gap:14px}.card-panel{width:100%;padding:12px;border-radius:9px}.panel-head{flex-wrap:wrap}.panel-head .eyebrow,.mode{font-size:8px}.stage{padding:12px 0 8px}.metal-card{max-width:min(95%,390px)}.zone-hit{min-width:28px;min-height:21px;border-radius:4px}.zone-hit span{font-size:clamp(6px,2.1vw,10px)}.zone-hit.complete span{font-size:7px}.card-bottom{font-size:8px}.instructions,.render-note,.demo-note,.dirty-note{font-size:10px;margin-top:8px}.side-panel{width:100%;padding:2px}.phase-header h2{font-size:21px;margin:5px 0}.phase-header>p:last-child{margin:6px 0;font-size:11px}.zone-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:13px 0}.zone-progress button{padding:10px 8px;font-size:10px;gap:4px}.zone-progress button b{font-size:9px}.price{padding:12px 0;margin-top:8px}.price strong{font-size:22px;margin-top:4px}.order-block{font-size:10px}.navigation{position:sticky;bottom:0;z-index:5;background:#111111f3;border-top:1px solid #2e3e44;padding:9px 0 calc(9px + env(safe-area-inset-bottom));margin-top:16px;backdrop-filter:blur(10px)}.navigation button{padding:10px 12px;min-height:42px;font-size:11px}.variants{margin:10px 0 0}.variant-options button{font-size:10px;padding:10px 5px}.summary dl>div{grid-template-columns:100px 1fr}.sheet-inner{max-height:90dvh}.card-panel{position:relative}.reveal-controls{margin-top:12px}}
@media(max-width:360px){.card-panel{padding:8px}.hero h1{font-size:24px}.zone-progress button{font-size:9px}.metal-card{max-width:100%}.steps span{font-size:9px}.sheet-inner{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.engraved:after{animation:none;display:none}*{transition:none!important}}

.zone-hit.complete{background:transparent;border-color:#879aa242}.zone-hit.complete span{position:absolute;top:2px;right:2px;font-size:10px!important;background:#233c44cc;color:#b7ecf9;padding:2px 4px;border-radius:4px}.zone-toggle{display:none;border:1px solid #3d525c;background:#1a262c;color:#c8e5ef;border-radius:6px;width:100%;text-align:left;padding:11px 13px;font-size:12px;justify-content:space-between}.zone-toggle span{float:right;font-size:16px;line-height:.8}
@media(max-width:760px){.zone-toggle{display:block}.zone-progress{margin:8px 0}.price{display:none}.order-block{margin:8px 0 0}.hero-bottom a{font-size:10px}.phase-header{margin-bottom:5px}}

/* UX V1.3 — zone-by-zone reveal; approved manufacturing SVG files remain untouched */
#zone-reveal{position:absolute;inset:0;pointer-events:none;z-index:2}
#zone-reveal svg{display:block;width:100%;height:100%}
#zone-reveal svg path,#zone-reveal svg text{fill:#e5e8e9}
.metal-card.is-engraving .zone-hit{pointer-events:none}
.zone-hit.engraved{background:transparent;border:1px solid transparent}
.zone-hit.engraved span{display:none}
.zone-hit.engraved:hover,.zone-hit.engraved:focus-visible{background:#00ccff18;border:1px dashed var(--ice)}
.zone-hit.dirty{border:1px dashed #d8e9b9;background:#8b8b3220}
.zone-hit.dirty span{display:block;font-size:9px;color:#fcf1b9}
.zone-hit.pending{border-style:dotted;border-color:#8cb5c6}
.zone-hit.pending span{color:#d7f0ff}
#laser{z-index:4}
.motif-choice-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.motif-choice{display:flex;flex-direction:column;align-items:center;gap:8px;background:#101b20;border:1px solid #455c67;border-radius:8px;padding:8px;min-height:116px}
.motif-choice[aria-pressed=true]{border-color:var(--ice);background:#1c3a46}
.motif-choice svg{width:100%;height:78px;display:block}
.motif-choice svg path{fill:#e2e9ed}
.motif-choice span{color:#dbe9ee;font-size:11px}
#variant-stamp{position:absolute;bottom:7px;left:10px;font-size:9px;letter-spacing:.9px;z-index:2;color:#b8dce8;opacity:.9;pointer-events:none;background:#071012c9;border:1px solid #3d5a60;border-radius:3px;padding:3px 5px}
.metal-card.variant-switch:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#8de6ff26 50%,transparent 80%);z-index:3;pointer-events:none;animation:variant-shift .32s ease-out}
@keyframes variant-shift{from{transform:translateX(-80%);opacity:1}to{transform:translateX(80%);opacity:0}}
.sheet-actions button{font-weight:700}
@media (max-width:420px){.motif-choice-row{gap:6px}.motif-choice{min-height:100px;padding:5px}.motif-choice svg{height:65px}}

.motif-choice svg path{fill:#f6fcff;stroke:#cdeefa;stroke-width:.14;stroke-linejoin:round}
.zone-hit[data-zone="date"]{min-height:25px}

/* Geometry-following engrave cursor: no full-width scan bar. */
#zone-reveal .laser-write-tip{filter:drop-shadow(0 0 .7px #fff) drop-shadow(0 0 2px #00ccff);pointer-events:none;stroke:#fff;stroke-width:.15px;}
#zone-reveal mask path,#zone-reveal mask rect{fill:none;stroke:#fff;}
#zone-reveal mask>rect{fill:#000;stroke:none;}
#zone-reveal mask rect[fill="#fff"]{fill:#fff;stroke:none;}


/* LaserBerry Checkout prototype V1.0 — isolated from approved SVG geometry. */
.order-start{width:100%;margin:5px 0 7px;}
.order-backdrop{position:fixed;z-index:109;inset:0;background:#000c;backdrop-filter:blur(5px)}
.order-dialog{position:fixed;z-index:110;inset:0;display:grid;place-items:center;padding:16px;overflow:auto;overscroll-behavior:contain}
.order-window{width:min(650px,100%);max-height:min(92dvh,900px);overflow-y:auto;overscroll-behavior:contain;background:#172127;border:1px solid #4b5c65;border-radius:15px;box-shadow:0 22px 80px #000b;padding:22px;}
.order-window-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.order-window-head h2{font-size:clamp(21px,3vw,29px);font-weight:500;margin:7px 0 14px}
.order-window-head .eyebrow{margin:0}
.order-close{width:42px;height:42px;border-radius:50%;border:1px solid #50616a;background:transparent;font-size:26px;flex-shrink:0}
.order-demo-banner{border:1px solid #645633;background:#2a271d;border-radius:7px;padding:10px 12px;font-size:11px;line-height:1.5;color:#ffe4ae;margin-bottom:13px}
.order-stepper{display:flex;gap:6px;margin:15px 0 21px}
.order-stepper span{flex:1;border-top:2px solid #41515b;padding-top:7px;font-size:10px;color:#a1b0ba}
.order-stepper span.active{border-color:#00ccff;color:#e9f8fd;font-weight:700}
.order-stepper span.done{border-color:#79c2b0}
.order-body h3{font-size:20px;font-weight:500;margin:10px 0 9px}.order-body p{color:#aabdc5;font-size:12px;line-height:1.6}
.order-group{margin:18px 0}.order-group>label,.order-field>label{display:block;font-size:12px;color:#e5f1f6;margin-bottom:7px}
.order-field{display:block;margin:13px 0}.order-field input,.order-field textarea{font-size:16px;background:#0c151a;color:#fff;border:1px solid #58727e;border-radius:7px;padding:12px;width:100%;line-height:1.45}
.order-field input:focus,.order-field textarea:focus{outline:2px solid #00ccff;outline-offset:1px}
.order-field input[aria-invalid=true]{border-color:#ffb98f}
.order-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.order-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.order-choice{background:#101b21;border:1px solid #455d67;border-radius:9px;text-align:left;padding:15px;display:flex;flex-direction:column;gap:7px;min-height:104px}
.order-choice[aria-pressed=true]{background:#193541;border-color:#00ccff;box-shadow:inset 0 0 0 1px #00ccff33}
.order-choice b{font-size:13px;font-weight:600;color:#f5fafd}.order-choice small{color:#a4bac6;font-size:11px;line-height:1.4}
.order-option-footnote{font-size:11px;color:#a7b9c4;margin:10px 0}
.order-pricebox{border:1px solid #445864;background:#111d23;border-radius:8px;padding:15px;margin:17px 0}
.order-pricebox>div{display:flex;justify-content:space-between;gap:15px;padding:6px 0;font-size:13px}.order-pricebox>div:last-of-type{border-top:1px solid #415763;margin-top:7px;padding-top:14px;font-weight:700;font-size:16px}.order-pricebox small{color:#a9bac3;line-height:1.5;font-size:10px;display:block;margin-top:9px}
.order-summary{margin:13px 0;padding:12px 16px;border:1px solid #425560;border-radius:8px;background:#10191d}
.order-summary dl{margin:0}.order-summary dl>div{display:grid;grid-template-columns:130px 1fr;gap:10px;border-bottom:1px solid #34434a;padding:9px 0;font-size:11px}.order-summary dl>div:last-child{border:0}.order-summary dt{color:#92a5b1}.order-summary dd{margin:0;color:#dbe9ef;overflow-wrap:anywhere;white-space:pre-wrap}
.order-agree{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.45;color:#dcebf0;margin:15px 0}.order-agree input{margin:2px 0;accent-color:#00ccff;width:18px;height:18px;flex-shrink:0}
.order-error{border:1px solid #b78554;background:#3c2a23;color:#ffdbbc;border-radius:7px;padding:12px;font-size:12px;line-height:1.5;margin:15px 0}
.order-footer{display:flex;justify-content:space-between;gap:10px;padding-top:16px;border-top:1px solid #3a4e59;margin-top:20px}.order-footer>.primary{margin-left:auto}.order-footer button{min-width:115px}
.order-success-icon{width:48px;height:48px;background:#123d39;border-radius:50%;display:grid;place-items:center;color:#a6f4d9;font-size:30px;margin:14px auto}.order-success{text-align:center}.order-success strong{font-size:21px}.order-success .order-number{font-family:monospace;font-size:17px;letter-spacing:1px;color:#d8f9ff;margin:14px 0}
.order-status{font-size:11px!important;color:#e8d29b!important}
@media(max-width:600px){.order-dialog{padding:0;place-items:end stretch}.order-window{width:100%;border-radius:17px 17px 0 0;max-height:95dvh;padding:16px 15px calc(14px + env(safe-area-inset-bottom))}.order-fields-grid{grid-template-columns:1fr}.order-choice{padding:12px;min-height:100px}.order-stepper span{font-size:9px}.order-summary dl>div{grid-template-columns:100px 1fr}.order-window-head h2{font-size:22px}.order-footer{position:sticky;bottom:calc(-14px - env(safe-area-inset-bottom));background:#172127fa;padding:13px 0;z-index:1}}
@media(max-width:350px){.order-choice-grid{grid-template-columns:1fr}.order-choice{min-height:62px}.order-footer button{min-width:0;padding:11px 13px}}

/* Display finish only. Original 86 × 54 artwork stays at master scale. */
.metal-card{background:linear-gradient(118deg,#262c2e 0%,#111516 25%,#171b1d 53%,#282d30 72%,#101314 100%);box-shadow:inset 0 0 0 1px #a8b1b478,inset 0 -2px 1px #050607,0 12px 24px #0006}
#art svg path[id^="M02_"],#art svg path[id^="M05_"],#art svg path[id^="M09_"],.motif-thumb svg path{stroke:#dbe0df;stroke-width:.095;stroke-linejoin:round;paint-order:stroke fill}
#art svg text{fill:#f2f0e9}
.reflection{pointer-events:none;background:linear-gradient(122deg,transparent 22%,#fff 49%,transparent 67%);opacity:.025}

@font-face{font-family:LBFrontScript;src:url('fonts/GreatVibes-Regular.ttf') format('truetype')}
@font-face{font-family:LBFrontSans;src:url('fonts/Jost-VF.ttf') format('truetype')}

.zone-hit.front[data-zone]{min-height:0;min-width:0;padding:0;box-sizing:border-box}
.zone-hit.front.engraved,.zone-hit.front.engraved:hover,.zone-hit.front.engraved:focus-visible{background:transparent;border-color:transparent}

#zone-reveal svg .motif-trail{fill:none;stroke:#c8f4ff;stroke-width:.23;stroke-linecap:round;filter:drop-shadow(0 0 .22px #00ccff)}

@font-face{font-family:LBElegant;src:url('fonts/Alegreya-MediumItalic.otf') format('opentype')}
[data-personalization]{font-synthesis:none}
/* Preserve the checkout CTA sizing and contrast for the public contact link. */
.order-block a.order-start{display:block;width:100%;color:#102027;text-decoration:none;text-align:center}