/* =============================================================
	 DESIGN TOKENS — LIGHT (default)
	 ============================================================= */
:root,[data-theme="light"]{
	--bg:#f0f7ff; --bg-card:rgba(255,255,255,.92); --bg-nav:rgba(240,248,255,.94);
	--bg-pill:rgba(10,24,48,.04); --bg-toggle:rgba(10,24,48,.06);
	--text:#0a1830; --muted:rgba(10,24,48,.5);
	--border:rgba(18,81,200,.14); --border-hov:rgba(18,81,200,.38);
	--shadow:rgba(18,81,200,.18); --shadow-card:rgba(18,81,200,.08);
	--nav-shadow:0 1px 22px rgba(18,81,200,.09);
	--glow1:rgba(21,81,200,.07); --glow2:rgba(41,182,246,.05); --glow3:rgba(245,166,35,.05);
	--star-op:0; --plane-op:.055; --ring-c:rgba(18,81,200,.1);
	--ey-c:#1251c8;
	--step-ln:linear-gradient(90deg,transparent,rgba(18,81,200,.22),rgba(245,166,35,.22),rgba(18,81,200,.22),transparent);
	--pill-bd:rgba(10,24,48,.1); --pill-tx:rgba(10,24,48,.65);
	--hbadge-bg:rgba(245,166,35,.1); --hbadge-bd:rgba(245,166,35,.36);
	--stat-hov:rgba(18,81,200,.14);
	--foot-copy:rgba(10,24,48,.4);
	--gift-from:rgba(224,238,255,.88); --gift-to:rgba(200,222,255,.42); --gift-deco:rgba(245,166,35,.06);
	--grad1:#1251c8; --grad2:#29b6f6; --grad3:#f59e0b;
	--fb-bg:rgba(255,255,255,.97); --fb-bd:rgba(18,81,200,.18);
	--ls-bg:rgba(240,248,255,.98); --ls-shadow:rgba(18,81,200,.14);
}
/* DARK */
[data-theme="dark"]{
	--bg:#05101f; --bg-card:rgba(10,22,56,.55); --bg-nav:rgba(5,16,31,.88);
	--bg-pill:rgba(255,255,255,.05); --bg-toggle:rgba(238,246,255,.07);
	--text:#eef6ff; --muted:rgba(238,246,255,.46);
	--border:rgba(41,182,246,.18); --border-hov:rgba(41,182,246,.42);
	--shadow:rgba(0,0,0,.5); --shadow-card:rgba(41,182,246,.07);
	--nav-shadow:none;
	--glow1:rgba(21,81,200,.22); --glow2:rgba(41,182,246,.06); --glow3:rgba(245,166,35,.07);
	--star-op:1; --plane-op:.025; --ring-c:rgba(41,182,246,.14);
	--ey-c:#29b6f6;
	--step-ln:linear-gradient(90deg,transparent,rgba(41,182,246,.3),rgba(245,166,35,.25),rgba(41,182,246,.3),transparent);
	--pill-bd:rgba(255,255,255,.1); --pill-tx:rgba(238,246,255,.75);
	--hbadge-bg:rgba(245,166,35,.08); --hbadge-bd:rgba(245,166,35,.3);
	--stat-hov:rgba(41,182,246,.22);
	--foot-copy:rgba(238,246,255,.3);
	--gift-from:rgba(10,22,56,.82); --gift-to:rgba(21,81,200,.14); --gift-deco:rgba(245,166,35,.07);
	--grad1:#29b6f6; --grad2:#b8e8ff; --grad3:#f5a623;
	--fb-bg:rgba(5,16,31,.94); --fb-bd:rgba(41,182,246,.22);
	--ls-bg:rgba(5,16,31,.96); --ls-shadow:rgba(0,0,0,.5);
}
/* Brand constants */
:root{--blue:#1251c8;--sky:#29b6f6;--gold:#f5a623;--r:16px;--r-lg:24px;--ease:cubic-bezier(.4,0,.2,1);--max:1140px}

/* =============================================================
	 SMOOTH THEME TRANSITIONS
	 ============================================================= */
body,.nav,.feat-card,.stat-card,.gift-in,.mq-wrap,footer,.pill,.hbadge,.fb,.tbtn,.lang-btn,.lang-menu,.lang-opt,.foot-dl a{
	transition:background-color .32s var(--ease),color .32s var(--ease),border-color .32s var(--ease),box-shadow .32s var(--ease);
}

/* =============================================================
	 RESET
	 ============================================================= */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.6}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}
svg{display:block}
h1,h2{margin: 0 0 16px 0;}
p{margin: 0 0 8px 0;}

/* Font override for RU/EL display headings */
[data-lang="ru"] .disp,[data-lang="el"] .disp{font-family:'Oswald',sans-serif;letter-spacing:0}
[data-lang="ru"] body,[data-lang="el"] body{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif}

/* =============================================================
	 STARS (dark) + LIGHT SKY ATMOSPHERE
	 ============================================================= */
.stars{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:var(--star-op);transition:opacity .45s var(--ease)}
.stars::before{content:'';position:absolute;width:1px;height:1px;background:transparent;animation:twA 6s ease-in-out infinite alternate;
	box-shadow:70px 40px rgba(255,255,255,.8),140px 110px rgba(255,255,255,.5),220px 65px rgba(255,255,255,.9),290px 32px rgba(255,255,255,.6),375px 95px rgba(255,255,255,.7),445px 50px rgba(255,255,255,.8),510px 138px rgba(255,255,255,.4),590px 22px rgba(255,255,255,.9),660px 98px rgba(255,255,255,.6),740px 58px rgba(255,255,255,.7),815px 128px rgba(255,255,255,.5),890px 42px rgba(255,255,255,.8),965px 82px rgba(255,255,255,.6),1045px 28px rgba(255,255,255,.9),1115px 118px rgba(255,255,255,.4),1195px 62px rgba(255,255,255,.7),1270px 26px rgba(255,255,255,.8),1345px 92px rgba(255,255,255,.5),35px 188px rgba(255,255,255,.7),118px 238px rgba(255,255,255,.5),198px 178px rgba(255,255,255,.8),276px 258px rgba(255,255,255,.4),358px 198px rgba(255,255,255,.9),438px 278px rgba(255,255,255,.6),518px 212px rgba(255,255,255,.7),598px 268px rgba(255,255,255,.5),678px 192px rgba(255,255,255,.8),758px 242px rgba(255,255,255,.4),838px 172px rgba(255,255,255,.9),918px 228px rgba(255,255,255,.6),998px 202px rgba(255,255,255,.7),1078px 262px rgba(255,255,255,.5),1158px 182px rgba(255,255,255,.8),1238px 248px rgba(255,255,255,.4),1318px 218px rgba(255,255,255,.9),58px 338px rgba(255,255,255,.6),138px 308px rgba(255,255,255,.8),228px 378px rgba(255,255,255,.5),308px 328px rgba(255,255,255,.7),398px 358px rgba(255,255,255,.4),488px 318px rgba(255,255,255,.9),568px 392px rgba(255,255,255,.6),658px 342px rgba(255,255,255,.8),738px 378px rgba(255,255,255,.5),828px 308px rgba(255,255,255,.7),908px 368px rgba(255,255,255,.4),988px 338px rgba(255,255,255,.9)}
.stars::after{content:'';position:absolute;width:2px;height:2px;border-radius:50%;background:transparent;animation:twB 9s ease-in-out infinite alternate;
	box-shadow:165px 52px 1px rgba(41,182,246,.9),415px 72px 1px rgba(255,255,255,.9),678px 34px 1px rgba(41,182,246,.8),938px 78px 1px rgba(255,255,255,.9),1188px 48px 1px rgba(41,182,246,.9),95px 158px 1px rgba(255,255,255,.8),548px 142px 1px rgba(41,182,246,.9),808px 168px 1px rgba(255,255,255,.8),1098px 152px 1px rgba(41,182,246,.8),248px 282px 1px rgba(255,255,255,.9),712px 272px 1px rgba(41,182,246,.8),1022px 292px 1px rgba(255,255,255,.8),458px 362px 1px rgba(41,182,246,.9),872px 352px 1px rgba(255,255,255,.8)}
@keyframes twA{0%{opacity:.4}100%{opacity:1}}
@keyframes twB{0%{opacity:.3;transform:scale(.8)}100%{opacity:1;transform:scale(1.3)}}

.latm{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .45s var(--ease);
	background:radial-gradient(ellipse 100% 60% at 50% -5%,rgba(186,220,255,.55) 0%,transparent 60%),
						 radial-gradient(ellipse 55% 40% at 8% 55%,rgba(210,232,255,.3) 0%,transparent 62%),
						 radial-gradient(ellipse 65% 50% at 92% 45%,rgba(200,230,255,.25) 0%,transparent 65%)}
[data-theme="light"] .latm{opacity:1}

/* =============================================================
	 LAYOUT
	 ============================================================= */
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
section{position:relative;z-index:1}
.sp{padding:80px 0}

/* =============================================================
	 TYPOGRAPHY
	 ============================================================= */
.disp{font-family:'Bebas Neue',sans-serif;line-height:.95;letter-spacing:.5px}
.xl{font-size:clamp(54px,13vw,100px)}
.lg{font-size:clamp(34px,7.5vw,66px)}

.gt{background:linear-gradient(110deg,var(--grad1) 0%,var(--grad2) 42%,var(--grad3) 100%);
	 -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
	 background-size:200% 100%;animation:shimmer 5s ease-in-out infinite alternate}
@keyframes shimmer{0%{background-position:0%}100%{background-position:100%}}

.ey{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--ey-c);margin-bottom:14px}
.ey::before{content:'';display:block;width:26px;height:1.5px;background:var(--ey-c)}
.ey.c{justify-content:center}.ey.c::before{display:none}.ey.c::after{content:'';display:block;width:26px;height:1.5px;background:var(--ey-c)}

/* =============================================================
	 NAV
	 ============================================================= */
.nav{
    position:fixed;top:0;left:0;right:0;z-index:200;padding:12px 20px;
	background:var(--bg-nav);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
	border-bottom:1px solid var(--border);box-shadow:var(--nav-shadow);
}
.ni{display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:0 auto}
.logo{display:flex;align-items:center;gap:10px}
.logo > img {filter: contrast(1.2);}
.lm{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--sky));display:flex;align-items:center;justify-content:center;flex-shrink:0}
.logo-n{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:1px;color:var(--text)}
.logo-n b{color:var(--gold);font-weight:400}
.nr{display:flex;align-items:center;gap:8px}

/* Language Switcher */
.lang-sw{position:relative}
.lang-btn{
    display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;
	border:1px solid var(--border);background:var(--bg-toggle);color:var(--text);
	font-size:13px;font-weight:500;transition:border-color .2s,background .2s;
}
.lang-btn:hover{border-color:var(--border-hov)}
.lang-flag{font-size:15px;line-height:1}
.lang-code{font-size:12px;font-weight:600;letter-spacing:.5px;min-width:18px}
.lang-arr{width:12px;height:12px;opacity:.6;flex-shrink:0;transition:transform .22s var(--ease)}
.lang-sw.open .lang-arr{transform:rotate(180deg)}

.lang-menu{
    position:absolute;top:calc(100% + 8px);right:0;
    background:var(--ls-bg);border:1px solid var(--border);border-radius:13px;
    padding:6px;min-width:158px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    box-shadow:0 14px 36px var(--ls-shadow);
    opacity:0;pointer-events:none;transform:translateY(-8px) scale(.97);
    transition:opacity .2s var(--ease),transform .2s var(--ease);z-index:300;
}
.lang-sw.open .lang-menu{opacity:1;pointer-events:all;transform:translateY(0) scale(1)}
.lang-opt{
    display:flex;align-items:center;gap:10px;padding:9px 13px;border-radius:8px;
    font-size:13px;width:100%;text-align:left;color:var(--text);font-family:inherit;
    transition:background .15s;
}
.lang-opt:hover{background:var(--bg-pill)}
.lang-opt.active{color:var(--sky)}
.lang-opt .lo-flag{font-size:15px}
.lang-opt .lo-name{flex:1}
.lang-opt .lo-check{width:14px;height:14px;flex-shrink:0;opacity:0}
.lang-opt.active .lo-check{opacity:1}

/* Theme Toggle */
.tbtn{
    width:38px;height:38px;border-radius:50%;border:1px solid var(--border);
	background:var(--bg-toggle);display:flex;align-items:center;justify-content:center;
	color:var(--text);transition:transform .22s var(--ease),background .32s,border-color .32s;
}
.tbtn:hover{transform:scale(1.1) rotate(18deg)}
.tbtn svg{width:17px;height:17px}
[data-theme="dark"]  .i-sun{display:block}[data-theme="dark"]  .i-moon{display:none}
[data-theme="light"] .i-sun{display:none}[data-theme="light"] .i-moon{display:block}

/* Nav Social Links */
.nav-social{display:none;gap:14px;margin-top: 8px;}
@media(min-width:768px){.nav-social{display:flex}}
.nav-social-link{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:all .2s var(--ease)}
.nav-social-link:hover{color:var(--text);}
.nav-social-link svg{width:16px;height:16px}
.nav-social-link img{width:auto;height:16px}
.nav-social-link:hover img{filter: drop-shadow(0px 0px 7px var(--blue));}
[data-theme="dark"] .nav-social-link img {filter: invert(1);}

/* Nav Download CTA */
.nav-dl{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:100px;
				background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff;
				font-size:14px;font-weight:500;white-space:nowrap;
				transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.nav-dl:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(41,182,246,.35)}

/* =============================================================
	 HERO
	 ============================================================= */
.hero{min-height:100svh;padding:108px 20px 64px;display:flex;align-items:center;overflow:hidden;position:relative}
.hglow{position:absolute;inset:0;pointer-events:none;
	background:radial-gradient(ellipse 120% 55% at 50% -5%,var(--glow1) 0%,transparent 65%),
						 radial-gradient(ellipse 55% 70% at 85% 55%,var(--glow2) 0%,transparent 60%);
	animation:hbr 9s ease-in-out infinite alternate}
@keyframes hbr{0%{opacity:.7}100%{opacity:1}}
.hfloor{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,var(--bg),transparent);pointer-events:none;transition:background .32s}
.hplane{position:absolute;top:22%;right:-80px;font-size:56px;opacity:var(--plane-op);animation:pfly 22s linear infinite;transform:rotate(-8deg) scaleX(-1);pointer-events:none;user-select:none}
@keyframes pfly{0%{right:-80px;top:22%}100%{right:110%;top:12%}}

.hgrid{position:relative;z-index:1;width:100%;max-width:var(--max);margin:0 auto;
			 display:grid;grid-template-columns:1fr;gap:52px;align-items:center}
@media(min-width:840px){.hgrid{grid-template-columns:1fr 1fr}}

.hbadge{display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border-radius:100px;
				border:1px solid var(--hbadge-bd);background:var(--hbadge-bg);
				font-size:13px;font-weight:500;color:var(--gold);margin-bottom:22px;
				animation:fu .8s var(--ease) both}
.htitle{margin-bottom:18px;animation:fu .85s .1s var(--ease) both}
.hsub{font-size:clamp(16px,2.5vw,19px);font-weight:300;color:var(--muted);max-width:440px;margin-bottom:32px;animation:fu .85s .2s var(--ease) both}
.hpills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px;animation:fu .85s .3s var(--ease) both}
.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:100px;
		 border:1px solid var(--pill-bd);background:var(--bg-pill);font-size:13px;color:var(--pill-tx)}
.pill svg{width:13px;height:13px;flex-shrink:0}
.hbtns{display:flex;flex-direction:column;gap:12px;animation:fu .85s .4s var(--ease) both}
@media(min-width:420px){.hbtns{flex-direction:row;flex-wrap:wrap}}
@keyframes fu{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}

/* Store buttons */
.bs{display:inline-flex;align-items:center;gap:12px;padding:13px 22px;border-radius:14px;font-size:14px;font-weight:500;flex-shrink:0;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.bs:hover{transform:translateY(-3px)}
.bs > img {filter: drop-shadow(0px 0px 1px black) contrast(1.1);}
.ba{background:#fff;color:#000;box-shadow:0 4px 20px rgba(0,0,0,.08)}.ba:hover{box-shadow:0 14px 36px rgba(0,0,0,.14)}
.bg2{background:var(--gold);color:#000;box-shadow:0 4px 20px rgba(245,166,35,.12)}.bg2:hover{box-shadow:0 14px 36px rgba(245,166,35,.28)}
.bico{width:26px;height:26px;flex-shrink:0}
.blbl{display:flex;flex-direction:column;line-height:1;gap:2px}
.blbl span:first-child{font-size:10px;opacity:.65;text-transform:uppercase;letter-spacing:.5px}
.blbl span:last-child{font-size:16px;font-weight:600;letter-spacing:-.2px}

/* =============================================================
	 PHONE MOCKUP — always dark
	 ============================================================= */
.pscene{display:flex;justify-content:center;align-items:center;padding:20px 0;animation:fu .9s .35s var(--ease) both}
.pwrap{position:relative}
.pglow{position:absolute;width:280px;height:280px;border-radius:50%;
			 background:radial-gradient(circle,rgba(41,182,246,.28),transparent 70%);
			 top:50%;left:50%;transform:translate(-50%,-55%);
			 animation:pga 4s ease-in-out infinite alternate;pointer-events:none}
@keyframes pga{0%{transform:translate(-50%,-55%) scale(1);opacity:.6}100%{transform:translate(-50%,-55%) scale(1.35);opacity:1}}
.phone{
    display: flex;
    flex-direction: column;
    width:248px;height:506px;border-radius:42px;border:2.5px solid rgba(41,182,246,.35);
	background:linear-gradient(160deg,#0c2050 0%,#05101f 65%);position:relative;z-index:1;overflow:hidden;
	box-shadow:0 32px 80px rgba(0,0,0,.55),0 0 0 1px rgba(41,182,246,.08),inset 0 1px 0 rgba(255,255,255,.1);
	animation:pfloat 5.5s ease-in-out infinite
}
@keyframes pfloat{0%,100%{transform:rotate(-2.5deg) translateY(0)}50%{transform:rotate(-2.5deg) translateY(-18px)}}
.pnotch{width:88px;height:26px;background:#05101f;border-radius:0 0 16px 16px;margin:0 auto;z-index:2;position:relative}
.pscr{display: flex;flex-direction: column; padding:6px 13px 14px; flex-shrink: 1;flex-grow: 1;}
.phone_content {flex-shrink: 1;flex-grow: 1;}
.pstat{display:flex;justify-content:space-between;align-items:center;font-size:9.5px;color:rgba(238,246,255,.4);padding:2px 0 8px}
.phdr{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.phico{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#1251c8,#29b6f6);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
.phname{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:.5px;color:#eef6ff}
.phname b{color:#f5a623;font-weight:400}
.pmap{height:88px;border-radius:11px;background:linear-gradient(135deg,#091a40,#0d2252);border:1px solid rgba(41,182,246,.14);position:relative;overflow:hidden;margin-bottom:9px}
.pmap::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(41,182,246,.055) 0,rgba(41,182,246,.055) 1px,transparent 1px,transparent 18px),repeating-linear-gradient(0deg,rgba(41,182,246,.055) 0,rgba(41,182,246,.055) 1px,transparent 1px,transparent 18px)}
.pdot{position:absolute;width:9px;height:9px;border-radius:50%;border:2px solid white;background:#f5a623;top:28%;left:22%}
.pdot::after{content:'';position:absolute;inset:-4px;border-radius:50%;background:rgba(245,166,35,.3);animation:ping 2.2s ease-out infinite}
.pdot2{top:52%;left:58%;background:#29b6f6}.pdot2::after{background:rgba(41,182,246,.3);animation-delay:.8s}
@keyframes ping{0%{transform:scale(1);opacity:.8}100%{transform:scale(2.8);opacity:0}}
.pcard{background:rgba(41,182,246,.07);border:1px solid rgba(41,182,246,.18);border-radius:10px;padding:10px;margin-bottom:8px}
.proute{display:flex;align-items:center;gap:5px;margin-bottom:7px;font-size:10px;color:#eef6ff}
.prd{width:5px;height:5px;border-radius:50%;background:#29b6f6;flex-shrink:0}
.prd2{background:#f5a623}
.prline{flex:1;height:1px;background:linear-gradient(90deg,#29b6f6,#f5a623)}
.pmeta{display:flex;justify-content:space-between;align-items:center;font-size:9.5px;color:rgba(238,246,255,.45)}
.pprice{color:#f5a623;font-weight:600;font-size:12px}
.ptag{display:inline-block;padding:2px 7px;background:rgba(41,182,246,.18);border-radius:4px;font-size:8.5px;color:#29b6f6;margin-top:4px}
.pnav{display:flex;justify-content:space-around;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}
.pni{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:8px;color:rgba(238,246,255,.65)}
.pni.active{color:#29b6f6}.pni svg{width:14px;height:14px}

/* Floating badges */
.fb{position:absolute;z-index:3;background:var(--fb-bg);border:1px solid var(--fb-bd);
		border-radius:13px;padding:9px 13px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none}
@media(min-width:600px){.fb{display:block}}
.fbl{left:-88px;top:95px;animation:fbf 6.5s ease-in-out infinite}
.fbr{right:-78px;bottom:115px;animation:fbf2 7.5s ease-in-out infinite}
@keyframes fbf{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
@keyframes fbf2{0%,100%{transform:translateY(0)}50%{transform:translateY(11px)}}
.fb-ico{font-size:15px;line-height:1;margin-bottom:3px}
.fb-txt{font-size:11px;font-weight:500;color:var(--text)}
.fb-sub{font-size:10px;color:var(--muted)}

/* =============================================================
	 MARQUEE
	 ============================================================= */
.mq-wrap{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);
				 background:rgba(12,30,74,.22);padding:28px 0;position:relative;z-index:1}
[data-theme="light"] .mq-wrap{background:rgba(218,236,255,.45)}
.mq-track{display:flex;width:max-content;animation:mq 22s linear infinite}
.mq-track:hover{animation-play-state:paused}
.mi{display:flex;align-items:center;gap:12px;padding:0 28px;font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:1.5px;color:var(--muted);white-space:nowrap}
[data-lang="ru"] .mi,[data-lang="el"] .mi{font-family:'Oswald',sans-serif;font-size:18px;letter-spacing:.5px}
.mi.hi{color:var(--text)}
.midot{width:4px;height:4px;border-radius:50%;background:var(--gold);flex-shrink:0}
@keyframes mq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* =============================================================
	 FEATURES
	 ============================================================= */
.fhdr{text-align:center;margin-bottom:56px}
.fhdr p{font-size:17px;color:var(--muted);max-width:520px;margin:0 auto}
.fgrid{display:grid;grid-template-columns:1fr;gap:18px;max-width:var(--max);margin:0 auto}
@media(min-width:540px){.fgrid{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.fgrid{grid-template-columns:repeat(4,1fr)}}
.feat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);
					 padding:28px 22px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
					 position:relative;overflow:hidden;box-shadow:0 4px 24px var(--shadow-card);
					 transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease),background-color .32s var(--ease)}
.feat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity .3s}
.feat-card:hover{transform:translateY(-7px);box-shadow:0 24px 56px var(--shadow);border-color:var(--border-hov)}
.feat-card:hover::before{opacity:1}
.csky::before{background:linear-gradient(90deg,var(--sky),transparent)}
.cgold::before{background:linear-gradient(90deg,var(--gold),transparent)}
.cblue::before{background:linear-gradient(90deg,var(--blue),var(--sky),transparent)}
.cteal::before{background:linear-gradient(90deg,#34d399,transparent)}
.fic{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.isky{background:rgba(41,182,246,.14)}.igold{background:rgba(245,166,35,.14)}.iblue{background:rgba(21,81,200,.18)}.iteal{background:rgba(52,211,153,.14)}
.feat-card h3{font-size:17px;font-weight:600;margin-bottom:8px;color:var(--text)}
.feat-card p{font-size:14px;color:var(--muted);line-height:1.65}

/* =============================================================
	 STEPS
	 ============================================================= */
.sw{max-width:var(--max);margin:0 auto}
.shdr{margin-bottom:56px}
.shdr p{font-size:17px;color:var(--muted);max-width:480px;margin-top:14px}
.sgrid{display:grid;grid-template-columns:1fr;gap:32px;position:relative}
@media(min-width:768px){
	.sgrid{grid-template-columns:repeat(3,1fr)}
	.sgrid::before{content:'';position:absolute;top:27px;left:calc(100%/6);right:calc(100%/6);height:1px;background:var(--step-ln)}
}
.step{display:flex;flex-direction:column;gap:14px}
@media(min-width:768px){.step{align-items:center;text-align:center}}
.snum{width:54px;height:54px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--blue),var(--sky));display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:22px;color:#fff;position:relative;z-index:1;box-shadow:0 0 0 6px rgba(41,182,246,.1)}
.step h3{font-size:18px;font-weight:600;color:var(--text)}
.step p{font-size:14px;color:var(--muted);line-height:1.65}

/* =============================================================
	 STATS
	 ============================================================= */
.sts{text-align:center}
.stgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:720px;margin:48px auto 0}
@media(min-width:540px){.stgrid{grid-template-columns:repeat(4,1fr)}}
.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);
					 padding:28px 12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
					 box-shadow:0 2px 18px var(--shadow-card);
					 transition:transform .3s var(--ease),border-color .3s,background-color .32s var(--ease),box-shadow .3s}
.stat-card:hover{transform:scale(1.04);border-color:var(--border-hov);box-shadow:0 12px 36px var(--stat-hov)}
.stnum{font-family:'Bebas Neue',sans-serif;font-size:54px;line-height:1;background:linear-gradient(135deg,var(--sky),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}
.stlbl{font-size:13px;color:var(--muted)}

/* =============================================================
	 GIFT
	 ============================================================= */
.gift-in{max-width:var(--max);margin:0 auto;
				 background:linear-gradient(135deg,var(--gift-from) 0%,var(--gift-to) 100%);
				 border:1px solid var(--border);border-radius:var(--r-lg);
				 padding:clamp(32px,5vw,56px) clamp(24px,5vw,52px);
				 display:grid;grid-template-columns:1fr;gap:44px;align-items:center;position:relative;overflow:hidden}
@media(min-width:768px){.gift-in{grid-template-columns:1.1fr 1fr}}
.gift-in::before{content:'';position:absolute;top:-40%;right:-15%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,var(--gift-deco),transparent 65%);pointer-events:none}
.gift-in p{font-size:16px;color:var(--muted);line-height:1.75;margin:16px 0 28px}
/* Gift cards — always dark */
.gcs{position:relative;height:190px}
.gc{width:282px;height:165px;border-radius:17px;padding:22px;position:absolute;box-shadow:0 22px 54px rgba(0,0,0,.4)}
.gc::before{content:'';position:absolute;inset:0;border-radius:17px;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent)}
.gc1{background:linear-gradient(140deg,#0c2252 0%,#1565e0 55%,#29b6f6 100%);top:0;left:0;z-index:2}
.gc2{background:linear-gradient(140deg,#111,#0d2052);top:22px;left:28px;z-index:1;opacity:.55;animation:gcf 4.5s ease-in-out infinite alternate}
@keyframes gcf{0%{transform:rotate(-2deg) translateY(0)}100%{transform:rotate(3deg) translateY(-10px)}}
.gclogo{font-family:'Bebas Neue',sans-serif;font-size:19px;margin-bottom:28px;color:#eef6ff}
.gclogo b{color:#f5a623;font-weight:400}
.gcfoot{display:flex;justify-content:space-between;align-items:flex-end}
.gcval{font-family:'Bebas Neue',sans-serif;font-size:22px;color:#f5a623}
.gcmeta{font-size:10px;color:rgba(238,246,255,.5);text-align:right;line-height:1.5}

/* =============================================================
	 FINAL CTA
	 ============================================================= */
.cta{text-align:center;padding:100px 20px;position:relative;overflow:hidden;z-index:1}
.cta::before{content:'';position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,var(--glow1),transparent 65%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.ctaplane{position:absolute;inset:0;font-size:340px;display:flex;align-items:center;justify-content:center;opacity:var(--plane-op);pointer-events:none;user-select:none;color:var(--text)}
.cta .xl{margin-bottom:18px;position:relative}
.cta > p{font-size:18px;color:var(--muted);max-width:480px;margin:0 auto 44px;line-height:1.7;position:relative}
.ctabtns{display:flex;flex-direction:column;gap:12px;align-items:center;position:relative;}
p+.ctabtns{margin-top: 16px;}
@media(min-width:420px){.ctabtns{flex-direction:row;justify-content:center}}
.ring{position:absolute;width:320px;height:120px;border-radius:100px;border:1px solid var(--ring-c);top:50%;left:50%;transform:translate(-50%,-50%);animation:rng 3s ease-out infinite;pointer-events:none}
.r2{animation-delay:1s}.r3{animation-delay:2s}
@keyframes rng{0%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(2.4);opacity:0}}

/* =============================================================
	 FOOTER
	 ============================================================= */
footer{border-top:1px solid var(--border);padding:44px 20px;position:relative;z-index:1}
.finner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr;gap:36px}
@media(min-width:768px){.finner{grid-template-columns:1.4fr 1fr 1fr;align-items:start}}
.flogo{margin-bottom:12px!important;display:inline-flex!important}
.fbrand p{font-size:13px;color:var(--muted);max-width:260px;line-height:1.65}
.social-links{display:flex;gap:12px;margin-top:16px}
.social-link{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border);color:var(--muted);transition:all .2s var(--ease)}
.social-link:hover{color:var(--text);border-color:var(--border-hov);background:var(--bg-pill)}
.social-link svg{width:20px;height:20px}
[data-theme="dark"] .social-link img {filter: invert(1);}
.fhead{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ey-c);margin-bottom:14px}
.flinks a,.flinks p{display:block;font-size:14px;color:var(--muted);margin-bottom:7px}
.flinks a:hover{color:var(--text)}
.fbot{display:flex;flex-direction:column;gap:14px}
@media(min-width:768px){.fbot{align-items:flex-end}}
.fcopy{font-size:12px;color:var(--foot-copy);line-height:1.7}
.foot-dl{display:flex;gap:10px;flex-wrap:wrap}
.foot-dl a{font-size:12px;color:var(--ey-c);padding:6px 12px;border:1px solid var(--border);border-radius:8px}
.foot-dl a:hover{background:var(--bg-card);color:var(--text)}

/* =============================================================
	 SCROLL REVEAL
	 ============================================================= */
@supports(animation-timeline:view()){
	.feat-card,.step,.stat-card,.gift-in{
		opacity:0;transform:translateY(28px);
		animation:sfade linear both;animation-timeline:view();animation-range:entry 0% entry 55%;
	}
	@keyframes sfade{to{opacity:1;transform:translateY(0)}}
}

/* =============================================================
	 RESPONSIVE
	 ============================================================= */
@media(max-width:599px){
	.sp{padding:64px 0}
	.nav-dl span{display:none}.nav-dl{padding:10px 14px}
}