:root{--cream:#F5F0E8;--surface:#FBF8F3;--mah:#5C2318;--mah-dark:#3E160F;--tint:#EDE2D5;--line:#E3D8C9;--line2:#CDBFAE;--ink:#2B2421;--ink2:#4A3F3A;--muted:#6F625B;--sans:'League Spartan','Helvetica Neue','Segoe UI',sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:17.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--mah)}a:hover{color:var(--mah-dark)}
img{max-width:100%}
.wrap{max-width:1240px;margin:0 auto;padding:0 48px}
.narrow{max-width:760px;margin:0 auto;padding:0 48px}
@media (max-width:760px){.wrap,.narrow{padding:0 20px}}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;background:var(--surface);padding:8px 12px;z-index:9}
/* header */
.hdr{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(245,240,232,.88);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);transition:box-shadow .3s ease,background .3s ease}
.logo img{transition:height .35s ease}
html{scroll-padding-top:96px}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:18px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.logo b{display:block;font-size:18px;font-weight:500;letter-spacing:-.01em;line-height:1}
.logo small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--muted);line-height:1;margin-top:4px}
.nav{display:flex;align-items:center;gap:32px}
.nav a{font-size:14.5px;font-weight:500;color:var(--ink);text-decoration:none;padding:6px 0;border-bottom:1px solid transparent}
.nav a[aria-current=page]{border-bottom-color:var(--mah)}
.nav a.btn-sm{background:var(--mah);color:var(--cream);border-radius:6px;padding:9px 16px;font-size:13.5px}
.menu-btn{display:none;font:inherit;font-size:14px;font-weight:500;background:none;border:1px solid var(--line);border-radius:6px;padding:10px 14px;min-height:44px;color:var(--mah);cursor:pointer}
@media (max-width:860px){.menu-btn{display:block}.nav{display:none;position:absolute;left:0;right:0;top:70px;background:var(--cream);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 20px;z-index:20}.nav{top:100%}.nav.open{display:flex}.nav a{padding:14px 0;border-bottom:1px solid var(--line);font-size:17px}.nav a.btn-sm{margin-top:16px;text-align:center;padding:13px 16px;font-size:15px}}
/* type */
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--muted);display:flex;align-items:center;gap:12px;text-transform:uppercase;margin:0}
.eyebrow:before{content:"";display:inline-block;width:21px;height:20px;flex:none;background:var(--mah);-webkit-mask:url(/waves.svg) center/contain no-repeat;mask:url(/waves.svg) center/contain no-repeat}
.mono{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
h1,h2,h3{font-weight:700;letter-spacing:-.025em;line-height:1.08;margin:0;color:var(--ink);text-wrap:balance}
.h1{font-size:clamp(42px,6vw,76px);letter-spacing:-.035em;line-height:1.02}
.h2{font-size:clamp(30px,3.6vw,48px)}
h1 em,h2 em{font-style:normal;color:var(--mah)}
.lead{font-size:18px;color:var(--ink2);max-width:34em;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:15px 24px;border-radius:6px;font-size:15.5px;font-weight:500;text-decoration:none;border:1px solid var(--mah);background:var(--mah);color:var(--cream);cursor:pointer;font-family:inherit}
.btn:hover{color:var(--cream);background:var(--mah-dark)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line2)}
.btn.ghost:hover{color:var(--ink);background:var(--surface)}
.link{font-size:15px;font-weight:500;color:var(--mah);text-decoration:none;border-bottom:1px solid var(--mah);padding:4px 0}
section.band{border-top:1px solid var(--line)}
.pad{padding-top:88px;padding-bottom:88px}
@media (max-width:760px){.pad{padding-top:56px;padding-bottom:56px}}
/* hero */
.hero{display:flex;flex-wrap:wrap;gap:48px 40px;align-items:center;padding-top:80px;padding-bottom:80px}
.hero-copy{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:26px}
.hero-stage{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:20px}
.stage{position:relative;width:100%;height:470px;perspective:1400px;overflow:hidden}
.pcard{position:absolute;left:50%;top:50%;width:300px;padding:28px 24px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 40px 70px -40px rgba(62,22,15,.45);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;text-decoration:none;color:var(--ink);transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .9s ease;transform:translate(-50%,-50%)}
.pcard:hover{color:var(--ink)}
.orb{position:relative;display:block;width:164px;height:164px;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 -18px 36px rgba(62,22,15,.22),0 18px 34px -16px rgba(62,22,15,.45)}
.orb i{position:absolute;left:-25%;top:-25%;width:150%;height:150%;filter:blur(10px);transition:transform 3.8s linear}
.orb:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.9),rgba(255,255,255,0) 40%),radial-gradient(circle at 72% 88%,rgba(62,22,15,.28),rgba(62,22,15,0) 55%)}
.orb b{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(251,248,243,.92);display:flex;align-items:center;justify-content:center;z-index:1}
.pcard .t{font-size:23px;font-weight:500;letter-spacing:-.02em;line-height:1.15}
.pcard .m{font-size:13px;color:var(--muted)}
.pill{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--mah);border:1px solid var(--line2);border-radius:999px;padding:4px 10px}
.ctrls{display:flex;align-items:center;gap:18px}
.ctrls button.arrow{width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);background:transparent;cursor:pointer;color:var(--mah);display:flex;align-items:center;justify-content:center}
.dots{display:flex;gap:6px}.dots button{width:8px;height:4px;padding:0;border:0;border-radius:2px;background:var(--line2);cursor:pointer;transition:width .5s,background .5s}.dots button[aria-current=true]{width:24px;background:var(--mah)}
.pnote{margin:0;font-size:14px;color:var(--ink2);text-align:center;max-width:30em;min-height:44px}
@media (max-width:760px){.stage{height:400px}.pcard{width:236px;padding:22px 18px}.orb{width:128px;height:128px}.pcard .t{font-size:20px}.hero{padding-top:44px;padding-bottom:44px}}
/* drum */
.dotgrid{background-image:radial-gradient(#DCCFBF 1px,transparent 1px);background-size:20px 20px}
.split{display:flex;flex-wrap:wrap;gap:40px 80px;align-items:center}
.split>*{flex:1 1 420px;min-width:0}
.drum{position:relative;height:340px;overflow:hidden}
.drum span{position:absolute;left:0;top:50%;white-space:nowrap;font-size:48px;letter-spacing:-.03em;line-height:1;transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .9s,color .9s}
@media (max-width:760px){.drum{height:240px}.drum span{font-size:30px}}
/* grids */
.cols3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.cols3 li{border-top:1px solid var(--ink);padding:22px 32px 0 0;display:flex;flex-direction:column;gap:10px}
.num{font-family:var(--mono);font-size:12px;color:var(--mah)}
.cols3 h3,.card h3{font-size:20px;font-weight:600;letter-spacing:-.015em;line-height:1.3}
.cols3 p{margin:0;color:var(--ink2)}
.mahband{background:var(--mah);color:var(--cream)}
.mahband h2{color:var(--cream)}
.mahband p{color:#E6D8CC;margin:0}
.mahband a{color:var(--cream)}
.stats{display:flex;flex-wrap:wrap;gap:24px 48px;margin-top:8px}
.stats div{display:flex;flex-direction:column;gap:2px}
.stats b{font-size:40px;font-weight:400;letter-spacing:-.03em;line-height:1}
.stats span{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;color:#D9C6B8;text-transform:uppercase}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:0 40px}
.card{border-top:1px solid var(--line2);padding:22px 0 28px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ink)}
.card:hover{color:var(--ink)}.card:hover h3{color:var(--mah)}
.card p{margin:0;color:var(--ink2);font-size:15px}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{cursor:pointer;font-size:18px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--mah);font-weight:400}
.faq details[open] summary:after{content:"–"}
.faq p{margin:12px 0 0;color:var(--ink2);max-width:46em}
/* article */
.crumbs{font-size:13.5px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.crumbs li+li:before{content:"/";margin-right:8px}
.art{display:flex;flex-direction:column;gap:32px;padding-top:48px;padding-bottom:88px}
.art h1{font-size:clamp(32px,4vw,48px)}
.byline{margin:0;font-size:13.5px;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}
.answer{background:var(--tint);border-radius:14px;padding:24px}
.answer h2{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.12em;color:var(--mah);margin:0 0 8px;text-transform:uppercase}
.answer p{margin:0;font-size:18px;line-height:1.55}
.prose{display:flex;flex-direction:column;gap:12px;font-size:17px}
.prose h2{font-size:24px;font-weight:700;letter-spacing:-.015em;line-height:1.25}
.prose p,.prose ul,.prose ol{margin:0}
.prose ul,.prose ol{padding-left:22px;display:flex;flex-direction:column;gap:6px}
.note{font-size:13.5px;color:var(--muted)}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.tbl table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.tbl th{text-align:left;padding:12px 16px;font-weight:500;background:var(--cream);border-bottom:1px solid var(--line)}
.tbl td{padding:12px 16px;border-top:1px solid var(--line);vertical-align:top}
.cta{border-top:1px solid var(--ink);padding-top:24px;display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between}
.cta b{display:block;font-size:18px;font-weight:500}.cta span{font-size:15px;color:var(--ink2)}
.sources{font-size:14.5px;border-top:1px solid var(--line);padding-top:24px}
.sources h2{font-size:16px;font-weight:500;margin-bottom:10px}
.sources ol{margin:0;padding-left:20px;color:var(--ink2);display:flex;flex-direction:column;gap:6px}
.related{display:flex;flex-direction:column;gap:12px}
/* footer */
.ftr{background:var(--mah);color:#EAD9CF}
.ftr .wrap{display:flex;flex-wrap:wrap;gap:28px 56px;justify-content:space-between;padding-top:48px;padding-bottom:24px}
.ftr a{color:var(--cream);text-decoration:none;font-size:14px}
.ftr nav{display:flex;flex-wrap:wrap;gap:10px 28px;flex:2 1 420px;align-content:flex-start}
.ftr .brand{flex:1 1 260px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:#BBA99B}
.ftr .disc{max-width:1240px;margin:0 auto;padding:0 48px 32px;font-size:12.5px;color:#BBA99B}
.ftr .disc p{margin:0;border-top:1px solid var(--ink2);padding-top:16px}
@media (max-width:760px){.ftr .disc{padding:0 20px 32px}}

.chart{display:flex;flex-direction:column;gap:6px;margin:8px 0 4px}.bar{display:grid;grid-template-columns:44px 1fr 64px;gap:12px;align-items:center;font-size:13.5px}.bl{font-family:var(--mono);color:var(--muted)}.bt{height:10px;background:#EFE7DC;border-radius:2px;overflow:hidden}.bt i{display:block;height:10px;background:var(--mah);border-radius:2px}.bv{text-align:right;font-family:var(--mono);color:var(--ink2)}
.logo img{display:block;height:44px;width:auto}@media (max-width:760px){.logo img{height:36px}}
@media (prefers-reduced-motion:reduce){.hdr,.hdr .wrap,.logo img{transition:none}}
.dd{position:relative}
.dd-btn{display:flex;align-items:center;gap:7px;font:inherit;font-size:14.5px;font-weight:500;color:var(--ink);background:none;border:0;padding:6px 0;cursor:pointer;border-bottom:1px solid transparent}
.dd.on .dd-btn{border-bottom-color:var(--mah)}
.dd-btn svg{transition:transform .2s ease;color:var(--muted)}
.dd-menu{position:absolute;top:calc(100% + 14px);left:-18px;min-width:250px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px;box-shadow:0 18px 40px -18px rgba(43,36,33,.28);display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.dd-menu::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.nav .dd-menu a{padding:9px 12px;border-radius:6px;border:0;font-size:14.5px;white-space:nowrap}
.nav .dd-menu a:hover,.nav .dd-menu a:focus-visible{background:var(--tint);color:var(--mah)}
.nav .dd-menu a.dd-all{margin-top:4px;border-top:1px solid var(--line);border-radius:0 0 6px 6px;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-top:12px}
@media (min-width:861px){.dd:hover .dd-menu,.dd.open .dd-menu{opacity:1;visibility:visible;transform:none}.dd:hover .dd-btn svg,.dd.open .dd-btn svg{transform:rotate(180deg)}}
@media (max-width:860px){.dd-btn{width:100%;justify-content:space-between;padding:14px 0;font-size:17px;border-bottom:1px solid var(--line)}.dd.on .dd-btn{border-bottom-color:var(--line)}
.dd-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:none;padding:4px 0 8px 12px;min-width:0;display:none}.dd-menu::before{display:none}.dd.open .dd-menu{display:flex}.dd.open .dd-btn svg{transform:rotate(180deg)}
.nav .dd-menu a{font-size:15.5px;padding:10px 0;border-bottom:0}.nav .dd-menu a.dd-all{border-top:0}}
.story p{font-size:19px;line-height:1.7;color:var(--ink2);margin:0}
.story .drop{font-size:22px;color:var(--ink);line-height:1.55}
.pull{margin:14px 0;padding:6px 0 6px 24px;border-left:3px solid var(--mah);font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--mah)}
.lessons{gap:28px 48px;margin-top:8px;border-top:1px solid rgba(245,240,232,.25);padding-top:28px}
.lessons h3{color:var(--cream);margin-bottom:8px}.lessons p{color:#E6D8CC}
.ftr .ftr-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding-top:40px;padding-bottom:28px}
.ftr .ftr-top img{display:block;height:32px;width:auto}
.ftr .ftr-top nav{display:flex;flex-wrap:wrap;gap:10px 32px;flex:0 1 auto}
.ftr .ftr-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding-top:18px;padding-bottom:28px;border-top:1px solid rgba(245,240,232,.2);font-size:12.5px;color:#D9BFB2}
.ftr .ftr-botw{padding-top:0;padding-bottom:0;display:block}
.ftr .ftr-bot span{display:flex;gap:20px}.ftr .ftr-bot a{font-size:12.5px;color:#EAD9CF}
.ftr .ftr-bot a:hover,.ftr .ftr-top nav a:hover{color:#fff}
/* pill header on scroll */
.hdr{display:flow-root;box-sizing:border-box;height:80px;transition:background .35s ease,border-color .35s ease}
.hdr .wrap{box-sizing:border-box;height:80px;padding-top:0;padding-bottom:0;border:1px solid transparent;border-radius:0;transition:max-width .45s cubic-bezier(.2,.8,.2,1),margin .45s cubic-bezier(.2,.8,.2,1),height .45s cubic-bezier(.2,.8,.2,1),padding .45s cubic-bezier(.2,.8,.2,1),border-radius .45s cubic-bezier(.2,.8,.2,1),background .35s ease,box-shadow .35s ease,border-color .35s ease}
.hdr.scrolled{background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}
.hdr.scrolled .wrap{pointer-events:auto;max-width:1080px;height:60px;margin-top:10px;padding:0 8px 0 24px;border-radius:999px;border-color:var(--line);background:rgba(251,248,243,.86);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);box-shadow:0 14px 34px -18px rgba(43,36,33,.35),0 1px 2px rgba(43,36,33,.05)}
.hdr.scrolled .logo img{height:32px}
.nav a.btn-sm{transition:border-radius .35s ease}.hdr.scrolled .nav a.btn-sm{border-radius:999px;padding:10px 18px}
@media (max-width:1140px){.hdr.scrolled .wrap{margin-left:16px;margin-right:16px}}
@media (max-width:860px){.hdr,.hdr .wrap{height:72px}.hdr.scrolled .wrap{height:56px;margin:8px 12px 0;padding:0 6px 0 18px}.hdr.scrolled .menu-btn{border-radius:999px;min-height:42px;padding:8px 16px}.hdr.scrolled .logo img{height:28px}
.hdr.scrolled .nav{left:12px;right:12px;top:calc(100% + 6px);border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 18px 40px -18px rgba(43,36,33,.3)}}
@media (prefers-reduced-motion:reduce){.hdr .wrap,.nav a.btn-sm{transition:none}}
.rvgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px}
.rv{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px 24px;display:flex;flex-direction:column;gap:14px}
.rv-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.rv-k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mah);margin:0 0 6px}
.rv h3{font-size:20px;font-weight:700;margin:0}
.rv-s{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.rv-s b{font-size:34px;font-weight:800;line-height:1;color:var(--ink)}.rv-s span{font-size:12px;color:var(--muted);margin-top:4px;white-space:nowrap}
.rv-bar{display:grid;grid-template-columns:1fr auto;grid-template-areas:"l v" "t t" "n n";gap:4px 12px;font-size:14.5px}
.rv-l{grid-area:l;font-weight:600}.rv-v{grid-area:v;font-weight:800;color:var(--mah)}.rv-t{grid-area:t;height:6px;background:#EFE7DC;border-radius:3px;overflow:hidden}.rv-t i{display:block;height:6px;background:var(--mah);border-radius:3px}.rv-n{grid-area:n;font-size:12px;color:var(--muted)}
.rv-note{font-size:13px;color:var(--muted);margin:0}
.rv-cta{margin-top:auto;padding-top:6px;font-weight:600;font-size:14.5px;color:var(--mah)}
.prose .rvgrid{margin:6px 0}
/* airflow mark */
.flow{position:relative;display:block;width:172px;height:162px;margin:2px auto 0}
.flow svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 16px 20px rgba(62,22,15,.26))}
.w{transform-box:fill-box;transform-origin:50% 50%;animation:bdflow 5.2s ease-in-out infinite}
.w2{animation-delay:-1.1s}.w3{animation-delay:-2.2s}
@keyframes bdflow{0%,100%{transform:translateX(-6px)}50%{transform:translateX(7px)}}
.pcard:nth-child(2) .w{animation-duration:5.8s}.pcard:nth-child(3) .w{animation-duration:4.9s}.pcard:nth-child(4) .w{animation-duration:6.2s}.pcard:nth-child(5) .w{animation-duration:5.5s}
.flow b{position:absolute;right:-2px;bottom:6px;width:42px;height:42px;border-radius:50%;background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 18px -8px rgba(62,22,15,.4);display:flex;align-items:center;justify-content:center;transition:transform .3s ease}
.pcard:hover .flow b{transform:translateX(3px)}
@media (max-width:760px){.flow{width:132px;height:124px}.flow b{width:36px;height:36px}}
.mahband,.ftr{position:relative;overflow:hidden}
.mahband>.wrap,.ftr>.wrap{position:relative;z-index:1}
.wm{position:absolute;right:-70px;top:50%;width:min(460px,70vw);height:auto;transform:translateY(-50%);fill:var(--cream);opacity:.07;pointer-events:none}
.wm .w{animation-duration:9s}
.ftr .wm{right:-40px;width:300px;opacity:.06}
@media (prefers-reduced-motion:reduce){.w{animation:none}}
.flow b svg{width:15px;height:15px}
/* proof + quotes */
.proof{position:relative;overflow:hidden;background:var(--mah);color:var(--cream)}
.proof>.wrap{position:relative;z-index:1;display:flex;flex-direction:column;gap:44px}
.proof-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:28px 32px;padding-bottom:36px;border-bottom:1px solid rgba(245,240,232,.22)}
.proof-stats div{display:flex;flex-direction:column;gap:6px}
.proof-stats b{font-size:clamp(34px,4.2vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1}
.proof-stats span{font-size:14.5px;color:#E6D2C6;max-width:16em}
.proof-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 32px}
.proof-head .h2{color:var(--cream)}
.proof-score{margin:0;font-size:15px;color:#E6D2C6}.proof-score b{color:var(--cream);font-weight:800}
.quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.q{margin:0;background:var(--surface);color:var(--ink);border-radius:16px;padding:26px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;position:relative}
.q:before{content:"\201C";position:absolute;top:6px;right:18px;font-size:72px;line-height:1;font-weight:800;color:var(--tint)}
.q blockquote{margin:0;font-size:19px;font-weight:700;line-height:1.3;letter-spacing:-.01em;position:relative}
.q-big{grid-row:span 2;background:var(--cream)}
.q-big blockquote{font-size:clamp(24px,2.6vw,32px);line-height:1.2}
.q figcaption{font-size:13px;color:var(--muted)}
.q figcaption a{color:var(--mah);font-weight:600}
.proof-note{margin:0;font-size:12.5px;color:#D9BFB2}.proof-note a{color:var(--cream)}
@media (max-width:900px){.quotes{grid-template-columns:1fr 1fr}.q-big{grid-column:span 2;grid-row:auto}}
@media (max-width:560px){.quotes{grid-template-columns:1fr}.q-big{grid-column:auto}}
.q blockquote{padding-right:34px}.q-big blockquote{padding-right:20px}
/* language link + Arabic / RTL */
.nav a.lang{font-family:'IBM Plex Sans Arabic',var(--sans);font-size:14px;color:var(--muted)}
[dir=rtl] .nav a.lang{font-family:var(--sans)}
[dir=rtl]{--sans:'IBM Plex Sans Arabic','League Spartan','Segoe UI',Tahoma,sans-serif}
[dir=rtl] body,[dir=rtl] *{letter-spacing:0!important}
[dir=rtl] .eyebrow,[dir=rtl] .answer h2,[dir=rtl] .mono{font-family:var(--sans);text-transform:none;font-size:13.5px;font-weight:600}
[dir=rtl] .h1,[dir=rtl] .h2,[dir=rtl] h1,[dir=rtl] h2{line-height:1.3}
[dir=rtl] body{line-height:1.8}
[dir=rtl] .crumbs li+li:before{margin-right:0;margin-left:8px}
[dir=rtl] .prose ul,[dir=rtl] .prose ol,[dir=rtl] .sources ol{padding-left:0;padding-right:22px}
[dir=rtl] .sources ol{padding-left:20px;padding-right:0}
[dir=rtl] .pull{padding:6px 24px 6px 0;border-left:0;border-right:3px solid var(--mah)}
[dir=rtl] .dd-menu{left:auto;right:-18px}
[dir=rtl] .wm{right:auto;left:-70px}[dir=rtl] .ftr .wm{left:-40px}
[dir=rtl] .tbl th,[dir=rtl] .tbl td,[dir=rtl] th,[dir=rtl] td{text-align:right}
[dir=rtl] .hdr.scrolled .wrap{padding:0 24px 0 8px}
@media (max-width:860px){[dir=rtl] .hdr.scrolled .wrap{padding:0 18px 0 6px}}
.ar-flow{width:min(360px,70vw);height:auto;aspect-ratio:284/269}
.ar-flow svg{filter:drop-shadow(0 28px 36px rgba(62,22,15,.28))}
.ar-stats{border-bottom:0;padding-bottom:0}
.ar-stats b{color:var(--mah)}.ar-stats span{color:var(--ink2)}
#app[dir=ltr]{--sans:'League Spartan','Helvetica Neue',sans-serif;font-family:'League Spartan','Helvetica Neue','Segoe UI',sans-serif;text-align:left}
[dir=rtl] .skip{left:auto;right:-9999px}[dir=rtl] .skip:focus{left:auto;right:16px}
[dir=rtl] .drum span{left:auto;right:0}
.hero-stage[dir=ltr] .pcard{font-family:'IBM Plex Sans Arabic','League Spartan',sans-serif}
.en-tag{display:inline-block;margin-inline-start:6px;font-size:11.5px;padding:1px 7px;border:1px solid var(--line2);border-radius:999px;color:var(--muted);vertical-align:middle}
[dir=rtl] .q:before{right:auto;left:18px}[dir=rtl] .q blockquote{padding-right:0;padding-left:34px}[dir=rtl] .q-big blockquote{padding-left:20px}
[dir=rtl] .flow b svg{transform:scaleX(-1)}