/* Digital Paark1 CMS – public pages. Colours come from Brand Settings (CSS variables set in <head>). */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff;background:var(--bg-dark);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--accent-light)}a:hover{color:#fff}
h1,h2,h3{margin:0}
.site{min-height:100vh;background:radial-gradient(ellipse at 80% 0%,var(--bg-light) 0%,var(--bg) 30%,var(--bg-dark) 75%)}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.wrap.narrow{max-width:860px}
.gold{color:var(--accent)}
.white{color:#fff}
.muted{color:#b9cdc5;font-size:16px;line-height:1.6}
.muted.sm,.sm{font-size:14px}
.small-text{font-size:14px}
.body{font-size:17px;line-height:1.5;color:#e6f0ec}
.grow{flex:1;min-width:0}
.inline{display:inline-flex;align-items:center;gap:8px}
.col-gap{display:flex;flex-direction:column;gap:10px}
.center-col{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.mb{margin-bottom:14px}

/* topbar */
.topbar{background:linear-gradient(90deg,#b8861b,var(--accent-light),#b8861b);color:var(--bg-dark);padding:10px 0}
.topbar-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;text-align:center}
.topbar-text{font-size:15px;font-weight:800;letter-spacing:.5px}
.timer{display:flex;gap:6px}
.tbox{min-width:54px;padding:4px 6px;border-radius:8px;background:var(--bg-dark);color:#fff;text-align:center}
.tbox b{display:block;font-size:20px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
.tbox small{font-size:10px;color:var(--accent-light)}

/* brand header */
.brand-header{padding:22px 0 0}
.brand-row{display:flex;align-items:center;justify-content:center;gap:12px}
.brand-logo{width:52px;height:40px;object-fit:contain}
.brand-logo.sm{width:36px;height:28px}
.brand-name{font-size:20px;font-weight:800;letter-spacing:1.5px;color:var(--accent)}
.brand-row.small .brand-name{font-size:16px}

/* buttons */
.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:18px 34px;border-radius:999px;background:linear-gradient(180deg,var(--accent-light),var(--accent) 55%,#c9971c);color:var(--bg-dark)!important;font-weight:800;font-size:20px;text-decoration:none;box-shadow:0 10px 30px rgba(232,185,49,.35),inset 0 1px 0 rgba(255,255,255,.6);transition:transform .15s,box-shadow .15s;text-align:center}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(232,185,49,.45)}
.btn-gold.md{min-height:52px;padding:14px 26px;font-size:18px}
.btn-gold.sm{min-height:48px;padding:12px 22px;font-size:16px;align-self:flex-start}
.btn-outline{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:999px;border:2px solid var(--accent);color:var(--accent-light);font-weight:800;font-size:16px;text-decoration:none}
.btn-outline:hover{background:rgba(232,185,49,.12);color:#fff}
.btn-gold:focus-visible,.btn-outline:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* hero */
.hero{padding:56px 0 72px}
.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:48px;align-items:center}
.hero-copy{display:flex;flex-direction:column;gap:22px}
.pill{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid rgba(232,185,49,.5);background:rgba(232,185,49,.1);font-size:14px;font-weight:600;color:var(--accent-light)}
.pill.caps{align-self:center;letter-spacing:2px;font-weight:700}
.hero h1,.ty-hero h1{font-size:clamp(34px,5vw,54px);line-height:1.12;font-weight:800;letter-spacing:-.5px}
.lead{margin:0;font-size:19px;line-height:1.6;color:#b9cdc5}
.lead-sm{font-size:18px;max-width:640px;margin:0}
.checks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.checks li{display:flex;gap:12px;align-items:flex-start;font-size:17px;line-height:1.5;color:#e6f0ec}
.checks svg{flex:0 0 auto}
.price-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.price-row.center{justify-content:center}
.strike{font-size:28px;font-weight:700;color:#a9bdb5;text-decoration:line-through;text-decoration-color:#ef4444;text-decoration-thickness:3px}
.price-big{font-size:52px;font-weight:900;color:var(--accent);line-height:1}
.price-big.xl{font-size:60px}
.save{padding:6px 14px;border-radius:999px;background:#dc2626;color:#fff;font-size:14px;font-weight:800}
.mini-trust{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:#b9cdc5}
.mini-trust span{display:inline-flex;align-items:center;gap:6px}
.hero-img{width:100%;border-radius:20px;box-shadow:0 30px 60px rgba(0,0,0,.45)}

/* css mockup */
.mock{position:relative;height:440px;display:flex;align-items:center;justify-content:center}
.mock-glow{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(232,185,49,.28),transparent 70%)}
.mock-floor{position:absolute;bottom:30px;width:340px;height:34px;border-radius:50%;background:radial-gradient(ellipse,rgba(232,185,49,.55),transparent 70%)}
.mock-box{position:relative;width:250px;height:320px;border-radius:10px;background:linear-gradient(150deg,var(--bg-light),var(--bg-dark) 70%);border:2px solid var(--accent);box-shadow:18px 22px 0 -2px #062a1f,18px 22px 0 0 rgba(232,185,49,.6),0 30px 60px rgba(0,0,0,.5);transform:perspective(900px) rotateY(-14deg);display:flex;flex-direction:column;padding:26px 22px;gap:8px}
.mock-brand{display:flex;align-items:center;gap:8px}
.mock-brand img{width:26px;height:20px;object-fit:contain}
.mock-brand span{font-size:12px;font-weight:700;color:var(--accent-light);letter-spacing:1px}
.mock-title{margin-top:26px;font-size:44px;font-weight:900;line-height:1;letter-spacing:-1px}
.mock-sub{font-size:16px;font-weight:600;color:#d6e5df;line-height:1.3}
.mock-bars{margin-top:auto;display:flex;align-items:flex-end;gap:7px;height:90px}
.mock-bars i{width:26px;background:var(--accent);border-radius:4px 4px 0 0}
.mock-bars i:nth-child(1){opacity:.55}.mock-bars i:nth-child(2){opacity:.7}.mock-bars i:nth-child(3){opacity:.85}
.mock-tag{font-size:12px;font-weight:700;color:var(--accent-light);letter-spacing:1.5px}
.mock-laptop{position:absolute;left:4%;bottom:46px;width:190px}
.mock-laptop .scr{height:118px;border-radius:10px 10px 0 0;background:#04160f;border:6px solid #1c2b26;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.mock-laptop .base{height:10px;margin:0 -16px;border-radius:0 0 10px 10px;background:linear-gradient(#c8c8c8,#8a8a8a)}
.mock-laptop .mt{font-size:18px;font-weight:800}
.mock-phone{position:absolute;right:6%;bottom:52px;width:74px;height:140px;border-radius:14px;background:#04160f;border:4px solid #1c2b26;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.mock-phone .mt{font-size:11px;font-weight:800}

/* generic sections and cards */
.sec{padding:88px 0}
.sec.alt{background:rgba(0,0,0,.18)}
.sec-tight{padding:20px 0}
.trust{padding:0 0 24px}
.grid-auto{display:grid;gap:18px}
.grid-auto.tight{gap:12px}
.g240{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.g300{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.g320{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.g360{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}
.g440{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr))}
.card{background:rgba(255,255,255,.04);border:1px solid rgba(232,185,49,.35);border-radius:18px}
.card.pad{padding:26px}.card.pad-sm{padding:18px}
.row-card{display:flex;align-items:center;gap:14px;padding:18px 20px}
.row-card.top{align-items:flex-start}
.row-card svg,.col-card svg{flex:0 0 auto}
.col-card{display:flex;flex-direction:column;gap:12px}
.col-card.center{align-items:center;text-align:center;gap:8px}
.card-title{font-size:17px;font-weight:700;color:#fff;line-height:1.35}
.card-title.lg{font-size:20px;font-weight:800}
.sec-head{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;margin-bottom:36px}
.sec-head h2{font-size:clamp(28px,4vw,42px);line-height:1.2;font-weight:800;max-width:820px}
.sec-head p{margin:0;font-size:17px;line-height:1.6;color:#b9cdc5;max-width:680px}
.eyebrow{font-size:13px;letter-spacing:3px;text-transform:uppercase;font-weight:700;color:var(--accent)}
.bridge{margin-top:36px;padding:30px;border-radius:20px;background:linear-gradient(135deg,rgba(232,185,49,.18),rgba(232,185,49,.04));border:1px solid rgba(232,185,49,.55);text-align:center}
.bridge-title{font-size:clamp(22px,3vw,28px);font-weight:800;line-height:1.35}
.bridge p{margin:10px 0 0}

.roadmap{gap:26px 18px;padding-top:18px}
.phase{position:relative;padding-top:34px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.phase-num{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--bg-dark);font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:center}
.phase-title{font-size:20px;font-weight:800;color:var(--accent)}
.chip{font-size:13px;font-weight:700;color:var(--bg-dark);background:var(--accent-light);padding:4px 12px;border-radius:999px}
.chip.lg{font-size:15px;font-weight:800;padding:6px 16px}

.class-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(232,185,49,.22)}
.class-num{flex:0 0 auto;width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--bg-light),var(--bg-dark));border:1px solid rgba(232,185,49,.5);color:var(--accent);font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center}
.class-row svg{flex:0 0 auto}

.notfor{margin-top:22px;padding:22px 24px;border-radius:18px;border:1px dashed rgba(248,113,113,.6);background:rgba(248,113,113,.06)}
.notfor .card-title{margin-bottom:10px}

.offer-frame{max-width:920px;margin:0 auto;padding:4px;border-radius:28px;background:linear-gradient(135deg,var(--accent-light),var(--accent),#a87914)}
.offer{border-radius:24px;background:linear-gradient(160deg,var(--bg-light),var(--bg-dark));padding:40px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:36px;align-items:center}
.offer-left{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}
.offer-name{font-size:42px;font-weight:900;line-height:1}

.faq{display:flex;flex-direction:column;gap:12px}
.faq-item{border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(232,185,49,.3);overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;font-size:17px;font-weight:700}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item .chev{flex:0 0 auto;transition:transform .2s}
.faq-item[open] .chev{transform:rotate(180deg)}
.faq-a{padding:0 22px 20px;font-size:16px;line-height:1.65;color:#b9cdc5}
.help-line{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;font-size:16px;color:#b9cdc5;text-align:center;flex-wrap:wrap}

.final{padding:48px 28px;border-radius:28px;border:1px solid rgba(232,185,49,.6);background:radial-gradient(ellipse at 50% 0%,rgba(232,185,49,.22),transparent 65%),rgba(255,255,255,.03);display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.final h2,.final-h{font-size:clamp(28px,4.2vw,46px);line-height:1.2;font-weight:800;max-width:760px}
.final-logo{width:92px;height:71px;object-fit:contain}

/* footer + sticky */
.site-footer{padding:36px 0 40px;border-top:1px solid rgba(232,185,49,.2)}
.site-footer.has-sticky{padding-bottom:120px}
.footer-col{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.footer-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;font-size:14px}
.disclaimer{margin:0;font-size:12px;line-height:1.6;color:#93aaa1;max-width:760px}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:12px 0;background:rgba(3,32,26,.94);border-top:1px solid rgba(232,185,49,.45);backdrop-filter:blur(8px);transform:translateY(110%);transition:transform .3s}
.sticky.show{transform:none}
.sticky-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.sticky-price{display:flex;align-items:baseline;gap:10px}
.sticky-price b{font-size:18px}
.sticky-price s{font-size:16px;color:#a9bdb5}
.sticky-price span{font-size:24px;font-weight:900;color:var(--accent)}
.sticky-btn{flex:1 1 220px;max-width:360px}

/* thank you */
.ty-hero{padding:48px 0 36px}
.ty-check{position:relative;width:120px;height:120px}
.ty-glow{position:absolute;inset:-26px;border-radius:50%;background:radial-gradient(circle,rgba(232,185,49,.35),transparent 70%)}
.ty-circle{position:relative;width:120px;height:120px;border-radius:50%;background:linear-gradient(180deg,var(--accent-light),var(--accent) 60%,#b8861b);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 40px rgba(232,185,49,.4)}
.alert-box{padding:20px 24px;border-radius:18px;background:linear-gradient(135deg,rgba(232,185,49,.2),rgba(232,185,49,.05));border:1px solid rgba(232,185,49,.6);display:flex;align-items:center;gap:16px;font-size:17px;line-height:1.55}
.alert-box svg{flex:0 0 auto}
.steps{display:flex;flex-direction:column;gap:14px}
.step{display:flex;gap:18px;align-items:flex-start}
.step-num{flex:0 0 auto;width:52px;height:52px;border-radius:50%;background:var(--accent);color:var(--bg-dark);font-weight:900;font-size:20px;display:flex;align-items:center;justify-content:center}
.help-card{background:linear-gradient(160deg,var(--bg-light),var(--bg-dark));border-color:rgba(232,185,49,.55)}
.upsell{border-radius:24px;background:linear-gradient(160deg,var(--bg-light),var(--bg-dark));padding:36px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.upsell h2{font-size:clamp(26px,3.6vw,34px);font-weight:800}
.upsell-img{max-width:420px;border-radius:14px}

/* legal */
.legal h1{font-size:clamp(30px,4vw,42px);font-weight:800;margin-bottom:6px}
.legal-body{margin-top:24px;font-size:16px;line-height:1.75;color:#dbe7e2}
.legal-body h2{font-size:22px;margin:28px 0 8px;color:var(--accent)}
.legal-body h3{font-size:18px;margin:20px 0 6px}

@media (max-width:640px){
  .hero{padding:36px 0 48px}
  .sec{padding:60px 0}
  .mock{height:360px;transform:scale(.86)}
  .btn-gold{width:100%;font-size:18px;padding:16px 22px}
  .btn-gold.sm{width:auto}
  .offer{padding:28px 18px}
  .step{flex-direction:column}
  .sticky-row{justify-content:center}
  .sticky-price{display:none}
  .sticky-btn{max-width:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}