:root{
  --navy:#071827;--navy2:#0b2941;--blue:#176fe8;--blue2:#2f86f5;
  --ink:#10263b;--muted:#617789;--line:#dce6ed;--soft:#f4f7fb;
  --white:#fff;--green:#2f8b60;--gold:#efb444;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,24,39,.97);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(12px)}
.site-nav{max-width:1220px;margin:auto;padding:15px 24px;display:flex;align-items:center;gap:28px}
.site-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.02em}
.public-screen-logo{position:relative;width:45px;height:34px;border:3px solid #2f86f5;border-radius:5px;display:inline-block}
.public-screen-logo:before{content:"";position:absolute;left:14px;top:7px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #2f86f5}
.public-screen-logo:after{content:"";position:absolute;width:22px;height:3px;background:#2f86f5;bottom:-9px;left:50%;transform:translateX(-50%);border-radius:3px}
.site-menu{margin-left:auto;display:flex;align-items:center;gap:23px}
.site-menu a{color:#c7d5df;text-decoration:none;font-size:13px;font-weight:750}
.site-menu a:hover,.site-menu a.active{color:#fff}
.nav-cta{padding:10px 14px;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff!important}
.mobile-menu{display:none;background:none;color:#fff;border:0;font-size:25px}

.hero{background:
  radial-gradient(circle at 88% 12%,rgba(32,118,224,.30),transparent 29%),
  radial-gradient(circle at 70% 70%,rgba(29,83,123,.30),transparent 34%),
  linear-gradient(145deg,#061724,#092942);
  color:#fff;overflow:hidden}
.hero-inner{max-width:1220px;margin:auto;padding:92px 24px 88px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:65px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#82b8ff;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:900}
.hero h1{font-size:clamp(42px,6vw,74px);line-height:.98;letter-spacing:-.045em;margin:13px 0 22px;max-width:780px}
.hero h1 span{color:#75adf8}
.hero p{max-width:680px;color:#c0d1dc;font-size:17px;margin:0 0 28px}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:11px 18px;border-radius:10px;text-decoration:none;font-weight:850;font-size:13px;border:1px solid transparent;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff}
.btn-secondary{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff}
.btn-light{background:#edf4f9;border-color:#d7e4ed;color:#18384f}
.hero-panel{position:relative;background:linear-gradient(160deg,#fafdff,#eaf2f8);border-radius:22px;padding:14px;box-shadow:0 34px 70px rgba(0,0,0,.33)}
.hero-screen{min-height:365px;border-radius:15px;background:#071827;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}
.screen-top{padding:13px 17px;border-bottom:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;color:#eaf4f9;font-size:10px}
.screen-content{display:grid;grid-template-columns:1.35fr .65fr;gap:1px;background:rgba(255,255,255,.08)}
.screen-media{background:linear-gradient(135deg,#0a3049,#0f5882);display:grid;place-items:center;padding:30px;color:#fff;text-align:center}
.screen-media strong{font-size:28px}.screen-media span{font-size:11px;color:#bed6e5;margin-top:7px;display:block}
.screen-rates{background:#0b2435;padding:25px 17px}.screen-rate{display:flex;justify-content:space-between;color:#dce9f0;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.09);font-size:11px}.screen-rate strong{color:#fff;font-size:17px}
.screen-bottom{padding:10px 15px;background:#fff;color:#27465c;font-size:9px;white-space:nowrap;overflow:hidden}
.hero-badge{position:absolute;right:-18px;bottom:26px;background:#fff;border-radius:13px;padding:13px 15px;box-shadow:0 14px 34px rgba(0,0,0,.2);color:#14344b}
.hero-badge strong,.hero-badge small{display:block}.hero-badge strong{font-size:12px}.hero-badge small{color:#6f8493;font-size:9px;margin-top:3px}

.trust-strip{border-bottom:1px solid var(--line);background:#fff}
.trust-inner{max-width:1220px;margin:auto;padding:20px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.trust-item strong,.trust-item span{display:block}.trust-item strong{font-size:15px}.trust-item span{color:var(--muted);font-size:10px;margin-top:2px}

.section{padding:78px 24px}
.section-soft{background:var(--soft)}
.section-inner{max-width:1220px;margin:auto}
.section-head{max-width:760px;margin-bottom:32px}.section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.section-head h2{font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.03em;margin:8px 0 12px}
.section-head p{color:var(--muted);margin:0;font-size:15px}

.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.service-card{padding:25px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 6px 22px rgba(18,48,72,.04)}
.service-icon{width:49px;height:49px;border-radius:12px;display:grid;place-items:center;background:#edf5ff;color:var(--blue);font-size:21px;font-weight:900;margin-bottom:18px}
.service-card h3{font-size:17px;margin:0 0 8px}.service-card p{color:var(--muted);font-size:12px;margin:0}
.service-card.featured{background:linear-gradient(145deg,#0c5aca,#197bed);border-color:#176fe8;color:#fff}.service-card.featured p{color:#d7e9ff}.service-card.featured .service-icon{background:rgba(255,255,255,.13);color:#fff}

.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.value-list{display:grid;gap:12px;margin-top:25px}
.value-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.value-dot{width:30px;height:30px;border-radius:8px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-weight:950}
.value-item strong,.value-item span{display:block}.value-item span{font-size:11px;color:var(--muted);margin-top:3px}
.feature-panel{border-radius:20px;background:#0a2438;color:#fff;padding:31px;box-shadow:0 22px 50px rgba(14,48,73,.18)}
.feature-panel h3{font-size:25px;margin:0 0 7px}.feature-panel>p{color:#abc2d1;font-size:13px;margin:0 0 22px}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature-list span{padding:11px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(255,255,255,.04);font-size:10px}

.cta-section{padding:62px 24px;background:#0a2438;color:#fff}
.cta-inner{max-width:1220px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:30px}
.cta-inner h2{font-size:32px;margin:0 0 7px}.cta-inner p{margin:0;color:#b4c9d6}

.page-hero{background:linear-gradient(145deg,#061724,#0a2d47);color:#fff;padding:72px 24px}
.page-hero-inner{max-width:1220px;margin:auto}.page-hero h1{font-size:50px;letter-spacing:-.035em;margin:8px 0 12px}.page-hero p{max-width:720px;color:#bdd0dc;margin:0;font-size:16px}

.about-story{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start}
.about-story h2{font-size:38px;line-height:1.1;margin:0 0 16px}.about-story p{color:var(--muted)}
.about-card{border:1px solid var(--line);border-radius:18px;padding:25px;background:#f8fafc}.about-card h3{margin:0 0 17px}
.about-stat{padding:14px 0;border-top:1px solid var(--line)}.about-stat:first-of-type{border-top:0}.about-stat strong,.about-stat span{display:block}.about-stat span{color:var(--muted);font-size:11px;margin-top:2px}

.contact-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:22px;align-items:start}
.contact-info,.contact-form{border:1px solid var(--line);border-radius:18px;background:#fff;padding:28px}
.contact-info{background:#0a2438;color:#fff}.contact-info p{color:#b7cbd7}
.contact-method{padding:16px 0;border-top:1px solid rgba(255,255,255,.10)}.contact-method strong,.contact-method span{display:block}.contact-method span{color:#b9cad5;font-size:11px;margin-top:4px}
.contact-form form{display:grid;gap:14px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-form label{font-size:11px;font-weight:800;color:#29465c}.contact-form input,.contact-form textarea,.contact-form select{width:100%;margin-top:6px;border:1px solid #d1dde6;border-radius:10px;padding:11px 12px;background:#f9fbfc;color:#153249;font:inherit;outline:none}.contact-form textarea{min-height:150px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#5a98e9;box-shadow:0 0 0 3px rgba(39,112,224,.1)}
.form-message{padding:12px 14px;border-radius:10px;margin-bottom:13px;font-size:12px;font-weight:700}.form-message.success{background:#eaf8f0;color:#26734e;border:1px solid #c3e6d1}.form-message.error{background:#fdeeee;color:#9d4242;border:1px solid #efc7c7}

.site-footer{background:#061724;color:#fff;padding:48px 24px 25px}
.footer-inner{max-width:1220px;margin:auto;display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:45px}.footer-brand p{color:#9fb7c6;font-size:11px;max-width:470px}.footer-col strong{display:block;margin-bottom:11px}.footer-col a,.footer-col span{display:block;color:#a8becc;text-decoration:none;font-size:11px;margin:8px 0}.footer-bottom{max-width:1220px;margin:28px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);color:#7f99aa;font-size:10px;display:flex;justify-content:space-between;gap:20px}

@media(max-width:980px){
 .hero-inner,.split,.about-story,.contact-grid{grid-template-columns:1fr}
 .hero-panel{max-width:680px}.service-grid{grid-template-columns:repeat(2,1fr)}
 .trust-inner{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr}
 .site-menu{display:none;position:absolute;top:66px;left:0;right:0;padding:18px 24px;background:#071827;flex-direction:column;align-items:stretch}.site-menu.open{display:flex}.mobile-menu{display:block;margin-left:auto}
}
@media(max-width:620px){
 .hero-inner{padding-top:64px;grid-template-columns:1fr}.hero h1{font-size:43px}.hero-panel{display:none}
 .service-grid,.feature-list,.field-grid{grid-template-columns:1fr}.trust-inner{grid-template-columns:1fr 1fr}
 .section{padding:58px 18px}.site-nav{padding:14px 18px}.cta-inner{display:block}.cta-inner .btn{margin-top:20px}
 .footer-inner{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}
}

/* SESSION-AWARE PUBLIC NAV */
.nav-account-link{
  padding:9px 12px;
  border-radius:9px;
  background:rgba(47,134,245,.14);
  border:1px solid rgba(90,156,244,.28);
  color:#fff!important;
}
.nav-logout-link{
  padding:9px 12px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.16);
  color:#d8e5ee!important;
}
.nav-logout-link:hover{background:rgba(255,255,255,.06)}

/* STRONGER LOGGED-IN ACCOUNT TABS */
.nav-account-link{
  padding:10px 14px!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#176fe8,#2f86f5)!important;
  border:1px solid #2f86f5!important;
  color:#fff!important;
  box-shadow:0 4px 14px rgba(23,111,232,.28)!important;
}
.nav-account-link:hover{
  background:linear-gradient(135deg,#0f63d8,#2579e8)!important;
  color:#fff!important;
}
.nav-logout-link{
  padding:10px 14px!important;
  border-radius:10px!important;
  background:#b93f48!important;
  border:1px solid #cf5660!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(185,63,72,.18)!important;
}
.nav-logout-link:hover{
  background:#a9353e!important;
  border-color:#ba4650!important;
  color:#fff!important;
}

/* =========================================================
   PUBLIC PRICING / PACKAGES
   ========================================================= */
.pricing-live-section{background:#f7fafc}
.pricing-live-section .section-head.center{max-width:760px;margin-left:auto;margin-right:auto;text-align:center}
.public-package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;align-items:stretch;margin-top:34px}
.public-package-card{position:relative;display:flex;flex-direction:column;padding:28px;border:1px solid #dbe5ec;border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(15,44,65,.07)}
.public-package-card.featured{border:2px solid #176fe8;box-shadow:0 18px 48px rgba(23,111,232,.15);transform:translateY(-5px)}
.popular-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:7px 13px;border-radius:999px;background:#176fe8;color:#fff;font-size:11px;font-weight:800;white-space:nowrap;box-shadow:0 7px 18px rgba(23,111,232,.25)}
.package-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#176fe8;font-weight:800}
.public-package-card h3{font-size:25px;margin:8px 0 5px;color:#122f45}
.package-description{min-height:54px;color:#687e8e;font-size:14px;line-height:1.55}
.public-package-price{display:flex;align-items:baseline;gap:3px;margin:18px 0 20px;color:#122f45}.public-package-price span{font-size:19px;font-weight:800}.public-package-price strong{font-size:42px;line-height:1}.public-package-price small{color:#718696;font-weight:700}
.public-package-card ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px;flex:1}.public-package-card li{display:grid;grid-template-columns:18px 1fr;gap:7px;color:#405c70;font-size:13px}.public-package-card li span{color:#176fe8;font-weight:900}
.public-package-card .btn{width:100%;text-align:center;justify-content:center}
.pricing-comparison-wrap{margin-top:62px}.section-head.compact{margin-bottom:22px}.pricing-table-scroll{overflow:auto;border:1px solid #dbe5ec;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(15,44,65,.05)}
.pricing-comparison{width:100%;border-collapse:collapse;min-width:700px}.pricing-comparison th,.pricing-comparison td{padding:15px 17px;border-bottom:1px solid #e7edf2;text-align:center;font-size:13px;color:#405c70}.pricing-comparison thead th{background:#0b2c43;color:#fff;font-size:14px}.pricing-comparison thead th:first-child{text-align:left}.pricing-comparison thead small{display:block;margin-top:4px;color:#a9c1d1;font-size:10px}.pricing-comparison tbody th{text-align:left;color:#183a52;background:#fbfcfd;font-weight:800}.pricing-comparison tbody tr:last-child th,.pricing-comparison tbody tr:last-child td{border-bottom:0}.pricing-yes{color:#16815a;font-weight:800}.pricing-no{color:#a6b2bb}
.pricing-payment-note{display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:center;margin-top:28px;padding:18px 20px;border:1px solid #d9e5ee;border-radius:15px;background:#fff}.pricing-payment-note>span{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#eaf3ff;color:#176fe8;font-size:21px;font-weight:900}.pricing-payment-note strong{display:block;color:#17384f}.pricing-payment-note p{margin:3px 0 0;color:#6a8090;font-size:12px;line-height:1.5}.pricing-empty{text-align:center;padding:35px;border:1px dashed #cbd9e3;border-radius:16px;background:#fff}.pricing-empty h3{margin:0 0 7px;color:#17384f}.pricing-empty p{color:#6b8191}
@media(max-width:720px){.public-package-card.featured{transform:none}.public-package-grid{grid-template-columns:1fr}.pricing-payment-note{grid-template-columns:1fr}.pricing-payment-note>span{width:42px;height:42px}.public-package-price strong{font-size:36px}}

/* PUBLIC PRICING — BUSINESS TYPE PREVIEWS */
.business-preview-section{background:linear-gradient(180deg,#f4f7fb 0,#fff 100%)}
.business-preview-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.55fr);gap:42px;align-items:end;margin-bottom:26px}
.business-preview-heading .section-head{margin-bottom:0}
.business-type-search{padding:15px;border:1px solid #dbe5ec;border-radius:13px;background:#fff;box-shadow:0 6px 20px rgba(18,48,72,.04)}
.business-type-search>label{display:block;margin-bottom:7px;color:#476175;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.business-type-search>div{display:flex;gap:7px}
.business-type-search input{min-width:0;flex:1;border:1px solid #cedbe5;border-radius:8px;padding:10px 11px;background:#f9fbfc;color:#17344b;font:inherit;font-size:11px}
.business-type-search button,.business-type-search a{border:0;border-radius:8px;padding:9px 11px;background:#176fe8;color:#fff;text-decoration:none;font-size:9px;font-weight:900;display:inline-flex;align-items:center}.business-type-search a{background:#eaf1f6;color:#526d80}
.business-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.business-preview-card{overflow:hidden;border:1px solid #dbe5ec;border-radius:16px;background:#fff;box-shadow:0 8px 25px rgba(19,48,72,.055);transition:transform .18s ease,box-shadow .18s ease}
.business-preview-card:hover{transform:translateY(-3px);box-shadow:0 15px 36px rgba(19,48,72,.1)}
.business-mini-screen{height:215px;padding:12px;display:grid;grid-template-rows:auto 1fr auto;color:#fff;background:linear-gradient(145deg,#061724,#0c3a59);overflow:hidden}
.business-mini-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.11);font-size:8px}.business-mini-top>span{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;background:#176fe8;font-weight:900}.business-mini-top strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.business-mini-top i{font-style:normal;color:#6eaafa;font-weight:900}
.business-mini-footer{padding-top:8px;border-top:1px solid rgba(255,255,255,.1);font-size:6px;color:#9fb9c9;text-transform:uppercase;letter-spacing:.08em}
.mini-rates{padding:9px 0}.mini-rates>div{display:flex;align-items:center;justify-content:space-between;padding:5px 3px;border-bottom:1px solid rgba(255,255,255,.08)}.mini-rates span{font-size:7px}.mini-rates strong{font-size:13px}.mini-promo{padding:5px 7px;border-radius:5px;background:#176fe8;font-size:7px;font-weight:800;text-align:center}
.mini-menu,.mini-services,.mini-fitness{padding:9px 2px}.mini-menu>div,.mini-services>div,.mini-fitness>div{display:grid;grid-template-columns:1fr auto;gap:4px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.08)}.mini-menu>div:first-child{grid-template-columns:1fr auto}.mini-menu strong,.mini-services>strong,.mini-fitness>strong{display:block;margin-bottom:5px;font-size:10px}.mini-menu span,.mini-services span,.mini-fitness span{font-size:7px;color:#c0d3df}.mini-menu b,.mini-services b,.mini-fitness b{font-size:9px}
.mini-travel{align-self:center;padding:14px;text-align:center;border-radius:10px;background:linear-gradient(145deg,#14618a,#0b3148)}.mini-travel span,.mini-travel strong,.mini-travel b,.mini-travel small{display:block}.mini-travel span{font-size:7px;color:#bad8e9;text-transform:uppercase;letter-spacing:.12em}.mini-travel strong{font-size:22px;margin:3px 0}.mini-travel b{font-size:12px;color:#ffe08c}.mini-travel small{margin-top:5px;font-size:6px;color:#c8dae5}
.mini-property{align-self:center}.property-photo{height:66px;border-radius:7px;display:flex;align-items:flex-start;justify-content:flex-end;padding:6px;background:linear-gradient(145deg,#647d8c,#223c4d);font-size:6px;font-weight:900;color:#fff}.mini-property strong,.mini-property span,.mini-property b{display:block}.mini-property strong{font-size:10px;margin-top:5px}.mini-property span{font-size:7px;color:#b9cedb}.mini-property b{font-size:10px;margin-top:2px}
.mini-retail{align-self:center;display:grid;grid-template-columns:1fr 1fr;gap:7px}.mini-retail>div{min-height:80px;padding:9px;border-radius:8px;background:rgba(255,255,255,.08)}.mini-retail strong,.mini-retail span,.mini-retail b{display:block}.mini-retail strong{font-size:8px}.mini-retail span{font-size:7px;margin-top:5px;color:#bfd0db}.mini-retail b{font-size:11px;margin-top:5px;color:#91c1ff}
.mini-promo-screen{align-self:center;text-align:center;padding:15px}.mini-promo-screen span{display:inline-block;padding:3px 6px;border-radius:999px;background:#176fe8;font-size:6px;font-weight:900}.mini-promo-screen strong{display:block;margin-top:6px;font-size:18px}.mini-promo-screen p{margin:5px 0 0;color:#b9cedb;font-size:7px}
.preview-menu{background:linear-gradient(145deg,#2f2518,#79542d)}.preview-services{background:linear-gradient(145deg,#1e2635,#4a586d)}.preview-travel{background:linear-gradient(145deg,#06354c,#1675a1)}.preview-property{background:linear-gradient(145deg,#192a36,#425c6d)}.preview-fitness{background:linear-gradient(145deg,#17182d,#3f4289)}.preview-retail,.preview-catalog{background:linear-gradient(145deg,#17312b,#306d5b)}
.business-preview-copy{padding:16px}.business-category{display:inline-block;padding:4px 7px;border-radius:999px;background:#edf4fb;color:#43719b;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.business-preview-copy h3{margin:8px 0 5px;font-size:16px}.business-preview-copy p{min-height:38px;margin:0;color:#667e8f;font-size:10px}.business-preview-copy a{display:inline-block;margin-top:10px;color:#176fe8;text-decoration:none;font-size:9px;font-weight:900}
.business-preview-bottom{margin-top:24px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:16px;background:#09283f;color:#fff}.business-preview-bottom h3{margin:4px 0 6px;font-size:22px}.business-preview-bottom p{max-width:760px;margin:0;color:#b5cad7;font-size:11px}.business-preview-bottom .eyebrow{font-size:8px}.business-preview-empty{padding:34px;text-align:center;border:1px dashed #c9d8e3;border-radius:14px;background:#fff}.business-preview-empty strong{display:block;font-size:18px}.business-preview-empty p{color:#6b8192}
@media(max-width:1050px){.business-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.business-preview-heading{grid-template-columns:1fr}}
@media(max-width:650px){.business-preview-grid{grid-template-columns:1fr}.business-type-search>div{flex-wrap:wrap}.business-type-search input{flex-basis:100%}.business-preview-bottom{display:block}.business-preview-bottom .btn{margin-top:15px}.business-mini-screen{height:205px}}

/* =========================================================
   PRICING PAGE — 3 CURATED DISPLAY SKETCHES
   ========================================================= */
.business-sketch-head{max-width:780px}
.business-sketch-grid{display:grid;gap:26px}
.business-sketch-card{
  display:grid;
  grid-template-columns:minmax(260px,.56fr) minmax(430px,1.15fr);
  gap:34px;
  align-items:center;
  padding:30px;
  border:1px solid #dbe5ec;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 34px rgba(19,48,72,.06);
}
.business-sketch-card:nth-child(even){grid-template-columns:minmax(430px,1.15fr) minmax(260px,.56fr)}
.business-sketch-card:nth-child(even) .business-sketch-copy{order:2}
.business-sketch-card:nth-child(even) .tv-sketch{order:1}
.business-sketch-copy h3{font-size:26px;line-height:1.12;margin:9px 0 10px;letter-spacing:-.02em}
.business-sketch-copy p{margin:0;color:#667e8f;font-size:13px}
.tv-sketch{display:grid;justify-items:center}
.tv-frame{
  width:min(680px,100%);
  aspect-ratio:16/9;
  padding:10px;
  border-radius:16px;
  background:linear-gradient(145deg,#18212a,#05080b);
  box-shadow:0 22px 45px rgba(7,24,39,.25);
}
.tv-screen{width:100%;height:100%;overflow:hidden;border-radius:9px;color:#fff;display:grid}
.tv-stand{width:28%;height:17px;margin-top:5px;border-radius:0 0 10px 10px;background:linear-gradient(#252d34,#080b0e);position:relative}
.tv-stand:before{content:"";position:absolute;width:16%;height:21px;left:42%;top:-3px;background:#11171c}
.screen-ticker{padding:7px 12px;background:#fff;color:#476276;font-size:7px;letter-spacing:.02em;white-space:nowrap;overflow:hidden}
.screen-chip{display:inline-flex;width:max-content;padding:4px 7px;border-radius:999px;background:#176fe8;color:#fff;font-size:6px;font-weight:900;letter-spacing:.09em}

/* FX */
.fx-sketch{grid-template-rows:auto 1fr auto;background:#071a29}
.fx-brandbar{padding:10px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.11);background:#092941}
.fx-brandbar strong{font-size:11px;letter-spacing:.05em}.fx-brandbar span{font-size:7px;color:#8eb7d2}
.fx-layout{display:grid;grid-template-columns:1.2fr .8fr}
.fx-promo-panel{padding:26px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#0c3857,#12648e)}
.fx-promo-panel strong{font-size:24px;line-height:1.05;margin:9px 0 7px;max-width:320px}.fx-promo-panel p{margin:0;color:#c5dce9;font-size:9px}.screen-button{width:max-content;margin-top:13px;padding:6px 9px;border-radius:6px;background:#fff;color:#114b70;font-size:7px;font-weight:900}
.fx-rate-panel{padding:15px 14px;background:#081f30}.fx-rate-head,.fx-rate-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.fx-rate-head{padding:0 0 7px;color:#7999ae;font-size:6px;text-transform:uppercase}.fx-rate-row{padding:8px 0;border-top:1px solid rgba(255,255,255,.08)}.fx-rate-row span{font-size:8px}.fx-rate-row strong{font-size:14px}

/* Restaurant */
.food-sketch{grid-template-rows:auto 1fr auto;background:#261c13}
.food-top{padding:10px 14px;display:flex;justify-content:space-between;background:#4a2b18;border-bottom:1px solid rgba(255,255,255,.12)}.food-top strong{font-size:11px;letter-spacing:.06em}.food-top span{font-size:7px;color:#e5c7ac}
.food-layout{display:grid;grid-template-columns:1.1fr .9fr}
.food-menu{padding:18px;background:#2d2016}.food-menu h4{font-size:8px;color:#efbb72;letter-spacing:.11em;margin:0 0 7px}.food-menu>div{display:grid;grid-template-columns:1fr auto;padding:7px 0;border-top:1px solid rgba(255,255,255,.08)}.food-menu span{font-size:8px}.food-menu b{font-size:10px;color:#ffd69c}
.food-feature{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle at 50% 30%,#b05b24,#6d3518)}.food-feature span{font-size:6px;letter-spacing:.12em}.food-feature strong{font-size:24px;margin-top:4px}.food-feature b{font-size:27px;color:#ffe1a9}.food-feature small{font-size:7px;margin-top:3px}

/* Salon */
.salon-sketch{grid-template-rows:auto 1fr auto;background:#111924}
.salon-top{padding:10px 14px;display:flex;justify-content:space-between;background:#182431}.salon-top strong{font-size:11px;letter-spacing:.06em}.salon-top span{font-size:7px;color:#9fb0bd}
.salon-layout{display:grid;grid-template-columns:1.1fr .9fr}
.salon-media{position:relative;padding:24px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#303b49,#111820)}
.salon-media strong{font-size:23px;line-height:1.06;margin:8px 0}.salon-media p{margin:0;color:#b8c7d1;font-size:8px}.salon-qr{position:absolute;right:18px;bottom:18px;width:38px;height:38px;display:grid;place-items:center;background:#fff;color:#101923;font-size:8px;font-weight:900}
.salon-prices{padding:16px;background:#0c141d}.salon-prices h4{margin:0 0 6px;font-size:8px;color:#80b4f7;letter-spacing:.11em}.salon-prices>div{display:grid;grid-template-columns:1fr auto;padding:8px 0;border-top:1px solid rgba(255,255,255,.08)}.salon-prices span{font-size:8px}.salon-prices b{font-size:10px;color:#fff}

@media(max-width:900px){
  .business-sketch-card,.business-sketch-card:nth-child(even){grid-template-columns:1fr}
  .business-sketch-card:nth-child(even) .business-sketch-copy,.business-sketch-card:nth-child(even) .tv-sketch{order:initial}
}
@media(max-width:600px){
  .business-sketch-card{padding:18px;gap:18px}
  .business-sketch-copy h3{font-size:21px}
  .tv-frame{padding:6px;border-radius:11px}
  .fx-promo-panel,.salon-media{padding:14px}
  .fx-promo-panel strong,.salon-media strong{font-size:15px}
  .food-feature strong{font-size:16px}.food-feature b{font-size:20px}
  .screen-ticker{font-size:5px}
}


/* =========================================================
   PUBLIC RESOURCES / LEGAL / PRIVACY — 2026-08-23
   ========================================================= */
.nav-dropdown{position:relative}
.nav-dropdown-toggle{border:0;background:none;color:#c7d5df;font:inherit;font-size:13px;font-weight:750;cursor:pointer;padding:10px 0}
.nav-dropdown:hover .nav-dropdown-toggle,.nav-dropdown.active .nav-dropdown-toggle,.nav-dropdown.open .nav-dropdown-toggle{color:#fff}
.nav-dropdown-menu{position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%) translateY(-5px);width:290px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#0a2235;box-shadow:0 20px 45px rgba(0,0,0,.28);opacity:0;visibility:hidden;transition:.18s ease}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.site-menu .nav-dropdown-menu a{display:block;padding:11px 12px;border-radius:9px;color:#d5e2ea}
.site-menu .nav-dropdown-menu a:hover,.site-menu .nav-dropdown-menu a.active{background:#12344e;color:#fff}
.nav-dropdown-menu strong,.nav-dropdown-menu small{display:block}.nav-dropdown-menu strong{font-size:12px}.nav-dropdown-menu small{margin-top:2px;color:#8fa8b8;font-size:9px;font-weight:600}

.footer-inner-expanded{grid-template-columns:1.35fr repeat(3,.55fr)}
.footer-email{display:inline-block!important;margin-top:8px!important;color:#c9dce7!important}
.footer-cookie-button{display:block;padding:0;border:0;background:none;color:#a8becc;font:inherit;font-size:11px;margin:8px 0;cursor:pointer;text-align:left}

.legal-hero{padding-bottom:58px}.legal-meta{margin-top:16px;color:#8facbe;font-size:10px}
.legal-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:52px;align-items:start}
.legal-side{position:sticky;top:95px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#f8fafc}
.legal-side strong{display:block;margin-bottom:10px;font-size:12px}.legal-side a{display:block;padding:7px 0;color:#617789;text-decoration:none;font-size:11px;border-top:1px solid #e6edf2}.legal-side a:hover{color:var(--blue)}
.legal-document{max-width:850px}.legal-document section{scroll-margin-top:100px;padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--line)}.legal-document section:last-child{border-bottom:0}.legal-document h2{margin:0 0 12px;font-size:25px;letter-spacing:-.02em}.legal-document p,.legal-document li{color:#50697b;font-size:13px}.legal-document a{color:#176fe8}.legal-callout{padding:18px 20px;margin-bottom:28px;border-left:4px solid #176fe8;border-radius:10px;background:#edf5ff}.legal-callout p{margin:5px 0 0}
.legal-feature-title{font-size:38px;line-height:1.08;margin:8px 0 16px}.legal-feature-copy{color:var(--muted);font-size:14px}
.data-link-list{display:grid;gap:8px}.data-link-list a{display:flex;justify-content:space-between;padding:11px 12px;border:1px solid rgba(255,255,255,.12);border-radius:9px;text-decoration:none;color:#fff;font-size:11px}

.faq-content{min-width:0}.faq-group{scroll-margin-top:100px;margin-bottom:44px}.faq-group h2{font-size:30px;margin:6px 0 18px}.faq-group details{border:1px solid var(--line);border-radius:12px;background:#fff;margin:9px 0;overflow:hidden}.faq-group summary{padding:16px 18px;cursor:pointer;font-weight:850;font-size:13px;list-style:none}.faq-group summary::-webkit-details-marker{display:none}.faq-group summary:after{content:"+";float:right;color:#176fe8;font-size:18px;line-height:1}.faq-group details[open] summary:after{content:"–"}.faq-group details p{margin:0;padding:0 18px 17px;color:#617789;font-size:12px}
.trust-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trust-card{padding:23px;border:1px solid var(--line);border-radius:15px;background:#fff}.trust-card>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eaf4ff;color:#176fe8;font-size:10px;font-weight:900}.trust-card h3{font-size:16px;margin:14px 0 7px}.trust-card p{margin:0;color:#617789;font-size:11px}

.cookie-banner{position:fixed;z-index:200;left:22px;right:22px;bottom:22px;max-width:1050px;margin:auto;padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #2d4658;border-radius:15px;background:#071827;color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.cookie-banner[hidden]{display:none!important}.cookie-banner strong{font-size:13px}.cookie-banner p{margin:4px 0 0;color:#a9c0ce;font-size:10px;max-width:650px}.cookie-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cookie-actions .btn{min-height:38px;padding:8px 12px;font-size:10px}.cookie-actions>a{color:#bcd1dd;font-size:9px}

.contact-privacy-note{padding:11px 12px;border-radius:9px;background:#f2f7fb;color:#5e7485;font-size:10px}.contact-privacy-note a{color:#176fe8}

@media(max-width:980px){
 .footer-inner-expanded{grid-template-columns:1fr 1fr}
 .legal-layout{grid-template-columns:1fr}.legal-side{position:static;display:flex;gap:7px;flex-wrap:wrap}.legal-side strong{width:100%}.legal-side a{border:1px solid var(--line);border-radius:999px;padding:6px 9px}
 .trust-card-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
 .nav-dropdown{width:100%}.nav-dropdown-toggle{width:100%;text-align:left;padding:10px 0}.nav-dropdown-menu{position:static;transform:none!important;width:100%;display:none;opacity:1;visibility:visible;box-shadow:none;margin:3px 0 8px;background:#0c2a41}.nav-dropdown.open .nav-dropdown-menu{display:block}
 .cookie-banner{left:10px;right:10px;bottom:10px;display:block}.cookie-actions{margin-top:12px}
 .trust-card-grid,.footer-inner-expanded{grid-template-columns:1fr}
}

.demo-hero .page-hero-inner{max-width:900px}.demo-expiry-badge{display:inline-flex;margin-top:17px;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#d9e8f1;font-size:11px;font-weight:800}.demo-request-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(440px,1fr);gap:50px;align-items:start}.demo-explainer h2{font-size:34px;margin:7px 0 22px}.demo-step{display:grid;grid-template-columns:38px 1fr;gap:12px;margin:17px 0}.demo-step>b{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e8f3ff;color:#176fe8}.demo-step p{margin:3px 0;color:#667d8e;font-size:11px}.demo-note{margin-top:25px;padding:15px;border:1px solid #dce5ec;border-radius:11px;background:#fff}.demo-note p{margin:4px 0 0;color:#687f90;font-size:10px}.demo-form-card{background:#fff;border:1px solid #dce5ec;border-radius:17px;padding:25px;box-shadow:0 12px 35px rgba(18,48,70,.06)}.demo-form-card h2{font-size:26px;margin:6px 0 8px}.demo-request-form{display:grid;gap:12px;margin-top:18px}.demo-request-form label{display:grid;gap:5px;color:#35536a;font-size:11px;font-weight:800}.demo-request-form input,.demo-request-form select{min-height:43px;border:1px solid #ccd9e2;border-radius:9px;padding:9px 11px;background:#fbfcfd;font-size:12px}.demo-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.demo-success-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e3f5ea;color:#248254;font-size:22px;font-weight:900;margin-bottom:15px}.demo-expiry-box{padding:14px;border-radius:10px;background:#f4f8fb;margin:16px 0}.demo-expiry-box span,.demo-expiry-box strong{display:block}.demo-expired-page{min-height:100vh;display:grid;place-items:center;background:#071827;color:#fff;padding:20px}.demo-expired-page>div{max-width:600px;text-align:center}.demo-expired-page h1{font-size:40px}.demo-expired-page p{color:#aac0cf}@media(max-width:900px){.demo-request-layout{grid-template-columns:1fr;gap:25px}}@media(max-width:520px){.demo-form-card{padding:18px}}


/* =========================================================
   SITE-WIDE MANAGED DRM BRAND LOGO — COMPACT HEADER/FOOTER
   ========================================================= */
.site-brand.managed-site-brand{
  display:inline-flex;
  align-items:center;
  gap:0;
  flex:0 0 auto;
  min-width:0;
  text-decoration:none;
}
.managed-public-logo{
  display:block;
  width:auto!important;
  max-width:none!important;
  object-fit:contain;
  object-position:left center;
}
.site-header .managed-site-brand{
  height:54px;
  max-width:190px;
}
.site-header .managed-public-logo{
  height:44px!important;
  max-height:44px!important;
  max-width:190px!important;
}
.site-footer .managed-site-brand{
  height:58px;
  max-width:210px;
}
.site-footer .managed-public-logo{
  height:50px!important;
  max-height:50px!important;
  max-width:210px!important;
}
.managed-brand-fallback{
  display:none;
  font-weight:900;
  letter-spacing:.02em;
}

/* Keep the navigation aligned even when the uploaded logo has a wide aspect ratio. */
.site-nav{
  align-items:center!important;
}
.site-menu{
  align-items:center!important;
}
.site-header{
  min-height:auto!important;
}
.footer-brand .managed-site-brand{
  margin-bottom:10px;
}

@media(max-width:980px){
  .site-header .managed-site-brand{max-width:165px}
  .site-header .managed-public-logo{height:40px!important;max-height:40px!important;max-width:165px!important}
}
@media(max-width:760px){
  .site-header .managed-site-brand{height:46px;max-width:150px}
  .site-header .managed-public-logo{height:36px!important;max-height:36px!important;max-width:150px!important}
  .site-footer .managed-site-brand{max-width:180px}
  .site-footer .managed-public-logo{height:44px!important;max-height:44px!important;max-width:180px!important}
}


/* MANAGED LOGO LIVE-SITE FIX — 2026-08-23 */
.site-header .site-nav{min-height:68px!important;padding-top:8px!important;padding-bottom:8px!important}
.site-header .managed-site-brand{height:52px!important;width:175px!important;max-width:175px!important;flex:0 0 175px!important;overflow:hidden!important}
.site-header .managed-public-logo{display:block!important;width:100%!important;height:100%!important;max-width:175px!important;max-height:52px!important;object-fit:contain!important;object-position:left center!important}
.site-header .managed-brand-fallback{display:none!important}
.site-footer .managed-site-brand{height:64px!important;width:210px!important;max-width:210px!important;overflow:hidden!important}
.site-footer .managed-public-logo{display:block!important;width:100%!important;height:100%!important;max-width:210px!important;max-height:64px!important;object-fit:contain!important;object-position:left center!important}
.site-footer .managed-brand-fallback{display:none!important}
@media(max-width:980px){.site-header .managed-site-brand{width:155px!important;max-width:155px!important;flex-basis:155px!important}.site-header .managed-public-logo{max-width:155px!important}}
@media(max-width:760px){.site-header .managed-site-brand{height:44px!important;width:145px!important;max-width:145px!important;flex-basis:145px!important}.site-header .managed-public-logo{max-width:145px!important;max-height:44px!important}.site-footer .managed-site-brand{width:180px!important;max-width:180px!important}.site-footer .managed-public-logo{max-width:180px!important}}


/* =========================================================
   MANAGED LOGO — BALANCED SIZE ADJUSTMENT
   Slightly larger than the previous compact pass while
   preserving the normal header/footer height.
   ========================================================= */
.site-header .managed-site-brand{
  width:225px!important;
  max-width:225px!important;
  height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
}
.site-header .managed-public-logo{
  width:225px!important;
  max-width:225px!important;
  height:58px!important;
  max-height:58px!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
}

.site-footer .managed-site-brand{
  width:250px!important;
  max-width:250px!important;
  height:70px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
}
.site-footer .managed-public-logo{
  width:250px!important;
  max-width:250px!important;
  height:70px!important;
  max-height:70px!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
}

@media(max-width:1100px){
  .site-header .managed-site-brand,
  .site-header .managed-public-logo{
    width:205px!important;
    max-width:205px!important;
    height:54px!important;
    max-height:54px!important;
  }
}
@media(max-width:760px){
  .site-header .managed-site-brand,
  .site-header .managed-public-logo{
    width:175px!important;
    max-width:175px!important;
    height:48px!important;
    max-height:48px!important;
  }
  .site-footer .managed-site-brand,
  .site-footer .managed-public-logo{
    width:210px!important;
    max-width:210px!important;
    height:60px!important;
    max-height:60px!important;
  }
}


/* =========================================================
   PUBLIC NAVIGATION ALIGNMENT + MOBILE MENU — 2026-08-24
   ========================================================= */
.site-nav{min-height:78px;justify-content:space-between}
.site-menu{display:flex;align-items:center;justify-content:flex-end;gap:20px;min-width:0}
.site-menu>a,.nav-dropdown-toggle{display:inline-flex;align-items:center;min-height:40px;white-space:nowrap}
.nav-dropdown{display:flex;align-items:center}
.nav-dropdown-menu{z-index:90}
.nav-account-link,.nav-logout-link,.nav-cta{align-self:center}
.mobile-menu{align-items:center;justify-content:center;width:43px;height:43px;border-radius:9px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);line-height:1}

@media(max-width:900px){
  .site-nav{position:relative;padding:11px 18px;min-height:68px;gap:12px}
  .site-header .managed-site-brand{flex:0 1 175px!important;min-width:0}
  .mobile-menu{display:inline-flex;flex:0 0 43px;margin-left:auto}
  .site-menu{
    position:absolute;left:12px;right:12px;top:calc(100% + 1px);
    display:none!important;flex-direction:column;align-items:stretch;gap:3px;
    padding:10px;border:1px solid rgba(255,255,255,.11);border-radius:0 0 14px 14px;
    background:#081f31;box-shadow:0 20px 45px rgba(0,0,0,.28)
  }
  .site-menu.open{display:flex!important}
  .site-menu>a,.nav-dropdown-toggle{width:100%;min-height:43px;padding:10px 12px!important;border-radius:8px;text-align:left;justify-content:flex-start}
  .site-menu>a:hover,.nav-dropdown-toggle:hover{background:rgba(255,255,255,.06)}
  .nav-dropdown{display:block;width:100%}
  .nav-dropdown-menu{
    position:static!important;width:100%!important;transform:none!important;
    margin:3px 0 5px;padding:5px;background:#0b2941;box-shadow:none;
    opacity:0;visibility:hidden;display:none
  }
  .nav-dropdown.open .nav-dropdown-menu{display:block;opacity:1;visibility:visible;transform:none!important}
  .nav-dropdown:hover .nav-dropdown-menu{display:none;opacity:0;visibility:hidden}
  .nav-dropdown.open:hover .nav-dropdown-menu{display:block;opacity:1;visibility:visible}
  .nav-cta,.nav-account-link,.nav-logout-link{justify-content:center!important;text-align:center!important}
}


/* MOBILE NAV HARDENING — 2026-08-24 v2 */
.site-header{position:relative;z-index:1000}
.mobile-menu{position:relative;z-index:1003;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media(max-width:900px){
  .site-header{overflow:visible!important}
  .site-nav{position:relative!important;overflow:visible!important;z-index:1001}
  #publicMenuToggle{display:inline-flex!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important}
  #publicSiteMenu{
    position:absolute!important;z-index:1002!important;
    top:calc(100% + 1px)!important;left:10px!important;right:10px!important;
    width:auto!important;max-height:calc(100vh - 82px);overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    transform:none!important;visibility:hidden!important;opacity:0!important;
    pointer-events:none!important;
  }
  #publicSiteMenu.open{
    display:flex!important;visibility:visible!important;opacity:1!important;
    pointer-events:auto!important;transform:none!important;
  }
  #publicSiteMenu .nav-dropdown-menu{max-height:none;overflow:visible}
  body.public-menu-open{overflow:hidden}
}

@media(max-width:900px){
  .site-header,.site-nav{overflow:visible!important}
  #publicMenuToggle{display:inline-flex!important;position:relative!important;z-index:99999!important;pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important}
  #publicSiteMenu{position:absolute!important;z-index:99998!important;top:100%!important;left:8px!important;right:8px!important;width:auto!important;display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
  #publicSiteMenu.open{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
}


/* V22 — homepage live DRM service monitor */
.hero-monitor-wrap{min-width:0}
.hero-monitor-wrap .hero-panel{position:relative}
.hero-monitor-wrap .hero-badge{display:none!important}
.hero-managed-note{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 14px 0;padding:10px 13px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(255,255,255,.07);color:#edf7fc}
.hero-managed-note strong,.hero-managed-note small{display:block}.hero-managed-note strong{font-size:11px}.hero-managed-note small{font-size:9px;color:#a9c3d2;text-align:right}

.drm-demo-screen{position:relative;display:block!important;min-height:365px;height:365px;overflow:hidden;background:#071827}
.demo-slide{position:absolute;inset:0 0 22px;opacity:0;visibility:hidden;transform:translateX(12px);transition:opacity .55s ease,transform .55s ease,visibility .55s;display:flex;flex-direction:column;color:#eef7fb;background:#071827}
.demo-slide.is-active{opacity:1;visibility:visible;transform:none}
.demo-footer{margin-top:auto;padding:9px 14px;background:#fff;color:#29495f;font-size:8px;font-weight:800;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-dots{position:absolute;z-index:10;bottom:7px;left:50%;transform:translateX(-50%);display:flex;gap:5px}
.demo-dots span{width:5px;height:5px;border-radius:999px;background:rgba(255,255,255,.3);transition:.3s}.demo-dots span.active{width:16px;background:#2f86f5}

/* transfer board */
.demo-board-head,.demo-fx-head,.demo-info-head{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:#0b2639;border-bottom:1px solid rgba(255,255,255,.08)}
.demo-board-head strong,.demo-fx-head strong,.demo-info-head strong{display:block;font-size:14px}.demo-board-head small,.demo-fx-head small{display:block;margin-top:2px;color:#9db7c7;font-size:8px}.demo-board-head>span,.demo-fx-head>span,.demo-info-head>span{padding:5px 8px;border-radius:999px;background:#123e5d;color:#78bfff;font-size:7px;font-weight:900;letter-spacing:.08em}
.demo-rate-title{padding:13px 16px 7px;color:#86a8bb;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.demo-rate-list{padding:0 16px}.demo-rate-list>div{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:10px}.demo-rate-list span{color:#c9dce7}.demo-rate-list b{font-weight:750;color:#fff}.demo-rate-list strong{font-size:14px;color:#fff}

/* FX */
.demo-fx-grid{padding:15px 16px;display:grid;gap:3px}.fx-row{display:grid;grid-template-columns:1.4fr .65fr .65fr;align-items:center;gap:7px;padding:8px 10px;border-radius:7px;background:#0b2b40;font-size:9px}.fx-row span{font-weight:800}.fx-row span small{display:block;margin-left:20px;color:#7998aa;font-size:7px;font-weight:500}.fx-row b{text-align:right;font-size:11px}.fx-label{background:transparent;color:#7596aa;text-transform:uppercase;font-size:7px;font-weight:900}.fx-label b{font-size:7px}

/* Promo */
.demo-promo{flex:1;padding:30px;background:radial-gradient(circle at 80% 20%,rgba(47,134,245,.42),transparent 34%),linear-gradient(135deg,#0a2639,#0b5277);display:flex;flex-direction:column;justify-content:center}.demo-promo-kicker,.demo-mini-label{color:#7fc1f5;font-size:7px;font-weight:900;letter-spacing:.12em}.demo-promo>strong{margin-top:7px;font-size:29px;line-height:1.02}.demo-promo>p{margin:8px 0 15px;color:#b7d0df;font-size:9px}.demo-promo-card{width:72%;padding:12px 14px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(4,23,36,.42)}.demo-promo-card b,.demo-promo-card span,.demo-promo-card em{display:block}.demo-promo-card b{font-size:12px}.demo-promo-card span{margin:3px 0 8px;color:#b9d3e2;font-size:8px}.demo-promo-card em{color:#6eb9f4;font-size:8px;font-style:normal;font-weight:800}

/* split */
.demo-split{flex:1;display:grid;grid-template-columns:1fr 1.18fr}.demo-split-rates{padding:20px 16px;background:#0a2639}.demo-split-rates>strong{display:block;margin:5px 0 13px;font-size:18px}.demo-split-rates>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:9px}.demo-split-rates b{font-size:12px}.demo-split-media{padding:24px;background:radial-gradient(circle at 80% 20%,rgba(55,150,246,.48),transparent 35%),linear-gradient(145deg,#0e4362,#071d2d);display:flex;flex-direction:column;justify-content:center}.demo-split-media>span{font-size:7px;font-weight:900;color:#7fc1f5;letter-spacing:.1em}.demo-split-media>strong{margin:7px 0;font-size:24px;line-height:1.05}.demo-split-media>small{color:#b6cfdd;font-size:8px}

/* info */
.demo-info-body{flex:1;display:grid;grid-template-columns:1.35fr .65fr;gap:14px;padding:23px;background:linear-gradient(135deg,#09273b,#0c3852)}.demo-info-body>div:first-child{display:flex;flex-direction:column;justify-content:center}.demo-info-body>div:first-child strong{margin:7px 0;font-size:23px;line-height:1.06}.demo-info-body p{color:#a9c2d0;font-size:8px;line-height:1.55}.demo-info-card{align-self:center;padding:14px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:#071d2d}.demo-info-card span{display:block;color:#7ea2b6;font-size:7px;font-weight:900}.demo-info-card b{display:block;margin:5px 0 11px;font-size:13px}.demo-info-card hr{border:0;border-top:1px solid rgba(255,255,255,.1);margin:9px 0}.fake-qr{margin-top:7px;width:37px;height:37px;display:grid;place-items:center;background:#fff;color:#071827;font-size:27px}

@media(max-width:720px){
 .hero-managed-note{margin-inline:0;flex-direction:column;align-items:flex-start}.hero-managed-note small{text-align:left}
}
@media(prefers-reduced-motion:reduce){.demo-slide{transition:none!important}}


/* V23 — live preview flags */
.demo-country{display:inline-flex;align-items:center;gap:8px;min-width:0}
.demo-country img{width:22px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.16)}
.fx-row .demo-country img{width:20px;height:14px}
.fx-row .demo-country small{margin-left:0!important}

/* V24 — café/menu-board homepage preview */
.demo-cafe-head{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:#172b27;border-bottom:1px solid rgba(255,255,255,.08)}
.demo-cafe-head strong{display:block;font-size:14px}.demo-cafe-head small{display:block;margin-top:2px;color:#a8beb5;font-size:8px}.demo-cafe-head>span{padding:5px 8px;border-radius:999px;background:#2b4a40;color:#d7f0df;font-size:7px;font-weight:900;letter-spacing:.08em}
.demo-cafe-body{flex:1;display:grid;grid-template-columns:1.15fr .85fr;background:#f5efe3;color:#26342e}
.demo-cafe-menu{padding:18px 19px}.demo-cafe-menu>.demo-mini-label{color:#7b6541}.demo-cafe-menu>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid rgba(38,52,46,.12);font-size:9px}.demo-cafe-menu b{font-size:10px}.cafe-food-label{display:block;margin-top:13px}
.demo-cafe-offer{padding:20px;background:linear-gradient(145deg,#254a3d,#172d27);color:#fff;display:flex;flex-direction:column;justify-content:center}.demo-cafe-offer>span{color:#b7d6c5;font-size:7px;font-weight:900;letter-spacing:.1em}.demo-cafe-offer>strong{margin:6px 0;font-size:22px;line-height:1.05}.demo-cafe-offer>p{margin:2px 0 10px;color:#c6dbd0;font-size:8px}.demo-cafe-offer>b{font-size:18px;color:#f0d5a2}


/* V26 — visual business demo library */
.demo-business-head{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:#172b27;border-bottom:1px solid rgba(255,255,255,.08)}
.demo-business-head strong{display:block;font-size:14px}.demo-business-head small{display:block;margin-top:2px;color:#a8beb5;font-size:8px}.demo-business-head>span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.1);font-size:7px;font-weight:900;letter-spacing:.08em}
.demo-business-layout{flex:1;display:grid;grid-template-columns:1fr 1fr;background:#f4f0e8;color:#24342e;min-height:0}.demo-business-list{padding:19px}.demo-business-list>.demo-mini-label{color:#7b6541}.demo-business-list>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid rgba(38,52,46,.12);font-size:9px}.demo-business-list b{font-size:10px}
.demo-visual-card{position:relative;min-height:0;background-position:center;background-size:cover;overflow:hidden}.demo-photo-shade{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,rgba(4,12,15,.05),rgba(4,12,15,.78));color:#fff}.demo-photo-shade span{font-size:7px;font-weight:900;letter-spacing:.11em}.demo-photo-shade strong{margin:6px 0;font-size:22px;line-height:1.03}.demo-photo-shade p{margin:0 0 6px;color:#d6e0df;font-size:8px}.demo-photo-shade b{font-size:16px}
.demo-cafe-photo{background-image:url('https://images.unsplash.com/photo-1509042239860-f550ce710b93?auto=format&fit=crop&w=700&q=70')}
.demo-restaurant-photo{background-image:url('https://images.unsplash.com/photo-1547592180-85f173990554?auto=format&fit=crop&w=700&q=70')}
.demo-salon-photo{background-image:url('https://images.unsplash.com/photo-1560066984-138dadb4c035?auto=format&fit=crop&w=700&q=70')}
.demo-retail-photo{background-image:url('https://images.unsplash.com/photo-1441986300917-64674bd600d8?auto=format&fit=crop&w=700&q=70')}
.demo-property-photo{background-image:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=700&q=70')}
.demo-gym-photo{background-image:url('https://images.unsplash.com/photo-1534438327276-14e5300c3a48?auto=format&fit=crop&w=700&q=70')}
.demo-retail-layout{flex:1;display:grid;grid-template-columns:1.2fr .8fr;min-height:0}.demo-retail-offer{padding:20px;background:#efe7d8;color:#26342e;display:flex;flex-direction:column;justify-content:center}.demo-retail-offer span{font-size:7px;font-weight:900;letter-spacing:.1em}.demo-retail-offer strong{margin:6px 0;font-size:27px}.demo-retail-offer p{font-size:9px}.demo-retail-offer b{margin-top:8px;font-size:9px}
.demo-property-layout{flex:1;display:grid;grid-template-columns:1.15fr .85fr;min-height:0}.demo-property-copy{padding:20px;background:#f3f0e9;color:#25382f;display:flex;flex-direction:column;justify-content:center}.demo-property-copy>.demo-mini-label{color:#718a7c}.demo-property-copy>strong{margin:6px 0;font-size:17px;line-height:1.1}.demo-property-copy p{font-size:8px;line-height:1.5}.demo-property-copy b{margin-top:8px;font-size:17px}.demo-property-copy em{margin-top:10px;color:#4d7461;font-size:8px;font-style:normal;font-weight:800}
.salon-head{background:#392c36}.retail-head{background:#292b31}.property-head{background:#24372f}.gym-head{background:#171c23}.gym-offer{background:#17222d;color:#fff}.gym-offer p{color:#a9bdca}