:root{
  --bg:#02070d;--bg2:#07101a;--panel:#09131e;--panel2:#0d1925;--line:#25313d;
  --text:#f7f8fa;--muted:#aab4bf;--dim:#6f7b87;--red:#f2262d;--red2:#cf1019;
  --cyan:#48d7e8;--gold:#ffb027;--green:#53d278;--pink:#ed5f9d;
  --radius:18px;--max:1450px;--shadow:0 30px 80px rgba(0,0,0,.34)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 72% 12%,rgba(25,56,77,.16),transparent 32%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(var(--max),calc(100% - 72px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(2,7,13,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.04)}.nav{height:96px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;flex:0 0 auto;margin-left:auto;order:99}.brand img{height:56px;width:auto}.brand img{height:64px;width:auto;object-fit:contain;object-position:left center}.nav-links{display:flex;gap:39px;align-items:center;margin:0;font-weight:650;color:#e9edf1}.nav-links a{position:relative;padding:10px 0;white-space:nowrap}.nav-links a:hover,.nav-links a[aria-current="page"]{color:#fff}.nav-links a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--red)}.nav-actions{display:flex;gap:16px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 25px;border-radius:11px;border:1px solid var(--line);background:transparent;color:#fff;font-weight:750;cursor:pointer;transition:.2s transform,.2s background,.2s border-color;white-space:nowrap}.btn:hover{transform:translateY(-2px);border-color:#63717e}.btn.primary{background:linear-gradient(180deg,#ff333a,var(--red));border-color:#ff474d;box-shadow:0 14px 38px rgba(242,38,45,.2)}.btn.primary:hover{background:linear-gradient(180deg,#ff4b51,var(--red2))}.btn.small{min-height:44px;padding:0 19px}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:29px;cursor:pointer}.eyebrow{display:inline-flex;align-items:center;gap:12px;font:700 .78rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan)}.eyebrow .gold{color:var(--gold)}.hero{min-height:710px;padding:82px 0 42px;display:grid;grid-template-columns:minmax(460px,.92fr) minmax(620px,1.22fr);gap:56px;align-items:center}.hero-copy h1{font-size:clamp(3.55rem,5vw,5.45rem);line-height:1.08;letter-spacing:-.05em;margin:34px 0 25px;max-width:10ch}.hero-copy p{font-size:1.33rem;color:#c4ccd4;max-width:590px;line-height:1.65;margin:0}.hero-buttons{display:flex;gap:18px;margin-top:38px;flex-wrap:wrap}.stars{margin-top:36px;display:flex;align-items:center;gap:17px}.avatar-stack{display:flex}.avatar{width:42px;height:42px;border:3px solid var(--bg);border-radius:50%;display:grid;place-items:center;margin-left:-9px;font-weight:850;color:#07101a}.avatar:first-child{margin-left:0}.avatar:nth-child(1){background:#ffd1bc}.avatar:nth-child(2){background:#f8d66d}.avatar:nth-child(3){background:#94d8de}.avatar:nth-child(4){background:#e9a9d1}.stars-score{color:var(--gold);font-size:1.25rem;letter-spacing:.08em}.stars-copy{color:var(--muted);font-size:.95rem;margin-top:2px}.hero-art{display:grid;grid-template-columns:.92fr 1fr;gap:18px;min-width:0}.art-card{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,#0a121b,#03080d);border-radius:4px;overflow:hidden;min-height:575px;box-shadow:var(--shadow)}.art-card img{width:100%;height:100%;object-fit:cover}.art-card.drawing img{object-position:center}.art-card.figure img{object-position:center}.art-label{position:absolute;left:0;right:0;bottom:0;padding:42px 18px 22px;background:linear-gradient(transparent,rgba(2,7,13,.96));text-align:center;font-family:"Comic Sans MS","Bradley Hand",cursive;font-size:1.2rem;color:#fff}.art-label::before{content:"↗";display:inline-block;margin-right:10px;transform:rotate(-20deg);font-size:1.6rem}.trust-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(13,25,37,.82),rgba(5,12,19,.82));margin:22px 0 80px;overflow:hidden}.trust-item{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start;padding:27px 24px;border-right:1px solid var(--line)}.trust-item:last-child{border-right:0}.trust-icon{width:43px;height:43px;display:grid;place-items:center;border:2px solid currentColor;border-radius:13px;font-size:1.35rem}.trust-item h3{font-size:1.04rem;margin:0 0 5px}.trust-item p{font-size:.92rem;color:var(--muted);margin:0}.c-white{color:#fff}.c-gold{color:var(--gold)}.c-cyan{color:var(--cyan)}.c-pink{color:var(--pink)}.c-green{color:var(--green)}section{padding:105px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:44px}.section-head h2{font-size:clamp(2.35rem,4vw,4.1rem);line-height:1.06;letter-spacing:-.045em;margin:14px 0 0;max-width:13ch}.section-head p{max-width:620px;color:var(--muted);font-size:1.08rem;margin:0}.grid{display:grid;gap:20px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel2),var(--panel));padding:28px;box-shadow:0 20px 55px rgba(0,0,0,.12)}.card h3{margin:0 0 10px;font-size:1.22rem}.card p{margin:0;color:var(--muted)}.step-num{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #8c5e28;background:rgba(255,176,39,.1);color:var(--gold);font-weight:850;margin-bottom:22px}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.split-media{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}.split-media img{width:100%;aspect-ratio:1.36/1;object-fit:cover}.split-copy h2{font-size:clamp(2.5rem,4vw,4.4rem);letter-spacing:-.05em;line-height:1.02;margin:16px 0 24px}.split-copy p{color:var(--muted);font-size:1.1rem}.check-list{display:grid;gap:15px;margin:28px 0 0;padding:0;list-style:none}.check-list li{display:flex;gap:12px;color:#d6dde3}.check-list li::before{content:"✓";display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:rgba(83,210,120,.12);color:var(--green);font-weight:900}.note{margin-top:15px;color:var(--dim);font-size:.84rem}.cta-band{border:1px solid var(--line);border-radius:22px;padding:44px;background:linear-gradient(115deg,rgba(242,38,45,.16),rgba(72,215,232,.07) 55%,rgba(255,176,39,.08));display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-band h2{font-size:clamp(2rem,3.5vw,3.4rem);letter-spacing:-.04em;margin:0}.cta-band p{color:var(--muted);margin:10px 0 0}.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:21px 0}summary{cursor:pointer;font-weight:750;font-size:1.08rem;list-style:none;display:flex;justify-content:space-between}summary::after{content:"+";color:var(--red);font-size:1.35rem}details[open] summary::after{content:"−"}details p{color:var(--muted);max-width:850px}.page-hero{padding:82px 0 64px;display:grid;grid-template-columns:.92fr 1.08fr;gap:58px;align-items:center}.page-hero h1{font-size:clamp(3.2rem,5vw,5.25rem);line-height:1.03;letter-spacing:-.055em;margin:24px 0}.page-hero p{font-size:1.18rem;color:var(--muted);max-width:610px}.page-media{border:1px solid var(--line);border-radius:19px;overflow:hidden;background:var(--panel);min-height:470px;box-shadow:var(--shadow);position:relative}.page-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.duo{display:grid;grid-template-columns:1fr 1fr;height:100%}.duo>div{min-width:0;position:relative}.duo img{position:static;height:100%;min-height:480px}.duo>div+div{border-left:1px solid var(--line)}.mini-label{position:absolute;left:14px;bottom:14px;padding:7px 10px;border-radius:7px;background:rgba(2,7,13,.84);font:.72rem ui-monospace,monospace;color:#fff}.price{font-size:2.1rem;font-weight:850;margin:18px 0 4px}.tag{display:inline-flex;padding:7px 11px;border-radius:999px;border:1px solid var(--line);color:var(--cyan);font-size:.78rem;font-weight:750}.form{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{font-weight:700;font-size:.9rem}input,textarea,select{width:100%;margin-top:7px;background:#06101a;border:1px solid var(--line);color:#fff;border-radius:10px;padding:14px 15px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--cyan)}textarea{min-height:130px;resize:vertical}.upload-studio{display:grid;grid-template-columns:.86fr 1.14fr;gap:36px;align-items:stretch}.upload-box{border:1px dashed #667380;border-radius:18px;min-height:420px;display:grid;place-items:center;text-align:center;padding:30px;background:linear-gradient(180deg,rgba(13,25,37,.7),rgba(5,12,19,.8));cursor:pointer;overflow:hidden;position:relative}.upload-box.drag{border-color:var(--cyan);background:rgba(72,215,232,.06)}.upload-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0a1016}.upload-instructions{position:relative;z-index:2}.upload-box.has-image .upload-instructions{opacity:0;pointer-events:none}.preview-frame{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#050b11;min-height:420px;position:relative}.preview-frame img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.preview-badge{position:absolute;right:14px;top:14px;background:rgba(2,7,13,.86);border:1px solid var(--line);padding:8px 11px;border-radius:8px;font:.72rem ui-monospace,monospace}.passport{display:grid;grid-template-columns:1fr 1fr;gap:26px}.passport-card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#0e1a26,#071019);padding:28px}.verified-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(83,210,120,.4);background:rgba(83,210,120,.09);color:var(--green);border-radius:999px;font-weight:800}.record-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.record-row span:first-child{color:var(--muted)}.record-row span:last-child{text-align:right;font-weight:750}.timeline{border-left:2px solid var(--cyan);margin-left:8px;padding-left:24px}.timeline article{position:relative;margin:0 0 26px}.timeline article::before{content:"";position:absolute;left:-31px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--cyan);border:3px solid var(--bg)}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.count{border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:19px 8px;text-align:center}.count strong{display:block;font-size:2rem;color:var(--gold)}.count span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.vault{width:190px;height:190px;border-radius:38px;margin:auto;display:grid;place-items:center;border:1px solid var(--line);background:radial-gradient(circle,rgba(255,176,39,.14),transparent 58%),var(--panel);font-size:5rem}.site-footer{border-top:1px solid var(--line);padding:58px 0 35px;margin-top:70px;background:#03090f}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:44px}.footer-brand img{width:155px;height:auto}.footer-grid h4{margin:0 0 14px}.footer-grid a{display:block;color:var(--muted);margin:8px 0}.footer-grid a:hover{color:#fff}.footer-copy{color:var(--muted);max-width:390px;margin-top:16px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:28px;margin-top:36px;border-top:1px solid var(--line);color:var(--dim);font-size:.82rem}.demo-note{padding:12px 16px;border:1px solid rgba(255,176,39,.32);border-radius:10px;background:rgba(255,176,39,.07);color:#d7c199;font-size:.85rem;margin-top:18px}
@media(max-width:1120px){.container{width:min(100% - 42px,var(--max))}.nav-links{gap:20px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy h1{max-width:12ch}.hero-art{max-width:790px}.trust-strip{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2n){border-right:0}.trust-item:last-child{grid-column:1/-1}.grid-4{grid-template-columns:repeat(2,1fr)}.page-hero{grid-template-columns:1fr}.page-media{min-height:520px}}
@media(max-width:780px){.container{width:min(100% - 28px,var(--max))}.nav{height:78px}.brand img{height:50px;width:auto}.menu-btn{display:block;margin-left:auto}.nav-links,.nav-actions{display:none}.site-header.open .nav-links{display:flex;position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:flex-start;background:#050c13;border-bottom:1px solid var(--line);padding:25px 28px;gap:13px}.site-header.open .nav-actions{display:flex;position:absolute;top:335px;left:0;right:0;background:#050c13;padding:0 28px 25px}.hero{padding-top:55px}.hero-copy h1{font-size:3.25rem}.hero-copy p{font-size:1.08rem}.hero-art{grid-template-columns:1fr 1fr;gap:8px}.art-card{min-height:360px}.art-label{font-size:.87rem}.trust-strip{grid-template-columns:1fr}.trust-item,.trust-item:nth-child(2n){border-right:0;border-bottom:1px solid var(--line)}.trust-item:last-child{grid-column:auto;border-bottom:0}.section-head{display:block}.section-head p{margin-top:18px}.grid-4,.grid-3,.grid-2,.split,.footer-grid,.passport,.upload-studio{grid-template-columns:1fr}.page-hero{padding-top:55px}.page-hero h1{font-size:3.2rem}.page-media{min-height:430px}.duo img{min-height:430px}.cta-band{display:block;padding:30px}.cta-band .btn{margin-top:25px}.form-row{grid-template-columns:1fr}.countdown{grid-template-columns:repeat(2,1fr)}section{padding:76px 0}}
@media(max-width:480px){.hero-copy h1,.page-hero h1{font-size:2.78rem}.hero-art{grid-template-columns:1fr}.art-card{min-height:440px}.hero-buttons .btn{width:100%}.stars{align-items:flex-start}.duo{grid-template-columns:1fr}.duo>div+div{border-left:0;border-top:1px solid var(--line)}.duo img{min-height:350px}.page-media{min-height:700px}}

/* ===== PONCHI commerce flow ===== */
.cart-link{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 15px;border:1px solid var(--line);border-radius:11px;color:#fff;font-weight:800;background:#07111b}
.cart-link:hover{border-color:#63717e;transform:translateY(-1px)}
.cart-link.has-items{border-color:rgba(72,215,232,.6);box-shadow:0 0 0 1px rgba(72,215,232,.08),0 12px 35px rgba(0,0,0,.18)}
.cart-count{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:var(--red);font-size:.76rem}
.commerce-hero{padding:64px 0 32px}.commerce-hero h1{font-size:clamp(3rem,5.6vw,5.65rem);line-height:1.02;letter-spacing:-.06em;margin:20px 0;max-width:12ch}.commerce-hero p{font-size:1.16rem;color:var(--muted);max-width:720px}
.order-wizard{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:28px;align-items:start;padding:25px 0 90px}
.tech-panel,.config-panel,.cart-panel,.checkout-panel{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(13,25,37,.94),rgba(5,12,19,.96));box-shadow:var(--shadow)}
.tech-panel{overflow:hidden}.tech-head{display:flex;justify-content:space-between;gap:20px;padding:21px 24px;border-bottom:1px solid var(--line)}.tech-head strong{font-size:1rem}.tech-head .mono{color:var(--cyan);font-size:.75rem}
.tech-stage{min-height:570px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,rgba(72,215,232,.08),transparent 44%),#040a10;overflow:hidden}
.tech-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#040a10}.drop-core{position:relative;z-index:2;text-align:center;max-width:450px;padding:38px}.drop-core .upload-orb{width:90px;height:90px;border-radius:26px;margin:0 auto 22px;display:grid;place-items:center;background:linear-gradient(145deg,var(--red),#ff6f50);box-shadow:0 20px 70px rgba(242,38,45,.23);font-size:2.45rem}.drop-core h2{font-size:2rem;margin:0 0 10px}.drop-core p{color:var(--muted);margin:0 0 24px}.tech-stage.drag{outline:2px dashed var(--cyan);outline-offset:-14px;background:rgba(72,215,232,.06)}
.scan-layer{position:absolute;inset:0;z-index:4;display:none;background:rgba(2,7,13,.78);backdrop-filter:blur(5px);padding:30px}.scan-layer.show{display:flex;flex-direction:column;justify-content:flex-end}.scan-line{position:absolute;left:4%;right:4%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 25px var(--cyan);animation:scanMove 1.6s ease-in-out infinite alternate}@keyframes scanMove{from{top:8%}to{top:88%}}
.scan-console{border:1px solid var(--line);background:rgba(3,9,15,.9);border-radius:16px;padding:20px}.scan-title{display:flex;justify-content:space-between;gap:14px;align-items:center}.scan-title h3{margin:0}.scan-title span{font:.75rem ui-monospace,monospace;color:var(--cyan)}.progress-track{height:10px;background:#111d28;border-radius:999px;overflow:hidden;margin:18px 0 12px}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--red),var(--gold),var(--cyan));transition:width .32s ease}.scan-log{display:grid;gap:8px;font:.76rem ui-monospace,monospace;color:#94a6b5}.scan-log div{display:flex;justify-content:space-between;gap:10px}.scan-log .done{color:var(--green)}
.config-panel{position:sticky;top:116px;padding:25px}.config-panel h2{font-size:1.65rem;margin:0 0 8px}.config-panel>p{color:var(--muted);margin:0 0 22px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field-grid .full{grid-column:1/-1}.compact-label{display:block;font-size:.78rem;color:var(--muted);font-weight:750}.compact-label input{margin-top:6px}
.stage-status{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.stage-chip{padding:10px 8px;text-align:center;border:1px solid var(--line);border-radius:10px;color:var(--dim);font:.68rem ui-monospace,monospace}.stage-chip.active{color:#fff;border-color:var(--cyan);background:rgba(72,215,232,.08)}.stage-chip.done{color:var(--green);border-color:rgba(83,210,120,.35)}
.edition-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:17px}.edition-card{position:relative;border:1px solid var(--line);border-radius:15px;background:#07111b;padding:17px;cursor:pointer;transition:.2s}.edition-card:hover{transform:translateY(-2px);border-color:#52616e}.edition-card.selected{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(72,215,232,.28),0 18px 45px rgba(0,0,0,.18)}.edition-card input{position:absolute;opacity:0}.edition-badge{display:inline-flex;font:.65rem ui-monospace,monospace;letter-spacing:.1em;color:var(--gold);margin-bottom:9px}.edition-card h3{margin:0;font-size:1rem}.edition-card .edition-tagline{font-size:.78rem;color:var(--muted);margin:4px 0 12px}.edition-price{font-size:1.65rem;font-weight:900}.edition-card ul{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:7px}.edition-card li{font-size:.76rem;color:#c9d1d8;display:flex;gap:7px}.edition-card li::before{content:'✓';color:var(--green);font-weight:900}.edition-card .nfc-flag{display:inline-flex;gap:5px;align-items:center;margin-top:12px;font:.66rem ui-monospace,monospace;color:var(--cyan)}
.action-stack{display:grid;gap:10px;margin-top:20px}.btn.wide{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}.secure-note{display:flex;gap:10px;margin-top:14px;color:var(--dim);font-size:.76rem}.secure-note strong{color:var(--muted)}
.cart-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.65fr);gap:28px;padding:60px 0 95px}.cart-panel,.checkout-panel{padding:28px}.cart-empty{text-align:center;padding:70px 20px}.cart-empty h1{font-size:2.5rem}.cart-item{display:grid;grid-template-columns:170px 1fr;gap:22px;border-bottom:1px solid var(--line);padding-bottom:24px}.cart-thumb{aspect-ratio:1/1;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#040a10}.cart-thumb img{width:100%;height:100%;object-fit:contain}.cart-meta h2{margin:0 0 5px}.cart-meta p{margin:0;color:var(--muted)}.cart-price{font-size:2rem;font-weight:900;margin-top:18px}.cart-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.summary-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.summary-row.total{font-size:1.2rem;font-weight:900;border-bottom:0;padding-top:20px}.checkout-panel h2{margin-top:0}.checkout-panel .form{margin-top:20px}.consent-list{display:grid;gap:12px;margin:18px 0}.consent{display:grid;grid-template-columns:22px 1fr;gap:10px;color:#d1d8de;font-size:.85rem}.consent input{width:18px;height:18px;margin:2px 0 0;padding:0}.checkout-status{display:none;margin-top:16px;border:1px solid var(--line);border-radius:12px;padding:15px;background:#06101a;font:.78rem ui-monospace,monospace;color:var(--cyan)}.checkout-status.show{display:block}.checkout-status.error{color:#ff9b9f;border-color:rgba(242,38,45,.45)}
.payment-gate{display:none;margin-top:17px;padding:16px;border-radius:12px;border:1px solid rgba(255,176,39,.4);background:rgba(255,176,39,.07);color:#e8d4a6;font-size:.86rem}.payment-gate.show{display:block}.setup-code{display:block;margin-top:10px;padding:10px;border-radius:8px;background:#02070d;color:var(--cyan);font:.72rem ui-monospace,monospace;overflow-wrap:anywhere}
.success-shell{max-width:800px;margin:80px auto;text-align:center;padding:44px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--shadow)}.success-orb{width:100px;height:100px;border-radius:30px;margin:0 auto 24px;display:grid;place-items:center;background:rgba(83,210,120,.12);border:1px solid rgba(83,210,120,.45);color:var(--green);font-size:3rem}.success-shell h1{font-size:3.2rem;margin:0}.success-shell p{color:var(--muted);font-size:1.05rem}.order-ref{display:inline-flex;margin:18px 0;padding:9px 13px;border:1px solid var(--line);border-radius:8px;font:.8rem ui-monospace,monospace;color:var(--cyan)}
@media(max-width:1050px){.order-wizard,.cart-layout{grid-template-columns:1fr}.config-panel{position:static}.tech-stage{min-height:520px}}
@media(max-width:700px){.commerce-hero h1{font-size:3rem}.edition-grid,.field-grid{grid-template-columns:1fr}.field-grid .full{grid-column:auto}.stage-status{grid-template-columns:repeat(2,1fr)}.cart-item{grid-template-columns:1fr}.cart-thumb{max-width:230px}.tech-stage{min-height:460px}.config-panel,.cart-panel,.checkout-panel{padding:20px}}


/* ===== Navigation icons, account, checkout, FAQ and gift cards ===== */
.nav-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.account-link{display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:800;padding:10px 4px}
.account-link:hover{color:var(--cyan)}
.cart-label{display:inline}
.shipping-callout{margin:18px 0;padding:16px;border:1px solid rgba(72,215,232,.3);border-radius:14px;background:rgba(72,215,232,.06)}
.shipping-callout strong{display:block;color:#fff;margin-bottom:5px}.shipping-callout p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.55}
.discount-box{margin:18px 0}.discount-row{display:grid;grid-template-columns:1fr auto;gap:10px}.discount-message{min-height:20px;margin-top:7px;color:var(--muted);font-size:.78rem}.discount-message.good{color:var(--green)}.discount-message.bad{color:#ff9b9f}
.payment-options{display:grid;gap:10px;margin-top:18px}.payment-option{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border:1px solid var(--line);border-radius:12px;background:#07111b;color:#fff;font-weight:850}.payment-option:hover{border-color:var(--cyan)}.payment-option.paypal{background:#0879c9;border-color:#0879c9}.payment-option.stripe{background:#635bff;border-color:#635bff}.payment-option[aria-disabled="true"]{opacity:.48;cursor:not-allowed}.payment-note{font-size:.75rem;color:var(--dim);line-height:1.55}
.delivery-legal{margin:18px 0;padding:15px;border-left:3px solid var(--gold);background:rgba(255,176,39,.06);font-size:.79rem;color:#c9d1d8;line-height:1.6}
.faq-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.faq-tabs a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;color:#fff;font-weight:800}.faq-tabs a:hover{border-color:var(--cyan)}.faq-group{padding-top:35px}.faq-group h2{margin-bottom:18px}.faq-group details{border:1px solid var(--line);border-radius:14px;background:#07111b;margin:10px 0;padding:0 18px}.faq-group summary{cursor:pointer;font-weight:850;padding:18px 32px 18px 0}.faq-group details p{color:var(--muted);padding:0 0 18px;margin:0;line-height:1.7}
.auth-shell{max-width:620px;margin:60px auto 100px;padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--shadow)}.auth-shell h1{margin-top:0}.auth-step{display:none}.auth-step.active{display:block}.verification-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.verification-choice label{border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer}.verification-choice label:has(input:checked){border-color:var(--cyan);background:rgba(72,215,232,.07)}.verification-choice input{width:auto;margin-right:8px}.auth-status{margin-top:14px;font-size:.82rem;color:var(--muted)}.auth-status.error{color:#ff9b9f}.auth-status.good{color:var(--green)}
.gift-layout{display:grid;grid-template-columns:1fr .8fr;gap:28px;padding:30px 0 90px}.gift-preview,.gift-form{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,var(--panel2),var(--panel));padding:28px}.gift-card-art{min-height:310px;border-radius:18px;padding:30px;background:linear-gradient(135deg,#fff8e7,#ffd7df);color:#19202a;display:flex;flex-direction:column;justify-content:space-between}.gift-card-art strong{font-size:2.1rem}.gift-value{font-size:3rem;font-weight:950}.gift-values{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gift-values label{display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;padding:13px;cursor:pointer;font-weight:850}.gift-values label:has(input:checked){border-color:var(--cyan);background:rgba(72,215,232,.08)}.gift-values input{position:absolute;opacity:0}
@media(max-width:980px){.gift-layout{grid-template-columns:1fr}.account-link span,.cart-label{display:none}}
@media(max-width:600px){.verification-choice,.gift-values{grid-template-columns:1fr 1fr}.nav-actions{gap:7px}.cart-link{padding:0 10px}}
a.btn[href*="verify"],a.btn[href*="verify"][aria-current="page"]{background:#37D67A!important;border-color:#37D67A!important;color:#fff!important;box-shadow:0 12px 30px rgba(55,214,122,.22)}
a.btn[href*="verify"]:hover{background:#2fc46e!important;border-color:#2fc46e!important}
a.btn[href*="verify"][aria-current="page"]::after{display:none}
/* FIX_MOBILE_NAV_ORDER — cleaned */
@media(max-width:780px){.site-header.open{background:#050c13}.site-header.open .nav{height:auto!important;flex-wrap:wrap;align-items:center;padding-bottom:18px}.site-header.open .nav-links{position:static!important;top:auto!important;flex:1 1 100%;order:5;flex-direction:column;align-items:flex-start;background:transparent!important;border:0!important;padding:16px 0 0!important;gap:13px}.site-header.open .nav-actions{display:none!important}.site-header.open ~ #pw-sticky,.site-header.open ~ #pw-tab,.site-header.open ~ #pw-chat-fab,.site-header.open ~ #pw-chat,.site-header.open ~ #pw-cookie,body:has(.site-header.open) #pw-sticky,body:has(.site-header.open) #pw-tab,body:has(.site-header.open) #pw-chat-fab,body:has(.site-header.open) #pw-cookie{display:none!important}}
/* ===== PONCHI mobile header restructure (mobile only; desktop unchanged) ===== */
.nav-dp-mobile{display:none}
@media(max-width:780px){
  .site-header .nav{flex-wrap:wrap;align-items:center;column-gap:14px}
  .site-header .menu-btn{display:block;order:1;margin:0 2px 0 0}
  .site-header .account-link{order:2;display:inline-flex;padding:8px 4px}
  .site-header .account-link span{display:none}
  .site-header .cart-link{order:3;display:inline-flex;padding:0 10px;gap:6px}
  .site-header .cart-link .cart-label{display:none}
  .site-header .brand{order:4;margin-left:auto}
  .site-header .nav-links{order:5;flex:1 1 100%}
  .site-header.open .nav-links{display:flex;position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:flex-start;background:#050c13;border-bottom:1px solid var(--line);padding:22px 28px;gap:14px;z-index:120}
  .site-header .nav-links .nav-dp-mobile{display:inline-flex;margin-top:4px}
  .site-header .nav-actions,.site-header.open .nav-actions{display:none!important}
}
/* ==========================================================================
   MOBILE TYPE SCALE
   Measured on a 375px viewport before this block: h1 44px, h2 38px, section
   padding 105px. Those are desktop proportions surviving onto a phone, which
   is why the site read as "too big" and invited a pinch-zoom out — the page
   never overflowed (scrollWidth == viewport), the type was just outsized.

   Headings here are set in vw-aware clamps with genuinely small minimums, so
   they shrink on a 360px phone instead of bottoming out at a desktop size.
   Desktop and tablet are untouched.
   ========================================================================== */
@media(max-width:600px){
  .hero-copy h1,
  .page-hero h1,
  .commerce-hero h1{font-size:clamp(1.95rem,8.4vw,2.35rem);line-height:1.1;letter-spacing:-.03em;max-width:none}
  .hero-copy p,
  .page-hero p{font-size:1.02rem;line-height:1.6}

  .section-head h2,
  .split-copy h2,
  .cta-band h2{font-size:clamp(1.6rem,6.8vw,2rem);line-height:1.15;letter-spacing:-.025em;max-width:none}
  .section-head p{font-size:.98rem;line-height:1.6}

  .card h3{font-size:1.06rem}
  .card p,.trust-item p{font-size:.92rem;line-height:1.55}

  /* 105px of air between sections is a desktop rhythm; on a phone it just
     means more scrolling between ideas. */
  section{padding:60px 0}
  .hero{padding:44px 0 26px;min-height:0}
  .section-head{margin-bottom:26px;gap:14px}
  .trust-strip{margin:18px 0 46px}
  .container{width:min(var(--max),calc(100% - 34px))}
}

@media(max-width:380px){
  .hero-copy h1,.page-hero h1,.commerce-hero h1{font-size:1.85rem}
  .section-head h2,.split-copy h2,.cta-band h2{font-size:1.45rem}
}

/* ── Headline gradient ──────────────────────────────────────────────────────
   One or two words per heading, never more — it stops being an accent and
   starts being decoration. Solid colour is declared FIRST so that a browser
   without background-clip:text renders orange text rather than nothing.
   The padding/margin pair on the right compensates for the final glyph's side
   bearing, which background-clip shears off. */
h1 .grad, h2 .grad, h3 .grad{
  font-style:normal;
  color:#FF7A1A;
  display:inline-block;
  padding:0 .07em .04em 0;
  margin:0 -.07em -.04em 0;
  background:linear-gradient(100deg,#FF6A00 0%,#F5197F 28%,#8B2FE0 58%,#2BA8E8 82%,#48D7E8 100%);
  -webkit-background-clip:text;
          background-clip:text;
  -webkit-text-fill-color:transparent;
}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  h1 .grad, h2 .grad, h3 .grad{background:none;-webkit-text-fill-color:currentColor}
}
