/* AnoProxy v24 — Glacier Blue SaaS design system
   Loaded after v23 as a deliberately small, reversible visual layer. */
:root{
  --v24-blue:#1267ff;
  --v24-blue-deep:#075cff;
  --v24-violet:#624bff;
  --v24-cyan:#18a9d5;
  --v24-ink:#091a36;
  --v24-copy:#294261;
  --v24-muted:#64748b;
  --v24-line:rgba(152,184,232,.34);
  --v24-line-strong:rgba(84,139,226,.38);
  --v24-surface:rgba(255,255,255,.88);
  --v24-surface-solid:#fff;
  --v24-bg:#f7faff;
  --v24-bg-soft:#eef5ff;
  --v24-radius:26px;
  --v24-shadow:0 22px 65px rgba(25,86,178,.10);
  --v24-shadow-hover:0 30px 85px rgba(24,88,190,.16);
  --v24-font:-apple-system,BlinkMacSystemFont,"Noto Sans SC","PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;
}

html{background:var(--v24-bg)}
body.saas-light-v23{
  position:relative;
  background:
    radial-gradient(circle at 8% 2%,rgba(65,159,255,.15),transparent 28rem),
    radial-gradient(circle at 92% 18%,rgba(104,78,255,.10),transparent 30rem),
    linear-gradient(180deg,#fbfdff 0%,#f5f9ff 38%,#fff 74%,#f4f8ff 100%)!important;
  color:var(--v24-ink)!important;
  font-family:var(--v24-font)!important;
  font-feature-settings:"kern" 1,"liga" 1;
}
body.saas-light-v23::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.32;
  background-image:linear-gradient(rgba(70,125,210,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(70,125,210,.055) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:linear-gradient(to bottom,black,transparent 58%);
  mask-image:linear-gradient(to bottom,black,transparent 58%);
}
body.saas-light-v23 :focus-visible{outline:3px solid rgba(18,103,255,.28)!important;outline-offset:3px!important}
body.saas-light-v23 .section-shell{width:min(1220px,calc(100% - 56px))!important}

/* Header */
body.saas-light-v23 .site-header{
  width:auto!important;
  max-width:none!important;
  box-sizing:border-box!important;
  top:12px!important;
  left:max(18px,calc((100vw - 1280px)/2))!important;
  right:max(18px,calc((100vw - 1280px)/2))!important;
  height:68px!important;
  padding:0 20px!important;
  border:1px solid rgba(176,199,231,.58)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 14px 42px rgba(31,72,132,.08)!important;
  backdrop-filter:blur(22px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(150%)!important;
}
body.saas-light-v23 .site-header.v23-scrolled{
  top:8px!important;
  height:62px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 18px 50px rgba(26,69,135,.12)!important;
}
body.saas-light-v23 .site-header .brand{letter-spacing:-.025em!important}
body.saas-light-v23 .site-header .brand-mark img{filter:drop-shadow(0 7px 15px rgba(18,103,255,.23))!important}
body.saas-light-v23 .desktop-nav{gap:25px!important}
body.saas-light-v23 .desktop-nav>a,
body.saas-light-v23 .nav-dropdown-trigger{font-size:13px!important;font-weight:700!important;color:#30445f!important}
body.saas-light-v23 .desktop-nav>a::after,
body.saas-light-v23 .nav-dropdown-trigger::after{height:2px!important;background:linear-gradient(90deg,var(--v24-blue),var(--v24-violet))!important}
body.saas-light-v23 .header-actions .button,
body.saas-light-v23 .button.small{
  border:0!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,var(--v24-blue),var(--v24-blue-deep) 58%,var(--v24-violet))!important;
  box-shadow:0 12px 26px rgba(18,103,255,.24)!important;
}

/* Shared typography */
body.saas-light-v23 h1,
body.saas-light-v23 h2,
body.saas-light-v23 h3{color:var(--v24-ink);letter-spacing:-.045em;text-wrap:balance}
body.saas-light-v23 h1{font-weight:760!important}
body.saas-light-v23 h2{font-weight:750!important}
body.saas-light-v23 p{color:var(--v24-copy)}
body.saas-light-v23 .kicker,
body.saas-light-v23 [class*="eyebrow"]{
  color:var(--v24-blue)!important;
  letter-spacing:.12em!important;
}
body.saas-light-v23 :is(.section-title,.product-offers-head-v18,.product-compare-head-v20,.tools-section-heading,.decision-head,.overview-head) h2::after{
  content:"";
  display:block;
  width:46px;
  height:4px;
  margin-top:14px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--v24-blue),var(--v24-violet));
}

/* Shared actions */
body.saas-light-v23 :is(.button,.saas-primary-v23,.plan-button,.partner-button,.submit-login){
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important;
}
body.saas-light-v23 :is(.button,.saas-primary-v23,.plan-button,.partner-button,.submit-login):hover{
  transform:translateY(-2px)!important;
  filter:saturate(1.08)!important;
}
body.saas-light-v23 .saas-primary-v23,
body.saas-light-v23 .plan-button,
body.saas-light-v23 .partner-button,
body.saas-light-v23 .submit-login{
  border-radius:13px!important;
  background:linear-gradient(135deg,var(--v24-blue),#0f5ce7 60%,var(--v24-violet))!important;
  box-shadow:0 16px 34px rgba(18,103,255,.24)!important;
}
body.saas-light-v23 :is(.saas-secondary-v23,.text-link,.price-link,.back-home){
  border-color:rgba(18,103,255,.28)!important;
  background:rgba(255,255,255,.74)!important;
  color:var(--v24-blue-deep)!important;
  box-shadow:0 10px 26px rgba(31,82,155,.07)!important;
  backdrop-filter:blur(12px);
}

/* Home hero */
body.saas-light-v23 .saas-hero-v23{
  min-height:780px!important;
  padding-top:118px!important;
  background:
    radial-gradient(circle at 83% 36%,rgba(77,137,255,.18),transparent 26%),
    radial-gradient(circle at 68% 72%,rgba(104,75,255,.10),transparent 24%),
    linear-gradient(180deg,rgba(255,255,255,.62),rgba(244,249,255,.82))!important;
}
body.saas-light-v23 .saas-hero-grid-v23{opacity:.4!important;background-size:54px 54px!important}
body.saas-light-v23 .saas-hero-inner-v23{gap:70px!important}
body.saas-light-v23 .saas-hero-copy-v23 h1{font-size:clamp(46px,5vw,70px)!important;line-height:1.07!important;letter-spacing:-.06em!important}
body.saas-light-v23 .saas-hero-copy-v23 h1 em{
  background:linear-gradient(90deg,var(--v24-blue-deep),var(--v24-violet) 72%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  font-style:normal;
}
body.saas-light-v23 .saas-hero-copy-v23>p{max-width:650px;font-size:17px!important;line-height:1.85!important;color:#425c7d!important}
body.saas-light-v23 .saas-eyebrow-v23{
  border:1px solid rgba(18,103,255,.18)!important;
  background:rgba(255,255,255,.76)!important;
  box-shadow:0 10px 30px rgba(18,103,255,.08)!important;
}
body.saas-light-v23 .saas-hero-stats-v23{
  border-block:1px solid rgba(172,195,227,.48)!important;
  padding-block:17px!important;
}
body.saas-light-v23 .saas-hero-stats-v23 strong{font-family:"Plus Jakarta Sans",var(--v24-font)!important;color:var(--v24-ink)!important}
body.saas-light-v23 .saas-product-proof-v23 span{background:rgba(255,255,255,.76)!important;border-color:rgba(163,191,231,.48)!important}

/* Product UI / glass surfaces */
body.saas-light-v23 :is(
  .saas-dashboard-v23,.product-offer-card-v18,.compare-table-shell-v20,
  .solution-detail,.solutions-hero-panel,.tool-card-v4,.lead-content,.post,
  .plan-card,.pp-plan,.partner-card,.partner-visual,.affiliate-cta,
  .legal-document,.legal-toc,.legal-notice,.login-form-panel,.login-brand-panel,
  .price-overview,.usage-builder,.pricing-faq details,.pp-core,.pp-included,
  .network-card,.signal-card,.mini-card
){
  position:relative;
  border:1px solid var(--v24-line)!important;
  border-radius:var(--v24-radius)!important;
  background:var(--v24-surface)!important;
  box-shadow:var(--v24-shadow)!important;
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
}
body.saas-light-v23 :is(
  .product-offer-card-v18,.solution-detail,.tool-card-v4,.post,.plan-card,
  .pp-plan,.partner-card,.network-card,.signal-card,.mini-card
){
  overflow:hidden;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}
body.saas-light-v23 :is(
  .product-offer-card-v18,.solution-detail,.tool-card-v4,.post,.plan-card,
  .pp-plan,.partner-card,.network-card,.signal-card,.mini-card
)::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  transition:opacity .28s ease;
  background:radial-gradient(360px circle at var(--v24-pointer-x,50%) var(--v24-pointer-y,0%),rgba(62,139,255,.14),transparent 56%);
}
body.saas-light-v23 :is(
  .product-offer-card-v18,.solution-detail,.tool-card-v4,.post,.plan-card,
  .pp-plan,.partner-card,.network-card,.signal-card,.mini-card
):hover{
  transform:translateY(-7px)!important;
  border-color:var(--v24-line-strong)!important;
  box-shadow:var(--v24-shadow-hover)!important;
}
body.saas-light-v23 :is(
  .product-offer-card-v18,.solution-detail,.tool-card-v4,.post,.plan-card,
  .pp-plan,.partner-card,.network-card,.signal-card,.mini-card
):hover::before{opacity:1}
body.saas-light-v23 .saas-dashboard-v23{
  border-radius:28px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 34px 100px rgba(29,87,180,.16),0 0 0 8px rgba(255,255,255,.5)!important;
}
body.saas-light-v23 .saas-dashboard-accent-v23{height:4px!important;background:linear-gradient(90deg,var(--v24-blue),var(--v24-violet),var(--v24-cyan))!important}
body.saas-light-v23 .saas-dashboard-v23 :is(.saas-dashboard-metrics-v23>div,.saas-chart-v23,.saas-routing-v23,.saas-routing-list-v23 a,.saas-dashboard-foot-v23){
  border-color:rgba(174,199,233,.44)!important;
  background:rgba(248,251,255,.84)!important;
}
body.saas-light-v23 .saas-float-badge-v23{
  border-color:rgba(126,168,229,.42)!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 18px 45px rgba(26,81,164,.13)!important;
  backdrop-filter:blur(16px);
  animation:v24Float 5s ease-in-out infinite;
}
body.saas-light-v23 .badge-protocol{animation-delay:-2.4s}

/* Section rhythm */
body.saas-light-v23 :is(.product-offers-v18,.product-compare-v20,.solution-preview,.plan-section,.tool-directory-v4){padding-block:104px!important}
body.saas-light-v23 .saas-feature-strip-v23{
  width:min(1220px,calc(100% - 56px));
  margin:-22px auto 0;
  border:1px solid var(--v24-line)!important;
  border-radius:22px!important;
  overflow:hidden;
  background:rgba(255,255,255,.86)!important;
  box-shadow:0 20px 55px rgba(29,82,164,.10)!important;
  backdrop-filter:blur(18px);
}
body.saas-light-v23 .saas-feature-strip-v23 span{background:linear-gradient(135deg,#eaf3ff,#f1eeff)!important}
body.saas-light-v23 .product-offers-v18::before,
body.saas-light-v23 .product-compare-v20::before,
body.saas-light-v23 .solution-preview::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 10% 12%,rgba(18,103,255,.08),transparent 25%),radial-gradient(circle at 92% 84%,rgba(98,75,255,.07),transparent 24%);
}
body.saas-light-v23 .product-offer-card-v18 h3,
body.saas-light-v23 .pp-plan h3,
body.saas-light-v23 .plan-card h3{letter-spacing:-.035em!important}
body.saas-light-v23 .product-offer-card-v18 :is(.offer-icon-v18,.offer-card-top-v18 em),
body.saas-light-v23 :is(.switch-icon,.tool-card-icon,.value-icon){box-shadow:inset 0 0 0 1px rgba(18,103,255,.08)}

/* Pricing, tools, blog, solutions */
body.saas-light-v23 :is(.pricing-hero,.pp-hero,.tools-hero,.blog-hero,.affiliate-hero,.solutions-hero,.legal-hero){
  background:
    radial-gradient(circle at 12% 12%,rgba(18,103,255,.13),transparent 28%),
    radial-gradient(circle at 88% 4%,rgba(98,75,255,.09),transparent 25%),
    linear-gradient(180deg,#fbfdff,#f2f7ff)!important;
}
body.saas-light-v23 :is(.pricing-hero h1,.pp-hero h1,.tools-hero h1,.blog-hero h1,.affiliate-hero h1,.solutions-hero h1,.legal-hero h1){
  color:var(--v24-ink)!important;
  letter-spacing:-.055em!important;
}
body.saas-light-v23 .switch-grid>a,
body.saas-light-v23 .pp-switch a{
  border-radius:18px!important;
  background:rgba(255,255,255,.84)!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
body.saas-light-v23 .switch-grid>a:hover,
body.saas-light-v23 .pp-switch a:hover{transform:translateY(-3px);border-color:var(--v24-line-strong)!important;box-shadow:var(--v24-shadow)!important}
body.saas-light-v23 table{border-collapse:separate!important;border-spacing:0!important}
body.saas-light-v23 :is(.compare-table-v20,.pricing-page table){overflow:hidden;border-radius:20px!important}
body.saas-light-v23 :is(.blog-search,.tool-search-box,.field input,.input-wrap input){border-color:rgba(157,187,228,.55)!important;background:rgba(255,255,255,.78)!important}

/* Footer */
body.saas-light-v23 footer{
  position:relative;
  overflow:hidden;
  margin-top:0!important;
  border-top:0!important;
  background:linear-gradient(135deg,#071b3b 0%,#0b347a 58%,#173fa4 100%)!important;
  color:#fff!important;
}
body.saas-light-v23 footer::before{
  content:"";
  position:absolute;
  width:680px;
  height:680px;
  right:-260px;
  top:-390px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(83,139,255,.36),transparent 66%);
  pointer-events:none;
}
body.saas-light-v23 footer :is(.brand,b,a){color:#fff!important}
body.saas-light-v23 footer :is(p,.footer-bottom){color:rgba(225,236,255,.72)!important}
body.saas-light-v23 footer a{transition:color .18s ease,transform .18s ease}
body.saas-light-v23 footer a:hover{color:#fff!important;transform:translateX(2px)}

/* Motion */
@keyframes v24Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes v24Shimmer{0%{background-position:0 50%}100%{background-position:200% 50%}}
body.saas-light-v23 .reveal{transform:translateY(20px) scale(.992)!important;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)!important}
body.saas-light-v23 .reveal.visible{transform:none!important}
body.saas-light-v23 .back-to-top{border-color:rgba(18,103,255,.22)!important;background:rgba(255,255,255,.86)!important;box-shadow:0 12px 35px rgba(27,76,151,.15)!important;backdrop-filter:blur(14px)}

@media(max-width:1100px){
  body.saas-light-v23 .site-header{width:auto!important;left:14px!important;right:14px!important}
  body.saas-light-v23 .saas-hero-inner-v23{gap:40px!important}
  body.saas-light-v23 .saas-feature-strip-v23{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:760px){
  body.saas-light-v23 .section-shell{width:min(100% - 30px,1220px)!important}
  body.saas-light-v23 .site-header{width:auto!important;top:8px!important;left:8px!important;right:8px!important;height:60px!important;padding-inline:14px!important;border-radius:15px!important}
  body.saas-light-v23 .saas-hero-v23{min-height:0!important;padding-top:98px!important}
  body.saas-light-v23 .saas-hero-copy-v23 h1{font-size:clamp(38px,12vw,54px)!important}
  body.saas-light-v23 .saas-hero-inner-v23{gap:38px!important}
  body.saas-light-v23 .saas-feature-strip-v23{width:calc(100% - 30px);grid-template-columns:1fr 1fr!important;margin-top:20px}
  body.saas-light-v23 .saas-feature-strip-v23>*{min-height:74px!important}
  body.saas-light-v23 :is(.product-offers-v18,.product-compare-v20,.solution-preview,.plan-section,.tool-directory-v4){padding-block:72px!important}
  body.saas-light-v23 .saas-float-badge-v23{display:none!important}
}
@media(max-width:520px){
  body.saas-light-v23 .saas-feature-strip-v23{grid-template-columns:1fr!important}
  body.saas-light-v23 .saas-dashboard-v23{border-radius:20px!important;padding:17px!important}
  body.saas-light-v23 .saas-dashboard-metrics-v23{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  body.saas-light-v23 *,body.saas-light-v23 *::before,body.saas-light-v23 *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}