:root{
  --bg:#0A0E1F; --bg2:#10152B; --panel:#0d1226; --line:rgba(175,169,236,.14);
  --gold:#FAC775; --gold2:#E7B45B; --violet:#7F77DD; --violet2:#534AB7;
  --txt:#F3F2FA; --muted:#AAB0C9; --dim:#737a96;
  --serif:'Marcellus',Georgia,serif; --sans:'Manrope',system-ui,sans-serif;
  --rad:14px; --maxw:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--txt);font-family:var(--sans);font-weight:400;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.15}
img,canvas,svg{display:block;max-width:100%}
.ic{display:inline-block;vertical-align:middle;flex:none}

#starfield{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.nav,.hero,.seen,.section,.trustbar,.final,.pay,.footer{position:relative;z-index:1}

/* NAV */
.nav{display:flex;align-items:center;gap:24px;max-width:var(--maxw);margin:0 auto;padding:20px 28px}
.brand{font-family:var(--serif);font-size:19px;letter-spacing:2px;display:flex;align-items:center;gap:8px;color:#fff}
.brand .ic{color:var(--gold)}
.nav-links{display:flex;gap:26px;margin-left:auto;font-size:14px;color:var(--muted)}
.nav-links a:hover{color:#fff}
.nav-right{display:flex;align-items:center;gap:10px}
.switch{position:relative}
.switch-btn{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--muted);font-family:var(--sans);font-size:13px;padding:7px 11px;border-radius:20px;cursor:pointer}
.switch-btn:hover{color:#fff;border-color:rgba(175,169,236,.3)}
.switch-btn .ic{color:var(--gold)}
.switch-menu{position:absolute;top:calc(100% + 6px);right:0;background:#141a30;border:1px solid var(--line);border-radius:10px;padding:6px;min-width:88px;display:none;flex-direction:column;box-shadow:0 12px 30px rgba(0,0,0,.5);z-index:20}
.switch.open .switch-menu{display:flex}
.switch-menu a{font-size:13px;color:var(--muted);padding:7px 12px;border-radius:7px;cursor:pointer}
.switch-menu a:hover{background:rgba(255,255,255,.05);color:#fff}
.switch-menu a.on{color:var(--gold)}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:14px;font-weight:500;padding:11px 20px;border-radius:30px;cursor:pointer;border:1px solid transparent;transition:transform .15s,filter .15s;white-space:nowrap}
.btn:active{transform:scale(.98)}
.btn-gold{background:linear-gradient(180deg,#FBD489,#E3AC52);color:#2a1c05;box-shadow:0 0 32px rgba(231,180,91,.28)}
.btn-gold:hover{filter:brightness(1.05)}
.btn-ghost{background:rgba(255,255,255,.03);border-color:rgba(175,169,236,.25);color:#E7E6F4}
.btn-ghost:hover{background:rgba(255,255,255,.07)}
.btn-lg{padding:14px 26px;font-size:15px}
.btn-block{display:flex;justify-content:center;width:100%}

/* HERO */
.hero{max-width:980px;margin:0 auto;padding:40px 28px 30px;text-align:center}
.cert-float{position:absolute;top:84px;right:calc(50% - 690px);transform:rotate(7deg);text-align:center;display:none}
@media(min-width:1440px){.cert-float{display:block}}
.cert-chip{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:11px;color:var(--muted)}
.badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--gold);background:rgba(231,180,91,.08);border:1px solid rgba(231,180,91,.25);padding:7px 16px;border-radius:30px}
.hero-title{font-size:clamp(38px,6vw,68px);margin:22px 0 14px}
.hero-title em{color:var(--gold);font-style:italic}
.hero-sub{color:var(--muted);font-size:18px;max-width:620px;margin:0 auto 26px}
.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.stats{display:flex;justify-content:center;gap:0;margin-top:42px;border-top:1px solid var(--line);padding-top:26px;flex-wrap:wrap}
.stat{padding:0 34px;text-align:center;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat-val{display:block;font-family:var(--serif);font-size:30px}
.stat-val .gold{color:var(--gold);font-style:normal}
.stat-lbl{font-size:13px;color:var(--dim)}

/* AS SEEN ON */
.seen{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;padding:26px;max-width:var(--maxw);margin:0 auto;border-bottom:1px solid var(--line)}
.seen span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.seen em{font-family:var(--serif);font-style:normal;font-size:21px;color:#6a708c;letter-spacing:.05em}
.seen em.b{color:#aab0cf;font-weight:bold}

/* SECTIONS */
.section{max-width:var(--maxw);margin:0 auto;padding:80px 28px}
.kicker{text-align:center;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.section>h2{text-align:center;font-size:clamp(30px,4vw,46px)}
.h2-sm{font-size:28px}
.lead{text-align:center;color:var(--muted);max-width:620px;margin:16px auto 0;font-size:17px}
.lead-left{text-align:left;margin-left:0}

/* CERTIFICATE */
.cert{width:340px;max-width:88vw;font-size:15px;background:linear-gradient(160deg,#0c1430,#0a0f24);border:1px solid rgba(231,180,91,.3);border-radius:.6em;padding:.55em;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.cert-inner{position:relative;border:1px solid rgba(231,180,91,.45);border-radius:.4em;padding:1.6em 1.4em;text-align:center}
.cert-corner{position:absolute;width:.45em;height:.45em;border:1px solid var(--gold);opacity:.7}
.cert-corner.tl{top:.4em;left:.4em;border-right:0;border-bottom:0}
.cert-corner.tr{top:.4em;right:.4em;border-left:0;border-bottom:0}
.cert-corner.bl{bottom:.4em;left:.4em;border-right:0;border-top:0}
.cert-corner.br{bottom:.4em;right:.4em;border-left:0;border-top:0}
.cert-brand{font-family:var(--serif);color:var(--gold);letter-spacing:.28em;font-size:1em}
.cert-brand-sub{font-size:.5em;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin:.3em 0 1.4em}
.cert-certifies{font-style:italic;font-size:.62em;color:var(--muted);margin-bottom:.4em}
.cert-star{font-family:var(--serif);font-size:1.85em;color:#fff;margin-bottom:.5em}
.cert-body{font-size:.56em;color:var(--muted);line-height:1.6;max-width:22em;margin:0 auto 1.2em}
.cert-seal{width:3.4em;height:3.4em;border:1px solid rgba(231,180,91,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.4em;color:var(--gold)}
.cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:1em .6em;text-align:left;margin-bottom:1.6em}
.cert-lbl{display:block;font-size:.48em;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2);opacity:.85;margin-bottom:.3em}
.cert-val{display:block;font-family:var(--serif);font-size:.78em;color:#eee}
.cert-foot{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid rgba(231,180,91,.18);padding-top:.7em}
.cert-sign{font-family:var(--serif);font-style:italic;font-size:.9em;color:var(--gold);text-align:left}
.cert-sign span,.cert-no span{display:block;font-family:var(--sans);font-style:normal;font-size:.42em;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-top:.3em}
.cert-no{font-size:.5em;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);text-align:right}
.cert-no span{font-size:.82em;color:#cbb27e;letter-spacing:.06em;text-transform:none}
.cert-sm{width:188px;font-size:8.5px;transform:none}
.cert-xs{width:150px;font-size:6.6px;margin:14px 0 6px}

/* WHAT YOU GET */
.wyg-grid{display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:30px;margin-top:54px}
.wyg-item{text-align:center}
.wyg-item h3{font-size:19px;margin-top:18px}
.wyg-item p{color:var(--dim);font-size:13px;margin-top:4px}
.wyg-center .cert{margin:0 auto}
.starmap{width:170px;height:170px;border-radius:50%;border:1px solid var(--line);background:radial-gradient(circle at 50% 45%,#141b38,#0a0f22);margin:0 auto;position:relative}
.starmap::before{content:"";position:absolute;inset:18%;border-radius:50%;border:1px dashed rgba(175,169,236,.18)}
.starmap span{position:absolute;font-size:10px;color:var(--dim)}
.sm-n{top:6px;left:50%;transform:translateX(-50%)}.sm-s{bottom:6px;left:50%;transform:translateX(-50%)}
.sm-e{right:8px;top:50%;transform:translateY(-50%)}.sm-w{left:8px;top:50%;transform:translateY(-50%)}
.giftbox{width:160px;height:150px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(150deg,#161d3a,#0b1024);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}
.giftbox::before{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background:rgba(231,180,91,.25)}
.giftbox::after{content:"";position:absolute;top:38%;left:0;width:100%;height:1px;background:rgba(231,180,91,.25)}
.gb-star{font-size:34px;color:var(--gold);z-index:1}
.gb-brand{font-family:var(--serif);letter-spacing:.2em;font-size:12px;color:#cbb27e;z-index:1}

/* STEPS */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}
.step{background:var(--bg2);border:1px solid var(--line);border-radius:var(--rad);padding:26px}
.step-top{display:flex;justify-content:space-between;align-items:flex-start}
.step-ic{width:42px;height:42px;border-radius:11px;background:rgba(127,119,221,.12);display:flex;align-items:center;justify-content:center;color:var(--violet)}
.step-num{font-family:var(--serif);font-size:40px;color:rgba(231,180,91,.35)}
.step h3{font-size:20px;margin:16px 0 8px}
.step p{color:var(--muted);font-size:14px}
.step-cert{display:flex;align-items:center;gap:14px;margin-top:18px}
.step-cert span{color:var(--dim);font-size:12px}

/* OCCASIONS */
.occ-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}
.occ-card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--rad);padding:26px;transition:border-color .2s,transform .2s}
.occ-card:hover{border-color:rgba(231,180,91,.4);transform:translateY(-3px)}
.occ-ic{width:42px;height:42px;border-radius:11px;background:rgba(231,180,91,.1);display:flex;align-items:center;justify-content:center;color:var(--gold);margin-bottom:16px}
.occ-card h3{font-size:19px;margin-bottom:6px}
.occ-card p{color:var(--muted);font-size:14px}

/* PRICING */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px;align-items:start}
.tier{position:relative;background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:28px}
.tier-popular{border:2px solid var(--violet2);box-shadow:0 0 40px rgba(83,74,183,.2)}
.tier-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(180deg,#FBD489,#E3AC52);color:#2a1c05;font-size:12px;font-weight:600;padding:4px 14px;border-radius:20px;white-space:nowrap}
.tier-name{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.tier-blue .tier-name{color:#85B7EB}.tier-gold .tier-name{color:var(--gold)}.tier-violet .tier-name{color:var(--violet)}
.tier-price{font-family:var(--serif);font-size:46px;margin:6px 0 8px}
.tier-desc{color:var(--muted);font-size:14px;min-height:42px;margin-bottom:18px}
.tier-feat{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:11px}
.tier-feat li{display:flex;align-items:center;gap:9px;font-size:14px;color:#d7d9e8}
.tier-feat .ic{color:var(--violet);flex:none}

/* ADD-ONS */
.row-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:8px}
.row-head .kicker{text-align:left;margin-bottom:8px}
.link-gold{color:var(--gold);font-size:14px;display:inline-flex;align-items:center;gap:6px}
.addons{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.addon{background:linear-gradient(160deg,#161d3a,#0c1124);border:1px solid var(--line);border-radius:var(--rad);padding:22px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}
.addon-ic{color:var(--violet)}
.addon-row{display:flex;justify-content:space-between;align-items:flex-end;gap:8px}
.addon-name{font-size:13px;color:#cfd2e3}
.addon-price{font-family:var(--serif);font-size:18px;color:#fff;white-space:nowrap}

/* VIEWER */
.viewer{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}
.viewer-bullets{list-style:none;margin:24px 0;display:flex;flex-direction:column;gap:14px}
.viewer-bullets li{display:flex;align-items:center;gap:12px;color:#d7d9e8;font-size:15px}
.viewer-bullets .dot{width:9px;height:9px;border-radius:50%;background:var(--gold);flex:none}
.viewer-globe{position:relative;display:flex;justify-content:center}
#globe{max-width:100%}
.globe-live{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;background:rgba(13,18,38,.85);border:1px solid var(--line);border-radius:20px;padding:6px 14px;font-size:12px;color:var(--muted);white-space:nowrap}
.globe-live b{color:#fff;font-weight:600}
.live-dot{width:7px;height:7px;border-radius:50%;background:#5DCAA5;box-shadow:0 0 8px #5DCAA5}

/* TESTIMONIALS */
.tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.tst{background:var(--bg2);border:1px solid var(--line);border-radius:var(--rad);padding:26px}
.stars{color:var(--gold);letter-spacing:3px;margin-bottom:14px}
.tst p{color:#d7d9e8;font-size:15px;line-height:1.7}
.tst-who{display:flex;align-items:center;gap:12px;margin-top:20px}
.ava{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#534AB7,#FAC775);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#11132a}
.tst-who b{display:block;font-size:14px}.tst-who span{font-size:12px;color:var(--dim)}

/* TRUST BAR */
.trustbar{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.trustbar{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:22px 30px;margin-top:20px}
.trust-item{display:flex;align-items:center;gap:12px}
.trust-ic{color:var(--gold)}
.trust-item b{display:block;font-size:14px}.trust-item span{font-size:12px;color:var(--dim)}

/* FAQ */
.faq-list{max-width:780px;margin:40px auto 0;display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--bg2);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;font-family:var(--serif);font-size:18px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary .ic{color:var(--muted);transition:transform .2s;flex:none}
.faq-item[open] summary .ic{transform:rotate(180deg)}
.faq-a{padding:0 22px 20px;color:var(--muted);font-size:15px;line-height:1.7}

/* FINAL */
.final{text-align:center;padding:90px 28px 70px}
.final-title{font-size:clamp(32px,5vw,54px)}
.final p{color:var(--muted);max-width:480px;margin:14px auto 28px;font-size:17px}

/* PAY */
.pay{border-top:1px solid var(--line);text-align:center;padding:30px}
.pay>span{display:inline-flex;align-items:center;gap:7px;color:var(--dim);font-size:13px}
.pay-logos{display:flex;gap:12px;justify-content:center;margin-top:16px;flex-wrap:wrap}
.pm{background:#fff;color:#1a1f33;font-weight:700;font-size:12px;padding:7px 12px;border-radius:6px;letter-spacing:.03em}

/* FOOTER */
.footer{background:#080b18;border-top:1px solid var(--line);padding:54px 28px 28px}
.foot-grid{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}
.foot-brand .brand{margin-bottom:14px}
.foot-brand p{color:var(--muted);font-size:14px;max-width:280px}
.foot-contact{display:flex;align-items:center;gap:8px;margin-top:10px!important;font-size:13px;color:var(--muted)}
.foot-contact .ic{color:var(--gold)}
.foot-contact a:hover{color:#fff}
.socials{display:flex;gap:10px;margin-top:18px}
.socials .ic{width:34px;height:34px;padding:8px;border:1px solid var(--line);border-radius:50%;color:var(--muted);box-sizing:border-box}
.socials .ic:hover{color:#fff;border-color:rgba(231,180,91,.4)}
.foot-col h4{font-family:var(--sans);font-weight:600;font-size:14px;margin-bottom:14px}
.foot-col a{display:block;color:var(--muted);font-size:14px;margin-bottom:10px}
.foot-col a:hover{color:#fff}
.foot-bottom{max-width:var(--maxw);margin:36px auto 0;border-top:1px solid var(--line);padding-top:20px;font-size:13px;color:var(--dim)}

/* RESPONSIVE */
@media(max-width:900px){
  .nav-links{display:none}
  .wyg-grid,.steps,.occ-grid,.tiers,.addons,.tst-grid,.viewer{grid-template-columns:1fr}
  .addons{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .stat{padding:10px 18px}
  .section{padding:60px 22px}
}
@media(max-width:520px){
  .addons,.foot-grid{grid-template-columns:1fr}
  .nav{gap:10px;padding:16px}
  .switch-btn{padding:6px 8px}
}

/* ============ ORDER / CONFIGURATOR ============ */
.order{max-width:var(--maxw);margin:0 auto;padding:34px 28px 70px}
.order-title{text-align:center;font-size:clamp(30px,4vw,44px);margin-bottom:34px}
.order-wrap{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start}
.order-preview{position:sticky;top:24px;display:flex;justify-content:center}
.cert-pv{width:360px;font-size:15px}
.cert-pv-msg{font-style:italic;min-height:1.2em;color:#cbb27e}
.order-opts{display:flex;flex-direction:column;gap:26px}
.ofield h3{font-family:var(--serif);font-size:20px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:baseline}
.counter{font-family:var(--sans);font-size:12px;color:var(--dim)}
.note{font-size:12px;color:var(--dim);margin-top:8px;display:flex;align-items:flex-start;gap:6px}
.note.center{justify-content:center}
.note .ic{color:var(--gold);flex:none;margin-top:1px}

/* inputs */
.inp{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:10px;color:#fff;font-family:var(--sans);font-size:15px;padding:12px 14px;outline:none}
.inp:focus{border-color:rgba(231,180,91,.5)}
select.inp{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23AAB0C9' stroke-width='1.6'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:38px}
.inp option{background:#141a30}
.date-row{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:10px;margin-bottom:12px}
textarea.inp{resize:vertical}

/* option rows (radio / checkbox) */
.opt{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer;margin-bottom:10px;transition:border-color .15s,background .15s}
.opt:hover{border-color:rgba(175,169,236,.3)}
.opt input{position:absolute;opacity:0;width:0;height:0}
.opt.on,.opt:has(input:checked){border-color:var(--gold);background:rgba(231,180,91,.07)}
.opt-ic{width:34px;height:34px;border-radius:9px;background:rgba(127,119,221,.12);display:flex;align-items:center;justify-content:center;color:var(--violet);flex:none}
.opt.on .opt-ic,.opt:has(input:checked) .opt-ic{background:rgba(231,180,91,.14);color:var(--gold)}
.opt-txt b{display:block;font-weight:500;font-size:15px}
.opt-txt small{display:block;color:var(--dim);font-size:12px;margin-top:2px}
.plus{color:var(--gold);font-style:normal;font-weight:500;margin-left:4px}

/* swatches */
.swatches{display:flex;gap:10px;flex-wrap:wrap}
.swatch{width:54px;height:70px;border-radius:8px;border:2px solid var(--line);cursor:pointer;padding:0}
.swatch.on{border-color:var(--gold)}
.sw-midnight{background:linear-gradient(160deg,#0c1430,#0a0f24)}
.sw-aurora{background:linear-gradient(160deg,#0a1f1a,#06120f)}
.sw-classic{background:linear-gradient(160deg,#1c1a14,#12100a)}
.sw-nebula{background:linear-gradient(160deg,#1a1230,#0d0a1f)}
.sw-rose{background:linear-gradient(160deg,#2a1320,#160a11)}

/* checks */
.check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin-bottom:8px;cursor:pointer}
.check-lg{font-size:15px;color:#e7e6f4}
.check input{accent-color:#E7B45B}
.digital{background:rgba(127,119,221,.08);border:1px solid rgba(127,119,221,.2);border-radius:12px;padding:18px}
.dig-head{font-family:var(--serif);font-size:17px;margin-bottom:10px}
.phys{display:flex;flex-direction:column}
.phys.dim{opacity:.45;pointer-events:none}

/* summary */
.order-summary{border-top:1px solid var(--line);padding-top:22px;margin-top:6px}
.sum-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}
.sum-row>span:first-child{font-family:var(--serif);font-size:22px}
.sum-total{font-family:var(--serif);font-size:34px;color:#fff}
.soon-note{text-align:center;color:var(--gold);font-size:13px;margin-top:12px}

/* cert themes */
.theme-aurora .cert{border-color:rgba(93,202,165,.4)} .theme-aurora .cert-inner{border-color:rgba(93,202,165,.5)}
.theme-aurora .cert-brand,.theme-aurora .cert-seal{color:#7fe0c2;border-color:#5DCAA5}.theme-aurora .cert-corner{border-color:#5DCAA5}
.theme-nebula .cert{border-color:rgba(127,119,221,.45)} .theme-nebula .cert-inner{border-color:rgba(127,119,221,.5)}
.theme-nebula .cert-brand,.theme-nebula .cert-seal{color:#b3aef0;border-color:#7F77DD}.theme-nebula .cert-corner{border-color:#7F77DD}
.theme-rose .cert{border-color:rgba(212,83,126,.4)} .theme-rose .cert-inner{border-color:rgba(212,83,126,.5)}
.theme-rose .cert-brand,.theme-rose .cert-seal{color:#ed93b1;border-color:#D4537E}.theme-rose .cert-corner{border-color:#D4537E}
.theme-classic .cert{background:linear-gradient(160deg,#171511,#100e09)}

@media(max-width:900px){
  .order-wrap{grid-template-columns:1fr;gap:30px}
  .order-preview{position:static;order:-1}
  .cert-pv{width:300px;font-size:13px}
}

/* ===== real certificate images ===== */
.cert-img{width:330px;max-width:88vw;border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.55);display:block}
.wyg-center .cert-img{margin:0 auto}
.cert-float-img{width:190px;border-radius:8px;box-shadow:0 18px 44px rgba(0,0,0,.55)}
.cert-thumb-img{width:104px;border-radius:6px}
.order-preview .cert-img{width:360px}
/* image swatches override */
.swatch{width:56px;height:82px;padding:0;overflow:hidden;background:none;border:2px solid var(--line);border-radius:8px}
.swatch img{width:100%;height:100%;object-fit:cover;display:block}
.swatch.on{border-color:var(--gold)}
@media(max-width:900px){.order-preview .cert-img{width:300px}}

/* ===== live certificate stage (blank template + text overlay) ===== */
.cert-stage{position:relative;width:360px;max-width:88vw;aspect-ratio:583/875;container-type:inline-size;border-radius:10px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.55)}
.cert-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cert-ov{position:absolute;left:0;right:0;text-align:center;font-family:var(--serif);line-height:1.25;white-space:pre-line;padding:0 6%;pointer-events:none;transform:translateY(-50%)}
.ov-name{letter-spacing:.01em}
.ov-coords{font-variant-numeric:tabular-nums}
.ov-msg{font-style:italic;line-height:1.4}
.ov-date,.ov-const,.ov-regnum{letter-spacing:.02em}
@media(max-width:900px){.cert-stage{width:300px}}