.dyo{background:var(--ground-2);min-height:70vh}.dyo-hdr{background:#fff;border-bottom:1px solid var(--line-soft);position:-webkit-sticky;position:sticky;top:0;z-index:40}.dyo-hdr-in{display:flex;align-items:center;gap:18px;height:76px}.dyo-hdr-in img{width:60px;height:auto;display:block}.dyo-hdr .name{font-family:var(--display);font-size:24px;line-height:1;text-decoration:none}.dyo-hdr .name,.dyo-hdr .tag{font-weight:700;color:var(--navy)}.dyo-hdr .tag{background:var(--amber);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:4px}.dyo-hdr .spacer{flex:1 1}.dyo-hdr .phone{font-weight:600;color:var(--muted);font-size:15px;text-decoration:none}.dyo-hdr .back{font-weight:700;font-size:15px}@media (max-width:720px){.dyo-hdr .phone,.dyo-hdr .tag{display:none}}.rail{background:var(--navy);position:-webkit-sticky;position:sticky;top:76px;z-index:30}.rail .scroller{overflow-x:auto;scrollbar-width:none}.rail .scroller::-webkit-scrollbar{display:none}.rail ol{list-style:none;margin:0;padding:10px 0;display:flex;gap:6px;min-width:max-content}.rail button{gap:10px;background:transparent;border:0;color:var(--on-navy);padding:9px 14px 9px 9px;border-radius:999px;cursor:pointer;font-weight:600;font-size:15px;white-space:nowrap}.rail button,.rail button .n{display:inline-flex;align-items:center}.rail button .n{width:26px;height:26px;border-radius:50%;justify-content:center;border:2px solid #4d6b8a;font-size:13px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rail button.done .n{background:#1d4a76;border-color:#1d4a76;color:#fff}.rail button[aria-current=step]{background:#fff;color:var(--navy)}.rail button[aria-current=step] .n{background:var(--amber);border-color:var(--amber);color:var(--navy)}.rail button:hover:not([aria-current=step]){color:#fff}.pick{padding:48px 0 72px;display:flex;flex-direction:column;gap:32px}.pick h1{margin:0;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(44px,6vw,80px);line-height:.9;color:var(--navy)}.pick h1 span{text-decoration:underline;-webkit-text-decoration-color:var(--amber);text-decoration-color:var(--amber);text-decoration-thickness:.12em;text-underline-offset:.08em}.minorder{display:flex;gap:10px;align-items:center;font-weight:600;color:var(--navy);margin:0}.bench{padding:28px 0 64px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start}.stage{background:#fff;border-radius:18px;padding:18px;flex-direction:column;position:-webkit-sticky;position:sticky;top:148px}.stage,.stage-top{display:flex;gap:12px}.stage-top{justify-content:space-between;align-items:center;flex-wrap:wrap}.stage-top h1{margin:0;font-family:var(--display);font-weight:700;font-size:24px;color:var(--navy);line-height:1.1}.seg{display:inline-flex;background:var(--ground-2);border-radius:10px;padding:4px;gap:4px}.seg button{border:0;background:transparent;padding:10px 16px;border-radius:7px;font-weight:700;font-size:15px;color:var(--muted);cursor:pointer;min-height:44px}.seg button[aria-pressed=true]{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(0,27,53,.15)}.canvas{position:relative;background:radial-gradient(ellipse at 50% 88%,rgba(0,27,53,.1) 0,rgba(0,27,53,0) 45%),var(--ground-2);border-radius:14px;aspect-ratio:1/1.02;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas svg{width:92%;height:92%}.stage-foot{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;color:var(--muted)}.stage-foot b{color:var(--ink);font-weight:600}.linkbtn{align-self:flex-start;background:none;border:0;padding:6px 0;font:inherit;font-weight:700;color:var(--navy);cursor:pointer;text-decoration:underline;text-underline-offset:4px}.panel{background:#fff;border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:24px;min-width:0}.panel .kicker{font-size:14px;font-weight:600;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.panel h2{margin:2px 0 0;font-family:var(--display);font-weight:800;font-size:42px;line-height:1;text-transform:uppercase;color:var(--navy)}.group{flex-direction:column}.glabel,.group{display:flex;gap:12px}.glabel{justify-content:space-between;font-weight:700;font-size:16px}.glabel span{font-weight:500;color:var(--muted)}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));grid-gap:12px 8px;gap:12px 8px}.sw{border:0;background:none;padding:4px 0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;line-height:1.2;color:var(--muted);text-align:center}.sw .dot{width:44px;height:44px;border-radius:50%;border:1px solid rgba(13,27,42,.18);transition:transform .2s var(--ease),box-shadow .2s ease}.sw:hover .dot{transform:scale(1.08)}.sw[aria-pressed=true] .dot{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--navy)}.sw[aria-pressed=true]{color:var(--ink);font-weight:700}.choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.choice button{border:2px solid var(--line);background:#fff;border-radius:10px;padding:14px;font-weight:700;cursor:pointer;min-height:52px;color:var(--navy)}.choice button[aria-pressed=true]{border-color:var(--navy);background:var(--navy);color:#fff}.actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line-soft);padding-top:20px}.btn-ghost{background:transparent;border:2px solid var(--line);color:var(--navy)}.note{font-size:14px;color:var(--muted);margin:0}.adv{background:#fff8e6;color:var(--ink);border-radius:12px;padding:16px 18px;font-weight:600;display:flex;flex-direction:column;gap:6px}.adv span+span{font-weight:500}.spec{margin:0;display:flex;flex-direction:column}.spec .row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:14px;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line-soft)}.spec dt{font-weight:600}.spec dd{margin:0;display:flex;gap:10px;align-items:center;color:var(--muted)}.spec .chipc{width:20px;height:20px;border-radius:50%;border:1px solid rgba(13,27,42,.2);flex:none}.spec .edit{border:0;background:none;color:var(--navy);font-weight:700;cursor:pointer;padding:8px 4px;text-decoration:underline;text-underline-offset:3px}.enq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.enq .full{grid-column:1/-1}.enq .field input,.enq .field select,.enq .field textarea{background:#fff;border:1px solid #9fb0c2;padding:12px 13px}.checks{flex-direction:column}.check,.checks{display:flex;gap:10px}.check{align-items:flex-start;font-size:15px;font-weight:500}.check input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--navy);flex:none}.ref{font-family:var(--display);font-weight:800;font-size:44px;color:var(--navy);letter-spacing:.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fade{animation:dyoFade .28s var(--ease)}@keyframes dyoFade{0%{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:900px){.bench{grid-template-columns:minmax(0,1fr)}.stage{position:static}.panel h2{font-size:34px}}@media (max-width:560px){.enq{grid-template-columns:minmax(0,1fr)}.panel{padding:22px 18px}}.dyo-hdr .name{white-space:nowrap}@media (max-width:420px){.dyo-hdr .name{font-size:20px}.dyo-hdr .back{font-size:14px}}