.cx-digital-page{--dg-bg:#071723;--dg-panel:#0c2331;--dg-line:rgba(113,204,205,.2);--dg-cyan:#7ce4dd;--dg-gold:#e8be79;max-width:1460px;margin:0 auto;padding:0 0 5rem;color:#f2f8f7}
.cx-digital-page *{box-sizing:border-box}
.cx-digital-page h1,.cx-digital-page h2,.cx-digital-page h3,.cx-digital-page p{margin-top:0}
.cx-digital-page p{line-height:1.65;color:#b8cbd0}
.cx-digital-kicker{display:inline-block;color:var(--dg-cyan);font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.cx-digital-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:2rem;align-items:center;min-height:470px;margin:0 0 3rem;padding:clamp(2rem,5vw,5rem);border:1px solid var(--dg-line);border-radius:30px;background:radial-gradient(circle at 82% 20%,rgba(49,160,162,.22),transparent 36%),linear-gradient(120deg,#071923,#102b37 70%,#0a202c);box-shadow:0 28px 70px rgba(0,0,0,.21)}
.cx-digital-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 95%,rgba(124,228,221,.07) 96%),linear-gradient(90deg,transparent 95%,rgba(124,228,221,.07) 96%);background-size:36px 36px;opacity:.36;pointer-events:none}
.cx-digital-hero-copy{position:relative;z-index:1;max-width:650px}
.cx-digital-hero h1{margin:.7rem 0 .4rem;font-size:clamp(2.35rem,5vw,5rem);line-height:.97;letter-spacing:-.055em;text-wrap:balance;color:#fff}
.cx-digital-hero h2{font-size:clamp(1rem,1.8vw,1.35rem);font-weight:500;letter-spacing:.04em;color:var(--dg-gold)}
.cx-digital-hero p{max-width:58ch;margin:1.5rem 0 2rem;font-size:1rem}
.cx-digital-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.cx-digital-page .btn{min-height:42px;text-decoration:none}
.cx-digital-page .cx-digital-hero-actions .btn{display:inline-flex;flex:1 1 210px;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border:1px solid #38cfff;border-radius:12px;font-weight:800;letter-spacing:.035em;line-height:1.35;text-align:center;text-decoration:none;text-transform:uppercase;transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s}
.cx-digital-page .cx-digital-hero-actions .btn.primary{background:#38cfff;border-color:#38cfff;color:#03121c}
.cx-digital-page .cx-digital-hero-actions .btn.ghost{background:#081a26;border-color:#38cfff;color:#e5f5ff}
.cx-digital-page .cx-digital-hero-actions .btn:hover{background:#73e3ff;border-color:#73e3ff;color:#03121c;text-decoration:none;transform:translateY(-1px)}
.cx-digital-page .cx-digital-hero-actions .btn:focus-visible{outline:3px solid #baf5ff;outline-offset:3px;box-shadow:0 0 0 6px #38cfff24}
.cx-digital-purchase{display:block;margin-top:1.75rem;color:var(--dg-cyan);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.cx-digital-visual{position:relative;z-index:1;display:grid;place-items:center;min-height:310px}
.cx-digital-visual:before,.cx-digital-visual:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(124,228,221,.19);border-radius:28px;transform:rotate(20deg)}
.cx-digital-visual:after{width:220px;height:220px;transform:rotate(-25deg);border-color:rgba(232,190,121,.3)}
.cx-digital-orbit{z-index:1;display:grid;place-items:center;align-content:center;width:215px;height:215px;border:1px solid rgba(124,228,221,.55);border-radius:50%;background:radial-gradient(circle,#173948,#08212e 68%);box-shadow:0 0 65px rgba(77,204,197,.2),inset 0 0 30px rgba(77,204,197,.17)}
.cx-digital-orbit span{font-size:.92rem;font-weight:900;letter-spacing:.35em}
.cx-digital-orbit b{font-size:5.5rem;line-height:1;color:var(--dg-gold);font-weight:700}
.cx-digital-orbit small{font-size:.58rem;letter-spacing:.24em;color:var(--dg-cyan)}
.cx-digital-visual>i{position:absolute;bottom:-.1rem;font-size:.57rem;letter-spacing:.28em;color:#75b7be;font-style:normal}
.cx-digital-return{padding:1rem 1.2rem;border:1px solid var(--dg-line);border-radius:12px;background:#10323d}
.cx-digital-section{margin:0 0 4rem;scroll-margin-top:1.5rem}
.cx-digital-section>header{max-width:770px;margin-bottom:1.5rem}
.cx-digital-section h2{margin:.35rem 0 .7rem;font-size:clamp(1.8rem,3vw,2.75rem);line-height:1.1;letter-spacing:-.035em;color:#f7fbfa}
.cx-digital-section>header p{margin:0}
.cx-digital-axes,.cx-digital-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.cx-digital-axes article,.cx-digital-steps article{min-width:0;padding:1.6rem;border:1px solid var(--dg-line);border-radius:18px;background:linear-gradient(145deg,#0d2935,#09202c)}
.cx-digital-axes article>span{display:block;margin-bottom:2.5rem;color:var(--dg-gold);font-size:.75rem}
.cx-digital-axes h3,.cx-digital-steps h3{margin:0 0 .6rem;color:#f2f8f7;font-size:1.18rem}
.cx-digital-axes p,.cx-digital-steps p{margin:0}
.cx-digital-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:1rem;align-items:start}
.cx-digital-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.cx-digital-card{display:flex;flex-direction:column;min-width:0;min-height:315px;padding:1.4rem;border:1px solid var(--dg-line);border-radius:18px;background:linear-gradient(160deg,#102b39,#0a1f2b);transition:transform .2s,border-color .2s}
.cx-digital-card:hover{transform:translateY(-3px);border-color:rgba(124,228,221,.48)}
.cx-digital-card-top{display:flex;justify-content:space-between;align-items:start;gap:.6rem;margin-bottom:1.5rem}
.cx-digital-glyph{display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(232,190,121,.35);border-radius:12px;color:var(--dg-gold);font-weight:800}
.cx-digital-status{padding:.3rem .55rem;border-radius:20px;background:rgba(232,190,121,.11);color:var(--dg-gold);font-size:.67rem;font-weight:800;white-space:nowrap}
.cx-digital-axis{font-size:.67rem;letter-spacing:.11em;text-transform:uppercase;color:var(--dg-cyan);font-weight:700}
.cx-digital-card h3{margin:.45rem 0 .5rem;color:#fff;font-size:1.35rem}
.cx-digital-card p{margin-bottom:1.3rem}
.cx-digital-card-bottom{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-top:auto}
.cx-digital-card-bottom strong{display:block;color:#fff;font-size:1.25rem}
.cx-digital-card-bottom small{display:block;max-width:125px;margin-top:.25rem;color:#92adb5;font-size:.68rem;line-height:1.3}
.cx-digital-card-bottom>div:last-child{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:end}
.cx-digital-card-bottom .btn{font-size:.72rem;padding:.55rem .7rem}
.cx-digital-cart{position:sticky;top:1rem;min-width:0;padding:1.4rem;border:1px solid rgba(232,190,121,.35);border-radius:18px;background:#0e2834;box-shadow:0 20px 40px rgba(0,0,0,.15)}
.cx-digital-cart h3{font-size:1.2rem;color:#fff}
.cx-digital-cart ul{list-style:none;margin:0;padding:0}
.cx-digital-cart li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--dg-line);font-size:.82rem}
.cx-digital-cart li span{overflow-wrap:anywhere}.cx-digital-cart li strong{white-space:nowrap}
.cx-digital-cart li button{border:0;background:transparent;color:var(--dg-gold);font-size:1.4rem;cursor:pointer}
#cx-digital-cart-summary{padding:1rem 0;color:#fff;font-weight:700}
#cx-digital-cart-notice{font-size:.78rem;line-height:1.45}
#cx-digital-checkout{width:100%}
#cx-digital-checkout:disabled{opacity:.55;cursor:not-allowed}
.cx-digital-prepay{max-height:300px;overflow:auto;margin-bottom:1rem;padding:.8rem;border:1px solid var(--dg-line);border-radius:10px;background:#09202b;font-size:.76rem}
.cx-digital-prepay p{font-size:.76rem;margin:.5rem 0}.cx-digital-prepay a{color:var(--dg-cyan)}
.cx-digital-prepay label{display:flex;gap:.5rem;align-items:start;color:#fff}
.cx-digital-prepay input{margin-top:.25rem}
.cx-digital-pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.cx-digital-pack{display:flex;flex-direction:column;min-width:0;min-height:260px;padding:1.8rem;border:1px solid rgba(232,190,121,.3);border-radius:20px;background:radial-gradient(circle at 90% 15%,rgba(232,190,121,.1),transparent 45%),#0e2734}
.cx-digital-pack-index{font-size:.7rem;letter-spacing:.18em;color:var(--dg-gold);font-weight:800}
.cx-digital-pack h3{margin:1rem 0 .4rem;color:#fff;font-size:1.65rem}
.cx-digital-pack-components{font-size:.76rem}
.cx-digital-pack>strong{margin-top:auto;color:var(--dg-gold)}
.cx-digital-pack>div{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.cx-digital-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.cx-digital-faq{max-width:900px}.cx-digital-faq details{border-bottom:1px solid var(--dg-line);padding:1rem .2rem}
.cx-digital-faq summary{color:#f2f8f7;font-weight:700;cursor:pointer}.cx-digital-faq details p{margin:.7rem 0 .2rem}
.cx-digital-dialog{width:min(560px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;padding:2rem;border:1px solid var(--dg-line);border-radius:20px;background:#0c2531;color:#fff;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.cx-digital-dialog::backdrop{background:rgba(0,10,18,.76)}.cx-digital-dialog h2{margin:.5rem 0 1rem;color:#fff}
.cx-digital-payment-dialog{width:min(640px,calc(100vw - 2rem));padding:1.25rem}
#cx-digital-payment-content{display:grid;gap:.75rem;min-width:0}
#cx-digital-payment-content>h2,#cx-digital-payment-content>p,#cx-digital-payment-content>ul{margin:0}
#cx-digital-payment-content>ul{padding-left:1.2rem}
.cx-digital-payment-dialog .cx-digital-qr{display:block;width:min(180px,100%);height:auto;margin:.1rem auto;background:#fff;border-radius:8px}
#cx-digital-payment-content>p{line-height:1.5;overflow-wrap:anywhere}
#cx-digital-payment-content code{overflow-wrap:anywhere;word-break:break-word}
#cx-digital-billing{display:grid;gap:.65rem;margin:0}
#cx-digital-billing h3{margin:0;color:#fff;font-size:1rem}
.cx-digital-billing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.cx-digital-billing-grid label{display:grid;gap:.3rem;min-width:0;color:#cfe2e4;font-size:.78rem;line-height:1.3}
.cx-digital-billing-grid input,.cx-digital-billing-grid select{width:100%;min-width:0;min-height:40px;padding:.55rem .65rem;border:1px solid rgba(124,228,221,.28);border-radius:8px;background:#071923;color:#fff;font:inherit}
#cx-digital-quote-status{margin:0;font-size:.78rem}
#cx-digital-quote-breakdown{padding:.7rem;border:1px solid var(--dg-line);border-radius:10px;background:#09202b}
#cx-digital-quote-breakdown h3{margin:0 0 .35rem;font-size:.92rem;color:#fff}
#cx-digital-quote-breakdown p{margin:0;font-size:.82rem}
#cx-digital-declare{width:100%;min-height:44px}
#cx-digital-payment-close{width:100%;margin-top:.65rem}
@media(max-width:1100px){.cx-digital-layout{grid-template-columns:1fr}.cx-digital-cart{position:static}.cx-digital-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.cx-digital-page{padding:0 .25rem 3rem}.cx-digital-hero{grid-template-columns:1fr;padding:2rem 1.3rem;gap:.5rem;border-radius:20px}.cx-digital-visual{min-height:210px}.cx-digital-orbit{width:160px;height:160px}.cx-digital-orbit b{font-size:4rem}.cx-digital-visual:before{width:200px;height:200px}.cx-digital-visual:after{width:170px;height:170px}.cx-digital-grid,.cx-digital-pack-grid,.cx-digital-axes,.cx-digital-steps{grid-template-columns:1fr}.cx-digital-card{min-height:275px}.cx-digital-card-bottom{align-items:start;flex-direction:column}.cx-digital-card-bottom>div:last-child{justify-content:start}.cx-digital-section{margin-bottom:3rem}}
@media(max-width:560px){.cx-digital-payment-dialog{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);padding:1rem}.cx-digital-billing-grid{grid-template-columns:1fr}.cx-digital-payment-dialog .cx-digital-qr{width:min(160px,100%)}}
@media(max-width:720px){.cx-digital-page .cx-digital-hero-actions{display:grid;grid-template-columns:1fr}.cx-digital-page .cx-digital-hero-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.cx-digital-card,.cx-digital-page .cx-digital-hero-actions .btn{transition:none}}
