/* Product pages: readable live examples, generous entrances, one consistent palette. */
.product-refresh .site-header .brand-wordmark{filter:brightness(0);opacity:1}
.product-refresh :is(.product-hero,.extra-hero,.answer-demo-hero){padding:136px 0 64px;background:radial-gradient(ellipse at 85% 45%,#eaf0ff,transparent 58%),#f8faff}
.product-refresh :is(.product-hero-grid,.extra-hero-grid,.answer-demo-grid){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.product-refresh :is(.product-copy,.extra-hero-copy,.answer-demo-copy) h1{font:600 clamp(42px,4.6vw,68px)/1.08 var(--font-ui);letter-spacing:-.055em;max-width:650px;margin:24px 0;color:#10213c}
.product-refresh :is(.product-copy,.extra-hero-copy,.answer-demo-copy) h1 em{display:inline;font-family:var(--font-display);font-weight:400;font-style:italic;color:#345cff;white-space:normal}
.product-refresh :is(.product-copy,.extra-hero-copy,.answer-demo-copy)>p{font-size:17px;line-height:1.8;color:#596c88;max-width:540px}
.product-refresh :is(.product-preview,.extra-hero-demo){position:relative;min-width:0;width:100%;padding:26px;border-radius:30px;background:linear-gradient(145deg,#112849,#2146a3);box-shadow:0 24px 64px #1c3e711c}
.product-refresh .preview-browser,.product-refresh .extra-demo-browser{background:#fff;border:1px solid #ffffff55;border-radius:20px;overflow:hidden;box-shadow:none;color:#10213c}
.product-refresh :is(.preview-top,.extra-demo-bar){display:flex;justify-content:space-between;gap:12px;padding:18px 22px;background:#f4f7fc;border-bottom:1px solid #dce4f0;color:#596c88}
.product-refresh :is(.preview-top,.extra-demo-bar) :is(span,b){font-size:11px;letter-spacing:.04em;color:#52647e}
.product-refresh :is(.preview-body,.extra-demo-content,.extra-demo-success){padding:30px;background:#fff;color:#10213c}
.product-refresh :is(.preview-body,.extra-demo-content,.extra-demo-success) h2{font:600 32px/1.15 var(--font-ui);letter-spacing:-.04em;color:#10213c;margin:16px 0}
.product-refresh :is(.preview-body,.extra-demo-content,.extra-demo-success)>p{font-size:15px;line-height:1.7;color:#596c88}
.product-refresh :is(.preview-body,.extra-demo-content,.extra-demo-success)>small{font-size:11px;letter-spacing:.07em;color:#596c88}
.product-refresh :is(.preview-primary,.preview-secondary,.extra-demo-content>button,.extra-demo-reset){width:100%;min-height:48px;border:1px solid #dce4f0;border-radius:12px;padding:12px 16px;font:600 14px/1.4 var(--font-ui);cursor:pointer}
.product-refresh :is(.preview-primary,.extra-demo-content>button[data-demo-add]){background:#345cff;color:#fff;border-color:#345cff}
.product-refresh :is(.preview-secondary,.extra-demo-skip,.extra-demo-reset){background:#f4f7fc;color:#354c6b;margin-top:10px}
.product-refresh .preview-status{margin-top:20px;padding-top:16px;border-color:#dce4f0;color:#52647e;font-size:12px;line-height:1.6}
.product-refresh .preview-status span{font-size:12px;color:#52647e}
.product-refresh .preview-appointment{background:#f4f7fc;border:1px solid #dce4f0;border-radius:14px;color:#10213c;padding:18px;margin:22px 0}
.product-refresh .preview-appointment :is(small,span){font-size:13px;color:#52647e}
.product-refresh .preview-appointment strong{font-size:23px;color:#10213c}
.product-refresh .preview-note{font-size:12px;line-height:1.6;color:#52647e}
.product-refresh .preview-demo-note{margin:18px 0 0;color:#c6d6f5;font-size:12px;line-height:1.6;text-align:center}
.product-refresh .preview-feedback{font-size:14px;line-height:1.6;color:#16633c;background:#edf8f2;border-radius:12px;padding:14px;margin:16px 0 0}
.product-refresh .preview-feedback:empty{display:none}
.product-refresh .review-stars{display:flex;gap:8px;margin:22px 0}
.product-refresh .review-stars button{font-size:28px;width:44px;height:48px;background:#f4f7fc;color:#7788a4;border:1px solid #dce4f0;border-radius:10px;cursor:pointer}
.product-refresh .review-stars button[aria-pressed=true]{background:#edf2ff;color:#345cff;border-color:#a6baff}
.product-refresh .product-micro{display:flex;flex-wrap:wrap;gap:14px 24px;border-top:1px solid #dce4f0;padding-top:22px;margin-top:26px}
.product-refresh .product-micro span{font-size:13px;color:#596c88}
.product-refresh .product-micro b{color:#354c6b}
.product-refresh :is(.product-section-head,.extra-section-head){display:block;max-width:none}
.product-refresh :is(.product-section-head,.extra-section-head)>p{max-width:660px}
.product-refresh :is(.product-section-head,.extra-section-head,.extra-calculator-copy,.extra-install-grid) h2{font:600 clamp(32px,3.6vw,50px)/1.12 var(--font-ui);letter-spacing:-.045em;color:#10213c}
.product-refresh :is(.product-section-head,.extra-section-head,.extra-calculator-copy,.extra-install-grid) h2 em{font-family:var(--font-display);color:#345cff;font-weight:400}
.product-refresh :is(.flow-list article,.review-policy article,.integration-panel>div){border-color:#dce4f0;background:transparent;color:#10213c}
.product-refresh :is(.flow-list,.review-policy,.integration-panel) :is(h3,strong){color:#10213c}
.product-refresh :is(.flow-list,.review-policy,.integration-panel) :is(p,span,small){font-size:14px;line-height:1.65;color:#596c88}
.product-refresh .integration-panel{background:#f4f7fc;border:1px solid #dce4f0;border-radius:22px;padding:28px}
.product-refresh .extra-hero-kicker{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.product-refresh .extra-hero-kicker :is(span,b){font-size:11px;color:#52647e;letter-spacing:.06em;background:none;border:0;padding:0}
.product-refresh .extra-hero-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin:28px 0}
.product-refresh .extra-hero-proof{display:flex;flex-wrap:wrap;gap:24px;border-top:1px solid #dce4f0;padding-top:22px}
.product-refresh .extra-hero-proof strong{font-size:24px;color:#345cff}
.product-refresh .extra-hero-proof span{font-size:12px;color:#596c88}
.product-refresh .extra-demo-offer{padding:18px;border:1px solid #dce4f0;border-radius:14px;background:#f4f7fc;color:#10213c;margin:22px 0}
.product-refresh .extra-demo-offer strong{font-size:25px;color:#10213c}
.product-refresh .extra-demo-offer :is(span,p){font-size:13px;color:#596c88}
.product-refresh .extra-demo-offer>b{font-size:26px;color:#345cff}
.product-refresh .extra-demo-result{position:static;transform:none;width:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:none;border:0;box-shadow:none;color:#fff;padding:20px 0 0}
.product-refresh .extra-demo-result :is(span,small){color:#c6d6f5;font-size:12px}
.product-refresh .extra-demo-result strong{color:#fff;font-size:25px}
.product-refresh .extra-success-stats{background:#f4f7fc;border-color:#dce4f0}
.product-refresh .extra-success-stats span{color:#596c88;font-size:12px}
.product-refresh .extra-success-stats b{color:#10213c;font-size:20px}
.product-refresh .extra-hero-strip{margin-top:48px;color:#596c88;border-color:#dce4f0}
.product-refresh .extra-hero-strip span{font-size:12px;color:#596c88}
.product-refresh :is(.extra-flow,.extra-case-grid){gap:20px}
.product-refresh :is(.extra-flow>article,.extra-flow>div,.extra-case-grid>article){background:#fff;border:1px solid #dce4f0;border-radius:20px;color:#10213c;padding:26px}
.product-refresh :is(.extra-flow,.extra-case-grid) :is(h3,strong){color:#10213c;font-size:23px}
.product-refresh :is(.extra-flow,.extra-case-grid) :is(p,small,span){color:#596c88;font-size:14px;line-height:1.7}
.product-refresh :is(.extra-calculator-copy,.extra-install-grid) p{font-size:16px;line-height:1.75;color:#596c88}
.product-refresh .extra-calculator{background:#fff;border:1px solid #dce4f0;color:#10213c;padding:30px;box-shadow:0 16px 44px #1939690a}
.product-refresh .extra-calculator label{font-size:14px;color:#354c6b}
.product-refresh .extra-calculator label span,.product-refresh .extra-calc-head{font-size:13px;color:#52647e}
.product-refresh .extra-calculator output{font-size:18px;color:#345cff}
.product-refresh .extra-calc-result{background:#edf2ff;border-color:#cbd8ff;color:#10213c;border-radius:16px}
.product-refresh .extra-calc-result strong{color:#345cff;font-size:42px}
.product-refresh :is(.extra-calc-result,.extra-calc-year) :is(span,small,p){font-size:13px;color:#52647e}
.product-refresh .extra-code-card{background:#10213c;color:#d8e5fa;border-radius:22px;padding:26px}
.product-refresh .extra-code-card :is(p,small){color:#b4c8e7;font-size:13px}
.product-refresh .extra-zero{color:#596c88;border-color:#dce4f0}
.product-refresh .extra-zero :is(p,span){font-size:14px;color:#596c88}
.product-refresh .answer-voice-card{display:flex;align-items:center;gap:28px;border:1px solid #dce4f0;border-radius:24px;padding:28px;background:#f4f7fc;margin-top:28px}
.product-refresh .answer-voice-card>div{flex:1;min-width:0}
.product-refresh .answer-voice-card h3{font-size:23px;margin:8px 0;color:#10213c}
.product-refresh .answer-voice-card p{font-size:14px;color:#596c88;line-height:1.7}
.product-refresh .answer-voice-card audio{max-width:100%;width:340px}
.product-refresh .answer-call-preview{background:#fff;color:#10213c;border:1px solid #dce4f0}
.product-refresh .answer-call-preview :is(strong,blockquote,b){color:#10213c}
.product-refresh .answer-call-preview :is(small,span){color:#596c88}
.product-refresh .call-preview-result{background:#f4f7fc;border-color:#dce4f0}
/* Retire remaining legacy !important rules on Extra controls and closing section. */
.product-refresh .extra-demo-skip,.product-refresh .extra-demo-reset{display:block!important;width:100%!important;min-height:46px;margin:12px 0 0!important;padding:12px 16px!important;border:1px solid #dce4f0!important;border-radius:12px!important;background:#f4f7fc!important;color:#354c6b!important;font-size:14px!important;font-weight:600!important}
.product-refresh .extra-demo-success>small{color:#52647e!important}
.product-refresh .extra-final{background:#102446!important;color:#fff}
.product-refresh .extra-cases{padding:72px 0!important}
@media(max-width:600px){.product-refresh .extra-cases{padding:48px 0!important}.product-refresh .extra-final{padding:52px 0!important}}
@media(max-width:980px){.product-refresh :is(.product-hero-grid,.extra-hero-grid,.answer-demo-grid){grid-template-columns:minmax(0,1fr);gap:36px}.product-refresh :is(.product-preview,.extra-hero-demo){max-width:610px;justify-self:center}.product-refresh .answer-voice-card{align-items:start;flex-direction:column}}
@media(max-width:600px){.product-refresh :is(.product-hero,.extra-hero,.answer-demo-hero){padding:110px 0 48px}.product-refresh :is(.product-copy,.extra-hero-copy,.answer-demo-copy) h1{font-size:clamp(39px,10vw,54px)}.product-refresh :is(.product-preview,.extra-hero-demo){padding:16px;border-radius:24px}.product-refresh :is(.preview-body,.extra-demo-content,.extra-demo-success){padding:23px}.product-refresh .extra-calculator{padding:22px}.product-refresh .extra-demo-result{justify-content:flex-start}.product-refresh .extra-demo-result small{width:100%}.product-refresh .review-stars{gap:6px}}