:root{--font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:Sora,Inter,ui-sans-serif,system-ui,sans-serif;
  color-scheme:dark;
  --bg:#02060d;
  --bg-soft:#03141a;
  --card:rgba(255,255,255,.055);
  --card-strong:rgba(255,255,255,.085);
  --text:#f8fbff;
  --muted:#a9c6ce;
  --soft:#6f9aa4;
  --line:rgba(255,255,255,.12);
  --brand:#06b6d4;
  --brand-2:#22d3ee;
  --brand-3:#67e8f9;
  --shadow:0 26px 70px rgba(0,0,0,.38);
  --radius:28px;
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f3fcff;
  --bg-soft:#dff8ff;
  --card:rgba(255,255,255,.72);
  --card-strong:rgba(255,255,255,.92);
  --text:#05161d;
  --muted:#486873;
  --soft:#5f8790;
  --line:rgba(6,182,212,.18);
  --brand:#0891b2;
  --brand-2:#06b6d4;
  --brand-3:#0891b2;
  --shadow:0 24px 58px rgba(6,182,212,.16);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;min-height:100%}
body{font-family:var(--font-body);background:radial-gradient(circle at 18% 5%,rgba(34,211,238,.18),transparent 32%),radial-gradient(circle at 84% 12%,rgba(103,232,249,.13),transparent 28%),linear-gradient(180deg,var(--bg),var(--bg-soft));color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;display:flex;flex-direction:column}
main{flex:1 0 auto}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 40px));margin:0 auto}.noise{display:none!important}
.nav{position:sticky;top:0;z-index:20;background:rgba(2,6,13,.70);border-bottom:1px solid var(--line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}:root[data-theme="light"] .nav{background:rgba(245,249,255,.76)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.brand{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;font-size:1.18rem}.brand-icon{width:42px;height:42px;border-radius:14px;object-fit:cover;border:1px solid var(--line);box-shadow:0 12px 34px rgba(0,0,0,.22)}.brand span b{color:var(--brand-2)}.nav-links{display:flex;align-items:center;gap:1.25rem;color:var(--muted);font-weight:800;font-size:.94rem}.nav-links a:hover{color:var(--text)}
.btn{border:0;border-radius:999px;padding:.88rem 1.22rem;font:800 .94rem/1 var(--font-display);color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 16px 38px rgba(6,182,212,.30);cursor:pointer;display:inline-flex;align-items:center;gap:.55rem;justify-content:center;transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}.btn:hover{transform:translateY(-2px);filter:saturate(1.12);box-shadow:0 18px 42px rgba(6,182,212,.38)}.btn.secondary{background:var(--card);box-shadow:none;color:var(--text);border:1px solid var(--line)}
.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.08fr .82fr;align-items:center;gap:3rem;padding:4rem 0 3.2rem}.eyebrow{display:flex;align-items:center;gap:.72rem;color:var(--brand-3);letter-spacing:.19em;text-transform:uppercase;font-weight:900;font-size:.78rem;margin-bottom:1.05rem}.eyebrow:before{content:"";width:30px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand-2))}h1,.section h2{font-family:var(--font-display);font-weight:800;letter-spacing:-.065em}h1{font-size:clamp(2.9rem,5.6vw,5.2rem);line-height:1}.section h2{font-size:clamp(2rem,3.7vw,3.45rem);line-height:1.04}.accent{color:var(--brand-2)}.lead{font-size:1.02rem;line-height:1.75;color:var(--muted);max-width:640px;margin:1.25rem 0 1.85rem}.hero-actions,.cta-row{display:flex;flex-wrap:wrap;gap:.85rem}.chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.35rem}.chip{font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);background:var(--card);padding:.48rem .72rem;border-radius:999px}
.hero-card{position:relative;border:1px solid var(--line);border-radius:34px;background:linear-gradient(180deg,var(--card-strong),var(--card));padding:.78rem;box-shadow:var(--shadow);overflow:hidden;max-width:440px;margin-inline:auto}.hero-card:before{content:"";position:absolute;inset:-35%;background:radial-gradient(circle,rgba(34,211,238,.22),transparent 46%);animation:floatGlow 7s ease-in-out infinite alternate}.portrait-wrap{position:relative;z-index:1;border-radius:28px;overflow:hidden;background:#fff;height:540px;display:flex;align-items:flex-end;justify-content:center}.portrait-wrap img{width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform .35s ease}.hero-card.is-changing .portrait-wrap img{opacity:.2;transform:scale(.985)}.person-strip{position:relative;z-index:2;margin-top:-84px;margin-inline:1rem;background:rgba(12,8,10,.86);border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:1.08rem 1.15rem;backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.24)}.person-strip h3{font-family:var(--font-display);font-size:1.22rem;letter-spacing:-.035em}.person-strip p{color:var(--brand-3);font-weight:900;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;margin-top:.25rem}.person-strip small{display:block;color:var(--muted);margin-top:.55rem;font-weight:800}
.section{padding:4.3rem 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.75rem}.section-copy{color:var(--muted);line-height:1.7;max-width:560px}.grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.02)}.service{min-height:145px;padding:1.5rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.25s ease, box-shadow 0.25s ease;position:relative}.service:hover{background:rgba(34,211,238,.07);transform:translateY(-4px) scale(1.01);box-shadow:0 12px 30px rgba(34,211,238,.06);border-color:rgba(34,211,238,.24);z-index:2}.service:active{transform:translateY(-1px) scale(0.975);background:rgba(34,211,238,.12);transition:transform 0.08s ease}.service:nth-child(4n){border-right:0}.service:nth-last-child(-n+4){border-bottom:0}.ico{font-size:1.55rem;margin-bottom:1.05rem}.service h3{font-family:var(--font-display);font-size:1rem;letter-spacing:-.025em}.service p{margin-top:.55rem;color:var(--muted);line-height:1.55;font-size:.9rem}
.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}.check-list{display:grid;gap:.78rem}.check{display:flex;align-items:center;gap:.9rem;border:1px solid var(--line);background:var(--card);border-radius:20px;padding:1rem;color:var(--muted);font-weight:800}.tick{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;flex:0 0 auto}.edge-card,.story-card,.qr-coming{border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,var(--card-strong),var(--card));box-shadow:var(--shadow)}.edge-card{padding:1.7rem}.edge-item{padding:1.2rem 0;border-bottom:1px solid var(--line)}.edge-item:last-child{border-bottom:0}.edge-item strong{display:block;font-size:1rem}.edge-item span{display:block;color:var(--muted);margin-top:.35rem}.qr-coming{display:grid;grid-template-columns:1fr .75fr;gap:1.5rem;align-items:center;padding:2rem}.qr-box{aspect-ratio:1;border-radius:24px;border:1px dashed rgba(255,255,255,.25);display:grid;place-items:center;text-align:center;color:var(--muted);background:rgba(255,255,255,.035)}.qr-box b{display:block;color:var(--text);font-size:1.3rem;margin-bottom:.35rem}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-card{display:flex;align-items:center;gap:.9rem;border:1px solid var(--line);background:var(--card);border-radius:22px;padding:1.05rem;transition:transform .22s ease,background .22s ease}.contact-card:hover{transform:translateY(-2px);background:rgba(34,211,238,.12)}.contact-card .icon{width:50px;height:50px;border-radius:17px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:1.25rem;flex:0 0 auto}.contact-card small{display:block;color:var(--soft);letter-spacing:.12em;text-transform:uppercase;font-weight:900;font-size:.72rem}.contact-card strong{display:block;margin-top:.2rem;line-height:1.35;font-size:.96rem}.footer{border-top:1px solid var(--line);padding:1.5rem 0;color:var(--muted)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.floating{position:fixed;right:18px;bottom:22px;z-index:30}.float-btn{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;display:grid;place-items:center;font-size:1.2rem;box-shadow:0 18px 50px rgba(6,182,212,.32);cursor:pointer}.theme-pill{position:fixed;right:18px;top:50%;z-index:30;border:1px solid var(--line);background:rgba(20,15,17,.72);backdrop-filter:blur(18px);border-radius:999px;padding:.38rem;display:grid;gap:.28rem;box-shadow:0 18px 48px rgba(0,0,0,.24)}.theme-pill button{width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:#fff;cursor:pointer;font-size:1.05rem}.theme-pill button.active{background:linear-gradient(135deg,var(--brand),var(--brand-2))}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(30px);opacity:0;background:var(--card-strong);border:1px solid var(--line);padding:.9rem 1.1rem;border-radius:999px;box-shadow:var(--shadow);z-index:50;transition:.25s ease}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.about-hero{padding:4.4rem 0 2.6rem}.leaders{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.8rem}.leader-card{border:1px solid var(--line);border-radius:30px;overflow:hidden;background:linear-gradient(180deg,var(--card-strong),var(--card));box-shadow:var(--shadow)}.leader-img{height:560px;background:linear-gradient(135deg,rgba(34,211,238,.10),rgba(255,255,255,.035) 38%,rgba(2,8,13,.86));display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.leader-img img{width:100%;height:100%;object-fit:cover;object-position:top center}.leader-body{padding:1.35rem}.leader-body h2{font-family:var(--font-display);font-size:1.65rem;letter-spacing:-.04em}.role{color:var(--brand-3);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;margin:.35rem 0 .9rem}.story-card{padding:2rem;line-height:1.8;color:var(--muted)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes floatGlow{from{transform:translate(-4%,2%) rotate(0deg)}to{transform:translate(5%,-4%) rotate(16deg)}}
.qr-simple .container{display:grid;gap:1rem;place-items:start}.qr-simple .section-copy{margin-bottom:.25rem}.qr-page{min-height:calc(100vh - 78px);display:flex;flex-direction:column;justify-content:center;padding:5rem 0}.qr-page h1{max-width:820px}.qr-page .lead{max-width:680px}
@media(max-width:900px){.nav-inner{height:auto;padding:1rem 0}.nav-links{gap:.75rem;font-size:.9rem}.nav-links a:nth-child(2),.nav-links a:nth-child(3){display:none}.hero,.feature-layout,.qr-coming,.contact-grid,.leaders{grid-template-columns:1fr}.hero{padding:3rem 0}.portrait-wrap{height:500px}.grid{grid-template-columns:1fr 1fr}.service:nth-child(n){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.theme-pill{top:auto;bottom:88px}.section-head{display:block}.section-copy{margin-top:.9rem}.leader-img{height:500px}}
@media(max-width:560px){.container{width:min(100% - 26px,1160px)}h1{font-size:2.85rem}.section h2{font-size:2.05rem}.grid{grid-template-columns:1fr}.service{min-height:auto}.nav-links .btn{padding:.75rem .9rem}.brand span{display:none}.portrait-wrap{height:430px}.leader-img{height:420px}.contact-card{align-items:flex-start}.footer-inner{display:grid}.hero-actions .btn,.cta-row .btn{width:100%}}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.35rem;padding-bottom:4.5rem}.team-card{border:1px solid var(--line);border-radius:28px;background:transparent;box-shadow:var(--shadow);overflow:hidden;transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease}.team-photo{width:100%;height:auto;aspect-ratio:auto;background:transparent;overflow:hidden;position:relative;display:block}.team-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.08) 38%,transparent 62%);transform:translateX(-120%);animation:photoSkeleton 1.15s ease-in-out infinite}.team-photo img{position:relative;z-index:1;width:100%;height:auto;display:block;object-fit:contain;background:transparent;border-radius:28px;opacity:0;transition:opacity .22s ease}.team-photo img[src]{opacity:1}.team-info{display:none!important;opacity:0!important;visibility:hidden!important;height:0!important;padding:0!important;margin:0!important;overflow:hidden!important}.team-empty{border:1px dashed var(--line);border-radius:28px;padding:2rem;color:var(--muted);grid-column:1/-1;background:var(--card)}@keyframes photoSkeleton{to{transform:translateX(120%)}}
@media(max-width:900px){.team-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.team-grid{grid-template-columns:1fr}}

/* Compact responsive shell */
.nav-inner{height:62px}
.brand{gap:.58rem;font-size:1.02rem}
.brand-icon{width:34px;height:34px;border-radius:11px}
.nav-links{gap:.82rem;font-size:.82rem}
.nav-links .btn{padding:.64rem .9rem;font-size:.82rem}
.btn{padding:.78rem 1.06rem;font-size:.88rem}
.hero{grid-template-columns:minmax(0,840px);min-height:auto;padding:5.2rem 0 4.4rem}
h1{font-size:clamp(2.4rem,5vw,4.45rem)}
.section h2{font-size:clamp(1.8rem,3.2vw,2.9rem)}
.lead{font-size:.98rem;line-height:1.7}
.section{padding:3.55rem 0}
.footer{padding:.78rem 0;font-size:.82rem}
.footer .brand{font-size:.92rem}
.footer .brand-icon{width:30px;height:30px;border-radius:10px}
.footer-inner{min-height:34px}
.about-hero{padding:3.35rem 0 2rem}
.qr-page{min-height:auto;padding:4.4rem 0}

@media(max-width:1180px){
  .container{width:min(100% - 34px,1040px)}
  .grid{grid-template-columns:repeat(3,1fr)}
  .service:nth-child(n){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .service:nth-child(3n){border-right:0}
}

@media(max-width:820px){
  .container{width:min(100% - 28px,760px)}
  .nav{position:sticky}
  .nav-inner{height:auto;min-height:58px;padding:.62rem 0;align-items:flex-start}
  .nav-links{overflow-x:auto;white-space:nowrap;gap:.45rem;padding-bottom:.08rem;max-width:calc(100vw - 92px);scrollbar-width:none}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{display:inline-flex!important;align-items:center;border:1px solid var(--line);border-radius:999px;padding:.5rem .68rem;background:rgba(255,255,255,.035)}
  .nav-links .btn{padding:.55rem .75rem}
  .hero{padding:3.3rem 0 3rem}
  .section{padding:3rem 0}
  .grid{grid-template-columns:repeat(2,1fr)}
  .service:nth-child(n){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .service:nth-child(2n){border-right:0}
  .feature-layout,.contact-grid,.leaders{grid-template-columns:1fr}
  .section-head{display:block}
  .section-copy{margin-top:.75rem}
  .theme-pill{right:12px;bottom:82px;top:auto}
  .floating{right:12px;bottom:18px}
}

@media(max-width:560px){
  .container{width:min(100% - 22px,520px)}
  .nav-inner{gap:.6rem}
  .brand-icon{width:31px;height:31px}
  .brand span{display:inline;font-size:.92rem}
  .nav-links{max-width:100%;width:100%;order:2}
  h1{font-size:clamp(2.15rem,12vw,3.15rem)}
  .section h2{font-size:clamp(1.62rem,8vw,2.2rem)}
  .eyebrow{font-size:.68rem;letter-spacing:.14em;margin-bottom:.8rem}
  .lead{font-size:.94rem;margin:1rem 0 1.35rem}
  .hero{padding:2.45rem 0 2.55rem}
  .hero-actions .btn,.cta-row .btn{width:100%}
  .chips{gap:.45rem}
  .chip{font-size:.66rem;padding:.42rem .58rem}
  .grid,.team-grid{grid-template-columns:1fr}
  .service{padding:1.15rem}
  .contact-card{padding:.92rem;border-radius:18px}
  .contact-card .icon{width:42px;height:42px;border-radius:14px}
  .footer-inner{justify-content:center;text-align:center;gap:.5rem}
  .footer .brand{width:100%;justify-content:center}
}

@media(min-width:1440px){
  .container{width:min(1200px,calc(100% - 72px))}
  .hero{padding:6rem 0 5rem}
}

/* Public page loader */
.site-loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:rgba(2,6,13,.58);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);transition:opacity .42s ease,visibility .42s ease}
.site-loader:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 18%,rgba(34,211,238,.18),transparent 34%),radial-gradient(circle at 74% 78%,rgba(103,232,249,.12),transparent 32%);pointer-events:none}
.site-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.loader-card{position:relative;width:min(520px,calc(100vw - 36px));border:1px solid rgba(255,255,255,.14);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055));box-shadow:0 28px 90px rgba(0,0,0,.44),0 0 70px rgba(34,211,238,.12);padding:2.2rem;text-align:center;overflow:hidden}
.loader-card:before{content:"";position:absolute;inset:-45%;background:conic-gradient(from 120deg,transparent,rgba(34,211,238,.18),transparent 32%);animation:loaderGlow 3.2s linear infinite}
.loader-logo,.loader-title,.loader-bar,.loader-dots{position:relative;z-index:1}
.loader-logo{width:76px;height:76px;margin:0 auto 1.1rem;border-radius:22px;object-fit:cover;border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 42px rgba(0,0,0,.28)}
.loader-title{font-family:var(--font-display);font-size:1.55rem;font-weight:800;letter-spacing:-.045em;color:var(--text)}
.loader-bar{height:6px;width:min(360px,100%);margin:1.45rem auto 1.15rem;border-radius:999px;background:rgba(255,255,255,.11);overflow:hidden}
.loader-bar span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--brand-2),var(--brand-3));box-shadow:0 0 20px rgba(34,211,238,.5);animation:loaderSlide 1.2s ease-in-out infinite}
.loader-dots{display:flex;justify-content:center;gap:.55rem}
.loader-dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.58);animation:loaderDot 1.05s ease-in-out infinite}
.loader-dots i:nth-child(2){animation-delay:.14s}.loader-dots i:nth-child(3){animation-delay:.28s}
@keyframes loaderSlide{0%{transform:translateX(-110%)}55%{transform:translateX(88%)}100%{transform:translateX(235%)}}
@keyframes loaderDot{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@keyframes loaderGlow{to{transform:rotate(360deg)}}
@media(max-width:560px){.loader-card{padding:1.6rem;border-radius:24px}.loader-logo{width:64px;height:64px;border-radius:18px}.loader-title{font-size:1.25rem}.loader-bar{margin:1.15rem auto 1rem}}

/* Sticky hamburger navigation */
.nav{z-index:120}
.nav-inner{height:62px!important;padding:0!important;align-items:center!important}
.menu-toggle{width:48px;height:48px;border-radius:15px;border:1px solid rgba(34,211,238,.22);background:linear-gradient(180deg,rgba(34,211,238,.08),rgba(255,255,255,.025));box-shadow:0 12px 34px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.035);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.menu-toggle:hover{transform:translateY(-1px);border-color:rgba(103,232,249,.45);box-shadow:0 16px 42px rgba(6,182,212,.16)}
.menu-toggle span{display:block;width:22px;height:2px;border-radius:999px;background:linear-gradient(90deg,#eaffff,var(--brand-3));box-shadow:0 0 12px rgba(34,211,238,.26);transition:transform .24s ease,opacity .2s ease}
body.menu-open .menu-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}
body.menu-open .menu-toggle span:nth-child(2){opacity:0}
body.menu-open .menu-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.nav-menu{position:fixed;inset:62px 0 auto 0;z-index:115;display:flex;justify-content:flex-end;padding:14px clamp(14px,4vw,42px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}
.nav-menu:before{content:"";position:fixed;inset:62px 0 0 0;background:rgba(2,6,13,.42);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html body.menu-open .nav .nav-menu,html body.menu-open .nav-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.menu-panel{position:relative;width:min(360px,calc(100vw - 28px));border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(180deg,rgba(5,14,22,.96),rgba(2,8,13,.94));box-shadow:0 28px 90px rgba(0,0,0,.46),0 0 70px rgba(34,211,238,.13);padding:.8rem;overflow:hidden;transform:translateY(-10px) scale(.98);transition:transform .26s ease}
body.menu-open .menu-panel{transform:translateY(0) scale(1)}
.menu-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 0%,rgba(34,211,238,.15),transparent 42%);pointer-events:none}
.menu-panel a{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:.85rem 1rem;border-radius:16px;color:var(--muted);font-weight:900;letter-spacing:-.01em;transition:background .18s ease,color .18s ease,transform .18s ease}
.menu-panel a:hover{background:rgba(34,211,238,.11);color:var(--text);transform:translateX(2px)}
.menu-panel a:not(:last-child){border-bottom:1px solid rgba(255,255,255,.055)}
.menu-panel a:after{content:"›";color:var(--brand-3);font-size:1.1rem;opacity:.7}
.menu-panel .menu-cta{margin-top:.5rem;justify-content:center;color:#001018;background:linear-gradient(135deg,var(--brand-2),var(--brand-3));box-shadow:0 14px 34px rgba(6,182,212,.22)}
.menu-panel .menu-cta:after{display:none}
:root[data-theme="light"] .menu-toggle{border-color:rgba(8,145,178,.24);background:linear-gradient(180deg,#fff,#eefbff);box-shadow:0 12px 30px rgba(15,61,74,.12),inset 0 1px 0 rgba(255,255,255,.92)}
:root[data-theme="light"] .menu-toggle:hover{border-color:rgba(8,145,178,.42);box-shadow:0 16px 38px rgba(8,145,178,.16)}
:root[data-theme="light"] .menu-toggle span{background:linear-gradient(90deg,#0781a0,#22d3ee);box-shadow:none}
:root[data-theme="light"] .nav-menu:before{background:rgba(237,248,252,.54);backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08)}
:root[data-theme="light"] .menu-panel{border-color:rgba(8,145,178,.16);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(240,252,255,.94));box-shadow:0 28px 70px rgba(15,61,74,.16),0 1px 0 rgba(255,255,255,.9) inset}
:root[data-theme="light"] .menu-panel:before{background:radial-gradient(circle at 14% 0%,rgba(34,211,238,.14),transparent 42%)}
:root[data-theme="light"] .menu-panel a{color:#486873}
:root[data-theme="light"] .menu-panel a:hover{background:rgba(8,145,178,.08);color:#05161d}
:root[data-theme="light"] .menu-panel a:not(:last-child){border-bottom-color:rgba(8,145,178,.10)}
:root[data-theme="light"] .menu-panel a:after{color:#0781a0;opacity:.85}
:root[data-theme="light"] .menu-panel .menu-cta{color:#001018;background:linear-gradient(135deg,#06b6d4,#22d3ee);box-shadow:0 14px 30px rgba(8,145,178,.20)}
@media(max-width:560px){.nav-inner{height:58px!important}.brand-icon{width:32px;height:32px}.brand span{font-size:.95rem}.menu-toggle{width:44px;height:44px;border-radius:14px}.nav-menu{top:58px;padding:10px 11px}.nav-menu:before{top:58px}.menu-panel{width:100%;border-radius:21px}.menu-panel a{min-height:52px}}

/* QR paid checkout */
.qr-checkout-page{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1fr);gap:1.25rem;align-items:start;padding:4.8rem 0 5.2rem}
.qr-copy{position:sticky;top:96px;border:1px solid rgba(255,255,255,.09);border-radius:32px;padding:2rem;background:linear-gradient(180deg,rgba(34,211,238,.09),rgba(255,255,255,.025));box-shadow:var(--shadow)}
.qr-copy h1{font-size:clamp(2.3rem,4.5vw,4.1rem);max-width:680px}
.qr-benefits{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}.qr-benefits span{border:1px solid rgba(34,211,238,.18);border-radius:999px;padding:.58rem .78rem;color:var(--muted);font-size:.78rem;font-weight:900;background:rgba(255,255,255,.035)}
.checkout-card,.checkout-success{min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:32px;background:linear-gradient(180deg,var(--card-strong),var(--card));box-shadow:var(--shadow);padding:1.35rem}
.checkout-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.checkout-head p,.checkout-subtitle{color:var(--brand-3);font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;font-weight:900}.checkout-head h2{font-family:var(--font-display);font-size:1.45rem;letter-spacing:-.05em;margin-top:.25rem}.checkout-head span{border:1px solid rgba(34,211,238,.18);border-radius:999px;padding:.48rem .65rem;color:var(--muted);font-size:.72rem;font-weight:900}
.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.checkout-grid label{display:grid;gap:.45rem;color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.checkout-grid label.wide{grid-column:1/-1}.checkout-grid input{width:100%;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.055);color:var(--text);padding:.95rem 1rem;font:inherit;font-weight:800;outline:none}.checkout-grid input:focus{border-color:rgba(34,211,238,.48);box-shadow:0 0 0 4px rgba(34,211,238,.12)}.gmb-link-field.no-gmb-active input{border-color:rgba(34,211,238,.18);background:rgba(34,211,238,.045);color:rgba(239,251,255,.68)}.checkout-grid .gmb-skip-check{width:max-content;max-width:100%;display:flex;align-items:center;gap:.52rem;margin-top:-.35rem;border:1px solid rgba(34,211,238,.16);border-radius:999px;background:rgba(34,211,238,.045);padding:.42rem .62rem .42rem .48rem;color:rgba(190,213,220,.9);font-size:.67rem;line-height:1;text-transform:none;letter-spacing:.02em;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.checkout-grid .gmb-skip-check:hover{transform:translateY(-1px);border-color:rgba(34,211,238,.34);background:rgba(34,211,238,.08);color:var(--text)}.checkout-grid .gmb-skip-check input{appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;border-radius:6px;border:1px solid rgba(34,211,238,.38);background:rgba(255,255,255,.055);padding:0;margin:0;display:grid;place-items:center;cursor:pointer}.checkout-grid .gmb-skip-check input:checked{background:linear-gradient(135deg,var(--brand),var(--brand-3));border-color:rgba(34,211,238,.72)}.checkout-grid .gmb-skip-check input:checked:after{content:"";width:8px;height:5px;border-left:2px solid #001018;border-bottom:2px solid #001018;transform:rotate(-45deg) translate(1px,-1px)}.checkout-grid .gmb-skip-check input:focus{box-shadow:0 0 0 4px rgba(34,211,238,.12)}.checkout-grid .gmb-skip-check span{white-space:nowrap}.custom-select-label{position:relative}.custom-select{position:relative;z-index:12}.custom-select.open{z-index:80}.custom-select-btn{width:100%;min-height:56px;border:1px solid rgba(34,211,238,.18);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));color:var(--text);padding:.95rem 1rem;font:inherit;font-weight:900;outline:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.custom-select-btn i{font-style:normal;color:var(--accent);font-size:1.1rem;transition:transform .18s ease}.custom-select.open .custom-select-btn{border-color:rgba(34,211,238,.58);box-shadow:0 0 0 4px rgba(34,211,238,.11),0 18px 42px rgba(0,0,0,.2)}.custom-select.open .custom-select-btn i{transform:rotate(180deg)}.custom-select-menu{position:absolute;left:0;right:0;top:calc(100% + 10px);display:grid;gap:.24rem;max-height:310px;overflow:auto;padding:.55rem;border:1px solid rgba(34,211,238,.25);border-radius:22px;background:linear-gradient(180deg,rgba(7,26,32,.97),rgba(3,14,18,.96));box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.04) inset;backdrop-filter:blur(22px);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transform-origin:top;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.custom-select.open .custom-select-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.custom-select-option{width:100%;border:0;border-radius:16px;background:transparent;color:rgba(239,251,255,.86);padding:.78rem .86rem;text-align:left;font:inherit;font-weight:900;cursor:pointer;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:.25rem;text-transform:none;letter-spacing:0;transition:background .16s ease,color .16s ease,transform .16s ease}.custom-select-option span{color:var(--accent);font-weight:900}.custom-select-option:hover,.custom-select-option.selected{background:rgba(34,211,238,.12);color:#f8fdff;transform:translateX(2px)}
.plan-picker{margin-top:1.15rem}.plan-nav,.plan-dots,.plan-arrow{display:none}.plan-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:.7rem}.plan-option{position:relative;cursor:pointer;text-align:left;border:1px solid rgba(34,211,238,.16);border-radius:20px;padding:1rem;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));color:var(--text);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:0 16px 42px rgba(0,0,0,.22);overflow:hidden}.plan-option:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.36)}.plan-option.selected{border-color:rgba(34,211,238,.78);background:linear-gradient(180deg,rgba(34,211,238,.14),rgba(255,255,255,.045));box-shadow:0 18px 48px rgba(6,182,212,.14),0 0 0 1px rgba(34,211,238,.42)}.plan-discount{position:absolute;top:.85rem;right:.85rem;display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:.28rem .58rem;background:rgba(34,211,238,.13);border:1px solid rgba(34,211,238,.28);color:var(--brand-3);font-weight:900;font-size:.72rem;letter-spacing:.01em}.plan-name{display:block;padding-right:5.3rem;font-family:var(--font-display);font-size:1rem;font-weight:900;letter-spacing:-.035em}.plan-old-price{display:block;width:max-content;margin:1rem 0 .25rem;color:var(--soft);font-weight:900;font-size:.88rem;text-decoration:line-through;text-decoration-thickness:2px}.plan-price{display:flex;align-items:flex-end;gap:.18rem;margin:.55rem 0 0;font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.45rem);line-height:.98;letter-spacing:-.06em}.plan-old-price+.plan-price{margin-top:0}.plan-price small{font-family:var(--font-body);font-size:.82rem;line-height:1.15;letter-spacing:-.02em;font-weight:800;color:var(--muted);margin-bottom:.14rem}.plan-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin:1rem 0 0;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#001018;font-family:var(--font-display);font-size:.9rem;font-weight:900;letter-spacing:-.025em;box-shadow:0 14px 32px rgba(6,182,212,.22)}.plan-features{display:grid;gap:.7rem;margin-top:1rem;padding:1rem 0 0;border-top:1px solid rgba(34,211,238,.16);list-style:none}.plan-features li{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:.55rem;color:var(--text);font-size:.84rem;font-weight:850;line-height:1.35}.plan-features li:before{content:"✓";width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.28);color:var(--brand-3);font-size:.72rem;font-weight:900}.plan-loading,.plan-empty{grid-column:1/-1;border:1px dashed rgba(255,255,255,.14);border-radius:20px;padding:1rem;color:var(--muted);font-weight:800}
.checkout-tools{display:grid;grid-template-columns:minmax(220px,.82fr) minmax(260px,360px);gap:.75rem;align-items:start;margin-top:.78rem}.coupon-box{width:100%;margin:0;border:1px dashed rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.018);padding:.55rem .62rem}.coupon-box .checkout-subtitle{font-size:.58rem;letter-spacing:.1em;color:var(--soft);margin-left:.15rem}.coupon-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.35rem;margin-top:.28rem}.coupon-row input{width:100%;min-height:34px;border:0;border-radius:999px;background:rgba(255,255,255,.045);color:var(--text);padding:.45rem .66rem;font:inherit;font-size:.8rem;font-weight:850;text-transform:uppercase;outline:none}.coupon-row input:focus{box-shadow:0 0 0 2px rgba(34,211,238,.12)}.coupon-btn{min-height:34px;border-radius:999px;padding:.42rem .65rem;white-space:nowrap;font-size:.72rem}.coupon-status{min-height:15px;margin:.28rem .15rem 0;color:var(--muted);font-size:.68rem;font-weight:850}.coupon-status.ok{color:var(--brand-3)}.coupon-status.err{color:#ff9a7d}.checkout-summary{display:grid;gap:.36rem;margin:0;border:1px solid rgba(34,211,238,.12);border-radius:18px;background:rgba(34,211,238,.035);padding:.68rem .78rem}.checkout-summary div{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.8rem;font-weight:900}.checkout-summary b{color:var(--text);font-size:.9rem}.checkout-summary .summary-total{border-top:1px solid rgba(255,255,255,.08);padding-top:.46rem;color:var(--text);font-size:.88rem}.checkout-summary .summary-total b{font-size:1rem}
.checkout-error{display:none;margin:1rem 0 0;border:1px solid rgba(255,126,87,.42);border-radius:18px;padding:.9rem;color:#ff9a7d;background:rgba(255,126,87,.1);font-weight:800}.checkout-error.show{display:block}.checkout-btn{width:100%;margin-top:1rem;border:0;justify-content:center}.checkout-btn:disabled{opacity:.68;cursor:not-allowed}.whatsapp-help{margin:.78rem auto 0;width:max-content;max-width:100%;min-height:34px;display:flex;align-items:center;justify-content:center;gap:.38rem;border:1px solid rgba(34,211,238,.20);border-radius:999px;background:rgba(34,211,238,.055);color:var(--muted);font-size:.82rem;font-weight:900;text-decoration:none;text-transform:none;letter-spacing:0;padding:.42rem .8rem;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.whatsapp-help:before{content:"💬";font-size:.9rem}.whatsapp-help:hover{transform:translateY(-1px);color:var(--text);border-color:rgba(34,211,238,.46);background:rgba(34,211,238,.12)}.success-help{margin:1rem auto 0}
.checkout-success{max-width:760px;margin-left:auto}.checkout-success[hidden]{display:none}.success-icon{width:62px;height:62px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand-3));color:#001018;font-weight:900;font-size:1.55rem;box-shadow:0 18px 42px rgba(34,211,238,.18)}.checkout-success h2{margin-top:1rem;font-family:var(--font-display);font-size:2rem;letter-spacing:-.05em}.checkout-success p{color:var(--muted);margin:.45rem 0 1rem}.credential-list{display:grid;gap:.65rem}.credential-list div{display:grid;grid-template-columns:150px 1fr;gap:.8rem;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.035);padding:.85rem}.credential-list span{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.credential-list a,.credential-list b{color:var(--text);font-weight:900;word-break:break-all}
:root[data-theme="light"] .qr-copy{border-color:rgba(8,145,178,.14);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(240,252,255,.78));box-shadow:0 24px 70px rgba(8,145,178,.13)}
:root[data-theme="light"] .checkout-card,:root[data-theme="light"] .checkout-success{border-color:rgba(8,145,178,.16);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,253,255,.9));box-shadow:0 28px 70px rgba(15,61,74,.12),0 1px 0 rgba(255,255,255,.9) inset}
:root[data-theme="light"] .checkout-head span,:root[data-theme="light"] .qr-benefits span{border-color:rgba(8,145,178,.16);background:rgba(255,255,255,.72);color:#486873}
:root[data-theme="light"] .checkout-grid label{color:#496875}
:root[data-theme="light"] .checkout-grid input{border-color:rgba(8,145,178,.16);background:#fff;color:#05161d;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 24px rgba(15,61,74,.05)}
:root[data-theme="light"] .checkout-grid input::placeholder{color:#8aa0a8}
:root[data-theme="light"] .checkout-grid input:focus{border-color:rgba(8,145,178,.48);background:#fff;box-shadow:0 0 0 4px rgba(8,145,178,.11),0 14px 30px rgba(15,61,74,.08)}
:root[data-theme="light"] .gmb-link-field.no-gmb-active input{border-color:rgba(8,145,178,.18);background:#eefbff;color:#6d8790}
:root[data-theme="light"] .checkout-grid .gmb-skip-check{border-color:rgba(8,145,178,.18);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(236,250,255,.88));color:#315765;box-shadow:0 10px 24px rgba(15,61,74,.06)}
:root[data-theme="light"] .checkout-grid .gmb-skip-check:hover{border-color:rgba(8,145,178,.34);background:#fff;color:#092634;box-shadow:0 14px 28px rgba(15,61,74,.09)}
:root[data-theme="light"] .checkout-grid .gmb-skip-check input{border-color:rgba(8,145,178,.38);background:#fff;box-shadow:0 1px 2px rgba(15,61,74,.08) inset}
:root[data-theme="light"] .checkout-grid .gmb-skip-check input:checked{background:linear-gradient(135deg,#0891b2,#22d3ee);border-color:rgba(8,145,178,.72);box-shadow:0 8px 18px rgba(8,145,178,.18)}
:root[data-theme="light"] .custom-select-btn{border-color:rgba(8,145,178,.16);background:linear-gradient(180deg,#fff,#f3fbfe);color:#05161d;box-shadow:0 10px 24px rgba(15,61,74,.05),0 1px 0 rgba(255,255,255,.9) inset}
:root[data-theme="light"] .custom-select.open .custom-select-btn{border-color:rgba(8,145,178,.48);box-shadow:0 0 0 4px rgba(8,145,178,.11),0 16px 34px rgba(15,61,74,.10)}
:root[data-theme="light"] .custom-select-menu{border-color:rgba(8,145,178,.20);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(242,252,255,.98));box-shadow:0 24px 70px rgba(15,61,74,.16),0 1px 0 rgba(255,255,255,.9) inset}
:root[data-theme="light"] .custom-select-option{color:#244955}
:root[data-theme="light"] .custom-select-option:hover,:root[data-theme="light"] .custom-select-option.selected{background:rgba(8,145,178,.09);color:#06202b}
:root[data-theme="light"] .plan-option{border-color:rgba(8,145,178,.16);background:linear-gradient(180deg,#fff,#f5fcff);box-shadow:0 18px 45px rgba(15,61,74,.09)}
:root[data-theme="light"] .plan-option:hover{border-color:rgba(8,145,178,.30);box-shadow:0 22px 50px rgba(15,61,74,.12)}
:root[data-theme="light"] .plan-option.selected{border-color:rgba(8,145,178,.58);background:linear-gradient(180deg,#fff,rgba(231,250,255,.98));box-shadow:0 24px 56px rgba(8,145,178,.16),0 0 0 1px rgba(8,145,178,.18)}
:root[data-theme="light"] .plan-discount{border-color:rgba(8,145,178,.22);background:rgba(232,250,255,.92);color:#06718d}
:root[data-theme="light"] .plan-old-price{color:#7b98a0}
:root[data-theme="light"] .plan-price small,:root[data-theme="light"] .plan-features li{color:#486873}
:root[data-theme="light"] .plan-features{border-top-color:rgba(8,145,178,.14)}
:root[data-theme="light"] .plan-features li:before{border-color:rgba(8,145,178,.22);background:rgba(8,145,178,.09);color:#0781a0}
:root[data-theme="light"] .plan-loading,:root[data-theme="light"] .plan-empty{border-color:rgba(8,145,178,.20);background:rgba(255,255,255,.72);color:#486873}
:root[data-theme="light"] .coupon-box{border-color:rgba(8,145,178,.16);background:rgba(255,255,255,.72)}
:root[data-theme="light"] .coupon-row input{background:#fff;color:#05161d;box-shadow:0 1px 0 rgba(255,255,255,.9) inset}
:root[data-theme="light"] .coupon-status{color:#5c7882}
:root[data-theme="light"] .coupon-status.ok{color:#0781a0}
:root[data-theme="light"] .coupon-status.err{color:#b5472f}
:root[data-theme="light"] .checkout-summary{border-color:rgba(8,145,178,.16);background:linear-gradient(180deg,rgba(240,252,255,.9),rgba(255,255,255,.9))}
:root[data-theme="light"] .checkout-summary div{color:#486873}
:root[data-theme="light"] .checkout-summary b,:root[data-theme="light"] .checkout-summary .summary-total{color:#05161d}
:root[data-theme="light"] .checkout-summary .summary-total{border-top-color:rgba(8,145,178,.14)}
:root[data-theme="light"] .checkout-error{border-color:rgba(197,71,44,.30);background:rgba(255,238,232,.92);color:#9f341f}
:root[data-theme="light"] .whatsapp-help{border-color:rgba(8,145,178,.18);background:rgba(255,255,255,.78);color:#486873}
:root[data-theme="light"] .whatsapp-help:hover{border-color:rgba(8,145,178,.34);background:#fff;color:#05161d}
:root[data-theme="light"] .credential-list div{border-color:rgba(8,145,178,.14);background:rgba(255,255,255,.82)}
@media(max-width:920px){.qr-checkout-page{grid-template-columns:1fr;padding:3rem 0}.qr-copy{position:relative;top:auto}.plan-list{grid-template-columns:1fr 1fr}}
@media(max-width:640px){
  .qr-checkout-page,.checkout-card,.plan-picker{min-width:0;max-width:100%}
  .plan-picker{width:100%;margin-left:0;margin-right:0;overflow:hidden}
  .plan-picker .checkout-subtitle{padding:0 1rem}
  .plan-list{--mobile-plan-card:min(82vw,360px);display:flex!important;grid-template-columns:none!important;width:100%;max-width:100%;min-width:0;gap:0;margin-top:.85rem;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:calc((100% - var(--mobile-plan-card))/2);padding:.75rem calc((100% - var(--mobile-plan-card))/2) 1.05rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)}
  .plan-list::-webkit-scrollbar{display:none}
  .plan-option{flex:0 0 var(--mobile-plan-card)!important;width:var(--mobile-plan-card);max-width:var(--mobile-plan-card);min-width:var(--mobile-plan-card);min-height:620px;margin:0 .42rem;scroll-snap-align:center;border-radius:28px;padding:1.35rem;background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.04));border-color:rgba(34,211,238,.16);box-shadow:0 26px 80px rgba(0,0,0,.42);transform:scale(.9);filter:blur(1.8px);opacity:.58;transition:transform .32s ease,filter .32s ease,opacity .32s ease,border-color .32s ease,box-shadow .32s ease}
  .plan-option.selected{transform:scale(1);filter:none;opacity:1;border-color:rgba(34,211,238,.58);box-shadow:0 30px 90px rgba(0,0,0,.54),0 0 0 1px rgba(34,211,238,.22),0 0 48px rgba(34,211,238,.08)}
  .plan-discount{top:1.2rem;right:1.2rem;font-size:.78rem;padding:.42rem .72rem;background:rgba(34,211,238,.14)}
  .plan-name{font-size:1.15rem;padding-right:6rem;margin-top:.15rem}
  .plan-old-price{margin-top:1.55rem;font-size:1rem}
  .plan-price{font-size:clamp(2.55rem,12vw,3.25rem);margin-top:.28rem}
  .plan-price small{font-size:.9rem;margin-bottom:.24rem}
  .plan-cta{min-height:58px;border-radius:18px;margin-top:1.55rem;font-size:1rem}
  .plan-features{gap:1rem;margin-top:1.4rem;padding-top:1.35rem}
  .plan-features li{grid-template-columns:30px 1fr;font-size:.98rem;line-height:1.48}
  .plan-features li:before{width:26px;height:26px;font-size:.86rem}
  .plan-nav{display:flex;align-items:center;justify-content:center;gap:.55rem;margin:.08rem auto .22rem;padding:.18rem}
  .plan-arrow{width:29px;height:29px;border:1px solid rgba(34,211,238,.24);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));color:var(--brand-3);display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:0 14px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
  .plan-arrow svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
  .plan-arrow:active{transform:scale(.92);border-color:rgba(34,211,238,.5);background:rgba(34,211,238,.12)}
  .plan-dots{display:flex;align-items:center;justify-content:center;gap:.42rem;margin:0;padding:.2rem}
  .plan-dot{width:7px;height:7px;border:0;border-radius:999px;background:rgba(255,255,255,.22);padding:0;cursor:pointer;transition:width .22s ease,background .22s ease,box-shadow .22s ease}
  .plan-dot.active{width:24px;background:var(--brand-3);box-shadow:0 0 20px rgba(34,211,238,.38)}
  :root[data-theme="light"] .plan-list{mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
  :root[data-theme="light"] .plan-option{background:linear-gradient(180deg,#fff,#f5fcff);border-color:rgba(8,145,178,.16);box-shadow:0 22px 60px rgba(15,61,74,.14);filter:blur(1.2px);opacity:.52}
  :root[data-theme="light"] .plan-option.selected{border-color:rgba(8,145,178,.52);box-shadow:0 26px 70px rgba(8,145,178,.18),0 0 0 1px rgba(8,145,178,.16);filter:none;opacity:1}
  :root[data-theme="light"] .plan-arrow{border-color:rgba(8,145,178,.22);background:linear-gradient(180deg,#fff,#eefbff);color:#0781a0;box-shadow:0 12px 26px rgba(15,61,74,.12),inset 0 1px 0 rgba(255,255,255,.9)}
  :root[data-theme="light"] .plan-arrow:active{border-color:rgba(8,145,178,.42);background:#e8faff}
  :root[data-theme="light"] .plan-dot{background:rgba(8,145,178,.20)}
  :root[data-theme="light"] .plan-dot.active{background:#0891b2;box-shadow:0 0 18px rgba(8,145,178,.28)}
}
@media(max-width:560px){.qr-checkout-page{padding:2rem 0 3rem}.qr-copy,.checkout-card,.checkout-success{border-radius:24px;padding:1rem}.checkout-grid,.checkout-tools{grid-template-columns:1fr}.coupon-row{grid-template-columns:minmax(0,1fr) auto auto}.coupon-box{border-radius:16px;padding:.65rem}.checkout-head{display:grid}.credential-list div{grid-template-columns:1fr;gap:.25rem}.checkout-success h2{font-size:1.55rem}}

/* Google review link confirmation */
.link-confirm-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:1rem;background:rgba(2,8,13,.62);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.link-confirm-card{width:min(500px,100%);border:1px solid rgba(34,211,238,.20);border-radius:26px;background:linear-gradient(180deg,rgba(8,28,34,.98),rgba(3,12,17,.98));box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 60px rgba(34,211,238,.12);padding:1.35rem;color:var(--text)}
.link-confirm-card h3{font-family:var(--font-display);font-size:1.35rem;letter-spacing:-.045em;line-height:1.15;margin-bottom:.65rem}
.link-confirm-card p{color:var(--muted);line-height:1.65;font-weight:700;margin-bottom:1.1rem}
.link-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.link-confirm-actions .btn{width:100%}
:root[data-theme="light"] .link-confirm-modal{background:rgba(239,250,255,.72)}
:root[data-theme="light"] .link-confirm-card{border-color:rgba(8,145,178,.18);background:linear-gradient(180deg,#fff,#f3fcff);box-shadow:0 30px 90px rgba(15,61,74,.18)}
@media(max-width:520px){.link-confirm-card{border-radius:22px;padding:1rem}.link-confirm-actions{grid-template-columns:1fr}}

/* Premium performance polish */
body{background:radial-gradient(circle at 16% 0%,rgba(34,211,238,.16),transparent 30%),radial-gradient(circle at 88% 8%,rgba(103,232,249,.10),transparent 26%),linear-gradient(180deg,#031019 0%,var(--bg) 44%,var(--bg-soft) 100%)}
.noise{opacity:.68;background-size:118px 118px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
.nav{background:linear-gradient(120deg,rgba(10,35,45,.92),rgba(2,10,17,.84));border-bottom-color:rgba(103,232,249,.18);box-shadow:0 10px 34px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(28px) saturate(180%) brightness(1.08);-webkit-backdrop-filter:blur(28px) saturate(180%) brightness(1.08)}
.btn,.plan-cta,.float-btn{color:#001018}
.btn.secondary{color:var(--text)}
.lead,.section-copy,.service p,.edge-item span,.check,.qr-benefits span,.checkout-grid label,.checkout-summary div{color:#bed5dc}
.chip,.qr-benefits span{background:rgba(255,255,255,.055)}
.hero-card:before{opacity:.72;animation-duration:10s}
.service,.contact-card,.btn,.menu-toggle,.menu-panel a,.plan-option,.plan-arrow,.reveal{transition-duration:.18s}
.site-loader{background:rgba(2,8,14,.38);backdrop-filter:blur(10px) saturate(1.08);-webkit-backdrop-filter:blur(10px) saturate(1.08);transition:opacity .22s ease,visibility .22s ease}
.loader-card{width:min(430px,calc(100vw - 42px));border-radius:26px;padding:1.55rem;box-shadow:0 20px 70px rgba(0,0,0,.34)}
.loader-card:before{opacity:.5;animation-duration:5s}.loader-logo{width:58px;height:58px;border-radius:18px;margin-bottom:.78rem}.loader-title{font-size:1.22rem}.loader-bar{height:4px;margin:1rem auto .82rem}.loader-dots i{width:7px;height:7px}
.theme-pill{right:16px;top:auto;bottom:88px;padding:.24rem;gap:.18rem;background:rgba(5,18,25,.64);box-shadow:0 12px 34px rgba(0,0,0,.22);transition:opacity .2s ease,transform .2s ease}
.theme-pill button{width:32px;height:32px;font-size:.9rem}.floating{right:16px;bottom:20px}.float-btn{width:48px;height:48px;box-shadow:0 14px 38px rgba(6,182,212,.28)}
.qr-copy{background:linear-gradient(180deg,rgba(34,211,238,.12),rgba(255,255,255,.035));box-shadow:0 18px 54px rgba(0,0,0,.28)}
.checkout-card,.checkout-success,.edge-card,.story-card,.qr-coming,.leader-card,.team-card{box-shadow:0 18px 56px rgba(0,0,0,.30)}
:root[data-theme="light"] body{background:radial-gradient(circle at 16% 0%,rgba(34,211,238,.16),transparent 30%),radial-gradient(circle at 88% 8%,rgba(8,145,178,.09),transparent 26%),linear-gradient(180deg,#f5fcff 0%,#edfaff 48%,#ffffff 100%)}
:root[data-theme="light"] .noise{opacity:.16}
:root[data-theme="light"] .nav{background:linear-gradient(120deg,rgba(255,255,255,.90),rgba(232,249,255,.82));border-bottom-color:rgba(8,145,178,.18);box-shadow:0 10px 34px rgba(15,61,74,.08),inset 0 1px 0 rgba(255,255,255,.88);backdrop-filter:blur(28px) saturate(180%) brightness(1.03);-webkit-backdrop-filter:blur(28px) saturate(180%) brightness(1.03)}
:root[data-theme="light"] .brand-icon{box-shadow:0 10px 24px rgba(15,61,74,.10)}
:root[data-theme="light"] .btn.secondary{background:rgba(255,255,255,.82);color:#05161d;border-color:rgba(8,145,178,.16)}
:root[data-theme="light"] .lead,:root[data-theme="light"] .section-copy,:root[data-theme="light"] .service p,:root[data-theme="light"] .edge-item span,:root[data-theme="light"] .check,:root[data-theme="light"] .qr-benefits span,:root[data-theme="light"] .checkout-grid label,:root[data-theme="light"] .checkout-summary div{color:#486873}
:root[data-theme="light"] .chip,:root[data-theme="light"] .qr-benefits span{background:rgba(255,255,255,.72)}
:root[data-theme="light"] .theme-pill{background:rgba(255,255,255,.78);box-shadow:0 12px 34px rgba(15,61,74,.12)}
:root[data-theme="light"] .theme-pill button{color:#486873}
:root[data-theme="light"] .theme-pill button.active{color:#fff}
:root[data-theme="light"] .qr-copy{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(239,252,255,.82));box-shadow:0 18px 54px rgba(8,145,178,.12)}
:root[data-theme="light"] .checkout-card,:root[data-theme="light"] .checkout-success,:root[data-theme="light"] .edge-card,:root[data-theme="light"] .story-card,:root[data-theme="light"] .qr-coming,:root[data-theme="light"] .leader-card,:root[data-theme="light"] .team-card{box-shadow:0 18px 56px rgba(15,61,74,.10)}
@media(max-width:640px){
  body{background:radial-gradient(circle at 50% -8%,rgba(34,211,238,.20),transparent 34%),linear-gradient(180deg,#061923 0%,#041119 54%,#02070d 100%)}
  :root[data-theme="light"] body{background:radial-gradient(circle at 50% -8%,rgba(34,211,238,.18),transparent 34%),linear-gradient(180deg,#f4fdff 0%,#edfaff 52%,#ffffff 100%)}
  .noise{opacity:.32;background-size:82px 82px}
  :root[data-theme="light"] .noise{opacity:.16}
  .container{width:min(100% - 24px,520px)}
  .hero{padding:2rem 0 2.25rem}
  h1{font-size:clamp(2rem,10.4vw,2.85rem);letter-spacing:-.07em}
  .lead{font-size:.92rem;line-height:1.58;margin:.85rem 0 1.05rem;color:#c4d9df}
  :root[data-theme="light"] .lead{color:#486873}
  .eyebrow{font-size:.62rem;letter-spacing:.13em;margin-bottom:.7rem}
  .chip{font-size:.61rem;padding:.38rem .52rem}
  .section{padding:2.45rem 0}
  .qr-checkout-page{padding:1.15rem 0 2.4rem;gap:.72rem}
  .qr-copy{top:auto;border-radius:22px;padding:1rem;background:linear-gradient(180deg,rgba(34,211,238,.105),rgba(255,255,255,.03));box-shadow:0 14px 42px rgba(0,0,0,.22)}
  :root[data-theme="light"] .qr-copy{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(238,251,255,.86));box-shadow:0 14px 42px rgba(15,61,74,.10)}
  .qr-copy h1{font-size:clamp(2rem,10vw,2.55rem);line-height:.98}
  .qr-copy .lead{margin:.75rem 0 1rem}
  .qr-benefits{gap:.42rem;margin-top:.9rem}
  .qr-benefits span{padding:.46rem .58rem;font-size:.66rem}
  .checkout-card,.checkout-success{border-radius:22px;padding:.86rem;background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.045))}
  :root[data-theme="light"] .checkout-card,:root[data-theme="light"] .checkout-success{background:linear-gradient(180deg,#fff,#f4fcff);box-shadow:0 18px 48px rgba(15,61,74,.11)}
  .checkout-head{gap:.45rem;margin-bottom:.85rem}
  .checkout-head h2{font-size:1.22rem}
  .checkout-head span{width:max-content;padding:.38rem .55rem}
  .checkout-grid{gap:.68rem}
  .checkout-grid label{font-size:.64rem;letter-spacing:.09em}
  .checkout-grid input,.custom-select-btn{min-height:46px;border-radius:14px;padding:.76rem .82rem;font-size:.9rem}
  .checkout-grid .gmb-skip-check{margin-top:-.2rem;padding:.38rem .58rem .38rem .44rem;font-size:.64rem}
  .checkout-grid .gmb-skip-check input{width:17px;height:17px;min-width:17px;min-height:17px;border-radius:6px;padding:0}
  .plan-picker{margin-top:.8rem}
  .plan-picker .checkout-subtitle{padding:0 .45rem}
  .plan-list{--mobile-plan-card:min(80vw,330px);margin-top:.48rem;padding:.62rem calc((100% - var(--mobile-plan-card))/2) .78rem;mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
  :root[data-theme="light"] .plan-list{mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
  .plan-option{min-height:540px;border-radius:24px;padding:1.08rem;transform:scale(.92);filter:none;opacity:.54;box-shadow:0 18px 58px rgba(0,0,0,.34);transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .26s ease,border-color .26s ease,box-shadow .26s ease}
  .plan-option.selected{box-shadow:0 22px 64px rgba(0,0,0,.46),0 0 0 1px rgba(34,211,238,.26)}
  :root[data-theme="light"] .plan-option{background:linear-gradient(180deg,#fff,#f5fcff);border-color:rgba(8,145,178,.16);box-shadow:0 18px 58px rgba(15,61,74,.12);opacity:.58}
  :root[data-theme="light"] .plan-option.selected{border-color:rgba(8,145,178,.52);box-shadow:0 22px 64px rgba(8,145,178,.18),0 0 0 1px rgba(8,145,178,.16);opacity:1}
  .plan-name{font-size:1.03rem;padding-right:5.4rem}
  .plan-old-price{margin-top:1.18rem;font-size:.88rem}
  .plan-price{font-size:clamp(2.15rem,10vw,2.75rem)}
  .plan-cta{min-height:50px;border-radius:16px;margin-top:1.1rem}
  .plan-features{gap:.74rem;margin-top:1rem;padding-top:1rem}
  .plan-features li{grid-template-columns:25px 1fr;font-size:.86rem;line-height:1.42}
  .plan-features li:before{width:22px;height:22px;font-size:.76rem}
  .plan-arrow{width:27px;height:27px;box-shadow:0 10px 22px rgba(0,0,0,.18)}
  :root[data-theme="light"] .plan-arrow{box-shadow:0 10px 22px rgba(15,61,74,.10)}
  .checkout-tools{gap:.55rem;margin-top:.58rem}
  .checkout-summary{border-radius:15px;padding:.58rem .66rem}
  .coupon-box{padding:.5rem;border-radius:15px;background:rgba(255,255,255,.025)}
  :root[data-theme="light"] .coupon-box{background:rgba(255,255,255,.82)}
  .coupon-row input,.coupon-btn{min-height:31px;font-size:.68rem}
  .checkout-btn{margin-top:.72rem;min-height:48px}
  .theme-pill{right:10px;bottom:78px;opacity:.72;transform:scale(.9);transform-origin:right bottom}
  .floating{right:12px;bottom:14px}.float-btn{width:46px;height:46px}
}
@media(hover:hover){
  .theme-pill:hover{opacity:1;transform:translateY(-1px)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}

/* Marketing catalog */
.marketing-hero{padding:6rem 0 4rem;max-width:900px}.marketing-hero .lead{max-width:760px}.marketing-platforms{display:grid;gap:1.4rem}.marketing-platform{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,var(--card-strong),var(--card));padding:1rem;display:grid;grid-template-columns:minmax(230px,.75fr) 1fr;gap:1.5rem;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.marketing-platform:hover{transform:translateY(-5px);border-color:rgba(74,222,240,.52);box-shadow:0 26px 65px rgba(0,0,0,.22)}.marketing-platform-visual{position:relative;min-height:245px;border-radius:22px;overflow:hidden;background:#0a1220}.marketing-platform-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 20%,rgba(4,9,19,.55));pointer-events:none}.marketing-platform-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.marketing-platform:hover .marketing-platform-visual img{transform:scale(1.06)}.marketing-platform-visual span{position:absolute;z-index:1;left:1rem;bottom:1rem;padding:.45rem .65rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(3,12,20,.55);backdrop-filter:blur(12px);font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.marketing-platform-copy{align-self:center}.marketing-platform h3{font-family:var(--font-display);font-size:1.7rem}.marketing-platform p{color:var(--muted);line-height:1.6;margin-top:.55rem}.marketing-logo{width:auto;max-width:120px;height:44px;object-fit:contain;object-position:left center;border-radius:10px;background:rgba(255,255,255,.92);padding:.42rem .55rem;margin-bottom:.9rem}.marketing-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;grid-column:1/-1}.marketing-package{border:1px solid var(--line);border-radius:18px;padding:1rem;background:rgba(255,255,255,.035);display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;transition:background .3s ease,transform .3s ease}.marketing-package:hover{background:rgba(74,222,240,.1);transform:translateY(-3px)}.marketing-package h3{font-family:var(--font-display);font-size:1.02rem}.marketing-package strong{font-size:1.12rem;color:var(--brand-3)}.marketing-period{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);font-weight:900}.marketing-features{display:grid;gap:.42rem;list-style:none;padding:0;margin:.15rem 0 .4rem;color:var(--muted);font-size:.85rem}.marketing-features li:before{content:'✓';color:var(--brand-3);margin-right:.5rem}.marketing-enquire{margin-top:auto}.marketing-form-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:2rem;align-items:start;border:1px solid var(--line);border-radius:28px;padding:1.8rem;background:linear-gradient(135deg,var(--card-strong),var(--card))}.marketing-form{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.marketing-form label{display:grid;gap:.42rem;color:var(--muted);font-size:.8rem;font-weight:800}.marketing-form label:last-of-type{grid-column:1/-1}.marketing-form input,.marketing-form textarea{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.055);color:var(--text);font:inherit;padding:.78rem}.marketing-form textarea{min-height:110px;resize:vertical}.marketing-form-actions,.marketing-form-status{grid-column:1/-1}.marketing-form-actions{display:flex;gap:.7rem;flex-wrap:wrap}.marketing-form-status{margin:0;color:var(--brand-3);min-height:1.2em;font-size:.9rem}@media(max-width:820px){.marketing-platform{grid-template-columns:1fr}.marketing-platform-visual{min-height:210px}.marketing-package-grid{grid-template-columns:1fr 1fr}.marketing-form-wrap{grid-template-columns:1fr}.marketing-hero{padding:3.6rem 0 2.5rem}}@media(max-width:560px){.marketing-platform{padding:.72rem;border-radius:22px;gap:1rem}.marketing-platform-visual{min-height:185px;border-radius:16px}.marketing-platform-copy{padding:0 .3rem}.marketing-package-grid,.marketing-form{grid-template-columns:1fr}.marketing-form-wrap{padding:1.2rem}.marketing-hero{padding:2.7rem 0 2rem}}@media(prefers-reduced-motion:no-preference){.marketing-platform{animation:marketingRise .6s both}.marketing-platform:nth-child(2){animation-delay:.08s}.marketing-platform:nth-child(3){animation-delay:.16s}}@keyframes marketingRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.growth-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.35rem 0}.growth-stat{padding:1.2rem;border:1px solid var(--line);border-radius:20px;background:var(--card)}.growth-stat strong{display:block;font-family:var(--font-display);font-size:2rem;color:var(--brand-3)}.growth-stat span{color:var(--muted);font-size:.85rem}.client-logos{display:flex;flex-wrap:wrap;gap:.8rem;margin:1rem 0}.client-logos img{width:90px;height:52px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:var(--card);padding:.5rem}.marketing-home-services{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.4rem 0}.marketing-home-services a{border:1px solid var(--line);border-radius:18px;padding:1rem;background:var(--card)}.marketing-home-services strong,.marketing-home-services span{display:block}.marketing-home-services span{color:var(--muted);font-size:.82rem;line-height:1.5;margin-top:.4rem}@media(max-width:820px){.growth-stats,.marketing-home-services{grid-template-columns:1fr 1fr}}@media(max-width:560px){.growth-stats,.marketing-home-services{grid-template-columns:1fr}}

/* Creads growth-signal background */
body{position:relative;isolation:isolate;overflow-x:hidden;background-color:#041018;background-image:radial-gradient(circle at 16% 12%,rgba(34,211,238,.17),transparent 25%),radial-gradient(circle at 86% 8%,rgba(59,130,246,.14),transparent 24%),linear-gradient(180deg,#03131e 0%,#041018 45%,#02080e 100%);background-size:auto,auto,auto;background-attachment:fixed}body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:0}body:before{width:46vmax;height:46vmax;right:-23vmax;top:10vh;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.16),rgba(34,211,238,.04) 36%,transparent 68%);filter:blur(18px);animation:creadsPulse 13s ease-in-out infinite alternate}body:after{width:38vmax;height:38vmax;left:-20vmax;bottom:-18vmax;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.16),rgba(103,232,249,.035) 42%,transparent 70%);filter:blur(20px);animation:creadsDrift 16s ease-in-out infinite alternate}.noise{display:none!important}main,.footer{position:relative;z-index:1}.section,.marketing-hero,.about-hero,.qr-checkout-page{position:relative}.section:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(103,232,249,.3),transparent)}.hero:after,.marketing-hero:after,.about-hero:after{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(103,232,249,.18);border-radius:50%;right:8%;top:14%;box-shadow:0 0 0 18px rgba(103,232,249,.025),0 0 0 38px rgba(103,232,249,.018);pointer-events:none}.hero,.marketing-hero,.about-hero{position:relative}@keyframes creadsPulse{to{transform:translate(-7%,8%) scale(1.12);opacity:.72}}@keyframes creadsDrift{to{transform:translate(9%,-6%) scale(.9);opacity:.82}}:root[data-theme="light"] body{background-color:#effbff;background-image:radial-gradient(circle at 16% 12%,rgba(34,211,238,.15),transparent 25%),radial-gradient(circle at 86% 8%,rgba(59,130,246,.10),transparent 24%),linear-gradient(180deg,#f7fdff 0%,#edfaff 45%,#ffffff 100%)}:root[data-theme="light"] body:before{background:radial-gradient(circle,rgba(34,211,238,.12),rgba(34,211,238,.02) 38%,transparent 68%)}:root[data-theme="light"] body:after{background:radial-gradient(circle,rgba(59,130,246,.09),rgba(103,232,249,.02) 44%,transparent 70%)}@media(max-width:640px){body{background-size:auto,auto,auto;background-attachment:scroll}body:before{width:78vmax;height:78vmax;right:-42vmax;top:5vh;filter:blur(12px)}body:after{width:70vmax;height:70vmax;left:-43vmax;bottom:-30vmax;filter:blur(14px)}.hero:after,.marketing-hero:after,.about-hero:after{width:100px;height:100px;right:-25px;top:5%}}@media(prefers-reduced-motion:reduce){body:before,body:after{animation:none}}

/* Scroll-led interaction */
#scroll-progress{position:fixed;z-index:1001;left:0;top:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#22d3ee,#60a5fa,#22d3ee);box-shadow:0 0 16px rgba(34,211,238,.62);pointer-events:none}.hero .reveal.visible .eyebrow,.marketing-hero .eyebrow,.about-hero .eyebrow{animation:signalIn .6s .04s both}.hero .reveal.visible h1{animation:signalIn .75s .12s both}.hero .reveal.visible .lead{animation:signalIn .7s .2s both}.hero .reveal.visible .hero-actions{animation:signalIn .65s .28s both}.hero .reveal.visible .chips{animation:signalIn .6s .36s both}.grid.reveal.visible .service{animation:serviceRise .55s both}.grid.reveal.visible .service:nth-child(2){animation-delay:.05s}.grid.reveal.visible .service:nth-child(3){animation-delay:.10s}.grid.reveal.visible .service:nth-child(4){animation-delay:.15s}.grid.reveal.visible .service:nth-child(5){animation-delay:.20s}.grid.reveal.visible .service:nth-child(6){animation-delay:.25s}.grid.reveal.visible .service:nth-child(7){animation-delay:.30s}.grid.reveal.visible .service:nth-child(8){animation-delay:.35s}.growth-stat{overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.growth-stat:hover{transform:translateY(-5px);border-color:rgba(103,232,249,.48);box-shadow:0 18px 45px rgba(0,0,0,.22)}.growth-stat strong{display:inline-block}.marketing-home-services a{transition:transform .24s ease,border-color .24s ease,background .24s ease}.marketing-home-services a:hover{transform:translateY(-4px);border-color:rgba(103,232,249,.46);background:rgba(34,211,238,.10)}.contact-card:hover .icon{animation:iconPulse .6s ease}.btn{transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(34,211,238,.18)}@keyframes signalIn{from{opacity:0;transform:translateY(15px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes serviceRise{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}@keyframes iconPulse{50%{transform:scale(1.13) rotate(-6deg)}}@media(max-width:640px){#scroll-progress{height:2px}.grid.reveal.visible .service{animation-duration:.38s}.growth-stat:hover,.marketing-home-services a:hover,.btn:hover{transform:none;box-shadow:none}}@media(prefers-reduced-motion:reduce){#scroll-progress{display:none}.hero .reveal.visible .eyebrow,.hero .reveal.visible h1,.hero .reveal.visible .lead,.hero .reveal.visible .hero-actions,.hero .reveal.visible .chips,.grid.reveal.visible .service,.contact-card:hover .icon{animation:none}}

/* Whole-site visual polish */
body.site-home .hero{grid-template-columns:minmax(0,1fr) minmax(320px,.74fr);max-width:1160px;min-height:640px}.home-visual{position:relative;min-height:430px;isolation:isolate}.home-visual:before{content:"";position:absolute;inset:7% 9%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.24),transparent 68%);filter:blur(8px);animation:homeGlow 6s ease-in-out infinite alternate}.home-visual-card{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:#091820;box-shadow:0 28px 70px rgba(0,0,0,.32);transform:rotate(var(--tilt));transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}.home-visual-card img{width:100%;height:100%;object-fit:cover;display:block}.home-visual:hover .home-visual-card{box-shadow:0 34px 84px rgba(0,0,0,.45)}.visual-search{--tilt:-10deg;width:52%;height:50%;top:2%;left:0}.visual-meta{--tilt:8deg;width:63%;height:58%;right:0;top:16%;z-index:2}.visual-ott{--tilt:-4deg;width:48%;height:43%;bottom:4%;left:14%;z-index:3}.home-visual:hover .visual-search{transform:translate(-8px,-9px) rotate(-13deg)}.home-visual:hover .visual-meta{transform:translate(8px,-12px) rotate(11deg)}.home-visual:hover .visual-ott{transform:translate(-5px,8px) rotate(-6deg)}.home-visual-label{position:absolute;z-index:5;right:3%;bottom:0;display:grid;gap:.3rem;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(3,12,18,.72);backdrop-filter:blur(16px);box-shadow:0 20px 50px rgba(0,0,0,.3)}.home-visual-label span{color:var(--brand-3);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.home-visual-label strong{font-size:.9rem}.service{position:relative;text-decoration:none;color:inherit}.service>span{display:block;margin-top:.85rem;color:var(--brand-3);font-size:.74rem;font-weight:900;opacity:0;transform:translateY(4px);transition:.2s ease}.service:hover>span,.service:focus-visible>span{opacity:1;transform:none}.service:focus-visible,.contact-card:focus-visible,.btn:focus-visible{outline:3px solid var(--brand-3);outline-offset:3px}.site-about .about-hero,.site-team .about-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);padding-top:5rem;padding-bottom:3rem}.site-about .about-hero:after,.site-team .about-hero:after{content:"";position:absolute;right:-8%;top:-32%;width:410px;height:410px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.22),transparent 67%);pointer-events:none}.leader-card,.team-card{transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease}.leader-card:hover,.team-card:hover{transform:translateY(-6px);border-color:rgba(103,232,249,.42);box-shadow:0 30px 72px rgba(0,0,0,.36)}.leader-img img,.team-photo img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.leader-card:hover .leader-img img,.team-card:hover .team-photo img{transform:scale(1.045)}.story-card{position:relative;overflow:hidden}.story-card:after{content:"";position:absolute;width:290px;height:290px;right:-120px;bottom:-160px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.18),transparent 70%)}.qr-visual{display:flex;align-items:center;gap:.8rem;margin-top:1.45rem;padding:.7rem .8rem;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.055);max-width:340px}.qr-visual img{width:68px;height:68px;object-fit:contain;border-radius:12px;background:#fff;padding:.25rem}.qr-visual span{font-weight:800;line-height:1.35}.site-qr .qr-copy{position:sticky;top:86px}.site-qr .checkout-card{transition:transform .3s ease,box-shadow .3s ease}.site-qr .checkout-card:focus-within{transform:translateY(-3px);box-shadow:0 30px 80px rgba(0,0,0,.4)}@keyframes homeGlow{to{transform:scale(1.15) translate(4%,-4%);opacity:.7}}@media(max-width:900px){body.site-home .hero{grid-template-columns:1fr;min-height:0}.home-visual{width:min(620px,100%);height:390px;margin:0 auto}.site-qr .qr-copy{position:relative;top:auto}.service>span{opacity:1;transform:none}}@media(max-width:560px){.home-visual{height:285px;min-height:0;margin-top:.4rem}.home-visual-card{border-radius:16px}.visual-search{height:48%;width:53%}.visual-meta{height:56%;width:64%;top:14%}.visual-ott{height:42%;width:51%;left:10%}.home-visual-label{right:0;padding:.65rem .72rem;border-radius:14px}.home-visual-label strong{font-size:.75rem}.site-about .about-hero,.site-team .about-hero{padding-top:3.3rem}.site-about .about-hero:after,.site-team .about-hero:after{width:250px;height:250px}.site-qr .checkout-card:focus-within{transform:none}.qr-visual{margin-top:1rem}.leader-card:hover,.team-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.home-visual:before{animation:none}.home-visual-card,.leader-card,.team-card,.leader-img img,.team-photo img{transition:none}}
.hero:after,.marketing-hero:after,.about-hero:after,.site-about .about-hero:after,.site-team .about-hero:after{display:none!important}
@media(max-width:640px){html,body{width:100%;max-width:100%;overflow-x:hidden}.container{width:calc(100% - 24px)!important}.nav{top:0}.nav-inner{height:58px!important}.brand{min-width:0}.brand span{display:inline!important;white-space:nowrap;font-size:clamp(.86rem,4.8vw,.98rem)}.nav-menu{inset:58px 0 0 0;padding:10px 12px;justify-content:center}.nav-menu:before{inset:58px 0 0 0;background:rgba(2,6,13,.68);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.menu-panel{width:100%;max-height:calc(100dvh - 80px);overflow:auto;border-radius:20px;padding:.7rem}.menu-panel a{min-height:48px;padding:.75rem .85rem;font-size:clamp(1rem,5vw,1.14rem);line-height:1.1}.hero,.about-hero,.marketing-hero{display:block!important;min-height:auto!important;padding-top:2.2rem!important;padding-bottom:2rem!important}.eyebrow{max-width:100%;overflow-wrap:anywhere}.eyebrow:before{width:26px;flex:0 0 auto}h1,.section h2{letter-spacing:-.04em!important}h1{font-size:clamp(2rem,11vw,2.75rem)!important;line-height:1.02}.section h2{font-size:clamp(1.55rem,8vw,2.05rem)!important;line-height:1.08}.lead,.section-copy{font-size:.94rem;line-height:1.6}.hero-actions,.cta-row{display:grid;grid-template-columns:1fr;gap:.65rem}.btn{width:100%;min-height:48px;padding:.82rem 1rem;text-align:center}.chips{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.chip{display:flex;align-items:center;justify-content:center;min-height:34px;text-align:center;line-height:1.18}.section{padding:2.35rem 0}.section-head{display:block;margin-bottom:1.15rem}.grid,.growth-stats,.marketing-home-services,.contact-grid,.team-grid,.leaders,.feature-layout{grid-template-columns:1fr!important}.grid{border-radius:22px}.service{min-height:0;padding:1rem;border-right:0!important}.contact-card{min-width:0;padding:.9rem;border-radius:18px}.contact-card strong{font-size:.9rem;word-break:break-word}.marketing-platform{grid-template-columns:1fr!important;border-radius:22px;padding:.75rem}.marketing-platform-visual{min-height:170px}.marketing-package-grid,.marketing-form{grid-template-columns:1fr!important}.marketing-form-wrap{padding:1rem;border-radius:22px}.marketing-home-services a,.growth-stat{border-radius:16px;padding:.9rem}.team-grid{gap:1rem;padding-bottom:2.8rem}.team-info{display:none!important}.footer{padding-bottom:4.6rem}.hero:after,.marketing-hero:after,.about-hero:after,.site-about .about-hero:after,.site-team .about-hero:after{right:-34px;top:16%;width:138px;height:138px;opacity:.09}.theme-pill{right:9px;bottom:74px}.floating{z-index:60}}@media(max-width:380px){.chips{grid-template-columns:1fr}.brand span{font-size:.86rem}.menu-toggle{width:42px;height:42px}.contact-card .icon{width:38px;height:38px}.coupon-row{grid-template-columns:1fr}.coupon-btn{width:100%}}
@media(max-width:640px){.menu-panel{height:max-content!important;min-height:max-content;max-height:calc(100dvh - 80px)}}

/* ═══════════════════════════════════════════════════════════════════════════
   APPLE-LEVEL FRAMER MOTION SPRING ANIMATIONS & MICRO-INTERACTIONS
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  --spring-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --spring-smooth: cubic-bezier(0.16, 1, 0.3, 1);
  --spring-press: cubic-bezier(0.2, 0, 0, 1);
}

/* Framer Motion Spring Buttons with Glass Gloss & Spotlight Follower */
.btn, .create-btn, .tab-btn, .plan-cta, .float-btn, .wa-btn, .sec-btn, .prim-modal-btn, .ghost-btn {
  position: relative;
  overflow: hidden;
  will-change: transform, box-shadow, filter;
  transition: transform 0.4s var(--spring-smooth), box-shadow 0.4s var(--spring-smooth), filter 0.3s ease, background 0.3s ease, border-color 0.3s ease !important;
  transform: translateZ(0);
}

/* Glass Gloss Spotlight Follower inside buttons */
.btn::before, .create-btn::before, .plan-cta::before, .wa-btn::before, .float-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle 110px at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 255, 255, 0.35), transparent 70%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 2;
}

.btn:hover::before, .create-btn:hover::before, .plan-cta:hover::before, .wa-btn:hover::before, .float-btn:hover::before {
  opacity: 1;
}

/* Clean, Solid Apple Button Hover & Press (No Bouncy Jitter) */
.btn:hover, .create-btn:hover, .float-btn:hover, .wa-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px -6px rgba(34, 211, 238, 0.38);
  filter: saturate(1.12);
}

.btn:active, .create-btn:active, .float-btn:active, .wa-btn:active {
  transform: translateY(0) scale(0.97) !important;
  box-shadow: 0 4px 14px rgba(34, 211, 238, 0.25) !important;
  transition: transform 0.08s ease, box-shadow 0.08s ease !important;
}

/* Apple Theme Switch Pill (Clean, Non-glitching glass pill) */
.theme-pill {
  position: fixed;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(8, 14, 23, 0.85);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border-radius: 999px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: auto !important;
  height: fit-content !important;
  max-height: max-content !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.48), inset 0 1px 1px rgba(255, 255, 255, 0.18);
}

.theme-pill button {
  position: relative;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 0;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  font-size: 1.05rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: color 0.2s ease, background 0.25s ease, opacity 0.2s ease;
}

.theme-pill button:hover {
  color: #fff;
  opacity: 0.9;
}

.theme-pill button:active {
  transform: scale(0.92);
}

.theme-pill button.active {
  color: #fff;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  box-shadow: 0 6px 18px rgba(34, 211, 238, 0.45);
}

/* Liquid Ripple Shockwave */
.ripple-effect {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.42);
  transform: scale(0);
  animation: appleRipple 0.65s cubic-bezier(0.1, 0.8, 0.3, 1) forwards;
  pointer-events: none;
  z-index: 3;
}

@keyframes appleRipple {
  to {
    transform: scale(4.2);
    opacity: 0;
  }
}

/* Framer Motion GPU Blur Scroll Reveal */
.reveal {
  opacity: 0;
  transform: translateY(28px) scale(0.975) translateZ(0);
  filter: blur(10px);
  will-change: opacity, transform, filter;
  transition: opacity 0.75s var(--spring-smooth), transform 0.75s var(--spring-smooth), filter 0.75s var(--spring-smooth);
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0) scale(1) translateZ(0);
  filter: blur(0);
}

/* ══════════════════════════════════════════════════════════════════════════ */
/*  PAYMENT NOTICE MODAL                                                     */
/* ══════════════════════════════════════════════════════════════════════════ */
:root {
  --pnm-bg-page: #03131D;
  --pnm-bg-modal: #061923;
  --pnm-bg-secondary: #0A202B;
  --pnm-accent: #18C8E8;
  --pnm-accent-hover: #29D6F2;
  --pnm-text: #F5F9FB;
  --pnm-text-secondary: #A9C0CA;
  --pnm-text-muted: #718A95;
  --pnm-border: #193743;
}

.payment-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(3, 19, 29, 0.78);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 220ms ease-out, visibility 220ms ease-out;
}

.payment-modal-overlay.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.payment-modal-card {
  position: relative;
  width: min(440px, 100%);
  background: var(--pnm-bg-modal);
  border: 1px solid var(--pnm-border);
  border-radius: 20px;
  padding: 32px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.65), 0 0 35px rgba(24, 200, 232, 0.07);
  transform: scale(0.96);
  opacity: 0;
  transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1), opacity 220ms ease-out;
  color: var(--pnm-text);
  font-family: var(--font-body);
}

.payment-modal-overlay.active .payment-modal-card {
  transform: scale(1);
  opacity: 1;
}

.payment-modal-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: transparent;
  color: var(--pnm-text-muted);
  font-size: 1.15rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: color 180ms ease, background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.payment-modal-close:hover {
  color: var(--pnm-text);
  background: var(--pnm-bg-secondary);
  border-color: var(--pnm-border);
  transform: scale(1.06);
}

.payment-modal-header {
  margin-bottom: 1.25rem;
}

.payment-modal-eyebrow {
  font-family: var(--font-display);
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pnm-accent);
  margin-bottom: 0.65rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.payment-modal-notice {
  font-size: 0.94rem;
  line-height: 1.55;
  color: var(--pnm-text-secondary);
}

.payment-modal-methods-title {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pnm-text-muted);
  margin-bottom: 0.75rem;
}

.payment-modal-methods-list {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  margin-bottom: 1.25rem;
}

.payment-modal-method-pill {
  background: rgba(24, 200, 232, 0.05);
  border: 1px solid rgba(24, 200, 232, 0.16);
  border-radius: 12px;
  padding: 0.7rem 1rem;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--pnm-text);
  display: flex;
  align-items: center;
  gap: 0.65rem;
  transition: border-color 180ms ease, background 180ms ease;
}

.payment-modal-method-pill:hover {
  background: rgba(24, 200, 232, 0.08);
  border-color: rgba(24, 200, 232, 0.28);
}

.payment-modal-method-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--pnm-accent);
  box-shadow: 0 0 8px rgba(24, 200, 232, 0.7);
  flex-shrink: 0;
}

.payment-modal-subtext {
  font-size: 0.82rem;
  color: var(--pnm-text-muted);
  text-align: center;
  margin-bottom: 1.35rem;
}

.payment-modal-cta {
  width: 100%;
  border: 0;
  border-radius: 999px;
  padding: 0.92rem 1.4rem;
  font: 800 0.95rem/1 var(--font-display);
  color: var(--pnm-bg-page);
  background: var(--pnm-accent);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 200ms ease, transform 180ms ease, box-shadow 200ms ease;
}

.payment-modal-cta:hover {
  background: var(--pnm-accent-hover);
  transform: translateY(-1.5px);
  box-shadow: 0 0 24px rgba(24, 200, 232, 0.45);
}

.payment-modal-cta:active {
  transform: translateY(0);
}

@media(max-width: 480px) {
  .payment-modal-card {
    padding: 24px 20px;
    border-radius: 18px;
  }
}

/* ── SMART REVIEW QR SHOWCASE SECTION ─────────────────────── */
.qr-showcase-section {
  padding: 1rem 0 2.5rem;
  border-top: 0 !important;
}

.qr-showcase-card {
  position: relative;
  border-radius: 28px;
  background: linear-gradient(145deg, #061923, #0a202b);
  border: 1px solid rgba(24, 200, 232, 0.35);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5), 0 0 35px rgba(24, 200, 232, 0.12);
  padding: 2.5rem;
  overflow: hidden;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.qr-showcase-card:hover {
  border-color: rgba(24, 200, 232, 0.55);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.55), 0 0 45px rgba(24, 200, 232, 0.18);
}

.qr-showcase-glow {
  position: absolute;
  top: -70px;
  right: -70px;
  width: 260px;
  height: 260px;
  background: radial-gradient(circle, rgba(24, 200, 232, 0.22) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  filter: blur(20px);
}

.qr-showcase-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(24, 200, 232, 0.12);
  border: 1px solid rgba(24, 200, 232, 0.35);
  padding: 0.4rem 0.95rem;
  border-radius: 999px;
  color: #18c8e8;
  font-size: 0.8rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 1.2rem;
  box-shadow: 0 0 15px rgba(24, 200, 232, 0.15);
}

.qr-showcase-title {
  font-family: var(--font-display);
  font-size: clamp(1.65rem, 3.8vw, 2.4rem);
  font-weight: 800;
  color: #f5f9fb;
  margin-bottom: 0.85rem;
  line-height: 1.22;
  letter-spacing: -0.03em;
}

.qr-showcase-title .highlight {
  color: #18c8e8;
  text-shadow: 0 0 20px rgba(24, 200, 232, 0.4);
}

.qr-showcase-desc {
  max-width: 720px;
  color: #a9c0ca;
  margin-bottom: 2rem;
  font-size: 1.02rem;
  line-height: 1.65;
}

.qr-showcase-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin-bottom: 2.2rem;
}

.qr-feature-card {
  background: rgba(3, 19, 29, 0.75);
  border: 1px solid rgba(25, 55, 67, 0.85);
  border-radius: 18px;
  padding: 1.25rem 1.15rem;
  transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
  position: relative;
}

.qr-feature-card:hover {
  transform: translateY(-3px);
  background: rgba(6, 25, 35, 0.95);
  border-color: rgba(24, 200, 232, 0.4);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3), 0 0 15px rgba(24, 200, 232, 0.08);
}

.qr-feature-ico {
  font-size: 1.6rem;
  margin-bottom: 0.6rem;
  display: inline-block;
  line-height: 1;
}

.qr-feature-title {
  color: #f5f9fb;
  display: block;
  font-size: 0.95rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  letter-spacing: -0.01em;
}

.qr-feature-text {
  color: #718a95;
  font-size: 0.85rem;
  line-height: 1.45;
  display: block;
}

.qr-showcase-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1.1rem;
  align-items: center;
}

.qr-showcase-btn {
  background: linear-gradient(135deg, #18c8e8, #0ea5e9);
  color: #03131d !important;
  font-weight: 800;
  padding: 0.95rem 2rem;
  border-radius: 999px;
  text-decoration: none;
  box-shadow: 0 8px 25px rgba(24, 200, 232, 0.38);
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-size: 0.96rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.qr-showcase-btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow: 0 12px 32px rgba(24, 200, 232, 0.5);
}

.qr-showcase-btn:active {
  transform: translateY(0);
}

.qr-showcase-note {
  color: #718a95;
  font-size: 0.88rem;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

/* ── MOBILE OPTIMIZATIONS (<900px & <560px) ─────────────────── */
@media(max-width: 900px) {
  .qr-showcase-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.9rem;
  }
}

@media(max-width: 560px) {
  .qr-showcase-section {
    padding: 0.75rem 0 2rem;
  }
  .qr-showcase-card {
    padding: 1.4rem 1.15rem;
    border-radius: 20px;
  }
  .qr-showcase-badge {
    font-size: 0.72rem;
    padding: 0.32rem 0.75rem;
    margin-bottom: 0.85rem;
  }
  .qr-showcase-title {
    font-size: 1.45rem;
    line-height: 1.25;
    margin-bottom: 0.65rem;
  }
  .qr-showcase-desc {
    font-size: 0.88rem;
    line-height: 1.55;
    margin-bottom: 1.35rem;
  }
  .qr-showcase-grid {
    grid-template-columns: 1fr;
    gap: 0.75rem;
    margin-bottom: 1.4rem;
  }
  .qr-feature-card {
    padding: 0.95rem 1rem;
    border-radius: 14px;
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
  }
  .qr-feature-ico {
    font-size: 1.45rem;
    margin-bottom: 0;
    flex-shrink: 0;
    margin-top: 1px;
  }
  .qr-feature-content {
    flex: 1;
  }
  .qr-feature-title {
    font-size: 0.92rem;
    margin-bottom: 0.2rem;
  }
  .qr-feature-text {
    font-size: 0.82rem;
    line-height: 1.4;
  }
  .qr-showcase-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
  .qr-showcase-btn {
    width: 100%;
    justify-content: center;
    padding: 0.92rem 1.2rem;
    font-size: 0.92rem;
  }
  .qr-showcase-note {
    font-size: 0.8rem;
    justify-content: center;
    text-align: center;
  }
  
  /* Hero actions button touch optimization */
  .hero-actions {
    flex-direction: column;
    width: 100%;
    gap: 0.65rem;
  }
  .hero-actions .btn {
    width: 100%;
    justify-content: center;
    padding: 0.85rem 1rem;
    font-size: 0.9rem;
  }
}

/* ── WORKS & PORTFOLIO PAGE STYLES ────────────────────────── */
.works-hero {
  padding: 5rem 0 2.5rem;
  text-align: center;
  position: relative;
  max-width: 860px;
  margin: 0 auto;
}
.works-hero .eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.25rem;
}
.works-hero h1 {
  font-family: var(--font-display);
  font-size: clamp(2.3rem, 5.5vw, 3.8rem);
  font-weight: 800;
  color: #f5f9fb;
  margin-bottom: 1.15rem;
  line-height: 1.12;
  letter-spacing: -0.035em;
}
.works-hero p.lead {
  font-size: clamp(1rem, 2.2vw, 1.15rem);
  line-height: 1.75;
  color: #94a3b8;
  max-width: 680px;
  margin: 0 auto;
}

/* ── CLIENT & BRAND LOGOS INFINITE MARQUEE SCROLLER ── */
.works-logos-section {
  padding: 1.5rem 0 2.5rem;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.works-logos-container {
  display: flex;
  justify-content: center;
  margin-bottom: 1.1rem;
}

.works-logos-container .eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-size: 0.76rem;
  letter-spacing: 0.2em;
  color: var(--brand-3, #22d3ee);
}

.marquee-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  user-select: none;
  padding: 0.8rem 0;
  mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
}

.marquee-track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  overflow: hidden;
  gap: 3.5rem;
}

.marquee-group {
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-around;
  gap: 3.5rem;
  min-width: 100%;
  animation: scrollInfiniteMarquee 26s linear infinite;
  will-change: transform;
}

.marquee-track:hover .marquee-group,
.marquee-wrapper:hover .marquee-group {
  animation-play-state: paused;
}

@keyframes scrollInfiniteMarquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% - 3.5rem));
  }
}

.marquee-circle {
  width: 86px;
  height: 86px;
  min-width: 86px;
  min-height: 86px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, rgba(14, 38, 58, 0.95), rgba(6, 18, 28, 0.95));
  border: 1.5px solid rgba(34, 211, 238, 0.35);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45), inset 0 0 12px rgba(34, 211, 238, 0.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  text-decoration: none;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease;
  user-select: none;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.marquee-circle:hover {
  border-color: #22d3ee;
  box-shadow: 0 0 24px rgba(34, 211, 238, 0.5), 0 10px 28px rgba(0, 0, 0, 0.65);
  transform: translateY(-3px) scale(1.06);
}

.marquee-circle img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
  filter: brightness(0.98);
  transition: filter 0.25s ease;
  display: block;
}

.marquee-circle:hover img {
  filter: brightness(1.1);
}

.marquee-circle-fallback {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 800;
  color: #22d3ee;
  background: rgba(34, 211, 238, 0.1);
}

@media (max-width: 768px) {
  .works-logos-section {
    padding: 1.2rem 0 2rem;
  }
  .works-logos-container {
    margin-bottom: 0.95rem;
  }
  .marquee-wrapper {
    gap: 2rem;
  }
  .marquee-group {
    gap: 2rem;
    animation-duration: 20s;
  }
  @keyframes scrollInfiniteMarquee {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-100% - 2rem));
    }
  }
  .marquee-circle {
    width: 70px;
    height: 70px;
    min-width: 70px;
    min-height: 70px;
    padding: 10px;
    border-width: 1.5px;
  }
  .marquee-circle-fallback {
    font-size: 1.2rem;
  }
}

.works-section {
  padding: 3.5rem 0;
}
.works-section-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 2.8rem;
  width: 100%;
}
.works-section-header .eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.works-section-header h2 {
  font-family: var(--font-display);
  font-size: clamp(1.85rem, 4.5vw, 2.6rem);
  font-weight: 800;
  color: #f5f9fb;
  letter-spacing: -0.03em;
  line-height: 1.18;
  margin-bottom: 0.75rem;
}
.works-section-header .section-copy {
  font-size: clamp(0.92rem, 2vw, 1.02rem);
  color: #94a3b8;
  line-height: 1.65;
  max-width: 620px;
  margin: 0 auto;
  text-align: center;
}

/* ── SINGLE OFFICIAL MEDIA CHANNEL SHOWCASE ── */
.ig-single-channel-wrap {
  max-width: 860px;
  margin: 0 auto;
  width: 100%;
}

.ig-single-card {
  position: relative;
  border-radius: 28px;
  background: linear-gradient(150deg, rgba(6, 25, 35, 0.95) 0%, rgba(10, 32, 43, 0.92) 100%);
  border: 1px solid rgba(24, 200, 232, 0.32);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55), 0 0 40px rgba(24, 200, 232, 0.1);
  padding: 2.2rem 2.4rem;
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
}

.ig-single-card:hover {
  transform: translateY(-4px);
  border-color: rgba(24, 200, 232, 0.6);
  box-shadow: 0 28px 65px rgba(0, 0, 0, 0.65), 0 0 50px rgba(24, 200, 232, 0.22);
}

.ig-single-glow {
  position: absolute;
  top: -80px;
  right: -80px;
  width: 260px;
  height: 260px;
  background: radial-gradient(circle, rgba(24, 200, 232, 0.22) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.ig-single-main {
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
}

.ig-single-avatar {
  width: 68px;
  height: 68px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(24, 200, 232, 0.2), rgba(14, 165, 233, 0.08));
  border: 1.5px solid rgba(24, 200, 232, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  flex-shrink: 0;
  box-shadow: 0 8px 24px rgba(24, 200, 232, 0.2);
  transition: transform 0.3s ease;
}

.ig-single-card:hover .ig-single-avatar {
  transform: scale(1.06) rotate(4deg);
}

.ig-single-info {
  flex: 1;
  min-width: 0;
}

.ig-single-badge-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-bottom: 0.5rem;
}

.ig-channel-tag {
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #18c8e8;
  background: rgba(24, 200, 232, 0.1);
  border: 1px solid rgba(24, 200, 232, 0.25);
  padding: 0.35rem 0.8rem;
  border-radius: 999px;
  white-space: nowrap;
}

.ig-verified-pill {
  font-size: 0.72rem;
  font-weight: 800;
  color: #38bdf8;
  background: rgba(56, 189, 248, 0.12);
  border: 1px solid rgba(56, 189, 248, 0.3);
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.ig-single-name {
  font-family: var(--font-display);
  font-size: clamp(1.4rem, 3.2vw, 1.85rem);
  font-weight: 800;
  color: #f8fafc;
  margin-bottom: 0.2rem;
  letter-spacing: -0.025em;
  line-height: 1.2;
}

.ig-single-handle {
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 700;
  color: #18c8e8;
  margin-bottom: 0.75rem;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.ig-single-desc {
  font-size: 0.95rem;
  line-height: 1.65;
  color: #94a3b8;
  margin-bottom: 1rem;
}

.ig-single-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.ig-mini-chip {
  font-size: 0.76rem;
  font-weight: 700;
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 0.3rem 0.7rem;
  border-radius: 999px;
}

.ig-single-actions {
  width: 100%;
}

.ig-follow-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  min-height: 48px;
  background: linear-gradient(135deg, rgba(24, 200, 232, 0.12), rgba(14, 165, 233, 0.22));
  border: 1px solid rgba(24, 200, 232, 0.4);
  color: #f5f9fb;
  font-family: var(--font-display);
  font-size: 0.95rem;
  font-weight: 700;
  padding: 0.85rem 1.4rem;
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.25s ease;
  cursor: pointer;
}

.ig-single-btn {
  background: linear-gradient(135deg, rgba(24, 200, 232, 0.22), rgba(14, 165, 233, 0.35));
  border: 1px solid rgba(24, 200, 232, 0.55);
  box-shadow: 0 4px 20px rgba(24, 200, 232, 0.25);
}

.ig-single-btn:hover,
.ig-follow-btn:hover {
  background: linear-gradient(135deg, #18c8e8, #0ea5e9);
  color: #02060d;
  box-shadow: 0 8px 30px rgba(24, 200, 232, 0.45);
  transform: translateY(-2px);
}

@media (max-width: 640px) {
  .ig-single-card {
    padding: 1.5rem 1.2rem;
    gap: 1.3rem;
  }
  .ig-single-main {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }
  .ig-single-avatar {
    width: 56px;
    height: 56px;
    font-size: 1.6rem;
  }
  .ig-single-name {
    font-size: 1.35rem;
  }
  .ig-single-btn {
    font-size: 0.88rem;
    padding: 0.8rem 1rem;
  }
}

/* ── WORKS & VIDEO REELS SHOWCASE ── */
.works-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  gap: 2rem;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.work-item-card {
  border-radius: 22px;
  background: #000;
  border: 1px solid rgba(24, 200, 232, 0.25);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-width: 360px;
  width: 100%;
  margin: 0 auto;
  transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.3s ease, box-shadow 0.3s ease;
}
.work-item-card:hover {
  transform: translateY(-5px);
  border-color: rgba(24, 200, 232, 0.6);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55), 0 0 30px rgba(24, 200, 232, 0.2);
}

/* ── EMBEDDED REEL MEDIA CONTAINER ── */
.work-media-container {
  position: relative;
  width: 100%;
  height: 500px;
  background: #000;
  overflow: hidden;
  border-radius: 22px;
}
.work-thumb-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  border-radius: 26px;
}
.work-thumb-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.3s ease;
}
.work-media-container:hover .work-thumb-wrap img {
  transform: scale(1.03);
  filter: brightness(0.92);
}
.work-thumb-placeholder {
  width: 100%;
  height: 100%;
  background: #050c12;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.work-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(24, 200, 232, 0.95), rgba(14, 165, 233, 0.95));
  color: #02060d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.45rem;
  font-weight: 900;
  box-shadow: 0 0 25px rgba(24, 200, 232, 0.6), 0 8px 24px rgba(0, 0, 0, 0.5);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
  z-index: 2;
  border: 2px solid rgba(255, 255, 255, 0.4);
}
.work-play-overlay .play-icon {
  margin-left: 3px;
  line-height: 1;
}
.work-media-container:hover .work-play-overlay {
  transform: translate(-50%, -50%) scale(1.12);
  box-shadow: 0 0 35px rgba(24, 200, 232, 0.85), 0 10px 30px rgba(0, 0, 0, 0.6);
  background: #18c8e8;
}
.work-tap-hint {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(2, 6, 13, 0.8);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(24, 200, 232, 0.35);
  color: #f5f9fb;
  font-family: var(--font-display);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  white-space: nowrap;
  pointer-events: none;
  transition: all 0.2s ease;
  z-index: 2;
}
.work-media-container:hover .work-tap-hint {
  background: rgba(24, 200, 232, 0.25);
  border-color: rgba(24, 200, 232, 0.7);
  color: #18c8e8;
}

/* ── EMBEDDED IFRAME CONTAINER (CLEAN ROUNDED CORNER VIDEO) ── */
.work-embed-crop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
  border-radius: 22px;
}
.work-embed-crop iframe {
  position: absolute;
  top: -64px;
  left: -2%;
  width: 104% !important;
  height: calc(100% + 240px) !important;
  transform: scale(1.15);
  transform-origin: top center;
  border: 0 !important;
  pointer-events: auto;
  background: #000;
  z-index: 1;
}
.work-embed-crop::after {
  display: none;
}
.work-embed-loading {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  color: #a9c0ca;
  font-size: 0.82rem;
  background: #000;
  z-index: 0;
}
.work-spinner {
  width: 28px;
  height: 28px;
  border: 3px solid rgba(24, 200, 232, 0.2);
  border-top-color: #18c8e8;
  border-radius: 50%;
  animation: spinReel 0.8s linear infinite;
}
@keyframes spinReel {
  to { transform: rotate(360deg); }
}
.work-close-reel-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(2, 6, 13, 0.85);
  border: 1px solid rgba(24, 200, 232, 0.4);
  color: #f5f9fb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
  z-index: 10;
  transition: all 0.2s ease;
  backdrop-filter: blur(6px);
}
.work-close-reel-btn:hover {
  background: #ef4444;
  border-color: #ef4444;
  color: #fff;
  transform: scale(1.1);
}

.work-item-body {
  display: none !important;
}
.work-item-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.85rem;
  flex-wrap: wrap;
}
.work-category-tag {
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #18c8e8;
  background: rgba(24, 200, 232, 0.1);
  border: 1px solid rgba(24, 200, 232, 0.25);
  padding: 0.28rem 0.65rem;
  border-radius: 999px;
}
.work-views-badge {
  font-family: var(--font-display);
  font-size: 0.76rem;
  font-weight: 800;
  color: #fbbf24;
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.25);
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
}
.work-client-badge {
  font-size: 0.78rem;
  color: #94a3b8;
  font-weight: 600;
}
.work-item-title {
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 800;
  color: #f5f9fb;
  margin-bottom: 0.45rem;
  line-height: 1.32;
}
.work-item-desc {
  font-size: 0.88rem;
  color: #94a3b8;
  line-height: 1.55;
  margin-bottom: 1.2rem;
}
.work-watch-btn {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(24, 200, 232, 0.08);
  border: 1px solid rgba(24, 200, 232, 0.3);
  color: #f5f9fb;
  font-family: var(--font-display);
  font-size: 0.84rem;
  font-weight: 700;
  padding: 0.7rem 1rem;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.2s ease;
}
.work-watch-btn:hover {
  background: #18c8e8;
  color: #02060d;
  border-color: #18c8e8;
  box-shadow: 0 4px 18px rgba(24, 200, 232, 0.35);
}
.works-empty-card {
  grid-column: 1 / -1;
  text-align: center;
  padding: 3.5rem 1.5rem;
  border-radius: 24px;
  background: rgba(6, 25, 35, 0.6);
  border: 1px dashed rgba(24, 200, 232, 0.3);
}

/* ── RESPONSIVE BREAKPOINTS ── */
@media (max-width: 990px) {
  .ig-channels-grid {
    grid-template-columns: 1fr;
    max-width: 580px;
    margin: 0 auto;
  }
  .works-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .works-hero {
    padding: 3.8rem 0 2rem;
  }
  .works-section {
    padding: 2.8rem 0;
  }
}
@media (max-width: 640px) {
  .works-hero {
    padding: 2.6rem 0 1.6rem !important;
  }
  .works-hero h1 {
    font-size: clamp(2rem, 9vw, 2.5rem) !important;
  }
  .works-section {
    padding: 2rem 0;
  }
  .works-section-header {
    margin-bottom: 1.8rem;
  }
  .works-section-header h2 {
    font-size: clamp(1.6rem, 7.5vw, 2rem) !important;
  }
  .ig-channels-grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  .ig-channel-card {
    padding: 1.5rem 1.3rem;
    border-radius: 22px;
  }
  .ig-channel-name {
    font-size: 1.22rem;
  }
  .works-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .work-media-container {
    height: 460px;
  }
  .work-item-body {
    padding: 1.2rem;
  }
}