/* Hero designs for subpages only. This stylesheet is never loaded by the homepage. */
.sv-page .sv-hero-designed { --hero-wash:#f6f4ff; --hero-shape:#e9e3ff; --hero-second:#e1edff; position:relative; isolation:isolate; overflow:clip; }
.sv-page .sv-hero-designed.sv-tone-mint { --hero-wash:#f1faf7; --hero-shape:#d6f1e8; --hero-second:#e7e1ff; }
.sv-page .sv-hero-designed.sv-tone-peach { --hero-wash:#fff6f2; --hero-shape:#f9e1d7; --hero-second:#eae3ff; }
.sv-page .sv-hero-designed.sv-tone-lemon { --hero-wash:#fffbed; --hero-shape:#f6edc5; --hero-second:#e2f3ec; }
.sv-page .sv-hero-designed.sv-hero,
.sv-page .sv-support-hero.sv-hero-designed,
.sv-page .sv-legal-hero.sv-hero-designed { background:radial-gradient(ellipse at 6% 15%,#fff 0,transparent 50%),linear-gradient(115deg,#fcfcff 12%,var(--hero-wash) 100%); border-bottom:1px solid #eeebf6; }
.sv-page .sv-hero-designed::after { content:""; position:absolute; z-index:-1; width:300px; height:300px; right:-185px; top:42px; border-radius:50%; background:var(--hero-shape); opacity:.6; }
.sv-page .sv-hero-designed.sv-hero { padding:20px 0 62px; }
.sv-page .sv-hero-designed .sv-breadcrumb { margin-bottom:30px; font-size:10px; color:#5d687f; }
.sv-page .sv-hero-designed .sv-hero-layout { grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); gap:clamp(32px,4.5vw,68px); min-height:475px; }
.sv-page .sv-hero-designed .sv-hero-copy { max-width:600px; padding:0; }
.sv-page .sv-hero-designed .sv-eyebrow { font-size:10px; letter-spacing:.2em; color:#655e89; margin-bottom:20px; }
.sv-page .sv-hero-designed h1 { font-size:clamp(42px,4.25vw,64px); line-height:1.04; letter-spacing:-.055em; font-weight:820; text-wrap:balance; }
.sv-page .sv-hero-designed h1 em { color:#5945ed; }
.sv-page .sv-hero-designed .sv-lead { font-size:16px; line-height:1.8; margin:23px 0 28px; max-width:535px; color:#65718b; }
.sv-page .sv-hero-designed .sv-actions { gap:12px; }
.sv-page .sv-hero-designed .sv-button { min-height:50px; padding:13px 20px; font-size:13px; gap:16px; border-radius:11px; }
.sv-page .sv-hero-designed .sv-button:not(.sv-button-secondary) { background:linear-gradient(135deg,#6851fb,#5141e2); border-color:#5b46ed; box-shadow:0 7px 18px #5843e51a; }
.sv-page .sv-hero-designed .sv-button-secondary { background:#ffffffb8; border-color:#deddec; }
.sv-page .sv-hero-proof { display:flex; flex-wrap:wrap; gap:9px 19px; list-style:none; padding:0; margin:25px 0 0; font-size:10px; color:#65718b; }
.sv-page .sv-hero-proof li { display:flex; align-items:center; gap:6px; }
.sv-page .sv-hero-proof .sv-icon { width:14px; height:14px; color:#339f7c; }
.sv-page .sv-hero-designed .sv-hero-note { line-height:1.6; margin-top:23px; align-items:flex-start; max-width:520px; }
.sv-page .sv-hero-designed .sv-hero-note .sv-icon { margin-top:1px; }
.sv-page .sv-hero-art { position:relative; isolation:isolate; min-width:0; padding:25px 0; }
.sv-page .sv-hero-art::before { content:""; position:absolute; z-index:-1; inset:auto; left:-36px; top:-8px; width:57%; height:72%; border-radius:46% 54% 55% 45% / 50% 41% 59% 50%; transform:rotate(-14deg); background:var(--hero-shape); }
.sv-page .sv-hero-art::after { content:""; position:absolute; z-index:-1; width:72%; height:41%; right:-28px; bottom:-6px; border-radius:100px 100px 45px 100px; transform:rotate(-11deg); background:var(--hero-second); }
.sv-page .sv-hero-art-product { padding-left:20px; }
.sv-page .sv-hero-dashboard { position:relative; }
.sv-page .sv-hero-dashboard-window { display:grid; grid-template-columns:132px minmax(0,1fr); min-height:420px; background:#fffffff5; border:1px solid #eeebf8; border-radius:24px; box-shadow:0 22px 60px #61599416; overflow:hidden; }
.sv-page .sv-hero-dashboard-sidebar { display:flex; flex-direction:column; gap:7px; border-right:1px solid #f0edf7; background:linear-gradient(180deg,#fff,#f9f8ff); padding:27px 13px 20px; }
.sv-page .sv-hero-dashboard-sidebar>img { margin:0 0 29px 11px; }
.sv-page .sv-hero-dashboard-sidebar>span { display:flex; align-items:center; gap:8px; padding:9px 10px; border-radius:8px; color:#5d687f; font-size:10px; }
.sv-page .sv-hero-dashboard-sidebar b { font-weight:500; }
.sv-page .sv-hero-dashboard-sidebar .sv-icon { width:15px; height:15px; }
.sv-page .sv-hero-dashboard-sidebar .is-active { color:#6950ed; background:#f0ebff; }
.sv-page .sv-hero-dashboard-sidebar .sv-hero-sidebar-end { margin-top:auto; }
.sv-page .sv-hero-dashboard-day { padding:29px 25px 22px; min-width:0; }
.sv-page .sv-hero-day-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.sv-page .sv-hero-day-heading h2 { font-size:24px; letter-spacing:-.04em; }
.sv-page .sv-hero-day-heading p { font-size:10px; margin:5px 0 0; color:#5d687f; }
.sv-page .sv-hero-day-heading>span { font-size:22px; color:#8174b7; white-space:nowrap; }
.sv-page .sv-hero-day-date { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:20px 0 19px; font-size:10px; color:#5d687f; }
.sv-page .sv-hero-day-date b { display:flex; align-items:center; gap:7px; padding:6px 9px; background:#f0ecff; border-radius:8px; color:#6b52cb; font-weight:550; }
.sv-page .sv-hero-day-date strong { font-size:13px; }
.sv-page .sv-hero-agenda-list { display:grid; gap:15px; }
.sv-page .sv-hero-agenda-list>div { display:grid; grid-template-columns:37px minmax(0,1fr); gap:9px; align-items:start; }
.sv-page .sv-hero-agenda-list time { font-size:10px; padding-top:16px; color:#5d687f; }
.sv-page .sv-hero-agenda-list section { border-radius:10px; padding:14px 12px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.sv-page .sv-hero-agenda-list h3 { font-size:12px; letter-spacing:-.01em; line-height:1.4; }
.sv-page .sv-hero-agenda-list p { font-size:9px; margin:2px 0 0; color:#5d687f; }
.sv-page .sv-hero-agenda-list section>span { display:grid; place-items:center; width:28px; height:28px; flex-shrink:0; border-radius:50%; background:#ffffff9c; color:#746196; font-size:9px; }
.sv-page .sv-hero-agenda-foot { display:flex; align-items:center; gap:7px; margin:21px 0 0 46px; color:#5d687f; font-size:9px; }
.sv-page .sv-hero-agenda-foot .sv-icon { width:13px; height:13px; color:#37a07b; }
.sv-page .sv-hero-dashboard figcaption { font-size:10px; text-align:center; color:#5d687f; margin-top:12px; }
.sv-page .sv-hero-addon-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.sv-page .sv-hero-addon-card { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:27px 22px 24px; border:1px solid #eeeaf7; border-radius:20px; background:linear-gradient(145deg,#fff,#fdfcff); box-shadow:0 14px 40px #6258930d; }
.sv-page .sv-hero-addon-card:nth-child(2) { transform:translateY(15px); }
.sv-page .sv-hero-addon-card:nth-child(3) { transform:translateY(30px); }
.sv-page .sv-hero-tile-icon { display:grid; place-items:center; flex-shrink:0; width:70px; height:70px; border-radius:22px; margin-bottom:23px; }
.sv-page .sv-hero-tile-icon .sv-icon { width:31px; height:31px; }
.sv-page .sv-hero-tile-icon.tone-violet { color:#7152ed; }
.sv-page .sv-hero-tile-icon.tone-mint { color:#129b79; }
.sv-page .sv-hero-tile-icon.tone-peach { color:#d56744; }
.sv-page .sv-hero-tile-icon.tone-blue { color:#4f9dd4; background:#eef7ff; }
.sv-page .sv-hero-addon-card h2 { font-size:18px; line-height:1.2; letter-spacing:-.035em; }
.sv-page .sv-hero-addon-card p { font-size:12px; line-height:1.65; margin:14px 0 26px; }
.sv-page .sv-hero-addon-card>a { display:flex; align-items:center; gap:8px; margin-top:auto; font-size:11px; font-weight:700; color:#6146e5; }
.sv-page .sv-hero-addon-card>a .sv-icon { width:15px; height:15px; }
.sv-page .sv-hero-salon-scene { position:relative; padding:0 15px 40px 25px; }
.sv-page .sv-hero-salon-scene .sv-hero-salon-photo { width:100%; height:455px; object-fit:cover; object-position:72% center; border-radius:100px 24px 100px 24px; box-shadow:0 20px 40px #40304612; }
.sv-page .sv-hero-salon-label { display:flex; align-items:center; gap:13px; position:absolute; top:32px; left:-2px; padding:15px 23px; background:#fffffff0; border:1px solid #ffffff8c; border-radius:15px; box-shadow:0 12px 30px #53407013; }
.sv-page .sv-hero-salon-label span { font-size:16px; font-weight:780; letter-spacing:-.035em; }
.sv-page .sv-hero-salon-label b { display:block; font-size:10px; font-weight:500; letter-spacing:0; color:#5d687f; }
.sv-page .sv-hero-salon-card { position:absolute; bottom:9px; right:-3px; left:80px; display:flex; align-items:center; gap:17px; padding:22px; border:1px solid #eeeaf5; border-radius:17px; background:#fff; box-shadow:0 15px 40px #473c6512; }
.sv-page .sv-hero-salon-card .sv-hero-tile-icon { width:48px; height:48px; border-radius:15px; margin:0; }
.sv-page .sv-hero-salon-card .sv-icon { width:24px; height:24px; }
.sv-page .sv-hero-salon-card strong { font-size:16px; letter-spacing:-.025em; }
.sv-page .sv-hero-salon-card p { margin:3px 0 0; font-size:11px; line-height:1.6; }
.sv-page .sv-hero-designed .sv-hero-preview-stage { padding:8px; }
.sv-page .sv-hero-designed .sv-preview .sv-window { box-shadow:0 22px 55px #55438614; border-color:#e6e1ef; border-radius:21px; }
.sv-page .sv-hero-designed .sv-preview figcaption { font-size:10px; }
.sv-page .sv-hero-start { --hero-shape:#d8f2e8; --hero-second:#ede4ff; }
.sv-page .sv-hero-demo { --hero-shape:#e2e8ff; --hero-second:#fae8dd; }
.sv-page .sv-hero-about { --hero-shape:#f5e2d8; --hero-second:#e8e1fc; }
/* The help centre keeps its working search, with a contact card alongside it. */
.sv-page .sv-support-hero.sv-hero-designed { padding:20px 0 64px; }
.sv-page .sv-support-hero-grid { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); gap:85px; align-items:center; min-height:450px; }
.sv-page .sv-support-hero-home .sv-support-intro { max-width:670px; margin:0; text-align:left; }
.sv-page .sv-support-hero-home .sv-kicker { justify-content:flex-start; color:#655e89; font-size:10px; letter-spacing:.2em; }
.sv-page .sv-support-hero-home .sv-support-lead { font-size:16px; margin:23px 0 26px; color:#65718b; max-width:560px; }
.sv-page .sv-support-hero-home .sv-support-search { margin:24px 0 0; }
.sv-page .sv-support-hero-home .sv-support-shortcuts { justify-content:flex-start; }
.sv-page .sv-hero-art-support { max-width:420px; margin:0 25px 0 auto; width:100%; }
.sv-page .sv-hero-art-support::before { width:80%; height:58%; left:-58px; top:50px; background:#dbf3e9; }
.sv-page .sv-hero-contact-card { padding:36px; border:1px solid #e8e4f3; background:#fff; border-radius:24px; box-shadow:0 20px 50px #6055850e; }
.sv-page .sv-hero-contact-card h2 { font-size:27px; line-height:1.14; }
.sv-page .sv-hero-contact-card p { margin:17px 0 22px; font-size:14px; line-height:1.8; }
.sv-page .sv-hero-contact-card .sv-button-secondary { color:#6450dc; border-color:#d9d0fb; font-size:12px; }
.sv-page .sv-hero-contact-note { display:flex; align-items:flex-start; gap:7px; margin-top:21px; font-size:10px; color:#5d687f; }
.sv-page .sv-hero-contact-note .sv-icon { width:14px; height:14px; flex-shrink:0; margin-top:2px; }
/* Shorter headers keep support answers and legal documents easy to reach. */
.sv-page .sv-hero-brief .sv-support-hero-grid { grid-template-columns:minmax(0,1fr) 230px; gap:65px; min-height:210px; }
.sv-page .sv-hero-brief .sv-support-intro { max-width:940px; }
.sv-page .sv-hero-brief h1 { font-size:clamp(34px,3.5vw,52px); line-height:1.13; text-wrap:pretty; }
.sv-page .sv-hero-topic-art { position:relative; display:grid; place-items:center; padding:28px; }
.sv-page .sv-hero-topic-art::before { content:""; position:absolute; inset:0; border-radius:45% 55% 36% 64%; background:var(--hero-shape); transform:rotate(-12deg); }
.sv-page .sv-hero-topic-art>span { position:relative; display:grid; place-items:center; width:145px; height:145px; background:#ffffffdf; border:1px solid #fff; border-radius:32px; box-shadow:0 15px 35px #675a8d0e; transform:rotate(6deg); color:#8370d4; }
.sv-page .sv-hero-topic-art .sv-icon { width:59px; height:59px; }
.sv-page .sv-legal-hero.sv-hero-designed { padding-top:20px; }
.sv-page .sv-legal-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) 250px; gap:70px; align-items:center; }
.sv-page .sv-hero-document-art { position:relative; display:grid; place-items:center; padding:25px; }
.sv-page .sv-hero-document-art::before { content:""; position:absolute; inset:20px -10px; background:#e7dff9; border-radius:80px 80px 45px 80px; transform:rotate(-16deg); }
.sv-page .sv-hero-document-art>div { position:relative; padding:23px; width:165px; height:210px; border:1px solid #eee8fa; border-radius:17px; background:#fff; box-shadow:0 15px 30px #6c578919; transform:rotate(8deg); }
.sv-page .sv-hero-document-art span { display:grid; place-items:center; width:44px; height:44px; border-radius:12px; background:#f1ebff; color:#8c6fc9; margin-bottom:20px; }
.sv-page .sv-hero-document-art i { display:block; height:5px; margin:10px 0; width:100%; background:#eeeaf6; border-radius:4px; }
.sv-page .sv-hero-document-art i:nth-last-of-type(1) { width:70%; }
.sv-page .sv-hero-document-art b { display:block; margin-top:25px; color:#aaa0bc; font-size:11px; letter-spacing:-.02em; }
@media (max-width:1150px) {
  .sv-page .sv-hero-designed .sv-hero-layout { gap:30px; }
  .sv-page .sv-hero-designed h1 { font-size:48px; }
  .sv-page .sv-hero-dashboard-window { grid-template-columns:100px minmax(0,1fr); }
  .sv-page .sv-hero-dashboard-sidebar { padding-inline:7px; }
  .sv-page .sv-hero-dashboard-sidebar>span { gap:5px; padding-inline:5px; }
  .sv-page .sv-hero-dashboard-day { padding-inline:18px; }
  .sv-page .sv-hero-addon-cards { gap:10px; }
  .sv-page .sv-hero-addon-card { padding:22px 15px; }
  .sv-page .sv-hero-addon-card h2 { font-size:16px; }
  .sv-page .sv-support-hero-grid { gap:40px; }
}
@media (max-width:980px) {
  .sv-page .sv-hero-designed .sv-hero-layout { grid-template-columns:1fr; gap:35px; min-height:0; }
  .sv-page .sv-hero-designed .sv-hero-copy { max-width:730px; }
  .sv-page .sv-hero-designed h1 { font-size:clamp(40px,6vw,57px); }
  .sv-page .sv-hero-art { max-width:740px; width:100%; margin:0 auto; }
  .sv-page .sv-hero-art-product { max-width:620px; padding-left:0; }
  .sv-page .sv-hero-addon-card { padding:27px 24px; }
  .sv-page .sv-hero-addon-card h2 { font-size:20px; }
  .sv-page .sv-hero-dashboard-window { grid-template-columns:125px minmax(0,1fr); }
  .sv-page .sv-hero-dashboard-sidebar { padding-inline:13px; }
  .sv-page .sv-hero-salon-scene { max-width:630px; margin-inline:auto; }
  .sv-page .sv-support-hero-grid { grid-template-columns:minmax(0,1fr) minmax(0,.8fr); gap:35px; min-height:430px; }
  .sv-page .sv-hero-contact-card { padding:26px; }
  .sv-page .sv-hero-contact-card h2 { font-size:24px; }
  .sv-page .sv-hero-art-support { margin:0; }
  .sv-page .sv-support-search>div { padding-left:13px; gap:8px; }
  .sv-page .sv-support-search button { padding:12px; gap:8px; }
  .sv-page .sv-support-search input { font-size:12px; }
  .sv-page .sv-hero-brief .sv-support-hero-grid { grid-template-columns:minmax(0,1fr) 170px; gap:35px; }
  .sv-page .sv-hero-topic-art>span { width:115px; height:115px; }
}
@media (max-width:760px) {
  .sv-page .sv-hero-designed.sv-hero { padding:18px 0 42px; }
  .sv-page .sv-hero-designed .sv-breadcrumb { margin-bottom:32px; font-size:10px; }
  .sv-page .sv-hero-designed .sv-hero-layout { gap:26px; }
  .sv-page .sv-hero-designed .sv-eyebrow { margin-bottom:16px; }
  .sv-page .sv-hero-designed h1 { font-size:clamp(36px,7vw,49px); line-height:1.08; }
  .sv-page .sv-hero-designed .sv-lead { font-size:15px; line-height:1.8; margin:20px 0 24px; }
  .sv-page .sv-hero-designed .sv-button { min-height:48px; padding:13px 17px; font-size:12px; gap:11px; }
  .sv-page .sv-hero-proof { font-size:10px; gap:8px 13px; margin-top:21px; }
  .sv-page .sv-hero-art::before { left:-15px; top:8px; }
  .sv-page .sv-hero-art::after { right:-15px; bottom:0; }
  .sv-page .sv-hero-addon-cards { gap:11px; }
  .sv-page .sv-hero-addon-card { padding:21px 14px; }
  .sv-page .sv-hero-addon-card h2 { font-size:16px; }
  .sv-page .sv-hero-addon-card p { font-size:11px; }
  .sv-page .sv-hero-tile-icon { width:54px; height:54px; border-radius:16px; margin-bottom:20px; }
  .sv-page .sv-hero-tile-icon .sv-icon { width:26px; height:26px; }
  .sv-page .sv-hero-salon-scene { padding:0 10px 35px; }
  .sv-page .sv-hero-salon-scene .sv-hero-salon-photo { height:380px; border-radius:65px 20px 65px 20px; }
  .sv-page .sv-hero-salon-card { left:32px; right:0; gap:12px; padding:17px; }
  .sv-page .sv-hero-salon-card strong { font-size:14px; }
  .sv-page .sv-hero-salon-label { left:0; top:25px; padding:13px 18px; }
  .sv-page .sv-hero-designed .sv-hero-preview-stage { padding:0; }
  .sv-page .sv-support-hero.sv-hero-designed { padding:18px 0 38px; }
  .sv-page .sv-support-hero-grid { grid-template-columns:1fr; gap:30px; min-height:0; }
  .sv-page .sv-support-hero-home .sv-support-lead { font-size:15px; }
  .sv-page .sv-hero-art-support { max-width:470px; padding:14px 12px; margin-inline:auto; }
  .sv-page .sv-hero-contact-card { padding:26px; }
  .sv-page .sv-hero-contact-card h2 { font-size:25px; }
  .sv-page .sv-hero-contact-card .sv-hero-tile-icon { margin-bottom:20px; }
  .sv-page .sv-support-search button { font-size:12px; }
  .sv-page .sv-support-search input { font-size:13px; }
  .sv-page .sv-hero-brief .sv-support-hero-grid { grid-template-columns:1fr; gap:0; min-height:0; }
  .sv-page .sv-hero-brief h1 { font-size:clamp(31px,6vw,43px); }
  .sv-page .sv-hero-topic-art,.sv-page .sv-hero-document-art { display:none; }
  .sv-page .sv-legal-hero-grid { grid-template-columns:1fr; gap:0; }
  .sv-page .sv-legal-hero.sv-hero-designed .sv-legal-lead { font-size:15px; }
}
@media (max-width:540px) {
  .sv-page .sv-hero-dashboard-window { grid-template-columns:65px minmax(0,1fr); min-height:365px; border-radius:18px; }
  .sv-page .sv-hero-dashboard-sidebar { padding:25px 10px 18px; align-items:center; }
  .sv-page .sv-hero-dashboard-sidebar>img { width:25px; height:28px; margin:0 0 28px; }
  .sv-page .sv-hero-dashboard-sidebar>span { padding:10px; }
  .sv-page .sv-hero-dashboard-sidebar b { display:none; }
  .sv-page .sv-hero-dashboard-day { padding:25px 16px 18px; }
  .sv-page .sv-hero-day-heading h2 { font-size:21px; }
  .sv-page .sv-hero-day-heading p { font-size:9px; }
  .sv-page .sv-hero-day-date { gap:5px; padding-block:18px; }
  .sv-page .sv-hero-agenda-list>div { grid-template-columns:29px minmax(0,1fr); gap:5px; }
  .sv-page .sv-hero-agenda-list time { font-size:8px; }
  .sv-page .sv-hero-agenda-list section { padding:13px 10px; gap:4px; }
  .sv-page .sv-hero-agenda-list section>span { display:none; }
  .sv-page .sv-hero-agenda-list h3 { font-size:11px; }
  .sv-page .sv-hero-agenda-list p { font-size:9px; }
  .sv-page .sv-hero-agenda-foot { margin-left:0; font-size:8px; }
  .sv-page .sv-hero-addon-cards { grid-template-columns:1fr; gap:12px; }
  .sv-page .sv-hero-addon-card { display:grid; grid-template-columns:50px minmax(0,1fr); column-gap:17px; padding:21px; transform:none!important; border-radius:17px; }
  .sv-page .sv-hero-addon-card .sv-hero-tile-icon { grid-row:1/4; width:50px; height:50px; margin:0; }
  .sv-page .sv-hero-addon-card p { margin:8px 0 12px; }
  .sv-page .sv-hero-addon-card h2 { font-size:18px; }
  .sv-page .sv-hero-addon-card>a { grid-column:2; }
  .sv-page .sv-hero-salon-scene .sv-hero-salon-photo { height:325px; }
  .sv-page .sv-hero-salon-card { left:20px; }
}
/* Pricing hero: one calm growth card instead of a second set of package cards. */
.sv-page .sv-hero-prices .sv-hero-layout { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:48px; min-height:560px; }
.sv-page .sv-hero-prices .sv-hero-copy { max-width:none; }
.sv-page .sv-hero-prices h1 { font-size:clamp(43px,4vw,59px); }
.sv-page .sv-hero-prices .sv-lead { max-width:640px; font-size:17px; line-height:1.8; margin:26px 0 31px; }
.sv-page .sv-hero-prices .sv-actions { gap:21px 28px; }
.sv-page .sv-hero-prices .sv-actions .sv-button { min-height:54px; padding:16px 24px; font-size:14px; }
.sv-page .sv-hero-pricing-link { display:inline-flex; align-items:center; min-height:48px; padding:10px 0; color:#6046e6; font-size:14px; font-weight:730; }
.sv-page .sv-hero-pricing-link:hover { color:#4130ba; }
.sv-page .sv-hero-prices .sv-hero-proof { font-size:11px; gap:12px 20px; margin-top:28px; }
.sv-page .sv-hero-growth { position:relative; padding-bottom:44px; }
.sv-page .sv-hero-growth-card { padding:35px 30px 48px; border:1px solid #eae5f8; border-radius:25px; background:#fffffff5; box-shadow:0 18px 50px #6159940e; }
.sv-page .sv-hero-growth-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.sv-page .sv-hero-growth-heading h2 { font-size:29px; letter-spacing:-.045em; line-height:1.14; text-wrap:pretty; }
.sv-page .sv-hero-growth-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:23px; margin-top:35px; }
.sv-page .sv-hero-growth-step { min-width:0; }
.sv-page .sv-hero-growth-step .sv-hero-tile-icon { width:76px; height:76px; border-radius:22px; margin:0 auto 19px; }
.sv-page .sv-hero-growth-step .sv-icon { width:34px; height:34px; stroke-width:2; }
.sv-page .sv-hero-growth-step h3 { font-size:16px; line-height:1.3; letter-spacing:-.025em; text-align:center; }
.sv-page .sv-hero-growth-step>p { margin:11px 0 0; font-size:14px; line-height:1.75; }
.sv-page .sv-hero-growth-note { position:absolute; right:17px; bottom:0; display:flex; align-items:center; gap:11px; padding:13px 18px; border:2px solid #fff; border-radius:22px; background:#f5f1ffef; box-shadow:0 10px 30px #66528b0b; }
.sv-page .sv-hero-growth-note>span { display:grid; place-items:center; width:35px; height:35px; border-radius:50%; background:white; color:#7150ef; }
.sv-page .sv-hero-growth-note .sv-icon { width:20px; height:20px; fill:currentColor; stroke-width:0; }
.sv-page .sv-hero-growth-note>p { margin:0; font-size:11px; line-height:1.55; color:#575e79; }
@media (max-width:1150px) {
  .sv-page .sv-hero-prices .sv-hero-layout { gap:32px; }
  .sv-page .sv-hero-prices h1 { font-size:47px; }
  .sv-page .sv-hero-growth-card { padding:28px 24px 48px; }
  .sv-page .sv-hero-growth-heading { align-items:flex-start; flex-direction:column; gap:13px; }
  .sv-page .sv-hero-growth-heading h2 { font-size:27px; }
  .sv-page .sv-hero-growth-steps { gap:18px; margin-top:26px; }
  .sv-page .sv-hero-growth-step h3 { font-size:14px; }
  .sv-page .sv-hero-growth-step>p { font-size:12px; }
  .sv-page .sv-hero-growth-step .sv-hero-tile-icon { width:63px; height:63px; border-radius:18px; }
}
@media (max-width:980px) {
  .sv-page .sv-hero-prices .sv-hero-layout { grid-template-columns:1fr; gap:28px; min-height:0; }
  .sv-page .sv-hero-prices .sv-hero-copy { max-width:730px; }
  .sv-page .sv-hero-prices h1 { font-size:clamp(39px,6vw,56px); }
  .sv-page .sv-hero-growth-card { padding:32px 30px 48px; }
  .sv-page .sv-hero-growth-heading { flex-direction:row; align-items:center; gap:22px; }
  .sv-page .sv-hero-growth-step h3 { font-size:17px; }
  .sv-page .sv-hero-growth-step>p { font-size:14px; }
  .sv-page .sv-hero-growth-step .sv-hero-tile-icon { width:72px; height:72px; border-radius:21px; }
}
@media (max-width:760px) {
  .sv-page .sv-hero-prices .sv-lead { font-size:15px; margin:22px 0 26px; }
  .sv-page .sv-hero-prices .sv-actions { gap:12px 22px; }
  .sv-page .sv-hero-prices .sv-actions .sv-button { min-height:49px; font-size:12px; padding:14px 18px; }
  .sv-page .sv-hero-pricing-link { font-size:12px; }
  .sv-page .sv-hero-prices .sv-hero-proof { gap:9px 15px; font-size:10px; margin-top:23px; }
  .sv-page .sv-hero-growth-card { padding:27px 24px 49px; border-radius:21px; }
  .sv-page .sv-hero-growth-heading h2 { font-size:25px; }
  .sv-page .sv-hero-growth-steps { gap:17px; }
  .sv-page .sv-hero-growth-step h3 { font-size:15px; }
  .sv-page .sv-hero-growth-step>p { font-size:12px; }
}
@media (max-width:540px) {
  .sv-page .sv-hero-prices h1 { font-size:clamp(35px,8.7vw,44px); }
  .sv-page .sv-hero-growth-heading { flex-direction:column; align-items:flex-start; gap:13px; }
  .sv-page .sv-hero-growth-steps { grid-template-columns:1fr; gap:23px; margin-top:25px; }
  .sv-page .sv-hero-growth-step { display:grid; grid-template-columns:55px minmax(0,1fr); column-gap:17px; align-items:center; }
  .sv-page .sv-hero-growth-step .sv-hero-tile-icon { grid-row:1/3; width:55px; height:55px; margin:0; border-radius:17px; }
  .sv-page .sv-hero-growth-step .sv-icon { width:27px; height:27px; }
  .sv-page .sv-hero-growth-step h3 { text-align:left; font-size:16px; }
  .sv-page .sv-hero-growth-step>p { margin:5px 0 0; font-size:12px; line-height:1.7; }
  .sv-page .sv-hero-growth-note { right:12px; padding:11px 15px; }
}