/* Homepage sections only. The hero and shared product pages keep their layout. */
body[data-page-route="/"] {
 --home-section-space:clamp(64px,6vw,128px);
 --home-grid-gap:clamp(24px,3vw,64px);
}
body[data-page-route="/"] main>.section,
body[data-page-route="/"] .experience{padding-block:var(--home-section-space)}
body[data-page-route="/"] main>.philosophy{padding-top:0}
body[data-page-route="/"] main>.home-faq{padding-bottom:0}
body[data-page-route="/"] :is(.section-heading,.home-section-heading){
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 align-items:end;gap:var(--home-grid-gap);margin-bottom:40px;
}
body[data-page-route="/"] :is(.section-heading,.home-section-heading,.experience-copy)>.eyebrow,
body[data-page-route="/"] :is(.section-heading,.home-section-heading,.experience-copy) .eyebrow{
 font-size:11px;line-height:1.6;letter-spacing:.1em;margin-bottom:22px;
}
body[data-page-route="/"] :is(.section-heading,.home-section-heading,.experience-copy) h2{
 font-size:clamp(34px,3.4vw,68px);line-height:1.12;letter-spacing:-.05em;
 max-width:22ch;text-wrap:balance;margin:0;
}
body[data-page-route="/"] :is(.section-heading>p,.experience-copy>p:not(.eyebrow),.home-faq-intro){
 font-size:clamp(16px,1vw,19px);line-height:1.8;max-width:55ch;
 margin:0;padding:0;color:var(--card-polish-copy);
}
body[data-page-route="/"] .section-heading>.text-link{justify-self:end;margin:0;min-height:44px;font-size:14px}
body[data-page-route="/"] .product-filter{margin-bottom:28px;gap:8px}
body[data-page-route="/"] .product-filter .filter{min-height:46px;font-size:13px}
body[data-page-route="/"] .collection-note{margin-top:28px;font-size:12px;line-height:1.7;gap:16px}

/* Shared row tracks align the copy, buttons and visual starts in each card pair. */
@media(min-width:901px){
 body[data-page-route="/"] .product-grid .product-card:not(:first-child){
  display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:0;
 }
 body[data-page-route="/"] .product-grid .product-card:not(:first-child) .card-info{
  display:flex;flex-direction:column;align-items:flex-start;
 }
 body[data-page-route="/"] .product-grid .product-card:not(:first-child) .card-topline{width:100%}
 body[data-page-route="/"] .product-grid .product-card:not(:first-child) .product-proof{margin-top:auto}
 body[data-page-route="/"] .product-grid .product-card:not(:first-child) .card-visual{
  margin-top:0;height:auto;align-self:stretch;align-items:flex-start;
 }
 body[data-page-route="/"] .product-grid .product-card:first-child .card-info{align-self:center}
}
body[data-page-route="/"] .philosophy-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-page-route="/"] .philosophy-copy{padding:clamp(28px,3.5vw,72px)}
body[data-page-route="/"] .philosophy-copy h2{font-size:clamp(32px,3vw,60px);line-height:1.15}
body[data-page-route="/"] .philosophy-copy p{margin-top:26px;line-height:1.8}
body[data-page-route="/"] .philosophy-copy .text-link{margin-top:28px}
body[data-page-route="/"] .principles{gap:var(--home-grid-gap);margin-top:32px}
body[data-page-route="/"] .principles>div{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:18px;padding:clamp(24px,2.3vw,44px)}
body[data-page-route="/"] .principles :is(.principle-number,h3,p){margin:0}
body[data-page-route="/"] .principles h3{max-width:25ch;font-size:clamp(23px,1.6vw,32px);line-height:1.25}
body[data-page-route="/"] .principles p{font-size:16px;line-height:1.8}

body[data-page-route="/"] .experience-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--home-grid-gap);align-items:center}
body[data-page-route="/"] .experience-copy>p:not(.eyebrow){margin-top:28px}
body[data-page-route="/"] .conversation-select{margin-top:32px}
body[data-page-route="/"] .experience-layout>div:last-child{width:100%;max-width:800px;justify-self:end}
body[data-page-route="/"] .interactive-demo{width:100%;max-width:none}
body[data-page-route="/"] .demo-disclaimer{text-align:left;font-size:12px;line-height:1.7;margin:20px 0 0}

/* A full-width heading and paired questions replace the long, empty sidebar. */
body[data-page-route="/"] .home-faq .faq-layout{display:block}
body[data-page-route="/"] .home-faq-guidance .text-link{margin-top:18px;font-size:14px;min-height:44px}
body[data-page-route="/"] .home-faq .faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px var(--home-grid-gap);align-items:start}
body[data-page-route="/"] .home-faq .faq-list details{margin:0;padding:0;border-radius:20px}
body[data-page-route="/"] .home-faq .faq-list summary{font-size:16px;line-height:1.6;min-height:84px;padding:24px 56px 24px 24px}
body[data-page-route="/"] .home-faq .faq-list details p{font-size:15px;line-height:1.8;padding:0 24px 24px;max-width:72ch;margin:0}
body[data-page-route="/"] .journal-grid{gap:var(--home-grid-gap)}
body[data-page-route="/"] .journal-card .article-image{aspect-ratio:1.65}
body[data-page-route="/"] .journal-card>a:first-child{padding-bottom:22px}
body[data-page-route="/"] .cta-panel{padding-block:0 var(--home-section-space)}
body[data-page-route="/"] .cta-inner{gap:var(--home-grid-gap);padding:clamp(28px,3.5vw,72px)}
body[data-page-route="/"] .cta-panel h2{font-size:clamp(34px,3.4vw,68px);line-height:1.12;max-width:24ch}
body[data-page-route="/"] .cta-panel p{font-size:16px;line-height:1.8;max-width:55ch;margin-top:22px}
body[data-page-route="/"] .cta-inner>.button{margin:0;flex-shrink:0;min-height:52px;font-size:14px}

@media(min-width:2400px){
 body[data-page-route="/"] .product-grid.filtered .product-card[data-category="Messaging"]{grid-template-columns:1fr}
}
@media(max-width:1000px){
 body[data-page-route="/"] :is(.section-heading,.home-section-heading){grid-template-columns:1fr;gap:24px}
 body[data-page-route="/"] .section-heading>.text-link{justify-self:start}
 body[data-page-route="/"] .experience-layout{grid-template-columns:1fr;gap:36px}
 body[data-page-route="/"] .experience-layout>div:last-child{justify-self:start;max-width:760px}
 body[data-page-route="/"] .philosophy-panel{grid-template-columns:1.1fr .9fr}
 body[data-page-route="/"] .philosophy-art{min-width:0}
 body[data-page-route="/"] .principles{gap:18px}
 body[data-page-route="/"] .principles>div{padding:24px}
 body[data-page-route="/"] .home-faq .faq-list{gap:16px}
 body[data-page-route="/"] .home-faq .faq-list summary{min-height:108px}
}
@media(max-width:700px){
 body[data-page-route="/"] :is(.section-heading,.home-section-heading){margin-bottom:30px}
 body[data-page-route="/"] .product-filter{gap:4px;margin-bottom:22px}
 body[data-page-route="/"] .product-filter .filter{font-size:11px;padding-inline:12px}
 body[data-page-route="/"] .collection-note{font-size:11px;align-items:flex-start}
 body[data-page-route="/"] .philosophy-panel{grid-template-columns:1fr}
 body[data-page-route="/"] .philosophy-copy{padding:30px 24px}
 body[data-page-route="/"] .philosophy-art{min-height:340px}
 body[data-page-route="/"] .principles{grid-template-columns:1fr;gap:18px}
 body[data-page-route="/"] .principles>div{grid-row:auto;grid-template-rows:auto;gap:16px}
 body[data-page-route="/"] .home-faq .faq-list{grid-template-columns:1fr;gap:12px}
 body[data-page-route="/"] .home-faq .faq-list summary{min-height:76px;padding:20px 48px 20px 20px;font-size:15px}
 body[data-page-route="/"] .home-faq .faq-list details p{padding:0 20px 20px}
 body[data-page-route="/"] .journal-grid{gap:24px}
 body[data-page-route="/"] .cta-inner{padding:28px 24px}
}