:root{
  --yellow:#ffc857;
  --yellow-dark:#f5a900;
  --black:#07070d;
  --text:#171717;
  --muted:#696969;
  --white:#ffffff;
  --soft:#fff8ea;
  --border:#ececec;
  --shadow:0 20px 60px rgba(0,0,0,.12);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--white);line-height:1.6}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
.container{width:min(1160px,92%);margin:auto}.section{padding:90px 0}.site-header{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.navbar{height:86px;display:flex;align-items:center;justify-content:space-between}.brand img{height:54px;width:auto}.nav-links{display:flex;align-items:center;gap:28px;font-weight:700}.nav-links a:not(.btn){color:#222}.menu-toggle{display:none;background:none;border:none;font-size:32px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 24px;font-weight:800;border:2px solid transparent;transition:.25s ease}.btn-primary{background:var(--yellow);color:var(--black)}.btn-primary:hover{background:var(--yellow-dark);transform:translateY(-2px)}.btn-dark{background:var(--black);color:var(--white)}.btn-outline{border-color:var(--black);color:var(--black)}.btn-outline:hover{background:var(--yellow);border-color:var(--yellow);color:var(--black);transform:translateY(-2px)}.hero{padding:85px 0 55px;background:linear-gradient(135deg,#fff 0%,#fff8e8 55%,#ffe6a7 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.eyebrow{display:inline-block;margin-bottom:14px;color:var(--yellow-dark);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.hero h1,.section-heading h2,.split-content h2,.dark-section h2,.business-box h2,.contact-section h2{font-size:clamp(2.2rem,5vw,4.9rem);line-height:1.02;margin-bottom:22px;letter-spacing:-.05em}.hero p,.section-heading p,.split-content p,.business-box p,.contact-section p,.dark-section p{font-size:1.1rem;color:var(--muted);max-width:640px}.hero-actions,.contact-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}.hero-image{background:radial-gradient(circle,var(--yellow) 0%,#fff 62%);border-radius:42px;min-height:520px;display:flex;align-items:flex-end;justify-content:center;box-shadow:var(--shadow)}.hero-image img{max-height:720px;object-fit:contain}.card-glow{position:relative}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.stats div{background:rgba(255,255,255,.8);border:1px solid #f4d78b;border-radius:22px;padding:18px}.stats strong{display:block;font-size:1rem}.stats span{font-size:.88rem;color:var(--muted)}.section-heading{text-align:center;max-width:760px;margin:0 auto 46px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:#fff;border:1px solid var(--border);border-radius:28px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.05)}.card span{display:inline-flex;width:46px;height:46px;border-radius:50%;background:var(--black);color:var(--yellow);align-items:center;justify-content:center;font-weight:900;margin-bottom:24px}.card h3{font-size:1.25rem;margin-bottom:12px}.card p{color:var(--muted)}.split-section{background:#fafafa}.split-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.rounded-img{border-radius:36px;box-shadow:var(--shadow)}.steps{display:grid;gap:16px;margin-top:28px}.steps div{display:flex;gap:16px;align-items:flex-start;background:#fff;border-radius:18px;padding:18px}.steps b{background:var(--yellow);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center}.dark-section{background:var(--black);color:#fff}.dark-section p{color:#c7c7c7}.location-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.location-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.location-list div{border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:30px;background:rgba(255,255,255,.06)}.location-list .available{background:var(--yellow);color:var(--black)}.location-list .available p{color:#222}.business-box{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--soft);border:1px solid #ffe0a1;border-radius:40px;padding:52px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-grid img{height:330px;width:100%;object-fit:cover;border-radius:28px;background:#eee}.contact-section{background:#fafafa}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:start}.booking-form{background:#fff;border-radius:34px;padding:32px;display:grid;gap:16px;box-shadow:var(--shadow)}input,select,textarea{width:100%;padding:16px 18px;border-radius:16px;border:1px solid #ddd;font:inherit}textarea{min-height:120px;resize:vertical}.footer{background:#050505;color:#fff;padding:38px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer img{height:58px}.floating-whatsapp{position:fixed;right:22px;bottom:22px;background:#25d366;color:#fff;font-weight:900;padding:15px 22px;border-radius:999px;box-shadow:0 10px 25px rgba(0,0,0,.2);z-index:100}
@media(max-width:900px){.menu-toggle{display:block}.nav-links{position:absolute;left:0;right:0;top:86px;background:#fff;display:none;flex-direction:column;align-items:flex-start;padding:24px 4%;border-bottom:1px solid var(--border)}.nav-links.active{display:flex}.hero-grid,.split-grid,.location-grid,.contact-grid{grid-template-columns:1fr}.cards,.gallery-grid,.stats,.location-list{grid-template-columns:1fr}.hero-image{min-height:420px}.business-box{flex-direction:column;align-items:flex-start}.section{padding:64px 0}.footer-grid{align-items:flex-start;flex-direction:column}}

.video-section{background:#fff}.video-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.phone-frame{width:min(360px,100%);margin:auto;background:#111;border:12px solid #111;border-radius:42px;padding:18px 12px 14px;box-shadow:var(--shadow);position:relative}.phone-speaker{width:86px;height:7px;background:#2b2b2b;border-radius:999px;margin:0 auto 14px}.phone-frame video,.phone-frame iframe{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:28px;background:#000;border:0;display:block}.compact-steps div{padding:14px}.video-note{font-size:.94rem!important;margin-top:18px;color:#777!important}.business-form-section{background:#fafafa}.form-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:start;background:#fff;border:1px solid var(--border);border-radius:40px;padding:44px;box-shadow:0 10px 35px rgba(0,0,0,.06)}.left-heading{text-align:left;margin:0}.left-heading h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;margin-bottom:18px;letter-spacing:-.04em}.contact-info{margin-top:22px;background:#fff;border:1px solid var(--border);border-radius:24px;padding:22px}.contact-info h3{margin-bottom:10px}.contact-info p{font-size:.98rem;margin-top:8px;color:var(--muted)}.social-links,.footer-social{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.social-links a,.footer-social a{border:1px solid var(--border);padding:10px 14px;border-radius:999px;font-weight:800}.social-links a:hover,.footer-social a:hover{background:var(--yellow);color:var(--black);border-color:var(--yellow)}.footer-social{margin-top:0}.footer-social a{border-color:rgba(255,255,255,.25);color:#fff}
@media(max-width:900px){.video-grid,.form-panel{grid-template-columns:1fr}.form-panel{padding:28px}.phone-frame{max-width:320px}}

/* Recent update: icon-only socials, round WhatsApp button, iPhone 17 Pro Max style video frame */
.btn i{font-size:1.05rem}.btn i+span{margin-left:8px}.nav-links .btn-dark:hover{background:var(--yellow);color:var(--black);border-color:var(--yellow)}
.social-icons{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;align-items:center}.social-icons a{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--black);background:#fff;border:1px solid var(--border);font-size:1.25rem;transition:all .25s ease}.social-icons a:hover{background:var(--yellow);border-color:var(--yellow);color:var(--black);transform:translateY(-3px) scale(1.06)}.footer-social.social-icons{margin-top:0}.footer-social.social-icons a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}.footer-social.social-icons a:hover{background:var(--yellow);border-color:var(--yellow);color:var(--black)}
.floating-whatsapp{width:62px;height:62px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;background:#25d366;color:#fff}.floating-whatsapp:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 14px 34px rgba(37,211,102,.35)}
.phone-frame.iphone-17-promax{width:min(390px,100%);aspect-ratio:9/19.5;background:linear-gradient(145deg,#1c1c1e,#050505);border:9px solid #161616;border-radius:58px;padding:18px 13px;box-shadow:0 30px 80px rgba(0,0,0,.28), inset 0 0 0 2px rgba(255,255,255,.08);position:relative;overflow:visible}.phone-frame.iphone-17-promax:before{content:"";position:absolute;inset:-5px;border-radius:64px;background:linear-gradient(145deg,#4a4a4d,#070707);z-index:-1}.phone-frame.iphone-17-promax:after{content:"";position:absolute;right:-13px;top:27%;width:5px;height:74px;border-radius:8px;background:#2b2b2d}.phone-dynamic-island{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:112px;height:31px;background:#000;border-radius:999px;z-index:3;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.phone-camera-control{position:absolute;right:-10px;top:43%;width:5px;height:44px;border-radius:8px;background:#303033}.phone-frame.iphone-17-promax video,.phone-frame.iphone-17-promax iframe{height:100%;width:100%;border-radius:44px;aspect-ratio:auto;border:1px solid rgba(255,255,255,.06);object-fit:cover;display:block;background:#000}.phone-speaker{display:none}
@media(max-width:900px){.phone-frame.iphone-17-promax{max-width:330px;border-radius:52px}.phone-frame.iphone-17-promax video,.phone-frame.iphone-17-promax iframe{border-radius:38px}.floating-whatsapp{width:56px;height:56px;font-size:1.75rem}}

/* Mobile-first polish update */
.whatsapp-round{
  width:56px;
  height:56px;
  padding:0;
  border-radius:50%;
  background:#25d366;
  color:#fff;
  font-size:1.8rem;
  border-color:#25d366;
}
.whatsapp-round:hover{background:#1ebe5d;border-color:#1ebe5d;transform:translateY(-2px) scale(1.05)}
.mobile-bottom-nav{display:none}

@media(max-width:900px){
  body{padding-bottom:104px;overflow-x:hidden}
  .container{width:min(100% - 32px, 1160px)}
  .site-header{position:sticky;top:0;background:#fff}
  .navbar{height:72px}
  .brand img{height:42px;max-width:155px;object-fit:contain}
  .menu-toggle{font-size:28px;line-height:1;color:var(--black)}
  .nav-links{top:72px;border-radius:0 0 24px 24px;box-shadow:0 18px 40px rgba(0,0,0,.08);gap:16px}
  .nav-links .btn{width:100%}

  .hero{padding:38px 0 34px;background:linear-gradient(180deg,#fff 0%,#fff8e8 100%)}
  .hero-grid{gap:24px;text-align:left}
  .hero h1{font-size:clamp(2.15rem,10.5vw,3.35rem);letter-spacing:-.045em;margin-bottom:16px}
  .hero p{font-size:1rem;max-width:100%}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
  .hero-actions .btn{width:100%;padding:13px 14px;font-size:.92rem}
  .stats{grid-template-columns:1fr;gap:10px;margin-top:22px}
  .stats div{border-radius:18px;padding:14px 16px}
  .hero-image{min-height:auto;border-radius:30px;padding:20px 14px 0;box-shadow:0 14px 36px rgba(0,0,0,.10)}
  .hero-image img{max-height:470px;margin:auto}

  .section{padding:56px 0}
  .section-heading{margin-bottom:28px;text-align:left}
  .section-heading h2,.split-content h2,.dark-section h2,.business-box h2,.contact-section h2{font-size:clamp(2rem,8vw,2.8rem);line-height:1.06;letter-spacing:-.04em}
  .cards{gap:14px}
  .card{border-radius:22px;padding:22px}
  .card span{width:40px;height:40px;margin-bottom:16px}
  .split-grid{gap:28px}
  .rounded-img{border-radius:26px}
  .steps div{border-radius:16px;padding:15px;gap:12px}

  .video-grid{gap:30px}
  .phone-frame.iphone-17-promax{width:min(290px,86vw);max-width:290px;margin:0 auto;border-radius:48px;padding:15px 11px;border-width:8px;box-shadow:0 20px 55px rgba(0,0,0,.22)}
  .phone-frame.iphone-17-promax:before{border-radius:54px}
  .phone-frame.iphone-17-promax video,.phone-frame.iphone-17-promax iframe{border-radius:34px}
  .phone-dynamic-island{top:15px;width:88px;height:25px}

  .location-list{gap:12px}
  .location-list div{border-radius:22px;padding:22px}
  .business-box{border-radius:28px;padding:28px;align-items:stretch}
  .business-box .btn{width:100%}
  .form-panel{border-radius:28px;padding:22px;gap:24px}
  .booking-form{border-radius:24px;padding:20px;box-shadow:0 12px 30px rgba(0,0,0,.07)}
  input,select,textarea{border-radius:14px;padding:14px 15px;font-size:16px}
  .gallery-grid{gap:14px}
  .gallery-grid img{height:230px;border-radius:22px}
  .contact-grid{gap:28px}
  .contact-actions{gap:12px;margin:22px 0;align-items:center}
  .contact-actions .btn-outline{height:56px;padding-inline:22px}
  .contact-info{border-radius:20px;padding:18px}
  .social-icons a{width:42px;height:42px;font-size:1.1rem}
  .footer{padding:34px 0 116px}
  .footer-grid{gap:14px}
  .footer img{height:46px}
  .floating-whatsapp{right:18px;bottom:104px;width:54px;height:54px;font-size:1.65rem;z-index:120}

  .mobile-bottom-nav{
    position:fixed;
    left:50%;
    bottom:16px;
    transform:translateX(-50%);
    width:min(92vw,430px);
    height:72px;
    background:#1f1f1f;
    border-radius:999px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    align-items:center;
    padding:8px;
    gap:4px;
    box-shadow:0 18px 45px rgba(0,0,0,.28);
    z-index:150;
  }
  .mobile-bottom-nav a{
    min-width:0;
    height:56px;
    border-radius:999px;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    font-weight:900;
    font-size:.78rem;
    transition:.22s ease;
  }
  .mobile-bottom-nav i{font-size:1.3rem;line-height:1}
  .mobile-bottom-nav a span{display:none}
  .mobile-bottom-nav a.active,
  .mobile-bottom-nav a:hover{
    background:#fff;
    color:#1f1f1f;
    box-shadow:inset 0 0 0 2px rgba(0,0,0,.08);
  }
  .mobile-bottom-nav a.active span{display:inline}
}

@media(max-width:520px){
  .container{width:min(100% - 24px, 1160px)}
  .hero-actions{grid-template-columns:1fr}
  .hero h1{font-size:2.25rem}
  .btn{padding:13px 18px}
  .mobile-bottom-nav{height:68px;bottom:12px;width:94vw;padding:7px}
  .mobile-bottom-nav a{height:54px;font-size:.74rem;gap:5px}
  .mobile-bottom-nav i{font-size:1.2rem}
  .mobile-bottom-nav a.active span{display:inline}
  .floating-whatsapp{bottom:96px;right:14px}
}

.youtube-phone-video{width:100%;height:100%;border:0;background:#000;}

/* YouTube Shorts phone player */
.youtube-shorts-player{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:44px;
  background:#000;
}
.youtube-shorts-player iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
  border-radius:44px;
}
.youtube-placeholder{
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-align:center;
  padding:24px;
  color:#fff;
}
.youtube-placeholder i{font-size:3rem;color:#ff0033}
.youtube-placeholder p{font-size:.9rem;line-height:1.45;color:#fff;margin:0}
@media(max-width:900px){
  .youtube-shorts-player,.youtube-shorts-player iframe{border-radius:38px}
}
@media(max-width:560px){
  .youtube-shorts-player,.youtube-shorts-player iframe{border-radius:34px}
}