:root{
  --peach:#fbc998;
  --peach-deep:#f4b878;
  --peach-soft:#fff4e9;
  --peach-pale:#fffaf5;
  --magenta:#df0781;
  --magenta-dark:#ad005f;
  --magenta-soft:#ffe1f1;
  --black:#100d10;
  --black-soft:#211a1f;
  --gold:#d3a952;
  --gold-light:#ffe4a1;
  --white:#ffffff;
  --text:#211b20;
  --muted:#746a70;
  --line:#ead6c2;
  --success:#08ae69;
  --blue:#198ee8;
  --shadow:0 18px 55px rgba(72,35,47,.13);
  --shadow-soft:0 10px 30px rgba(72,35,47,.09);
  --radius:28px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{
  min-width:320px;
  overflow-x:hidden;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif;
  color:var(--text);
  background:var(--peach-pale);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
button{cursor:pointer}
svg{display:block}

/* Header */
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,250,245,.95);
  border-bottom:1px solid rgba(211,169,82,.28);
  box-shadow:0 8px 30px rgba(56,24,36,.07);
  backdrop-filter:blur(16px);
}
.header-wrap{
  width:min(1210px,calc(100% - 34px));
  min-height:88px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}
.brand{display:flex;align-items:center;min-width:0}
.brand-logo{
  width:212px;
  height:68px;
  object-fit:contain;
  object-position:left center;
  border-radius:12px;
}
.desktop-nav{display:flex;align-items:center;gap:22px}
.desktop-nav a{
  position:relative;
  padding:10px 0;
  color:var(--black-soft);
  font-size:13px;
  font-weight:800;
  letter-spacing:.01em;
  transition:.2s ease;
}
.desktop-nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:3px;
  height:3px;
  border-radius:99px;
  background:var(--magenta);
  transition:.2s ease;
}
.desktop-nav a:hover{color:var(--magenta)}
.desktop-nav a:hover::after{right:0}
.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.telegram-btn{
  width:50px;
  height:50px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(145deg,var(--magenta),var(--magenta-dark));
  color:var(--white);
  box-shadow:0 9px 18px rgba(223,7,129,.22);
  transition:transform .2s ease,box-shadow .2s ease;
}
.telegram-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(223,7,129,.3)}
.telegram-btn svg{width:25px;height:25px;fill:currentColor}
.menu-btn{
  display:none;
  width:46px;
  height:50px;
  border:0;
  background:transparent;
  color:var(--black);
  font-size:32px;
  line-height:1;
}
.mobile-menu{
  display:none;
  padding:8px 22px 20px;
  background:var(--peach-pale);
  border-top:1px solid var(--line);
}
.mobile-menu.open{display:block}
.mobile-menu a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:13px 4px;
  border-bottom:1px solid rgba(234,214,194,.78);
  color:var(--black-soft);
  font-size:15px;
  font-weight:750;
}
.mobile-menu a::after{content:"→";color:var(--magenta)}

/* Shared */
.section{
  width:min(1120px,calc(100% - 40px));
  margin:auto;
  padding:82px 0;
}
.section-head{
  max-width:760px;
  margin:0 auto 46px;
  text-align:center;
}
.section-kicker{
  display:inline-block;
  margin-bottom:10px;
  color:var(--magenta);
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
}
.section-kicker.light{color:var(--gold-light)}
.section-head h2,
.offer-copy h2,
.how-content h2,
.seo-content h2,
.legal-card h2,
.final-cta h2{
  color:var(--black);
  font-size:clamp(31px,4vw,46px);
  line-height:1.16;
  letter-spacing:-.035em;
}
.section-head p{
  max-width:650px;
  margin:14px auto 0;
  color:var(--muted);
  font-size:17px;
}
.primary-btn,
.secondary-btn,
.support-btn{
  min-height:58px;
  padding:14px 25px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-weight:850;
  border:0;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.primary-btn{
  color:var(--white);
  background:linear-gradient(100deg,var(--magenta) 0%,#f22687 48%,var(--magenta-dark) 100%);
  box-shadow:0 14px 30px rgba(223,7,129,.25);
}
.primary-btn:hover,.secondary-btn:hover,.support-btn:hover{transform:translateY(-2px)}
.primary-btn:hover{box-shadow:0 18px 36px rgba(223,7,129,.32);filter:saturate(1.06)}
.primary-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.primary-btn.compact{min-height:54px;padding:13px 23px;font-size:15px}
.secondary-btn{
  border:1.5px solid rgba(16,13,16,.18);
  color:var(--black);
  background:rgba(255,255,255,.68);
  box-shadow:0 10px 25px rgba(46,25,31,.07);
}
.secondary-btn:hover{border-color:var(--gold);box-shadow:0 13px 28px rgba(46,25,31,.1)}

/* Hero */
.hero{
  position:relative;
  overflow:hidden;
  padding:72px 20px 50px;
  background:
    radial-gradient(circle at 12% 16%,rgba(255,255,255,.82) 0 10%,transparent 31%),
    radial-gradient(circle at 92% 84%,rgba(223,7,129,.13) 0 8%,transparent 29%),
    linear-gradient(135deg,#fffaf5 0%,#ffe7cc 48%,#fac18c 100%);
  border-bottom:1px solid rgba(211,169,82,.35);
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.24;
  pointer-events:none;
  background-image:radial-gradient(rgba(173,0,95,.28) 1px,transparent 1px);
  background-size:25px 25px;
  mask-image:linear-gradient(to bottom,black,transparent 82%);
}
.hero-glow{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none}
.hero-glow-one{width:340px;height:340px;left:-170px;top:160px;background:rgba(223,7,129,.12)}
.hero-glow-two{width:260px;height:260px;right:-80px;top:-50px;background:rgba(211,169,82,.26)}
.hero-inner{
  position:relative;
  z-index:1;
  width:min(1180px,100%);
  margin:auto;
  display:grid;
  grid-template-columns:1.02fr .98fr;
  align-items:center;
  gap:64px;
}
.hero-badge{
  width:max-content;
  max-width:100%;
  margin-bottom:20px;
  padding:8px 13px;
  border:1px solid rgba(173,0,95,.22);
  border-radius:999px;
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--magenta-dark);
  background:rgba(255,255,255,.58);
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
}
.hero-badge span{width:9px;height:9px;border-radius:50%;background:var(--magenta);box-shadow:0 0 0 5px rgba(223,7,129,.12)}
.hero-copy h1{
  max-width:620px;
  color:var(--black);
  font-size:clamp(44px,5.2vw,70px);
  line-height:1.02;
  letter-spacing:-.055em;
}
.hero-copy h1 em{font-style:normal;color:var(--magenta)}
.hero-copy>p{
  max-width:610px;
  margin-top:22px;
  color:#65585f;
  font-size:19px;
  line-height:1.72;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}
.hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.hero-points span{
  padding:8px 12px;
  border-radius:999px;
  color:#55464d;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(211,169,82,.38);
  font-size:12px;
  font-weight:800;
}
.hero-visual{position:relative;display:flex;justify-content:center}
.logo-card{
  position:relative;
  width:min(540px,100%);
  padding:18px;
  border-radius:36px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 28px 65px rgba(84,36,55,.2),inset 0 0 0 1px rgba(211,169,82,.24);
  transform:rotate(1.25deg);
}
.logo-card::before{
  content:"";
  position:absolute;
  inset:15px;
  border:2px solid rgba(211,169,82,.55);
  border-radius:25px;
  pointer-events:none;
}
.logo-card-label{
  position:absolute;
  z-index:2;
  top:-17px;
  left:34px;
  padding:8px 18px;
  border-radius:999px;
  color:var(--white);
  background:var(--black);
  font-size:12px;
  font-weight:900;
  letter-spacing:.1em;
  box-shadow:0 8px 18px rgba(16,13,16,.18);
}
.hero-logo{
  width:100%;
  aspect-ratio:1200/740;
  object-fit:cover;
  border-radius:24px;
  border:1px solid rgba(211,169,82,.45);
}
.logo-card-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 11px 5px;
  color:var(--black-soft);
  font-size:13px;
  font-weight:850;
}
.live-dot{
  padding:6px 10px;
  border-radius:999px;
  color:var(--white);
  background:var(--magenta);
  font-size:10px;
  letter-spacing:.12em;
  box-shadow:0 0 0 5px rgba(223,7,129,.1);
}
.how-download-card{
  position:relative;
  z-index:2;
  width:min(680px,calc(100% - 30px));
  min-height:96px;
  margin:52px auto 0;
  padding:16px 22px;
  border:1px solid rgba(211,169,82,.42);
  border-radius:24px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
  color:var(--black);
  text-align:left;
  background:rgba(255,255,255,.88);
  box-shadow:var(--shadow-soft);
}
.how-download-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.how-play-icon{
  width:58px;
  height:58px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-left:4px;
  color:var(--white);
  background:linear-gradient(145deg,var(--black),#3a2630);
  box-shadow:0 9px 20px rgba(16,13,16,.2);
}
.how-copy{display:flex;flex-direction:column;gap:3px}
.how-copy strong{font-size:18px}
.how-copy small{color:var(--muted);font-size:14px}
.how-arrow{color:var(--magenta);font-size:31px;font-weight:800}

/* Support */
.support-strip{
  padding:58px 20px;
  color:var(--white);
  background:
    radial-gradient(circle at 12% 20%,rgba(223,7,129,.34),transparent 30%),
    radial-gradient(circle at 90% 85%,rgba(211,169,82,.26),transparent 24%),
    linear-gradient(125deg,#090709 0%,#1d1219 52%,#4f0832 100%);
}
.support-inner{
  width:min(1120px,100%);
  margin:auto;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  align-items:center;
  gap:50px;
}
.support-copy h2{font-size:clamp(31px,4vw,45px);line-height:1.12;letter-spacing:-.035em}
.support-copy p{margin-top:12px;color:#d9cbd2;font-size:16px}
.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.support-btn{min-height:66px;color:var(--white);font-size:15px;box-shadow:none}
.support-btn span{font-size:19px}
.whatsapp-btn{background:var(--success)}
.livechat-btn{background:linear-gradient(110deg,var(--magenta),var(--magenta-dark))}
.call-btn{background:var(--blue)}

/* Features */
.features-section{padding-top:90px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.feature-card{
  position:relative;
  overflow:hidden;
  min-height:262px;
  padding:31px 23px;
  border-radius:24px;
  background:var(--white);
  border:1px solid rgba(211,169,82,.34);
  box-shadow:var(--shadow-soft);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.feature-card::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:5px;
  background:linear-gradient(90deg,var(--magenta),var(--gold));
}
.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:rgba(223,7,129,.28)}
.feature-icon{
  width:70px;
  height:70px;
  border-radius:21px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--magenta);
  background:linear-gradient(145deg,var(--magenta-soft),var(--peach-soft));
  border:1px solid rgba(223,7,129,.12);
  font-size:31px;
  font-weight:900;
}
.feature-card h3{margin-top:24px;font-size:21px;letter-spacing:-.02em}
.feature-card p{margin-top:9px;color:var(--muted);font-size:14px;line-height:1.7}

/* Rates */
.rates-section{padding-top:74px}
.rates-box{
  padding:28px;
  border:1px solid rgba(211,169,82,.4);
  border-radius:28px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:17px;
  background:linear-gradient(140deg,var(--white),var(--peach-soft));
  box-shadow:var(--shadow-soft);
}
.rate-item{
  min-height:92px;
  padding:17px;
  border-radius:19px;
  display:flex;
  align-items:center;
  gap:14px;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(234,214,194,.9);
}
.rate-item span{
  min-width:106px;
  padding:9px 10px;
  border-radius:999px;
  color:var(--white);
  background:linear-gradient(105deg,var(--magenta),var(--magenta-dark));
  box-shadow:0 7px 14px rgba(223,7,129,.16);
  font-size:11px;
  font-weight:900;
  text-align:center;
}
.rate-item b{font-size:14px;line-height:1.25}

/* Results */
.results-wrap{
  padding:4px 0;
  background:
    radial-gradient(circle at 10% 15%,rgba(223,7,129,.24),transparent 30%),
    radial-gradient(circle at 92% 75%,rgba(211,169,82,.22),transparent 28%),
    var(--black);
}
.results-section{width:min(900px,calc(100% - 40px));padding-top:84px;padding-bottom:84px}
.light-head h2{color:var(--white)}
.light-head p{color:#cbbec4}
.market-results{display:grid;gap:15px}
.result-card{
  min-height:126px;
  padding:20px 22px 20px 26px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  color:var(--black);
  background:linear-gradient(135deg,var(--white),#fff6ee);
  border:1px solid rgba(211,169,82,.52);
  box-shadow:0 15px 28px rgba(0,0,0,.16);
}
.result-card>div:first-child{min-width:0}
.market-name{color:#4f4248;font-size:13px;font-weight:900;letter-spacing:.06em;overflow-wrap:anywhere}
.market-result{margin-top:2px;color:var(--black);font-size:32px;font-weight:950;letter-spacing:.04em}
.chart-links{display:flex;align-items:center;gap:9px;margin-top:5px}
.chart-links a{color:var(--magenta);font-size:12px;font-weight:850}
.chart-links span{color:var(--gold)}
.round-btn{
  width:58px;
  height:58px;
  flex:0 0 58px;
  border:0;
  border-radius:50%;
  color:var(--white);
  background:linear-gradient(145deg,var(--magenta),var(--magenta-dark));
  box-shadow:0 0 0 9px rgba(223,7,129,.1);
  font-size:24px;
  font-weight:900;
  transition:transform .2s ease;
}
.round-btn:hover{transform:translateY(-2px)}

/* Charts */
.charts-section{padding-top:90px;padding-bottom:90px}
.chart-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.chart-list button{
  min-height:112px;
  padding:20px 24px;
  border:1px solid rgba(211,169,82,.42);
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:var(--black);
  background:var(--white);
  box-shadow:var(--shadow-soft);
  text-align:left;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.chart-list button:hover{transform:translateY(-3px);border-color:var(--magenta);box-shadow:var(--shadow)}
.chart-list button span{font-size:19px;font-weight:900}
.chart-list button i{color:var(--magenta);font-size:12px;font-style:normal;font-weight:850;white-space:nowrap}

/* Offer */
.offer-section{
  padding:80px max(22px,calc((100vw - 1120px)/2));
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  align-items:center;
  gap:76px;
  background:linear-gradient(135deg,#fff7ef 0%,#fbd3aa 100%);
  border-top:1px solid rgba(211,169,82,.28);
  border-bottom:1px solid rgba(211,169,82,.28);
}
.offer-art{display:flex;justify-content:center}
.offer-art img{width:min(470px,100%);filter:drop-shadow(0 28px 35px rgba(81,36,50,.16))}
.offer-copy h2{max-width:610px}
.offer-copy>p{max-width:620px;margin-top:17px;color:#66575e;font-size:16px;line-height:1.75}
.offer-copy ul{margin:25px 0 30px;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 22px}
.offer-copy li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:750}
.offer-copy li span{
  width:28px;
  height:28px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--white);
  background:var(--magenta);
  font-size:12px;
}

/* Trust cards */
.trust-section{
  width:min(1120px,calc(100% - 40px));
  margin:80px auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.trust-card{
  min-height:230px;
  padding:30px;
  border-radius:24px;
  background:var(--white);
  border:1px solid rgba(211,169,82,.35);
  box-shadow:var(--shadow-soft);
}
.trust-card.featured{color:var(--white);background:linear-gradient(145deg,var(--black),#40122e);border-color:rgba(223,7,129,.35)}
.trust-card strong{display:block;color:var(--magenta);font-size:42px;line-height:1;font-weight:950}
.trust-card.featured strong{color:var(--gold-light)}
.trust-card span{display:block;margin-top:34px;font-size:21px;font-weight:900}
.trust-card p{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.65}
.trust-card.featured p{color:#dccbd3}

/* How to */
.how-section{
  width:min(1120px,calc(100% - 40px));
  margin:0 auto 90px;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:68px;
}
.how-media{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(211,169,82,.48);
  box-shadow:var(--shadow);
  background:var(--black);
}
.how-media img{width:100%;aspect-ratio:16/9;object-fit:cover}
.how-media button{
  position:absolute;
  left:50%;
  top:50%;
  width:82px;
  height:82px;
  border:7px solid rgba(255,255,255,.78);
  border-radius:50%;
  transform:translate(-50%,-50%);
  color:var(--white);
  background:var(--magenta);
  font-size:28px;
  padding-left:5px;
  box-shadow:0 13px 32px rgba(0,0,0,.28);
}
.how-content h2{margin-bottom:25px}
.steps-list{display:grid;gap:15px;margin-bottom:27px}
.steps-list>div{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
.steps-list b{
  width:46px;
  height:46px;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--white);
  background:linear-gradient(145deg,var(--magenta),var(--magenta-dark));
  box-shadow:0 8px 16px rgba(223,7,129,.16);
}
.steps-list span{display:flex;flex-direction:column}
.steps-list strong{font-size:16px}
.steps-list small{margin-top:2px;color:var(--muted);font-size:13px}

/* Content / legal */
.seo-content{
  width:min(960px,calc(100% - 40px));
  margin:0 auto 82px;
  padding:48px;
  border:1px solid rgba(211,169,82,.35);
  border-radius:30px;
  background:var(--white);
  box-shadow:var(--shadow-soft);
}
.seo-content h2{margin-bottom:20px}
.seo-content h3{margin:27px 0 7px;color:var(--black);font-size:21px}
.seo-content p{color:#61565c;font-size:15px;line-height:1.8}
.seo-content strong{color:var(--magenta-dark)}
.legal-grid{
  width:min(1120px,calc(100% - 40px));
  margin:0 auto 90px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}
.legal-card{
  padding:38px;
  border-radius:28px;
  background:var(--white);
  border:1px solid rgba(211,169,82,.35);
  box-shadow:var(--shadow-soft);
}
.legal-card h2{font-size:31px;margin-bottom:20px}
.legal-card h3{margin:21px 0 6px;font-size:17px}
.legal-card p{color:var(--muted);font-size:14px;line-height:1.7}

/* Final CTA */
.final-cta{
  width:min(1120px,calc(100% - 40px));
  min-height:230px;
  margin:0 auto 90px;
  padding:42px 48px;
  border-radius:32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
  color:var(--white);
  background:
    radial-gradient(circle at 83% 22%,rgba(211,169,82,.32),transparent 28%),
    linear-gradient(120deg,var(--black),#3d0d2b 60%,var(--magenta-dark));
  box-shadow:0 25px 60px rgba(35,16,23,.2);
}
.final-cta h2{color:var(--white)}
.final-cta p{margin-top:10px;color:#e3d5dc}
.light-button{flex-shrink:0;color:var(--black);background:linear-gradient(110deg,var(--gold-light),var(--gold));box-shadow:0 14px 30px rgba(211,169,82,.22)}

/* Modal */
.download-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:5000;
  padding:22px;
  align-items:center;
  justify-content:center;
  background:rgba(12,8,10,.82);
  backdrop-filter:blur(9px);
}
.download-modal.open{display:flex}
.download-modal-card{
  position:relative;
  width:min(620px,100%);
  max-height:calc(100vh - 44px);
  overflow:auto;
  padding:36px;
  border-radius:30px;
  background:var(--peach-pale);
  border:1px solid rgba(211,169,82,.7);
  box-shadow:0 30px 80px rgba(0,0,0,.38);
}
.download-modal-card h3{max-width:490px;padding-right:42px;font-size:30px;line-height:1.2;letter-spacing:-.025em}
.modal-close{
  position:absolute;
  right:17px;
  top:15px;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  color:var(--black);
  background:var(--peach-soft);
  font-size:29px;
}
.modal-steps{display:grid;gap:12px;margin:28px 0}
.modal-steps>div{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;padding:14px;border-radius:18px;background:var(--white);border:1px solid rgba(211,169,82,.32)}
.modal-steps b{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--white);background:var(--magenta)}
.modal-steps p{display:flex;flex-direction:column}
.modal-steps strong{font-size:15px}
.modal-steps span{margin-top:2px;color:var(--muted);font-size:13px}
.download-modal-card .primary-btn{width:100%}

/* Chat */
.chat-widget{
  display:none;
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:3000;
  width:360px;
  max-width:calc(100vw - 30px);
  overflow:hidden;
  border-radius:22px;
  background:var(--white);
  border:1px solid rgba(211,169,82,.4);
  box-shadow:0 24px 65px rgba(38,15,24,.28);
}
.chat-widget.open{display:block}
.chat-header{
  min-height:62px;
  padding:13px 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:var(--white);
  background:linear-gradient(110deg,var(--black),var(--magenta-dark));
}
.chat-header>div{display:flex;align-items:center;gap:9px}
.chat-status{width:10px;height:10px;border-radius:50%;background:#30d784;box-shadow:0 0 0 4px rgba(48,215,132,.16)}
.chat-header button{border:0;background:transparent;color:var(--white);font-size:28px}
.chat-body{min-height:245px;max-height:350px;overflow:auto;padding:16px;background:var(--peach-pale)}
.support-message{width:max-content;max-width:82%;padding:10px 12px;border-radius:13px 13px 13px 4px;background:var(--white);box-shadow:0 4px 12px rgba(0,0,0,.06);font-size:14px}
.chat-input{padding:10px;display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid var(--line);background:var(--white)}
.chat-input input{height:44px;padding:0 12px;border:1px solid var(--line);border-radius:12px;outline:none}
.chat-input input:focus{border-color:var(--magenta)}
.chat-input button{border:0;border-radius:12px;padding:0 17px;color:var(--white);background:var(--magenta);font-weight:850}

/* Footer */
.site-footer{
  padding:38px max(22px,calc((100vw - 1120px)/2));
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:30px;
  color:var(--white);
  background:#090709;
  border-top:4px solid var(--magenta);
}
.footer-brand img{width:190px;height:92px;object-fit:contain;border-radius:12px}
.footer-brand p{max-width:330px;margin-top:9px;color:#b9adb3;font-size:12px}
.copyright{color:#c9bdc3;font-size:12px;text-align:center}
.footer-links{display:flex;justify-content:flex-end;gap:16px;flex-wrap:wrap}
.footer-links a{color:var(--gold-light);font-size:12px;font-weight:750}

/* Tablet */
@media(max-width:1050px){
  .desktop-nav{display:none}
  .menu-btn{display:block}
  .hero-inner{gap:38px}
  .hero-copy h1{font-size:52px}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .rates-box{grid-template-columns:repeat(2,1fr)}
  .offer-section{gap:45px}
  .site-footer{grid-template-columns:1fr 1fr}
  .copyright{grid-column:1/-1;grid-row:2;text-align:left}
}

@media(max-width:820px){
  html{scroll-padding-top:82px}
  .header-wrap{min-height:80px}
  .brand-logo{width:184px;height:61px}
  .telegram-btn{width:46px;height:46px}
  .hero{padding-top:52px}
  .hero-inner{grid-template-columns:1fr;gap:42px;text-align:center}
  .hero-badge{margin-left:auto;margin-right:auto}
  .hero-copy h1,.hero-copy>p{margin-left:auto;margin-right:auto}
  .hero-actions,.hero-points{justify-content:center}
  .hero-visual{width:min(600px,100%);margin:auto}
  .logo-card{transform:none}
  .support-inner{grid-template-columns:1fr;text-align:center;gap:28px}
  .support-grid{max-width:720px;width:100%;margin:auto}
  .offer-section{grid-template-columns:1fr;text-align:center}
  .offer-copy h2,.offer-copy>p{margin-left:auto;margin-right:auto}
  .offer-copy ul{max-width:620px;margin-left:auto;margin-right:auto;text-align:left}
  .offer-copy .primary-btn{margin:auto}
  .trust-section{grid-template-columns:1fr 1fr}
  .trust-card.featured{grid-column:1/-1;grid-row:1}
  .how-section{grid-template-columns:1fr;gap:40px}
  .how-media{max-width:720px;margin:auto}
  .how-content{text-align:center}
  .steps-list{max-width:650px;margin-left:auto;margin-right:auto;text-align:left}
  .legal-grid{grid-template-columns:1fr}
  .final-cta{flex-direction:column;text-align:center}
  .site-footer{grid-template-columns:1fr;text-align:center}
  .footer-brand img{margin:auto}
  .footer-brand p{margin-left:auto;margin-right:auto}
  .copyright{grid-column:auto;grid-row:auto;text-align:center}
  .footer-links{justify-content:center}
}

/* Mobile */
@media(max-width:620px){
  .header-wrap{width:calc(100% - 24px);min-height:76px;gap:8px}
  .brand-logo{width:160px;height:57px;border-radius:9px}
  .header-actions{gap:5px}
  .telegram-btn{width:44px;height:44px}
  .telegram-btn svg{width:22px;height:22px}
  .menu-btn{width:40px;font-size:30px}

  .section{width:calc(100% - 28px);padding:66px 0}
  .section-head{margin-bottom:34px}
  .section-head h2,
  .offer-copy h2,
  .how-content h2,
  .seo-content h2,
  .final-cta h2{font-size:31px}
  .section-head p{font-size:15px}

  .hero{padding:42px 14px 34px}
  .hero-copy h1{font-size:39px;line-height:1.06}
  .hero-copy>p{margin-top:17px;font-size:16px;line-height:1.65}
  .hero-badge{margin-bottom:17px;font-size:10px;letter-spacing:.1em}
  .hero-actions{display:grid;grid-template-columns:1fr;width:100%;gap:10px;margin-top:24px}
  .hero-actions .primary-btn,.hero-actions .secondary-btn{width:100%;min-height:57px}
  .hero-points{gap:7px;margin-top:18px}
  .hero-points span{font-size:10px;padding:7px 9px}
  .logo-card{padding:12px;border-radius:25px}
  .logo-card::before{inset:10px;border-radius:18px}
  .logo-card-label{top:-14px;left:22px;font-size:10px;padding:7px 13px}
  .hero-logo{border-radius:17px}
  .logo-card-foot{padding:12px 7px 2px;font-size:11px}
  .live-dot{font-size:9px;padding:5px 8px}
  .how-download-card{width:100%;min-height:82px;margin-top:35px;padding:13px 15px;gap:13px;border-radius:20px}
  .how-play-icon{width:50px;height:50px}
  .how-copy strong{font-size:16px}
  .how-copy small{font-size:12px;line-height:1.45}
  .how-arrow{font-size:25px}

  .support-strip{padding:48px 14px}
  .support-copy h2{font-size:31px}
  .support-grid{grid-template-columns:1fr;gap:11px}
  .support-btn{min-height:61px}

  .features-section{padding-top:70px}
  .feature-grid{grid-template-columns:1fr 1fr;gap:12px}
  .feature-card{min-height:236px;padding:23px 15px;border-radius:20px}
  .feature-icon{width:61px;height:61px;border-radius:18px;font-size:27px}
  .feature-card h3{margin-top:20px;font-size:17px}
  .feature-card p{font-size:12px;line-height:1.6}

  .rates-box{grid-template-columns:1fr;padding:15px;gap:11px;border-radius:23px}
  .rate-item{min-height:80px;padding:13px;border-radius:16px}
  .rate-item span{min-width:103px}

  .results-section{width:calc(100% - 28px);padding-top:68px;padding-bottom:68px}
  .result-card{min-height:116px;padding:17px 16px 17px 18px;border-radius:18px;gap:13px}
  .market-name{font-size:11px;letter-spacing:.04em}
  .market-result{font-size:26px}
  .round-btn{width:50px;height:50px;flex-basis:50px;box-shadow:0 0 0 7px rgba(223,7,129,.1)}

  .chart-list{grid-template-columns:1fr;gap:11px}
  .chart-list button{min-height:92px;padding:17px 18px;border-radius:18px}
  .chart-list button span{font-size:17px}

  .offer-section{padding:62px 18px;gap:32px}
  .offer-art img{width:min(390px,100%)}
  .offer-copy>p{font-size:14px}
  .offer-copy ul{grid-template-columns:1fr;gap:10px;margin-top:21px}
  .offer-copy li{font-size:13px}

  .trust-section{width:calc(100% - 28px);margin:62px auto;grid-template-columns:1fr;gap:12px}
  .trust-card.featured{grid-column:auto;grid-row:auto}
  .trust-card{min-height:190px;padding:24px;border-radius:21px}
  .trust-card strong{font-size:36px}
  .trust-card span{margin-top:25px;font-size:19px}

  .how-section{width:calc(100% - 28px);margin-bottom:66px;gap:32px}
  .how-media{border-radius:22px}
  .how-media button{width:66px;height:66px;border-width:5px;font-size:23px}
  .steps-list>div{gap:11px}
  .steps-list b{width:42px;height:42px}
  .steps-list small{font-size:12px}

  .seo-content{width:calc(100% - 28px);margin-bottom:62px;padding:26px 20px;border-radius:23px}
  .seo-content h3{font-size:19px}
  .seo-content p{font-size:14px}
  .legal-grid{width:calc(100% - 28px);margin-bottom:66px;gap:13px}
  .legal-card{padding:26px 20px;border-radius:23px}
  .legal-card h2{font-size:28px}

  .final-cta{width:calc(100% - 28px);margin-bottom:66px;padding:33px 22px;border-radius:25px}
  .final-cta .primary-btn{width:100%}

  .download-modal{padding:14px}
  .download-modal-card{padding:28px 18px 20px;border-radius:24px}
  .download-modal-card h3{font-size:25px}
  .modal-close{right:10px;top:9px}
  .modal-steps>div{padding:12px}

  .chat-widget{right:15px;bottom:15px}

  .site-footer{padding:34px 20px}
  .footer-brand img{width:176px;height:85px}
}

@media(max-width:390px){
  .brand-logo{width:145px;height:54px}
  .telegram-btn{width:41px;height:41px}
  .menu-btn{width:36px;font-size:28px}
  .hero-copy h1{font-size:35px}
  .feature-grid{grid-template-columns:1fr}
  .feature-card{min-height:205px}
  .how-download-card{grid-template-columns:auto 1fr}
  .how-arrow{display:none}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}


/* =========================================================
   KALYAN BOSS FINAL MOBILE UPDATE — 2026-08-20
   Trusted highlight, shorter download text and 5% compact UI.
   ========================================================= */
.hero-copy h1.trust-highlight{
  max-width:660px;
  min-height:98px;
  margin:0;
  padding:18px 25px;
  border:4px solid #ff143f;
  border-radius:25px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#fff;
  background:linear-gradient(135deg,#950000 0%,#b80000 54%,#9d0000 100%);
  box-shadow:0 15px 32px rgba(126,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.12);
  font-size:clamp(30px,3.9vw,48px);
  font-style:italic;
  font-weight:900;
  line-height:1.12;
  letter-spacing:-.035em;
  text-align:center;
  text-shadow:0 3px 4px rgba(0,0,0,.32);
}
.hero-copy h1.trust-highlight strong{font:inherit;white-space:nowrap}
.hero-copy h1.trust-highlight span{flex:0 0 auto;font-size:.82em;text-shadow:none}
.hero-copy h1.trust-highlight + .hero-actions{margin-top:26px}

@media(max-width:620px){
  /* Overall mobile presentation is approximately 5% more compact. */
  .header-wrap{min-height:72px}
  .brand-logo{width:152px;height:54px}
  .telegram-btn{width:42px;height:42px}
  .telegram-btn svg{width:21px;height:21px}
  .menu-btn{width:38px;height:47px;font-size:29px}

  .section{padding:63px 0}
  .section-head{margin-bottom:32px}
  .section-head h2,
  .offer-copy h2,
  .how-content h2,
  .seo-content h2,
  .final-cta h2{font-size:29px}
  .section-head p{font-size:14px}

  .hero{padding:40px 13px 32px}
  .hero-badge{margin-bottom:15px;padding:7px 12px;font-size:9.5px}
  .hero-copy h1.trust-highlight{
    width:100%;
    min-height:72px;
    padding:13px 9px;
    border-width:3px;
    border-radius:18px;
    gap:6px;
    font-size:clamp(20px,6vw,25px);
    line-height:1.14;
    letter-spacing:-.03em;
    box-shadow:0 11px 24px rgba(126,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.11);
  }
  .hero-copy h1.trust-highlight strong{white-space:nowrap}
  .hero-copy h1.trust-highlight + .hero-actions{margin-top:21px}
  .hero-actions{gap:9px}
  .hero-actions .primary-btn,
  .hero-actions .secondary-btn{min-height:54px;padding:13px 22px;font-size:15px}
  .hero-points{gap:6px;margin-top:17px}
  .hero-points span{padding:6px 8px;font-size:9.5px}

  .logo-card{padding:11px;border-radius:24px}
  .logo-card::before{inset:9px;border-radius:17px}
  .logo-card-label{top:-13px;left:21px;padding:6px 12px;font-size:9.5px}
  .logo-card-foot{padding:11px 7px 2px;font-size:10.5px}
  .how-download-card{min-height:78px;margin-top:33px;padding:12px 14px;gap:12px}
  .how-play-icon{width:48px;height:48px}
  .how-copy strong{font-size:15px}
  .how-copy small{font-size:11.5px}
  .how-arrow{font-size:24px}

  .support-strip{padding:46px 13px}
  .support-copy h2{font-size:29px}
  .support-btn{min-height:58px}
  .features-section{padding-top:66px}
  .results-section{padding-top:64px;padding-bottom:64px}
  .final-cta{margin-bottom:63px;padding:31px 21px}
}

@media(max-width:390px){
  .brand-logo{width:138px;height:51px}
  .telegram-btn{width:39px;height:39px}
  .menu-btn{width:34px;font-size:27px}
  .hero-copy h1.trust-highlight{font-size:clamp(19px,5.8vw,22px);gap:4px;padding-left:7px;padding-right:7px}
  .hero-copy h1.trust-highlight span{font-size:.76em}
}


/* =========================================================
   KALYAN BOSS PROMO HIGHLIGHT + DOWNLOAD BUTTON MOTION
   2026-08-20
   ========================================================= */
.trust-highlight{
  position:relative;
  overflow:hidden;
  max-width:700px;
  margin:0;
  padding:22px 24px 20px;
  border:3px solid var(--magenta);
  border-radius:25px;
  color:var(--white);
  background:
    radial-gradient(circle at 88% 12%,rgba(255,228,161,.25),transparent 25%),
    radial-gradient(circle at 10% 90%,rgba(223,7,129,.32),transparent 30%),
    linear-gradient(135deg,#140d12 0%,#42102d 50%,#9e005a 100%);
  box-shadow:0 16px 34px rgba(97,10,57,.25),inset 0 0 0 1px rgba(255,228,161,.22);
  text-align:center;
}
.trust-highlight::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.12) 47%,transparent 56%);
  transform:translateX(-110%);
  animation:trustShine 4.6s ease-in-out infinite;
}
.trust-title{
  position:relative;
  z-index:1;
  max-width:none!important;
  margin:0!important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:var(--white)!important;
  font-size:clamp(29px,3.7vw,47px)!important;
  font-style:italic;
  font-weight:950;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  text-shadow:0 3px 5px rgba(0,0,0,.35);
}
.trust-title strong{font:inherit;white-space:nowrap}
.trust-title>span{flex:0 0 auto;font-size:.84em;text-shadow:none}
.trust-subtitle{
  position:relative;
  z-index:1;
  margin:18px 0 0!important;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px;
  color:#fff5e7!important;
  font-family:"Noto Sans Devanagari","Mangal","Segoe UI",Arial,sans-serif;
  font-size:clamp(17px,2vw,24px)!important;
  font-style:italic;
  font-weight:850;
  line-height:1.35!important;
  text-shadow:0 2px 4px rgba(0,0,0,.32);
}
.trust-divider{color:var(--gold-light);font-weight:950}
.trust-withdraw{
  position:relative;
  z-index:1;
  margin:15px 0 0!important;
  color:var(--gold-light)!important;
  font-size:clamp(22px,2.6vw,31px)!important;
  font-style:italic;
  font-weight:950;
  line-height:1.15!important;
  text-shadow:0 2px 4px rgba(0,0,0,.34);
}
.trust-highlight + .hero-actions{margin-top:27px}

/* Wrapper keeps the button 4% lower; the button itself is 5% larger. */
.download-button-slot{
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translateY(4%);
  transform-origin:center;
}
#downloadApp{
  position:relative;
  z-index:2;
  transform-origin:center;
  animation:dpDownloadFloat 1.85s ease-in-out infinite;
  will-change:transform;
}
#downloadApp:hover{
  filter:saturate(1.06) brightness(1.02);
}

@keyframes trustShine{
  0%,58%,100%{transform:translateX(-110%)}
  76%{transform:translateX(110%)}
}
@keyframes dpDownloadFloat{
  0%,100%{transform:scale(1.05) translateY(0)}
  50%{transform:scale(1.05) translateY(-4px)}
}

@media(max-width:620px){
  .trust-highlight{
    width:100%;
    padding:17px 10px 16px;
    border-width:3px;
    border-radius:19px;
  }
  .trust-title{
    gap:5px;
    font-size:clamp(20px,6vw,25px)!important;
    line-height:1.13!important;
  }
  .trust-title>span{font-size:.76em}
  .trust-subtitle{
    margin-top:13px!important;
    gap:4px 6px;
    font-size:clamp(14px,4.25vw,17px)!important;
    line-height:1.42!important;
  }
  .trust-withdraw{
    margin-top:11px!important;
    font-size:clamp(20px,5.8vw,24px)!important;
  }
  .trust-highlight + .hero-actions{margin-top:24px}
  .download-button-slot{width:100%}
  #downloadApp{
    width:100%;
    min-height:57px;
    padding:14px 23px;
    font-size:15.75px;
  }
}

@media(max-width:390px){
  .trust-highlight{padding-left:7px;padding-right:7px}
  .trust-title{font-size:clamp(18px,5.75vw,22px)!important;gap:4px}
  .trust-subtitle{font-size:clamp(13px,4vw,15px)!important}
  .trust-divider{display:none}
  .trust-subtitle>span:not(.trust-divider){width:100%}
  .trust-withdraw{font-size:20px!important}
}

/* KALYAN BOSS premium white / gold / emerald brand refresh */
:root{--pink:#d49a17;--pink-dark:#a86f00;--ink:#061b15;--gold:#e5aa24;--green:#063e31;--cream:#fffaf0}
body{background:#fffdf8;color:#101512}
.site-header{background:#fff;border-bottom:1px solid #ead8a5;box-shadow:0 5px 20px rgba(72,49,0,.08)}
.brand-logo{max-height:76px;width:auto}.telegram-btn{background:#082f26;border:2px solid #d9a51e}.menu-btn{color:#071c16}
.hero{background:linear-gradient(145deg,#fff 0%,#fffaf0 60%,#f7edcf 100%)}
.hero-badge,.section-kicker{color:#9a6800}.trust-title,.hero-copy h1{color:#073a2e}.primary-btn{background:linear-gradient(100deg,#e9a91e,#ffd867,#d99509);color:#111;border:1px solid #bd7e00;box-shadow:0 12px 28px rgba(202,143,12,.28)}
.secondary-btn{border-color:#0a4939;color:#073a2e}.support-strip,.results-wrap{background:linear-gradient(135deg,#063b2f,#021c16)}
.livechat-btn{background:#0b4939}.call-btn{background:#f4b82d;color:#111}.rates-box,.feature-card,.result-card{border-color:#ead8a5}
/* reference hero image supplied by user */
.logo-card{padding:0;overflow:hidden;background:#fff;border:1px solid #e3c777}.logo-card-label,.logo-card-foot{display:none}.hero-logo{content:url('./assets/kalyan-boss-hero.png');width:100%;height:auto;max-height:none;object-fit:cover}