/* Refinement of the two selected directions. Shared brand, different hierarchy. */
html{scroll-padding-top:108px}
section[id],article[id]{scroll-margin-top:0}
.site-header{position:sticky;top:0;background:#fff;z-index:50}
.header-links{gap:24px}
.primary-nav{gap:22px}
.field label{font-size:13px}
.field small,.form-notice{font-size:12px}
.preview-disclaimer{font-size:11px}
.form-status.is-error{color:var(--error)}
.button{min-height:48px}
.text-link{min-height:32px}
.refined-product .product-figure{grid-row:auto;margin:0;position:static}
.product-summary{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:32px}
.product-summary>h2{font-size:38px;line-height:1.18;max-width:490px}
.product-summary-text>p{font-size:15px;line-height:1.8}
.product-summary-text>.summary-promise{font-size:13px;font-weight:500;color:var(--ink);margin-top:15px;padding-left:13px;border-left:2px solid #c3c1e3}
.product-keypoints{margin:30px 0}
.product-keypoints>.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.product-keypoints .benefits li{padding:17px 0 0;border-top:1px solid var(--line);margin:0;font-size:14px}
.product-keypoints .benefits li:before{display:none}
.product-keypoints .benefits strong{display:block;margin-bottom:6px}
.product-bottom{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;align-items:center}
.product-bottom .product-pay{grid-column:auto;border-left:0;padding-left:0;font-size:12px;line-height:1.75;max-width:440px}
.product-bottom .product-actions{grid-column:auto;justify-content:flex-end;gap:18px}
.product-actions .product-more{font-size:14px;font-weight:600}
.product-actions .download{font-size:12px}
.implementation-steps{list-style:none;counter-reset:implementation;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;margin:30px 0 0}
.implementation-steps>li{counter-increment:implementation;border-top:1px solid var(--strong);padding-top:13px;font-size:12px;line-height:1.6}
.implementation-steps>li:before{content:'0' counter(implementation);display:block;color:var(--muted);font-size:10px;margin-bottom:7px}
.pay-index{color:var(--indigo);font-weight:500}

/* 01 — business introduction, generous product views, a steady reading sequence. */
.variant-1 .hero{padding-top:64px;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:0 64px;min-height:0}
.variant-1 .hero h1{font-size:64px;line-height:1.05;max-width:650px}
.variant-1 .hero-intro{max-width:560px;font-size:17px;line-height:1.75;margin-top:24px}
.variant-1 .hero-actions{margin-top:28px;gap:24px}
.variant-1 .saas-note{margin-top:24px}
.variant-1 .hero-products{display:block;border:1px solid var(--line);border-radius:12px;background:var(--page);padding:24px 26px}
.variant-1 .hero-products>.eyebrow{font-size:10px;color:var(--muted);margin-bottom:8px}
.variant-1 .hero-product{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;min-height:104px;padding:22px 0;gap:17px}
.variant-1 .hero-product img{width:36px}
.variant-1 .hero-product strong{font-size:22px}
.variant-1 .hero-product small{max-width:220px;font-size:12px}
.variant-1 .hero-product:hover strong{color:var(--blue)}
.hero-commitment{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:8px;margin-top:22px}
.hero-commitment>span{font-size:11px;color:var(--muted)}
.hero-commitment>strong{font-size:19px;color:var(--ink);letter-spacing:-.03em}
.hero-commitment>small{grid-column:1/-1;font-size:11px;color:var(--muted);line-height:1.6}
.variant-1 .hero-bottom{margin-top:52px;padding:17px 0}
.variant-1 .products-wrap{padding-top:64px}
.variant-1 .products-intro{margin-bottom:42px}
.variant-1 .refined-product{padding-bottom:65px}
.variant-1 .refined-product+.refined-product{padding-top:55px}
.variant-1 .product-heading{margin-bottom:28px}
.variant-1 .refined-product .product-figure{padding:22px;background:var(--page)}
.variant-1 .pay-section{background:var(--page);margin:0 -30px;padding:65px 30px;border:1px solid var(--line);border-radius:12px}
.variant-1 .pay-section .section-title{max-width:850px}
.variant-1 .pay-columns{gap:70px;margin-top:42px}
.variant-1 .pay-columns h3{font-size:27px;max-width:390px}
.variant-1 .pay-columns>div+div{padding-left:50px}
.variant-1 .implementation-section{margin-top:40px;border-top:0;grid-template-columns:.7fr 1.3fr;gap:75px}
.variant-1.is-product .implementation-section{margin-top:0;border-top:1px solid var(--line)}
.variant-1 .contact-section{gap:80px}
.variant-1 .contact-intro h2{font-size:43px}
.variant-1 .product-page-hero{padding-top:34px;padding-bottom:60px}
.variant-1 .product-page-hero h1{max-width:1050px;font-size:58px}
.variant-1 .product-page-intro{max-width:820px;font-size:18px}
.variant-1 .detail-columns{display:block;margin-top:38px}
.variant-1 .detail-columns>article{display:grid;grid-template-columns:35px minmax(200px,.85fr) 1.4fr;gap:32px;align-items:baseline;padding:26px 0;border-top:1px solid var(--line)}
.variant-1 .detail-columns h3{font-size:25px;margin:0;max-width:350px}
.variant-1 .detail-columns p{font-size:15px;line-height:1.85}

/* 03 — a compact introduction, then two products with equal visual weight. */
.variant-3 .hero{padding:48px 0 38px;display:block;min-height:0}
.variant-3 .hero-text{max-width:930px;margin:0 auto}
.variant-3 .hero h1{font-size:60px;line-height:1.07;max-width:880px}
.variant-3 .hero .eyebrow{margin-bottom:18px}
.variant-3 .hero-intro{font-size:17px;line-height:1.7;max-width:660px;margin:20px auto 0}
.variant-3 .hero-actions{margin-top:26px;gap:25px}
.variant-3 .hero .saas-note{margin-top:22px;max-width:650px}
.variant-3 .hero-bottom{display:none}
.variant-3 .products-wrap{padding-top:25px;border-top:1px solid var(--line)}
.variant-3 .products-intro{margin-bottom:26px}
.variant-3 .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.variant-3 .refined-product,.variant-3 .refined-product+.refined-product{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:48px 72px auto auto auto 1fr;gap:20px;padding:28px;border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}
.variant-3 .refined-product>*{order:0}
.variant-3 .refined-product .product-heading{grid-row:1;margin:0;gap:13px}
.variant-3 .product-summary{display:contents}
.variant-3 .product-summary>h2{grid-row:2;font-size:29px;line-height:1.2;margin:0;max-width:420px}
.variant-3 .product-summary-text{grid-row:4}
.variant-3 .product-summary-text>p:first-child{font-size:14px;line-height:1.8;min-height:100px}
.variant-3 .product-summary-text>.summary-promise{font-size:13px;line-height:1.65;min-height:58px;margin-top:16px}
.variant-3 .refined-product>.product-figure{grid-row:3;order:0;min-height:0;margin:0;padding:14px;background:var(--page);display:block}
.variant-3 .refined-product .screenshot-button{aspect-ratio:2.39;display:flex;align-items:center;justify-content:center}
.variant-3 .refined-product .screenshot-button>img{width:100%;height:auto;max-height:100%;object-fit:contain}
.variant-3 .refined-product .product-figure figcaption{font-size:10px;margin-top:11px}
.variant-3 .product-keypoints{grid-row:5;margin:0}
.variant-3 .product-keypoints>.benefits{display:block}
.variant-3 .product-keypoints .benefits li{font-size:13px;line-height:1.75;padding:13px 0;margin:0}
.variant-3 .product-keypoints .benefits strong{display:inline;margin:0}
.variant-3 .product-bottom{grid-row:6;display:block;align-self:end;padding-top:17px;border-top:1px solid var(--line)}
.variant-3 .product-bottom .product-pay{font-size:12px;line-height:1.75;margin:0 0 16px;max-width:none}
.variant-3 .product-bottom .product-actions{display:flex;justify-content:flex-start;gap:10px 24px}
.variant-3 .product-more{flex-basis:100%;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--strong)}
.variant-3 .pay-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px 65px;margin-top:65px;padding:60px 0}
.variant-3 .pay-section>.section-title{text-align:left;margin:0;max-width:510px}
.variant-3 .pay-section .section-title h2{font-size:36px;line-height:1.18}
.variant-3 .pay-section .section-title>p:last-child{font-size:15px;line-height:1.8}
.variant-3 .pay-columns{display:block;background:none;padding:0;margin:0;border-radius:0}
.variant-3 .pay-columns>div{padding:22px 0 8px;border-top:1px solid var(--line)}
.variant-3 .pay-columns>div:first-child{padding-top:0;border-top:0}
.variant-3 .pay-columns>div+div{padding-left:0;border-left:0}
.variant-3 .pay-columns h3{font-size:24px;max-width:none;margin-bottom:20px}
.variant-3 .pay-index{margin-bottom:13px}
.variant-3 .pay-columns .benefits li{font-size:13px;margin-bottom:13px}
.variant-3 .pay-closing{grid-column:1/-1;margin-top:0}
.variant-3 .implementation-section{grid-template-columns:250px 1fr;gap:65px;padding:55px 0}
.variant-3 .big-number strong{font-size:104px}
.variant-3 .contact-section{padding:42px;gap:65px;background:var(--page)}
.variant-3 .product-page-hero{padding-top:34px}
.variant-3 .product-page-hero h1{font-size:54px;max-width:880px}
.variant-3 .product-page-intro{font-size:17px;max-width:760px}
.variant-3 .detail-columns{gap:24px;align-items:stretch}
.variant-3 .detail-columns>article{background:var(--page);border:1px solid var(--line);border-radius:12px;padding:25px}
.variant-3 .detail-columns h3{font-size:23px;line-height:1.3}
.variant-3 .detail-columns p{font-size:14px}
.variant-3 .product-pay-detail{padding:36px;gap:50px}

/* The comparison shows only the user's two selected options. */
.gallery{max-width:1360px;padding-top:42px}
.gallery-intro{margin:48px 0 38px;max-width:870px}
.gallery-intro h1{font-size:52px;margin:17px 0 22px}
.gallery-intro>p:last-child{font-size:15px;max-width:750px}
.gallery-grid.selected-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.selected-options .gallery-card{display:block}
.selected-options .gallery-visual{height:340px;background:var(--page);padding:0;border-bottom:1px solid var(--line)}
.selected-options .gallery-number{top:15px;left:22px}
.selected-options .gallery-thumb{left:20px;top:46px;width:calc(100% - 40px);height:280px;transform:none;object-fit:cover;object-position:top;border-color:var(--line);box-shadow:0 2px 10px #00000005}
.selected-options .gallery-card-text{padding:28px}
.selected-options .gallery-card-text h2{font-size:27px}
.selected-options .gallery-card-text>p{font-size:14px;min-height:74px;max-width:440px}
.selected-options .gallery-card-text>div{margin-top:16px;padding-top:18px}
.gallery-products{display:flex;gap:26px;margin-top:16px;font-size:12px;color:var(--blue)}
.gallery-products a:hover{text-decoration:underline}

@media(max-width:1150px){
 .site-shell{padding:0 40px}
 .variant-1 .hero{gap:0 38px;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}
 .variant-1 .hero h1{font-size:56px}
 .variant-1 .hero-products{padding:22px}
 .variant-1 .hero-product strong{font-size:20px}
 .hero-commitment>strong{font-size:17px}
 .product-summary{gap:38px}
 .product-summary>h2{font-size:34px}
 .product-bottom{grid-template-columns:1fr;gap:15px}
 .product-bottom .product-actions{justify-content:flex-start}
 .variant-3 .refined-product,.variant-3 .refined-product+.refined-product{padding:24px;grid-template-rows:48px 85px auto auto auto 1fr}
 .variant-3 .product-summary>h2{font-size:27px}
 .variant-3 .product-summary-text>p:first-child{min-height:126px}
 .variant-3 .hero h1{font-size:56px}
 .variant-3 .pay-section{gap:30px 40px}
 .variant-3 .contact-section{gap:40px;padding:32px}
 .variant-1 .product-page-hero h1{font-size:51px}
 .variant-1 .detail-columns>article{grid-template-columns:25px .9fr 1.2fr;gap:25px}
 .variant-1 .detail-columns h3{font-size:23px}
 .variant-3 .product-page-hero h1{font-size:49px}
 .variant-3 .detail-columns{grid-template-columns:1fr}
 .selected-options .gallery-visual{height:290px}
 .selected-options .gallery-thumb{height:230px}
}
@media(max-width:820px){
 html{scroll-padding-top:100px}
 .site-shell{padding:0 24px}
 .site-header{position:sticky;top:0}
 .variant-1 .hero{padding-top:44px;grid-template-columns:1fr;gap:34px}
 .variant-1 .hero h1,.variant-3 .hero h1{font-size:52px;max-width:700px}
 .variant-1 .hero-products{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
 .variant-1 .hero-products>.eyebrow{grid-column:1/-1}
 .variant-1 .hero-product{min-height:100px}
 .hero-commitment{grid-column:1/-1;grid-template-columns:auto 1fr auto;gap:20px;margin-top:18px}
 .hero-commitment>small{grid-column:auto;max-width:230px}
 .variant-1 .hero-bottom{margin-top:0}
 .product-summary{grid-template-columns:1fr;gap:22px}
 .product-summary>h2{font-size:33px;max-width:600px}
 .product-keypoints>.benefits{gap:20px}
 .product-keypoints .benefits li{font-size:13px}
 .variant-1 .pay-section{margin:0;padding:35px 28px}
 .variant-1 .pay-columns{gap:35px}
 .variant-1 .pay-columns>div+div{padding-left:30px}
 .variant-1 .pay-columns h3{font-size:25px}
 .variant-1 .implementation-section,.variant-3 .implementation-section{grid-template-columns:190px 1fr;gap:35px}
 .variant-1 .contact-section,.variant-3 .contact-section{grid-template-columns:1fr;gap:30px}
 .variant-1 .detail-columns>article{grid-template-columns:25px 1fr;gap:15px 22px}
 .variant-1 .detail-columns p{grid-column:2}
 .variant-1 .detail-columns h3{max-width:600px}
 .variant-1 .product-page-hero h1,.variant-3 .product-page-hero h1{font-size:44px}
 .variant-3 .hero{padding:42px 0 35px}
 .variant-3 .hero-intro{font-size:16px}
 .variant-3 .products-grid{grid-template-columns:1fr;gap:28px}
 .variant-3 .refined-product,.variant-3 .refined-product+.refined-product{grid-template-rows:48px auto auto auto auto auto;padding:30px;gap:24px}
 .variant-3 .product-summary>h2{font-size:32px;max-width:600px}
 .variant-3 .product-summary-text>p:first-child,.variant-3 .product-summary-text>.summary-promise{min-height:0}
 .variant-3 .refined-product .product-figure{padding:20px}
 .variant-3 .pay-section{grid-template-columns:1fr;gap:35px;margin-top:50px;padding:50px 0}
 .variant-3 .pay-section>.section-title{max-width:700px}
 .variant-3 .pay-section .section-title h2{font-size:35px}
 .variant-3 .pay-columns>div{padding:25px 0 15px}
 .variant-3 .product-pay-detail{padding:30px;gap:25px}
 .gallery-grid.selected-options{grid-template-columns:1fr}
 .selected-options .gallery-visual{height:350px}
 .selected-options .gallery-thumb{height:290px}
 .selected-options .gallery-card-text>p{min-height:0}
 .gallery-intro h1{font-size:45px}
}
@media(max-width:560px){
 .site-shell{padding:0 16px}
 .variant-1 .hero,.variant-3 .hero{padding-top:32px}
 .variant-1 .hero h1,.variant-3 .hero h1{font-size:44px;line-height:1.08;text-align:left}
 .variant-1 .hero-intro,.variant-3 .hero-intro{font-size:16px;margin-top:20px}
 .variant-1 .hero-actions,.variant-3 .hero-actions{gap:17px;margin-top:23px}
 .variant-1 .hero-products{display:block;padding:22px}
 .variant-1 .hero-product{min-height:92px;padding:18px 0}
 .hero-commitment{display:grid;grid-template-columns:1fr auto;gap:9px}
 .hero-commitment>small{grid-column:1/-1;max-width:100%}
 .variant-1 .products-wrap{padding-top:40px}
 .variant-1 .products-intro{margin-bottom:28px}
 .variant-1 .product-heading{gap:14px;margin-bottom:24px}
 .product-summary>h2{font-size:30px}
 .product-summary-text>p{font-size:14px}
 .product-summary-text>.summary-promise{font-size:13px}
 .product-summary{margin-bottom:25px;gap:18px}
 .variant-1 .refined-product .product-figure{padding:12px}
 .product-keypoints{margin:25px 0}
 .product-keypoints>.benefits{grid-template-columns:1fr;gap:0}
 .product-keypoints .benefits li{padding:13px 0}
 .product-keypoints .benefits strong{display:inline}
 .product-bottom{gap:16px}
 .product-bottom .product-pay{font-size:12px}
 .product-actions{gap:10px 18px}
 .product-actions .product-more{font-size:14px}
 .variant-1 .refined-product{padding-bottom:44px}
 .variant-1 .refined-product+.refined-product{padding-top:40px}
 .variant-1 .pay-section{padding:29px 22px}
 .variant-1 .pay-columns{gap:20px;margin-top:28px}
 .variant-1 .pay-columns>div+div{padding:26px 0 0}
 .variant-1 .pay-columns h3{font-size:24px}
 .variant-1 .implementation-section,.variant-3 .implementation-section{grid-template-columns:1fr;gap:28px;margin-top:15px;padding:45px 0}
 .variant-1 .big-number strong,.variant-3 .big-number strong{font-size:90px}
 .implementation-steps{gap:12px;margin-top:24px}
 .implementation-steps>li{font-size:11px}
 .variant-1 .contact-intro h2{font-size:34px}
 .variant-1 .detail-columns>article{grid-template-columns:20px 1fr;gap:12px 15px;padding:25px 0}
 .variant-1 .detail-columns h3{font-size:23px}
 .variant-1 .detail-columns p{font-size:14px}
 .variant-1 .product-page-hero h1,.variant-3 .product-page-hero h1{font-size:39px;line-height:1.12}
 .variant-1 .product-page-intro,.variant-3 .product-page-intro{font-size:15px}
 .variant-3 .hero{padding-bottom:29px;text-align:left}
 .variant-3 .hero-intro{max-width:100%}
 .variant-3 .hero .saas-note{justify-content:flex-start}
 .variant-3 .products-wrap{padding-top:22px}
 .variant-3 .refined-product,.variant-3 .refined-product+.refined-product{padding:23px;gap:22px}
 .variant-3 .product-summary>h2{font-size:28px}
 .variant-3 .refined-product .product-figure{padding:12px}
 .variant-3 .product-summary-text>p:first-child{font-size:14px}
 .variant-3 .product-keypoints .benefits li{font-size:13px}
 .variant-3 .product-bottom .product-pay{font-size:12px}
 .variant-3 .pay-section .section-title h2{font-size:31px}
 .variant-3 .contact-section{padding:26px 22px;margin:0 0 45px}
 .variant-3 .detail-columns>article{padding:23px}
 .variant-3 .product-pay-detail{padding:25px}
 .gallery{padding:30px 20px}
 .gallery-intro{margin:38px 0 30px}
 .gallery-intro h1{font-size:37px}
 .gallery-intro>p:last-child{font-size:14px}
 .selected-options .gallery-visual{height:270px}
 .selected-options .gallery-thumb{left:14px;top:42px;width:calc(100% - 28px);height:210px}
 .selected-options .gallery-card-text{padding:24px}
 .selected-options .gallery-card-text h2{font-size:25px}
}
.reference-link{color:var(--blue,#0B5CAD);text-decoration:underline;text-underline-offset:3px}
.reference-link:hover{color:#084A8C}
.atlas-start{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}
.atlas-start h2{font-size:36px;line-height:1.15;letter-spacing:-.04em;margin:12px 0 20px;max-width:430px}
.atlas-start p{font-size:15px;line-height:1.75;color:var(--muted);max-width:540px}
.atlas-start .eyebrow{font-size:11px;color:var(--ink)}
.atlas-start>.cloud-availability{grid-column:1/-1;padding-top:24px;border-top:1px solid var(--line)}
.cloud-availability>.saas-note{max-width:none;margin:12px 0 0;font-size:13px}
.product-cloud .eyebrow{font-size:11px;line-height:1.4;margin:0 0 14px}
.atlas-start{row-gap:32px}
.consulting-support{padding-top:28px}
.consulting-support h3{font-size:22px;line-height:1.3;letter-spacing:-.025em;margin:0 0 14px}
.consulting-support .text-link{margin-top:18px;display:inline-flex}
.product-cloud>div{min-width:0}
.consulting-note{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.consulting-note h3{font-size:20px;line-height:1.3;letter-spacing:-.025em;margin:0 0 12px}
.variant-3 .refined-product .screenshot-button{aspect-ratio:3200/2080}
@media(max-width:820px){
 .atlas-start{grid-template-columns:1fr;gap:22px}
 .atlas-start h2{font-size:31px}
 .consulting-support{padding-top:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Product pages keep three leading benefits above the detailed reasons. */
.product-highlights{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:36px 0 28px;text-align:left}
.product-highlights>li{padding:22px 24px;background:var(--page);border:1px solid var(--line);border-top:2px solid var(--indigo);border-radius:0 0 12px 12px}
.product-highlights h2{font-size:23px;line-height:1.25;letter-spacing:-.025em;min-height:58px;margin:14px 0}
.product-highlights p{font-size:14px;line-height:1.8;color:var(--muted)}
.is-product .product-page-intro{max-width:900px}
.is-product .detail-columns h3{font-size:23px}
.variant-3.is-product .detail-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.variant-3.is-product .detail-columns>article:last-child{grid-column:1/-1}
.product-closing{margin:40px 0 0;padding-top:30px;border-top:1px solid var(--line)}
.product-closing strong{display:block;font-size:24px;line-height:1.4;letter-spacing:-.025em}
.product-closing span{display:block;margin-top:12px;font-size:15px;line-height:1.8;color:var(--muted)}
.context-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0;margin:36px 0 0}
.context-groups>div{padding-top:22px;border-top:1px solid var(--line)}
.context-groups dt{font-size:24px;line-height:1.3;letter-spacing:-.025em;font-weight:600;margin-bottom:16px}
.context-groups dd{font-size:15px;line-height:1.85;color:var(--muted);margin:0}
.product-page-note{max-width:840px;font-size:14px;line-height:1.8;color:var(--muted);margin-top:14px}
.feature-group{margin-top:38px}
.feature-group>h3{font-size:28px;line-height:1.3;letter-spacing:-.03em;margin:0 0 20px;color:var(--indigo)}
.feature-group-items>article{display:grid;grid-template-columns:minmax(200px,.85fr) 1.4fr;gap:48px;padding:24px 0;border-top:1px solid var(--line);align-items:baseline}
.feature-group-items h4{font-size:23px;line-height:1.3;letter-spacing:-.025em;margin:0;max-width:390px}
.feature-group-items p{font-size:15px;line-height:1.85;color:var(--muted);margin:0}
@media(min-width:821px) and (max-width:1100px){.product-highlights h2{min-height:86px}}
@media(max-width:820px){
 .product-highlights{grid-template-columns:1fr;gap:16px;margin-top:28px}
 .product-highlights>li{padding:22px}
 .product-highlights h2{font-size:23px;min-height:0;margin:12px 0}
 .variant-3.is-product .detail-columns{grid-template-columns:1fr}
 .product-closing strong{font-size:22px}
 .context-groups{grid-template-columns:1fr;gap:26px;margin-top:28px}
 .feature-group>h3{font-size:25px}
 .feature-group-items>article{grid-template-columns:1fr;gap:12px;padding:22px 0}
 .feature-group-items h4{font-size:22px;max-width:600px}
}

/* Dedicated company and pay-transparency pages. */
.info-hero{padding-top:54px;padding-bottom:64px}
.info-hero h1{max-width:1000px;margin:18px 0 28px;font-size:56px}
.info-lead{max-width:920px;font-size:21px;line-height:1.7}
.info-products{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid var(--line)}
.info-product h2{font-size:32px;margin:16px 0 24px}
.info-product>p{margin-bottom:24px}
.info-product>.text-link{display:inline-block;margin-top:24px}
.info-split{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;border-top:1px solid var(--line)}
.info-split h2{margin-top:16px;font-size:34px}
.info-split h3{font-size:23px;margin-bottom:14px}
.info-split p+p,.info-split p+h3{margin-top:28px}
.info-steps{margin:0 0 28px;padding-left:24px;color:#4e4e4e}
.info-steps li{padding:0 0 18px 10px}
@media(max-width:760px){.info-hero h1{font-size:38px}.info-lead{font-size:18px}.info-products,.info-split{grid-template-columns:1fr;gap:36px}.info-hero{padding-top:28px;padding-bottom:40px}.info-product h2,.info-split h2{font-size:29px}}

.info-proof{border-top:1px solid var(--line)}.info-proof>p{margin:18px 0 30px}.info-proof .product-figure{padding:20px;background:var(--page);border-radius:12px}.info-gallery .product-figure+.product-figure{margin-top:24px}.info-gallery .screenshot-button img{display:block;max-width:100%;width:auto;margin:0 auto}

.founder-section{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:72px;align-items:center;border-top:1px solid var(--line)}
.founder-section img{width:100%;height:auto;border-radius:12px}
.founder-section h2{margin:14px 0 10px;font-size:36px}
.founder-role{color:var(--muted);font-size:14px;margin-bottom:26px}
.founder-section p+p{margin-top:20px}
@media(max-width:760px){.founder-section{grid-template-columns:1fr;gap:30px}.founder-section figure{max-width:280px}.founder-section h2{font-size:30px}}

.founder-link{display:inline-block;margin-top:24px}
.consent-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;box-shadow:0 10px 30px #0000001f;display:flex;gap:22px;align-items:center;justify-content:space-between}.consent-banner[hidden]{display:none}.consent-banner p{font-size:13px;line-height:1.6;margin:0}.consent-banner p a{color:var(--blue)}.consent-actions{display:flex;gap:10px;flex-shrink:0}.footer-consent{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.footer-consent:hover{color:var(--blue)}@media(max-width:560px){.consent-banner{flex-direction:column;align-items:stretch;gap:14px}.consent-actions>*{flex:1;justify-content:center}}
#turnstile-widget:not(:empty){margin-top:20px;min-height:65px}