/* ClasslyOne 9.2 Simple Premium Design */
:root{--c1:#0A2D72;--c2:#1264E8;--c3:#25A7F0;--c4:#F04496;--ink:#081F49;--muted:#5B6F8A;--line:#D9E7FF;--soft:#F5FAFF;--white:#FFFFFF;--shadow:0 22px 60px rgba(10,45,114,.12);--radius:24px;}
html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;color:var(--ink)!important;background:radial-gradient(circle at top left,rgba(37,167,240,.16),transparent 34%),radial-gradient(circle at top right,rgba(240,68,150,.10),transparent 32%),linear-gradient(180deg,#F7FBFF 0%,#FFFFFF 48%,#F8FBFF 100%)!important;}h1,h2,h3,h4,.brand,.portal-brand{letter-spacing:-.035em!important}p,li{color:var(--muted);line-height:1.72}a{color:var(--c2)}.site-header,.portal-top{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(217,231,255,.9)!important;box-shadow:0 8px 32px rgba(10,45,114,.06)!important}.header-shell{min-height:58px!important;padding-top:5px!important;padding-bottom:5px!important}.brand img{width:146px!important;max-width:146px!important;height:auto!important}.nav-link,.portal-nav a{font-size:13.2px!important;font-weight:850!important;color:var(--ink)!important;border-radius:999px!important}.nav-link:hover,.portal-nav a:hover{background:#fff!important;box-shadow:0 10px 28px rgba(10,45,114,.09)!important}.btn,.btn-primary,.btn-secondary,.btn-small,button{border-radius:999px!important;font-weight:950!important}.btn-primary,.portal-main button,.login-card button,.install-card button{background:linear-gradient(135deg,var(--c2),var(--c3) 55%,var(--c4))!important;border:0!important;color:#fff!important;box-shadow:0 18px 38px rgba(18,100,232,.22)!important}.btn-secondary{background:#fff!important;color:var(--c1)!important;border:1px solid var(--line)!important}.page-hero,.hero,.pricing-hero{background:radial-gradient(circle at 12% 10%,rgba(37,167,240,.22),transparent 30%),radial-gradient(circle at 88% 0%,rgba(240,68,150,.15),transparent 28%),linear-gradient(135deg,#F4FAFF,#FFFFFF 55%,#FFF7FB)!important;border-bottom:1px solid rgba(217,231,255,.85)!important}.page-hero h1,.hero h1,.login-brand h1{background:linear-gradient(135deg,var(--c1),var(--c2) 58%,var(--c4))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.eyebrow{color:#008B72!important;font-weight:1000!important;letter-spacing:.14em!important}.card,.service-card,.feature-card,.price-calculator,.price-result-card,.login-card,.stat,.portal-main .card{border:1px solid rgba(217,231,255,.95)!important;background:rgba(255,255,255,.92)!important;box-shadow:var(--shadow)!important;border-radius:var(--radius)!important}.section-pad{padding-top:clamp(54px,7vw,88px)!important;padding-bottom:clamp(54px,7vw,88px)!important}.section-head{max-width:820px!important}.form-row,.grid,.grid-form{gap:16px!important}input,select,textarea{border:1px solid #CFE0FB!important;border-radius:16px!important;background:#fff!important;color:var(--ink)!important;box-shadow:none!important}input:focus,select:focus,textarea:focus{outline:3px solid rgba(18,100,232,.14)!important;border-color:var(--c2)!important}.price-level-grid,.pricing-breakup,.pricing-list,.price-breakup-list{display:none!important}.clean-pricing-hero .lead,.clean-pricing-head p{max-width:720px;margin-left:auto;margin-right:auto}.seo-cta-band{background:linear-gradient(135deg,var(--c1),var(--c2) 55%,var(--c4))!important;border-radius:28px!important}.site-footer{background:linear-gradient(135deg,#061B45,#0A2D72)!important}@media(max-width:960px){.brand img{width:136px!important;max-width:136px!important}.header-shell{min-height:56px!important}}@media(max-width:720px){.brand img{width:128px!important;max-width:128px!important}.nav-link{font-size:13px!important}}


/* ClasslyOne 4.5.0: simple visual polish requested */
.brand img{width:188px!important;max-width:188px!important;height:auto!important;}
.header-shell{grid-template-columns:230px 1fr auto!important;min-height:72px!important;}
.hero-copy>.eyebrow{font-size:.68rem!important;letter-spacing:.20em!important;margin-bottom:10px!important;}
.hero-grid{grid-template-columns:.95fr 1.05fr!important;gap:52px!important;align-items:center!important;}
.hero-card{min-height:470px!important;border-radius:34px!important;}
.hero-card img{height:100%!important;min-height:470px!important;object-fit:cover!important;aspect-ratio:auto!important;}
.hero h1{font-size:clamp(2.7rem,5.4vw,5.95rem)!important;}
.hero .lead{font-size:clamp(1rem,1.3vw,1.18rem)!important;max-width:760px!important;}
.sample-review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px;}
.sample-review-card{background:rgba(255,255,255,.94);border:1px solid rgba(217,231,255,.95);border-radius:24px;padding:22px;box-shadow:0 18px 46px rgba(10,45,114,.10);}
.sample-review-card .stars{color:#F7A928;font-size:1.08rem;letter-spacing:.08em;margin-bottom:10px;}
.sample-review-card p{margin:0 0 16px;color:#405675;}
.sample-review-card strong{display:block;color:#0A2D72;font-size:1rem;}
.sample-review-card span{display:block;color:#5B6F8A;font-weight:750;font-size:.88rem;margin-top:4px;}
.field-hint{display:block;margin-top:8px;color:#52657f;font-weight:750;line-height:1.45;}
@media(max-width:1320px){.header-shell{grid-template-columns:1fr auto!important;}.brand img{width:166px!important;max-width:166px!important;}}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr!important;}.hero-card,.hero-card img{min-height:360px!important;}.sample-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:720px){.brand img{width:150px!important;max-width:150px!important;}.hero-copy>.eyebrow{font-size:.62rem!important;}.sample-review-grid{grid-template-columns:1fr;}}


/* ClasslyOne 4.5.0: balanced hero and simple premium layout */
.site-header::before,
.site-header::after {
  height: 3px !important;
}
.header-shell {
  min-height: 78px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  grid-template-columns: 220px 1fr auto !important;
  gap: 18px !important;
}
.brand img {
  width: 172px !important;
  max-width: 172px !important;
}
.nav-link {
  padding: 9px 13px !important;
  font-size: 13.5px !important;
}
.header-actions .btn,
.header-actions a {
  padding: 10px 16px !important;
  font-size: 13.5px !important;
}
.hero.section-pad {
  padding-top: clamp(48px, 5vw, 72px) !important;
  padding-bottom: clamp(56px, 5.8vw, 82px) !important;
  min-height: calc(100vh - 96px) !important;
  display: flex !important;
  align-items: center !important;
}
.hero .container.hero-grid {
  display: grid !important;
  grid-template-columns: minmax(410px, .86fr) minmax(520px, 1.14fr) !important;
  gap: clamp(36px, 4.5vw, 76px) !important;
  align-items: center !important;
  width: min(1480px, 92vw) !important;
}
.hero-copy {
  max-width: 660px !important;
}
.hero-copy > .eyebrow {
  font-size: clamp(.62rem, .72vw, .78rem) !important;
  letter-spacing: .22em !important;
  margin-bottom: 14px !important;
}
.hero h1 {
  font-size: clamp(3.1rem, 4.15vw, 5.05rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.065em !important;
  max-width: 660px !important;
  margin-bottom: 18px !important;
}
.hero h1 .brand-heading-word {
  display: inline-block !important;
  font-size: .95em !important;
}
.hero .lead {
  font-size: clamp(1rem, 1.04vw, 1.16rem) !important;
  line-height: 1.72 !important;
  max-width: 640px !important;
  margin-bottom: 24px !important;
}
.hero-actions {
  gap: 12px !important;
  margin-bottom: 18px !important;
}
.hero-pills {
  gap: 8px !important;
}
.hero-pills span {
  font-size: .82rem !important;
  padding: 7px 11px !important;
}
.hero-card {
  min-height: clamp(460px, 44vw, 660px) !important;
  height: clamp(460px, 44vw, 660px) !important;
  align-self: center !important;
  margin-top: 0 !important;
  border-radius: 34px !important;
  transform: translateY(-4px) !important;
}
.hero-card picture {
  display: block !important;
  height: 100% !important;
}
.hero-card img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  aspect-ratio: auto !important;
}
.floating-card.top {
  top: 24px !important;
  left: 24px !important;
}
.floating-card.bottom {
  bottom: 24px !important;
  right: 24px !important;
}
.page-hero h1 {
  font-size: clamp(2.35rem, 4.2vw, 4.8rem) !important;
  line-height: 1.04 !important;
  max-width: 850px !important;
}
.page-hero.section-pad-sm {
  padding-top: clamp(50px, 5vw, 78px) !important;
  padding-bottom: clamp(50px, 5vw, 78px) !important;
}
@media (max-width: 1320px) {
  .header-shell {
    grid-template-columns: 190px 1fr auto !important;
  }
  .brand img {
    width: 158px !important;
    max-width: 158px !important;
  }
  .hero .container.hero-grid {
    grid-template-columns: minmax(360px, .9fr) minmax(470px, 1.1fr) !important;
  }
  .hero h1 {
    font-size: clamp(2.85rem, 4.4vw, 4.65rem) !important;
  }
}
@media (max-width: 980px) {
  .header-shell {
    min-height: 68px !important;
    grid-template-columns: 1fr auto !important;
  }
  .brand img {
    width: 145px !important;
    max-width: 145px !important;
  }
  .hero.section-pad {
    min-height: auto !important;
    padding-top: 44px !important;
  }
  .hero .container.hero-grid {
    grid-template-columns: 1fr !important;
    width: min(760px, 92vw) !important;
  }
  .hero-copy {
    max-width: 100% !important;
  }
  .hero h1 {
    max-width: 100% !important;
    font-size: clamp(2.6rem, 9vw, 4.6rem) !important;
  }
  .hero-card {
    height: auto !important;
    min-height: 340px !important;
  }
  .hero-card img {
    min-height: 340px !important;
  }
}
@media (max-width: 640px) {
  .hero h1 {
    font-size: clamp(2.3rem, 12vw, 3.7rem) !important;
  }
  .hero-copy > .eyebrow {
    font-size: .6rem !important;
  }
  .hero-card,
  .hero-card img {
    min-height: 280px !important;
  }
}