/*
Theme Name: Elite Liquid
Theme URI: https://www.elite.net.bd/
Author: Khalid Hossain
Description: Full liquid-glass edition of the Elite Communication theme — every surface is refractive white glass on a luminous white canvas, with red & black accents, real liquid distortion (Chromium), 3D isometric illustrations, built-in SEO schema and all elite.net.bd pages and content.
Version: 1.5.0
Requires at least: 6.3
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: elite-glass
Tags: business, one-column, custom-logo, custom-menu, featured-images, translation-ready
*/

/* ============ 1. Tokens ============ */
:root{
  --red:#E10600; --red-2:#FF3B30; --red-d:#A30400; --red-soft:#FFE9E7;
  --ink:#0B0B0F; --ink-2:#2A2A33; --muted:#5E5E6B; --line:rgba(11,11,15,.08);
  --white:#fff; --bg:#FBFBFD;
  --glass:rgba(255,255,255,.62); --glass-2:rgba(255,255,255,.34);
  --glass-brd:rgba(255,255,255,.85);
  --glass-dark:rgba(14,14,18,.78);
  --r:22px; --r-sm:14px; --r-lg:32px;
  --shadow:0 1px 0 rgba(255,255,255,.95) inset,0 -1px 0 rgba(11,11,15,.04) inset,0 22px 48px -24px rgba(11,11,15,.28),0 2px 8px rgba(11,11,15,.04);
  --shadow-red:0 14px 30px -12px rgba(225,6,0,.55);
  --blur:22px;
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Hind Siliguri","Noto Sans Bengali",Arial,sans-serif;
  --w:1200px;
}

/* ============ 2. Base ============ */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:16px;line-height:1.65;color:var(--ink-2);background:var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased}
/* ambient red/black light so the glass has something to refract */
body::before{content:"";position:fixed;inset:-20vmax;z-index:-1;pointer-events:none;
  background:
   radial-gradient(38vmax 38vmax at 8% 6%,rgba(225,6,0,.13),transparent 60%),
   radial-gradient(30vmax 30vmax at 96% 18%,rgba(11,11,15,.08),transparent 62%),
   radial-gradient(34vmax 34vmax at 80% 92%,rgba(225,6,0,.09),transparent 60%),
   radial-gradient(26vmax 26vmax at 10% 88%,rgba(11,11,15,.06),transparent 60%),#FBFBFD}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:var(--red);text-decoration:none}
a:hover{color:var(--red-d)}
h1,h2,h3,h4{color:var(--ink);line-height:1.15;margin:0 0 .5em;font-weight:800;letter-spacing:-.02em}
h1{font-size:clamp(2.1rem,4.6vw,3.6rem)}
h2{font-size:clamp(1.65rem,3.2vw,2.5rem)}
h3{font-size:1.2rem;letter-spacing:-.01em}
p{margin:0 0 1em}
ul{padding-left:1.2em}
:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:6px}
.screen-reader-text,.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;left:12px;top:12px;z-index:999;width:auto;height:auto;clip:auto;background:#fff;padding:10px 16px;border-radius:10px;box-shadow:var(--shadow)}
.wrap{width:min(100% - 32px,var(--w));margin-inline:auto}
.section{padding:clamp(56px,8vw,104px) 0;position:relative}
.section--tight{padding:clamp(36px,5vw,64px) 0}
.center{text-align:center}
.muted{color:var(--muted)}
.red{color:var(--red)}

/* ============ 3. Liquid Glass ============ */
.glass{position:relative;isolation:isolate;
  background:linear-gradient(140deg,var(--glass) 0%,var(--glass-2) 100%);
  -webkit-backdrop-filter:blur(var(--blur)) saturate(180%);backdrop-filter:blur(var(--blur)) saturate(180%);
  border:1px solid var(--glass-brd);border-radius:var(--r);box-shadow:var(--shadow)}
.glass::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,.75) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,0) 70%,rgba(255,255,255,.35) 100%)}
.glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),inset 0 10px 22px -14px rgba(255,255,255,.9)}
.glass--dark{background:linear-gradient(140deg,rgba(24,24,30,.86),rgba(8,8,10,.74));border-color:rgba(255,255,255,.12);color:#D6D6DE}
.glass--dark::before{background:linear-gradient(118deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 36%)}
.glass--dark::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 10px 22px -16px rgba(255,255,255,.35)}
.glass--dark h2,.glass--dark h3,.glass--dark strong{color:#fff}
.glass--red{background:linear-gradient(140deg,rgba(255,59,48,.92),rgba(196,5,0,.9));border-color:rgba(255,255,255,.35);color:#fff}
.glass--red h2,.glass--red h3{color:#fff}
.lift{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.lift:hover{transform:translateY(-6px);box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 30px 60px -26px rgba(11,11,15,.35)}
@media (prefers-reduced-transparency:reduce){.glass{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.glass--dark{background:#111}}
@media (max-width:700px){:root{--blur:14px}}

/* ============ 4. Buttons & chips ============ */
.btn{--b:var(--red);display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:48px;padding:.75em 1.4em;border-radius:999px;font-weight:700;font-size:.98rem;line-height:1;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap;text-align:center}
.btn svg{width:18px;height:18px;flex:none}
.btn--red{color:#fff;background:linear-gradient(180deg,#FF2A1F 0%,#E10600 55%,#B80500 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),var(--shadow-red)}
.btn--red:hover{color:#fff;transform:translateY(-2px)}
.btn--dark{color:#fff;background:linear-gradient(180deg,#2A2A33,#0B0B0F);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 28px -14px rgba(0,0,0,.6)}
.btn--dark:hover{color:#fff;transform:translateY(-2px)}
.btn--glass{color:var(--ink);background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow)}
.btn--glass:hover{color:var(--red);transform:translateY(-2px)}
.btn--sm{min-height:40px;padding:.6em 1.05em;font-size:.9rem}
.btn--block{width:100%}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.eyebrow{display:inline-flex;align-items:center;gap:.5em;padding:.45em .95em;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red);background:rgba(255,255,255,.7);border:1px solid rgba(225,6,0,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(225,6,0,.15)}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.chip{display:inline-flex;align-items:center;gap:.4em;padding:.45em .9em;border-radius:999px;font-size:.88rem;font-weight:600;color:var(--ink);background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.9);box-shadow:0 6px 16px -10px rgba(0,0,0,.25)}
a.chip:hover{color:var(--red)}
.badge{display:inline-block;padding:.3em .7em;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:var(--ink);color:#fff}
.badge--red{background:var(--red)}

/* ============ 5. Header ============ */
.topbar{font-size:.85rem;color:#D6D6DE;background:var(--ink)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:38px}
.topbar a{color:#fff}
.topbar a:hover{color:var(--red-2)}
.topbar__links{display:flex;gap:18px;align-items:center}
@media (max-width:640px){.topbar__hide{display:none}}
.site-header{position:sticky;top:10px;z-index:50;margin-top:10px}
.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px 10px 20px;border-radius:999px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:900;font-size:1.35rem;letter-spacing:-.03em}
.brand img{max-height:44px;width:auto}
.brand__mark{width:38px;height:38px}
.nav{display:flex;align-items:center;gap:4px}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.nav li{position:relative}
.nav a{display:block;padding:.6em .85em;border-radius:999px;color:var(--ink);font-weight:600;font-size:.95rem}
.nav a:hover,.nav .current-menu-item>a,.nav .current-menu-ancestor>a,.nav .current_page_item>a{color:var(--red);background:rgba(225,6,0,.07)}
.nav .sub-menu{position:absolute;top:100%;left:0;min-width:240px;flex-direction:column;padding:8px;border-radius:18px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.nav .sub-menu a{border-radius:12px}
.nav-cta{display:flex;gap:8px;align-items:center}
.nav-toggle{display:none;width:46px;height:46px;border-radius:50%;border:1px solid #fff;background:rgba(255,255,255,.7);cursor:pointer;align-items:center;justify-content:center}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;position:relative;transition:.25s}
.nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0}
.nav-toggle span::before{top:-6px}.nav-toggle span::after{top:6px}
.nav-open .nav-toggle span{background:transparent}
.nav-open .nav-toggle span::before{top:0;transform:rotate(45deg)}
.nav-open .nav-toggle span::after{top:0;transform:rotate(-45deg)}
@media (max-width:1080px){
  .nav-toggle{display:inline-flex}
  .nav{position:absolute;left:0;right:0;top:calc(100% + 10px);flex-direction:column;align-items:stretch;padding:14px;border-radius:24px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #fff;box-shadow:var(--shadow);display:none;max-height:calc(100vh - 120px);overflow:auto}
  .nav-open .nav{display:flex}
  .nav ul{flex-direction:column}
  .nav .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:transparent;border:0;padding:0 0 0 14px;min-width:0}
  .nav-cta .btn--hide-m{display:none}
}

/* ============ 6. Hero ============ */
.hero{padding:clamp(28px,5vw,64px) 0 clamp(40px,6vw,80px)}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,56px);align-items:center}
.hero__copy{padding:clamp(24px,4vw,48px)}
.hero__copy h1{margin:.45em 0 .35em}
.hero__copy h1 .red{display:inline}
.hero__lead{font-size:clamp(1.02rem,1.5vw,1.18rem);color:var(--muted);max-width:56ch}
.hero__visual{position:relative}
.hero__visual svg{width:100%;filter:drop-shadow(0 40px 50px rgba(11,11,15,.18))}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}
.trust div{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.9)}
.trust strong{display:block;color:var(--ink);font-size:1.15rem;font-weight:900}
.trust span{font-size:.8rem;color:var(--muted)}
.float{animation:float 7s ease-in-out infinite}
.float--2{animation-duration:9s;animation-delay:-2s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (prefers-reduced-motion:reduce){.float,.marquee__track{animation:none!important}html{scroll-behavior:auto}}
@media (max-width:960px){.hero__grid{grid-template-columns:1fr}.hero__visual{max-width:560px;margin:0 auto;order:-1}.trust{grid-template-columns:repeat(3,1fr)}}
@media (max-width:480px){.trust{grid-template-columns:1fr 1fr}}

/* page hero (inner pages) */
.phero{padding:clamp(24px,4vw,48px) 0 clamp(24px,4vw,40px)}
.phero__card{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:clamp(24px,4vw,52px);border-radius:var(--r-lg)}
.phero__card h1{font-size:clamp(1.9rem,4vw,3rem);margin:.4em 0 .3em}
.phero__visual svg{width:100%;max-width:380px;margin-inline:auto;filter:drop-shadow(0 30px 40px rgba(11,11,15,.16))}
@media (max-width:860px){.phero__card{grid-template-columns:1fr}.phero__visual{order:-1;max-width:280px;margin:0 auto}}

/* breadcrumbs */
.crumbs{font-size:.85rem;color:var(--muted)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.crumbs li+li::before{content:"›";margin-right:6px;color:#B0B0BA}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--red)}

/* ============ 7. Section heads & grids ============ */
.shead{max-width:760px;margin:0 auto clamp(28px,4vw,48px);text-align:center}
.shead p{color:var(--muted);font-size:1.06rem}
.shead--left{text-align:left;margin-left:0}
.grid{display:grid;gap:clamp(14px,2vw,22px)}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:980px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.g2,.g3,.g4{grid-template-columns:1fr}}
.card{padding:clamp(20px,2.4vw,30px);height:100%;display:flex;flex-direction:column}
.card h3{margin-top:14px}
.card p{color:var(--muted);font-size:.97rem}
.card .more{margin-top:auto;font-weight:700;display:inline-flex;gap:.4em;align-items:center}
.card .more::after{content:"→";transition:transform .2s}
.card:hover .more::after{transform:translateX(4px)}
a.card{color:inherit}
.ico{width:58px;height:58px;flex:none}
.ico--lg{width:72px;height:72px}
.step__n{font-size:.8rem;font-weight:900;color:var(--red);letter-spacing:.1em}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
@media (max-width:900px){.split{grid-template-columns:1fr}}
.list-check{list-style:none;padding:0;margin:0 0 1em;display:grid;gap:10px}
.list-check li{display:flex;gap:10px;align-items:flex-start}
.list-check li::before{content:"";flex:none;width:20px;height:20px;margin-top:3px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:0 4px 10px -3px rgba(225,6,0,.6)}

/* ============ 8. Packages ============ */
.tabs__list{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:6px;border-radius:999px;width:max-content;max-width:100%;margin:0 auto 30px}
.tabs__btn{appearance:none;border:0;background:transparent;padding:.75em 1.2em;border-radius:999px;font:inherit;font-weight:700;font-size:.93rem;color:var(--ink);cursor:pointer;transition:.2s}
.tabs__btn[aria-selected="true"]{color:#fff;background:linear-gradient(180deg,#FF2A1F,#C70500);box-shadow:var(--shadow-red)}
.js .tabs__panel[hidden]{display:none}
@media (max-width:700px){.tabs__list{border-radius:22px;width:100%}.tabs__btn{flex:1 1 45%}}
.pkgs{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px)}
@media (max-width:980px){.pkgs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.pkgs{grid-template-columns:1fr}}
.pkg{padding:26px;display:flex;flex-direction:column;gap:14px;height:100%}
.pkg__top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.pkg__name{font-size:1.15rem;margin:0}
.pkg__speed{display:flex;align-items:baseline;gap:6px;color:var(--ink)}
.pkg__speed b{font-size:3rem;font-weight:900;letter-spacing:-.04em;line-height:1;background:linear-gradient(180deg,#0B0B0F 30%,#4A4A55);-webkit-background-clip:text;background-clip:text;color:transparent}
.pkg__speed span{font-weight:800;color:var(--red)}
.pkg__meta{font-size:.88rem;color:var(--muted);margin:-6px 0 0}
.pkg__feat{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.93rem}
.pkg__feat li{display:flex;gap:9px;align-items:center}
.pkg__feat svg{width:18px;height:18px;flex:none;color:var(--red)}
.pkg__price{margin-top:auto;padding-top:14px;border-top:1px dashed rgba(11,11,15,.12);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.pkg__price b{font-size:1.9rem;font-weight:900;color:var(--ink);letter-spacing:-.02em}
.pkg__price small{color:var(--muted)}
.pkg__price em{flex-basis:100%;font-style:normal;font-size:.85rem;color:var(--muted)}
.pkg__cta{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pkg--hot{background:linear-gradient(150deg,rgba(255,255,255,.8),rgba(255,233,231,.6));border-color:rgba(225,6,0,.25)}
.more-link{display:flex;justify-content:center;margin-top:28px}
.tbl-wrap{overflow-x:auto;border-radius:var(--r);margin-top:8px}
table.tbl{width:100%;border-collapse:collapse;min-width:560px;font-size:.95rem}
.tbl th,.tbl td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)}
.tbl th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.tbl tr:last-child td{border-bottom:0}
.tbl td b{color:var(--ink)}

/* ============ 9. Marquee / logos ============ */
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);padding:18px 0}
.marquee__track{display:flex;gap:18px;width:max-content;animation:marq 38s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
.logo-tile{width:168px;height:84px;display:grid;place-items:center;padding:14px;border-radius:18px}
.logo-tile img{max-height:52px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.75;transition:.25s}
.logo-tile:hover img{filter:none;opacity:1}

/* ============ 10. Testimonials ============ */
.reviews{display:grid;grid-auto-flow:column;grid-auto-columns:min(380px,86%);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 22px;scrollbar-width:thin}
.review{scroll-snap-align:start;padding:26px;display:flex;flex-direction:column;gap:14px}
.review blockquote{margin:0;color:var(--ink-2);font-size:1rem}
.review__who{display:flex;align-items:center;gap:12px;margin-top:auto}
.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(145deg,#FF3B30,#A30400);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.stars{color:var(--red);letter-spacing:2px;font-size:.95rem}

/* ============ 11. FAQ ============ */
.faq{display:grid;gap:12px;max-width:880px;margin:0 auto}
.faq details{border-radius:18px;padding:0;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:18px 56px 18px 22px;font-weight:700;color:var(--ink);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:18px;top:50%;translate:0 -50%;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-weight:700;transition:.25s}
.faq details[open] summary::after{content:"–"}
.faq .ans{padding:0 22px 20px;color:var(--muted)}

/* ============ 12. CTA band ============ */
.cta{padding:clamp(28px,4vw,56px);border-radius:var(--r-lg);display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center;overflow:hidden}
.cta h2{margin:0 0 .3em}
.cta p{color:rgba(255,255,255,.85);margin:0}
.cta .btns{justify-content:flex-end}
.cta .btn--glass{background:rgba(255,255,255,.95)}
@media (max-width:820px){.cta{grid-template-columns:1fr}.cta .btns{justify-content:flex-start}}

/* ============ 13. Forms ============ */
.form{display:grid;gap:14px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:620px){.form .row{grid-template-columns:1fr}}
.form label{display:grid;gap:6px;font-size:.88rem;font-weight:700;color:var(--ink)}
.form input,.form select,.form textarea{font:inherit;font-size:1rem;width:100%;min-height:50px;padding:.75em 1em;border-radius:14px;border:1px solid rgba(11,11,15,.1);background:rgba(255,255,255,.8);color:var(--ink);transition:.2s}
.form textarea{min-height:110px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 4px rgba(225,6,0,.12);background:#fff}
.form .hp{position:absolute;left:-9999px}
.notice{padding:14px 18px;border-radius:14px;font-weight:600}
.notice--ok{background:#E9F9EF;color:#0F6B36;border:1px solid #BDEBCD}
.notice--err{background:var(--red-soft);color:var(--red-d);border:1px solid #FFC9C4}

/* ============ 14. Content (blog / pages) ============ */
.prose{max-width:760px;margin-inline:auto;font-size:1.06rem}
.prose h2{margin-top:1.8em}.prose h3{margin-top:1.5em}
.prose img{border-radius:var(--r-sm)}
.prose blockquote{margin:1.5em 0;padding:1em 1.4em;border-left:4px solid var(--red);background:rgba(255,255,255,.7);border-radius:0 14px 14px 0}
.prose table{width:100%;border-collapse:collapse}.prose td,.prose th{border:1px solid var(--line);padding:10px}
.prose a{text-decoration:underline;text-underline-offset:3px}
.post-card{overflow:hidden;padding:0}
.post-card__img{aspect-ratio:16/10;background:linear-gradient(140deg,#fff,#FFE9E7);display:grid;place-items:center;overflow:hidden}
.post-card__img img{width:100%;height:100%;object-fit:cover}
.post-card__body{padding:22px}
.post-card__meta{font-size:.82rem;color:var(--muted)}
.post-card h2,.post-card h3{font-size:1.15rem;margin:.4em 0}
.post-card h2 a,.post-card h3 a{color:var(--ink)}
.pagination{display:flex;justify-content:center;gap:8px;margin-top:36px;flex-wrap:wrap}
.pagination .page-numbers{min-width:44px;height:44px;display:grid;place-items:center;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid #fff;font-weight:700;color:var(--ink)}
.pagination .current{background:var(--red);color:#fff}
.entry-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:.9rem;color:var(--muted);justify-content:center}
.feat-img{border-radius:var(--r-lg);overflow:hidden;margin:24px auto 0;max-width:980px}
.alignwide{max-width:1000px;margin-inline:auto}
.wp-block-image figcaption,.wp-caption-text{font-size:.85rem;color:var(--muted);text-align:center}

/* ============ 15. Footer ============ */
.site-footer{margin-top:clamp(40px,6vw,80px);padding:clamp(40px,6vw,70px) 0 26px;color:#B9B9C4;background:
 radial-gradient(60% 80% at 100% 0%,rgba(225,6,0,.22),transparent 60%),linear-gradient(180deg,#121217,#07070A)}
.site-footer a{color:#E6E6EE}
.site-footer a:hover{color:var(--red-2)}
.site-footer h2{font-size:1rem;color:#fff;letter-spacing:.02em;margin-bottom:14px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:32px}
@media (max-width:980px){.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.fgrid{grid-template-columns:1fr}}
.flist{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:.95rem}
.socials{display:flex;gap:10px;margin-top:16px}
.socials a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.socials a:hover{background:var(--red);border-color:var(--red)}
.socials svg{width:18px;height:18px;fill:currentColor}
.fbottom{margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.85rem}
.member{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.member img{height:36px;width:auto;background:#fff;border-radius:8px;padding:4px 8px}

/* floating call button (mobile) */
.fab{position:fixed;right:16px;bottom:16px;z-index:60;width:58px;height:58px;border-radius:50%;display:none;place-items:center;color:#fff;background:linear-gradient(180deg,#FF2A1F,#B80500);box-shadow:var(--shadow-red),inset 0 1px 0 rgba(255,255,255,.4)}
.fab svg{width:24px;height:24px}
@media (max-width:820px){.fab{display:grid}}

/* utilities */
.mt0{margin-top:0}.mb0{margin-bottom:0}.mt2{margin-top:24px}.mt3{margin-top:40px}
.stack>*+*{margin-top:16px}
.area-card{display:flex;gap:16px;align-items:center;padding:18px}
.area-card h3{margin:0}
.area-card p{margin:0;font-size:.9rem}
.stat{padding:24px;text-align:center}
.stat b{display:block;font-size:2.2rem;font-weight:900;color:var(--ink);letter-spacing:-.03em}
.stat span{color:var(--muted);font-size:.9rem}
.map-embed{border:0;width:100%;height:380px;border-radius:var(--r);display:block}
.chip svg{width:16px;height:16px;flex:none;color:var(--red)}
.site-header.is-scrolled .nav-shell{box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 18px 40px -16px rgba(11,11,15,.35)}
.card .ico,.area-card .ico{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.lift:hover .ico{transform:translateY(-4px) rotate(-4deg)}
.glass--dark p,.glass--dark .card p{color:#B9B9C4}
.glass--dark .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#fff}
.glass--red::before{background:linear-gradient(118deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 30%)}
.glass--red::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),inset 0 10px 22px -16px rgba(255,255,255,.6)}
.area-card h3{font-size:1.1rem}

/* =====================================================================
   v2 — Unique transitions, liquid visuals & new components
   ===================================================================== */

/* ---- Cross-page "liquid reveal" transitions (View Transitions API) ---- */
@view-transition{navigation:auto}
.site-header{view-transition-name:site-header}
.topbar{view-transition-name:topbar}
.vt-title{view-transition-name:page-title}
::view-transition-group(page-title){animation-duration:.6s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
::view-transition-old(root){animation:vt-out .5s cubic-bezier(.7,0,.3,1) both}
::view-transition-new(root){animation:vt-in .75s cubic-bezier(.2,.8,.2,1) both}
@keyframes vt-out{to{opacity:0;transform:scale(.97);filter:blur(10px) saturate(1.4)}}
@keyframes vt-in{from{clip-path:circle(0% at var(--vx,50%) var(--vy,40%));filter:blur(14px)}to{clip-path:circle(150% at var(--vx,50%) var(--vy,40%));filter:blur(0)}}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}

/* ---- Liquid background blobs ---- */
.bg-liquid{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.bg-liquid i{position:absolute;width:42vmax;height:42vmax;border-radius:42% 58% 63% 37%/41% 44% 56% 59%;filter:blur(60px);opacity:.22;animation:blob 26s ease-in-out infinite alternate;will-change:transform}
.bg-liquid i:nth-child(1){background:#FF3B30;top:-14vmax;left:-10vmax}
.bg-liquid i:nth-child(2){background:#0B0B0F;opacity:.08;top:30vh;right:-16vmax;animation-duration:32s;animation-delay:-8s}
.bg-liquid i:nth-child(3){background:#FF6A5F;bottom:-18vmax;left:30vw;opacity:.14;animation-duration:38s;animation-delay:-14s}
@keyframes blob{0%{transform:translate(0,0) rotate(0) scale(1);border-radius:42% 58% 63% 37%/41% 44% 56% 59%}50%{transform:translate(6vmax,4vmax) rotate(40deg) scale(1.1);border-radius:58% 42% 38% 62%/57% 36% 64% 43%}100%{transform:translate(-4vmax,8vmax) rotate(90deg) scale(.95);border-radius:36% 64% 52% 48%/48% 62% 38% 52%}}

/* ---- Scroll reveal (added by JS, so content never hides without JS) ---- */
.rv{opacity:0;transform:translateY(28px) scale(.985);filter:blur(6px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1),filter .8s;transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none;filter:none}

/* ---- Liquid-glass spotlight that follows the pointer ---- */
.glass{--mx:50%;--my:-30%}
.glass.spot::after{background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,255,255,.55),rgba(255,59,48,.08) 35%,transparent 60%)}
.glass--dark.spot::after{background:radial-gradient(380px circle at var(--mx) var(--my),rgba(255,59,48,.22),transparent 55%)}

/* ---- 3D tilt ---- */
[data-tilt]{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
[data-tilt].tilting{transition:transform .08s linear}

/* ---- Buttons: liquid sheen sweep ---- */
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.55) 45%,transparent 70%);transform:translateX(-120%);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.btn:hover::after{transform:translateX(120%)}
.btn--red::after,.btn--dark::after{background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.35) 45%,transparent 70%)}

/* ---- Hot package: rotating liquid border ---- */
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
.pkg--hot{border:1px solid transparent;background:linear-gradient(150deg,rgba(255,255,255,.88),rgba(255,233,231,.7)) padding-box,conic-gradient(from var(--ang),#FF3B30,#fff,#0B0B0F,#fff,#FF3B30) border-box;animation:spin 6s linear infinite}
@keyframes spin{to{--ang:360deg}}
.pkg__dl{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.82rem;color:var(--muted);margin-top:-4px}
.pkg__dl b{padding:.2em .6em;border-radius:999px;background:var(--red-soft);color:var(--red-d)}

/* ---- Header logo ---- */
.brand__img{height:44px;width:auto;max-width:190px;object-fit:contain}
.brand__txt{font-weight:900;color:var(--ink)}
.brand--foot{display:inline-flex;padding:10px 16px;border-radius:16px;background:#fff;box-shadow:0 10px 30px -12px rgba(0,0,0,.6)}
.brand--foot .brand__img{height:40px}
.gplay{display:inline-block;margin-top:8px}
.gplay img{height:46px;width:auto}

/* ---- Hero additions ---- */
.hero__sub{font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:800;color:var(--ink);margin:-.2em 0 .6em}
.kicker{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}
.darkpanel{padding:clamp(28px,5vw,64px);border-radius:var(--r-lg)}
.chip--red{background:var(--red);color:#fff;border-color:var(--red)}
.chip--red svg{color:#fff}
a.chip--red:hover{color:#fff}

/* ---- Photo frames ---- */
.photo{position:relative;margin:0;border-radius:var(--r);overflow:hidden;background:linear-gradient(140deg,#fff,#FFE3E0 60%,#F3F3F7);border:1px solid #fff;box-shadow:var(--shadow)}
.photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.photo:hover img,.lift:hover .photo img{transform:scale(1.05)}
.photo__shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.45) 0%,transparent 28%,transparent 72%,rgba(255,255,255,.18));mix-blend-mode:soft-light}
.photo--x::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E10600' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M2.5 9a14 14 0 0 1 19 0M5.5 12.3a9.5 9.5 0 0 1 13 0M8.6 15.5a5 5 0 0 1 6.8 0'/%3E%3Ccircle cx='12' cy='19' r='1.2' fill='%23E10600'/%3E%3C/svg%3E") center/64px no-repeat}

/* ---- Orb visual (3D icon in liquid rings) ---- */
.visual svg{width:100%;max-width:520px;margin-inline:auto;filter:drop-shadow(0 30px 40px rgba(11,11,15,.16))}
.orb{position:relative;aspect-ratio:1;max-width:420px;margin-inline:auto;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,rgba(255,233,231,.9) 45%,rgba(255,59,48,.25) 75%,transparent 76%)}
.orb__ring{position:absolute;inset:6%;border-radius:50%;border:1.5px dashed rgba(225,6,0,.35);animation:rot 28s linear infinite}
.orb__ring--2{inset:18%;border:1px solid rgba(11,11,15,.12);animation-duration:18s;animation-direction:reverse}
@keyframes rot{to{transform:rotate(360deg)}}
.orb__ico{width:44%;height:auto;filter:drop-shadow(0 26px 30px rgba(225,6,0,.35));animation:float 6s ease-in-out infinite}
.orb__chip{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:.5em .9em;border-radius:999px;font-weight:800;font-size:.85rem;color:var(--ink);background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #fff;box-shadow:var(--shadow);animation:float 7s ease-in-out infinite}
.orb__chip svg{width:16px;height:16px;color:var(--red)}
.orb__chip--a{top:14%;right:2%}.orb__chip--b{bottom:16%;left:0;animation-delay:-3s}

/* ---- Alternating sections ---- */
.section--alt{padding:clamp(28px,4vw,56px) 0}
.split--rev>:first-child{order:2}
@media (max-width:900px){.split--rev>:first-child{order:0}}

/* ---- Timeline ---- */
.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;counter-reset:t;position:relative}
.timeline::before{content:"";position:absolute;left:4%;right:4%;top:44px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--red),#0B0B0F,var(--red),transparent);background-size:200% 100%;animation:flow 4s linear infinite;opacity:.55}
@keyframes flow{to{background-position:-200% 0}}
.tl{padding:22px;position:relative}
.tl__n{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;font-weight:900;color:#fff;background:linear-gradient(180deg,#FF2A1F,#B80500);box-shadow:var(--shadow-red),inset 0 1px 0 rgba(255,255,255,.45);margin-bottom:12px;position:relative;z-index:1}
.tl h3{font-size:1.05rem;margin:0 0 .35em}
.tl p{color:var(--muted);font-size:.93rem;margin:0}
@media (max-width:700px){.timeline::before{display:none}}

/* ---- Problems ---- */
.problem{position:relative}
.problem__x{position:absolute;top:16px;right:16px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:900;color:var(--red);background:var(--red-soft)}

/* ---- Audience cards ---- */
.aud{padding:10px 10px 18px;border-radius:var(--r);text-align:center}
.aud .photo{border-radius:16px;margin-bottom:12px}
.aud h3{font-size:1.02rem;margin:0}

/* ---- Video frames ---- */
.vframe{padding:8px;border-radius:var(--r);overflow:hidden}
.vid{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;background:linear-gradient(140deg,#16161C,#3A0A08)}
.vpoints{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.vpoints li{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:18px}
.vpoints strong{font-size:1.1rem;color:var(--ink)}

/* ---- Package finder ---- */
.finder{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:center;padding:clamp(24px,4vw,52px);border-radius:var(--r-lg)}
.finder h2{color:#fff}
.finder fieldset{border:0;padding:0;margin:0 0 16px}
.finder legend{font-weight:700;color:#fff;margin-bottom:8px}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg label{cursor:pointer}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:inline-block;padding:.6em 1.05em;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#E6E6EE;font-weight:600;font-size:.92rem;transition:.25s}
.seg input:checked+span{background:linear-gradient(180deg,#FF2A1F,#C70500);border-color:transparent;color:#fff;box-shadow:var(--shadow-red)}
.seg input:focus-visible+span{outline:3px solid #fff;outline-offset:2px}
.finder__res{padding:28px;color:var(--ink);background:linear-gradient(150deg,rgba(255,255,255,.95),rgba(255,233,231,.85));text-align:left}
.finder__res h3{font-size:1.5rem;margin:12px 0 4px}
.finder__res .pkg__speed b{font-size:2.6rem}
.finder__price b{font-size:1.6rem;color:var(--ink)}
.finder__res.pop{animation:pop .5s cubic-bezier(.2,.8,.2,1)}
@keyframes pop{0%{transform:scale(.96);filter:blur(4px)}100%{transform:none;filter:none}}
@media (max-width:860px){.finder{grid-template-columns:1fr}}

/* ---- Area photo cards ---- */
.acard{overflow:hidden;padding:0;display:flex;flex-direction:column;color:inherit}
.acard .photo{border-radius:0;border:0;box-shadow:none}
.acard__body{padding:20px 22px 22px;position:relative}
.acard__pin{position:absolute;top:-22px;right:18px;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#FF2A1F,#B80500);box-shadow:var(--shadow-red)}
.acard__pin svg{width:22px;height:22px}
.acard h3{margin:0 0 6px;font-size:1.25rem}
.acard p{color:var(--muted);font-size:.93rem}
.acard .more{font-weight:700;color:var(--red)}
.acard .more::after{content:" →"}

/* ---- Misc new ---- */
.values{grid-template-columns:repeat(5,1fr)}
@media (max-width:1080px){.values{grid-template-columns:repeat(3,1fr)}}
@media (max-width:620px){.values{grid-template-columns:1fr 1fr}}
.mv h2{font-size:1.5rem;margin-top:14px}
.member--light img{background:#fff;border:1px solid var(--line);height:44px}
.flist--dark a{color:var(--ink);font-weight:700}
.flist--dark a:hover{color:var(--red)}
.map-wrap{padding:8px;border-radius:var(--r)}
.logo-tile--big{width:auto;height:120px}
.quickpay p{color:rgba(255,255,255,.9)}
.quickpay .consent{font-size:.85rem;margin-top:16px}
.quickpay .consent a{color:#fff;text-decoration:underline}
.quickpay .eyebrow{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#fff}
.paylogo{height:60px;width:auto;margin:12px auto}
.paymethods{height:40px;width:auto;margin:10px auto 0}
.phones{list-style:none;margin:0;padding:6px 4px 22px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory}
.phone{scroll-snap-align:start;padding:18px;display:flex;flex-direction:column;gap:12px}
.phone__screen{aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:linear-gradient(160deg,#E2136E,#B3004F);border:6px solid #0B0B0F;box-shadow:var(--shadow)}
.phone__screen img{width:100%;height:100%;object-fit:cover}
.phone p{font-size:.93rem;margin:0}
.legal{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}
.legal__toc{position:sticky;top:110px;padding:20px;border-radius:var(--r)}
.legal__toc ol{margin:.6em 0 0;padding-left:1.2em;display:grid;gap:6px;font-size:.92rem}
.legal__toc a{color:var(--ink-2)}
.legal__toc a:hover{color:var(--red)}
.legal .prose{max-width:none}
@media (max-width:900px){.legal{grid-template-columns:1fr}.legal__toc{position:static}}
.avatar{position:relative;overflow:hidden}
.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jumpnav{position:sticky;top:86px;z-index:20}
@media (max-width:820px){.jumpnav{position:static}}

/* Reduced motion: stop decorative motion */
@media (prefers-reduced-motion:reduce){.bg-liquid i,.pkg--hot,.orb__ring,.orb__ico,.orb__chip,.timeline::before{animation:none!important}.rv{opacity:1;transform:none;filter:none}}

/* v2 fixes */
.nav a{white-space:nowrap}
@media (max-width:1280px){.nav a{padding:.6em .6em;font-size:.9rem}}
@media (min-width:1081px) and (max-width:1240px){.nav-cta .btn--hide-m{display:none}}
.finder__res h3,.finder__res .pkg__speed b{color:var(--ink)}
.finder__res .muted{color:var(--muted)}
.pkg--hot{background:linear-gradient(150deg,#fff,#FFF1EF) padding-box,conic-gradient(from var(--ang),#FF3B30,#fff,#0B0B0F,#fff,#FF3B30) border-box}
.card>.eyebrow,.card>.btn,.card>.gplay,.card>.btns{align-self:flex-start}
.card.center>*{align-self:center}
.orb{background:radial-gradient(circle at 35% 30%,#fff,rgba(255,233,231,.9) 40%,rgba(255,59,48,.18) 62%,rgba(255,59,48,0) 71%)}
.img-x{visibility:hidden}
@media (max-width:700px){.tabs__list{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.tabs__list::-webkit-scrollbar{display:none}.tabs__btn{flex:0 0 auto}}

/* =====================================================================
   ELITE LIQUID — full liquid glass on white
   Every surface (header, cards, panels, buttons, footer) is refractive
   white glass floating over a luminous white canvas with soft red light.
   ===================================================================== */
:root{
  --glass:rgba(255,255,255,.42);--glass-2:rgba(255,255,255,.16);--glass-brd:rgba(255,255,255,.95);
  --blur:28px;
  --lg-rim:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1px -1px 0 rgba(255,255,255,.55),inset 0 0 0 1px rgba(255,255,255,.35);
  --lg-depth:0 30px 60px -30px rgba(120,10,0,.22),0 12px 24px -16px rgba(11,11,15,.18),0 2px 6px rgba(11,11,15,.04);
  --shadow:var(--lg-rim),var(--lg-depth);
}
body{background:#fff}
body::before{background:
  radial-gradient(40vmax 40vmax at 6% 4%,rgba(255,59,48,.20),transparent 62%),
  radial-gradient(34vmax 34vmax at 98% 22%,rgba(255,150,140,.20),transparent 62%),
  radial-gradient(38vmax 38vmax at 78% 96%,rgba(225,6,0,.14),transparent 60%),
  radial-gradient(30vmax 30vmax at 12% 86%,rgba(140,140,160,.12),transparent 60%),#fff}
/* faint dot grid gives the glass something to bend */
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(11,11,15,.09) 1px,transparent 1.2px);background-size:26px 26px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000,transparent 75%);mask-image:radial-gradient(ellipse at 50% 30%,#000,transparent 75%)}

/* more, softer liquid blobs (red + pearl) */
.bg-liquid i{opacity:.32;filter:blur(70px)}
.bg-liquid i:nth-child(2){background:#FFB3AC;opacity:.4}
.bg-liquid i:nth-child(4){background:#E10600;width:24vmax;height:24vmax;top:55vh;left:-6vmax;opacity:.16;animation-duration:30s;animation-delay:-5s}
.bg-liquid i:nth-child(5){background:#D9D9E6;width:30vmax;height:30vmax;top:8vh;right:20vw;opacity:.5;animation-duration:34s;animation-delay:-20s}

/* ---- The liquid glass material ---- */
.glass{
  background:linear-gradient(135deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.28) 45%,rgba(255,255,255,.18) 100%);
  -webkit-backdrop-filter:blur(var(--blur)) saturate(200%) brightness(1.06);backdrop-filter:blur(var(--blur)) saturate(200%) brightness(1.06);
  border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow)}
/* specular highlight + caustic edge */
.glass::before{background:
  linear-gradient(160deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.25) 18%,transparent 40%),
  radial-gradient(120% 60% at 100% 100%,rgba(255,59,48,.10),transparent 60%)}
.glass::after{box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -12px 24px -18px rgba(255,59,48,.25),inset 0 0 0 1px rgba(255,255,255,.4)}
.glass.spot::after{background:radial-gradient(360px circle at var(--mx) var(--my),rgba(255,255,255,.8),rgba(255,255,255,.15) 35%,transparent 60%);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.6)}

/* Real refraction (Chromium): background bends through key glass surfaces */
.lg-refract .nav-shell,.lg-refract .hero__copy,.lg-refract .phero__card,.lg-refract .cta,.lg-refract .finder,.lg-refract .darkpanel,.lg-refract .tabs__list{
  -webkit-backdrop-filter:url(#lg-refract) blur(18px) saturate(210%) brightness(1.06);backdrop-filter:url(#lg-refract) blur(18px) saturate(210%) brightness(1.06)}

/* ---- Dark surfaces become white liquid glass ---- */
.glass--dark,.glass--dark.card{background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,240,238,.25));color:var(--ink-2);border-color:rgba(255,255,255,.95)}
.glass--dark::before{background:linear-gradient(160deg,rgba(255,255,255,.9),transparent 38%),radial-gradient(90% 70% at 0% 100%,rgba(255,59,48,.14),transparent 60%)}
.glass--dark h2,.glass--dark h3,.glass--dark strong,.finder h2,.finder legend{color:var(--ink)}
.glass--dark p,.glass--dark .card p,.darkpanel .shead p{color:var(--muted)}
.glass--dark .eyebrow{background:rgba(255,255,255,.7);border-color:rgba(225,6,0,.2);color:var(--red)}
.glass--dark.spot::after{background:radial-gradient(360px circle at var(--mx) var(--my),rgba(255,255,255,.8),transparent 55%)}
.darkpanel{background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(255,228,225,.18))}
.seg span{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.95);color:var(--ink);box-shadow:var(--lg-rim)}

/* ---- Red glass (CTA, quick pay) ---- */
.glass--red{background:linear-gradient(135deg,rgba(255,70,58,.78),rgba(200,6,0,.62));border-color:rgba(255,255,255,.55)}
.glass--red::before{background:linear-gradient(160deg,rgba(255,255,255,.45),transparent 35%)}

/* ---- Liquid glass buttons ---- */
.btn--red{color:#fff;background:linear-gradient(180deg,rgba(255,80,68,.92),rgba(225,6,0,.85) 55%,rgba(170,4,0,.9));
  -webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);
  box-shadow:inset 1px 1.5px 0 rgba(255,255,255,.65),inset -1px -1px 0 rgba(120,0,0,.35),0 14px 30px -12px rgba(225,6,0,.6)}
.btn--dark{color:var(--ink);background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.35));
  -webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);
  border:1px solid rgba(255,255,255,.95);box-shadow:var(--lg-rim),0 12px 26px -14px rgba(11,11,15,.35)}
.btn--dark:hover{color:var(--red)}
.btn--glass{background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.4));box-shadow:var(--lg-rim),0 12px 26px -14px rgba(11,11,15,.3)}
.cta .btn--dark{color:#fff;background:rgba(11,11,15,.55);border-color:rgba(255,255,255,.35)}
.tabs__btn[aria-selected="true"]{background:linear-gradient(180deg,rgba(255,80,68,.92),rgba(200,6,0,.88));box-shadow:inset 1px 1.5px 0 rgba(255,255,255,.6),0 10px 22px -10px rgba(225,6,0,.6)}

/* ---- Top bar & footer: frosted white glass instead of black ---- */
.topbar{background:rgba(255,255,255,.45);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);color:var(--muted);border-bottom:1px solid rgba(255,255,255,.9)}
.topbar a{color:var(--ink);font-weight:600}
.topbar a:hover{color:var(--red)}
.site-footer{position:relative;color:var(--muted);margin:clamp(40px,6vw,80px) 16px 16px;border-radius:32px;overflow:hidden;
  background:linear-gradient(135deg,rgba(255,255,255,.6),rgba(255,236,234,.3));
  -webkit-backdrop-filter:blur(30px) saturate(200%);backdrop-filter:blur(30px) saturate(200%);
  border:1px solid rgba(255,255,255,.95);box-shadow:var(--shadow)}
.site-footer::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 70% at 100% 0%,rgba(255,59,48,.16),transparent 60%),linear-gradient(160deg,rgba(255,255,255,.8),transparent 30%)}
.site-footer>*{position:relative}
.site-footer a{color:var(--ink)}
.site-footer a:hover{color:var(--red)}
.site-footer h2{color:var(--ink)}
.site-footer strong[style]{color:var(--ink)!important}
.fbottom{border-top-color:rgba(11,11,15,.08)}
.socials a{background:rgba(255,255,255,.6);border-color:#fff;color:var(--ink);box-shadow:var(--lg-rim)}
.socials a:hover{color:#fff}
.brand--foot{background:rgba(255,255,255,.7);box-shadow:var(--lg-rim)}
.member img{border:1px solid rgba(11,11,15,.06)}

/* ---- Glass everywhere else ---- */
.chip,.eyebrow{background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);box-shadow:var(--lg-rim),0 6px 14px -10px rgba(11,11,15,.3)}
.form input,.form select,.form textarea{background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 2px 6px rgba(11,11,15,.06),inset 0 -1px 0 rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.faq summary::after{background:linear-gradient(180deg,rgba(255,80,68,.95),rgba(200,6,0,.9));box-shadow:inset 1px 1px 0 rgba(255,255,255,.6)}
.trust div{background:rgba(255,255,255,.35);box-shadow:var(--lg-rim)}
.tl__n,.acard__pin{background:linear-gradient(180deg,rgba(255,80,68,.95),rgba(200,6,0,.9));box-shadow:inset 1px 1.5px 0 rgba(255,255,255,.6),0 10px 22px -10px rgba(225,6,0,.6)}
.pkg--hot{background:linear-gradient(150deg,rgba(255,255,255,.75),rgba(255,236,233,.55)) padding-box,conic-gradient(from var(--ang),#FF3B30,#fff,#FFB3AC,#fff,#FF3B30) border-box}
.phone__screen{border-color:rgba(255,255,255,.95);box-shadow:var(--lg-rim),0 20px 40px -20px rgba(11,11,15,.4)}
.vid{background:linear-gradient(140deg,rgba(255,255,255,.6),rgba(255,200,195,.5))}
.fab{background:linear-gradient(180deg,rgba(255,80,68,.92),rgba(200,6,0,.88));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 1px 1.5px 0 rgba(255,255,255,.6),0 14px 30px -10px rgba(225,6,0,.6)}

/* floating glass bubbles in heroes */
.hero__visual::before,.hero__visual::after,.phero__visual::before{content:"";position:absolute;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.95),rgba(255,255,255,.25) 40%,rgba(255,90,80,.12) 70%,rgba(255,255,255,.4));
  box-shadow:inset -6px -10px 18px rgba(255,59,48,.18),inset 4px 6px 10px rgba(255,255,255,.9),0 18px 30px -18px rgba(225,6,0,.35);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:float 9s ease-in-out infinite}
.hero__visual::before{width:90px;height:90px;top:4%;left:2%}
.hero__visual::after{width:46px;height:46px;bottom:10%;right:6%;animation-delay:-4s}
.phero__visual{position:relative}
.phero__visual::before{width:64px;height:64px;top:0;right:4%;animation-delay:-2s}
@media (prefers-reduced-transparency:reduce){.site-footer,.topbar{background:#fff}}
@media (max-width:700px){:root{--blur:18px}.site-footer{margin:40px 8px 8px;border-radius:24px}}

/* =====================================================================
   FIBRE JOURNEY — scroll-driven hero
   ===================================================================== */
.journey{position:relative;margin-top:-10px}
:is(.jr .journey,.journey.is-on){height:820vh}
.journey__sticky{position:relative;height:100vh;min-height:560px;overflow:hidden}
:is(.jr .journey,.journey.is-on) .journey__sticky{position:sticky;top:0}
.journey__stage{position:absolute;inset:0}
.jw{width:100%;height:100%;display:block}
html:not(.jr) .journey:not(.is-on) .journey__sticky{height:auto;min-height:0;display:grid;gap:20px;padding:20px 0 40px}
html:not(.jr) .journey:not(.is-on) .journey__stage{position:relative;height:60vh}
html:not(.jr) .journey:not(.is-on) .jcap:not(.jcap--hero),html:not(.jr) .journey:not(.is-on) .jrail,html:not(.jr) .journey:not(.is-on) .jhint,html:not(.jr) .journey:not(.is-on) .jbar{display:none}

/* captions */
.jcaps{position:absolute;left:max(16px,calc((100vw - 1200px)/2));top:calc(50% + 46px);transform:translateY(-50%);width:min(460px,calc(100vw - 32px));z-index:3}
.jcap{position:absolute;left:0;top:50%;width:100%;padding:clamp(22px,3vw,36px);border-radius:28px;opacity:0;visibility:hidden;transform:translate(-24px,-50%) scale(.97);filter:blur(8px);transition:opacity .55s cubic-bezier(.2,.8,.2,1),transform .55s cubic-bezier(.2,.8,.2,1),filter .55s,visibility 0s .55s}
.jcap.is-active{opacity:1;visibility:visible;transform:translate(0,-50%);filter:none;transition-delay:0s}
html:not(.jr) .journey:not(.is-on) .jcap--hero{position:relative;top:auto;transform:none;opacity:1;visibility:visible;filter:none}
html:not(.jr) .journey:not(.is-on) .jcaps{position:relative;left:auto;top:auto;transform:none;margin:0 auto;width:min(1200px,calc(100vw - 32px))}
.jcap h1{font-size:clamp(1.9rem,3.2vw,2.8rem);margin:.4em 0 .25em}
.jcap--hero .hero__lead{font-size:1rem;margin-bottom:1.1em}
@media (max-height:760px) and (min-width:861px){.jcap--hero .hero__lead{display:none}}
.jcap h2{font-size:clamp(1.5rem,2.4vw,2.1rem);margin:.5em 0 .3em}
.jcap p{color:var(--muted)}
.jcap__top{display:flex;align-items:center;justify-content:space-between}
.jcap__n{font-weight:900;font-size:1.6rem;color:var(--red);letter-spacing:-.02em}
.jcap__n small{font-size:.9rem;color:var(--muted)}
.jspeed{display:flex;align-items:baseline;gap:8px;margin:4px 0 16px}
.jspeed b{font-size:3.2rem;font-weight:900;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.jspeed span{color:var(--red);font-weight:800}

/* rail + progress + hint */
.jrail{position:absolute;right:max(16px,calc((100vw - 1200px)/2));top:50%;transform:translateY(-50%);list-style:none;margin:0;padding:10px 8px;display:grid;gap:12px;border-radius:999px;background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--lg-rim),0 10px 24px -14px rgba(11,11,15,.3);z-index:3}
.jrail li{width:10px;height:10px;border-radius:50%;background:rgba(11,11,15,.15);transition:.3s}
.jrail li.on{background:var(--red);box-shadow:0 0 0 4px rgba(225,6,0,.18)}
.jbar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(11,11,15,.05);z-index:3}
.jbar i{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#FF3B30,#E10600)}
.jhint{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);padding:.6em 1.1em;border-radius:999px;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--lg-rim);z-index:3;transition:opacity .4s}
.jhint__mouse{width:16px;height:24px;border:2px solid var(--ink);border-radius:10px;position:relative}
.jhint__mouse::after{content:"";position:absolute;left:50%;top:4px;width:3px;height:6px;margin-left:-1.5px;border-radius:2px;background:var(--red);animation:wheel 1.4s ease-in-out infinite}
@keyframes wheel{0%{opacity:0;transform:translateY(-2px)}40%{opacity:1}100%{opacity:0;transform:translateY(8px)}}
.journey.past-start .jhint{opacity:0}

/* scene animation states */
.jc-blink{animation:jblink 1.6s steps(2,end) infinite}
@keyframes jblink{50%{opacity:.25}}
.jc-rings circle{fill:none;stroke:#FF3B30;stroke-width:2.5;transform-box:fill-box;transform-origin:center;animation:jring 3s ease-out infinite}
@keyframes jring{0%{transform:scale(.4);opacity:.9}100%{transform:scale(4);opacity:0}}
.jc-flow{opacity:0;transition:opacity .4s;animation:jflow 1.1s linear infinite}
.jc-flow.live{opacity:.95}
@keyframes jflow{to{stroke-dashoffset:-54}}
.jc-head{opacity:0;transition:opacity .25s}
.jc-head.on{opacity:1}
.jc-tj-door{transform-box:fill-box;transform-origin:left center;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.st-4 .jc-tj-door{transform:scaleX(.12) skewY(-6deg)}
.jc-halo{opacity:0;transition:opacity .6s}
.st-4 .jc-halo{opacity:1;animation:jpulse 1.8s ease-in-out infinite}
.st-5 .jc-halo{opacity:.35}
@keyframes jpulse{50%{opacity:.4}}
.jc-onu-led,.jc-rt-led{fill:#C9CDD8;transition:fill .4s}
.st-5 .jc-onu-led{fill:#22C55E}
.st-6 .jc-rt-led{fill:#22C55E}
.jc-wifi path{opacity:0}
.st-7 .jc-wifi path{animation:jwave 1.6s ease-out infinite}
@keyframes jwave{0%{opacity:0}30%{opacity:1}100%{opacity:0}}
.jc-screen{opacity:0;transition:opacity .6s}
.st-7 .jc-screen{opacity:1}
.jc-badge{opacity:0;transform:translateY(10px);transform-box:fill-box;transition:opacity .5s,transform .5s}
.st-7 .jc-badge{opacity:1;transform:none}

.trust--wide{grid-template-columns:repeat(4,1fr);max-width:900px;margin:0 auto}
.trust--wide div{text-align:center;padding:16px}
@media (max-width:600px){.trust--wide{grid-template-columns:1fr 1fr}}

/* mobile: scene on top, caption at bottom */
@media (max-width:860px){
  :is(.jr .journey,.journey.is-on){height:760vh}
  :is(.jr .journey,.journey.is-on) .journey__stage{inset:70px 0 auto 0;height:52%}
  .jcaps{left:12px;right:12px;width:auto;top:auto;bottom:14px;transform:none;height:44%}
  .jcap{top:auto;bottom:0;transform:translateY(16px) scale(.97);padding:20px;max-height:100%;overflow:auto}
  .jcap.is-active{transform:none}
  .jcap h1{font-size:1.7rem}
  .jcap--hero .hero__lead{display:none}
  .jrail{right:8px;top:90px;transform:none;gap:8px;padding:8px 6px}
  .jrail li{width:8px;height:8px}
  .jhint{display:none}
  .jspeed b{font-size:2.4rem}
}
@media (prefers-reduced-motion:reduce){.jc-blink,.jc-rings circle,.jc-flow,.st-7 .jc-wifi path{animation:none}.st-7 .jc-wifi path{opacity:1}}

/* ---- AEO quick answer + key facts ---- */
.answer-wrap{padding-top:clamp(8px,2vw,20px)}
.answer-box{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(18px,3vw,36px);padding:clamp(22px,3vw,36px);border-radius:var(--r-lg)}
.answer-box__label{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.answer-box__label svg{width:16px;height:16px}
.answer-box__text{font-size:clamp(1.02rem,1.4vw,1.14rem);line-height:1.7;color:var(--ink);margin:.6em 0 .8em}
.answer-box__meta{font-size:.82rem;color:var(--muted);margin:0}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;align-content:start}
.facts div{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.95);box-shadow:var(--lg-rim)}
.facts dt{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--red);margin:0 0 3px}
.facts dd{margin:0;font-size:.9rem;font-weight:600;color:var(--ink);line-height:1.4}
@media (max-width:900px){.answer-box{grid-template-columns:1fr}}
@media (max-width:480px){.facts{grid-template-columns:1fr}}
.faq details[lang="bn"] summary,.faq details[lang="bn"] .ans{font-family:"Hind Siliguri","Noto Sans Bengali",var(--font)}

/* ---- Google Business Profile: NAP, rating, office card ---- */
.nap{font-style:normal;display:grid;gap:4px;font-size:1rem;color:var(--ink-2);line-height:1.5}
.nap strong{font-size:1.2rem;color:var(--ink);letter-spacing:-.02em}
.nap a{color:var(--red);font-weight:750}
.nap__area{font-size:.88rem;color:var(--muted)}
.nap__open{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#05603A}
.nap__open i{width:9px;height:9px;border-radius:50%;background:#12B76A;box-shadow:0 0 0 4px rgba(18,183,106,.18)}
.nap--dark{color:#C9C9D4;font-size:.93rem;margin-bottom:10px}
.nap--dark strong{color:#fff;font-size:1rem}
.nap--dark .nap__area{color:#9C9CAA}
.nap--dark a{color:#fff}
.nap--dark .nap__open{color:#6CE9A6}
.grating{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;width:fit-content;color:var(--ink);text-decoration:none}
.grating b{font-size:1.15rem;font-weight:900}
.grating .stars{letter-spacing:1px;color:#FFB020}
.grating__n{font-size:.86rem;color:var(--muted);font-weight:650}
.grating__g{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:.95rem;color:#fff;background:conic-gradient(#EA4335 0 25%,#FBBC05 0 50%,#34A853 0 75%,#4285F4 0)}
.grating--sm{padding:8px 12px;gap:8px}
.reviews-rating{display:flex;justify-content:center;margin:-10px 0 26px}
.gbp{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(16px,2.6vw,30px);padding:clamp(14px,2vw,22px)}
.gbp__info{display:grid;gap:18px;align-content:center;padding:clamp(10px,2vw,22px)}
.gbp__map{border-radius:20px;overflow:hidden;min-height:380px;background:linear-gradient(135deg,#FFE9E7,#fff)}
.gbp__map iframe{width:100%;height:100%;min-height:380px;border:0;display:block}
@media (max-width:900px){.gbp{grid-template-columns:1fr}}
.cinfo{display:grid;margin:0}
.cinfo>div{display:grid;grid-template-columns:260px 1fr;gap:16px;padding:14px 4px;border-top:1px solid var(--line)}
.cinfo>div:first-child{border-top:0}
.cinfo dt{font-weight:750;color:var(--ink)}
.cinfo dd{margin:0;color:var(--ink-2)}
.cinfo a{color:var(--red);font-weight:650}
@media (max-width:640px){.cinfo>div{grid-template-columns:1fr;gap:4px}}
.site-footer .nap{margin-bottom:10px;font-size:.93rem}.site-footer .nap strong{font-size:1rem}

/* Office finder: every Google Business Profile location */
.ofr{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(14px,2vw,24px);padding:clamp(12px,1.6vw,18px)}
.ofr__list{list-style:none;margin:0;padding:4px;display:grid;gap:10px;align-content:start}
.ofr--one .ofr__list{align-content:center}
.ofr__item{position:relative;border-radius:calc(var(--r) - 10px);padding:16px 18px;background:rgba(255,255,255,.42);box-shadow:inset 0 0 0 1px var(--line);transition:background .4s,box-shadow .4s,transform .5s cubic-bezier(.34,1.56,.64,1)}
.ofr__item:not(.is-on):hover{transform:translateY(-2px);background:rgba(255,255,255,.75)}
.ofr__item.is-on{background:#fff;box-shadow:inset 0 0 0 1.5px rgba(225,6,0,.5),var(--shadow)}
.ofr--one .ofr__item{background:transparent;box-shadow:none;padding:clamp(8px,1.6vw,18px)}
.ofr__pick{position:absolute;inset:0;z-index:1;border:0;background:none;cursor:pointer;border-radius:inherit;padding:0;min-height:0}
.ofr__item.is-on .ofr__pick{cursor:default}
.ofr__nap{font-style:normal;display:grid;gap:3px;font-size:.93rem;line-height:1.45;color:var(--ink-2)}
.ofr__nap a,.ofr__more{position:relative;z-index:2}
.ofr__top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.ofr__top strong{color:var(--ink);font-size:1.02rem;letter-spacing:-.01em}
.ofr--one .ofr__top strong{font-size:1.3rem;letter-spacing:-.02em}
.ofr__tag{font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,var(--red-2),var(--red));padding:3px 9px;border-radius:999px}
.ofr__area{font-size:.82rem;color:var(--muted)}
.ofr__meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-top:4px}
.ofr__meta a{color:var(--red);font-weight:750}
.ofr__st{display:inline-flex;align-items:center;gap:7px;font-size:.84rem;font-weight:700;color:var(--muted)}
.ofr__st i{width:8px;height:8px;border-radius:50%;background:#B0B0BC;flex:none}
.ofr__st--open{color:#05603A}.ofr__st--open i{background:#12B76A}
.ofr__st--soon{color:#B54708}.ofr__st--soon i{background:#F79009}
.ofr__st--closed{color:#B42318}.ofr__st--closed i{background:#F04438}
.ofr__more{display:grid;gap:12px;margin-top:14px;justify-items:start}
.ofr__more[hidden]{display:none}
.ofr__more .btns{gap:8px;margin:0}
.ofr__rate{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;color:var(--muted);font-weight:650}
.ofr__rate b{color:var(--ink);font-size:1rem}
.ofr__rate .stars{color:#F5A700;letter-spacing:1px}
.ofr__rate .grating__g{width:22px;height:22px;font-size:.78rem}
.ofr__rate--new{color:var(--ink);font-weight:700}
.ofr__map{position:sticky;top:96px;align-self:start;height:min(580px,calc(100vh - 120px));min-height:420px;contain:paint}
.ofr--one .ofr__map{position:relative;top:auto;align-self:stretch;height:auto;min-height:440px}
.ofr__map iframe{height:100%;min-height:0}
.ofr--one .ofr__map iframe{min-height:440px}
.ofr__pin{position:absolute;left:14px;bottom:14px;max-width:calc(100% - 28px);padding:8px 14px;border-radius:999px;font-size:.84rem;color:var(--ink-2);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ofr__pin b{color:var(--ink)}
@media (max-width:900px){.ofr{grid-template-columns:1fr}.ofr__map,.ofr--one .ofr__map{order:-1;position:relative;top:auto;height:320px;min-height:0}.ofr__map iframe,.ofr--one .ofr__map iframe{min-height:0;height:100%}}
::view-transition-old(ofr-map){animation:ofr-out .32s cubic-bezier(.55,0,.75,.2) both}
::view-transition-new(ofr-map){animation:ofr-in .6s cubic-bezier(.16,1,.3,1) both}
@keyframes ofr-out{to{opacity:0;transform:scale(.965);filter:blur(6px)}}
@keyframes ofr-in{from{opacity:0;transform:scale(1.035);filter:blur(10px)}}
.nap__hrs{font-weight:650;color:var(--ink-2)}
.nap--dark .nap__hrs{color:#C9C9D4}
/* office cards (coverage hub) */
.ofc__card{display:flex;flex-direction:column;gap:6px}
.ofc__card h3{margin:2px 0 0}
.ofc__tag{font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--red)}
.ofc__addr{margin:0;font-size:.92rem;color:var(--ink-2)}
.ofc__meta{margin:0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.88rem;color:var(--muted)}
.ofc__meta a{color:var(--ink);font-weight:750}
.ofc__links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-weight:700;font-size:.9rem}
.ofc__links a{display:inline-flex;align-items:center;gap:6px;color:var(--red)}
.ofc__links svg{width:16px;height:16px}
/* footer: branch offices */
.ftr__branches{margin:4px 0 12px;font-size:.86rem;color:var(--muted);line-height:1.6}
.ftr__branches a{color:var(--ink);font-weight:600}
.nap--dark+.ftr__branches{color:#9C9CAA}
.nap--dark+.ftr__branches a{color:#E4E4EA}

/* ---------- v3: mesh illustrations, coverage map, client wordmarks, red rim hover ---------- */
.vframe--art{aspect-ratio:8/5;background:#fff;padding:8px}
.vframe--art img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--r) - 8px);display:block}
.cover-art{margin:0 0 clamp(20px,3vw,32px);padding:10px;overflow:hidden}
.cover-art img{width:100%;height:auto;display:block;border-radius:calc(var(--r) - 10px)}
.logo-tile{width:200px}
.logo-tile .cmark{display:none}
.logo-tile.is-x .cmark{display:flex}
.cmark{align-items:center;gap:10px;min-width:0}
.cmark i{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:.82rem;color:#fff;background:linear-gradient(180deg,var(--red-2),var(--red) 60%,var(--red-d));box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 14px -6px rgba(225,6,0,.6)}
.cmark b{font-size:.92rem;font-weight:800;color:var(--ink);line-height:1.15}
.logo-tile:nth-child(even) .cmark i{background:linear-gradient(180deg,#3A3A44,#16161C)}
.logo-tile--big .cmark i{width:52px;height:52px;font-size:1rem;border-radius:16px}
.ftr-badge{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:8px;border:1px solid currentColor;font-weight:800;font-size:.8rem;letter-spacing:.08em;opacity:.85}
/* pointer: red rim light running along the edge (replaces the white glow) */
.glass.spot::after,.glass--dark.spot::after{background:radial-gradient(240px circle at var(--mx) var(--my),rgba(255,59,48,1),rgba(255,59,48,.38) 32%,transparent 66%);box-shadow:none;
  padding:1.6px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.glass.spot{box-shadow:var(--shadow),0 22px 48px -30px rgba(225,6,0,.5)}

.ftr-pay{font-size:.85rem;font-weight:700;opacity:.8}

/* ---------- places index ---------- */
.locidx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.locidx__col h3{margin:0 0 10px;font-size:1.15rem}
.locidx__col h3 a{color:var(--ink)}
.locidx__col ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.locidx__col li a{color:var(--ink-2);font-weight:600;font-size:.95rem}
.locidx__col li a:hover,.locidx__col h3 a:hover{color:var(--red)}
@media (max-width:900px){.locidx{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.locidx{grid-template-columns:1fr}}
.phero__visual>.hero-art{width:100%;max-width:520px;height:auto;border-radius:22px;box-shadow:0 30px 60px -30px rgba(120,10,10,.35)}
a.chip:hover{color:var(--red)}