/* Product previews: gold / charcoal. These rules only load on experience pages. */
.exp-header{padding:65px 0 45px}.exp-kicker{font-size:11px;color:#cdb380;font-weight:750;letter-spacing:1.5px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.exp-signal{background:#d3b776;width:7px;height:7px;border-radius:50%}.exp-preview-pill{font-size:9px;letter-spacing:1px;border:1px solid #615337;background:#322b1e;padding:4px 8px;border-radius:50px;color:#ead4a6}.exp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:end;gap:50px;margin-top:19px}.exp-header h1{font-size:clamp(41px,5.3vw,70px);letter-spacing:-2.5px;line-height:1.13;margin:0 0 19px;max-width:840px}.exp-header h1 em{font-style:normal;color:#d5b57a}.exp-header p{color:#bbc1b6;max-width:620px;font-size:17px;line-height:1.7}.exp-hero-notes{display:flex;gap:20px;flex-wrap:wrap;color:#d2d4c9;font-size:12px;margin-top:22px}.exp-hero-notes span{display:flex;align-items:center;gap:6px}.exp-hero-notes svg{width:15px;color:#c5a56e}.exp-value{background:linear-gradient(150deg,#2b281f,#111310);border:1px solid #514831;padding:23px;border-radius:16px}.exp-value>span,.flow-tag{color:#ccb07b;font-size:10px;letter-spacing:1.25px;font-weight:800}.exp-value strong{font-size:26px;display:block;margin:10px 0 0;letter-spacing:-.6px}.exp-value p{font-size:12px;line-height:1.6;margin:1px 0 14px}.exp-value a{color:#e8cb94;font-weight:700;font-size:12px;display:flex;align-items:center;gap:8px}.exp-value svg{width:14px}.exp-layout{display:grid;grid-template-columns:265px minmax(0,1fr);border:1px solid #3c3d33;border-radius:19px;overflow:hidden;margin-bottom:36px;background:#121411;scroll-margin-top:25px}.exp-steps{background:linear-gradient(180deg,#202119,#171a15);padding:32px 22px;border-right:1px solid #33362c}.exp-step-overline{color:#c6ab75;font-size:10px;letter-spacing:1.5px;font-weight:750;margin:2px 0 23px}.exp-step{display:flex;gap:13px;padding:17px 10px 18px;border-left:2px solid #414439;color:#8f9689}.exp-step>span{font-size:11px;font-weight:800;border:1px solid #51574c;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;flex:none}.exp-step b{color:#a5aca1;font-size:14px;display:block;line-height:1.4}.exp-step small{display:block;font-size:11px;color:#899284;margin-top:2px}.exp-step.is-current{border-left-color:#d2b475;background:#d2b47509}.exp-step.is-current>span,.exp-step.is-complete>span{background:#c8ab70;color:#13120d;border-color:#c8ab70}.exp-step.is-current b,.exp-step.is-complete b{color:#f4e5c6}.exp-secure{border-top:1px solid #414337;margin-top:30px;padding-top:23px}.exp-secure>span{display:flex;align-items:center;gap:7px;color:#cfbd98;font-size:10px;letter-spacing:.6px;font-weight:800}.exp-secure svg{width:14px}.exp-secure p{font-size:11px;color:#a5aa9e;line-height:1.65}.exp-content{padding:34px clamp(22px,4vw,52px) 42px;min-height:515px}.exp-topline{display:flex;justify-content:space-between;gap:16px;color:#c8ab76;font-size:10px;font-weight:750;letter-spacing:1px}.exp-topline span:last-child{color:#899286}.exp-bar{height:3px;background:#30362d;border-radius:50px;margin:15px 0 31px;overflow:hidden}.exp-bar i{display:block;height:100%;background:linear-gradient(90deg,#b69051,#ead29e);transition:width .35s}.flow-panel[hidden],.exp-nav [hidden],.exp-result-actions[hidden],.exp-error[hidden]{display:none!important}.flow-step-label{color:#bca272;font-weight:800;letter-spacing:1.1px;font-size:10px}.flow-panel h2{font-size:clamp(24px,3.3vw,34px);letter-spacing:-.8px;line-height:1.25;margin:12px 0 8px}.flow-muted{color:#afb5a8;line-height:1.7;font-size:14px;margin:0 0 26px}.flow-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.flow-field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px}.flow-field>span{font-size:12px;color:#ede7da;font-weight:700}.flow-field small{font-weight:400;color:#92998a}.flow-field input,.flow-field select,.flow-field textarea{width:100%;font:inherit;line-height:1.5;background:#1d211c;border:1px solid #4a4f42;color:#faf9f4;border-radius:10px;padding:14px 15px;outline-offset:3px;min-height:48px}.flow-field textarea{resize:vertical;min-height:105px}.flow-field input::placeholder,.flow-field textarea::placeholder{color:#7e887a}.flow-field input:focus,.flow-field select:focus,.flow-field textarea:focus{border-color:#cfb47e;outline:2px solid #cfb47e22}.flow-field select{cursor:pointer}.flow-caption{font-size:11px;color:#9ba394;line-height:1.65}.flow-note{border:1px solid #574a31;background:#242219;border-radius:10px;padding:15px 17px}.flow-note strong{font-size:12px;color:#ebd6a7}.flow-note p{font-size:12px;color:#b4b7aa;line-height:1.6;margin:6px 0 0}.exp-error{border:1px solid #b46459;border-radius:8px;padding:12px 14px;background:#421e1e;color:#fff;margin-top:19px;font-size:13px}.exp-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:26px}.exp-nav .exp-next,.exp-complete{background:#d0b178;color:#17150e;border:1px solid #e0c791;border-radius:10px;padding:13px 20px;font-size:13px;font-weight:800;display:inline-flex;justify-content:center;align-items:center;gap:9px;cursor:pointer}.exp-nav .exp-next{margin-left:auto}.exp-nav svg,.exp-complete svg{width:15px}.exp-back{font:inherit;font-size:13px;color:#d8cfb9;background:transparent;border:1px solid #555d4c;border-radius:10px;padding:13px 16px;display:inline-flex;gap:10px;align-items:center;cursor:pointer}.exp-back svg{transform:rotate(180deg)}.exp-result-actions{margin-top:26px;padding-top:20px;border-top:1px solid #414436}.exp-result-actions p{color:#adb4a7;font-size:11px;line-height:1.6;margin:11px 0 0}.exp-complete{width:100%;text-align:center;min-height:52px}.preview-surface{border:1px solid #484535;border-radius:14px;background:linear-gradient(140deg,#27271f,#181b16);overflow:hidden}.preview-line{padding:23px 25px;border-bottom:1px solid #474739}.preview-line h3{font-size:24px;line-height:1.25;margin:10px 0 8px}.preview-line p{color:#aeb5a8;font-size:12px;line-height:1.6;margin:0}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.preview-grid article{padding:20px 24px;min-width:0}.preview-grid article:first-child{border-right:1px solid #474739}.preview-grid p{color:#d7d8cd;font-size:13px;line-height:1.7}.flow-priority{border-top:1px solid #474739;padding:19px 25px}.flow-priority ol{padding-left:18px;color:#cbd0c2;font-size:13px;line-height:1.7}.flow-priority li{margin-top:9px}.flow-priority p{color:#d1d5cb;font-size:13px;line-height:1.7}.flow-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.flow-chip{font-size:11px;background:#393c30;padding:5px 9px;border:1px solid #646e52;border-radius:50px;color:#e5e8db;word-break:break-word}.flow-chip-empty{background:transparent;color:#adb3a7;border-color:#525347}.exp-bottom{padding:45px 40px 50px;margin-bottom:55px;background:#181a17;border:1px solid #3d3b31;border-radius:16px;display:flex;gap:40px;align-items:center;justify-content:space-between}.exp-bottom h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.8px;margin:12px 0}.exp-bottom p{max-width:670px;color:#b6bbaf;font-size:13px;line-height:1.7}.exp-bottom>a{flex:none;border:1px solid #8d764d;color:#e9cea0;border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:8px;font-weight:750;font-size:12px}.exp-bottom svg{width:15px}@media(max-width:910px){.exp-hero-grid{grid-template-columns:1fr;gap:17px}.exp-value{max-width:460px}.exp-layout{grid-template-columns:1fr}.exp-steps{display:flex;align-items:center;gap:8px;padding:17px 20px;border-right:0;border-bottom:1px solid #34382f}.exp-step-overline,.exp-secure{display:none}.exp-step{flex:1;padding:10px 8px;gap:7px;border-left:0;border-bottom:2px solid #414439}.exp-step.is-current{border-bottom-color:#d2b475}.exp-step small{display:none}.exp-content{min-height:530px}}@media(max-width:630px){.exp-header{padding:46px 0 27px}.exp-header h1{font-size:clamp(36px,9vw,52px);letter-spacing:-1.3px}.exp-header p{font-size:14px}.exp-value{padding:17px}.exp-steps{padding:11px 8px}.exp-step{gap:6px;padding:10px 5px}.exp-step>span{width:22px;height:22px;font-size:9px}.exp-step b{font-size:11px}.exp-content{padding:24px 17px 29px;min-height:0}.flow-field-grid,.preview-grid{grid-template-columns:1fr;gap:0}.preview-grid article:first-child{border-right:0;border-bottom:1px solid #474739}.preview-grid article{padding:17px 20px}.flow-priority,.preview-line{padding:18px 20px}.exp-bottom{display:block;padding:25px 20px;margin-bottom:30px}.exp-bottom>a{margin-top:20px}.exp-hero-notes{gap:10px}.flow-panel h2{font-size:27px}}