/* Generated by tools/build.mjs from the original homepage and selected WHY. */
[data-direction=presence] :is(#why,#system-proof,#pricing,#closing,footer){
font-family:var(--sans);
--page-gutter:clamp(24px,5vw,64px);
--section-space:clamp(48px,5vw,64px);
--section-space-compact:clamp(32px,4vw,48px);
}
@scope ([data-direction=presence] #why){

:scope{padding:88px var(--page-gutter);background:var(--stone-900);color:var(--paper);}
:scope h2{font:500 clamp(34px,4.1vw,58px)/1.1 var(--sans);letter-spacing:-.035em;margin:20px 0 44px;}
:scope h2 span{color:var(--green-400);}
.why-matrix{border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;}
.why-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;}
.why-row+.why-row{border-top:1px solid #ffffff22;}
.why-row>div{padding:20px 20px;min-width:0;}
.why-row>div:first-child{padding-left:0;}
.why-row>[role=cell]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;}
.why-head>div{font-size:14px;font-weight:600;text-align:center;padding:20px;}
.why-head>div:first-child{text-align:left;}
.mesh-cell{background:#7ca2f612;color:var(--green-400);}
.why-row h3{font:500 clamp(22px,2vw,29px)/1.25 var(--sans);letter-spacing:-.02em;}
.row-num{display:block;font-size:11px;color:#faf8f366;margin-bottom:10px;}
.row-benefit{display:block;margin-top:10px;font-size:15px;line-height:1.5;color:#faf8f3a6;}
.result{font:400 46px/1 var(--sans);}
.no{color:#faf8f380;}.varies{color:#faf8f399;}
.answer{font-size:14px;line-height:1.4;}
.why-scope{margin-top:20px;font-size:12px;line-height:1.6;color:#faf8f380;}
:scope{background:var(--paper);color:var(--stone-900);}
:scope h2 span{color:var(--green-700);}
.why-matrix{border-color:var(--stone-200);}
.why-row+.why-row{border-color:var(--stone-200);}
.mesh-cell{background:color-mix(in srgb,var(--green-400) 13%,var(--paper));color:var(--green-700);}
.row-num{color:var(--stone-500);}
.row-benefit,.why-scope{color:#656158;}
.no,.varies{color:var(--stone-500);}
.result{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;font-size:32px;background:var(--stone-100);}
.yes{background:var(--action-on-dark);color:var(--stone-900);}

@media(max-width:600px){
 :scope{padding:64px 20px;}:scope h2{margin-bottom:30px;}
 .why-row{grid-template-columns:1fr 1fr;}
 .why-row>[role=rowheader]{grid-column:1/-1;padding:18px 0 14px;}
 .why-head>div:first-child{display:none;}
 .why-row>div{padding:18px 10px;}.why-head>div{font-size:12px;}
 .why-row+.why-row{margin-top:0;}.why-row h3{font-size:24px;}
 .row-num{display:none;}.row-benefit{font-size:14px;}
 .why-row>[role=cell]{padding-bottom:18px;}
 .answer{font-size:12px;}.result{font-size:36px;}
}

/* Keep the separately requested single-color headline. */
:scope h2 span{color:inherit}
/* Keep small labels readable on the restored paper background. */
:scope .row-num{color:#656158}
}