/* ════════════════════════════════════════════════════════════
   АКАДЕМІК · ДИСЕРТАЦІЇ — premium PhD landing
   ════════════════════════════════════════════════════════════ */

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Source Sans 3',sans-serif;
  color:#0f172a;background:#f0f4fb;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

:root{
  --az:#2563eb; --cy:#0891b2; --sk:#0ea5e9; --dp:#1e40af;
  --tg:#2AABEE; --tg2:#229ED9;
  --gold:#fbbf24; --gold2:#f59e0b; --gold-d:#92400e;
  --td:#0f172a; --tm:#334155; --tl:#64748b; --tf:#94a3b8;
  --night:#0c1c3a; --night2:#152546;
}

/* ═══════════════ NAV (same as main site) ═══════════════ */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 48px;height:68px;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(24px) saturate(1.4);background:rgba(240,244,251,.75);border-bottom:1px solid rgba(37,99,235,.06);transition:all .4s}
.nav.scrolled{background:rgba(240,244,251,.96);box-shadow:0 4px 32px rgba(37,99,235,.06)}
.logo{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:700;color:var(--td);text-decoration:none;display:flex;align-items:center;gap:10px}
.logo i{width:36px;height:36px;background:linear-gradient(135deg,var(--az),var(--cy));border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:17px;color:#fff}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-a{color:var(--tl);text-decoration:none;font-size:14px;font-weight:500;padding:8px 16px;border-radius:8px;transition:all .25s}
.nav-a:hover{color:var(--td);background:rgba(37,99,235,.04)}
.nav-a.active{color:var(--gold-d);background:rgba(251,191,36,.1);font-weight:600}
.nav-r{display:flex;align-items:center;gap:8px}
.nav-soc{display:flex;align-items:center;gap:7px;margin-right:8px}
.soc{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;text-decoration:none;transition:transform .3s,box-shadow .3s}
.soc-tg{background:linear-gradient(135deg,#2AABEE,#229ED9)}
.soc-wa{background:linear-gradient(135deg,#25D366,#128C7E)}
.soc-vb{background:linear-gradient(135deg,#7360F2,#5b50d6)}
.soc:hover{transform:translateY(-2px) scale(1.07)}
.soc-tg:hover{box-shadow:0 6px 18px rgba(42,171,238,.45)}
.soc-wa:hover{box-shadow:0 6px 18px rgba(37,211,102,.45)}
.soc-vb:hover{box-shadow:0 6px 18px rgba(115,96,242,.45)}
.nav-cta{padding:8px 20px;background:linear-gradient(135deg,var(--gold),var(--gold2));border-radius:10px;color:#0c1c3a;text-decoration:none;font-size:14px;font-weight:700;transition:all .3s}
.nav-cta:hover{box-shadow:0 4px 18px rgba(251,191,36,.4);transform:translateY(-1px)}

/* ═══════════════ HERO ═══════════════ */
.d-hero{
  position:relative;min-height:100vh;
  display:flex;align-items:center;overflow:hidden;
  background:radial-gradient(ellipse 100% 100% at 50% 100%,#0c1c3a 0%,#0a1530 60%,#08102a 100%);
}
.d-hero-bg{position:absolute;inset:0;background:
  radial-gradient(ellipse 60% 50% at 15% 30%,rgba(37,99,235,.20),transparent 60%),
  radial-gradient(ellipse 50% 60% at 80% 20%,rgba(251,191,36,.10),transparent 55%),
  radial-gradient(ellipse 50% 50% at 50% 80%,rgba(8,145,178,.16),transparent 60%);
  pointer-events:none}
.d-hero-grid{position:absolute;inset:0;background-image:
  repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 100px),
  repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 100px);
  animation:gdrift 25s linear infinite;pointer-events:none}
@keyframes gdrift{to{transform:translate(100px,100px)}}

.hb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none}
.hb1{width:600px;height:600px;top:-12%;left:-6%;background:radial-gradient(circle,rgba(37,99,235,.35),transparent 70%);animation:hba 22s ease-in-out infinite}
.hb2{width:480px;height:480px;bottom:-5%;right:6%;background:radial-gradient(circle,rgba(251,191,36,.16),transparent 70%);animation:hbb 26s ease-in-out infinite}
.hb3{width:360px;height:360px;top:40%;left:48%;background:radial-gradient(circle,rgba(8,145,178,.22),transparent 70%);animation:hbc 18s ease-in-out infinite}
@keyframes hba{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(70px,50px) scale(1.12)}66%{transform:translate(-40px,70px) scale(.94)}}
@keyframes hbb{0%,100%{transform:translate(0,0)}33%{transform:translate(-60px,-40px) scale(1.06)}66%{transform:translate(50px,-60px) scale(1.12)}}
@keyframes hbc{0%,100%{transform:translate(0,0)}50%{transform:translate(35px,-45px) scale(1.18)}}

.beam{position:absolute;width:2px;background:linear-gradient(to bottom,transparent,rgba(251,191,36,.18),transparent);opacity:0;pointer-events:none}
.bm1{height:380px;top:8%;left:14%;transform:rotate(22deg);animation:bmf 7s ease-in-out infinite}
.bm2{height:280px;top:45%;left:7%;transform:rotate(-18deg);animation:bmf 9s ease-in-out 2.5s infinite}
.bm3{height:330px;top:15%;right:18%;transform:rotate(30deg);animation:bmf 8s ease-in-out 1s infinite}
@keyframes bmf{0%,100%{opacity:0}25%,75%{opacity:1}}

.g-letter{
  position:absolute;pointer-events:none;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;font-weight:700;
  color:rgba(251,191,36,.18);user-select:none;
}
.gl1{top:10%;left:5%;font-size:160px;animation:glf 14s ease-in-out infinite}
.gl2{bottom:14%;right:8%;font-size:140px;animation:glf 14s ease-in-out 4s infinite}
.gl3{top:50%;left:42%;font-size:120px;color:rgba(255,255,255,.08);animation:glf 14s ease-in-out 8s infinite}
@keyframes glf{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(3deg)}}

.deco{position:absolute;pointer-events:none;opacity:0}
.deco svg{width:100%;height:100%}
.dc1{width:42px;height:42px;top:18%;left:22%;animation:dflt 10s ease-in-out infinite}
.dc2{width:36px;height:36px;top:70%;left:14%;animation:dflt 12s ease-in-out 1.5s infinite}
.dc3{width:30px;height:30px;top:26%;right:30%;animation:dflt 9s ease-in-out 3s infinite}
@keyframes dflt{
  0%,100%{opacity:0;transform:translateY(0) rotate(0)}
  15%{opacity:.7}
  50%{opacity:.4;transform:translateY(-30px) rotate(60deg)}
  85%{opacity:.6}
  100%{opacity:0;transform:translateY(6px) rotate(120deg)}
}

.spark{position:absolute;width:3px;height:3px;border-radius:50%;background:#fbbf24;box-shadow:0 0 10px #fbbf24,0 0 20px rgba(251,191,36,.4);opacity:0;animation:spark 4s ease-in-out infinite}
.sp1{top:22%;left:32%;animation-delay:0s}
.sp2{top:34%;right:18%;animation-delay:1s}
.sp3{bottom:30%;left:18%;animation-delay:2s}
.sp4{top:62%;right:24%;animation-delay:3s}
@keyframes spark{0%,100%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.5)}}

.d-hero-inner{
  position:relative;z-index:2;
  max-width:1400px;width:100%;margin:0 auto;
  padding:120px 56px 80px;
  display:grid;grid-template-columns:1.15fr 1fr;
  align-items:center;gap:56px;
}

.d-hero-l{animation:henter 1.1s cubic-bezier(.16,1,.3,1) .15s both}
@keyframes henter{from{opacity:0;transform:translateY(55px)}to{opacity:1;transform:translateY(0)}}

.d-tier-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 16px;
  border:1px solid rgba(251,191,36,.32);
  background:rgba(251,191,36,.08);
  border-radius:40px;
  font-size:11px;font-weight:700;letter-spacing:2.5px;
  text-transform:uppercase;color:var(--gold);
  margin-bottom:24px;
  backdrop-filter:blur(4px);
}

.d-hero-l h1{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(46px,5.4vw,80px);
  font-weight:700;line-height:1.04;letter-spacing:-.5px;
  margin-bottom:22px;color:#fff;
}
.d-hero-l h1 span{display:block}
.hero-grad{
  background:linear-gradient(135deg,var(--gold) 0%,#fde68a 50%,var(--gold) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;background-size:200% 200%;
  animation:gsh 5s ease-in-out infinite;
}
@keyframes gsh{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

.d-hero-p{
  font-size:18px;line-height:1.7;color:rgba(255,255,255,.72);
  max-width:540px;margin-bottom:30px;font-weight:300;
}
.d-hero-p b{font-weight:600;color:#fff}

.d-hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}
.pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  border-radius:30px;
  font-size:13px;color:rgba(255,255,255,.85);font-weight:500;
  backdrop-filter:blur(6px);
}

.d-hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.d-btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:15px 28px;border-radius:14px;
  font-size:15px;font-weight:600;text-decoration:none;
  transition:all .4s cubic-bezier(.16,1,.3,1);
  position:relative;overflow:hidden;cursor:pointer;border:none;
}
.d-btn-gold{
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#0c1c3a;
  box-shadow:0 6px 24px rgba(251,191,36,.35);
}
.d-btn-gold::after{
  content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);
  transition:left .6s;
}
.d-btn-gold:hover{transform:translateY(-3px);box-shadow:0 10px 34px rgba(251,191,36,.5)}
.d-btn-gold:hover::after{left:100%}
.d-btn-glass{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  backdrop-filter:blur(6px);
}
.d-btn-glass:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}

.d-btn-tg{
  background:linear-gradient(135deg,#2AABEE,#229ED9);
  color:#fff;
  box-shadow:0 4px 18px rgba(42,171,238,.32);
  animation:tpulse 3.5s ease-in-out 2.5s infinite;
}
.d-btn-tg::after{
  content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  animation:shimmer 4.5s ease-in-out 1.5s infinite;
}
@keyframes shimmer{0%,100%{left:-100%}50%{left:100%}}
@keyframes tpulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px);box-shadow:0 8px 30px rgba(42,171,238,.5)}}
.d-btn-tg:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 36px rgba(42,171,238,.5)}
.d-btn-sub{font-size:11px;font-weight:400;opacity:.82;display:block;margin-top:1px}

/* Bust on the right */
.d-hero-r{position:relative;display:flex;justify-content:center;align-items:center;animation:henter2 1.1s cubic-bezier(.16,1,.3,1) .45s both}
@keyframes henter2{from{opacity:0;transform:translateY(55px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
.bust-wrap{position:relative;width:460px;height:460px}
.bust-glow{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:360px;height:360px;border-radius:50%;
  background:radial-gradient(circle,rgba(251,191,36,.22),rgba(37,99,235,.12) 50%,transparent 75%);
  filter:blur(40px);
  animation:sgp 4.5s ease-in-out infinite;
}
@keyframes sgp{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.18)}}

.bust-ring{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  border-radius:50%;pointer-events:none;
}
.r-a{width:380px;height:380px;border:1.5px solid rgba(251,191,36,.22);animation:rspin 28s linear infinite}
.r-a::before{content:'';position:absolute;top:-5px;left:50%;width:10px;height:10px;background:var(--gold);border-radius:50%;box-shadow:0 0 16px var(--gold);transform:translateX(-50%)}
.r-b{width:420px;height:420px;border:1px dashed rgba(255,255,255,.1);animation:rspin 40s linear infinite reverse}
.r-c{width:455px;height:455px;border:1px dotted rgba(251,191,36,.1);animation:rspin 60s linear infinite}
@keyframes rspin{to{transform:translate(-50%,-50%) rotate(360deg)}}

.bust-img{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:330px;height:330px;object-fit:cover;border-radius:50%;
  border:3px solid rgba(251,191,36,.28);
  box-shadow:0 12px 56px rgba(251,191,36,.18),0 0 0 10px rgba(251,191,36,.04);
  filter:contrast(1.1) brightness(.96);
  z-index:2;
}

.bust-laurel{
  position:absolute;top:8%;left:50%;transform:translateX(-50%);
  width:240px;height:96px;z-index:3;pointer-events:none;
  filter:drop-shadow(0 0 14px rgba(251,191,36,.4));
}
.bust-laurel svg{width:100%;height:100%}

.orb-d{position:absolute;border-radius:50%;top:calc(50% - 3px);left:calc(50% - 3px);z-index:3}
.ob-a{width:6px;height:6px;background:var(--gold);box-shadow:0 0 12px var(--gold);animation:o1 8s linear infinite}
.ob-b{width:4px;height:4px;background:var(--cy);box-shadow:0 0 10px var(--cy);animation:o2 12s linear infinite}
.ob-c{width:5px;height:5px;background:#fff;box-shadow:0 0 12px #fff;animation:o3 6s linear infinite reverse}
@keyframes o1{to{transform:rotate(360deg) translateX(200px)}}
@keyframes o2{to{transform:rotate(360deg) translateX(218px)}}
@keyframes o3{to{transform:rotate(360deg) translateX(185px)}}

/* ═══════════════ METRICS BAR ═══════════════ */
.d-metrics{
  position:relative;
  padding:70px 56px;
  background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 50%,#0c1c3a 100%);
  overflow:hidden;
}
.d-metrics-bg{position:absolute;inset:0;background:
  radial-gradient(circle at 15% 50%,rgba(255,255,255,.08),transparent 45%),
  radial-gradient(circle at 85% 50%,rgba(251,191,36,.08),transparent 45%);
  pointer-events:none}
.meander-gold{
  height:12px;
  background:
    linear-gradient(90deg,var(--gold) 25%,transparent 25%) 0 0/16px 4px repeat-x,
    linear-gradient(90deg,transparent 75%,var(--gold) 75%) 0 4px/16px 4px repeat-x,
    linear-gradient(90deg,var(--gold) 25%,transparent 25%) 8px 4px/16px 4px repeat-x,
    linear-gradient(90deg,transparent 75%,var(--gold) 75%) 8px 8px/16px 4px repeat-x;
  opacity:.35;
}
.d-metrics-inner{
  position:relative;z-index:2;
  max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);gap:32px;
}
.metric{text-align:center}
.metric-num{
  font-family:'Cormorant Garamond',serif;
  font-size:62px;font-weight:700;line-height:1;
  color:#fff;
  display:flex;align-items:baseline;justify-content:center;gap:6px;
  text-shadow:0 2px 18px rgba(0,0,0,.2);
  margin-bottom:8px;
}
.metric-pre{font-size:24px;font-weight:500;color:rgba(255,255,255,.55);font-style:italic}
.metric-plus{
  font-size:38px;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.metric-lbl{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.6);font-weight:600}

/* ═══════════════ MARQUEE ═══════════════ */
.mq{overflow:hidden;white-space:nowrap;padding:18px 0;position:relative}
.mq-blue{background:linear-gradient(135deg,#0c1c3a,#1e3a8a,#0c1c3a)}
.mq-track{display:inline-flex;animation:mqscr 36s linear infinite}
.mq-item{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:600;padding:0 36px;color:rgba(255,255,255,.85);display:inline-flex;align-items:center;gap:12px}
.mq-item::before{content:'◆';font-size:8px;color:var(--gold)}
@keyframes mqscr{to{transform:translateX(-50%)}}

/* ═══════════════ SECTION UTILS ═══════════════ */
.sec-hdr{text-align:center;max-width:680px;margin:0 auto 60px;position:relative;z-index:3}
.sec-tag{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--az);margin-bottom:14px;display:inline-flex;align-items:center;gap:10px}
.sec-tag::before,.sec-tag::after{content:'';width:26px;height:1.5px;background:linear-gradient(90deg,transparent,var(--az));opacity:.4}
.sec-tag::after{background:linear-gradient(90deg,var(--az),transparent)}
.gold-tag{color:var(--gold-d)}
.gold-tag::before,.gold-tag::after{background:linear-gradient(90deg,transparent,var(--gold))}
.gold-tag::after{background:linear-gradient(90deg,var(--gold),transparent)}
.sec-t{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,3.6vw,50px);font-weight:700;line-height:1.15;margin-bottom:16px}
.sec-d{font-size:17px;color:var(--tm);line-height:1.7;font-weight:300}

/* Ambient glows (reused) */
.amb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:1;opacity:.55}
.amb-l{width:520px;height:520px;top:-80px;left:-150px;background:radial-gradient(circle,rgba(37,99,235,.18),transparent 70%)}
.amb-r{width:480px;height:480px;bottom:-100px;right:-130px;background:radial-gradient(circle,rgba(251,191,36,.12),transparent 70%)}
.amb-c{width:540px;height:540px;top:30%;left:-160px;background:radial-gradient(circle,rgba(8,145,178,.16),transparent 70%)}
.amb-p1{width:460px;height:460px;top:-100px;right:-100px;background:radial-gradient(circle,rgba(37,99,235,.18),transparent 70%)}
.amb-p2{width:420px;height:420px;bottom:-100px;left:-100px;background:radial-gradient(circle,rgba(251,191,36,.10),transparent 70%)}
.amb-g1{width:520px;height:520px;top:-90px;left:-130px;background:radial-gradient(circle,rgba(251,191,36,.10),transparent 70%)}
.amb-g2{width:480px;height:480px;bottom:-100px;right:-100px;background:radial-gradient(circle,rgba(37,99,235,.16),transparent 70%)}

/* Decorative relics */
.t-relic{position:absolute;pointer-events:none;z-index:0;mix-blend-mode:multiply;opacity:.1;filter:contrast(1.05)}
.t-relic{top:80px;right:-60px;width:300px;height:auto;animation:relic-rotate 90s linear infinite}
@keyframes relic-rotate{to{transform:rotate(360deg)}}
.t-relic-t{top:auto;bottom:0;left:-80px;right:auto;width:480px;animation:none;transform:none;opacity:.12}

/* ═══════════════ TIERS ═══════════════ */
.d-tiers{
  position:relative;
  padding:110px 56px;
  background:linear-gradient(180deg,#f4f8ff 0%,#e9f0fb 60%,#f0f4fb 100%);
  overflow:hidden;
}

.t-toggle{
  position:relative;z-index:2;
  display:flex;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(37,99,235,.1);
  border-radius:16px;
  padding:6px;
  margin:0 auto 50px;
  width:fit-content;
  max-width:100%;
  flex-wrap:wrap;
  justify-content:center;
  box-shadow:0 4px 18px rgba(37,99,235,.08);
  backdrop-filter:blur(6px);
}
.t-tab{
  padding:11px 22px;
  background:transparent;border:none;cursor:pointer;
  font-family:'Source Sans 3',sans-serif;
  font-size:14px;font-weight:600;color:var(--tl);
  border-radius:12px;
  transition:all .3s;
  display:inline-flex;align-items:center;gap:6px;
}
.t-tab.active{
  background:linear-gradient(135deg,var(--az),var(--cy));
  color:#fff;
  box-shadow:0 4px 14px rgba(37,99,235,.25);
}
.t-save{
  background:rgba(251,191,36,.2);
  color:var(--gold-d);
  font-size:11px;font-weight:700;
  padding:2px 8px;border-radius:6px;
}
.t-tab.active .t-save{background:rgba(251,191,36,.32);color:#fff}

.t-grid{
  position:relative;z-index:2;
  max-width:1080px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:28px;
}

.t-card{
  position:relative;
  padding:46px 38px 38px;
  background:linear-gradient(155deg,#fff 0%,#f7faff 100%);
  border:1px solid rgba(37,99,235,.08);
  border-radius:26px;
  box-shadow:0 12px 48px rgba(37,99,235,.08);
  overflow:hidden;
  transition:all .4s cubic-bezier(.16,1,.3,1);
}
.t-card:hover{transform:translateY(-6px);box-shadow:0 20px 64px rgba(37,99,235,.14)}

.t-card-gold{
  background:linear-gradient(155deg,#0c1c3a 0%,#1e3a8a 50%,#0c1c3a 100%);
  border-color:rgba(251,191,36,.32);
  box-shadow:0 16px 60px rgba(12,28,58,.4),0 0 0 1px rgba(251,191,36,.08);
}
.t-card-gold:hover{box-shadow:0 24px 80px rgba(12,28,58,.5),0 0 0 1px rgba(251,191,36,.18)}
.t-card-gold::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 20% 20%,rgba(251,191,36,.10),transparent 50%),
    radial-gradient(circle at 80% 80%,rgba(37,99,235,.18),transparent 50%);
}

.t-shimmer{position:absolute;inset:0;overflow:hidden;border-radius:26px;pointer-events:none}
.t-shimmer::before{
  content:'';position:absolute;top:0;left:-100%;
  width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(251,191,36,.08),transparent);
  transform:skewX(-15deg);
  animation:sweep 8s ease-in-out infinite;
}
@keyframes sweep{0%,100%{left:-100%}50%{left:150%}}

.t-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);opacity:0;pointer-events:none}
.p1{top:20%;left:14%;animation:gldf 5s ease-in-out infinite}
.p2{top:65%;left:8%;animation:gldf 6s ease-in-out 1.5s infinite}
.p3{top:25%;right:14%;animation:gldf 5.5s ease-in-out 3s infinite}
.p4{bottom:25%;right:22%;animation:gldf 4.5s ease-in-out .8s infinite}
@keyframes gldf{
  0%,100%{opacity:0;transform:translateY(0) scale(.5)}
  25%{opacity:.9;transform:translateY(-10px) scale(1.2)}
  75%{opacity:.5;transform:translateY(-20px) scale(1)}
}

.t-roman{
  position:absolute;top:24px;right:30px;
  font-family:'Cormorant Garamond',serif;
  font-size:96px;font-weight:700;
  background:linear-gradient(180deg,rgba(37,99,235,.18),rgba(37,99,235,.02));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  line-height:1;pointer-events:none;
}
.t-roman.gold{
  background:linear-gradient(180deg,rgba(251,191,36,.5),rgba(251,191,36,.06));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}

.t-laurel{position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:140px;height:55px;opacity:.6;pointer-events:none}
.t-laurel svg{width:100%;height:100%}

.t-head{position:relative;z-index:2;margin-bottom:24px}
.t-head h3{
  font-family:'Cormorant Garamond',serif;
  font-size:30px;font-weight:700;line-height:1.15;
  margin-bottom:10px;
}
.t-card-gold .t-head h3{color:#fff}

.t-save-bd{
  display:inline-block;
  padding:4px 12px;
  background:rgba(37,99,235,.08);
  color:var(--az);
  font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  border-radius:8px;
}
.t-save-bd.gold{
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#0c1c3a;
  box-shadow:0 4px 14px rgba(251,191,36,.4);
}

.t-price{
  position:relative;z-index:2;
  margin-bottom:28px;
  padding-bottom:24px;
  border-bottom:1px dashed rgba(37,99,235,.15);
  display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;
}
.t-card-gold .t-price{border-bottom-color:rgba(251,191,36,.2)}
.t-from{font-size:14px;color:var(--tl);font-weight:500}
.t-card-gold .t-from{color:rgba(255,255,255,.55)}
.t-amt{
  font-family:'Cormorant Garamond',serif;
  font-size:54px;font-weight:700;line-height:1;
  background:linear-gradient(135deg,var(--az),var(--cy));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.t-card-gold .t-amt{
  background:linear-gradient(135deg,var(--gold) 0%,#fde68a 50%,var(--gold) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;background-size:200% 200%;
  animation:gsh 5s ease-in-out infinite;
}
.t-key{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;font-size:18px;color:var(--tm);
  margin-left:4px;
}
.t-card-gold .t-key{color:rgba(255,255,255,.55)}

.t-feat{
  position:relative;z-index:2;
  list-style:none;
  margin-bottom:28px;
  display:flex;flex-direction:column;gap:10px;
}
.t-feat li{
  display:flex;justify-content:space-between;align-items:center;
  padding:11px 14px;
  background:rgba(37,99,235,.04);
  border-radius:10px;
  font-size:14px;
}
.t-feat li b{font-weight:600;color:var(--td)}
.t-feat li span{color:var(--tl);font-weight:500;font-size:13px}
.t-card-gold .t-feat li{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06)}
.t-card-gold .t-feat li b{color:#fff}
.t-card-gold .t-feat li span{color:rgba(251,191,36,.85)}

.t-cta{
  position:relative;z-index:2;
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;
  padding:15px 24px;
  background:linear-gradient(135deg,var(--az),var(--cy));
  color:#fff;text-decoration:none;border-radius:14px;
  font-size:15px;font-weight:600;
  transition:all .4s;
  box-shadow:0 6px 22px rgba(37,99,235,.22);
}
.t-cta:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(37,99,235,.34)}
.t-cta.gold{
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#0c1c3a;
  box-shadow:0 6px 24px rgba(251,191,36,.4);
  font-weight:700;
}
.t-cta.gold:hover{box-shadow:0 12px 36px rgba(251,191,36,.55)}

/* ═══════════════ PROMO ═══════════════ */
.d-promo{padding:0 56px;margin-top:-30px;position:relative;z-index:5}
.d-promo-card{
  position:relative;
  max-width:1080px;margin:0 auto;
  padding:38px 48px;
  background:linear-gradient(135deg,#0c1c3a 0%,#1e3a8a 50%,#0e3e5f 100%);
  border-radius:26px;
  overflow:hidden;
  display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center;
  box-shadow:0 24px 64px rgba(12,28,58,.32);
}
.d-promo-card::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 10% 50%,rgba(251,191,36,.14),transparent 40%),
    radial-gradient(circle at 90% 50%,rgba(37,99,235,.18),transparent 40%);
}
.promo-shimmer{position:absolute;inset:0;overflow:hidden;border-radius:26px;pointer-events:none}
.promo-shimmer::before{
  content:'';position:absolute;top:0;left:-100%;
  width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(251,191,36,.12),transparent);
  transform:skewX(-15deg);
  animation:sweep 6s ease-in-out infinite;
}

.promo-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);opacity:0;pointer-events:none}
.pp1{top:20%;left:8%;animation:gldf 5s ease-in-out infinite}
.pp2{top:60%;left:18%;animation:gldf 6s ease-in-out 1s infinite}
.pp3{top:30%;right:16%;animation:gldf 5.5s ease-in-out 2s infinite}
.pp4{bottom:20%;right:8%;animation:gldf 4.5s ease-in-out .5s infinite}
.pp5{top:70%;right:30%;animation:gldf 7s ease-in-out 3s infinite}

.promo-side{position:relative;z-index:2;text-align:center;flex-shrink:0}
.promo-percent{
  font-family:'Cormorant Garamond',serif;
  font-size:88px;font-weight:700;line-height:1;
  background:linear-gradient(135deg,var(--gold) 0%,#fde68a 50%,var(--gold) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;background-size:200% 200%;
  animation:gsh 5s ease-in-out infinite;
  filter:drop-shadow(0 4px 18px rgba(251,191,36,.4));
}
.promo-deity{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;font-size:14px;
  color:rgba(251,191,36,.7);
  letter-spacing:2px;text-transform:uppercase;font-weight:600;
  margin-top:4px;
}

.promo-main{position:relative;z-index:2}
.promo-main h3{
  font-family:'Cormorant Garamond',serif;
  font-size:28px;font-weight:700;color:#fff;line-height:1.2;
  margin-bottom:8px;
}
.promo-main h3 em{font-style:italic;color:var(--gold)}
.promo-main p{font-size:15px;color:rgba(255,255,255,.65);margin-bottom:18px}
.promo-code{
  display:inline-block;
  padding:5px 14px;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#0c1c3a;
  font-weight:800;font-size:17px;letter-spacing:3px;
  border-radius:8px;
  box-shadow:0 2px 12px rgba(251,191,36,.4);
  animation:code-pulse 2.5s ease-in-out infinite;
}
@keyframes code-pulse{
  0%,100%{box-shadow:0 2px 12px rgba(251,191,36,.4)}
  50%{box-shadow:0 2px 12px rgba(251,191,36,.4),0 0 28px rgba(251,191,36,.3)}
}

.timer{margin-top:6px}
.timer-lbl{font-size:11px;color:rgba(255,255,255,.45);font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}
.timer-row{display:flex;gap:8px}
.timer-box{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.1);
  color:#fff;border-radius:10px;
  padding:10px 14px;text-align:center;min-width:58px;
  backdrop-filter:blur(4px);
}
.timer-box .n{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:700;line-height:1}
.timer-box .l{font-size:9px;text-transform:uppercase;letter-spacing:1px;opacity:.5;margin-top:3px}

/* ═══════════════ WHY US (Roman numerals) ═══════════════ */
.d-why{
  position:relative;
  padding:120px 56px;
  background:#fff;
  overflow:hidden;
}
.d-why-grid{
  position:relative;z-index:2;
  max-width:1060px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:24px;
}
.why-card{
  position:relative;
  padding:36px 36px 32px;
  background:linear-gradient(135deg,#f7faff,#fff);
  border:1px solid rgba(37,99,235,.06);
  border-radius:20px;
  transition:all .4s cubic-bezier(.16,1,.3,1);
  overflow:hidden;
}
.why-card::before{
  content:'';position:absolute;top:0;left:0;width:100%;height:3px;
  background:linear-gradient(90deg,var(--gold),var(--az),var(--gold));
  background-size:200% 100%;
  transform:scaleX(0);transform-origin:left;
  transition:transform .5s cubic-bezier(.16,1,.3,1);
  animation:gshift 4s linear infinite;
}
@keyframes gshift{to{background-position:200% 0}}
.why-card:hover{transform:translateY(-4px);box-shadow:0 20px 56px rgba(37,99,235,.08)}
.why-card:hover::before{transform:scaleX(1)}
.why-roman{
  font-family:'Cormorant Garamond',serif;
  font-size:78px;font-weight:700;line-height:1;
  background:linear-gradient(135deg,var(--gold),var(--az));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  margin-bottom:14px;
}
.why-card h3{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;margin-bottom:10px;line-height:1.25}
.why-card p{font-size:15px;color:var(--tm);line-height:1.65;font-weight:300}

/* ═══════════════ PROCESS — Етапи ═══════════════ */
.d-process{
  position:relative;
  padding:120px 56px;
  background:linear-gradient(180deg,#f0f4fb 0%,#f7faff 100%);
  overflow:hidden;
}
.proc-line{
  position:relative;z-index:2;
  max-width:1080px;margin:0 auto;
  display:grid;grid-template-columns:repeat(6,1fr);gap:14px;
}
.proc-line::before{
  content:'';position:absolute;top:30px;left:6%;right:6%;height:2px;
  background:linear-gradient(90deg,var(--az),var(--gold),var(--cy));
  opacity:.18;border-radius:2px;
}
.proc-step{
  position:relative;z-index:2;text-align:center;
  padding:0 8px;
}
.proc-dot{
  width:60px;height:60px;
  margin:0 auto 18px;
  background:linear-gradient(135deg,var(--az),var(--cy));
  border-radius:50%;
  display:grid;place-items:center;
  font-family:'Cormorant Garamond',serif;
  font-size:24px;font-weight:700;color:#fff;
  box-shadow:0 6px 22px rgba(37,99,235,.28),inset 0 1px 0 rgba(255,255,255,.2);
  transition:all .4s;
  border:3px solid #fff;
}
.proc-step:hover .proc-dot{
  transform:scale(1.1);
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#0c1c3a;
  box-shadow:0 8px 26px rgba(251,191,36,.45);
}
.proc-step h4{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:700;margin-bottom:6px;line-height:1.2}
.proc-step p{font-size:13px;color:var(--tl);line-height:1.55;font-weight:300;margin-bottom:10px}
.proc-time{
  display:inline-block;
  padding:3px 10px;
  background:rgba(251,191,36,.14);
  color:var(--gold-d);
  font-size:11px;font-weight:700;letter-spacing:1px;
  border-radius:20px;text-transform:uppercase;
}

/* ═══════════════ SAVE TIME ═══════════════ */
.d-save{
  padding:120px 56px;
  background:#fff;
  position:relative;
  overflow:hidden;
}
.d-save-grid{
  position:relative;z-index:2;
  max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
}
.save-card{
  padding:30px 24px;
  background:linear-gradient(135deg,#fff,#f7faff);
  border:1px solid rgba(251,191,36,.12);
  border-radius:18px;
  transition:all .4s;
}
.save-card:hover{
  transform:translateY(-6px);
  border-color:rgba(251,191,36,.32);
  box-shadow:0 18px 48px rgba(251,191,36,.12);
}
.save-i{
  width:48px;height:48px;
  background:linear-gradient(135deg,rgba(251,191,36,.14),rgba(245,158,11,.08));
  border:1px solid rgba(251,191,36,.22);
  border-radius:12px;
  display:grid;place-items:center;
  margin-bottom:18px;
}
.save-card h4{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:700;margin-bottom:8px}
.save-card p{font-size:14px;color:var(--tm);line-height:1.6;font-weight:300}

/* ═══════════════ GUARANTEES ═══════════════ */
.d-guar{
  position:relative;
  padding:120px 56px;
  background:linear-gradient(180deg,#0c1c3a 0%,#1e3a8a 60%,#0e3e5f 100%);
  overflow:hidden;
}
.d-guar .sec-tag{color:var(--gold)}
.d-guar .sec-t{color:#fff}
.d-guar-grid{
  position:relative;z-index:2;
  max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.guar{
  position:relative;
  padding:30px 28px;
  background:linear-gradient(155deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  backdrop-filter:blur(6px);
  transition:all .4s;
}
.guar:hover{
  transform:translateY(-4px);
  border-color:rgba(251,191,36,.32);
  box-shadow:0 14px 42px rgba(0,0,0,.2);
}
.guar-shield{
  width:52px;height:52px;
  background:radial-gradient(circle,rgba(251,191,36,.14),rgba(251,191,36,.04));
  border:1px solid rgba(251,191,36,.28);
  border-radius:14px;
  display:grid;place-items:center;
  margin-bottom:18px;
}
.guar h4{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:700;color:#fff;margin-bottom:8px}
.guar p{font-size:14px;color:rgba(255,255,255,.65);line-height:1.6;font-weight:300}

/* ═══════════════ FAQ ═══════════════ */
.d-faq{padding:120px 56px;background:#fff}
.faq-list{max-width:780px;margin:0 auto}
.faq-item{border-bottom:1px solid rgba(37,99,235,.07)}
.faq-q{padding:22px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:600;color:var(--td);transition:color .3s;gap:16px}
.faq-q:hover{color:var(--gold-d)}
.faq-arr{width:32px;height:32px;border-radius:50%;background:rgba(251,191,36,.1);display:grid;place-items:center;transition:all .35s;flex-shrink:0}
.faq-item.open .faq-arr{background:linear-gradient(135deg,var(--gold),var(--gold2));transform:rotate(180deg)}
.faq-item.open .faq-arr svg{stroke:#0c1c3a}
.faq-a{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.16,1,.3,1)}
.faq-ai{padding:0 0 22px;font-size:15px;color:var(--tm);line-height:1.7;font-weight:300}

/* ═══════════════ CTA ═══════════════ */
.d-cta{padding:120px 56px;background:linear-gradient(180deg,#fff,#f0f4fb)}
.d-cta-card{
  position:relative;
  max-width:780px;margin:0 auto;
  padding:60px 56px;
  background:linear-gradient(155deg,#0c1c3a 0%,#1e3a8a 50%,#0e3e5f 100%);
  border-radius:32px;
  text-align:center;color:#fff;
  overflow:hidden;
  box-shadow:0 36px 90px rgba(12,28,58,.32),0 0 0 1px rgba(251,191,36,.08);
}
.d-cta-card::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 20% 25%,rgba(251,191,36,.14),transparent 45%),
    radial-gradient(circle at 80% 75%,rgba(37,99,235,.18),transparent 45%);
}
.cta-shimmer{position:absolute;inset:0;overflow:hidden;border-radius:32px;pointer-events:none}
.cta-shimmer::before{
  content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(251,191,36,.08),transparent);
  transform:skewX(-15deg);
  animation:sweep 7s ease-in-out infinite;
}
.cta-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.04);pointer-events:none}
.r1{top:-40%;right:-25%;width:380px;height:380px;animation:rspin 30s linear infinite}
.r2{bottom:-30%;left:-20%;width:300px;height:300px;border-style:dashed;animation:rspin 45s linear infinite reverse}

.d-cta-card .d-tier-badge{position:relative;z-index:2}
.gold-badge{
  background:linear-gradient(135deg,rgba(251,191,36,.16),rgba(251,191,36,.04));
  border-color:rgba(251,191,36,.4);
}
.d-cta-card h2{
  position:relative;z-index:2;
  font-family:'Cormorant Garamond',serif;
  font-size:44px;font-weight:700;line-height:1.12;
  margin-bottom:14px;color:#fff;
}
.d-cta-card>p{
  position:relative;z-index:2;
  font-size:17px;color:rgba(255,255,255,.7);
  margin-bottom:34px;font-weight:300;
}
.d-cta-form{
  position:relative;z-index:2;
  display:flex;flex-direction:column;gap:12px;
  max-width:520px;margin:0 auto;
}
.d-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.d-cta-form input,.d-cta-form select{
  padding:14px 18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  font-family:'Source Sans 3',sans-serif;font-size:14px;
  color:#fff;
  backdrop-filter:blur(6px);
  transition:all .3s;
}
.d-cta-form input::placeholder{color:rgba(255,255,255,.4)}
.d-cta-form input:focus,.d-cta-form select:focus{
  outline:none;
  background:rgba(255,255,255,.1);
  border-color:var(--gold);
  box-shadow:0 0 0 4px rgba(251,191,36,.1);
}
.d-cta-form select{appearance:none;cursor:pointer}
.d-cta-form select option{background:#0c1c3a;color:#fff}
.d-cta-form button{
  margin-top:4px;
  padding:16px 26px;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#0c1c3a;
  border:none;border-radius:12px;
  font-family:'Source Sans 3',sans-serif;
  font-size:15px;font-weight:700;
  cursor:pointer;
  transition:all .4s;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  box-shadow:0 8px 24px rgba(251,191,36,.32);
}
.d-cta-form button:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(251,191,36,.5)}
.d-cta-trust{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  margin-top:8px;
  font-size:12px;color:rgba(255,255,255,.5);
}

/* ═══════════════ FOOTER ═══════════════ */
.foot{padding:52px 56px 40px;border-top:1px solid rgba(37,99,235,.06);background:#f0f4fb}
.foot-inner{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;max-width:1200px;margin:0 auto}
.foot-logo{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:700;color:var(--td);text-decoration:none;display:flex;align-items:center;gap:9px}
.foot-logo i{width:32px;height:32px;background:linear-gradient(135deg,var(--az),var(--cy));border-radius:9px;display:grid;place-items:center;font-style:normal;font-size:15px;color:#fff}
.foot-nav{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}
.foot-nav a{color:var(--tl);text-decoration:none;font-size:14px;font-weight:500;padding:7px 14px;border-radius:8px;transition:all .25s}
.foot-nav a:hover{color:var(--td);background:rgba(37,99,235,.05)}
.foot-soc{display:flex;gap:8px}
.foot-bottom{max-width:1100px;margin:28px auto 0;padding-top:22px;border-top:1px solid rgba(37,99,235,.07);text-align:center}
.foot-c{font-size:13px;color:var(--tl);margin-bottom:10px}
.foot-note{font-size:11px;color:var(--tf);max-width:680px;margin:0 auto;line-height:1.6}

/* Floating TG */
.tgf{position:fixed;bottom:24px;right:24px;z-index:99;width:58px;height:58px;background:linear-gradient(135deg,var(--tg),var(--tg2));border-radius:50%;display:grid;place-items:center;box-shadow:0 6px 28px rgba(42,171,238,.35);text-decoration:none;transition:all .4s;animation:tgfp 3.5s ease-in-out infinite}
.tgf::before{content:'';position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(42,171,238,.25);animation:tgfr 3.5s ease-in-out infinite}
.tgf:hover{transform:scale(1.1)}
@keyframes tgfp{0%,100%{box-shadow:0 6px 28px rgba(42,171,238,.35)}50%{box-shadow:0 6px 24px rgba(42,171,238,.2),0 0 0 10px rgba(42,171,238,.06)}}
@keyframes tgfr{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.18);opacity:0}}

/* ═══════════════ SCROLL REVEAL ═══════════════ */
.rv{opacity:0;transform:translateY(36px);transition:all .85s cubic-bezier(.16,1,.3,1)}
.rv.v{opacity:1;transform:translateY(0)}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.3s}.d5{transition-delay:.36s}

/* ═══════════════ RESPONSIVE ═══════════════ */
@media(max-width:1100px){
  .d-hero-inner{grid-template-columns:1fr;text-align:center;padding:110px 32px 70px}
  .d-hero-p{margin:0 auto 30px}
  .d-hero-pills,.d-hero-btns{justify-content:center}
  .d-hero-r{order:-1}
  .bust-wrap{width:340px;height:340px}
  .bust-img{width:240px;height:240px}
  .r-a{width:280px;height:280px}.r-b{width:310px;height:310px}.r-c{width:335px;height:335px}
  .bust-glow{width:240px;height:240px}
  .bust-laurel{width:200px;height:80px}
  .d-metrics-inner{grid-template-columns:repeat(2,1fr);gap:32px}
  .t-grid{grid-template-columns:1fr;max-width:580px}
  .d-promo-card{grid-template-columns:1fr;text-align:center;padding:32px 28px}
  .promo-side{margin:0 auto}
  .d-why-grid{grid-template-columns:1fr}
  .proc-line{grid-template-columns:repeat(2,1fr);gap:30px}
  .proc-line::before{display:none}
  .d-save-grid{grid-template-columns:repeat(2,1fr)}
  .d-guar-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:980px){
  .nav-links{display:none}
}
@media(max-width:600px){
  .nav{padding:0 18px}
  .d-hero-inner{padding:100px 18px 60px}
  .d-metrics{padding:50px 24px}
  .metric-num{font-size:50px}
  .metric-pre{font-size:20px}
  .d-tiers,.d-why,.d-process,.d-save,.d-guar,.d-faq,.d-cta{padding:80px 20px}
  .t-card{padding:36px 24px 30px}
  .t-roman{font-size:80px;right:20px;top:18px}
  .t-amt{font-size:44px}
  .d-promo{padding:0 18px}
  .timer-row{flex-wrap:wrap;justify-content:center}
  .d-save-grid,.d-guar-grid,.proc-line{grid-template-columns:1fr}
  .d-cta-card{padding:44px 24px}
  .d-cta-card h2{font-size:32px}
  .d-cta-row{grid-template-columns:1fr}
  .foot-inner{flex-direction:column;text-align:center}
}


/* ════════════════════════════════════════════════════════════
   MOBILE OPTIMIZATION — compact dissertations page
   ════════════════════════════════════════════════════════════ */

@media(max-width:768px){
  /* Nav — compact */
  .nav{padding:0 12px;height:60px}
  .logo{font-size:20px;gap:7px}
  .logo i{width:30px;height:30px;font-size:14px;border-radius:8px}
  .nav-soc{gap:5px;margin-right:5px}
  .soc{width:30px;height:30px}
  .soc svg{width:13px;height:13px}
  .nav-cta{padding:6px 12px;font-size:12px;border-radius:8px}

  /* Hero — much tighter */
  .d-hero-inner{padding:80px 18px 50px;gap:24px}
  .d-hero-l h1{font-size:40px!important;line-height:1.04;margin-bottom:16px}
  .d-hero-p{font-size:14.5px;line-height:1.6;margin-bottom:22px}
  .d-tier-badge{font-size:10px;letter-spacing:1.8px;padding:5px 12px;margin-bottom:18px}
  .d-hero-pills{gap:6px;margin-bottom:22px}
  .pill{padding:6px 10px;font-size:11.5px;gap:5px}
  .d-hero-btns{gap:8px}
  .d-btn{padding:13px 22px;font-size:14px}
  .bust-wrap{width:260px;height:260px}
  .bust-img{width:180px;height:180px}
  .r-a{width:210px;height:210px}.r-b{width:235px;height:235px}.r-c{width:255px;height:255px}
  .bust-glow{width:180px;height:180px}
  .bust-laurel{width:160px;height:64px}
  .g-letter{font-size:90px!important}
  .gl3{font-size:80px!important}

  /* Section headers */
  .sec-hdr{margin-bottom:36px;max-width:100%;padding:0 8px}
  .sec-t{font-size:28px!important;line-height:1.2;margin-bottom:10px}
  .sec-tag{font-size:10.5px;letter-spacing:2px;margin-bottom:10px}
  .sec-d{font-size:13.5px}

  /* Metrics — 2x2 compact */
  .d-metrics{padding:42px 18px}
  .d-metrics-inner{grid-template-columns:1fr 1fr!important;gap:22px}
  .metric-num{font-size:42px;margin-bottom:4px;gap:3px}
  .metric-pre{font-size:16px}
  .metric-plus{font-size:26px}
  .metric-lbl{font-size:10.5px;letter-spacing:1px}

  /* Marquee */
  .mq{padding:12px 0}
  .mq-item{font-size:14px;padding:0 22px}

  /* Tiers — already 1 col, but tighter */
  .d-tiers{padding:60px 16px}
  .t-toggle{padding:4px;margin-bottom:30px;border-radius:13px;width:100%;max-width:340px}
  .t-tab{padding:9px 14px;font-size:12.5px;flex:1;justify-content:center}
  .t-save{font-size:10px;padding:2px 6px}
  .t-grid{gap:18px;max-width:100%}
  .t-card{padding:32px 22px 26px;border-radius:20px}
  .t-roman{font-size:72px;top:14px;right:18px}
  .t-head h3{font-size:22px}
  .t-save-bd{font-size:10px;padding:3px 10px;letter-spacing:1.2px}
  .t-laurel{width:110px;height:42px}
  .t-price{margin-bottom:20px;padding-bottom:18px}
  .t-amt{font-size:40px}
  .t-from{font-size:13px}
  .t-key{font-size:14px}
  .t-feat{gap:6px;margin-bottom:20px}
  .t-feat li{padding:9px 12px;font-size:12.5px}
  .t-feat li span{font-size:11.5px}
  .t-cta{padding:12px 20px;font-size:13.5px}

  /* Promo — compact */
  .d-promo{padding:0 16px}
  .d-promo-card{padding:28px 22px;gap:16px;border-radius:20px}
  .promo-percent{font-size:64px}
  .promo-deity{font-size:10px;letter-spacing:1.5px}
  .promo-main h3{font-size:20px;line-height:1.2}
  .promo-main p{font-size:13px;margin-bottom:14px}
  .promo-code{font-size:14px;padding:4px 11px;letter-spacing:2px}
  .timer-lbl{font-size:10px}
  .timer-box{padding:8px 11px;min-width:48px}
  .timer-box .n{font-size:21px}
  .timer-box .l{font-size:8px}

  /* Why — 2 cols compact */
  .d-why{padding:60px 16px}
  .d-why-grid{grid-template-columns:1fr 1fr;gap:10px;max-width:100%}
  .why-card{padding:20px 14px 18px;border-radius:14px}
  .why-roman{font-size:48px;margin-bottom:6px}
  .why-card h3{font-size:14.5px;line-height:1.2;margin-bottom:5px}
  .why-card p{font-size:11.5px;line-height:1.4}

  /* Process — 2 cols compact */
  .d-process{padding:60px 16px}
  .proc-line{grid-template-columns:1fr 1fr;gap:22px}
  .proc-line::before{display:none}
  .proc-dot{width:46px;height:46px;font-size:19px;margin-bottom:12px;border-width:2px}
  .proc-step h4{font-size:14px;margin-bottom:4px}
  .proc-step p{font-size:11.5px;line-height:1.4;margin-bottom:8px}
  .proc-time{font-size:9.5px;padding:2px 8px;letter-spacing:.5px}

  /* Save time — 2 cols */
  .d-save{padding:60px 16px}
  .d-save-grid{grid-template-columns:1fr 1fr;gap:10px}
  .save-card{padding:18px 14px;border-radius:14px}
  .save-i{width:38px;height:38px;margin-bottom:12px;border-radius:10px}
  .save-i svg{width:18px;height:18px}
  .save-card h4{font-size:14.5px;margin-bottom:5px}
  .save-card p{font-size:11.5px;line-height:1.45}

  /* Guarantees — 2 cols */
  .d-guar{padding:60px 16px}
  .d-guar-grid{grid-template-columns:1fr 1fr;gap:10px}
  .guar{padding:20px 14px;border-radius:14px}
  .guar-shield{width:40px;height:40px;margin-bottom:12px;border-radius:10px}
  .guar-shield svg{width:19px;height:19px}
  .guar h4{font-size:14.5px;margin-bottom:5px}
  .guar p{font-size:11.5px;line-height:1.45}

  /* FAQ */
  .d-faq{padding:60px 16px}
  .faq-q{font-size:14.5px;padding:16px 0;gap:10px}
  .faq-ai{font-size:13px;padding:0 0 16px}
  .faq-arr{width:26px;height:26px}
  .faq-arr svg{width:11px;height:11px}

  /* CTA */
  .d-cta{padding:60px 16px}
  .d-cta-card{padding:42px 22px;border-radius:24px}
  .d-cta-card h2{font-size:26px;line-height:1.15}
  .d-cta-card>p{font-size:14px;margin-bottom:24px}
  .d-cta-row{grid-template-columns:1fr;gap:10px}
  .d-cta-form{gap:10px}
  .d-cta-form input,.d-cta-form select{padding:12px 16px;font-size:13.5px;border-radius:10px}
  .d-cta-form button{padding:14px 22px;font-size:14px}

  /* Footer */
  .foot{padding:36px 18px 24px}
  .foot-inner{gap:18px}
  .foot-nav{gap:2px}
  .foot-nav a{font-size:12.5px;padding:5px 10px}
  .foot-note{font-size:10px}

  /* Floating TG */
  .tgf{width:50px;height:50px;bottom:18px;right:18px}
  .tgf svg{width:22px;height:22px}

  /* Hide heavy relics on mobile */
  .t-relic{display:none}
}

/* Extra-small phones */
@media(max-width:380px){
  .nav{padding:0 12px}
  .nav-cta{padding:6px 11px;font-size:12px}
  .nav-soc{gap:5px;margin-right:3px}
  .soc{width:30px;height:30px}
  .soc svg{width:13px;height:13px}
  .d-hero-l h1{font-size:36px!important}
  .d-hero-inner{padding:84px 14px 40px}
  .sec-t{font-size:24px!important}
  .d-metrics-inner{gap:18px}
  .metric-num{font-size:36px}
  .t-amt{font-size:34px}
  .promo-percent{font-size:54px}
}

/* ═══ Logo image override ═══ */
.logo .logo-img,.foot-logo .logo-img{
  width:38px;height:38px;object-fit:contain;
  filter:drop-shadow(0 2px 6px rgba(37,99,235,.18));
  transition:transform .35s cubic-bezier(.16,1,.3,1);
}
.logo:hover .logo-img,.foot-logo:hover .logo-img{transform:scale(1.06) rotate(-3deg)}
.foot-logo .logo-img{width:34px;height:34px}
@media(max-width:768px){
  .logo .logo-img{width:32px;height:32px}
}

/* ═══ CIRCLE RELIC — Гермес у блок 'Етапи роботи' ═══ */
.circle-relic{
  position:absolute;border-radius:50%;
  pointer-events:none;z-index:1;
  overflow:hidden;
  border:2px solid rgba(37,99,235,.18);
  box-shadow:0 8px 32px rgba(37,99,235,.18),0 0 0 6px rgba(37,99,235,.05);
}
.circle-relic img{
  width:100%;height:100%;
  object-fit:cover;
  opacity:.9;
  filter:contrast(1.05);
}
.circle-hermes{
  top:80px;right:-50px;
  width:220px;height:220px;
  opacity:.7;
  border-color:rgba(251,191,36,.32);
  box-shadow:0 8px 32px rgba(251,191,36,.18),0 0 0 6px rgba(251,191,36,.06);
}
.circle-hermes img{
  object-position:55% center;
}
@media(max-width:768px){.circle-relic{display:none}}

/* Bust philosophers — focus on faces (top of image) */
.bust-img{object-position:50% 8%}