*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{max-width:100vw;overflow-x:hidden}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:#030506;color:#EEF9F8;line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{background:none;border:none;cursor:pointer;font-family:inherit;color:inherit}
ul,ol{list-style:none}

:root{
  --bg-0:#030506;
  --bg-1:#071114;
  --bg-2:#04090A;
  --turquoise:#43F3DF;
  --turquoise-2:#9DFFF5;
  --teal:#13B8BF;
  --cream:#EEF9F8;
  --muted:#9FB8B6;
  --soft:#D7FFFB;
  --line:rgba(67,243,223,.16);
  --line-soft:rgba(67,243,223,.10);
  --line-card:rgba(81,233,216,.25);
}

.site{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;position:relative;background-image:radial-gradient(310.67% 83.17% at 15% 20%,rgba(67,243,223,.15) 0%,rgba(67,243,223,0) 24%),radial-gradient(328.67% 87.99% at 85% 15%,rgba(17,149,160,.16) 0%,rgba(17,149,160,0) 22%),radial-gradient(247.88% 66.36% at 50% 65%,rgba(67,243,223,.08) 0%,rgba(67,243,223,0) 28%),linear-gradient(180deg,#030506 0%,#071114 25%,#04090A 57%,#050809 100%)}
.wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 32px}
main{flex:1 0 auto}

.h-display{font-family:'Bebas Neue','Inter',sans-serif;font-weight:400;letter-spacing:.03em;color:var(--cream);line-height:.92}

.header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(2,6,8,.92) 0%,rgba(2,6,8,.68) 100%);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}
.brand{display:inline-flex;align-items:center;gap:12px}
.brand__logo{width:30px;height:30px;border-radius:8px;object-fit:cover;box-shadow:0 0 25px rgba(67,243,223,.35)}
.brand__name{font-family:'Inter',sans-serif;font-weight:800;font-size:16px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream)}
.nav{display:flex;align-items:center;gap:10px}
.nav__link{font-family:'Inter',sans-serif;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:12px 18px;border-radius:999px;border:1px solid transparent}
.nav__link:hover{color:var(--cream)}
.nav__link--active{background:var(--turquoise);color:#041012;border-color:rgba(255,255,255,.1);box-shadow:0 12px 24px rgba(67,243,223,.24)}
.nav__link--active:hover{color:#041012}
.burger{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.4);position:relative}
.burger span{position:absolute;left:11px;right:11px;height:2px;background:var(--turquoise);border-radius:2px}
.burger span:nth-child(1){top:14px}
.burger span:nth-child(2){top:20px}
.burger span:nth-child(3){top:26px}

.menu{position:fixed;inset:0;background:#020405;z-index:90;display:none;flex-direction:column;padding:30px 24px 40px}
.menu.is-open{display:flex}
.menu__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}
.menu__close{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.4);color:var(--turquoise);font-size:22px;font-weight:700}
.menu__list{display:flex;flex-direction:column;gap:20px}
.menu__list a{font-family:'Bebas Neue',sans-serif;font-size:34px;color:#fff;letter-spacing:.04em;text-transform:uppercase}

.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(67,243,223,.10);border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--turquoise);box-shadow:0 0 16px rgba(67,243,223,.7)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 22px;border-radius:999px;font-size:16px;font-weight:700;letter-spacing:.04em;font-family:'Inter',sans-serif;min-height:52px;border:1px solid transparent}
.btn--primary{background:linear-gradient(105.71deg,#43F3DF 0%,#9DFFF5 100%);color:#031113;box-shadow:0 14px 28px rgba(67,243,223,.18)}
.btn--ghost{background:rgba(255,255,255,.02);color:var(--cream);border-color:rgba(67,243,223,.2)}

.card{background:linear-gradient(180deg,rgba(10,20,24,.78) 0%,rgba(7,13,16,.92) 100%);border:1px solid var(--line-card);border-radius:34px;box-shadow:0 18px 60px rgba(0,0,0,.45)}

.hero{padding:40px 0 80px;position:relative}
.hero__card{padding:34px;display:flex;flex-direction:column;gap:18px}
.hero__title{font-size:clamp(64px,11vw,136px);letter-spacing:.03em;margin-top:10px}
.hero__title-hi{color:var(--turquoise)}
.hero__lead{font-size:16px;color:var(--muted);max-width:600px;line-height:1.8;margin-top:6px}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px}
.hero__stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:16px}
.hero__stat{background:rgba(255,255,255,.03);border:1px solid var(--line-soft);border-radius:18px;padding:16px 18px;min-height:140px;display:flex;flex-direction:column;gap:4px}
.hero__stat-num{font-family:'Bebas Neue',sans-serif;font-size:32px;line-height:1.2;color:var(--turquoise);letter-spacing:.03em}
.hero__stat-txt{font-size:14px;color:var(--muted);line-height:1.5}

.signal-sec{padding:0 0 60px}
.signal{padding:32px;height:532px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}
.signal__ring{width:424px;height:424px;border-radius:50%;background:radial-gradient(70.71% 70.71% at 50% 50%,rgba(67,243,223,.16) 0%,rgba(67,243,223,.16) 12%,rgba(67,243,223,0) 13%),radial-gradient(70.71% 70.71% at 50% 50%,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 28%,rgba(67,243,223,.08) 29%,rgba(67,243,223,.08) 30%,rgba(67,243,223,0) 31%,rgba(67,243,223,0) 45%,rgba(67,243,223,.08) 46%,rgba(67,243,223,.08) 47%,rgba(67,243,223,0) 48%,rgba(67,243,223,0) 62%,rgba(67,243,223,.08) 63%,rgba(67,243,223,.08) 64%,rgba(67,243,223,0) 65%),linear-gradient(135deg,rgba(67,243,223,.03) 0%,rgba(19,184,191,.12) 100%);position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(67,243,223,.15),inset 0 0 50px rgba(67,243,223,.08)}
.signal__center{width:250px;height:250px;background:linear-gradient(145deg,rgba(67,243,223,.15) 0%,rgba(19,184,191,.08) 45%,rgba(255,255,255,.04) 100%),rgba(5,13,16,.9);border:1px solid rgba(67,243,223,.16);border-radius:28px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;box-shadow:0 16px 40px rgba(0,0,0,.35),inset 0 0 0 2px rgba(255,255,255,.03);position:relative;z-index:5}
.signal__center::before{content:"";position:absolute;inset:21px;border:1px dashed rgba(67,243,223,.14);border-radius:22px}
.signal__title{font-family:'Bebas Neue',sans-serif;font-size:51px;line-height:.96;letter-spacing:.04em;color:var(--cream);text-transform:uppercase;text-align:center}
.signal__lead{font-size:15px;color:var(--muted);text-align:center;line-height:1.6;max-width:190px}
.signal__pin{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:3}
.signal__chip{background:rgba(4,13,16,.88);border:1px solid rgba(67,243,223,.2);border-radius:22px;padding:14px;width:108px;height:78px;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 30px rgba(0,0,0,.35),inset 0 0 0 2px rgba(255,255,255,.02)}
.signal__chip img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}
.signal__name{font-family:'Inter',sans-serif;font-size:11.5px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#C8FBF7;white-space:nowrap}
.signal__pin--1{top:5%;left:18%;transform:rotate(-8deg)}
.signal__pin--2{top:13%;right:10%;transform:rotate(12deg)}
.signal__pin--3{bottom:13%;right:14%;transform:rotate(-10deg)}
.signal__pin--4{bottom:14%;left:8%;transform:rotate(10deg)}

.strip-sec{padding:0 0 60px;position:relative}
.strip__head{display:grid;grid-template-columns:.32fr .68fr;gap:30px;align-items:end;margin-bottom:30px}
.strip__eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--turquoise);margin-bottom:14px}
.strip__title{font-size:clamp(54px,7vw,72px);letter-spacing:.03em;max-width:14ch}
.strip__lead{font-size:15.7px;color:var(--muted);line-height:1.78;padding-bottom:8px;max-width:530px}
.strip__divider{height:1px;background:linear-gradient(90deg,rgba(67,243,223,0) 0%,rgba(67,243,223,.55) 18%,rgba(67,243,223,.14) 82%,rgba(67,243,223,0) 100%);margin:30px 0 24px}
.strip{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;align-items:start;padding:20px 0}
.strip__card{background:linear-gradient(180deg,rgba(15,25,29,.98) 0%,rgba(7,11,13,.96) 100%);border:1px solid rgba(67,243,223,.18);border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 16px 35px rgba(0,0,0,.36)}
.strip__card:nth-child(1){transform:rotate(-9deg) translateY(-8px)}
.strip__card:nth-child(2){transform:rotate(8deg) translateY(20px)}
.strip__card:nth-child(3){transform:rotate(-6deg) translateY(-12px)}
.strip__card:nth-child(4){transform:rotate(10deg) translateY(18px)}
.strip__card:nth-child(5){transform:rotate(-8deg) translateY(-6px)}
.strip__card:nth-child(6){transform:rotate(6deg) translateY(8px)}
.strip__icon{width:78px;height:78px;border-radius:20px;object-fit:cover;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 2px rgba(255,255,255,.03)}
.strip__tag{display:inline-flex;align-items:center;background:rgba(67,243,223,.08);border:1px solid rgba(67,243,223,.12);border-radius:999px;padding:8px 12px;font-size:11.2px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--turquoise);align-self:flex-start;white-space:nowrap}
.strip__name{font-family:'Inter',sans-serif;font-weight:700;font-size:17.6px;line-height:1.3;color:var(--cream)}
.strip__txt{font-size:14.7px;color:var(--muted);line-height:1.6;flex:1}
.strip__cta{display:inline-flex;align-items:center;gap:8px;font-family:'Inter',sans-serif;font-weight:700;font-size:14.4px;color:#E6FFFC;margin-top:8px}
.strip__cta-arrow{color:var(--turquoise);font-size:16px}

.scanner{padding:60px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.scanner__card{padding:32px;display:flex;flex-direction:column;gap:13.5px}
.scanner__title{font-size:clamp(40px,4.5vw,48px);letter-spacing:.03em;line-height:.96}
.scanner__lead{font-size:15.4px;color:var(--muted);line-height:1.8}
.scanner__bars{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.bar{position:relative;background:rgba(255,255,255,.03);border:1px solid rgba(67,243,223,.10);border-radius:18px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;height:48px}
.bar__name{font-size:13px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#D2FBF7;min-width:80px}
.bar__track{position:absolute;left:121px;right:66px;top:50%;transform:translateY(-50%);height:10px;background:rgba(255,255,255,.05);border-radius:999px;overflow:hidden}
.bar__fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#13B8BF 0%,#43F3DF 100%);box-shadow:0 0 16px rgba(67,243,223,.25);border-radius:999px}
.bar__fill--94{width:94%}
.bar__fill--88{width:88%}
.bar__fill--91{width:91%}
.bar__fill--96{width:96%}
.bar__val{font-family:'Inter',sans-serif;font-size:14.7px;font-weight:800;color:var(--turquoise);min-width:36px;text-align:right}

.mood__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.mood__card{background:linear-gradient(154.35deg,rgba(67,243,223,.12) 0%,rgba(12,27,31,.72) 55%),rgba(255,255,255,.02);border:1px solid rgba(67,243,223,.12);border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:7px;min-height:148px;position:relative;overflow:hidden}
.mood__card::after{content:"";position:absolute;right:3px;bottom:3px;width:110px;height:110px;background:linear-gradient(135deg,rgba(67,243,223,.32) 0%,rgba(67,243,223,0) 70%);filter:blur(1px);border-radius:24px;transform:rotate(18deg)}
.mood__name{font-size:16px;font-weight:700;color:var(--cream);position:relative;z-index:2}
.mood__txt{font-size:14.1px;color:var(--muted);line-height:1.6;position:relative;z-index:2}

.about-sec{padding:0 0 60px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.about-sec__card{padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.about-sec__head{display:flex;flex-direction:column;gap:13.5px;padding-bottom:18px}
.about-sec__title{font-size:clamp(40px,4.5vw,48px);letter-spacing:.03em;line-height:.96}
.about-sec__lead{font-size:15.4px;color:var(--muted);line-height:1.8}
.picks{padding:10px 0 0;display:flex;justify-content:center}
.picks__ring{position:relative;width:280px;height:280px;border-radius:50%;background:radial-gradient(70.71% 70.71% at 50% 50%,rgba(0,0,0,0) 55%,rgba(0,0,0,.85) 56%);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(67,243,223,.08),0 0 50px rgba(67,243,223,.08)}
.picks__inner{position:absolute;inset:24px;background:rgba(4,10,12,.95);border:1px solid rgba(67,243,223,.10);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px}
.picks__num{font-family:'Bebas Neue',sans-serif;font-size:54.4px;letter-spacing:.04em;color:var(--turquoise);line-height:1}
.picks__label{font-family:'Inter',sans-serif;font-size:14.7px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:center;line-height:1.5}

.studio{padding:0 0 60px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.studio__cta{background:linear-gradient(99.52deg,rgba(67,243,223,.12) 0%,rgba(67,243,223,.03) 100%);border:1px solid rgba(67,243,223,.16);border-radius:24px;padding:22px 24px;display:flex;flex-direction:column;gap:18px;margin-top:28px}
.studio__cta-title{font-size:16.8px;font-weight:700;color:var(--cream)}
.studio__cta-txt{font-size:14.7px;color:var(--muted);line-height:1.6}
.studio__cta .btn{align-self:flex-start}

.footer-sec{padding:0 0 60px}
.footer-card{padding:34px;position:relative;overflow:hidden}
.footer-card__bg{position:absolute;left:38px;top:90px;font-family:'Bebas Neue',sans-serif;font-size:192px;line-height:.85;letter-spacing:.08em;color:rgba(67,243,223,.06);pointer-events:none;white-space:nowrap}
.footer-card__inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;z-index:2}
.footer__brand-name{font-family:'Bebas Neue',sans-serif;font-size:41.6px;letter-spacing:.03em;color:var(--cream);margin-bottom:14px}
.footer__desc{font-size:16px;color:var(--muted);line-height:1.8;margin-bottom:14px}
.footer__chip{display:inline-flex;align-items:center;background:rgba(67,243,223,.07);border:1px solid rgba(67,243,223,.14);border-radius:999px;padding:12px 14px;font-size:13.8px;color:#DFFFFB}
.footer__contact{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}
.footer__contact span{font-size:16px;color:var(--muted);line-height:1.8}
.footer__contact a{font-size:16px;color:var(--cream)}
.footer__contact a:hover{color:var(--turquoise)}
.footer__links{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:18px}
.footer__links a{font-size:14.7px;color:#E7FFFC}
.footer__links a:hover{color:var(--turquoise)}
.footer__copy{font-size:14.4px;color:var(--muted);margin-bottom:18px}
.footer__socials{display:flex;gap:14px}
.footer__social{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;font-family:Arial,sans-serif}
.footer__social--x{background:#00A6DE}
.footer__social--f{background:#3B5998}

.cookie{display:none;position:fixed;bottom:24px;left:24px;z-index:80;background:rgba(4,10,12,.96);border:1px solid var(--line-card);border-radius:24px;padding:30px 30px;max-width:460px;width:calc(100% - 32px);box-shadow:0 24px 60px rgba(0,0,0,.7)}
.cookie.is-visible{display:block}
.cookie__title{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:42px;letter-spacing:.04em;text-transform:uppercase;color:var(--cream);line-height:.95;margin-bottom:16px}
.cookie__text{font-size:14.5px;color:var(--muted);line-height:1.6;margin-bottom:20px}
.cookie__buttons{display:flex;gap:10px;flex-wrap:wrap}
.cookie__btn{padding:14px 26px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.02em;text-align:center;flex:1;min-width:130px}
.cookie__btn--accept{background:var(--turquoise);color:#041012;box-shadow:0 14px 28px rgba(67,243,223,.18)}
.cookie__btn--learn{background:rgba(255,255,255,.02);color:var(--cream);border:1px solid var(--line)}

.gamesPage{padding:40px 0 80px}
.gamesPage__head{margin-bottom:30px}
.strip--list{padding:30px 0}
.strip--list .strip__card:nth-child(n){transform:none}

.legal{padding:40px 0 80px}
.legal__card{padding:54px 48px}
.legal__title{font-family:'Bebas Neue',sans-serif;font-size:clamp(44px,5vw,72px);letter-spacing:.03em;margin-bottom:24px;color:var(--cream)}
.legal__body{display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--muted);line-height:1.7}
.legal__body p{font-size:14px}
.legal__body h3{font-size:15px;font-weight:700;color:var(--cream);margin-top:14px}
.legal__body ul{display:flex;flex-direction:column;gap:8px;padding-left:20px;list-style:disc}
.legal__body li{font-size:14px;color:var(--muted)}
.legal__body a{color:var(--turquoise);text-decoration:underline}

.detail{padding:40px 0 80px}
.detail__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:stretch}
.detail__card{padding:42px 38px;display:flex;flex-direction:column;gap:22px;min-height:520px}
.detail__title{font-family:'Bebas Neue',sans-serif;font-size:clamp(40px,5vw,64px);letter-spacing:.03em;line-height:.95;color:var(--cream)}
.detail__lead{font-size:14.5px;color:var(--muted);line-height:1.8;flex:1}
.detail__cta{margin-top:auto;align-self:flex-start}
.detail__media{border-radius:34px;overflow:hidden;border:1px solid var(--line-card);min-height:520px;background:#080F12;box-shadow:0 18px 60px rgba(0,0,0,.45)}
.detail__media img{width:100%;height:100%;object-fit:cover}

@media (max-width:1024px){
  .hero__stats{grid-template-columns:1fr;gap:10px}
  .signal{height:auto;min-height:480px}
  .strip{grid-template-columns:1fr 1fr 1fr;gap:14px}
  .strip__card:nth-child(n){transform:none}
  .strip__head{grid-template-columns:1fr;gap:14px}
  .scanner,.about-sec,.studio{grid-template-columns:1fr}
  .detail__grid{grid-template-columns:1fr}
  .detail__card,.detail__media{min-height:auto}
  .footer-card__inner{grid-template-columns:1fr}
}

@media (max-width:768px){
  .nav{display:none}
  .burger{display:inline-block}
  .header__inner{padding:14px 0}
  .wrap{padding:0 16px}
  .hero{padding:18px 0 50px}
  .hero__card,.scanner__card,.about-sec__card,.studio__card,.footer-card{padding:28px 22px;border-radius:24px}
  .signal{padding:22px;min-height:auto}
  .signal__ring{width:280px;height:280px}
  .signal__center{width:200px;height:200px;padding:18px}
  .signal__title{font-size:36px}
  .signal__chip{width:80px;height:60px;padding:8px}
  .signal__pin--1{top:0;left:5%}
  .signal__pin--2{top:5%;right:0}
  .signal__pin--3{bottom:8%;right:0}
  .signal__pin--4{bottom:8%;left:0}
  .strip,.mood__grid{grid-template-columns:1fr}
  .scanner__bars{margin-top:8px}
  .bar{padding:12px 14px}
  .bar__track{left:90px;right:50px}
  .bar__name{min-width:60px;font-size:12px}
  .legal__card{padding:36px 24px}
  .detail__card{padding:28px 22px;min-height:auto}
  .footer-card__bg{font-size:80px;left:18px;top:120px}
  .cookie{left:14px;right:14px;bottom:14px;max-width:none;padding:28px 24px}
  .cookie__title{font-size:34px}
}