:root{--bg1:#0c2235;--bg2:#173754;--text:#f5f8fb;--muted:#c8d6e2;--soft:#9fb6c8;--shadow:0 28px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 50% 14%,rgba(155,210,255,.16),transparent 24%),linear-gradient(180deg,var(--bg1),var(--bg2));overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.10;background-image:radial-gradient(rgba(255,255,255,.85) .5px,transparent .7px);background-size:6px 6px}.wrap{width:min(1380px,calc(100% - 28px));margin:0 auto}.hero{text-align:center;padding:42px 0 44px}h1,h2{font-family:Georgia,serif;line-height:.95;letter-spacing:-.04em;margin:0}h1{font-size:clamp(56px,8vw,110px)}.story-block{max-width:980px;margin:18px auto 0}.subtitle-story{font-size:clamp(20px,2.15vw,30px);line-height:1.5}.story-lines{font-size:clamp(16px,1.45vw,22px);color:#e8eff5}.stats{margin-top:22px;color:#dde8f1;font-size:15px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.58);align-self:center}.map-stage{margin-top:18px;border-radius:34px;padding:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);box-shadow:var(--shadow)}.reveal-wrap{position:relative;border-radius:28px;overflow:hidden;background:#123653}.earth-layer{display:block;width:100%;height:auto;position:relative;z-index:1}.reveal-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.progress{margin-top:20px}.progress-title{font-family:Georgia,serif;font-size:clamp(28px,3.2vw,48px)}.progress-subtitle{margin-top:6px;color:var(--soft)}.bar{margin:16px auto 0;max-width:1040px;height:18px;position:relative;border-radius:999px;overflow:hidden;background:rgba(7,16,28,.58);border:1px solid rgba(255,255,255,.1)}.fill{height:100%;background:linear-gradient(90deg,#d8e85e,#8fd067);width:0}.glow{position:absolute;top:50%;left:0;width:22px;height:22px;transform:translate(-50%,-50%);border-radius:50%;background:#eaff98;box-shadow:0 0 20px #eaff98}.preview-panel,.panel{margin-top:18px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:18px}.preview-buttons{margin-top:12px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.preview-btn,.qty-pill,.sound-toggle{appearance:none;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#eaf1f7;border-radius:999px;padding:10px 14px;font:inherit;cursor:pointer}.preview-btn.active,.qty-pill.active{background:rgba(208,232,121,.14);border-color:rgba(215,235,126,.36)}.bottom-panels{margin-top:18px;display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.panel{text-align:left;padding:24px}.panel h2{font-size:clamp(34px,4vw,60px)}.count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.time-box{text-align:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px}.time-box strong{font-size:30px}.time-box span{display:block;font-size:11px;color:#a9bfd0}.quiet-tools{margin-top:18px;display:grid;gap:12px}.qty-list{margin-top:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.qty-pill{border-radius:14px}.price{text-align:center;margin-top:18px;font-size:clamp(24px,2.8vw,38px);font-weight:700}.buy{margin-top:16px;width:100%;border:0;border-radius:16px;padding:18px 22px;font-size:24px;font-weight:900;color:white;background:linear-gradient(180deg,#2ecae7,#0a89ad);cursor:pointer}.sound-toggle{width:100%;border-radius:14px}.secure{text-align:center;margin-top:10px;color:#d8e1e9;font-size:15px}.social-strip{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.social-link{text-decoration:none;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#d9e5ef;font-size:14px}.hidden{display:none}.site-footer{margin:24px auto 34px;padding:20px 0;border-top:1px solid rgba(255,255,255,.10);color:#cdd9e3;text-align:center}.footer-links{margin-top:10px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.footer-links a{color:#d9e5ef;text-decoration:none;font-size:14px}.success-box{max-width:1180px;margin:20px auto 48px}.success-card{text-align:center;border-radius:28px;padding:24px;background:rgba(11,26,41,.70);border:1px solid rgba(255,255,255,.10);box-shadow:var(--shadow)}.status-chip{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#dce7ef;font-size:14px}@media(max-width:900px){.bottom-panels{grid-template-columns:1fr}.count-grid{grid-template-columns:repeat(2,1fr)}}

.progress-percent{
  margin-top:10px;
  text-align:center;
  color:#dbe7ef;
  font-size:15px;
  letter-spacing:.04em;
}


/* content pages */
.content-page{
  max-width: 980px;
  margin: 42px auto 56px;
}
.content-card{
  border-radius: 30px;
  padding: clamp(26px, 4vw, 56px);
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: var(--shadow);
  color: #edf4f8;
}
.content-card h1{
  font-size: clamp(46px, 6vw, 82px);
  margin-bottom: 22px;
  text-align: center;
}
.content-card h2{
  font-size: clamp(28px, 3.2vw, 44px);
  margin-top: 34px;
  margin-bottom: 12px;
  letter-spacing: -.03em;
}
.content-card p{
  color: #d5e2eb;
  font-size: 18px;
  line-height: 1.78;
  margin: 14px 0;
}
.content-card ul{
  color: #d5e2eb;
  font-size: 18px;
  line-height: 1.78;
  padding-left: 24px;
}
.content-card li{
  margin: 8px 0;
}
.content-lead{
  font-size: 21px !important;
  color: #eef6fb !important;
  text-align: center;
  max-width: 780px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.back-line{
  margin-top: 34px;
  text-align: center;
}
.progress-percent{
  margin-top: 12px;
  text-align:center;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(28px, 3.4vw, 48px);
  font-weight: 700;
  letter-spacing: -.03em;
  color: #f0f7dc;
  text-shadow: 0 0 18px rgba(218,238,120,.28);
}

.activated-under-progress{
  margin-top: 7px;
  text-align: center;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(18px, 2vw, 28px);
  font-weight: 600;
  letter-spacing: -.02em;
  color: #dcebc0;
  text-shadow: 0 0 14px rgba(218,238,120,.18);
}
.purchase-price-note{
  margin-top: 12px;
  text-align: center;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(22px, 2.2vw, 34px);
  font-weight: 700;
  letter-spacing: -.03em;
  color: #f0f7dc;
  text-shadow: 0 0 16px rgba(218,238,120,.22);
}