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

:root{
  --az:#2563eb;--cy:#0891b2;--sk:#0ea5e9;--dp:#1e40af;
  --tg:#2AABEE;--tg2:#229ED9;
  --td:#0f172a;--tm:#334155;--tl:#64748b;--tf:#94a3b8;
}

/* ═══════════════ NAVBAR ═══════════════ */
.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-r{display:flex;align-items:center;gap:8px}
.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-tg{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--tg);border-radius:10px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;transition:all .3s}
.nav-tg:hover{background:var(--tg2);transform:translateY(-1px)}
.nav-cta{padding:8px 20px;background:linear-gradient(135deg,var(--az),var(--cy));border-radius:10px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;transition:all .3s}
.nav-cta:hover{box-shadow:0 4px 16px rgba(37,99,235,.25);transform:translateY(-1px)}

/* ═══════════════ HERO ═══════════════ */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}
/* Mesh gradient background */
.hero-bg{position:absolute;inset:0;background:
  radial-gradient(ellipse 70% 50% at 15% 45%,rgba(37,99,235,.07),transparent 60%),
  radial-gradient(ellipse 50% 60% at 75% 30%,rgba(8,145,178,.06),transparent 55%),
  radial-gradient(ellipse 40% 40% at 50% 80%,rgba(14,165,233,.05),transparent 50%),
  linear-gradient(165deg,#f5f8ff 0%,#e9f0fb 35%,#dfe8f8 65%,#e6edfb 100%);
  pointer-events:none}
/* Animated grid */
.hero-grid{position:absolute;inset:0;background-image:
  repeating-linear-gradient(90deg,rgba(37,99,235,.03) 0,rgba(37,99,235,.03) 1px,transparent 1px,transparent 100px),
  repeating-linear-gradient(0deg,rgba(37,99,235,.03) 0,rgba(37,99,235,.03) 1px,transparent 1px,transparent 100px);
  animation:gdrift 25s linear infinite;pointer-events:none}
@keyframes gdrift{to{transform:translate(100px,100px)}}
/* Floating blobs */
.hb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.45}
.hb1{width:550px;height:550px;top:-8%;left:-4%;background:radial-gradient(circle,rgba(37,99,235,.14),transparent 70%);animation:hba 20s ease-in-out infinite}
.hb2{width:420px;height:420px;bottom:-3%;right:8%;background:radial-gradient(circle,rgba(8,145,178,.11),transparent 70%);animation:hbb 24s ease-in-out infinite}
.hb3{width:320px;height:320px;top:35%;left:40%;background:radial-gradient(circle,rgba(14,165,233,.08),transparent 70%);animation:hbc 17s 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)}}
/* Decorative SVG shapes floating */
.deco{position:absolute;pointer-events:none;opacity:0}
.deco svg{width:100%;height:100%}
.dc1{width:40px;height:40px;top:12%;left:18%;animation:dflt 10s ease-in-out infinite}
.dc2{width:28px;height:28px;top:68%;left:10%;animation:dflt 12s ease-in-out 1.5s infinite}
.dc3{width:35px;height:35px;top:22%;right:22%;animation:dflt 9s ease-in-out 3s infinite}
.dc4{width:24px;height:24px;bottom:20%;left:32%;animation:dflt 11s ease-in-out 2s infinite}
.dc5{width:30px;height:30px;top:50%;left:5%;animation:dflt 8s ease-in-out .5s infinite}
.dc6{width:22px;height:22px;top:8%;right:10%;animation:dflt 13s ease-in-out 4s infinite}
.dc7{width:18px;height:18px;bottom:12%;right:28%;animation:dflt 10s ease-in-out 1s infinite}
@keyframes dflt{0%,100%{opacity:0;transform:translateY(0) rotate(0)}15%{opacity:.55}50%{opacity:.35;transform:translateY(-25px) rotate(60deg)}85%{opacity:.5}100%{opacity:0;transform:translateY(5px) rotate(120deg)}}
/* Diagonal light beams */
.beam{position:absolute;pointer-events:none;width:2px;background:linear-gradient(to bottom,transparent,rgba(37,99,235,.06),transparent);opacity:0}
.bm1{height:350px;top:8%;left:14%;transform:rotate(22deg);animation:bmf 7s ease-in-out infinite}
.bm2{height:250px;top:45%;left:7%;transform:rotate(-18deg);animation:bmf 9s ease-in-out 2.5s infinite}
.bm3{height:300px;top:15%;right:18%;transform:rotate(30deg);animation:bmf 8s ease-in-out 1s infinite}
.bm4{height:200px;bottom:18%;right:8%;transform:rotate(-25deg);animation:bmf 6s ease-in-out 4s infinite}
@keyframes bmf{0%,100%{opacity:0}25%,75%{opacity:1}}

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

/* Left */
.hl{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)}}
.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;border:1px solid rgba(37,99,235,.18);border-radius:40px;font-size:12px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--az);margin-bottom:28px;background:rgba(37,99,235,.04);backdrop-filter:blur(4px)}
.badge::before{content:'';width:6px;height:6px;background:var(--az);border-radius:50%;animation:bdot 2s infinite}
@keyframes bdot{0%,100%{box-shadow:0 0 0 0 rgba(37,99,235,.45)}50%{box-shadow:0 0 0 7px rgba(37,99,235,0)}}

h1{font-family:'Cormorant Garamond',serif;font-size:clamp(44px,5.2vw,74px);font-weight:700;line-height:1.06;letter-spacing:-.5px;margin-bottom:22px}
h1 span{display:block}
h1 .gr{background:linear-gradient(135deg,var(--az) 0%,var(--cy) 50%,var(--sk) 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%}}

.hero-p{font-size:18px;line-height:1.75;color:var(--tm);max-width:500px;margin-bottom:38px;font-weight:300}
.hero-p b{font-weight:600;color:var(--td)}

.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;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}
.btn-p{background:linear-gradient(135deg,var(--az),var(--cy));color:#fff;box-shadow:0 4px 22px rgba(37,99,235,.22)}
.btn-p::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:left .6s}
.btn-p:hover::after{left:100%}
.btn-p:hover{transform:translateY(-3px);box-shadow:0 8px 36px rgba(37,99,235,.32)}
.btn-t{background:linear-gradient(135deg,var(--tg),var(--tg2));color:#fff;box-shadow:0 4px 18px rgba(42,171,238,.25);animation:tpulse 3.5s ease-in-out 2.5s infinite}
.btn-t::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),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,.4)}}
.btn-t:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 36px rgba(42,171,238,.4)}
.btn-t .sub{font-size:11px;font-weight:400;opacity:.8;display:block;margin-top:1px}

/* Trust micro-badges */
.trust-row{display:flex;gap:24px;flex-wrap:wrap}
.trust-badge{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tl);font-weight:500}
.trust-badge svg{flex-shrink:0;opacity:.5}

/* Right — statue */
.hr{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(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.sw{position:relative;width:460px;height:460px}
.sg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:330px;height:330px;background:radial-gradient(circle,rgba(37,99,235,.1),rgba(8,145,178,.05) 50%,transparent 70%);border-radius:50%;filter:blur(45px);animation:sgp 4.5s ease-in-out infinite}
@keyframes sgp{0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(1)}50%{opacity:.75;transform:translate(-50%,-50%) scale(1.18)}}
.ss{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:330px;height:330px;object-fit:cover;border-radius:50%;border:2.5px solid rgba(37,99,235,.1);box-shadow:0 10px 48px rgba(37,99,235,.1),0 0 0 8px rgba(37,99,235,.02);filter:brightness(.96) contrast(1.06);opacity:.93;transition:all .6s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#ecf1fb,#f5f8ff)}
.sw:hover .ss{opacity:1;transform:translate(-50%,-50%) scale(1.025);box-shadow:0 16px 64px rgba(37,99,235,.14),0 0 0 12px rgba(37,99,235,.03);border-color:rgba(8,145,178,.2)}
/* Rings */
.sr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}
.r1{width:380px;height:380px;border:1.5px solid rgba(37,99,235,.1);animation:rspin 24s linear infinite}
.r1::before,.r1::after{content:'';position:absolute;border-radius:50%;box-shadow:0 0 14px currentColor}
.r1::before{top:-5px;left:50%;width:10px;height:10px;background:var(--az);color:var(--az)}
.r1::after{bottom:-3px;left:28%;width:6px;height:6px;background:var(--sk);color:var(--sk)}
.r2{width:420px;height:420px;border:1px dashed rgba(8,145,178,.08);animation:rspin 38s linear infinite reverse}
.r2::before{content:'';position:absolute;top:50%;right:-4px;width:7px;height:7px;background:var(--cy);border-radius:50%;box-shadow:0 0 12px var(--cy)}
.r3{width:455px;height:455px;border:1px dotted rgba(14,165,233,.05);animation:rspin 55s linear infinite}
@keyframes rspin{to{transform:translate(-50%,-50%) rotate(360deg)}}
/* Orbit particles */
.orb{position:absolute;border-radius:50%;top:calc(50% - 3px);left:calc(50% - 3px);z-index:3}
.ob1{width:5px;height:5px;background:var(--az);box-shadow:0 0 10px var(--az);animation:o1 7.5s linear infinite}
.ob2{width:3px;height:3px;background:var(--cy);box-shadow:0 0 8px var(--cy);animation:o2 12s linear infinite}
.ob3{width:4px;height:4px;background:var(--sk);box-shadow:0 0 8px var(--sk);animation:o3 5.5s 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)}}
/* Pulse waves */
.pw{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid rgba(37,99,235,.12);width:350px;height:350px;opacity:0;pointer-events:none}
.pw1{animation:pwe 5.5s ease-out infinite}
.pw2{animation:pwe 5.5s ease-out 2.75s infinite}
@keyframes pwe{0%{width:350px;height:350px;opacity:.45}100%{width:550px;height:550px;opacity:0}}

/* ═══════════════ MARQUEE ═══════════════ */
.mq{overflow:hidden;white-space:nowrap;padding:16px 0;position:relative}
.mq-blue{background:linear-gradient(135deg,var(--az),var(--dp),var(--cy))}
.mq-light{background:#fff;border-top:1px solid rgba(37,99,235,.06);border-bottom:1px solid rgba(37,99,235,.06)}
.mq-track{display:inline-flex;animation:mqscr 32s linear infinite}
.mq-light .mq-track{animation-duration:38s}
.mq-item{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:600;padding:0 36px;display:inline-flex;align-items:center;gap:12px}
.mq-blue .mq-item{color:rgba(255,255,255,.85)}
.mq-blue .mq-item::before{content:'◆';font-size:7px;color:rgba(255,255,255,.3)}
.mq-light .mq-item{color:var(--tl);font-weight:500}
.mq-light .mq-item::before{content:'✦';font-size:8px;color:rgba(37,99,235,.2)}
@keyframes mqscr{to{transform:translateX(-50%)}}



/* ═══ GREEK DECORATIVE ELEMENTS ═══ */

/* Meander (Greek key) border pattern — reusable */
.meander{
  height:12px;width:100%;
  background:
    linear-gradient(90deg,var(--az) 25%,transparent 25%) 0 0/16px 4px repeat-x,
    linear-gradient(90deg,transparent 75%,var(--az) 75%) 0 4px/16px 4px repeat-x,
    linear-gradient(90deg,var(--az) 25%,transparent 25%) 8px 4px/16px 4px repeat-x,
    linear-gradient(90deg,transparent 75%,var(--az) 75%) 8px 8px/16px 4px repeat-x;
  opacity:.12;
  pointer-events:none;
}
.meander-white{
  height:10px;width:100%;
  background:
    linear-gradient(90deg,#fff 25%,transparent 25%) 0 0/14px 3.5px repeat-x,
    linear-gradient(90deg,transparent 75%,#fff 75%) 0 3.5px/14px 3.5px repeat-x,
    linear-gradient(90deg,#fff 25%,transparent 25%) 7px 3.5px/14px 3.5px repeat-x,
    linear-gradient(90deg,transparent 75%,#fff 75%) 7px 7px/14px 3.5px repeat-x;
  opacity:.14;
  pointer-events:none;
}

/* Greek column SVG — decorative background element */
.greek-col{
  position:absolute;pointer-events:none;opacity:.22;
}
.greek-col svg{width:100%;height:100%;color:var(--az)}

/* Laurel wreath decorative */
.laurel{position:absolute;pointer-events:none;opacity:.04}
.laurel svg{width:100%;height:100%}

/* Greek ornament dots */
.g-dots{
  position:absolute;pointer-events:none;
  display:flex;gap:10px;opacity:.15;
}
.g-dots span{
  width:5px;height:5px;border-radius:50%;
  background:var(--az);
}

/* Section divider — olive branch style */
.olive-div{
  display:flex;align-items:center;justify-content:center;gap:12px;
  padding:10px 0;opacity:.35;
}
.olive-div::before,.olive-div::after{
  content:'';width:60px;height:1px;
  background:linear-gradient(90deg,transparent,var(--az),transparent);
}
.olive-div svg{flex-shrink:0}

/* Floating Greek letters */
.g-letter{
  position:absolute;pointer-events:none;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;font-weight:400;
  color:var(--az);
}

/* Alpha pattern on hero */
.hero-alpha{
  position:absolute;pointer-events:none;z-index:1;
  font-family:'Cormorant Garamond',serif;
  font-size:280px;font-weight:700;font-style:italic;
  color:var(--az);opacity:.04;
  line-height:1;user-select:none;
}
.hero-alpha-1{bottom:5%;left:3%}
.hero-alpha-2{top:8%;right:5%;font-size:200px;opacity:.03}

/* Acanthus leaf corner ornament */
.acanthus{
  position:absolute;pointer-events:none;opacity:.04;
}

/* ═══ PROPAGANDA MARQUEE ═══ */
.mq-prop{
  background:linear-gradient(135deg,var(--az),var(--dp));
  padding:20px 0;
  position:relative;
  overflow:hidden;
  border-top:2px solid rgba(255,255,255,.1);
  border-bottom:2px solid rgba(255,255,255,.1);
}
.mq-prop::before,.mq-prop::after{
  content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none;
}
.mq-prop::before{left:0;background:linear-gradient(90deg,var(--az) 10%,transparent)}
.mq-prop::after{right:0;background:linear-gradient(-90deg,var(--dp) 10%,transparent)}
.mq-track-slow{animation-duration:45s!important}
.mq-prop .mq-item{
  font-family:'Source Sans 3',sans-serif;
  font-size:14px;
  font-weight:800;
  letter-spacing:3.5px;
  text-transform:uppercase;
  padding:0 18px;
}
.mq-prop .mq-bold{
  color:#fff;
  text-shadow:0 0 18px rgba(255,255,255,.2),0 0 36px rgba(255,255,255,.06);
}
.mq-prop .mq-dim{
  color:rgba(255,255,255,.2);
  font-size:18px;
  padding:0 6px;
  letter-spacing:0;
}

/* ═══════════════ SECTION UTILS ═══════════════ */
.sec-hdr{text-align:center;max-width:620px;margin:0 auto 60px}
.sec-tag{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--az);margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:10px}
.sec-tag::before,.sec-tag::after{content:'';width:24px;height:1.5px;background:linear-gradient(90deg,transparent,var(--az));opacity:.3}
.sec-tag::after{background:linear-gradient(90deg,var(--az),transparent)}
.sec-t{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,3.4vw,48px);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}

/* ═══════════════ CHECKLIST ═══════════════ */
.checklist{padding:100px 56px;background:#fff;position:relative;overflow:hidden}
.checklist::before{content:'';position:absolute;top:-120px;right:-120px;width:450px;height:450px;border:2px solid rgba(37,99,235,.03);border-radius:50%;pointer-events:none}
.checklist::after{content:'';position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;border:2px solid rgba(8,145,178,.03);border-radius:50%;pointer-events:none}
.cl-grid{max-width:880px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cl-item{display:flex;align-items:center;gap:14px;padding:18px 22px;border-radius:14px;border:1px solid rgba(37,99,235,.05);background:linear-gradient(135deg,#f8fafe,#fff);transition:all .45s cubic-bezier(.16,1,.3,1)}
.cl-item:hover{background:#fff;border-color:rgba(37,99,235,.14);box-shadow:0 8px 32px rgba(37,99,235,.06);transform:translateX(8px)}
.cl-icon{width:32px;height:32px;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(8,145,178,.06));border-radius:9px;display:grid;place-items:center;flex-shrink:0;transition:all .4s}
.cl-item:hover .cl-icon{background:linear-gradient(135deg,var(--az),var(--cy));transform:scale(1.1) rotate(-5deg)}
.cl-item:hover .cl-icon svg{stroke:#fff}
.cl-text{font-size:15px;font-weight:500;color:var(--tm)}

/* ═══════════════ PROMO ═══════════════ */
.promo{padding:0 56px;margin-top:-36px;position:relative;z-index:3}
.promo-card{max-width:1100px;margin:0 auto;padding:44px 52px;border-radius:24px;display:flex;align-items:center;gap:32px;position:relative;overflow:hidden}
.promo-jupiter{
  background:linear-gradient(135deg,#1e3a5f 0%,#1a2f4d 40%,#162544 100%);
  box-shadow:0 20px 64px rgba(30,58,95,.3),inset 0 1px 0 rgba(255,255,255,.05);
}
.promo-jupiter::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(circle at 10% 50%,rgba(37,99,235,.12),transparent 40%),
    radial-gradient(circle at 90% 30%,rgba(251,191,36,.06),transparent 35%);
  pointer-events:none;
}
.promo-jupiter::after{
  content:'';position:absolute;top:-40%;right:-20%;width:350px;height:350px;
  border:1px solid rgba(255,255,255,.04);border-radius:50%;pointer-events:none;
}
.jupiter-img{
  position:relative;z-index:2;
  width:130px;height:auto;max-height:180px;
  object-fit:contain;
  filter:brightness(1.1) contrast(1.05);
  opacity:.88;
  transition:all .5s;
}
.promo-card:hover .jupiter-img{opacity:1;transform:scale(1.03)}
.promo-content{flex:1}
.promo-deity{
  font-family:'Cormorant Garamond',serif;
  font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;
  color:rgba(251,191,36,.7);margin-bottom:8px;
}
.promo-jupiter h3{
  font-family:'Cormorant Garamond',serif;
  font-size:30px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.2;
}
.promo-pct{
  color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.3);
}
.promo-jupiter p{font-size:15px;color:rgba(255,255,255,.6);font-weight:400;margin-bottom:20px}
.promo-code{
  display:inline-block;padding:6px 16px;
  background:linear-gradient(135deg,#fbbf24,#f59e0b);
  color:#1e3a5f;border-radius:8px;font-weight:800;font-size:18px;
  letter-spacing:3px;margin:0 4px;
  box-shadow:0 2px 12px rgba(251,191,36,.3);
}
.timer{text-align:left}
.timer-lbl{font-size:11px;color:rgba(255,255,255,.4);font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}
.timer-row{display:flex;gap:6px}
.timer-box{
  background:rgba(255,255,255,.08);backdrop-filter:blur(4px);
  border:1px solid rgba(255,255,255,.08);
  color:#fff;border-radius:10px;padding:10px 13px;text-align:center;min-width:52px;
}
.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:2px}

/* ═══════════════ SERVICES ═══════════════ */
.services{padding:120px 56px;background:linear-gradient(180deg,#f7f9fe 0%,#f0f4fb 100%);position:relative;overflow:hidden}
.services::before{content:'';position:absolute;top:40px;left:-60px;width:200px;height:200px;border:2px solid rgba(37,99,235,.03);border-radius:50%;pointer-events:none}
.services::after{content:'Σοφία';position:absolute;bottom:40px;right:60px;font-family:'Cormorant Garamond',serif;font-size:160px;font-weight:700;font-style:italic;color:var(--az);opacity:.04;pointer-events:none;line-height:1}
.sv-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sv-card{position:relative;padding:34px 28px;background:#fff;border:1px solid rgba(37,99,235,.05);border-radius:20px;transition:all .5s cubic-bezier(.16,1,.3,1);overflow:hidden}
.sv-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--az),var(--cy));transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.sv-card::after{content:'';position:absolute;bottom:-60px;right:-60px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.03),transparent 70%);transition:all .5s;pointer-events:none}
.sv-card:hover{transform:translateY(-8px);box-shadow:0 20px 56px rgba(37,99,235,.07);border-color:rgba(37,99,235,.1)}
.sv-card:hover::before{transform:scaleX(1)}
.sv-card:hover::after{transform:scale(2);opacity:.6}
.sv-icon{width:52px;height:52px;background:linear-gradient(135deg,rgba(37,99,235,.07),rgba(8,145,178,.05));border-radius:14px;display:grid;place-items:center;font-size:24px;margin-bottom:18px;border:1px solid rgba(37,99,235,.06);transition:all .4s}
.sv-card:hover .sv-icon{background:linear-gradient(135deg,var(--az),var(--cy));transform:scale(1.08) rotate(-3deg);box-shadow:0 4px 16px rgba(37,99,235,.2)}
.sv-h{font-family:'Cormorant Garamond',serif;font-size:21px;font-weight:700;margin-bottom:8px}
.sv-p{font-size:14px;color:var(--tm);line-height:1.65;font-weight:300}
.sv-cnt{margin-top:12px;font-size:12px;color:var(--tl);font-weight:600}
.sv-cnt b{color:var(--az)}

/* ═══════════════ STATS — glass strip ═══════════════ */
.stats{position:relative;padding:80px 56px;background:linear-gradient(135deg,var(--az),var(--dp),var(--cy));overflow:hidden}
.stats::before{content:'';position:absolute;inset:0;background:
  radial-gradient(circle at 15% 50%,rgba(255,255,255,.1),transparent 45%),
  radial-gradient(circle at 85% 50%,rgba(255,255,255,.06),transparent 40%);
  pointer-events:none}
.stats-w{position:absolute;left:0;right:0;pointer-events:none;overflow:hidden}
.stats-w-t{top:-1px}.stats-w-b{bottom:-1px}
.stats-g{position:relative;z-index:2;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.st{text-align:center;padding:20px;border-radius:16px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);transition:all .4s}
.st:hover{background:rgba(255,255,255,.12);transform:translateY(-4px)}
.st-n{font-family:'Cormorant Garamond',serif;font-size:50px;font-weight:700;color:#fff;line-height:1;margin-bottom:6px;text-shadow:0 2px 16px rgba(0,0,0,.1)}
.st-l{font-size:13px;color:rgba(255,255,255,.65);letter-spacing:1.5px;text-transform:uppercase}

/* ═══════════════ ADVANTAGES ═══════════════ */
.adv{padding:120px 56px;background:#fff;position:relative;overflow:hidden}
.adv-bg{position:absolute;top:-80px;right:-80px;width:460px;height:460px;background:radial-gradient(circle,rgba(37,99,235,.03),transparent 65%);border-radius:50%;pointer-events:none}
.adv::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border:2px solid rgba(37,99,235,.05);border-radius:50%;pointer-events:none}
.adv-grid{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.adv-item{display:flex;gap:20px;padding:34px;border-radius:20px;border:1px solid transparent;transition:all .45s cubic-bezier(.16,1,.3,1)}
.adv-item:hover{background:linear-gradient(135deg,#f8fafe,#fff);border-color:rgba(37,99,235,.08);box-shadow:0 12px 40px rgba(37,99,235,.05);transform:translateX(6px)}
.adv-n{font-family:'Cormorant Garamond',serif;font-size:52px;font-weight:700;min-width:60px;background:linear-gradient(180deg,rgba(37,99,235,.14),rgba(37,99,235,.02));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.adv-t h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;margin-bottom:8px}
.adv-t p{font-size:14px;color:var(--tm);line-height:1.65;font-weight:300}

/* ═══════════════ PROCESS ═══════════════ */
.process{padding:120px 56px;background:linear-gradient(180deg,#f0f4fb,#f7f9fe)}
.proc-steps{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.proc-steps::before{content:'';position:absolute;top:40px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,var(--az),var(--cy),var(--sk));opacity:.12;border-radius:2px}
.stp{text-align:center;position:relative}
.stp-n{width:52px;height:52px;margin:0 auto 18px;background:#fff;border:2px solid rgba(37,99,235,.1);border-radius:50%;display:grid;place-items:center;font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;color:var(--az);transition:all .4s;position:relative;z-index:2;box-shadow:0 4px 16px rgba(37,99,235,.06)}
.stp:hover .stp-n{background:linear-gradient(135deg,var(--az),var(--cy));color:#fff;border-color:transparent;transform:scale(1.12);box-shadow:0 6px 24px rgba(37,99,235,.18)}
.stp h3{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:700;margin-bottom:6px}
.stp p{font-size:13px;color:var(--tl);line-height:1.6;font-weight:300;max-width:180px;margin:0 auto}

/* ═══════════════ FAQ ═══════════════ */
.faq{padding:120px 56px;background:#fff}
.faq-list{max-width:760px;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(--az)}
.faq-arr{width:30px;height:30px;border-radius:50%;background:rgba(37,99,235,.05);display:grid;place-items:center;transition:all .35s;flex-shrink:0}
.faq-item.open .faq-arr{background:var(--az);transform:rotate(180deg)}
.faq-item.open .faq-arr svg{stroke:#fff}
.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 ═══════════════ */
.cta{padding:120px 56px;background:linear-gradient(180deg,#f7f9fe,#f0f4fb)}
.cta-card{position:relative;max-width:740px;margin:0 auto;padding:76px 60px;text-align:center;background:linear-gradient(155deg,#1e3a8a,#1e40af 40%,#0e7490);border-radius:32px;overflow:hidden;box-shadow:0 32px 80px rgba(30,64,175,.18)}
.cta-card::before{content:'';position:absolute;inset:0;background:
  radial-gradient(circle at 20% 25%,rgba(255,255,255,.12),transparent 45%),
  radial-gradient(circle at 80% 75%,rgba(255,255,255,.06),transparent 40%);
  pointer-events:none}
.cta-card::after{content:'';position:absolute;top:-40%;right:-25%;width:380px;height:380px;border:1px solid rgba(255,255,255,.05);border-radius:50%;pointer-events:none;animation:ctaring 22s linear infinite}
@keyframes ctaring{to{transform:rotate(360deg)}}
.cta-card .cta-ring2{position:absolute;bottom:-30%;left:-20%;width:300px;height:300px;border:1px dashed rgba(255,255,255,.04);border-radius:50%;pointer-events:none;animation:ctaring 35s linear infinite reverse}
.cta-card h2{position:relative;z-index:1;font-family:'Cormorant Garamond',serif;font-size:42px;font-weight:700;color:#fff;margin-bottom:16px;line-height:1.12}
.cta-card>p{position:relative;z-index:1;font-size:17px;color:rgba(255,255,255,.72);margin-bottom:36px;font-weight:300}
.cta-btns{position:relative;z-index:1;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-w{display:inline-flex;align-items:center;gap:10px;padding:15px 34px;background:#fff;color:var(--az);border-radius:14px;font-size:15px;font-weight:600;text-decoration:none;transition:all .4s;box-shadow:0 4px 20px rgba(0,0,0,.1)}
.btn-w:hover{transform:translateY(-3px);box-shadow:0 8px 36px rgba(0,0,0,.16)}
.btn-g{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:14px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;backdrop-filter:blur(4px)}
.btn-g:hover{background:rgba(255,255,255,.22);transform:translateY(-2px)}

/* ═══════════════ FOOTER ═══════════════ */
.foot{padding:40px 56px;border-top:1px solid rgba(37,99,235,.06);background:#f0f4fb}
.foot-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.foot-c{font-size:13px;color:var(--tl)}
.foot-note{font-size:11px;color:var(--tf);text-align:center;max-width:680px;margin:14px auto 0;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 cubic-bezier(.16,1,.3,1);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::after{content:'Написати нам';position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(6px);background:#1e293b;color:#fff;padding:7px 13px;border-radius:8px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s}
.tgf:hover{transform:scale(1.1);box-shadow:0 8px 36px rgba(42,171,238,.45)}
.tgf:hover::after{opacity:1;transform:translateY(-50%) translateX(0)}
@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}

/* ═══════════════ TG ICON INLINE SVG ═══════════════ */
.tgi{display:inline-block;vertical-align:middle;flex-shrink:0}

/* ═══════════════ RESPONSIVE ═══════════════ */
@media(max-width:1024px){
  .hero-inner{grid-template-columns:1fr;text-align:center;padding:100px 32px 60px}
  .hero-p{margin:0 auto 38px}
  .hero-btns,.trust-row{justify-content:center}
  .hr{order:-1}
  .sw{width:320px;height:320px}
  .ss{width:250px!important;height:250px!important}
  .r1{width:280px;height:280px}.r2{width:310px;height:310px}.r3{width:335px;height:335px}
  .sg{width:230px;height:230px}
  .sv-grid{grid-template-columns:1fr;max-width:480px}
  .adv-grid,.cl-grid{grid-template-columns:1fr}
  .stats-g{grid-template-columns:repeat(2,1fr)}
  .proc-steps{grid-template-columns:repeat(2,1fr);gap:32px}
  .proc-steps::before{display:none}
  .promo-card{flex-direction:column;text-align:center}
  .jupiter-wrap{width:120px;height:150px}
  .jupiter-img{width:100px!important}
  .timer{text-align:center}
  .timer-row{justify-content:center}
  .nav{padding:0 20px}
}
@media(max-width:600px){
  .nav-r{display:none}
  .stats-g{gap:16px}
  .cta-card{padding:52px 24px}
  .cta-card h2{font-size:30px}
  .timer-row{flex-wrap:wrap;justify-content:center}
}

/* ═══ PROMO JUPITER ANIMATIONS ═══ */
/* Jupiter wrapper — centers ring & glow on image */
.jupiter-wrap{
  position:relative;
  width:160px;height:200px;
  flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}

/* Rotating glow ring */
.promo-jupiter .promo-ring{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:180px;height:180px;border-radius:50%;
  border:1.5px solid rgba(251,191,36,.15);
  animation:promo-ring-spin 12s linear infinite;
  pointer-events:none;
}
.promo-jupiter .promo-ring::before{
  content:'';position:absolute;top:-4px;left:50%;
  width:8px;height:8px;background:#fbbf24;border-radius:50%;
  box-shadow:0 0 14px #fbbf24,0 0 30px rgba(251,191,36,.4);
}
.promo-jupiter .promo-ring::after{
  content:'';position:absolute;bottom:-3px;right:20%;
  width:5px;height:5px;background:var(--sk);border-radius:50%;
  box-shadow:0 0 10px var(--sk);
}
@keyframes promo-ring-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}

/* Floating golden particles */
.promo-particle{
  position:absolute;border-radius:50%;pointer-events:none;
  background:#fbbf24;opacity:0;
}
.pp1{width:3px;height:3px;top:20%;left:15%;animation:pp-float 5s ease-in-out infinite}
.pp2{width:4px;height:4px;top:70%;left:8%;animation:pp-float 6s ease-in-out 1s infinite}
.pp3{width:2px;height:2px;top:30%;right:15%;animation:pp-float 4.5s ease-in-out 2s infinite}
.pp4{width:3px;height:3px;bottom:20%;right:25%;animation:pp-float 5.5s ease-in-out .5s infinite}
.pp5{width:2px;height:2px;top:50%;left:25%;animation:pp-float 7s ease-in-out 3s infinite}
.pp6{width:3px;height:3px;top:15%;right:35%;animation:pp-float 4s ease-in-out 1.5s infinite}
@keyframes pp-float{
  0%,100%{opacity:0;transform:translateY(0) scale(.5)}
  25%{opacity:.7;transform:translateY(-10px) scale(1.2)}
  50%{opacity:.4;transform:translateY(-20px) scale(1)}
  75%{opacity:.8;transform:translateY(-10px) scale(1.3)}
}

/* Pulsing golden glow behind Jupiter */
.promo-jupiter .jupiter-glow{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:160px;height:160px;border-radius:50%;
  background:radial-gradient(circle,rgba(251,191,36,.12),rgba(37,99,235,.05) 60%,transparent 75%);
  animation:jup-glow 3s ease-in-out infinite;
  pointer-events:none;
}
@keyframes jup-glow{
  0%,100%{opacity:.4;transform:translate(-50%,-50%) scale(1)}
  50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}
}

/* Shimmer sweep across entire banner */
.promo-jupiter .promo-shimmer{
  position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:24px;
}
.promo-jupiter .promo-shimmer::before{
  content:'';position:absolute;top:0;left:-100%;
  width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),rgba(251,191,36,.06),rgba(255,255,255,.04),transparent);
  animation:promo-sweep 6s ease-in-out infinite;
  transform:skewX(-15deg);
}
@keyframes promo-sweep{
  0%,100%{left:-100%}
  50%{left:150%}
}

/* Lightning bolt flash effect — Zeus aesthetic */
.promo-jupiter .promo-flash{
  position:absolute;top:8%;right:8%;
  width:32px;height:64px;opacity:0;pointer-events:none;
  filter:drop-shadow(0 0 8px rgba(251,191,36,.6)) drop-shadow(0 0 20px rgba(251,191,36,.3));
  z-index:5;
}
.promo-jupiter .promo-flash>svg:first-child{
  width:100%;height:100%;
}
.promo-jupiter .flash-mini{
  position:absolute;top:15%;right:-60%;
  width:55%;height:55%;
  opacity:.7;
  transform:rotate(12deg);
}
.promo-flash{animation:zeus-flash 7s ease-in-out infinite}

/* Flash illumination on the banner */
.promo-jupiter .promo-flash-glow{
  position:absolute;top:0;right:0;
  width:200px;height:200px;
  background:radial-gradient(circle at 70% 30%,rgba(251,191,36,.15),transparent 60%);
  border-radius:50%;opacity:0;pointer-events:none;
  animation:flash-glow 7s ease-in-out infinite;
}

@keyframes zeus-flash{
  0%,85%{opacity:0}
  86%{opacity:0}
  87%{opacity:.85}
  87.5%{opacity:.2}
  88%{opacity:0}
  89.5%{opacity:0}
  90%{opacity:1}
  90.3%{opacity:.9}
  90.6%{opacity:1}
  91%{opacity:.5}
  91.5%{opacity:0}
  100%{opacity:0}
}

@keyframes flash-glow{
  0%,85%{opacity:0}
  87%{opacity:.6}
  87.5%{opacity:.1}
  88%{opacity:0}
  90%{opacity:.8}
  91%{opacity:.3}
  91.5%{opacity:0}
  100%{opacity:0}
}

/* Promo code pulse */
.promo-jupiter .promo-code{
  animation:code-pulse 2.5s ease-in-out infinite;
}
@keyframes code-pulse{
  0%,100%{box-shadow:0 2px 12px rgba(251,191,36,.3)}
  50%{box-shadow:0 2px 12px rgba(251,191,36,.3),0 0 20px rgba(251,191,36,.2),0 0 40px rgba(251,191,36,.1)}
}


/* ═══ REAL COLUMN IMAGES ═══ */
.real-col{
  position:absolute;
  top:0;
  height:100%;
  width:auto;
  object-fit:cover;
  pointer-events:none;
  opacity:.3;
  z-index:1;
}
.real-col-left{
  left:0;
  transform:none;
}
.real-col-right{
  right:0;
  transform:scaleX(-1);
}

/* Checklist content stays centered with room for columns */
.checklist{
  position:relative;
  overflow:hidden;
}
.checklist .sec-hdr,
.checklist .cl-grid{
  position:relative;
  z-index:2;
}
.cl-grid{
  max-width:680px !important;
}

@media(max-width:1200px){
  .real-col{opacity:.2}
  .cl-grid{max-width:620px !important}
}
@media(max-width:1024px){
  .real-col{opacity:.15}
  .cl-grid{max-width:100% !important}
}
@media(max-width:768px){
  .real-col{display:none}
}

/* ═══ GREEK PATTERN STRIP ═══ */
.greek-pattern-strip{
  width:100%;
  height:40px;
  background:url("images/img1.svg") repeat-x center center;
  background-size:auto 100%;
  opacity:.35;
}
.pattern-section{
  background:#fff;
  padding:12px 0;
}

/* ═══ MOSAIC MEANDER — Greek key in mosaic style ═══ */
.mosaic-meander{
  width:100%;height:26px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 22' width='32' height='22'%3E%3Cg fill='%232563eb'%3E%3Crect x='1' y='0' width='3' height='2'/%3E%3Crect x='9' y='0' width='3' height='2'/%3E%3Crect x='17' y='0' width='3' height='2'/%3E%3Crect x='25' y='0' width='3' height='2'/%3E%3C/g%3E%3Cpath d='M 2 5 L 30 5 L 30 19 L 6 19 L 6 9 L 26 9 L 26 15 L 10 15 L 10 12 L 22 12' stroke='%232563eb' stroke-width='1.8' fill='none' stroke-linecap='square'/%3E%3Cg fill='%232563eb'%3E%3Crect x='1' y='20' width='3' height='2'/%3E%3Crect x='9' y='20' width='3' height='2'/%3E%3Crect x='17' y='20' width='3' height='2'/%3E%3Crect x='25' y='20' width='3' height='2'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:repeat-x;
  background-size:auto 100%;
  background-position:center;
  opacity:.45;
}
.mosaic-section{
  background:linear-gradient(180deg,#fff 0%,#f4f8ff 50%,#fff 100%);
  padding:24px 0;
}
@media(max-width:600px){
  .mosaic-meander{height:20px}
  .mosaic-section{padding:16px 0}
}

/* ═══ URGENCY / SALES BLOCK ═══ */
.urgency{
  position:relative;
  padding:100px 56px;
  background:#fff;
  overflow:hidden;
}
.urgency-bull{
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:500px;height:auto;
  opacity:.045;
  pointer-events:none;z-index:0;
}
.urgency-inner{
  position:relative;z-index:2;
  max-width:900px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:40px;
  align-items:center;
}
.urgency-text{}
.urgency-text .sec-tag{justify-content:flex-start}
.urgency-text h2{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(28px,3vw,42px);font-weight:700;
  line-height:1.15;margin-bottom:16px;
}
.urgency-text h2 em{
  font-style:italic;
  color:var(--az);
}
.urgency-text p{
  font-size:16px;color:var(--tm);line-height:1.7;
  font-weight:300;margin-bottom:28px;
}
.urgency-text p b{font-weight:600;color:var(--td)}
.urgency-list{
  display:flex;flex-direction:column;gap:12px;margin-bottom:32px;
}
.urgency-li{
  display:flex;align-items:center;gap:10px;
  font-size:15px;font-weight:500;color:var(--tm);
}
.urgency-li svg{flex-shrink:0}
.urgency-right{
  text-align:center;
}
.urgency-card{
  background:linear-gradient(160deg,#f8fafe,#eef3fc);
  border:1px solid rgba(37,99,235,.08);
  border-radius:24px;padding:40px 32px;
  box-shadow:0 8px 32px rgba(37,99,235,.05);
}
.urgency-card .big-num{
  font-family:'Cormorant Garamond',serif;
  font-size:72px;font-weight:700;
  background:linear-gradient(135deg,var(--az),var(--cy));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;line-height:1;margin-bottom:8px;
}
.urgency-card .big-label{
  font-size:14px;color:var(--tl);letter-spacing:1px;
  text-transform:uppercase;font-weight:600;margin-bottom:20px;
}
.urgency-card .trust-line{
  font-size:13px;color:var(--tm);line-height:1.6;
  font-weight:400;
}
.urgency-card .trust-line b{color:var(--az);font-weight:700}

@media(max-width:1024px){
  .urgency-inner{grid-template-columns:1fr;text-align:center}
  .urgency-text .sec-tag{justify-content:center}
  .urgency-bull{width:350px}
}
@media(max-width:600px){
  .urgency{padding:80px 24px}
  .urgency-bull{width:250px}
}


/* ════════════════════════════════════════════════════════════
   VISUAL UPGRADE — premium ancient-Greek polish
   (nav messengers · hero wave · ambient glows · relic imagery · footer)
   ════════════════════════════════════════════════════════════ */

/* ─── NAV: center links + messenger circles ─── */
.nav-links{display:flex;align-items:center;gap:2px}
.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 cubic-bezier(.16,1,.3,1),box-shadow .3s;position:relative}
.soc svg{width:17px;height:17px}
.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)}


/* ─── AMBIENT COLOUR GLOWS — life for the pale sections ─── */
.amb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:1;opacity:.55}
.amb-a{width:460px;height:460px;top:-40px;left:-90px;background:radial-gradient(circle,rgba(37,99,235,.22),transparent 70%)}
.amb-b{width:400px;height:400px;bottom:-80px;right:-90px;background:radial-gradient(circle,rgba(8,145,178,.18),transparent 70%)}
.amb-g{width:460px;height:460px;top:42%;left:-130px;background:radial-gradient(circle,rgba(8,145,178,.20),transparent 70%)}
.amb-c{width:520px;height:520px;top:-140px;left:-140px;background:radial-gradient(circle,rgba(37,99,235,.16),transparent 70%)}
.amb-d{width:440px;height:440px;top:50%;left:-150px;transform:translateY(-50%);background:radial-gradient(circle,rgba(37,99,235,.15),transparent 70%)}
.amb-e{width:420px;height:420px;top:-90px;right:-70px;background:radial-gradient(circle,rgba(14,165,233,.18),transparent 70%)}
.amb-f{width:380px;height:380px;bottom:-90px;left:-70px;background:radial-gradient(circle,rgba(8,145,178,.16),transparent 70%)}

/* ─── RELIC IMAGERY — ancient artefacts woven into the design ─── */
.relic{position:absolute;pointer-events:none;z-index:0;mix-blend-mode:multiply}
.relic-bronze{
  top:70px;right:30px;width:300px;height:auto;opacity:.12;
  filter:contrast(1.05);animation:relic-rotate 90s linear infinite;
}
@keyframes relic-rotate{to{transform:rotate(360deg)}}
.relic-perseus{
  right:-10px;bottom:0;height:94%;width:auto;opacity:.16;filter:contrast(1.08);
}
.relic-terracotta{
  right:-60px;bottom:-40px;width:560px;height:auto;opacity:.14;filter:contrast(1.04);
}

/* Lift real content above ambient + relics */
.services>.sec-hdr,.services .sv-grid,
.adv>.sec-hdr,.adv .adv-grid,
.process>.sec-hdr,.process .proc-steps,
.faq>.sec-hdr,.faq .faq-list{position:relative;z-index:2}

/* Sections that needed a stacking + clipping context */
.process{position:relative;overflow:hidden}
.faq{position:relative;overflow:hidden}

/* Richer section bases (less "default", still calm) */
.services{background:linear-gradient(180deg,#f4f8ff 0%,#eaf1fb 55%,#eef3fc 100%)}
.process{background:linear-gradient(180deg,#eef3fc 0%,#f5f8ff 100%)}
/* Drop the old faint Greek word — names removed sitewide */
.services::after{display:none}

/* ─── URGENCY — reposition the Minoan bull, add ambient ─── */
.urgency-bull{
  top:auto;bottom:-60px;left:auto;right:-50px;
  transform:rotate(-4deg);width:600px;opacity:.06;
}
.urgency::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse 42% 55% at 8% 25%,rgba(37,99,235,.09),transparent 60%),
    radial-gradient(ellipse 42% 55% at 92% 75%,rgba(8,145,178,.08),transparent 60%);
}

/* ─── CTA — give the backdrop depth ─── */
.cta{position:relative;overflow:hidden}
.cta::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 50% 50% at 15% 18%,rgba(37,99,235,.12),transparent 60%),
    radial-gradient(ellipse 46% 52% at 85% 82%,rgba(8,145,178,.11),transparent 60%),
    radial-gradient(ellipse 40% 40% at 50% 112%,rgba(14,165,233,.09),transparent 55%);
}
.cta-card{z-index:1}

/* ─── FOOTER — navigation + messengers ─── */
.foot{padding:52px 56px 40px}
.foot-inner{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.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-bottom .foot-c{margin-bottom:10px}

/* ─── RESPONSIVE for new elements ─── */
@media(max-width:980px){
  .nav-links{display:none}
}
@media(max-width:1024px){
  .relic-perseus{height:70%;opacity:.12}
  .relic-bronze{width:280px}
  .relic-terracotta{width:340px}
}
@media(max-width:768px){
  .foot-inner{flex-direction:column;text-align:center;gap:20px}
}
@media(max-width:600px){
  .nav-r{display:flex}
  .nav-soc{gap:6px;margin-right:4px}
  .soc{width:32px;height:32px}
  .soc svg{width:15px;height:15px}
  .nav-cta{padding:7px 14px;font-size:13px}
}


/* ════════════════════════════════════════════════════════════
   MOBILE OPTIMIZATION — compact, 2-col where possible, less padding
   ════════════════════════════════════════════════════════════ */

@media(max-width:768px){
  /* Nav — compact, fits everything */
  .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}
  .trust-row{justify-content:center;gap:12px}
  .trust-badge{font-size:11px}

  /* Hero — tighter */
  .hero-inner{padding:80px 18px 50px;gap:24px}
  h1{font-size:40px!important;line-height:1.05;margin-bottom:16px}
  .hero-p{font-size:15px;line-height:1.6;margin-bottom:24px}
  .badge{margin-bottom:18px;font-size:10px;padding:6px 14px;letter-spacing:1.8px}
  .hero-btns{gap:8px;margin-bottom:22px}
  .btn{padding:13px 22px;font-size:14px}
  .trust-row{gap:14px}
  .trust-badge{font-size:12px}
  .sw{width:280px;height:280px}
  .ss{width:200px!important;height:200px!important}
  .r1{width:240px;height:240px}.r2{width:265px;height:265px}.r3{width:285px;height:285px}
  .sg{width:200px;height:200px}
  .pw{width:200px;height:200px}
  .hero-alpha{font-size:140px!important}
  .hero-alpha-2{font-size:100px!important}

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

  /* Checklist — 2 cols on mobile */
  .checklist{padding:60px 16px}
  .cl-grid{grid-template-columns:1fr 1fr!important;gap:10px;max-width:100%!important}
  .cl-item{padding:12px 10px;gap:8px;flex-direction:column;text-align:center;align-items:flex-start;text-align:left;flex-direction:row}
  .cl-icon{width:26px;height:26px;border-radius:7px}
  .cl-icon svg{width:11px;height:11px}
  .cl-text{font-size:12px;line-height:1.35}

  /* Promo — compact */
  .promo{padding:0 16px}
  .promo-card{padding:30px 22px;gap:18px;border-radius:18px}
  .promo-jupiter h3{font-size:22px;line-height:1.2}
  .promo-jupiter p{font-size:13px;margin-bottom:14px}
  .promo-deity{font-size:11px;letter-spacing:2px}
  .promo-code{font-size:14px;padding:4px 11px;letter-spacing:2px}
  .jupiter-wrap{width:100px;height:120px}
  .jupiter-img{width:80px!important}
  .timer-box{padding:7px 9px;min-width:42px}
  .timer-box .n{font-size:20px}
  .timer-box .l{font-size:8px}

  /* Services — 2 cols on mobile */
  .services{padding:60px 16px}
  .sv-grid{grid-template-columns:1fr 1fr!important;gap:10px;max-width:100%}
  .sv-card{padding:18px 14px;border-radius:14px}
  .sv-icon{width:38px;height:38px;font-size:18px;margin-bottom:10px;border-radius:10px}
  .sv-h{font-size:15px;line-height:1.2;margin-bottom:6px}
  .sv-p{font-size:12px;line-height:1.45}
  .sv-cnt{font-size:10px;margin-top:8px}

  /* Stats — 2x2 tighter */
  .stats{padding:50px 18px}
  .stats-g{gap:12px}
  .st{padding:14px 8px;border-radius:12px}
  .st-n{font-size:32px;margin-bottom:4px}
  .st-l{font-size:10px;letter-spacing:1px}

  /* Advantages — 2 cols, compact */
  .adv{padding:60px 16px}
  .adv-grid{grid-template-columns:1fr 1fr;gap:10px;max-width:100%}
  .adv-item{padding:16px 12px;gap:10px;flex-direction:column;border-radius:14px}
  .adv-n{font-size:32px;min-width:auto}
  .adv-t h3{font-size:14px;line-height:1.2;margin-bottom:4px}
  .adv-t p{font-size:11.5px;line-height:1.45}

  /* Process — 2 cols, compact */
  .process{padding:60px 16px}
  .proc-steps{grid-template-columns:1fr 1fr;gap:18px;max-width:100%}
  .stp-n{width:38px;height:38px;font-size:16px;margin-bottom:10px}
  .stp h3{font-size:14px;margin-bottom:4px}
  .stp p{font-size:11.5px;max-width:140px}

  /* Urgency — compact */
  .urgency{padding:50px 18px!important}
  .urgency-inner{gap:24px}
  .urgency-text h2{font-size:24px}
  .urgency-text p{font-size:13.5px;margin-bottom:20px}
  .urgency-li{font-size:13px;gap:8px}
  .urgency-list{gap:8px;margin-bottom:22px}
  .urgency-card{padding:24px 18px;border-radius:18px}
  .urgency-card .big-num{font-size:48px}
  .urgency-card .big-label{font-size:11px;letter-spacing:.8px;margin-bottom:12px}
  .urgency-card .trust-line{font-size:11.5px}
  .urgency-bull{width:240px;opacity:.04}

  /* FAQ — tighter */
  .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 */
  .cta{padding:60px 16px}
  .cta-card{padding:44px 22px;border-radius:24px}
  .cta-card h2{font-size:26px}
  .cta-card>p{font-size:14px;margin-bottom:24px}
  .btn-w,.btn-g{padding:13px 22px;font-size:13.5px}
  .laurel{width:50px!important;height:50px!important}

  /* Marquees — smaller */
  .mq{padding:12px 0}
  .mq-item{font-size:14px;padding:0 20px}
  .mq-prop{padding:14px 0}
  .mq-prop .mq-item{font-size:11px;letter-spacing:2px;padding:0 12px}

  /* Greek pattern strip */
  .pattern-section{padding:8px 0}
  .greek-pattern-strip{height:28px}

  /* 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 smaller */
  .tgf{width:50px;height:50px;bottom:18px;right:18px}
  .tgf svg{width:22px;height:22px}

  /* Hide heavy relics on mobile (they add visual noise) */
  .relic{display:none}
  .real-col{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}
  h1{font-size:36px!important}
  .hero-inner{padding:84px 14px 40px}
  .sec-t{font-size:24px!important}
  .cl-grid{grid-template-columns:1fr!important}
  .sv-grid{gap:8px}
  .sv-card{padding:14px 12px}
  .adv-grid{grid-template-columns:1fr}
  .proc-steps{grid-template-columns:1fr;gap:22px}
}


/* ════════════════════════════════════════════════════════════
   SERVICES CTA — кнопка під картками
   ════════════════════════════════════════════════════════════ */
.sv-cta-wrap{
  position:relative;z-index:2;
  text-align:center;
  margin:46px auto 0;
}
.sv-cta{
  display:inline-flex;align-items:center;gap:12px;
  padding:17px 38px;
  background:linear-gradient(135deg,var(--az),var(--cy));
  color:#fff;text-decoration:none;
  border-radius:14px;
  font-size:16px;font-weight:600;letter-spacing:.3px;
  box-shadow:0 8px 28px rgba(37,99,235,.32);
  position:relative;overflow:hidden;
  transition:all .4s cubic-bezier(.16,1,.3,1);
}
.sv-cta::after{
  content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  transition:left .6s;
}
.sv-cta:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(37,99,235,.45)}
.sv-cta:hover::after{left:100%}
.sv-cta-note{
  margin-top:14px;
  font-size:13px;color:var(--tl);
  font-weight:400;
  display:flex;align-items:center;justify-content:center;gap:6px;
}
.sv-cta-note::before{
  content:'';width:6px;height:6px;background:#10b981;border-radius:50%;
  box-shadow:0 0 0 4px rgba(16,185,129,.18);
  animation:pulse-dot 2s ease-in-out infinite;
}
@keyframes pulse-dot{
  0%,100%{box-shadow:0 0 0 4px rgba(16,185,129,.18)}
  50%{box-shadow:0 0 0 8px rgba(16,185,129,0)}
}

/* ════════════════════════════════════════════════════════════
   Видимість реліквій (на ~50% виразніше)
   ════════════════════════════════════════════════════════════ */
.relic-bronze{opacity:.18}
.relic-perseus{opacity:.24}
.relic-terracotta{opacity:.22}
.urgency-bull{opacity:.09}
.real-col{opacity:.42}
.jupiter-img{opacity:.96}

@media(max-width:768px){
  .sv-cta-wrap{margin-top:32px}
  .sv-cta{padding:14px 28px;font-size:14.5px}
  .sv-cta-note{font-size:12px;margin-top:10px}
}