/* Inherits the site's marketing typography, buttons and spacing. */
body.design-refresh .product-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(32px,5vw,80px);text-align:left}
body.design-refresh .product-hero h1{font-size:clamp(38px,4.5vw,68px)!important;line-height:1.06!important;letter-spacing:-.04em!important;max-width:760px}
body.design-refresh .product-hero p{max-width:600px;margin-left:0;margin-right:0}
body.design-refresh .product-hero .audience-actions{justify-content:flex-start}
.product-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:28px}.product-eyebrow .eyebrow{margin:0}
body.design-refresh .product-badge{display:inline-block;background:#e9ece3;color:#30392a;border-radius:7px;padding:5px 9px;font-size:11px!important;line-height:1.4!important;vertical-align:middle}
body.design-refresh .product-preview{padding:clamp(24px,3vw,42px);border-radius:24px;min-width:0;box-sizing:border-box}
.verify-preview{background:#d9eaff}.tags-preview{background:#e6f1c8}
body.design-refresh .product-preview>.eyebrow{display:block;font-size:11px!important;margin-bottom:28px}
body.design-refresh .product-record{background:#fff;border:1px solid #dce0d5;border-radius:18px;padding:clamp(22px,3vw,36px)}
.product-record>img{display:block;margin-bottom:20px}
body.design-refresh .product-record h2{font-size:30px!important;line-height:1.15!important;letter-spacing:-.025em!important;margin:20px 0 24px!important}
.product-record dl{margin:0}.product-record dl>div{display:grid;grid-template-columns:75px minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid #e4e7de}
body.design-refresh .product-record :is(dt,dd){font-size:12px!important;line-height:1.5!important;margin:0;overflow-wrap:anywhere}.product-record dt{color:#62685d}
body.design-refresh .product-preview>p{font-size:12px!important;margin:24px 0 0!important}
.product-tag-art{display:grid;gap:16px;border:1px dashed #a5b185;padding:24px;border-radius:12px;background:#f7faef}.product-tag-art span{font-size:11px}.product-tag-art strong{font-size:26px}
body.design-refresh .product-section>.audience-section-head{max-width:780px;margin-bottom:32px}
body.design-refresh .product-section h2{font-size:clamp(30px,3.2vw,46px)!important;line-height:1.14!important;letter-spacing:-.035em!important}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body.design-refresh .product-card{padding:32px;border:1px solid #dce0d5;border-radius:16px;background:#fff;min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:16px}
body.design-refresh .product-card h3{font-size:24px!important;line-height:1.25!important;margin:0!important;letter-spacing:-.02em!important}
body.design-refresh .product-card p{font-size:16px!important;line-height:1.6!important;margin:0!important;max-width:580px}
.product-card .btn{margin-top:auto}.product-number{font-size:12px;color:#62685d}
.product-steps{list-style:none;padding:0;margin:0;counter-reset:steps;border-top:1px solid #dce0d5}
.product-steps>li{counter-increment:steps;display:grid;grid-template-columns:52px minmax(180px,.7fr) minmax(0,1fr);gap:24px;padding:28px 0;border-bottom:1px solid #dce0d5;align-items:start}
.product-steps>li::before{content:counter(steps,decimal-leading-zero);width:44px;height:44px;display:grid;place-items:center;background:#e5ebdd;border-radius:50%;font-size:14px}
body.design-refresh .product-steps h3{font-size:23px!important;line-height:1.3!important;margin:5px 0!important}
body.design-refresh .product-steps p{margin:5px 0!important;font-size:16px!important;line-height:1.6!important}
.product-editorial{max-width:840px}.product-note{max-width:920px;border-left:3px solid #b6c5a5;padding:2px 0 2px 24px}
body.design-refresh .product-note p{font-size:14px!important;line-height:1.7!important}
body.design-refresh .workspace-plan li a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
@media(max-width:900px){body.design-refresh .product-hero{grid-template-columns:1fr}.product-preview{max-width:600px;width:100%}.product-steps>li{grid-template-columns:44px minmax(0,1fr);gap:12px 20px}.product-steps p{grid-column:2}}
@media(max-width:600px){.product-grid{grid-template-columns:1fr}body.design-refresh .product-card{padding:24px}.product-eyebrow{gap:10px}.product-eyebrow>img{width:40px;height:40px}.product-eyebrow .product-badge{font-size:10px!important}body.design-refresh .product-hero h1{font-size:40px!important}body.design-refresh .product-record h2{font-size:28px!important}.product-steps>li{padding:24px 0}.product-steps>li::before{width:36px;height:36px}.product-note{padding-left:18px}}

/* Keep the comparison table inside tablet widths while retaining sticky headings. */
@media(min-width:761px) and (max-width:1000px){
 html body .comparison-v2 .compare-table{min-width:0!important;table-layout:fixed;width:100%}
 html body .comparison-v2 .compare-table :is(th,td){overflow-wrap:anywhere}
 html body .comparison-v2 .compare-plan-head{min-width:0}
 html body .comparison-v2 .compare-plan-button{padding-inline:8px;font-size:12px!important}
}
@media(min-width:901px){.product-grid:has(>article:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}