.audience-page{background:var(--paper)}
.audience-page main{overflow:hidden}
.audience-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(35px,5vw,86px);max-width:var(--max);margin:auto;padding:clamp(70px,8vw,126px) var(--gutter) clamp(65px,7vw,100px)}
.audience-hero__copy{position:relative;z-index:1}
.audience-hero h1{max-width:760px;margin:0 0 28px;font-size:clamp(43px,4.3vw,69px);letter-spacing:-.065em;line-height:1.04}
.audience-hero__copy>p{max-width:580px;margin:0;color:#4d5651;font-size:clamp(18px,1.55vw,22px);letter-spacing:-.025em;line-height:1.36}
.audience-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:37px}
.audience-hero__quiz-link{border-bottom:1px solid currentColor;padding:4px 0;color:var(--ink);font-size:15px;font-weight:600}
.audience-hero__quiz-link:hover{color:var(--moss)}
.audience-hero__count{display:flex;align-items:end;gap:13px;margin-top:clamp(48px,6vw,90px);padding-top:20px;border-top:1px solid var(--line);color:var(--moss)}
.audience-hero__count strong{font-size:clamp(56px,6vw,90px);font-weight:400;letter-spacing:-.09em;line-height:.85}
.audience-hero__count span{font-size:13px;line-height:1.25}
.audience-hero__visual{position:relative;min-width:0;margin:0}
.audience-hero__visual::before{position:absolute;z-index:-1;inset:9% -4% -6% 7%;content:"";background:#eaf1e7;transform:rotate(3deg)}
.audience-hero__visual img{display:block;width:100%;height:auto;aspect-ratio:1.36;object-fit:cover;object-position:center}
.audience-hero__visual figcaption{position:absolute;right:0;bottom:0;max-width:230px;padding:13px 16px;color:var(--ink);background:var(--lime);font-size:12px;font-weight:600;line-height:1.25}
.audience-intro{padding:clamp(60px,7vw,100px) var(--gutter) clamp(38px,5vw,65px);background:#edf5e9}
.audience-intro__inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(35px,8vw,130px);align-items:end;max-width:var(--max);margin:auto}
.audience-intro h2{max-width:700px;margin:0;font-size:clamp(34px,3.5vw,53px);line-height:1.06}
.audience-intro__inner p{max-width:570px;margin:0;color:#4d5651;font-size:clamp(16px,1.45vw,20px);line-height:1.42}
.audience-jump{display:flex;flex-wrap:wrap;gap:9px;max-width:var(--max);margin:clamp(38px,5vw,62px) auto 0}
.audience-jump a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:45px;padding:11px 15px;border:1px solid #cad9ca;color:var(--moss);background:rgba(255,255,255,.4);font-size:13px;line-height:1.2;transition:background .2s ease,transform .2s ease}
.audience-jump a:hover{background:var(--white);transform:translateY(-2px)}
.audience-jump span{font-size:18px;line-height:.7}
.audience-families{max-width:var(--max);margin:auto;padding:15px var(--gutter) clamp(85px,9vw,130px)}
.audience-family{display:grid;grid-template-columns:minmax(250px,.44fr) minmax(0,1fr);gap:clamp(36px,6vw,105px);padding:clamp(48px,6vw,76px) 0;border-bottom:1px solid var(--line);scroll-margin-top:95px}
.audience-family__intro{display:flex;gap:23px;align-items:flex-start}
.audience-family__number{flex:none;padding-top:7px;color:var(--moss);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.audience-family h2{max-width:350px;margin:0 0 17px;font-size:clamp(27px,2.55vw,37px);line-height:1.08}
.audience-family__intro p{max-width:340px;margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.audience-family__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;align-content:start;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.audience-family__list li{min-width:0;border-bottom:1px solid var(--line)}
.audience-family__list a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:49px;padding:10px 2px;color:var(--ink);font-size:15px;line-height:1.2;transition:color .2s ease,padding .2s ease}
.audience-family__list a:hover{padding-left:8px;color:var(--moss)}
.audience-family__list a span:last-child{flex:none;color:var(--moss);font-size:20px;line-height:.9}
.audience-fit{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(38px,6vw,90px);padding:clamp(75px,9vw,125px) max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter)));background:var(--white);scroll-margin-top:70px}
.audience-fit__intro h2{max-width:530px;margin:0 0 20px;font-size:clamp(34px,3.4vw,52px);line-height:1.07}
.audience-fit__intro p{max-width:530px;margin:0;color:#4d5651;font-size:17px;line-height:1.48}
.audience-fit__intro img{display:block;width:min(100%,410px);height:260px;margin-top:30px;object-fit:cover;object-position:center 35%;border-bottom:4px solid var(--lime)}
.audience-fit .quiz{width:100%}
.audience-closing{display:flex;align-items:center;justify-content:space-between;gap:35px;max-width:var(--max);margin:auto;padding:clamp(70px,8vw,110px) var(--gutter)}
.audience-closing h2{max-width:600px;margin:0 0 15px;font-size:clamp(34px,3.5vw,53px);line-height:1.06}
.audience-closing p{max-width:530px;margin:0;color:var(--muted);font-size:17px;line-height:1.42}
.audience-closing__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.audience-closing__actions .button{white-space:nowrap}
@media(max-width:1080px){.audience-hero{gap:35px}.audience-hero h1{font-size:clamp(40px,4.7vw,58px)}.audience-family{grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:35px}.audience-fit{grid-template-columns:1fr 1.1fr;gap:35px}}
@media(max-width:850px){.audience-hero{grid-template-columns:1fr;gap:40px;padding-top:66px}.audience-hero__visual{max-width:700px}.audience-hero__count{margin-top:50px}.audience-intro__inner{grid-template-columns:1fr;gap:22px}.audience-family{grid-template-columns:1fr;gap:29px}.audience-family__intro{max-width:690px}.audience-family__intro p{max-width:620px}.audience-fit{grid-template-columns:1fr}.audience-fit__intro{display:grid;grid-template-columns:1fr 170px;gap:20px}.audience-fit__intro h2,.audience-fit__intro p{grid-column:1}.audience-fit__intro img{grid-column:2;grid-row:1 / span 2;align-self:center;width:170px;height:160px;margin:0}.audience-closing{align-items:flex-start;flex-direction:column}}
@media(max-width:590px){.audience-hero{padding-top:52px;padding-bottom:68px}.audience-hero h1{font-size:clamp(39px,10vw,52px)}.audience-hero__actions{gap:20px}.audience-hero__visual figcaption{font-size:11px}.audience-intro{padding-block:66px 45px}.audience-jump{display:grid;grid-template-columns:1fr 1fr}.audience-jump a{gap:5px;min-height:48px;padding:9px;font-size:12px}.audience-family{padding-block:47px}.audience-family__list{grid-template-columns:1fr}.audience-family__list a{min-height:45px;font-size:14px}.audience-fit{padding-block:76px}.audience-fit__intro{display:block}.audience-fit__intro img{width:100%;max-width:350px;height:170px;margin:25px 0 0}.audience-closing__actions{justify-content:stretch;width:100%}.audience-closing__actions .button{width:100%}}
