/*
Theme Name: Bestee
Theme URI: https://bestee.in/
Author: Bestee
Description: Bestee one-page website theme.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: bestee
*/

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#17121f;background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}
.site-nav{height:82px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:50}
.site-logo{width:145px;height:62px;object-fit:contain}.nav-links{display:flex;gap:30px;color:#625b69;font-size:14px}.nav-links a:hover{color:#d51a75}
.btn{display:inline-flex;padding:13px 22px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#ff2870,#7118ce);font-weight:700;font-size:14px;box-shadow:0 12px 28px rgba(113,24,206,.2)}
.hero{min-height:680px;padding:80px 8%;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;background:radial-gradient(circle at 85% 35%,#f5e8ff,transparent 35%)}
.kicker{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#b11cae;margin-bottom:15px}.hero h1{font-size:clamp(45px,6vw,76px);line-height:1.04;letter-spacing:-3px;margin:0}.grad{background:linear-gradient(90deg,#ff2870,#7419cd);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy{max-width:650px;margin:24px 0 30px;color:#6d6773;font-size:17px}.actions{display:flex;gap:25px;align-items:center}.secondary{font-size:14px;font-weight:700;color:#5516a0}.hero-visual{text-align:center}.hero-logo{width:min(490px,92%);height:auto;filter:drop-shadow(0 25px 35px rgba(66,19,112,.14))}
.section{padding:105px 8%}.soft{background:#faf8fc}.center{text-align:center;max-width:680px;margin:0 auto 55px}.section h2{font-size:clamp(34px,4.5vw,52px);line-height:1.1;letter-spacing:-2px;margin:0}.center p,.split p{color:#706a76;margin-top:12px}
.cards{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid #eee9f3;border-radius:22px;padding:28px;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(50,20,95,.1)}.icon{width:48px;height:48px;border-radius:15px;color:#fff;background:linear-gradient(135deg,#ff2870,#7118ce);display:grid;place-items:center;font-weight:700;margin-bottom:20px}.card h3{font-size:18px;margin:0 0 8px}.card p{font-size:13px;color:#706a76;margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.feature-list{list-style:none;padding:0;margin-top:25px;display:grid;gap:14px;font-size:14px;font-weight:700}.feature-list span{color:#e72575;margin-right:9px}
.quote{border-radius:30px;padding:55px;background:linear-gradient(145deg,#341464,#741bc9);color:#fff}.quote-mark{font-size:72px;color:#ff5a91;line-height:.7}.quote h3{font-size:28px;line-height:1.35;margin:15px 0}.quote hr{border:0;border-top:1px solid rgba(255,255,255,.25);margin:25px 0 15px}.quote p{color:#eadfff;font-size:13px}
.cta{padding:110px 8%;text-align:center;color:#fff;background:linear-gradient(135deg,#ff2870,#7418ce)}.cta p{color:#ffedf4;margin:12px auto 28px}.cta .btn{background:#fff;color:#5b18a2;box-shadow:none}.cta small{display:block;margin-top:15px;color:#ffe3ed}
.site-footer{
  padding:58px 8% 20px;
  background:#18003e;
  color:#fff;
}
.footer-grid{
  max-width:1400px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.45fr 1fr 1fr 1fr;
  gap:55px;
  align-items:start;
}
.footer-brand{min-width:0}
.footer-logo{
  width:155px;
  height:75px;
  object-fit:contain;
  background:#fff;
  border-radius:8px;
  padding:3px;
}
.footer-tag{color:#cfc5df;font-size:14px;margin:0}
.site-footer h4{margin:0 0 12px;font-size:15px}
.footer-links,.social{display:grid;gap:7px}
.footer-links a,.social a,.site-footer p{color:#cfc5df;font-size:14px;margin:0}
.social a{display:flex;align-items:center;gap:9px}
.social-icon{
  width:29px;height:29px;border-radius:50%;
  display:inline-grid;place-items:center;
  background:#fff;color:#8133e8;font-weight:700;
  font-size:16px;
}
.footer-bottom{
  max-width:1400px;
  margin:54px auto 0;
  display:grid;
  grid-template-columns:1.2fr 1.8fr;
  align-items:center;
  gap:50px;
}
.address h4{font-size:18px;margin-bottom:10px}
.address p{font-size:14px;color:#cfc5df}
.store-row{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:25px;
  margin:0;
}
.store{
  height:70px;
  width:235px;
  border:1px solid #777;
  border-radius:9px;
  background:#050505;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.store small{display:block;font-size:10px;line-height:1.1}
.store strong{display:block;font-size:20px;line-height:1.15}
.store-play{font-size:30px;color:#35e6a4}
.store-apple{font-size:29px;color:#fff}
.copyright{
  max-width:1400px;
  margin:58px auto 0;
  color:#fff!important;
  font-size:13px;
}
@media(max-width:900px){.nav-links{display:none}.hero{grid-template-columns:1fr;text-align:center;padding:65px 6%}.hero-copy{margin-left:auto;margin-right:auto}.actions{justify-content:center}.cards{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:50px}.footer-grid{grid-template-columns:1fr 1fr}.store-row{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:560px){.site-nav>.btn{display:none}.hero{padding:55px 6%}.hero h1{letter-spacing:-2px}.actions{flex-direction:column}.section{padding:80px 6%}.cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.site-footer{padding:40px 6%}}

@media(max-width:900px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:35px}
  .footer-bottom{grid-template-columns:1fr;gap:30px}
  .store-row{justify-content:flex-start;flex-wrap:wrap}
}
@media(max-width:560px){
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{grid-template-columns:1fr}
  .store{width:205px}
  .site-footer{padding:45px 6% 18px}
}