:root{
  color-scheme:light;
  --canvas:#e7e7e7;
  --card:#fff;
  --mist:#f3f3f3;
  --ink:#000;
  --body:#333;
  --muted:#686868;
  --line:#d0d0d0;
  --mint:#d1ffca;
  --yellow:#fff100;
  --green:#35c977;
  --radius:24px;
  --radius-lg:32px;
  --pill:999px;
  --max:1500px;
  --display:"Anton",Impact,"Arial Narrow",sans-serif;
  --sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --canvas:#101114;
  --card:#18191d;
  --mist:#202126;
  --ink:#f7f7f7;
  --body:#e1e1e1;
  --muted:#a7a7ac;
  --line:#30323a;
  --mint:#9ff49b;
  --yellow:#fff100;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{
  background:var(--canvas);
  color:var(--ink);
  font-family:var(--sans);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  padding:12px;
}
a{color:inherit}
img{display:block;max-width:100%}
button{font:inherit}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:16px;top:16px;z-index:1000;background:#000;color:#fff;padding:10px 14px;border-radius:10px}
.app-shell{width:min(var(--max),100%);margin:0 auto}

/* Header */
.site-header{
  position:sticky;
  top:10px;
  z-index:60;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-height:64px;
  margin-bottom:14px;
  padding:6px 8px;
  border:1px solid transparent;
  border-radius:28px;
  transition:min-height .24s ease,padding .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease,backdrop-filter .24s ease;
}
.site-header.is-scrolled{
  min-height:58px;
  padding:4px 8px;
  background:color-mix(in srgb,var(--card) 84%,transparent);
  border-color:rgba(0,0,0,.07);
  box-shadow:0 12px 34px rgba(0,0,0,.10);
  backdrop-filter:blur(18px) saturate(1.15);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);
}
html[data-theme="dark"] .site-header.is-scrolled{border-color:rgba(255,255,255,.08);box-shadow:0 14px 38px rgba(0,0,0,.28)}
.brand{display:block;text-decoration:none;position:relative;z-index:3}
.brand-logo{width:190px;height:auto;display:block;transition:width .24s ease,transform .24s ease}
.site-header.is-scrolled .brand-logo{width:174px}
.brand:hover .brand-logo{transform:translateY(-1px)}
.brand-logo-dark{display:none}
html[data-theme="dark"] .brand-logo-light{display:none}
html[data-theme="dark"] .brand-logo-dark{display:block}
.main-nav{min-width:0;position:relative}
.nav-pill{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-height:54px;
  padding:5px 7px;
  border:1px solid rgba(0,0,0,.045);
  border-radius:999px;
  background:color-mix(in srgb,var(--card) 94%,transparent);
  overflow-x:auto;
  scrollbar-width:none;
  white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48);
}
html[data-theme="dark"] .nav-pill{border-color:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.nav-pill::-webkit-scrollbar{display:none}
.nav-active-indicator{
  position:absolute;
  z-index:0;
  top:5px;
  left:0;
  height:calc(100% - 10px);
  width:0;
  border-radius:999px;
  background:var(--ink);
  box-shadow:0 4px 14px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.12);
  transition:transform .26s cubic-bezier(.22,.8,.2,1),width .26s cubic-bezier(.22,.8,.2,1),opacity .18s ease;
  opacity:0;
  pointer-events:none;
}
.tab-button{
  position:relative;
  z-index:1;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--body);
  font-size:13px;
  font-weight:650;
  padding:13px 15px;
  cursor:pointer;
  transition:color .2s ease,background .2s ease,transform .2s ease;
}
.tab-button:hover{color:var(--ink);background:rgba(0,0,0,.035);transform:translateY(-1px)}
html[data-theme="dark"] .tab-button:hover{background:rgba(255,255,255,.05)}
.tab-button.is-active{color:var(--card)}
.tab-button.is-active::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:7px;
  width:4px;
  height:4px;
  border-radius:50%;
  transform:translateX(-50%);
  background:#46d97d;
  box-shadow:0 0 0 3px rgba(70,217,125,.12);
}
.header-actions{display:flex;align-items:center;gap:8px;position:relative;z-index:3}
.header-status,.icon-button,.top-download{min-height:44px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.header-status{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:0 15px;
  background:var(--card);
  border:1px solid rgba(0,0,0,.05);
  border-radius:999px;
  color:var(--body);
  font-size:11.5px;
  font-weight:650;
  white-space:nowrap;
}
.header-status:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(0,0,0,.07)}
.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex:0 0 auto;box-shadow:0 0 0 4px rgba(46,204,113,.09)}
.status-dot.small{width:7px;height:7px}
.icon-button{
  width:44px;
  border:1px solid rgba(0,0,0,.05);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--card);
  color:var(--ink);
  cursor:pointer;
}
.icon-button:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(0,0,0,.08)}
.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.moon-icon{display:none}
html[data-theme="dark"] .sun-icon{display:none}
html[data-theme="dark"] .moon-icon{display:block}
.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 18px;
  border:0;
  border-radius:999px;
  text-decoration:none;
  font-size:13px;
  font-weight:700;
  line-height:1;
}
.button-dark{background:#050505;color:#fff}
.button-light{background:var(--card);color:var(--ink)}
.button[aria-disabled="true"]{opacity:.55;pointer-events:none}
.button.full-width{width:100%;justify-content:space-between}
.top-download{padding-inline:18px;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.top-download:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(0,0,0,.13)}
.mobile-nav-toggle{display:none;position:relative}
.mobile-nav-toggle span{display:block;width:17px;height:1.7px;border-radius:999px;background:currentColor;transition:transform .22s ease,opacity .22s ease}
.mobile-nav-toggle span+span{margin-top:4px}
.mobile-nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5.7px) rotate(45deg)}
.mobile-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.7px) rotate(-45deg)}

.workspace{min-width:0}
.tab-panel[hidden]{display:none}
.panel-inner{display:grid;gap:20px}
.stack-lg{gap:22px}
.stack-xl{gap:24px}

/* HOME: reference-driven, single clean system */
.exact-home-layout{gap:18px}
.exact-home-hero{
  position:relative;
  display:block;
  min-height:400px;
  overflow:visible;
}
.exact-home-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(231,231,231,0) 0%,rgba(231,231,231,0) 76%,rgba(231,231,231,.04) 100%);
}
.exact-hero-copy{
  position:relative;
  z-index:3;
  width:min(52%,700px);
  padding:16px 6px 8px 0;
  background:transparent;
  border-radius:0;
}
.eyebrow,.trust-kicker{
  margin:0;
  color:var(--body);
  font-size:10px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.exact-hero-copy .eyebrow{margin-bottom:10px}
.hero-copy h1,.page-title{
  margin:0;
  font-family:var(--display);
  text-transform:uppercase;
  letter-spacing:-.025em;
}
.exact-hero-copy h1{
  max-width:640px;
  font-size:clamp(52px,4.35vw,68px);
  line-height:.82;
}
.highlight-mark{
  position:relative;
  display:inline-block;
  z-index:0;
}
.highlight-mark::before{
  content:"";
  position:absolute;
  z-index:-1;
  right:-.08em;
  bottom:.12em;
  width:.35em;
  height:.54em;
  background:var(--yellow);
}
.hero-text,.section-text,.price-copy{
  margin:14px 0 0;
  color:var(--body);
  font-size:15px;
  line-height:1.46;
}
.exact-hero-copy .hero-text{max-width:740px}
.hero-points{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:12px;font-size:13px;font-weight:500}
.exact-cta-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.hero-cta{min-height:64px;padding:0 16px;text-align:left;justify-content:space-between;box-shadow:0 2px 7px rgba(0,0,0,.06)}
.hero-cta span{min-width:0}
.hero-cta strong{display:block;font-size:14px;line-height:1.08}
.hero-cta small{display:block;margin-top:3px;font-size:11px;font-weight:500;line-height:1.14;opacity:.8}
.hero-cta i{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:#fff;color:#000;font-style:normal;font-weight:800}
.exact-hero-stage{
  position:absolute;
  z-index:1;
  top:18px;
  right:8px;
  bottom:18px;
  width:56%;
  min-width:0;
  min-height:0;
  border:1px solid rgba(0,0,0,.08);
  border-radius:28px;
  overflow:hidden;
  pointer-events:none;
  box-shadow:0 24px 60px rgba(0,0,0,.16),0 10px 24px rgba(0,0,0,.08);
  background:
    linear-gradient(90deg,var(--canvas) 0%,rgba(231,231,231,.94) 6%,rgba(231,231,231,.66) 14%,rgba(231,231,231,.18) 23%,rgba(231,231,231,0) 35%),
    url('./assets/images/home-hero-stage-ref.png') right center/cover no-repeat;
}
html[data-theme="dark"] .exact-home-hero::after{
  background:linear-gradient(90deg,rgba(16,17,20,0) 0%,rgba(16,17,20,0) 76%,rgba(16,17,20,.04) 100%);
}
html[data-theme="dark"] .exact-hero-stage{
  border-color:rgba(255,255,255,.07);
  box-shadow:0 24px 60px rgba(0,0,0,.40),0 10px 24px rgba(0,0,0,.24);
  background:
    linear-gradient(90deg,var(--canvas) 0%,rgba(16,17,20,.94) 6%,rgba(16,17,20,.66) 14%,rgba(16,17,20,.18) 23%,rgba(16,17,20,0) 35%),
    url('./assets/images/home-hero-stage-ref.png') right center/cover no-repeat;
}

.exact-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:-2px}
.exact-feature-card{
  position:relative;
  min-width:0;
  min-height:146px;
  padding:18px 48px 17px 18px;
  background:var(--card);
  border-radius:20px;
}
.feature-icon{display:flex;align-items:center;justify-content:flex-start;width:40px;height:34px;margin-bottom:8px;font-size:23px;line-height:1}
.exact-feature-card h2{margin:0;font-size:16px;line-height:1.18;letter-spacing:-.02em}
.exact-feature-card p{margin:5px 0 0;color:var(--body);font-size:12.25px;line-height:1.45}
.exact-feature-card .feature-link{position:absolute;right:13px;bottom:13px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--mist);font-size:14px;font-weight:800}

.exact-trust-row{
  display:grid;
  grid-template-columns:minmax(420px,.86fr) minmax(0,1.45fr);
  gap:18px;
  padding-top:14px;
  border-top:1px solid rgba(0,0,0,.10);
}
.trust-kicker{margin-bottom:12px;font-size:10px}
.brand-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.brand-item{min-width:0;min-height:98px;display:grid;place-items:center;text-align:center;padding:8px 8px;border-radius:16px;background:rgba(255,255,255,.35)}
html[data-theme="dark"] .brand-item{background:rgba(255,255,255,.03)}
.brand-item img{display:block;max-width:100%;max-height:38px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) contrast(1.12)}
.brand-item strong{font-size:12px;line-height:1.1;font-weight:700;letter-spacing:-.01em}
.brand-item span{margin-top:7px;color:var(--muted);font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.exact-trust-right{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.exact-testimonial-card{
  min-width:0;
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:12px;
  background:var(--card);
  border-radius:18px;
}
.exact-testimonial-card::before{content:none}
.testimonial-photo{width:76px;height:76px;border-radius:14px;background-size:cover;background-position:center}
.stars{color:#e4bd00;font-size:13px;letter-spacing:.06em;line-height:1;margin-bottom:4px}
.exact-testimonial-card p{margin:0 0 5px;color:var(--body);font-size:11px;line-height:1.4}
.exact-testimonial-card strong{display:block;font-size:13px;line-height:1.12}
.exact-testimonial-card span{display:block;margin-top:2px;color:var(--muted);font-size:10px}

.exact-pro-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.58fr) minmax(300px,.58fr);gap:16px}
.pro-promo-card,.price-card{border-radius:22px}
.exact-pro-stage{
  position:relative;
  min-width:0;
  min-height:320px;
  overflow:hidden;
  padding:22px 24px;
  color:#fff;
  background:url('./assets/images/home-pro-car-bg.png') center center/cover no-repeat;
}
.badge-dark{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border:1px solid rgba(255,255,255,.6);border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.exact-pro-stage h2{margin:22px 0 0;font-family:var(--display);font-size:clamp(48px,3.7vw,64px);line-height:.9;letter-spacing:-.025em;text-transform:uppercase}
.exact-pro-stage p{margin:10px 0 0;color:#fff;font-size:14px;line-height:1.3}
.promo-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.promo-pill{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border:1px solid rgba(255,255,255,.6);border-radius:999px;background:rgba(0,0,0,.18);font-size:11px;font-weight:600}
.exact-price-card{
  position:relative;
  min-width:0;
  min-height:320px;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:22px 22px;
  background:var(--card);
  border-radius:24px;
}
.exact-price-card.featured{background:var(--mint)}
.price-topline{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-right:70px}
.plan-name{font-size:19px;font-weight:800;letter-spacing:-.02em}
.plan-duration{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:rgba(0,0,0,.06);font-size:8px;font-weight:700;text-transform:uppercase}
.popular-chip{position:absolute;right:14px;top:14px;display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:#ffe100;color:#000;font-size:7px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.price-value strong{display:block;font-family:var(--display);font-size:60px;line-height:.9;letter-spacing:-.03em}
.price-value small{display:block;margin-top:3px;color:var(--body);font-size:10px}
.price-features{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.price-features li{position:relative;padding-left:16px;color:var(--body);font-size:11px;line-height:1.3}
.price-features li::before{content:"✓";position:absolute;left:0;top:0;font-weight:800}
.exact-price-card .full-width{margin-top:auto;min-height:31px;padding:0 10px;font-size:10px}
.exact-verified-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-top:8px}
.exact-verified-strip article{min-width:0;min-height:76px;padding:12px 14px;border-radius:16px;background:transparent}
.exact-verified-strip strong{display:block;font-size:13px;line-height:1.15}
.exact-verified-strip span{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.3}

/* Other panels */
.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px}
.page-title{font-size:clamp(44px,5vw,72px);line-height:.9}
.download-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.download-card,.info-card,.release-card,.faq-grid details{
  min-width:0;
  padding:20px;
  border-radius:24px;
  background:var(--card);
}
.download-card{display:grid;gap:12px;align-content:start}
.download-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.download-icon{width:54px;height:54px;object-fit:contain}
.download-card h2{margin:0;font-size:18px}
.download-card p{margin:0;color:var(--body);font-size:13px;line-height:1.5}
.dark-card{background:#000;color:#fff}.dark-card p{color:#d5d5d5}
.availability{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.is-pending{background:#fff4ca;color:#6e5e00}.is-online,.is-available{background:#e2f7e9;color:#247744}.is-unavailable{background:#ffe1e7;color:#8b2539}
.meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--muted)!important;font-size:11px!important}
.status-row{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:12px}
.two-col-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:18px}
.info-stack{display:grid;gap:12px}.info-card strong{display:block;font-size:17px}.info-card span{display:block;margin-top:7px;color:var(--body);font-size:13px;line-height:1.5}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faq-grid summary{position:relative;list-style:none;cursor:pointer;font-size:16px;font-weight:700}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary::after{content:"+";position:absolute;right:0;top:-2px;font-size:22px}.faq-grid details[open] summary::after{content:"−"}.faq-grid p{margin:12px 0 0;color:var(--body);font-size:13px;line-height:1.55}
.table-shell{min-width:0;overflow:hidden;border-radius:24px;background:var(--card);border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 28px rgba(0,0,0,.05)}
.data-table{width:100%;border-collapse:separate;border-spacing:0}
.data-table thead th{padding:14px 16px;background:rgba(0,0,0,.03);color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:left;border-bottom:1px solid rgba(0,0,0,.08)}
.data-table tbody td{padding:16px;border-bottom:1px solid rgba(0,0,0,.07);font-size:13px;line-height:1.48;color:var(--body);vertical-align:top}
.data-table tbody tr:last-child td{border-bottom:0}
.data-table strong{color:var(--ink);font-size:14px;line-height:1.2}
.table-subline{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.35}
.table-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.table-badge.is-live{background:#e2f7e9;color:#247744}
.table-badge.is-pending{background:#fff4ca;color:#6e5e00}
.table-badge.is-reserved{background:#ebf1ff;color:#3158a5}
.table-link{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-size:12px;font-weight:700;text-decoration:none}
.table-link:hover{opacity:.8}
.compact-text{margin-top:4px;font-size:12px}
.compare-note-band{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:18px;background:var(--card);font-size:12.5px;line-height:1.5;color:var(--body)}
.compare-note-band strong{color:var(--ink)}
.verified-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.trust-band.compact{display:grid;gap:12px}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.testimonial-card{padding:14px;border-radius:20px;background:var(--card)}
.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.support-grid .price-card{min-height:350px;padding:22px;background:var(--card)}
.support-grid .price-card.featured{background:var(--mint)}
.support-grid .price-value strong{font-size:72px}.support-grid .price-features{gap:10px}.support-grid .price-features li{font-size:13px;line-height:1.35}.support-grid .full-width{margin-top:auto}
.verified-strip:not(.exact-verified-strip){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.verified-strip:not(.exact-verified-strip) article{padding:16px;border-radius:18px;background:var(--card)}
.release-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.release-card{min-height:120px;display:grid;align-content:center}.release-card span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.release-card strong{display:block;margin-top:7px;font-size:18px}.release-card.wide{grid-column:span 4;min-height:90px}

.site-footer{
  display:grid;
  grid-template-columns:repeat(4,auto);
  justify-content:space-between;
  gap:14px;
  align-items:center;
  padding:9px 4px 0;
  color:var(--muted);
  font-size:9px;
}
.site-footer p{margin:0}.site-footer a{text-decoration:none}
.toast{position:fixed;right:18px;bottom:18px;z-index:100;max-width:360px;padding:13px 16px;border-radius:14px;background:#111;color:#fff;font-size:12px;line-height:1.45}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(0,0,0,.15);outline-offset:2px}



/* =========================================================
   RESPONSIVE HOME — CLEAN, NATURAL HEIGHT, NO FORCED SQUEEZE
   ========================================================= */
#panel-home .exact-home-layout { align-content:start; }
#panel-home .exact-feature-card,
#panel-home .exact-testimonial-card,
#panel-home .exact-price-card,
#panel-home .exact-verified-strip article { overflow:hidden; }
#panel-home .exact-price-card .price-features { flex:1 1 auto; align-content:start; }
#panel-home .exact-price-card .full-width { flex:0 0 auto; }
#panel-home .exact-testimonial-card > div { min-width:0; }
#panel-home .exact-testimonial-card p {
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Wide desktop: keep the reference composition, allow natural page height. */
@media (min-width:1401px) {
  .app-shell { max-width:1536px; }
  .exact-home-hero { min-height:400px; }
  .exact-hero-copy { width:min(52%,700px); }
  .exact-hero-stage { width:56%; top:18px; right:8px; bottom:18px; background-position:right center; background-size:cover; }
  .exact-feature-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .exact-trust-row { grid-template-columns:minmax(420px,.86fr) minmax(0,1.45fr); }
  .exact-trust-right { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .exact-pro-grid { grid-template-columns:minmax(0,1.18fr) minmax(300px,.58fr) minmax(300px,.58fr); }
  .exact-verified-strip { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

/* Laptop / smaller desktop */
@media (max-width:1400px) {
  .exact-home-hero { min-height:376px; }
  .exact-hero-copy { width:min(53%,660px); }
  .exact-hero-stage { width:55%; top:16px; right:6px; bottom:16px; background-position:right center; background-size:cover; }
  .exact-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .exact-trust-row { grid-template-columns:1fr; }
  .exact-trust-right { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .exact-pro-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .exact-pro-stage { grid-column:1 / -1; }
  .download-grid,.verified-cards,.release-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .two-col-panel { grid-template-columns:1fr; }
  .release-card.wide { grid-column:span 2; }
}

/* Tablet */
@media (max-width:980px) {
  body { padding:10px; }
  .exact-home-hero { min-height:0; }
  .exact-hero-copy { width:100%; padding-right:0; }
  .exact-hero-stage {
    position:relative;
    top:auto; right:auto; bottom:auto;
    width:100%;
    min-height:360px;
    margin:10px 0 0;
    border-radius:24px;
    background-position:center bottom;
    background-size:cover;
  }
  .site-header { grid-template-columns:1fr auto; grid-template-areas:"brand actions" "nav nav"; }
  .brand { grid-area:brand; }
  .header-actions { grid-area:actions; }
  .main-nav { grid-area:nav; }
  .nav-pill { justify-content:flex-start; }
  .header-status,.top-download { display:none; }
  .exact-cta-row,.exact-feature-grid,.download-grid,.verified-cards,.support-grid,.release-grid,.faq-grid { grid-template-columns:1fr; }
  .brand-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .exact-trust-right,.testimonial-grid,.exact-pro-grid { grid-template-columns:1fr; }
  .exact-pro-stage { grid-column:auto; }
  .exact-verified-strip,.verified-strip:not(.exact-verified-strip) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .release-card.wide { grid-column:auto; }
  .site-footer { grid-template-columns:1fr 1fr; }
}

/* Mobile */
@media (max-width:640px) {
  body { padding:8px; }
  .brand-logo { width:150px; }
  .nav-pill { min-height:52px; gap:16px; padding:0 18px; }
  .tab-button { font-size:12px; }
  .icon-button { width:42px; height:42px; min-height:42px; }
  .exact-hero-copy h1 { font-size:clamp(48px,16vw,72px); }
  .exact-hero-stage { min-height:280px; margin-top:6px; }
  .brand-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .exact-trust-right,.exact-verified-strip,.verified-strip:not(.exact-verified-strip) { grid-template-columns:1fr; }
  .site-footer { grid-template-columns:1fr; }
}

@media (max-width:980px){
  .table-shell{border-radius:18px}
  .data-table thead{display:none}
  .data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}
  .data-table tbody td{display:grid;grid-template-columns:minmax(120px,.9fr) minmax(0,1.6fr);gap:10px;padding:10px 14px;border-bottom:1px solid rgba(0,0,0,.07)}
  .data-table tbody tr{padding:8px 0;border-bottom:1px solid rgba(0,0,0,.08)}
  .data-table tbody tr:last-child{border-bottom:0}
  .data-table tbody td:last-child{border-bottom:0}
  .data-table td::before{content:attr(data-label);color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  .compare-note-band{padding:12px 14px;border-radius:16px}
}

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}

/* =========================================================
   MOTION + MOBILE POLISH PATCH
   Subtle, premium, low-cost animation. No layout dependencies.
   ========================================================= */

:root{
  --motion-fast:180ms;
  --motion-med:320ms;
  --motion-slow:700ms;
  --ease-premium:cubic-bezier(.2,.7,.2,1);
}

/* Hero entrance */
#panel-home.is-active .exact-hero-copy .eyebrow,
#panel-home.is-active .exact-hero-copy h1,
#panel-home.is-active .exact-hero-copy .hero-text,
#panel-home.is-active .exact-hero-copy .hero-points,
#panel-home.is-active .exact-cta-row{
  animation:homeRise var(--motion-slow) var(--ease-premium) both;
}
#panel-home.is-active .exact-hero-copy h1{animation-delay:70ms}
#panel-home.is-active .exact-hero-copy .hero-text{animation-delay:130ms}
#panel-home.is-active .exact-hero-copy .hero-points{animation-delay:180ms}
#panel-home.is-active .exact-cta-row{animation-delay:230ms}

/* Hero artwork: tiny desktop parallax only */
.exact-hero-stage{
  --hero-x:0;
  --hero-y:0;
  transform:translate3d(calc(var(--hero-x) * 7px),calc(var(--hero-y) * 5px),0);
  transform-origin:70% 50%;
  transition:transform 420ms var(--ease-premium),filter 300ms ease;
  will-change:transform;
}
.exact-home-hero:hover .exact-hero-stage{filter:saturate(1.03) contrast(1.015)}

/* Yellow mark breathes once, then stays calm */
.highlight-mark::before{
  animation:markIn 850ms var(--ease-premium) 260ms both;
  transform-origin:left center;
}

/* CTA polish */
.hero-cta,
.exact-feature-card,
.exact-testimonial-card,
.brand-item,
.price-card,
.pro-promo-card{
  transition:transform var(--motion-med) var(--ease-premium), box-shadow var(--motion-med) var(--ease-premium), background-color var(--motion-med) ease, border-color var(--motion-med) ease;
}
.hero-cta:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.10)}
.hero-cta i,.feature-link{transition:transform var(--motion-fast) var(--ease-premium)}
.hero-cta:hover i,.exact-feature-card:hover .feature-link{transform:translateX(3px)}

.exact-feature-card:hover,
.exact-testimonial-card:hover,
.brand-item:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 34px rgba(0,0,0,.08);
}
.brand-item img{transition:transform var(--motion-med) var(--ease-premium),filter var(--motion-med) ease}
.brand-item:hover img{transform:scale(1.055);filter:grayscale(.2) contrast(1.05)}

/* Online indicator: gentle, not distracting */
.status-dot,
.header-status .dot,
[data-status-dot]{
  animation:statusPulse 2.6s ease-in-out infinite;
}

/* Scroll reveal utility added by portal.js */
.motion-reveal{
  opacity:0;
  transform:translateY(16px);
  transition:opacity 620ms var(--ease-premium),transform 620ms var(--ease-premium);
}
.motion-reveal.is-visible{opacity:1;transform:none}

@keyframes homeRise{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:none}
}
@keyframes markIn{
  from{transform:scaleX(.15);opacity:.2}
  to{transform:scaleX(1);opacity:1}
}
@keyframes statusPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(30,197,113,0)}
  50%{box-shadow:0 0 0 5px rgba(30,197,113,.12)}
}

/* Better medium screens: preserve the composition without crowding */
@media (max-width:1200px) and (min-width:981px){
  .exact-home-hero{min-height:390px}
  .exact-hero-copy{width:min(53%,640px)}
  .exact-hero-copy h1{font-size:clamp(50px,4.8vw,64px);line-height:.83}
  .exact-hero-stage{width:55%;top:16px;right:6px;bottom:16px;background-size:cover;background-position:right center}
  .exact-cta-row{gap:10px}
  .hero-cta{min-height:60px;padding:0 13px}
}

/* Tablet: make hero a clean stacked composition */
@media (max-width:980px){
  .exact-home-layout{gap:14px}
  .exact-home-hero{
    display:grid;
    grid-template-columns:1fr;
    min-height:0;
    overflow:hidden;
    border-radius:24px;
  }
  .exact-home-hero::after{display:none}
  .exact-hero-copy{
    width:100%;
    padding:20px 4px 10px;
  }
  .exact-hero-copy h1{
    max-width:820px;
    font-size:clamp(50px,9.2vw,72px);
    line-height:.86;
  }
  .exact-hero-copy .hero-text{max-width:700px}
  .exact-hero-stage{
    position:relative;
    inset:auto;
    width:100%;
    min-height:clamp(260px,46vw,390px);
    margin-top:10px;
    border-radius:24px;
    transform:none!important;
    background-position:center bottom!important;
    background-size:cover!important;
  }
  .exact-cta-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .hero-cta{min-height:60px;padding:0 12px}
  .hero-cta strong{font-size:13px}
  .hero-cta small{font-size:10px}
  .exact-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Phone */
@media (max-width:640px){
  body{padding:6px}
  .app-shell{width:100%;max-width:none}
  .site-header{gap:8px}
  .brand-logo{width:138px}
  .nav-pill{
    width:100%;
    overflow-x:auto;
    justify-content:flex-start;
    gap:14px;
    padding:0 14px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .nav-pill::-webkit-scrollbar{display:none}
  .tab-button{flex:0 0 auto}
  .exact-home-hero{border-radius:18px}
  .exact-hero-copy{padding:14px 2px 4px}
  .exact-hero-copy .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:8px}
  .exact-hero-copy h1{font-size:clamp(40px,14vw,56px);line-height:.88}
  .hero-text{font-size:13px;line-height:1.42;margin-top:10px}
  .hero-points{gap:7px 13px;margin-top:10px;font-size:11px}
  .exact-cta-row{grid-template-columns:1fr;margin-top:14px}
  .hero-cta{min-height:58px}
  .exact-hero-stage{min-height:230px;margin-top:6px;border-radius:18px}
  .exact-feature-grid{grid-template-columns:1fr;gap:9px}
  .exact-feature-card{min-height:0;padding:15px 46px 15px 15px;border-radius:16px}
  .feature-icon{margin-bottom:6px}
  .exact-trust-row{gap:12px;padding-top:12px}
  .brand-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .brand-item{min-height:82px;border-radius:14px}
  .brand-item img{max-height:30px}
  .exact-testimonial-card{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:10px}
  .testimonial-photo{width:64px;height:64px}
  .exact-pro-grid{grid-template-columns:1fr}
  .pro-promo-card,.price-card{border-radius:18px}
}

/* Never animate for users who request reduced motion, nor on touch-first devices. */
@media (hover:none),(pointer:coarse){
  .exact-hero-stage{transform:none!important;transition:none!important}
  .hero-cta:hover,.exact-feature-card:hover,.exact-testimonial-card:hover,.brand-item:hover{transform:none;box-shadow:none}
}

@media (prefers-reduced-motion:reduce){
  .motion-reveal{opacity:1!important;transform:none!important}
}

/* SMART NAV RESPONSIVE */
@media (max-width:980px){
  .site-header{position:sticky;top:6px;grid-template-columns:1fr auto;grid-template-areas:"brand actions" "nav nav";gap:8px;padding:5px 6px;border-radius:22px}
  .brand{grid-area:brand}
  .header-actions{grid-area:actions}
  .main-nav{grid-area:nav;display:none}
  .site-header.nav-open .main-nav{display:block}
  .mobile-nav-toggle{display:grid}
  .header-status{display:none}
  .top-download{display:inline-flex;min-height:42px;padding-inline:14px;font-size:12px}
  .theme-toggle{width:42px;min-height:42px}
  .nav-pill{justify-content:flex-start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-height:0;padding:8px;border-radius:18px;overflow:visible}
  .nav-active-indicator{display:none}
  .tab-button{width:100%;text-align:left;padding:12px 13px;background:rgba(0,0,0,.025)}
  html[data-theme="dark"] .tab-button{background:rgba(255,255,255,.035)}
  .tab-button.is-active{background:var(--ink);color:var(--card)}
  .tab-button.is-active::after{left:auto;right:12px;bottom:50%;transform:translateY(50%);width:5px;height:5px}
}
@media (max-width:620px){
  .brand-logo{width:150px}
  .site-header.is-scrolled .brand-logo{width:142px}
  .top-download{display:none}
  .nav-pill{grid-template-columns:1fr}
  .site-header{margin-bottom:10px}
}
@media (prefers-reduced-motion:reduce){
  .site-header,.brand-logo,.nav-active-indicator,.tab-button,.header-status,.icon-button,.top-download,.mobile-nav-toggle span{transition:none!important}
}


/* Floating WhatsApp contact */
.whatsapp-float{
  position:fixed;
  z-index:80;
  right:0;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:7px 14px 7px 10px;
  border:1px solid rgba(10,114,54,.28);
  border-right:0;
  border-radius:18px 0 0 18px;
  background:linear-gradient(180deg,#29d366 0%,#23c55e 100%);
  color:#fff;
  text-decoration:none;
  box-shadow:0 12px 24px rgba(20,120,60,.24);
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
html[data-theme="dark"] .whatsapp-float{
  border-color:rgba(255,255,255,.10);
  box-shadow:0 14px 28px rgba(0,0,0,.34),0 0 0 1px rgba(41,211,102,.08);
}
.whatsapp-icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.whatsapp-icon svg{width:18px;height:18px;display:block;fill:#fff}
.whatsapp-copy{display:grid;line-height:1.03;white-space:nowrap}
.whatsapp-copy strong{font-size:12px;font-weight:800;letter-spacing:-.01em;color:#fff}
.whatsapp-copy small{margin-top:3px;color:rgba(255,255,255,.9);font-size:10px;font-weight:700;letter-spacing:.01em}
.whatsapp-float:hover{
  transform:translateY(-50%) translateX(-4px);
  filter:saturate(1.04) brightness(1.02);
  box-shadow:0 16px 32px rgba(20,120,60,.30),0 0 0 5px rgba(37,211,102,.08);
}
.whatsapp-float:focus-visible{outline:3px solid rgba(37,211,102,.28);outline-offset:3px}
@media (max-width:1180px){
  .whatsapp-float{padding-right:12px;min-height:44px}
  .whatsapp-copy strong{font-size:11px}
  .whatsapp-copy small{font-size:9px}
}
@media (max-width:620px){
  .whatsapp-float{
    top:auto;
    right:14px;
    left:auto;
    bottom:14px;
    transform:none;
    min-height:44px;
    padding:7px 12px 7px 10px;
    border-right:1px solid rgba(10,114,54,.28);
    border-radius:999px;
    box-shadow:0 12px 26px rgba(20,120,60,.26);
  }
  .whatsapp-float:hover{transform:translateY(-2px)}
  .whatsapp-icon{width:28px;height:28px;flex-basis:28px}
}
@media (prefers-reduced-motion:reduce){
  .whatsapp-float{transition:none!important}
}


/* SEO/GEO copy pass additions: hierarchy and factual trust cards only. */
.hero-brand-tagline{margin:10px 0 0;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.geo-answer{max-width:760px;margin:10px 0 0;color:var(--body);font-size:12.25px;line-height:1.45}
.trust-fact-card{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:16px;background:var(--card);border-radius:18px}
.trust-fact-card strong{font-size:14px;line-height:1.18}
.trust-fact-card p{margin:6px 0 0;color:var(--body);font-size:11.5px;line-height:1.45}
.plan-name small{display:block;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.2;font-weight:600;letter-spacing:.02em}
.freshness-note{margin:8px 0 0;color:var(--muted);font-size:11px}
.compare-card{position:relative;text-decoration:none;color:inherit}


/* =========================================================
   HERO REDESIGN v5 — smaller typography, cleaner CTA, UI mockup
   ========================================================= */
.button-accent{background:var(--yellow);color:#111;box-shadow:0 10px 24px rgba(0,0,0,.10)}
.button-accent:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(0,0,0,.14)}
.button-accent i{background:#111;color:#fff}

#panel-home .exact-home-hero{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:center;
  gap:28px;
  min-height:430px;
  padding:10px 0 4px;
  overflow:visible;
}
#panel-home .exact-home-hero::after{display:none}
#panel-home .exact-hero-copy{
  width:100%;
  max-width:560px;
  padding:10px 0 8px;
}
#panel-home .exact-hero-copy .eyebrow{margin-bottom:12px;font-size:11px;letter-spacing:.16em;color:var(--muted)}
#panel-home .exact-hero-copy h1{
  max-width:560px;
  font-family:var(--font);
  font-size:clamp(40px,4vw,58px);
  line-height:.94;
  letter-spacing:-.05em;
  text-transform:none;
}
#panel-home .exact-hero-copy h1 .h1-lite{display:block;font-weight:600;color:var(--ink)}
#panel-home .exact-hero-copy h1 strong{display:block;font-weight:800;color:var(--ink)}
#panel-home .hero-brand-tagline{display:none}
#panel-home .hero-text{max-width:560px;margin-top:16px;font-size:16px;line-height:1.6;color:var(--ink)}
#panel-home .geo-answer{max-width:540px;margin-top:12px;font-size:13px;line-height:1.55;color:var(--body)}
#panel-home .hero-points{gap:8px 18px;margin-top:16px;font-size:13px;font-weight:600}
#panel-home .exact-cta-row{display:flex;gap:0;margin-top:20px}
#panel-home .hero-primary-cta{min-height:58px;padding:0 18px;min-width:min(100%,300px);text-align:left;justify-content:space-between}
#panel-home .hero-primary-cta strong{font-size:15px}
#panel-home .hero-primary-cta small{font-size:11px;opacity:.78}
#panel-home .hero-secondary-links{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:12px}
#panel-home .hero-secondary-links a{font-size:13px;font-weight:700;color:var(--ink);text-decoration:none;opacity:.82}
#panel-home .hero-secondary-links a:hover{opacity:1;text-decoration:underline}
#panel-home .exact-hero-stage{
  position:relative;
  inset:auto;
  width:100%;
  min-height:405px;
  border-radius:30px;
  border:1px solid rgba(0,0,0,.08);
  overflow:hidden;
  background:
    linear-gradient(135deg, rgba(7,10,18,.10) 0%, rgba(7,10,18,.02) 35%, rgba(7,10,18,.22) 100%),
    url('./assets/images/home-pro-car-bg.png') center/cover no-repeat;
  box-shadow:0 26px 60px rgba(0,0,0,.16),0 10px 24px rgba(0,0,0,.07);
  transform:none;
}
html[data-theme="dark"] #panel-home .exact-hero-stage{
  border-color:rgba(255,255,255,.08);
  box-shadow:0 26px 60px rgba(0,0,0,.40),0 10px 24px rgba(0,0,0,.24);
}
#panel-home .hero-stage-overlay{
  position:absolute;inset:0;
  background:linear-gradient(90deg, rgba(249,249,249,.26) 0%, rgba(249,249,249,.06) 22%, rgba(8,10,16,.12) 58%, rgba(8,10,16,.44) 100%);
}
html[data-theme="dark"] #panel-home .hero-stage-overlay{
  background:linear-gradient(90deg, rgba(8,10,16,.12) 0%, rgba(8,10,16,.04) 20%, rgba(8,10,16,.18) 55%, rgba(8,10,16,.50) 100%);
}
#panel-home .hero-ui-card{
  position:absolute;
  right:30px;
  bottom:28px;
  z-index:2;
  width:min(76%,440px);
  padding:18px;
  border-radius:24px;
  background:rgba(8,13,26,.84);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 20px 40px rgba(0,0,0,.34);
  color:#fff;
  backdrop-filter:blur(10px);
}
#panel-home .hero-ui-header{display:flex;align-items:center;justify-content:space-between;gap:14px}
#panel-home .hero-ui-kicker{display:block;margin-bottom:5px;color:rgba(255,255,255,.68);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
#panel-home .hero-ui-header strong{display:block;font-size:20px;line-height:1.1}
#panel-home .hero-ui-logo{width:58px;height:58px;object-fit:contain;border-radius:18px;box-shadow:0 12px 22px rgba(0,0,0,.30)}
#panel-home .hero-ui-status-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
#panel-home .hero-ui-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.09);font-size:11px;font-weight:700;color:#fff}
#panel-home .hero-ui-pill.is-online::before{content:"";width:8px;height:8px;border-radius:50%;background:#2ed573;margin-right:8px;box-shadow:0 0 0 4px rgba(46,213,115,.14)}
#panel-home .hero-ui-screen{display:grid;grid-template-columns:64px 1fr;gap:12px;margin-top:14px}
#panel-home .hero-ui-sidebar{display:grid;align-content:start;gap:10px;padding:12px 10px;border-radius:18px;background:rgba(255,255,255,.05)}
#panel-home .hero-ui-sidebar span{display:block;height:10px;border-radius:999px;background:rgba(255,255,255,.18)}
#panel-home .hero-ui-main{padding:12px;border-radius:18px;background:linear-gradient(180deg, rgba(19,32,59,.92), rgba(11,18,34,.92));border:1px solid rgba(255,255,255,.05)}
#panel-home .hero-ui-toolbar{display:flex;gap:6px}
#panel-home .hero-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25)}
#panel-home .hero-ui-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
#panel-home .hero-ui-panel{display:grid;gap:4px;padding:12px;border-radius:16px;background:rgba(255,255,255,.05)}
#panel-home .hero-ui-panel.large{grid-column:1 / -1;background:linear-gradient(135deg, rgba(62,129,255,.20), rgba(51,234,255,.08))}
#panel-home .hero-ui-panel small{color:rgba(255,255,255,.60);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
#panel-home .hero-ui-panel strong{font-size:16px;line-height:1.2}
#panel-home .hero-ui-panel span{color:rgba(255,255,255,.72);font-size:11px;line-height:1.4}
#panel-home .hero-ui-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#panel-home .hero-ui-actions span{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.07);font-size:11px;font-weight:700}

#panel-home .exact-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px}
#panel-home .exact-feature-card{min-height:0;padding:22px 52px 22px 20px;background:var(--card);border:1px solid rgba(0,0,0,.07);border-radius:22px;box-shadow:0 10px 24px rgba(0,0,0,.04)}
html[data-theme="dark"] #panel-home .exact-feature-card{border-color:rgba(255,255,255,.06);box-shadow:0 14px 28px rgba(0,0,0,.18)}
#panel-home .exact-feature-card p{margin-top:8px;font-size:13px;line-height:1.52}
#panel-home .feature-icon{width:38px;height:32px;margin-bottom:10px;font-size:22px}

@media (max-width:1200px){
  #panel-home .exact-home-hero{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:20px;min-height:400px}
  #panel-home .exact-hero-copy h1{font-size:clamp(38px,3.8vw,52px)}
  #panel-home .hero-text{font-size:15px}
  #panel-home .hero-ui-card{right:20px;bottom:20px;width:min(78%,400px)}
}
@media (max-width:980px){
  #panel-home .exact-home-hero{grid-template-columns:1fr;gap:14px;min-height:0}
  #panel-home .exact-hero-copy{max-width:none}
  #panel-home .exact-hero-copy h1{max-width:680px;font-size:clamp(36px,7vw,50px)}
  #panel-home .exact-hero-stage{min-height:340px;border-radius:24px}
  #panel-home .hero-ui-card{position:relative;right:auto;bottom:auto;width:calc(100% - 28px);margin:120px 14px 14px auto}
  #panel-home .exact-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  #panel-home .exact-hero-copy .eyebrow{font-size:10px}
  #panel-home .exact-hero-copy h1{font-size:clamp(32px,9.5vw,42px);line-height:.98}
  #panel-home .hero-text{font-size:14px;line-height:1.5}
  #panel-home .geo-answer{font-size:12px}
  #panel-home .hero-points{font-size:12px;gap:8px 12px}
  #panel-home .hero-primary-cta{width:100%}
  #panel-home .hero-secondary-links{gap:10px 16px}
  #panel-home .hero-secondary-links a{font-size:12px}
  #panel-home .exact-hero-stage{min-height:300px;border-radius:20px}
  #panel-home .hero-ui-card{width:calc(100% - 20px);margin:112px 10px 10px auto;padding:14px;border-radius:18px}
  #panel-home .hero-ui-header strong{font-size:17px}
  #panel-home .hero-ui-logo{width:50px;height:50px}
  #panel-home .hero-ui-screen{grid-template-columns:52px 1fr;gap:8px}
  #panel-home .hero-ui-panels{grid-template-columns:1fr}
  #panel-home .exact-feature-grid{grid-template-columns:1fr;gap:12px}
}


/* =========================================================
   HERO COMPOSITION v7 — artwork blended into the page, no card
   ========================================================= */
#panel-home .exact-home-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  align-items:center;
  gap:10px;
  min-height:430px;
  padding:12px 0 8px;
  isolation:isolate;
  overflow:visible;
}
#panel-home .exact-hero-copy{
  position:relative;
  z-index:4;
  width:100%;
  max-width:575px;
  padding:18px 0 16px;
}
#panel-home .exact-hero-copy h1{
  max-width:570px;
  font-family:var(--font);
  font-size:clamp(40px,3.9vw,56px);
  line-height:.95;
  letter-spacing:-.048em;
}
#panel-home .exact-hero-stage{
  position:relative;
  z-index:1;
  inset:auto;
  width:calc(100% + 70px);
  min-height:430px;
  margin-left:-54px;
  margin-right:-16px;
  border:0;
  border-radius:0;
  overflow:visible;
  background:none;
  box-shadow:none;
  transform:none!important;
  filter:none!important;
  pointer-events:none;
}
html[data-theme="dark"] #panel-home .exact-hero-stage{
  border:0;
  box-shadow:none;
  background:none;
}
#panel-home .hero-visual-image{
  position:absolute;
  z-index:1;
  inset:0 0 0 auto;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border:0;
  border-radius:0;
  box-shadow:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.14) 8%,rgba(0,0,0,.72) 20%,#000 35%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.14) 8%,rgba(0,0,0,.72) 20%,#000 35%,#000 100%);
}
#panel-home .hero-visual-fade{
  position:absolute;
  z-index:2;
  inset:0;
  background:
    linear-gradient(90deg,var(--canvas) 0%,rgba(231,231,231,.86) 7%,rgba(231,231,231,.42) 17%,rgba(231,231,231,.08) 29%,rgba(231,231,231,0) 40%),
    linear-gradient(180deg,rgba(231,231,231,.10) 0%,rgba(231,231,231,0) 22%,rgba(231,231,231,0) 78%,rgba(231,231,231,.16) 100%);
}
html[data-theme="dark"] #panel-home .hero-visual-fade{
  background:
    linear-gradient(90deg,var(--canvas) 0%,rgba(16,17,20,.86) 7%,rgba(16,17,20,.44) 17%,rgba(16,17,20,.08) 29%,rgba(16,17,20,0) 40%),
    linear-gradient(180deg,rgba(16,17,20,.10) 0%,rgba(16,17,20,0) 22%,rgba(16,17,20,0) 78%,rgba(16,17,20,.16) 100%);
}
#panel-home .hero-visual-caption{
  position:absolute;
  z-index:3;
  right:22px;
  bottom:20px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(8,10,14,.64);
  color:#fff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.01em;
  backdrop-filter:blur(8px);
}
#panel-home .hero-live-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#2ed573;
  box-shadow:0 0 0 4px rgba(46,213,115,.14);
}
#panel-home .hero-stage-overlay,
#panel-home .hero-ui-card{display:none!important}

/* Let artwork and copy visually meet instead of reading as two boxes. */
#panel-home .exact-hero-copy::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:6%;
  right:-110px;
  width:170px;
  height:88%;
  pointer-events:none;
  background:linear-gradient(90deg,var(--canvas) 0%,rgba(231,231,231,.82) 38%,rgba(231,231,231,0) 100%);
  filter:blur(2px);
}
html[data-theme="dark"] #panel-home .exact-hero-copy::after{
  background:linear-gradient(90deg,var(--canvas) 0%,rgba(16,17,20,.82) 38%,rgba(16,17,20,0) 100%);
}

@media (max-width:1200px){
  #panel-home .exact-home-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:6px;min-height:400px}
  #panel-home .exact-hero-stage{width:calc(100% + 44px);min-height:400px;margin-left:-38px;margin-right:-6px}
  #panel-home .exact-hero-copy h1{font-size:clamp(38px,3.7vw,50px)}
}
@media (max-width:980px){
  #panel-home .exact-home-hero{grid-template-columns:1fr;gap:2px;min-height:0}
  #panel-home .exact-hero-copy{max-width:none;padding-bottom:2px}
  #panel-home .exact-hero-copy::after{display:none}
  #panel-home .exact-hero-stage{width:100%;min-height:330px;margin:0}
  #panel-home .hero-visual-image{
    -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.65) 0%,#000 14%,#000 88%,rgba(0,0,0,.88) 100%);
    mask-image:linear-gradient(180deg,rgba(0,0,0,.65) 0%,#000 14%,#000 88%,rgba(0,0,0,.88) 100%);
  }
  #panel-home .hero-visual-fade{
    background:linear-gradient(180deg,var(--canvas) 0%,rgba(231,231,231,.24) 11%,rgba(231,231,231,0) 25%,rgba(231,231,231,0) 100%);
  }
  html[data-theme="dark"] #panel-home .hero-visual-fade{
    background:linear-gradient(180deg,var(--canvas) 0%,rgba(16,17,20,.24) 11%,rgba(16,17,20,0) 25%,rgba(16,17,20,0) 100%);
  }
}
@media (max-width:640px){
  #panel-home .exact-hero-copy h1{font-size:clamp(32px,9vw,42px)}
  #panel-home .exact-hero-stage{min-height:250px}
  #panel-home .hero-visual-caption{right:10px;bottom:10px;min-height:28px;padding:0 10px;font-size:10px}
}


/* =========================================================
   v8 TYPOGRAPHY + FEATURE ROW CORRECTION
   Keep v7 blended artwork; restore original 4Desk type language.
   ========================================================= */
#panel-home .exact-hero-copy h1{
  max-width:610px;
  font-family:var(--display);
  font-size:clamp(48px,4.35vw,66px);
  line-height:.88;
  letter-spacing:-.025em;
  text-transform:uppercase;
}
#panel-home .exact-hero-copy h1 .h1-lite,
#panel-home .exact-hero-copy h1 strong{
  display:inline;
  font:inherit;
  font-weight:400;
  color:var(--ink);
}
#panel-home .exact-hero-copy h1 .h1-lite::after{content:" ";}

/* Restore the original compact four-card row on desktop. */
#panel-home .exact-feature-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:8px;
}
#panel-home .exact-feature-card{
  min-height:146px;
  padding:18px 48px 17px 18px;
  border-radius:20px;
  box-shadow:none;
}
#panel-home .exact-feature-card p{
  margin-top:5px;
  font-size:12.25px;
  line-height:1.45;
}
#panel-home .feature-icon{
  width:40px;
  height:34px;
  margin-bottom:8px;
  font-size:23px;
}

/* Keep the single CTA clean: title and subtitle on separate lines. */
#panel-home .hero-primary-cta{
  display:inline-flex;
  align-items:center;
  gap:14px;
  min-width:286px;
}
#panel-home .hero-primary-cta > span{
  display:block;
  min-width:0;
}
#panel-home .hero-primary-cta strong{
  display:block;
  font-size:14px;
  line-height:1.08;
}
#panel-home .hero-primary-cta small{
  display:block;
  margin-top:3px;
  font-size:11px;
  line-height:1.15;
  white-space:nowrap;
}

@media (max-width:1200px) and (min-width:981px){
  #panel-home .exact-hero-copy h1{font-size:clamp(46px,4.2vw,60px)}
  #panel-home .exact-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  #panel-home .exact-feature-card{padding:16px 42px 15px 16px}
  #panel-home .exact-feature-card h2{font-size:14px}
  #panel-home .exact-feature-card p{font-size:11.5px}
}
@media (max-width:980px){
  #panel-home .exact-hero-copy h1{font-size:clamp(46px,8vw,64px);line-height:.89}
  #panel-home .exact-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media (max-width:640px){
  #panel-home .exact-hero-copy h1{font-size:clamp(42px,13vw,58px);line-height:.9}
  #panel-home .exact-feature-grid{grid-template-columns:1fr}
  #panel-home .hero-primary-cta{width:100%;min-width:0}
}

/* =========================================================
   DARK MODE FEATURED PLAN POLISH v9
   ========================================================= */
html[data-theme="dark"] .exact-price-card.featured,
html[data-theme="dark"] .support-grid .price-card.featured{
  background:linear-gradient(145deg,#173720 0%,#11281a 100%);
  border:1px solid rgba(83,211,126,.18);
  box-shadow:0 16px 34px rgba(0,0,0,.24);
  color:#f4fbf6;
}
html[data-theme="dark"] .exact-price-card.featured .plan-name,
html[data-theme="dark"] .support-grid .price-card.featured .plan-name,
html[data-theme="dark"] .exact-price-card.featured .price-value strong,
html[data-theme="dark"] .support-grid .price-card.featured .price-value strong{
  color:#f7fff9;
}
html[data-theme="dark"] .exact-price-card.featured .plan-name small,
html[data-theme="dark"] .support-grid .price-card.featured .plan-name small,
html[data-theme="dark"] .exact-price-card.featured .price-value small,
html[data-theme="dark"] .support-grid .price-card.featured .price-value small,
html[data-theme="dark"] .exact-price-card.featured .price-copy,
html[data-theme="dark"] .support-grid .price-card.featured .price-copy{
  color:rgba(237,250,241,.68);
}
html[data-theme="dark"] .exact-price-card.featured .price-features li,
html[data-theme="dark"] .support-grid .price-card.featured .price-features li{
  color:rgba(244,251,246,.82);
}
html[data-theme="dark"] .exact-price-card.featured .price-features li::before,
html[data-theme="dark"] .support-grid .price-card.featured .price-features li::before{
  color:#5bdf8a;
}
html[data-theme="dark"] .exact-price-card.featured .plan-duration,
html[data-theme="dark"] .support-grid .price-card.featured .plan-duration{
  background:rgba(83,211,126,.13);
  border:1px solid rgba(83,211,126,.15);
  color:#b9efcb;
}
html[data-theme="dark"] .exact-price-card.featured .popular-chip,
html[data-theme="dark"] .support-grid .price-card.featured .popular-chip{
  background:#ffe100;
  color:#111;
  box-shadow:0 5px 14px rgba(0,0,0,.20);
}
html[data-theme="dark"] .exact-price-card.featured .button-dark,
html[data-theme="dark"] .support-grid .price-card.featured .button-dark{
  background:#f4fbf6;
  color:#122418;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 8px 18px rgba(0,0,0,.16);
}
html[data-theme="dark"] .exact-price-card.featured .button-dark:hover,
html[data-theme="dark"] .support-grid .price-card.featured .button-dark:hover{
  background:#fff;
  transform:translateY(-1px);
}

/* =========================================================
   v10 PAGE TITLE SYNC
   Keep one semantic H1 on Home, but make every internal page
   heading use the same 4Desk display font, size and rhythm.
   ========================================================= */
.page-title{
  max-width:980px;
  margin:0;
  font-family:var(--display);
  font-size:clamp(48px,4.35vw,66px);
  line-height:.88;
  letter-spacing:-.025em;
  font-weight:400;
  text-transform:uppercase;
  color:var(--ink);
}

@media (max-width:1200px) and (min-width:981px){
  .page-title{font-size:clamp(46px,4.2vw,60px)}
}
@media (max-width:980px){
  .page-title{font-size:clamp(46px,8vw,64px);line-height:.89}
}
@media (max-width:640px){
  .page-title{font-size:clamp(42px,13vw,58px);line-height:.9}
}

/* =========================================================
   v11 GLOBAL POLISH — spacing, card system, viewer, trust, footer
   ========================================================= */
:root{
  --card-radius:20px;
  --card-radius-sm:14px;
  --card-shadow:0 10px 28px rgba(0,0,0,.055);
  --card-border:rgba(0,0,0,.065);
}
html[data-theme="dark"]{
  --card-shadow:0 14px 30px rgba(0,0,0,.20);
  --card-border:rgba(255,255,255,.07);
}

/* More consistent page rhythm */
.tab-panel > .panel-inner{padding-top:8px}
.section-head{align-items:flex-end;margin-bottom:2px}
.section-head .section-text{max-width:980px;margin-top:12px}
.stack-lg{gap:20px}

/* Unified premium card treatment */
.download-card,.info-card,.release-card,.faq-grid details,
.price-card,.trust-fact-card,.brand-item,.verified-strip:not(.exact-verified-strip) article{
  border-radius:var(--card-radius);
  border:1px solid var(--card-border);
  box-shadow:var(--card-shadow);
}
.download-card,.info-card,.release-card,.faq-grid details{padding:22px}

/* Downloads: soften the visual weight of the dark Web Viewer card */
.download-card.dark-card{
  background:linear-gradient(145deg,#15171b 0%,#0f1114 100%);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 14px 30px rgba(0,0,0,.16);
}
.download-card.dark-card .button-dark{background:#1d2025;color:#fff;border:1px solid rgba(255,255,255,.08)}
html[data-theme="dark"] .download-card.dark-card{background:linear-gradient(145deg,#1b1e23 0%,#14171b 100%)}

/* Web Viewer: balanced full-width product story instead of empty 2-col panel */
.viewer-panel-polish{gap:18px}
.viewer-head{align-items:flex-end}
.viewer-head > div{max-width:980px}
.viewer-primary-action{flex:0 0 auto;margin-bottom:4px}
.viewer-flow-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);
  align-items:center;
  gap:10px;
}
.viewer-step{
  display:flex;
  gap:14px;
  min-height:118px;
  padding:20px;
  border-radius:var(--card-radius);
  background:var(--card);
  border:1px solid var(--card-border);
  box-shadow:var(--card-shadow);
  transition:transform .28s var(--ease-premium),box-shadow .28s var(--ease-premium);
}
.viewer-step:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.09)}
.viewer-step-number{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:12px;background:var(--mist);font-size:11px;font-weight:800;letter-spacing:.08em}
.viewer-step strong{display:block;font-size:16px;line-height:1.2}
.viewer-step p{margin:7px 0 0;color:var(--body);font-size:12.5px;line-height:1.48}
.viewer-flow-arrow{display:grid;place-items:center;color:var(--muted);font-size:22px}
.viewer-showcase-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.72fr);gap:16px}
.viewer-browser-mock{overflow:hidden;border-radius:24px;background:#111722;color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.16)}
.viewer-browser-bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#171e2b}
.viewer-browser-bar > span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.22)}
.viewer-browser-bar strong{margin-left:8px;font-size:11px;color:rgba(255,255,255,.72)}
.viewer-browser-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.55fr);gap:18px;min-height:210px;padding:26px;background:radial-gradient(circle at 70% 20%,rgba(62,129,255,.14),transparent 42%),linear-gradient(145deg,#111722,#0e131d)}
.viewer-browser-copy{align-self:center}
.viewer-browser-copy small,.viewer-code-box small{display:block;color:#7f9ac0;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.viewer-browser-copy strong{display:block;margin-top:8px;font-size:25px;line-height:1.1}
.viewer-browser-copy p{margin:9px 0 0;color:rgba(255,255,255,.64);font-size:12px;line-height:1.5}
.viewer-code-box{align-self:center;padding:20px;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}
.viewer-code-box strong{display:block;margin-top:8px;font-size:28px;letter-spacing:.06em}
.viewer-code-box span{display:block;margin-top:8px;color:#76e49e;font-size:11px;font-weight:700}
.viewer-benefit-stack{display:grid;gap:12px}
.viewer-benefit{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:var(--card-radius);background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}
.viewer-benefit-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:11px;background:var(--mist);font-weight:800}
.viewer-benefit strong{display:block;font-size:14px}
.viewer-benefit p{margin:5px 0 0;color:var(--body);font-size:12px;line-height:1.45}

/* Home trust section: one coherent horizontal system */
.home-trust-band{
  display:grid;
  grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);
  gap:16px;
  padding:16px 0 14px;
  border-top:1px solid var(--card-border);
  border-bottom:1px solid var(--card-border);
}
.home-trust-heading{align-self:center}
.home-trust-heading .trust-kicker{margin-bottom:7px}
.home-trust-heading > strong{display:block;font-size:16px;line-height:1.25}
.home-trust-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.home-trust-items article{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 13px;border-radius:16px;background:var(--card);border:1px solid var(--card-border)}
.home-trust-items img{width:28px;height:28px;object-fit:contain;flex:0 0 auto}
.home-trust-items strong{display:block;font-size:12px;line-height:1.2}
.home-trust-items span{display:block;margin-top:3px;color:var(--muted);font-size:9.5px;line-height:1.3}
.home-trust-items .home-trust-wide{grid-column:auto}
.home-trust-dot{width:10px;height:10px!important;flex:0 0 auto;border-radius:50%;background:#27c978!important;box-shadow:0 0 0 5px rgba(39,201,120,.12);margin:0!important}

/* Footer: deliberate single-row system */
.site-footer.site-footer-polished{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:22px;
  margin-top:16px;
  padding:16px 4px 6px;
  border-top:1px solid var(--card-border);
  font-size:10px;
}
.footer-brandline{display:flex;align-items:center;gap:10px;white-space:nowrap}
.footer-brandline strong{color:var(--ink);font-size:11px}
.footer-links{display:flex;justify-content:center;align-items:center;gap:18px;min-width:0}
.footer-links span,.footer-links a{color:var(--muted);text-decoration:none;white-space:nowrap}
.footer-links a:hover{color:var(--ink)}
.footer-status{display:inline-flex;align-items:center;gap:7px;color:var(--muted);text-decoration:none;white-space:nowrap}

/* Consistent interaction polish */
.download-card,.info-card,.release-card,.faq-grid details,.price-card,.viewer-benefit,.home-trust-items article{
  transition:transform .28s var(--ease-premium),box-shadow .28s var(--ease-premium),border-color .28s ease,background-color .28s ease;
}
.download-card:hover,.info-card:hover,.release-card:hover,.price-card:hover,.viewer-benefit:hover,.home-trust-items article:hover{
  transform:translateY(-2px);
}
.tab-panel.is-active{animation:panelFadeIn 320ms var(--ease-premium) both}
@keyframes panelFadeIn{from{opacity:.72;transform:translateY(4px)}to{opacity:1;transform:none}}

@media (max-width:1200px){
  .home-trust-band{grid-template-columns:1fr}
  .home-trust-items{grid-template-columns:repeat(3,minmax(0,1fr))}
  .viewer-showcase-grid{grid-template-columns:1fr}
  .viewer-benefit-stack{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:980px){
  .viewer-head{display:grid;align-items:start}
  .viewer-primary-action{justify-self:start;margin-top:2px}
  .viewer-flow-grid{grid-template-columns:1fr}
  .viewer-flow-arrow{transform:rotate(90deg);height:20px}
  .viewer-browser-body{grid-template-columns:1fr}
  .viewer-benefit-stack{grid-template-columns:1fr}
  .home-trust-items{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-footer.site-footer-polished{grid-template-columns:1fr;gap:10px;text-align:left}
  .footer-links{justify-content:flex-start;flex-wrap:wrap;gap:10px 16px}
}
@media (max-width:640px){
  .home-trust-items{grid-template-columns:1fr}
  .viewer-browser-body{padding:18px}
  .viewer-browser-copy strong{font-size:21px}
  .viewer-code-box strong{font-size:22px}
  .footer-brandline{flex-wrap:wrap}
}


/* PayPal payment readiness */
.payment-method-pill{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin-top:10px;padding:7px 10px;border-radius:999px;background:rgba(0,112,186,.08);color:var(--ink);font-size:11px;font-weight:700;line-height:1}
.paypal-mark{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:#0070ba;color:#fff;font-weight:800;font-style:italic}
.paypal-payment-button{min-height:58px;text-align:left}
.paypal-payment-button span:first-child{display:grid;gap:3px}
.paypal-payment-button strong{font-size:13px;line-height:1.1}
.paypal-payment-button small{font-size:10px;font-weight:600;opacity:.68}
.paypal-payment-button[aria-disabled="true"]{opacity:.62;cursor:not-allowed;pointer-events:none}
html[data-theme="dark"] .payment-method-pill{background:rgba(64,156,255,.12);color:#eef5ff}


/* =========================================================
   LEGAL / OPEN SOURCE PAGE v13
   ========================================================= */
.legal-page-body{background:var(--canvas)}
.legal-shell{max-width:1440px}
.legal-header{grid-template-columns:auto 1fr auto}
.legal-top-nav{display:flex;justify-content:center;align-items:center;gap:8px}
.legal-top-nav a{padding:9px 13px;border-radius:999px;color:var(--body);font-size:12px;font-weight:700;text-decoration:none;transition:background .2s ease,color .2s ease}
.legal-top-nav a:hover{background:var(--card);color:var(--ink)}
.legal-home-button{min-height:42px;padding-inline:16px}
.legal-main{display:grid;gap:22px}
.legal-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);gap:28px;align-items:center;padding:34px 8px 12px}
.legal-hero-copy{max-width:760px}
.legal-hero h1{margin:10px 0 0;font-family:var(--display);font-size:clamp(58px,7vw,104px);line-height:.84;letter-spacing:-.03em;text-transform:uppercase}
.legal-lead{max-width:720px;margin:20px 0 0;color:var(--ink);font-size:17px;line-height:1.6}
.legal-independence{max-width:680px;margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.legal-provenance-card{padding:24px;border:1px solid rgba(0,0,0,.07);border-radius:26px;background:var(--card);box-shadow:0 16px 38px rgba(0,0,0,.07)}
html[data-theme="dark"] .legal-provenance-card{border-color:rgba(255,255,255,.07);box-shadow:0 18px 42px rgba(0,0,0,.22)}
.legal-card-kicker{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.legal-provenance-row{display:flex;align-items:center;gap:13px;margin:16px 0 18px}
.legal-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--ink);color:var(--canvas);font-family:var(--display);font-size:26px}
.legal-provenance-row strong{display:block;font-size:18px}.legal-provenance-row span{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.legal-meta-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid rgba(0,0,0,.07);font-size:12px}
html[data-theme="dark"] .legal-meta-row{border-color:rgba(255,255,255,.07)}
.legal-meta-row span{color:var(--muted)}.legal-meta-row strong{text-align:right;color:var(--ink)}
.legal-external-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.legal-external-links a{font-size:12px;font-weight:800;color:var(--ink);text-decoration:none}
.legal-intro-band{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:16px 20px;border-radius:18px;background:var(--ink);color:var(--canvas)}
.legal-intro-band strong{font-size:13px}.legal-intro-band span{font-size:12px;line-height:1.5;opacity:.78}
.legal-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.legal-resource-card{position:relative;display:flex;flex-direction:column;min-height:270px;padding:22px;border:1px solid rgba(0,0,0,.07);border-radius:22px;background:var(--card);box-shadow:0 10px 26px rgba(0,0,0,.045);transition:transform .25s ease,box-shadow .25s ease}
.legal-resource-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(0,0,0,.08)}
html[data-theme="dark"] .legal-resource-card{border-color:rgba(255,255,255,.065);box-shadow:0 12px 28px rgba(0,0,0,.18)}
.legal-resource-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:20px;border-radius:14px;background:var(--mist);font-size:17px;font-weight:800;color:var(--ink)}
.legal-resource-card h2{margin:8px 0 0;font-size:18px;line-height:1.2;letter-spacing:-.025em}.legal-resource-card p{margin:10px 0 18px;color:var(--body);font-size:12.5px;line-height:1.55}
.legal-card-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:13px;border-top:1px solid rgba(0,0,0,.07);color:var(--ink);font-size:12px;font-weight:800;text-decoration:none}
.legal-status-pill{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;margin-top:auto;min-height:30px;padding:0 11px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.legal-status-pill.pending{background:#f3efe1;color:#74631f}.legal-status-pill.pending i{width:7px;height:7px;border-radius:50%;background:#cfac2f;box-shadow:0 0 0 4px rgba(207,172,47,.13)}
html[data-theme="dark"] .legal-status-pill.pending{background:rgba(207,172,47,.12);color:#e4c85f}
.legal-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.legal-detail-card{padding:24px;border-radius:24px;background:var(--card);border:1px solid rgba(0,0,0,.07)}
html[data-theme="dark"] .legal-detail-card{border-color:rgba(255,255,255,.065)}
.legal-detail-card h2{margin:8px 0 0;font-size:26px;line-height:1.05;letter-spacing:-.035em}.legal-detail-card>p:not(.eyebrow){margin:12px 0 0;color:var(--body);font-size:13px;line-height:1.55}
.legal-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.legal-chip-list span{padding:9px 11px;border-radius:999px;background:var(--mist);font-size:11px;font-weight:700;color:var(--ink)}
.warning-card{background:linear-gradient(145deg,var(--card),rgba(246,217,91,.08))}.legal-check-list{display:grid;gap:8px;margin-top:18px}.legal-check-list span{display:flex;align-items:center;gap:10px;color:var(--body);font-size:12px}.legal-check-list i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--yellow);color:#111;font-style:normal;font-size:10px;font-weight:800}
.legal-version-block{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:24px;align-items:center;padding:24px;border-radius:24px;background:var(--card);border:1px solid rgba(0,0,0,.07)}
.legal-version-block h2{margin:8px 0 0;font-size:25px;line-height:1.08;letter-spacing:-.03em}.legal-version-flow{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.legal-version-flow span{padding:10px 12px;border-radius:12px;background:var(--mist);font-size:10.5px;font-weight:800}.legal-version-flow b{color:var(--muted)}
.legal-disclaimer{padding:17px 20px;border-left:4px solid var(--yellow);border-radius:4px 16px 16px 4px;background:var(--card)}.legal-disclaimer strong{font-size:12px}.legal-disclaimer p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.legal-footer{margin-top:2px}
@media(max-width:980px){.legal-header{grid-template-columns:1fr auto}.legal-top-nav{display:none}.legal-hero{grid-template-columns:1fr;padding-top:22px}.legal-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.legal-details-grid,.legal-version-block{grid-template-columns:1fr}.legal-version-flow{justify-content:flex-start}}
@media(max-width:640px){.legal-home-button{padding:0 12px;font-size:11px}.legal-hero h1{font-size:clamp(48px,16vw,68px)}.legal-lead{font-size:15px}.legal-card-grid{grid-template-columns:1fr}.legal-intro-band{grid-template-columns:1fr;gap:5px}.legal-resource-card{min-height:0}.legal-provenance-card,.legal-detail-card,.legal-version-block{padding:18px;border-radius:20px}.legal-version-flow{display:grid;grid-template-columns:1fr}.legal-version-flow b{display:none}.legal-version-flow span{width:100%}}


/* =========================================================
   LEGAL v14 — match Home title + real release data
   ========================================================= */
.legal-header{margin-bottom:4px}
.legal-main{padding-top:0}
.legal-hero{padding:24px 8px 12px}
.legal-hero-copy{max-width:700px}
.legal-hero h1{
  max-width:610px;
  margin:10px 0 0;
  font-family:var(--display);
  font-size:clamp(48px,4.35vw,66px);
  line-height:.87;
  letter-spacing:-.025em;
  text-transform:uppercase;
}
.legal-lead{margin-top:16px;font-size:15px;line-height:1.58}
.legal-independence{margin-top:9px}

.legal-live-data{display:grid;gap:14px;padding:20px;border-radius:24px;background:var(--card);border:1px solid rgba(0,0,0,.07);box-shadow:0 12px 28px rgba(0,0,0,.045)}
html[data-theme="dark"] .legal-live-data{border-color:rgba(255,255,255,.065);box-shadow:0 12px 30px rgba(0,0,0,.2)}
.legal-live-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.legal-live-head h2{margin:6px 0 0;font-size:22px;line-height:1.1;letter-spacing:-.03em}
.legal-live-state{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:#e6f7ec;color:#247744;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.legal-live-state i{width:8px;height:8px;border-radius:50%;background:#29c96f;box-shadow:0 0 0 4px rgba(41,201,111,.12)}
html[data-theme="dark"] .legal-live-state{background:rgba(41,201,111,.12);color:#81e3a8}
.legal-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.legal-live-grid article{min-width:0;padding:14px;border-radius:17px;background:var(--mist)}
.legal-live-grid article.needs-attention{background:rgba(246,217,91,.16)}
.legal-live-grid span{display:block;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.legal-live-grid strong{display:block;margin-top:5px;color:var(--ink);font-size:14px;line-height:1.25}
.legal-live-grid small{display:block;margin-top:4px;color:var(--body);font-size:10.5px;line-height:1.4}
.legal-status-pill.confirmed{background:#e6f7ec;color:#247744}
.legal-status-pill.confirmed i{width:7px;height:7px;border-radius:50%;background:#29c96f;box-shadow:0 0 0 4px rgba(41,201,111,.12)}
.legal-status-pill.attention{background:#f3efe1;color:#74631f}
.legal-status-pill.attention i{width:7px;height:7px;border-radius:50%;background:#cfac2f;box-shadow:0 0 0 4px rgba(207,172,47,.13)}
html[data-theme="dark"] .legal-status-pill.confirmed{background:rgba(41,201,111,.12);color:#81e3a8}
html[data-theme="dark"] .legal-status-pill.attention{background:rgba(207,172,47,.12);color:#e4c85f}

@media(max-width:1200px) and (min-width:981px){
  .legal-hero h1{font-size:clamp(46px,4.2vw,60px)}
}
@media(max-width:980px){
  .legal-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .legal-hero h1{font-size:clamp(46px,8vw,64px);line-height:.89}
}
@media(max-width:640px){
  .legal-hero h1{font-size:clamp(42px,13vw,58px);line-height:.9}
  .legal-live-head{align-items:flex-start;flex-direction:column}
  .legal-live-grid{grid-template-columns:1fr}
}

.legal-card-link-secondary{margin-top:7px;padding-top:8px;border-top:0;color:var(--muted)}

/* ======================================================================
   4DESK UNIFIED DESIGN SYSTEM — 2026-09-27
   Restructured from DESIGN (4).md. Functional selectors are preserved.
   ====================================================================== */
:root{
  --canvas:#ffffff;
  --card:#ffffff;
  --mist:#f3f3f3;
  --ink:#202020;
  --body:#202020;
  --muted:#575656;
  --line:#d8d8d8;
  --mint:#fff386;
  --yellow:#ffdb5b;
  --green:#202020;
  --radius:24px;
  --radius-lg:24px;
  --pill:1000px;
  --max:1200px;
  --display:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --sans:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --shadow-sm:rgba(32,32,32,.12) 0 1px 8px 0;
  --section-gap:64px;
  --card-pad:32px;
}
html[data-theme="dark"]{
  --canvas:#202020;
  --card:#292929;
  --mist:#343333;
  --ink:#ffffff;
  --body:#f3f3f3;
  --muted:#c5c5c5;
  --line:#575656;
  --mint:#4a4526;
  --yellow:#ffdb5b;
  --green:#fff386;
}
body{font-family:var(--sans);background:var(--canvas);color:var(--body);letter-spacing:.007em}
.app-shell{width:100%;max-width:none;margin:0;background:var(--canvas)}
.site-header{width:min(var(--max),calc(100% - 40px));min-height:72px;margin:16px auto 0;padding:10px 12px 10px 18px;border:0;border-radius:16px;background:var(--mist);box-shadow:none;gap:18px}
.brand-logo{max-width:138px;height:auto}.brand-logo-light,.brand-logo-dark{object-fit:contain}
.main-nav{flex:1}.nav-pill{background:transparent;border:0;padding:0;gap:4px;box-shadow:none}
.tab-button,.legal-top-nav a{min-height:42px;padding:0 14px;border:0;border-radius:16px;background:transparent;color:var(--ink);font-size:15px;font-weight:500;letter-spacing:.007em}
.tab-button.is-active,.legal-top-nav a:hover{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}
.header-status{border:0;background:transparent;color:var(--muted);font-size:13px}.status-dot{background:var(--ink);box-shadow:none}
.icon-button{width:42px;height:42px;border:0;border-radius:16px;background:var(--card);color:var(--ink);box-shadow:none}
.button{min-height:48px;padding:0 24px;border-radius:16px;border:1px solid var(--ink);font-size:16px;font-weight:500;letter-spacing:.016em;box-shadow:none;transform:none!important}
.button-dark,.button-accent,.hero-primary-cta{background:var(--ink)!important;color:var(--card)!important;border-color:var(--ink)!important}
.button-light{background:var(--card)!important;color:var(--ink)!important;border-color:var(--ink)!important}
.button:hover{filter:none;opacity:.88;box-shadow:none}
.workspace{padding:0}.tab-panel{background:transparent}.panel-inner{width:min(var(--max),calc(100% - 40px));margin:0 auto;padding:48px 0 72px}
.stack-lg{gap:40px}.section-head{margin-bottom:32px}.eyebrow,.trust-kicker,.legal-card-kicker{color:var(--muted);font-size:15px;font-weight:600;letter-spacing:.02em;text-transform:none}
.page-title,.section-head h2,.legal-main h2{color:var(--ink);font-family:var(--sans);font-weight:700;letter-spacing:.02em;line-height:1.08}
.page-title{font-size:clamp(36px,5vw,68px)}.section-head h2,.legal-main h2{font-size:clamp(28px,3vw,40px)}
.section-text,.hero-text,.geo-answer,.legal-lead,.legal-independence{color:var(--muted);font-size:17px;line-height:1.5;letter-spacing:.012em}
.highlight-mark{color:inherit}

/* Home: one clear editorial sequence instead of nested dashboard chrome */
.exact-home-layout{display:grid;gap:64px}
.hero-section.exact-home-hero{min-height:560px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:48px;align-items:center;padding:48px;border-radius:24px;background:var(--yellow);overflow:hidden}
.exact-hero-copy{max-width:560px}.exact-hero-copy h1{margin:10px 0 22px;color:#202020;font-family:var(--sans);font-size:clamp(48px,6.2vw,78px);font-weight:700;letter-spacing:.02em;line-height:.98}.h1-lite{display:block;font-weight:500}.exact-hero-copy .eyebrow,.exact-hero-copy .hero-text,.exact-hero-copy .geo-answer{color:#202020}.geo-answer{opacity:.72}.hero-points{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.hero-points>*{border:1px solid #202020!important;border-radius:1000px!important;background:rgba(255,255,255,.5)!important;color:#202020!important;padding:9px 14px!important}
.exact-cta-row{margin-top:24px}.hero-secondary-links a{color:#202020;text-decoration:none;border-bottom:1px solid rgba(32,32,32,.45)}
.exact-hero-stage{min-width:0}.hero-visual-image{width:100%;height:auto;max-height:500px;object-fit:cover;border-radius:24px;box-shadow:var(--shadow-sm);transform:rotate(1.5deg)}.hero-visual-fade{display:none}.hero-visual-caption{background:#fff;color:#202020;border:0;border-radius:1000px;box-shadow:var(--shadow-sm)}
.feature-grid.four-up{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature-card,.viewer-benefit,.download-card,.pro-promo-card,.price-card,.support-card,.verified-card,.compare-card,.release-card{border:0!important;border-radius:24px!important;background:var(--mist)!important;box-shadow:none!important;padding:28px!important}.feature-card:hover,.download-card:hover{transform:none!important}.feature-icon,.viewer-benefit-icon{background:transparent!important;color:var(--ink)!important;border:1px solid var(--ink)!important;border-radius:16px!important;box-shadow:none!important}.feature-card h3,.download-card h3,.price-card strong,.viewer-benefit strong{color:var(--ink)}
.home-trust-band{padding:32px;border:0;border-radius:24px;background:var(--mist)}.home-trust-items{gap:12px}.home-trust-items article,.home-trust-wide{border:0!important;background:var(--card)!important;border-radius:16px!important;box-shadow:none!important}.home-trust-dot{background:var(--ink)!important;box-shadow:none!important}
.pro-showcase-grid{gap:20px}.pro-promo-card{background:var(--yellow)!important;color:#202020!important}.pro-promo-card *{color:#202020}.promo-pill,.badge-dark,.payment-method-pill,.availability{border-radius:1000px!important;box-shadow:none!important}.promo-pill{background:rgba(255,255,255,.55)!important;border:1px solid #202020!important}.badge-dark{background:#202020!important;color:#fff!important}.price-card.featured{background:var(--mist)!important;outline:2px solid var(--ink);outline-offset:-2px}

/* All tab pages */
.download-grid,.viewer-showcase-grid,.verified-grid,.pricing-grid,.support-grid,.release-grid{gap:20px!important}.download-card,.price-card{background:var(--mist)!important}.download-card-head img{border-radius:16px}.availability,.legal-live-state{background:var(--card)!important;border:1px solid var(--ink)!important;color:var(--ink)!important}.availability::before,.legal-live-state i{background:var(--ink)!important;box-shadow:none!important}
.viewer-flow-grid{padding:24px;border:0!important;border-radius:24px!important;background:var(--yellow)!important;box-shadow:none!important}.viewer-step{border:0!important;background:rgba(255,255,255,.55)!important;border-radius:16px!important}.viewer-step-number{color:#202020!important}.viewer-flow-arrow{color:#202020!important}.viewer-browser-mock{border:0!important;border-radius:24px!important;background:var(--mist)!important;box-shadow:var(--shadow-sm)!important}.viewer-browser-bar{background:var(--card)!important;border-color:var(--line)!important}.viewer-browser-bar span{background:var(--ink)!important}.viewer-code-box{border:1px solid var(--ink)!important;background:var(--card)!important;border-radius:16px!important}
details{border:0!important;border-radius:16px!important;background:var(--mist)!important;box-shadow:none!important}details[open]{background:var(--yellow)!important;color:#202020!important}
.compare-table-wrap{border:0!important;border-radius:24px!important;background:var(--mist)!important;box-shadow:none!important;overflow:hidden}.compare-table th{background:var(--yellow)!important;color:#202020!important}.compare-table td{border-color:var(--line)!important}.table-link{color:var(--ink)!important}

/* Footer */
.site-footer{border:0;background:var(--mist);color:var(--ink);padding:40px max(20px,calc((100vw - 1200px)/2))}.site-footer a{color:var(--ink);font-size:15px}
.whatsapp-float{border:0!important;border-radius:16px!important;background:#202020!important;color:#fff!important;box-shadow:var(--shadow-sm)!important}.whatsapp-float *{color:#fff!important}

/* Legal surface */
.legal-shell{background:var(--canvas)}.legal-header{position:relative;top:auto}.legal-main{width:min(var(--max),calc(100% - 40px));margin:0 auto;padding:48px 0 72px}.legal-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:32px;align-items:stretch;padding:40px;border-radius:24px;background:var(--yellow)}.legal-hero h1{color:#202020;font-family:var(--sans);font-size:clamp(44px,6vw,68px);font-weight:700;letter-spacing:.02em;line-height:1}.legal-hero .eyebrow,.legal-hero .legal-lead,.legal-hero .legal-independence{color:#202020}.legal-provenance-card{border:0!important;border-radius:24px!important;background:#fff!important;color:#202020!important;box-shadow:var(--shadow-sm)!important;padding:32px!important}.legal-provenance-card *{color:#202020}.legal-live-data,.legal-section,.legal-notice-card{border:0!important;border-radius:24px!important;background:var(--mist)!important;box-shadow:none!important}.legal-live-grid article,.legal-card-grid article{border:0!important;border-radius:16px!important;background:var(--card)!important}.legal-symbol{background:#202020!important;color:#fff!important;border-radius:16px!important}.legal-meta-row{border-color:#d8d8d8!important}

/* Responsive */
@media(max-width:1050px){.site-header{align-items:center}.main-nav{order:3;flex-basis:100%;display:none}.site-header.nav-open .main-nav,.main-nav.is-open{display:block}.nav-pill{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.feature-grid.four-up{grid-template-columns:repeat(2,1fr)}.hero-section.exact-home-hero{grid-template-columns:1fr}.hero-visual-image{max-height:420px}.legal-hero{grid-template-columns:1fr}}
@media(max-width:680px){.site-header,.panel-inner,.legal-main{width:min(100% - 24px,1200px)}.site-header{margin-top:10px;padding:10px}.top-download,.header-status{display:none}.panel-inner,.legal-main{padding-top:28px}.exact-home-layout{gap:40px}.hero-section.exact-home-hero{padding:28px;gap:28px;min-height:0}.exact-hero-copy h1{font-size:clamp(42px,14vw,62px)}.feature-grid.four-up{grid-template-columns:1fr}.feature-card,.download-card,.price-card,.viewer-benefit{padding:24px!important}.legal-hero{padding:28px}.whatsapp-copy{display:none}}

/* ======================================================================
   NAVBAR + HERO POLISH v10 — 2026-09-27
   Approved visual direction: full-width adopted navigation + clean hero.
   Functional tab/session/download selectors are intentionally unchanged.
   ====================================================================== */
@media (min-width:1061px){
  :root{--home-max:1440px}

  .site-header{
    width:min(var(--home-max),calc(100% - 48px));
    min-height:70px;
    margin:16px auto 14px;
    padding:8px 10px 8px 16px;
    grid-template-columns:190px minmax(0,1fr) auto;
    gap:14px;
    border:1px solid rgba(32,32,32,.05);
    border-radius:22px;
    background:rgba(255,255,255,.94);
    box-shadow:0 10px 30px rgba(32,32,32,.07);
    backdrop-filter:blur(18px) saturate(1.08);
    -webkit-backdrop-filter:blur(18px) saturate(1.08);
  }
  html[data-theme="dark"] .site-header{
    background:rgba(41,41,41,.94);
    border-color:rgba(255,255,255,.07);
    box-shadow:0 12px 30px rgba(0,0,0,.22);
  }
  .site-header.is-scrolled{
    min-height:64px;
    padding:6px 10px 6px 16px;
    background:rgba(255,255,255,.94);
  }
  html[data-theme="dark"] .site-header.is-scrolled{background:rgba(41,41,41,.94)}

  .brand{display:flex;align-items:center;min-width:0}
  .brand-logo,.site-header.is-scrolled .brand-logo{width:154px;max-width:154px}

  .main-nav{min-width:0;overflow:visible}
  .nav-pill{
    justify-content:flex-start;
    min-height:48px;
    gap:2px;
    padding:0;
    overflow:visible;
    white-space:nowrap;
  }
  .tab-button{
    flex:0 0 auto;
    min-height:42px;
    padding:0 12px;
    border-radius:14px;
    font-size:13px;
    font-weight:600;
    letter-spacing:0;
    color:var(--ink);
  }
  .tab-button:hover{background:var(--mist);transform:none}
  .tab-button.is-active{
    background:var(--yellow);
    color:#202020;
    box-shadow:none;
  }
  .tab-button.is-active::after{display:none}
  .nav-active-indicator{display:none!important}

  .header-actions{gap:8px;white-space:nowrap}
  .header-status{
    min-height:42px;
    padding:0 10px;
    border:0;
    background:transparent;
    font-size:12px;
    font-weight:600;
    color:var(--ink);
  }
  .status-dot{
    width:10px;height:10px;
    background:#38bf68;
    box-shadow:0 0 0 3px rgba(56,191,104,.14);
  }
  .icon-button{width:42px;height:42px;border-radius:14px;background:var(--mist)}
  .top-download{
    min-height:48px;
    padding:0 20px;
    border-radius:16px;
    background:#202020!important;
    color:#fff!important;
    font-size:14px;
    font-weight:700;
    box-shadow:none;
  }

  .panel-inner{width:min(var(--home-max),calc(100% - 48px));padding-top:0}
  .exact-home-layout{gap:18px}

  #panel-home .exact-home-hero{
    display:grid;
    grid-template-columns:minmax(400px,.78fr) minmax(0,1.22fr);
    align-items:stretch;
    gap:20px;
    min-height:575px;
    padding:20px 20px 20px 38px;
    border-radius:26px;
    background:var(--yellow);
    overflow:hidden;
    isolation:isolate;
  }
  #panel-home .exact-hero-copy{
    z-index:4;
    width:100%;
    max-width:560px;
    padding:8px 0 6px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  #panel-home .exact-hero-copy::after{display:none}
  #panel-home .exact-hero-copy .eyebrow{
    margin:0 0 18px;
    color:#202020;
    font-size:11px;
    font-weight:700;
    letter-spacing:.22em;
    text-transform:uppercase;
  }
  #panel-home .exact-hero-copy h1{
    max-width:560px;
    margin:0;
    color:#202020;
    font-family:var(--sans);
    font-size:clamp(48px,4.2vw,70px);
    font-weight:800;
    line-height:.91;
    letter-spacing:-.052em;
    text-transform:uppercase;
  }
  #panel-home .exact-hero-copy h1 .h1-lite,
  #panel-home .exact-hero-copy h1 strong{
    display:block;
    color:#202020;
    font:inherit;
    font-weight:800;
  }
  #panel-home .exact-hero-copy h1 .h1-lite::after{content:""}
  #panel-home .highlight-mark::before{display:none}

  #panel-home .hero-text{
    max-width:520px;
    margin:20px 0 0;
    color:#202020;
    font-size:15.5px;
    line-height:1.45;
    letter-spacing:0;
  }
  #panel-home .geo-answer{
    max-width:515px;
    margin:12px 0 0;
    color:rgba(32,32,32,.76);
    font-size:13.5px;
    line-height:1.48;
    letter-spacing:0;
  }
  #panel-home .hero-points{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:18px 0 0;
  }
  #panel-home .hero-points span{
    padding:8px 14px!important;
    border:1px solid rgba(32,32,32,.78)!important;
    border-radius:1000px!important;
    background:rgba(255,255,255,.62)!important;
    color:#202020!important;
    font-size:12.5px;
    font-weight:650;
    line-height:1;
  }
  #panel-home .exact-cta-row{margin-top:20px}
  #panel-home .hero-primary-cta{
    min-width:290px;
    min-height:58px;
    padding:0 18px;
    border-radius:16px;
    background:#202020!important;
    color:#fff!important;
    border:0!important;
  }
  #panel-home .hero-primary-cta > span{display:block;text-align:left}
  #panel-home .hero-primary-cta strong{font-size:14px}
  #panel-home .hero-primary-cta small{font-size:10.5px;color:rgba(255,255,255,.72)}
  #panel-home .hero-primary-cta i{
    display:grid;place-items:center;
    width:30px;height:30px;
    border-radius:50%;
    background:rgba(255,255,255,.09);
    color:#fff;
  }
  #panel-home .hero-secondary-links{margin-top:12px;gap:12px 20px}
  #panel-home .hero-secondary-links a{color:#202020;font-size:12px;font-weight:650}

  #panel-home .exact-hero-stage{
    position:relative;
    inset:auto;
    z-index:1;
    width:calc(100% + 20px);
    min-height:535px;
    margin:0 -20px 0 0;
    border:0;
    border-radius:0 22px 22px 0;
    overflow:hidden;
    background:#1a1a1a;
    box-shadow:none;
    pointer-events:none;
    clip-path:polygon(12% 0,100% 0,100% 100%,12% 100%,0 76%,0 24%);
  }
  #panel-home .hero-visual-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:52% center;
    border-radius:0;
    box-shadow:none;
    transform:none;
    filter:saturate(.9) contrast(1.04) brightness(.96);
    -webkit-mask-image:none;
    mask-image:none;
  }
  #panel-home .hero-visual-fade{
    display:block;
    position:absolute;
    inset:0;
    z-index:2;
    background:linear-gradient(90deg,rgba(255,219,91,.20) 0%,rgba(255,219,91,.04) 14%,rgba(0,0,0,0) 35%,rgba(0,0,0,.08) 100%);
  }
  #panel-home .hero-visual-caption{
    right:20px;
    bottom:18px;
    z-index:4;
    min-height:34px;
    padding:0 13px;
    border-radius:1000px;
    background:rgba(12,12,12,.78);
    color:#fff;
    box-shadow:none;
    backdrop-filter:blur(10px);
  }

  #panel-home .exact-feature-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-top:0;
  }
  #panel-home .exact-feature-card{
    min-height:124px;
    padding:18px 48px 17px 18px!important;
    border:1px solid rgba(32,32,32,.06)!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(32,32,32,.045)!important;
  }
  html[data-theme="dark"] #panel-home .exact-feature-card{background:var(--card)!important;border-color:rgba(255,255,255,.06)!important}
  #panel-home .feature-icon{
    width:38px;height:38px;
    margin-bottom:8px;
    display:grid;place-items:center;
    border-radius:50%!important;
    border:1px solid #202020!important;
    color:#202020!important;
    font-size:18px;
  }
  #panel-home .exact-feature-card h2{font-size:14px;line-height:1.2}
  #panel-home .exact-feature-card p{font-size:11.5px;line-height:1.42}
  #panel-home .exact-feature-card .feature-link{
    right:14px;top:18px;bottom:auto;
    width:32px;height:32px;
    background:#fff5ce;
    color:#202020;
  }
}

/* Keep the full desktop navigation usable before the mobile menu breakpoint. */
@media (min-width:1061px) and (max-width:1320px){
  .site-header{grid-template-columns:158px minmax(0,1fr) auto;gap:8px;padding-left:12px}
  .brand-logo,.site-header.is-scrolled .brand-logo{width:138px;max-width:138px}
  .tab-button{padding:0 8px;font-size:11.5px}
  .header-status{display:none}
  .top-download{padding:0 14px;font-size:12.5px}
  #panel-home .exact-home-hero{grid-template-columns:minmax(370px,.8fr) minmax(0,1.2fr);padding-left:30px}
  #panel-home .exact-hero-copy h1{font-size:clamp(44px,4.4vw,58px)}
}

@media (max-width:1060px){
  .site-header{width:min(100% - 24px,1200px);background:var(--mist)}
  #panel-home .exact-home-hero{padding:30px;gap:22px}
  #panel-home .exact-hero-stage{width:100%;margin:0;border-radius:22px;clip-path:none;overflow:hidden}
  #panel-home .hero-visual-image{border-radius:22px;-webkit-mask-image:none;mask-image:none;object-position:center}
}


/* ======================================================================
   FINAL HERO OVERLAY + ICON REFRESH + MOBILE / DARK POLISH — 2026-09-27
   ====================================================================== */
#panel-home .exact-home-hero{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  align-items:stretch;
  min-height:590px;
  padding:36px 38px 30px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:28px;
  background:#0d1013;
  overflow:hidden;
  isolation:isolate;
}
#panel-home .exact-home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg, rgba(7,9,12,.94) 0%, rgba(7,9,12,.92) 20%, rgba(7,9,12,.84) 36%, rgba(7,9,12,.56) 54%, rgba(7,9,12,.22) 72%, rgba(7,9,12,.08) 100%);
}
#panel-home .exact-home-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:160px;
  z-index:2;
  background:linear-gradient(180deg, rgba(7,9,12,0) 0%, rgba(7,9,12,.18) 34%, rgba(7,9,12,.46) 100%);
}
#panel-home .exact-hero-copy{
  position:relative;
  z-index:4;
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:100%;
  max-width:560px;
  min-height:520px;
  padding:6px 0;
}
#panel-home .exact-hero-copy .eyebrow{
  margin:0 0 16px;
  color:#f0d34f;
  font-size:11px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}
#panel-home .exact-hero-copy h1{
  margin:0;
  color:#fff;
  font-family:var(--sans);
  font-size:clamp(48px,5vw,78px);
  font-weight:800;
  line-height:.92;
  letter-spacing:-.055em;
  text-transform:uppercase;
}
#panel-home .exact-hero-copy h1 .h1-lite,
#panel-home .exact-hero-copy h1 strong{
  display:block;
  font:inherit;
  font-weight:800;
}
#panel-home .exact-hero-copy h1 .h1-lite{color:#fff}
#panel-home .exact-hero-copy h1 strong,
#panel-home .highlight-mark{color:#f0cc42}
#panel-home .hero-text{
  max-width:560px;
  margin:18px 0 0;
  color:#f4f5f7;
  font-size:16px;
  line-height:1.44;
  letter-spacing:0;
}
#panel-home .geo-answer{
  max-width:545px;
  margin:12px 0 0;
  color:rgba(255,255,255,.72);
  font-size:14px;
  line-height:1.48;
  letter-spacing:0;
}
#panel-home .hero-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:20px 0 0;
}
#panel-home .hero-points span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:9px 15px!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:999px!important;
  background:rgba(7,9,12,.28)!important;
  color:#fff!important;
  font-size:12.5px;
  font-weight:600;
  line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(8px);
}
#panel-home .hero-points span::before{content:"✓"; color:#f0cc42; font-weight:800}
#panel-home .exact-cta-row{margin-top:22px}
#panel-home .hero-primary-cta{
  min-width:292px;
  min-height:58px;
  padding:0 18px;
  border-radius:18px;
  background:#f0cc42!important;
  color:#14161a!important;
  border:0!important;
}
#panel-home .hero-primary-cta > span{display:block;text-align:left}
#panel-home .hero-primary-cta strong{font-size:15px;color:#14161a}
#panel-home .hero-primary-cta small{font-size:11px;color:rgba(20,22,26,.76)}
#panel-home .hero-primary-cta i{
  display:grid;place-items:center;
  width:32px;height:32px;
  border-radius:50%;
  background:#15171b;
  color:#fff;
}
#panel-home .hero-secondary-links{
  position:relative;
  z-index:4;
  margin-top:14px;
  gap:14px 24px;
}
#panel-home .hero-secondary-links a{
  color:#f0cc42;
  font-size:13px;
  font-weight:650;
  border-bottom-color:rgba(240,204,66,.36);
}
#panel-home .exact-hero-stage{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  min-height:100%;
  margin:0;
  border:0;
  border-radius:0;
  overflow:hidden;
  background:#0d1013;
  box-shadow:none;
  pointer-events:none;
  clip-path:none;
}
#panel-home .hero-visual-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  border-radius:0;
  box-shadow:none;
  transform:none;
  filter:saturate(.98) contrast(1.04) brightness(.75);
}
#panel-home .hero-visual-fade{
  display:block;
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(90deg, rgba(7,9,12,.96) 0%, rgba(7,9,12,.92) 18%, rgba(7,9,12,.82) 33%, rgba(7,9,12,.48) 52%, rgba(7,9,12,.16) 72%, rgba(7,9,12,.04) 100%);
}
#panel-home .hero-visual-caption{
  right:18px;
  bottom:18px;
  z-index:4;
  min-height:36px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(8,10,14,.78);
  color:#fff;
  box-shadow:0 10px 26px rgba(0,0,0,.28);
  backdrop-filter:blur(12px);
}
#panel-home .hero-live-dot{background:#38bf68; box-shadow:0 0 0 4px rgba(56,191,104,.15)}

#panel-home .exact-feature-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:2px;
}
#panel-home .exact-feature-card{
  position:relative;
  min-height:128px;
  padding:20px 52px 18px 20px!important;
  border:1px solid rgba(32,32,32,.06)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(32,32,32,.055)!important;
}
html[data-theme="dark"] #panel-home .exact-feature-card{
  background:#15181d!important;
  border-color:rgba(255,255,255,.06)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
#panel-home .feature-icon{
  width:52px;
  height:52px;
  margin-bottom:10px;
  display:grid;
  place-items:center;
  border:0!important;
  border-radius:50%!important;
  background:#fff5ce!important;
  color:#202020!important;
  box-shadow:none!important;
}
html[data-theme="dark"] #panel-home .feature-icon{background:rgba(240,204,66,.18)!important;color:#f0cc42!important}
#panel-home .feature-icon svg{width:24px;height:24px;display:block}
#panel-home .exact-feature-card h2{margin:0 0 6px;font-size:14px;line-height:1.2}
#panel-home .exact-feature-card p{margin:0;color:var(--muted);font-size:11.9px;line-height:1.45}
#panel-home .exact-feature-card .feature-link{
  right:14px;
  top:18px;
  bottom:auto;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff5ce;
  color:#202020;
}
html[data-theme="dark"] #panel-home .exact-feature-card .feature-link{background:rgba(255,255,255,.06); color:#f0cc42}

html[data-theme="dark"] .site-header{
  background:rgba(15,17,20,.92)!important;
  border-color:rgba(255,255,255,.07)!important;
}
html[data-theme="dark"] .tab-button.is-active{background:#f0cc42;color:#17191d}
html[data-theme="dark"] .icon-button{background:rgba(255,255,255,.05)}
html[data-theme="dark"] .top-download{background:#f0cc42!important;color:#17191d!important}
html[data-theme="dark"] .top-download span{color:inherit}
html[data-theme="dark"] .header-status{color:#f5f5f7}
html[data-theme="dark"] .site-footer{background:#15181d;color:#f5f5f7}

@media (max-width:1200px) and (min-width:981px){
  #panel-home .exact-home-hero{min-height:560px;padding:34px 32px 28px}
  #panel-home .exact-hero-copy{max-width:500px}
  #panel-home .exact-hero-copy h1{font-size:clamp(44px,4.8vw,66px)}
}
@media (max-width:980px){
  #panel-home .exact-home-hero{min-height:620px;padding:28px 28px 26px}
  #panel-home .exact-hero-copy{max-width:100%;min-height:0;padding-top:6px;padding-right:0}
  #panel-home .exact-hero-copy h1{font-size:clamp(42px,8vw,60px)}
  #panel-home .hero-text{max-width:520px}
  #panel-home .exact-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-header.nav-open .main-nav{display:block}
  .site-header.nav-open .main-nav .nav-pill{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;background:var(--card);border:1px solid rgba(32,32,32,.06);border-radius:20px}
  html[data-theme="dark"] .site-header.nav-open .main-nav .nav-pill{background:#15181d;border-color:rgba(255,255,255,.07)}
}
@media (max-width:680px){
  .site-header{gap:10px}
  #panel-home .exact-home-hero{min-height:0;padding:22px 20px 20px;border-radius:24px}
  #panel-home .exact-home-hero::before{background:linear-gradient(180deg, rgba(7,9,12,.82) 0%, rgba(7,9,12,.74) 26%, rgba(7,9,12,.52) 58%, rgba(7,9,12,.3) 100%)}
  #panel-home .exact-home-hero::after{height:120px}
  #panel-home .exact-hero-copy h1{font-size:clamp(38px,12.6vw,56px);line-height:.94}
  #panel-home .hero-text{font-size:15px}
  #panel-home .geo-answer{font-size:13px}
  #panel-home .hero-points{gap:8px}
  #panel-home .hero-points span{font-size:12px;padding:9px 12px!important}
  #panel-home .exact-cta-row{margin-top:18px}
  #panel-home .hero-primary-cta{width:100%;min-width:0}
  #panel-home .hero-secondary-links{display:grid;gap:10px}
  #panel-home .exact-feature-grid{grid-template-columns:1fr;gap:12px}
  #panel-home .exact-feature-card{min-height:0;padding:18px 48px 18px 18px!important}
}

/* ======================================================================
   HERO IMAGE CORRECTION — preserve original 4Desk hero artwork
   Fixes black lower band, over-dark image and harsh overlay.
   ====================================================================== */
#panel-home .hero-visual-image{
  max-height:none!important;
  height:100%!important;
  width:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:saturate(.98) contrast(1.03) brightness(.96)!important;
}
#panel-home .hero-visual-fade{
  background:linear-gradient(90deg,
    rgba(7,9,12,.96) 0%,
    rgba(7,9,12,.88) 18%,
    rgba(7,9,12,.68) 34%,
    rgba(7,9,12,.34) 51%,
    rgba(7,9,12,.10) 68%,
    rgba(7,9,12,0) 82%)!important;
}
#panel-home .exact-home-hero::before{
  background:linear-gradient(90deg,
    rgba(7,9,12,.74) 0%,
    rgba(7,9,12,.48) 28%,
    rgba(7,9,12,.16) 48%,
    rgba(7,9,12,0) 67%)!important;
}
#panel-home .exact-home-hero::after{
  height:90px!important;
  background:linear-gradient(180deg,rgba(7,9,12,0),rgba(7,9,12,.10))!important;
}
@media (max-width:980px){
  #panel-home .hero-visual-image{object-position:60% center!important}
  #panel-home .hero-visual-fade{
    background:linear-gradient(180deg,
      rgba(7,9,12,.80) 0%,
      rgba(7,9,12,.60) 35%,
      rgba(7,9,12,.24) 70%,
      rgba(7,9,12,.08) 100%)!important;
  }
  #panel-home .exact-home-hero::before{background:transparent!important}
}
@media (max-width:680px){
  #panel-home .hero-visual-image{object-position:64% center!important}
  #panel-home .exact-home-hero::after{height:70px!important}
}


/* ======================================================================
   UI/UX CONSISTENCY PASS v11 — 2026-09-27
   10-point refinement: hierarchy, alignment, cards, rhythm, themes,
   mobile navigation/hero, interaction states, and typography.
   ====================================================================== */
:root{
  --ui-max:1200px;
  --ui-8:8px;
  --ui-12:12px;
  --ui-16:16px;
  --ui-24:24px;
  --ui-32:32px;
  --ui-48:48px;
  --ui-64:64px;
  --ui-ease:180ms cubic-bezier(.2,.7,.2,1);
}

/* 1 + 5 — one geometry from nav to footer */
.site-header,
.panel-inner,
.legal-main{
  width:min(var(--ui-max),calc(100% - 32px))!important;
  max-width:var(--ui-max)!important;
}
.site-header{margin-left:auto!important;margin-right:auto!important}
.site-footer{
  padding-left:max(16px,calc((100vw - var(--ui-max))/2))!important;
  padding-right:max(16px,calc((100vw - var(--ui-max))/2))!important;
}
.exact-home-layout{gap:var(--ui-24)!important}
.stack-lg{gap:var(--ui-48)!important}

/* 2 — navbar: clearer grouping, tighter secondary navigation */
.site-header{
  min-height:70px!important;
  padding:9px 11px 9px 16px!important;
  gap:12px!important;
  border-radius:20px!important;
  transition:min-height var(--ui-ease),padding var(--ui-ease),background var(--ui-ease),box-shadow var(--ui-ease),border-color var(--ui-ease)!important;
}
.site-header.is-scrolled{
  min-height:62px!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
}
.brand-logo,.site-header.is-scrolled .brand-logo{width:142px!important;max-width:142px!important}
.nav-pill{gap:1px!important}
.tab-button{
  min-height:42px!important;
  padding:0 11px!important;
  border-radius:14px!important;
  font-size:13px!important;
  font-weight:600!important;
  transition:background var(--ui-ease),color var(--ui-ease),opacity var(--ui-ease)!important;
}
.tab-button.is-active{padding-left:15px!important;padding-right:15px!important}
.header-actions{gap:7px!important;padding-left:8px;border-left:1px solid rgba(32,32,32,.08)}
html[data-theme="dark"] .header-actions{border-left-color:rgba(255,255,255,.08)}
.header-status{padding:0 8px!important}
.icon-button,.top-download{transition:background var(--ui-ease),color var(--ui-ease),opacity var(--ui-ease),transform var(--ui-ease)!important}
.icon-button:hover,.top-download:hover{transform:translateY(-1px)!important}
.mobile-nav-download{display:none}

/* 1 — hero: brighter image, dark only where copy sits, cleaner CTA cluster */
#panel-home .exact-home-hero{
  min-height:548px!important;
  padding:32px 34px 28px!important;
  border-radius:26px!important;
  background:#0b0d10!important;
}
#panel-home .exact-hero-copy{
  max-width:510px!important;
  min-height:488px!important;
  justify-content:center!important;
}
#panel-home .exact-hero-copy .eyebrow{
  margin-bottom:14px!important;
  font-size:11px!important;
  letter-spacing:.20em!important;
}
#panel-home .exact-hero-copy h1{
  max-width:510px!important;
  font-size:clamp(46px,4.45vw,66px)!important;
  line-height:.94!important;
  letter-spacing:-.048em!important;
}
#panel-home .hero-text{
  max-width:500px!important;
  margin-top:16px!important;
  font-size:15px!important;
  line-height:1.48!important;
}
#panel-home .geo-answer{
  max-width:490px!important;
  margin-top:10px!important;
  font-size:15px!important;
  line-height:1.48!important;
}
#panel-home .hero-points{margin-top:16px!important;gap:8px!important}
#panel-home .hero-points span{
  min-height:34px;
  padding:8px 13px!important;
  font-size:12px!important;
}
#panel-home .exact-cta-row{margin-top:17px!important}
#panel-home .hero-primary-cta{
  min-width:278px!important;
  min-height:56px!important;
  transition:transform var(--ui-ease),filter var(--ui-ease)!important;
}
#panel-home .hero-primary-cta:hover{transform:translateY(-1px)!important;filter:brightness(.98)!important}
#panel-home .hero-secondary-links{margin-top:11px!important;gap:10px 18px!important}
#panel-home .hero-secondary-links a{font-size:12.5px!important}
#panel-home .hero-visual-image{
  filter:saturate(1.02) contrast(1.02) brightness(1.03)!important;
  object-position:55% center!important;
}
#panel-home .hero-visual-fade{
  background:linear-gradient(90deg,
    rgba(7,9,12,.94) 0%,
    rgba(7,9,12,.88) 17%,
    rgba(7,9,12,.70) 31%,
    rgba(7,9,12,.38) 42%,
    rgba(7,9,12,.12) 53%,
    rgba(7,9,12,0) 64%)!important;
}
#panel-home .exact-home-hero::before{
  background:linear-gradient(90deg,
    rgba(7,9,12,.45) 0%,
    rgba(7,9,12,.22) 25%,
    rgba(7,9,12,.04) 43%,
    rgba(7,9,12,0) 54%)!important;
}
#panel-home .exact-home-hero::after{height:72px!important;background:linear-gradient(180deg,transparent,rgba(7,9,12,.10))!important}

/* 3 + 10 — cards and typography: consistent hierarchy; readable copy */
#panel-home .exact-feature-grid{gap:12px!important}
#panel-home .exact-feature-card{
  min-height:162px!important;
  padding:20px 48px 20px 20px!important;
  border-radius:20px!important;
  transition:transform var(--ui-ease),box-shadow var(--ui-ease),border-color var(--ui-ease)!important;
}
#panel-home .exact-feature-card:hover{transform:translateY(-2px)!important;box-shadow:0 14px 30px rgba(32,32,32,.075)!important}
html[data-theme="dark"] #panel-home .exact-feature-card:hover{box-shadow:0 16px 34px rgba(0,0,0,.25)!important}
#panel-home .feature-icon{
  width:46px!important;
  height:46px!important;
  margin-bottom:12px!important;
}
#panel-home .feature-icon svg{width:22px!important;height:22px!important}
#panel-home .exact-feature-card h2{
  margin:0 0 7px!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.25!important;
}
#panel-home .exact-feature-card p{
  margin:0!important;
  font-size:15px!important;
  line-height:1.45!important;
}
#panel-home .exact-feature-card .feature-link{
  top:20px!important;
  right:16px!important;
  width:32px!important;
  height:32px!important;
  transition:transform var(--ui-ease),background var(--ui-ease)!important;
}
#panel-home .exact-feature-card:hover .feature-link{transform:translateX(2px)}

/* 4 — consistent spacing and component padding everywhere */
.feature-card,.viewer-benefit,.download-card,.pro-promo-card,.price-card,.support-card,.verified-card,.compare-card,.release-card{
  padding:var(--ui-24)!important;
}
.home-trust-band{padding:var(--ui-32)!important}
.download-grid,.viewer-showcase-grid,.verified-grid,.pricing-grid,.support-grid,.release-grid{gap:var(--ui-16)!important}
.section-head{margin-bottom:var(--ui-24)!important}

/* 6 — deliberate light/dark surfaces rather than simple inversion */
html[data-theme="light"] body{background:#fff!important}
html[data-theme="light"] .site-header{background:rgba(248,248,248,.96)!important;border-color:rgba(32,32,32,.055)!important}
html[data-theme="light"] #panel-home .exact-feature-card{background:#fff!important;border-color:#e9e9e9!important}
html[data-theme="light"] .home-trust-band,
html[data-theme="light"] .download-card,
html[data-theme="light"] .viewer-benefit,
html[data-theme="light"] .price-card,
html[data-theme="light"] .support-card,
html[data-theme="light"] .verified-card,
html[data-theme="light"] .compare-card,
html[data-theme="light"] .release-card{background:#f5f5f5!important}
html[data-theme="dark"] body{background:#0d0f12!important}
html[data-theme="dark"] .panel-inner{color:#f4f4f5}
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .viewer-benefit,
html[data-theme="dark"] .download-card,
html[data-theme="dark"] .price-card,
html[data-theme="dark"] .support-card,
html[data-theme="dark"] .verified-card,
html[data-theme="dark"] .compare-card,
html[data-theme="dark"] .release-card{background:#17191e!important;border-color:rgba(255,255,255,.06)!important}
html[data-theme="dark"] .feature-icon,
html[data-theme="dark"] .viewer-benefit-icon{color:#f0cc42!important}

/* 9 — universal restrained interaction states */
a,button,.feature-link,.viewer-step,.download-card,.price-card,details{
  transition:background var(--ui-ease),color var(--ui-ease),border-color var(--ui-ease),box-shadow var(--ui-ease),opacity var(--ui-ease),transform var(--ui-ease);
}
.button:focus-visible,.tab-button:focus-visible,.icon-button:focus-visible,a:focus-visible,summary:focus-visible{
  outline:3px solid rgba(240,204,66,.48)!important;
  outline-offset:3px!important;
}

/* 7 — real mobile navigation: single clean panel and download action */
@media(max-width:980px){
  .site-header{
    grid-template-columns:minmax(0,1fr) auto!important;
    min-height:66px!important;
    padding:8px 10px 8px 14px!important;
  }
  .brand-logo,.site-header.is-scrolled .brand-logo{width:134px!important;max-width:134px!important}
  .header-actions{grid-column:2;border-left:0;padding-left:0!important;gap:7px!important}
  .mobile-nav-toggle{display:grid!important;order:3}
  .header-status,.top-download{display:none!important}
  .theme-toggle{display:grid!important}
  .main-nav{
    display:none!important;
    grid-column:1/-1!important;
    order:3!important;
    width:100%!important;
    padding-top:8px!important;
  }
  .site-header.nav-open .main-nav,.main-nav.is-open{display:block!important}
  .site-header.nav-open .nav-pill{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
    width:100%!important;
    padding:6px!important;
    border:1px solid rgba(32,32,32,.07)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 14px 30px rgba(32,32,32,.07)!important;
  }
  html[data-theme="dark"] .site-header.nav-open .nav-pill{
    background:#17191e!important;
    border-color:rgba(255,255,255,.07)!important;
    box-shadow:0 16px 34px rgba(0,0,0,.22)!important;
  }
  .site-header.nav-open .tab-button{
    width:100%!important;
    min-height:48px!important;
    padding:0 14px!important;
    justify-content:flex-start!important;
    text-align:left!important;
    border-radius:13px!important;
    font-size:15px!important;
  }
  .site-header.nav-open .tab-button.is-active{padding-left:14px!important;padding-right:14px!important}
  .mobile-nav-download{
    display:none;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-height:52px;
    margin-top:8px;
    padding:8px 14px;
    border:0;
    border-radius:16px;
    background:#202020!important;
    color:#fff!important;
    text-decoration:none;
  }
  .site-header.nav-open .mobile-nav-download{display:flex!important}
  html[data-theme="dark"] .mobile-nav-download{background:#f0cc42!important;color:#17191d!important}
  .mobile-nav-download span{display:grid;gap:2px;text-align:left}
  .mobile-nav-download strong{font-size:14px}
  .mobile-nav-download small{font-size:11px;opacity:.72}
  .mobile-nav-download i{font-style:normal;font-size:18px}
}

/* 8 — mobile hero: protected copy zone and predictable wrapping */
@media(max-width:980px){
  #panel-home .exact-home-hero{
    min-height:600px!important;
    padding:28px!important;
  }
  #panel-home .exact-hero-copy{
    max-width:540px!important;
    min-height:0!important;
  }
  #panel-home .hero-visual-image{
    object-position:67% center!important;
    filter:saturate(1.02) contrast(1.02) brightness(.88)!important;
  }
  #panel-home .hero-visual-fade{
    background:linear-gradient(90deg,
      rgba(7,9,12,.95) 0%,
      rgba(7,9,12,.90) 28%,
      rgba(7,9,12,.68) 48%,
      rgba(7,9,12,.24) 68%,
      rgba(7,9,12,.04) 100%)!important;
  }
  #panel-home .exact-home-hero::before{background:transparent!important}
  #panel-home .exact-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
  .site-header,.panel-inner,.legal-main{width:min(var(--ui-max),calc(100% - 20px))!important}
  .panel-inner{padding-top:20px!important}
  #panel-home .exact-home-hero{
    min-height:650px!important;
    padding:24px 20px 22px!important;
    border-radius:22px!important;
  }
  #panel-home .exact-hero-copy{max-width:100%!important;justify-content:flex-start!important;padding-top:4px!important}
  #panel-home .exact-hero-copy h1{
    max-width:94%!important;
    font-size:clamp(40px,11.8vw,50px)!important;
    line-height:.96!important;
    letter-spacing:-.045em!important;
  }
  #panel-home .hero-text,#panel-home .geo-answer{max-width:92%!important;font-size:15px!important}
  #panel-home .hero-visual-image{object-position:72% center!important;filter:saturate(1.02) contrast(1.03) brightness(.82)!important}
  #panel-home .hero-visual-fade{
    background:linear-gradient(180deg,
      rgba(7,9,12,.91) 0%,
      rgba(7,9,12,.83) 38%,
      rgba(7,9,12,.55) 66%,
      rgba(7,9,12,.28) 100%)!important;
  }
  #panel-home .hero-points{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }
  #panel-home .hero-points span{justify-content:center!important;text-align:center!important;white-space:nowrap!important;padding:9px 8px!important}
  #panel-home .hero-primary-cta{width:100%!important;min-width:0!important}
  #panel-home .hero-secondary-links{display:grid!important;gap:9px!important}
  #panel-home .hero-visual-caption{right:12px!important;bottom:12px!important;font-size:10px!important}
  #panel-home .exact-feature-grid{grid-template-columns:1fr!important;gap:10px!important}
  #panel-home .exact-feature-card{min-height:0!important;padding:18px 48px 18px 18px!important}
}
@media(max-width:420px){
  #panel-home .exact-hero-copy h1{font-size:clamp(37px,11.5vw,46px)!important}
  #panel-home .hero-points span{font-size:11px!important}
  #panel-home .exact-home-hero{min-height:680px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}


/* ======================================================================
   MOTION POLISH v12 — 2026-09-27
   Premium micro-interactions; respects prefers-reduced-motion.
   ====================================================================== */
:root{
  --motion-ui:180ms;
  --motion-menu:230ms;
  --motion-hero:560ms;
  --motion-ease:cubic-bezier(.22,.8,.2,1);
}

/* 1 — Hero entrance: staged copy only; artwork stays visually stable. */
#panel-home.is-active .exact-hero-copy .eyebrow,
#panel-home.is-active .exact-hero-copy h1,
#panel-home.is-active .exact-hero-copy .hero-text,
#panel-home.is-active .exact-hero-copy .geo-answer,
#panel-home.is-active .exact-hero-copy .hero-points,
#panel-home.is-active .exact-cta-row,
#panel-home.is-active .hero-secondary-links{
  animation:heroContentIn var(--motion-hero) var(--motion-ease) both;
}
#panel-home.is-active .exact-hero-copy h1{animation-delay:55ms}
#panel-home.is-active .exact-hero-copy .hero-text{animation-delay:105ms}
#panel-home.is-active .exact-hero-copy .geo-answer{animation-delay:145ms}
#panel-home.is-active .exact-hero-copy .hero-points{animation-delay:185ms}
#panel-home.is-active .exact-cta-row{animation-delay:225ms}
#panel-home.is-active .hero-secondary-links{animation-delay:260ms}
.exact-hero-stage{
  transform:none!important;
  transition:filter 260ms ease!important;
  will-change:auto!important;
}

/* 2 — Smooth active navigation pill. */
@media(min-width:981px){
  .nav-pill{position:relative!important;isolation:isolate}
  .nav-active-indicator{
    display:block!important;
    z-index:0!important;
    top:3px!important;
    height:calc(100% - 6px)!important;
    border-radius:14px!important;
    background:#f0cc42!important;
    box-shadow:none!important;
    transition:transform 210ms var(--motion-ease),width 210ms var(--motion-ease),opacity 120ms ease!important;
  }
  .tab-button{z-index:1!important;transition:color var(--motion-ui) ease,background var(--motion-ui) ease!important}
  .tab-button.is-active{background:transparent!important;color:#202020!important;box-shadow:none!important}
  html[data-theme="dark"] .tab-button.is-active{background:transparent!important;color:#17191d!important}
}

/* 3 + 4 — Card and button micro-interactions. */
#panel-home .exact-feature-card{
  transition:transform var(--motion-ui) var(--motion-ease),box-shadow var(--motion-ui) var(--motion-ease),border-color var(--motion-ui) ease!important;
}
#panel-home .exact-feature-card:hover{transform:translateY(-3px)!important}
#panel-home .exact-feature-card:hover .feature-link{transform:translateX(3px)!important}
#panel-home .exact-feature-card:hover .feature-icon{transform:translateY(-1px);background:#f7e9a9!important}
#panel-home .feature-icon{transition:transform var(--motion-ui) var(--motion-ease),background var(--motion-ui) ease!important}
.button,.icon-button,.tab-button,.feature-link,.whatsapp-float{
  transition:transform var(--motion-ui) var(--motion-ease),background-color var(--motion-ui) ease,color var(--motion-ui) ease,border-color var(--motion-ui) ease,opacity var(--motion-ui) ease,box-shadow var(--motion-ui) ease!important;
}
.button:active,.icon-button:active,.feature-link:active,.whatsapp-float:active{transform:scale(.985)!important}

/* 5 — Theme icon cross-fade + restrained rotation. */
.theme-toggle{position:relative;overflow:hidden}
.theme-toggle .sun-icon,.theme-toggle .moon-icon{
  position:absolute;
  inset:50% auto auto 50%;
  display:block!important;
  width:20px;height:20px;
  margin:-10px 0 0 -10px;
  transition:opacity 220ms ease,transform 240ms var(--motion-ease)!important;
}
.theme-toggle .sun-icon{opacity:1;transform:rotate(0deg) scale(1)}
.theme-toggle .moon-icon{opacity:0;transform:rotate(-20deg) scale(.72)}
html[data-theme="dark"] .theme-toggle .sun-icon{opacity:0;transform:rotate(24deg) scale(.72)}
html[data-theme="dark"] .theme-toggle .moon-icon{opacity:1;transform:rotate(0deg) scale(1)}

/* 6 — Mobile menu reveal. */
@media(max-width:980px){
  .site-header.nav-open .main-nav{animation:mobileMenuShellIn var(--motion-menu) var(--motion-ease) both}
  .site-header.nav-open .nav-pill{animation:mobileMenuIn var(--motion-menu) var(--motion-ease) both}
  .site-header.nav-open .tab-button{animation:mobileNavItemIn 260ms var(--motion-ease) both}
  .site-header.nav-open .tab-button:nth-of-type(2){animation-delay:18ms}
  .site-header.nav-open .tab-button:nth-of-type(3){animation-delay:36ms}
  .site-header.nav-open .tab-button:nth-of-type(4){animation-delay:54ms}
  .site-header.nav-open .tab-button:nth-of-type(5){animation-delay:72ms}
  .site-header.nav-open .tab-button:nth-of-type(6){animation-delay:90ms}
  .site-header.nav-open .tab-button:nth-of-type(7){animation-delay:108ms}
  .site-header.nav-open .tab-button:nth-of-type(8){animation-delay:126ms}
  .site-header.nav-open .mobile-nav-download{animation:mobileNavItemIn 260ms var(--motion-ease) 140ms both}
}

/* 7 — One-time section reveals, initialized in portal.js. */
.motion-reveal{
  opacity:0;
  transform:translateY(12px);
  transition:opacity 520ms var(--motion-ease),transform 520ms var(--motion-ease)!important;
}
.motion-reveal.is-visible{opacity:1;transform:none}

/* 8 — Service indicator: subtle low-intensity pulse. */
.status-dot{animation:servicePulse 2.8s ease-in-out infinite!important}

@keyframes heroContentIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes mobileMenuShellIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes mobileMenuIn{from{opacity:.4;transform:translateY(-8px) scale(.99)}to{opacity:1;transform:none}}
@keyframes mobileNavItemIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes servicePulse{0%,100%{box-shadow:0 0 0 0 rgba(56,191,104,0)}50%{box-shadow:0 0 0 4px rgba(56,191,104,.12)}}

@media(prefers-reduced-motion:reduce){
  .nav-active-indicator,.theme-toggle .sun-icon,.theme-toggle .moon-icon{transition:none!important}
  .status-dot{animation:none!important}
  #panel-home.is-active .exact-hero-copy .eyebrow,
  #panel-home.is-active .exact-hero-copy h1,
  #panel-home.is-active .exact-hero-copy .hero-text,
  #panel-home.is-active .exact-hero-copy .geo-answer,
  #panel-home.is-active .exact-hero-copy .hero-points,
  #panel-home.is-active .exact-cta-row,
  #panel-home.is-active .hero-secondary-links,
  .site-header.nav-open .main-nav,.site-header.nav-open .nav-pill,.site-header.nav-open .tab-button,.site-header.nav-open .mobile-nav-download{animation:none!important}
  .motion-reveal{opacity:1!important;transform:none!important}
}


/* ======================================================================
   NAVBAR OVERFLOW FIX v13.1 — reliable native More dropdown
   ====================================================================== */
.nav-more{position:relative;display:flex;align-items:center;flex:0 0 auto;margin:0;padding:0}
.nav-more>summary{list-style:none}
.nav-more>summary::-webkit-details-marker{display:none}
.nav-more-toggle{
  position:relative;z-index:3;display:inline-flex;align-items:center;gap:8px;justify-content:center;
  min-height:42px;padding:0 14px;border:0;border-radius:16px;
  background:transparent;color:var(--ink);font-size:15px;font-weight:500;
  letter-spacing:.007em;cursor:pointer;user-select:none;
  transition:background .18s ease,color .18s ease,opacity .18s ease;
}
.nav-more-toggle:hover{background:var(--mist)}
.nav-more.is-active .nav-more-toggle{background:var(--yellow);color:#202020}
.nav-more-caret{display:inline-block;width:8px;height:8px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg) translateY(-1px);transform-origin:center;transition:transform .18s ease}
.nav-more[open] .nav-more-caret{transform:rotate(225deg) translateY(-1px)}
.nav-more-menu{
  position:absolute;top:calc(100% + 10px);right:0;z-index:120;min-width:194px;
  display:grid;gap:6px;padding:8px;border:1px solid rgba(32,32,32,.08);border-radius:18px;
  background:rgba(255,255,255,.98);box-shadow:0 16px 36px rgba(0,0,0,.14);
  opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
}
html[data-theme="dark"] .nav-more-menu{background:rgba(24,25,29,.98);border-color:rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.3)}
.nav-more[open] .nav-more-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.nav-sub-button{position:relative!important;z-index:1!important;width:100%;justify-content:flex-start!important;border-radius:13px!important;padding:0 13px!important;min-height:42px!important;text-align:left!important;background:transparent!important;color:var(--ink)!important}
.nav-sub-button:hover{background:var(--mist)!important}
.nav-sub-button.is-active{background:var(--yellow)!important;color:#202020!important}

@media (min-width:1061px){
  .nav-more-toggle{min-height:42px;padding:0 12px;border-radius:14px;font-size:13px;font-weight:600;letter-spacing:0}
  .nav-pill{overflow:visible!important}
  .main-nav{overflow:visible!important}
}
@media (min-width:1061px) and (max-width:1320px){
  .nav-more-toggle{padding:0 10px;font-size:11.5px}
  .nav-more-menu{right:0;left:auto}
}
@media (max-width:1060px){
  .nav-more{display:block;width:100%}
  .nav-more-toggle{width:100%;justify-content:space-between;padding:0 16px;border-radius:16px;background:var(--mist);font-weight:600}
  .nav-more-menu{
    position:static;min-width:0;margin-top:6px;padding:6px;border:0;border-radius:16px;background:var(--mist);box-shadow:none;
    opacity:1;visibility:visible;transform:none;pointer-events:auto;display:none
  }
  .nav-more[open] .nav-more-menu{display:grid}
  .nav-sub-button{min-height:44px!important;background:var(--card)!important;border:1px solid rgba(32,32,32,.06)!important}
  html[data-theme="dark"] .nav-sub-button{border-color:rgba(255,255,255,.06)!important}
}
@media (prefers-reduced-motion:reduce){
  .nav-more-menu,.nav-more-caret{transition:none!important}
}


/* ======================================================================
   PAYPAL PAYMENT BRANDING POLISH — 2026-09-27
   ====================================================================== */
.payment-method-pill{
  display:inline-flex!important;
  align-items:center;
  gap:8px!important;
  width:max-content;
  max-width:100%;
  min-height:34px;
  margin-top:10px;
  padding:6px 11px 6px 9px!important;
  border:1px solid rgba(0,112,186,.10)!important;
  border-radius:999px!important;
  background:#eef7fc!important;
  color:#263746!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
  box-shadow:none!important;
}
.payment-method-pill .paypal-logo{
  display:block;
  width:66px;
  height:20px;
  object-fit:contain;
  object-position:left center;
}
.paypal-mark{display:none!important}
html[data-theme="dark"] .payment-method-pill{
  background:rgba(0,156,222,.10)!important;
  border-color:rgba(0,156,222,.18)!important;
  color:#eaf7ff!important;
}
.paypal-payment-button{
  min-height:52px!important;
  padding:7px 12px!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.paypal-button-copy{
  display:flex!important;
  align-items:center;
  gap:11px;
  min-width:0;
  text-align:left;
}
.paypal-button-logo{
  display:block;
  width:58px;
  height:20px;
  flex:0 0 auto;
  object-fit:contain;
  object-position:left center;
}
.paypal-button-copy > span{display:grid;gap:2px;min-width:0}
.paypal-button-copy strong{font-size:12px!important;line-height:1.12!important}
.paypal-button-copy small{font-size:9.5px!important;line-height:1.2!important;opacity:.68}
.paypal-button-arrow{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:30px;
  height:30px;
  border-radius:50%;
  background:rgba(32,32,32,.07);
}
.button-dark .paypal-button-arrow{background:rgba(255,255,255,.10)}
.paypal-trust-item strong{
  display:flex!important;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.paypal-trust-logo{
  display:block;
  width:64px;
  height:20px;
  object-fit:contain;
  object-position:left center;
}
@media(max-width:640px){
  .payment-method-pill .paypal-logo{width:60px;height:18px}
  .paypal-button-logo{width:54px;height:18px}
  .paypal-payment-button{min-height:54px!important}
}


/* SEO/GEO polish patch — featured pricing badge containment */
.support-grid .price-card.featured{position:relative!important;}
.support-grid .price-card.featured .popular-chip{position:absolute!important;top:14px!important;right:14px!important;z-index:3!important;margin:0!important;transform:none!important;}


/* =========================================================
   HOMEPAGE FEATURE ICON CENTERING — 2026-09-27
   Normalize Lucide SVG placement inside the circular icon shell.
   ========================================================= */
#panel-home .exact-feature-card .feature-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  line-height:0!important;
  text-align:center!important;
  overflow:hidden!important;
}

#panel-home .exact-feature-card .feature-icon svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 22px!important;
  transform:none!important;
  vertical-align:middle!important;
}