/* Audience preparation and the explanatory studio screen. */
.home-layout{grid-template-rows:minmax(110px,1fr) minmax(240px,35%) 46px 84px;gap:14px}
.home-audience{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:11px;font-size:14px}
.home-audience small{color:var(--muted);font-size:12px;margin-left:10px}.home-audience strong{color:var(--green);font-size:15px;white-space:nowrap}.home-audience:hover strong{color:var(--ink)}
.audience-choice{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px}
.audience-choice summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none;min-height:44px}
.audience-choice summary::-webkit-details-marker{display:none}.audience-choice summary>span{display:block}.audience-choice summary b{font-size:14px;font-weight:500}.audience-choice summary small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.audience-choice summary>strong{font-size:17px;font-weight:600;white-space:nowrap}.audience-choice summary>strong>span{display:inline-block;font-size:19px;margin-left:10px;font-weight:400;transition:transform .2s}.audience-choice[open] summary>strong>span{transform:rotate(45deg)}
.audience-options{padding-top:18px}.audience-options fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.audience-options legend{font-size:13px;color:var(--muted);margin-bottom:12px}.audience-options label{display:flex;gap:11px;align-items:start;padding:15px;border:1px solid var(--line);border-radius:8px;cursor:pointer}.audience-options label:has(input:checked){background:#e2e9d8;border-color:var(--green)}.audience-options input{margin:2px 0 0;accent-color:var(--green);width:18px;height:18px;flex:0 0 18px}.audience-options b{font-weight:500;font-size:14px}.audience-options small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:6px}.audience-foot{display:flex;justify-content:space-between;gap:18px;font-size:12px;padding-top:14px;color:var(--muted)}.audience-foot a{color:var(--green);white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.configured-screen:has(.audience-choice[open]) main{overflow-y:auto;overscroll-behavior:contain}.configured-screen:has(.audience-choice[open]) .service-layout{height:auto;min-height:100%;grid-template-rows:32px minmax(180px,1fr) auto}
.parser-self-link{display:inline-block;border-bottom:1px solid var(--line);padding-bottom:5px;margin-top:22px;font-size:13px;color:var(--green)}.parser-brief label{display:block;font-size:13px;margin-top:22px}.parser-brief input{width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:6px;color:var(--ink);font:inherit;background:var(--paper);outline-offset:3px}.parser-brief input:focus-visible{outline:2px solid var(--green)}.parser-brief p{margin-top:20px;font-size:12px;line-height:1.6}.parser-screen h1{font-size:clamp(32px,3.5vw,52px)}
.work-screen main{padding-top:26px}.work-layout{height:100%;max-width:1280px;margin:auto;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:22px}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:35px}.work-heading h1{font-size:clamp(30px,3vw,45px);margin-top:10px;letter-spacing:-1.6px}.work-heading>p{max-width:310px;font-size:14px;line-height:1.6;margin-bottom:3px}.work-tabs{display:flex;gap:5px;padding:5px;background:#dce2d6;width:fit-content;border-radius:9px}.work-tabs button{border:0;border-radius:6px;background:none;color:var(--muted);font-size:13px;padding:10px 16px;min-height:42px;white-space:nowrap}.work-tabs button[aria-selected=true]{color:var(--paper);background:var(--ink)}.work-panels{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:6px}.work-panels>[role=tabpanel]{min-height:100%;display:flex;flex-direction:column}.work-panels h2{font-size:24px;font-weight:500;letter-spacing:-.7px;line-height:1.18}.approach-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;flex:1;align-items:center}.work-steps{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:22px}.work-steps li{display:flex;gap:22px}.work-steps li>span{color:var(--green);font-size:12px;padding-top:6px}.work-steps h2{font-size:21px}.work-steps p{font-size:13px;max-width:420px;margin-top:8px}.approach-aside{border-left:1px solid var(--line);padding:18px 0 18px 35px}.approach-aside h2{margin-top:18px;line-height:1.35}.approach-aside>strong{display:block;font-size:29px;margin-top:15px;letter-spacing:-1px;color:var(--green)}.approach-aside>p{font-size:13px;line-height:1.7;margin-top:16px;max-width:340px}.approach-aside .primary-button{margin-top:22px;width:fit-content;min-height:44px}.text-link{font-size:13px;color:var(--green);display:block;margin-top:16px}.work-note{border-top:1px solid var(--line);padding-top:16px;margin-top:25px;font-size:13px;line-height:1.6}
.factor-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px;flex:1;align-items:start;padding-top:10px}.factor-columns>section+section{border-left:1px solid var(--line);padding-left:40px}.factor-columns h2{margin-top:13px;font-size:26px}.factor-columns dl{margin:18px 0 0}.factor-columns dl>div{padding:15px 0;border-top:1px solid var(--line)}.factor-columns dt{font-size:16px;font-weight:500;display:flex;gap:14px;align-items:center}.factor-columns dt>span{font-size:10px;color:var(--green);font-weight:400}.factor-columns dd{margin:7px 0 0 27px;font-size:13px;line-height:1.55;color:var(--muted);max-width:390px}
.example-intro{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:16px}.example-intro h2{font-size:23px;margin-top:8px}.example-intro>p{font-size:13px;max-width:250px}.story-comparison{display:flex;justify-content:center;gap:56px;flex:1;align-items:start}.story-comparison figure{margin:0;width:min(260px,43%)}.story-comparison figcaption{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}.story-comparison figcaption>span{font-size:9px;letter-spacing:.5px;color:var(--muted)}.story-comparison figcaption>b{font-size:17px;font-weight:500}.ad-story{aspect-ratio:9/16;width:100%;position:relative;overflow:hidden;border-radius:13px;padding:21px 22px;box-shadow:0 10px 30px #243b3514;border:1px solid #243b350d;isolation:isolate}.story-plain{background:#dce0da;color:#555f54}.story-offer{background:linear-gradient(145deg,#f6e9d7,#f6ddd0 50%,#d4e1c5);color:#243b35}.story-progress{display:flex;gap:4px;position:absolute;top:9px;left:10px;right:10px}.story-progress i{height:2px;flex:1;background:#243b3528}.story-label{font-size:7px;letter-spacing:1px;display:block;margin-top:7px}.ad-story h3{position:relative;z-index:2;letter-spacing:-1.2px;line-height:1.08;margin:25px 0 0;font-weight:600}.story-plain h3{font-size:39px;margin-top:37px;color:#5c655a}.story-offer h3{font-size:28px}.story-benefit{position:relative;z-index:2;font-size:12px;line-height:1.45;color:var(--ink);margin-top:14px}.story-bouquet{position:absolute;width:106%;left:-3%;bottom:28px;z-index:-1}.story-plain .story-bouquet{filter:saturate(.4);opacity:.75;bottom:7px}.story-bottom-copy{position:absolute;bottom:25px;left:22px;right:22px;font-size:12px}.story-cta{position:absolute;bottom:19px;left:16px;right:16px;padding:12px 14px;border-radius:7px;background:var(--ink);color:var(--paper);font-size:12px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 18px #243b3528}.story-cta b{font-size:17px;font-weight:400}.story-reading{font-size:12px;line-height:1.5;margin-top:12px}.example-disclosure{font-size:11px;line-height:1.5;border-top:1px solid var(--line);padding-top:12px;margin-top:18px;max-width:850px;align-self:center;color:var(--muted)}
.cases-ready{padding:45px 0;max-width:620px;margin:auto}.cases-ready h2{font-size:38px;line-height:1.18;margin:18px 0;letter-spacing:-1.2px}.cases-ready>p{font-size:14px;line-height:1.7}.case-measures{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.case-measures span{border:1px solid var(--line);border-radius:6px;font-size:12px;padding:10px 12px}.cases-ready .case-empty{font-size:12px;margin-bottom:22px}.cases-ready .primary-button{width:fit-content}
@media(min-width:761px) and (max-height:780px){.work-layout{gap:15px}.work-heading h1{font-size:33px}.work-heading>p{font-size:12px}.work-tabs button{min-height:37px;padding:8px 13px}.story-comparison figure{width:190px}.story-comparison{gap:40px}.ad-story{padding:20px 16px}.story-offer h3{font-size:21px;margin-top:20px}.story-plain h3{font-size:29px}.story-benefit{font-size:10px;margin-top:10px}.story-cta{font-size:10px;padding:10px;bottom:12px}.story-reading{font-size:11px}.story-bouquet{bottom:17px}.work-steps{gap:16px}.work-steps h2{font-size:18px}.factor-columns dl>div{padding:11px 0}.factor-columns dd{font-size:12px}.work-note{font-size:12px;margin-top:15px}.home-layout{grid-template-rows:minmax(80px,1fr) minmax(220px,37%) 44px 72px;gap:10px}}
@media(max-width:1000px) and (min-width:761px){.work-heading>p{display:none}.approach-grid{gap:25px}.approach-aside{padding-left:25px}.factor-columns{gap:25px}.factor-columns>section+section{padding-left:25px}.factor-columns h2{font-size:23px}.home-audience small{display:none}}
@media(max-width:760px){.home-layout{grid-template-rows:minmax(90px,1fr) minmax(330px,48%) 48px 86px;gap:10px}.home-audience{font-size:12px;padding-top:7px}.home-audience small{display:block;font-size:10px;margin:3px 0 0}.home-audience strong{font-size:13px}.audience-choice{padding-top:9px}.audience-choice summary{gap:10px}.audience-choice summary b{font-size:12px}.audience-choice summary small{font-size:10px}.audience-choice summary>strong{font-size:14px}.audience-choice summary>strong>span{font-size:17px;margin-left:3px}.audience-options fieldset{grid-template-columns:1fr}.audience-foot{flex-direction:column;gap:10px}.configured-screen:has(.audience-choice[open]) .service-layout{grid-template-rows:28px auto auto auto;min-height:100%;gap:16px}.parser-screen main{overflow-y:auto}.parser-screen .service-layout{height:auto;min-height:100%;grid-template-rows:28px auto auto auto;gap:20px}.parser-screen h1{font-size:32px}.parser-brief{padding:16px 0}.parser-brief label{margin-top:14px}.parser-brief .eyebrow{display:block}.parser-brief p{margin-top:14px}.parser-self-link{font-size:12px;margin-top:16px}
.work-screen main{padding:18px 16px 14px}.work-layout{gap:16px}.work-heading h1{font-size:29px;line-height:1.12;letter-spacing:-1.2px;margin-top:9px}.work-heading>p{display:none}.work-tabs{width:100%;gap:2px;padding:4px}.work-tabs button{min-width:0;flex:1;font-size:11px;white-space:normal;padding:8px 5px;min-height:43px;line-height:1.25}.work-panels{padding-right:0}.approach-grid{display:block}.work-steps{gap:18px}.work-steps li{gap:13px}.work-steps h2{font-size:18px}.work-steps p{font-size:12px;margin-top:5px}.approach-aside{border:0;border-top:1px solid var(--line);padding:18px 0 0;margin-top:22px}.approach-aside h2{font-size:22px;margin-top:10px}.approach-aside>strong{font-size:25px;margin-top:10px}.approach-aside>p{font-size:12px;margin-top:10px}.approach-aside .primary-button{margin-top:15px;min-height:44px}.work-note{font-size:12px;margin-top:20px;padding-top:14px}.factor-columns{display:block;padding-top:0}.factor-columns>section+section{border-left:0;border-top:1px solid var(--line);padding:22px 0 0;margin-top:15px}.factor-columns h2{font-size:23px;margin-top:10px}.factor-columns dl{margin-top:15px}.factor-columns dl>div{padding:12px 0}.factor-columns dt{font-size:15px}.factor-columns dd{font-size:12px;margin-top:7px}.example-intro{display:block;margin-bottom:16px}.example-intro h2{font-size:21px;margin-top:7px}.example-intro>p{font-size:12px;max-width:none;margin-top:9px}.story-comparison{gap:12px;align-items:start;flex:0}.story-comparison figure{width:calc((100% - 12px)/2)}.story-comparison figcaption>span{font-size:7px;letter-spacing:0;min-height:18px;line-height:1.3}.story-comparison figcaption>b{font-size:13px}.story-comparison figcaption{gap:4px;margin-bottom:10px}.ad-story{border-radius:10px;padding:18px 12px}.story-label{font-size:5px;letter-spacing:.6px;margin-top:2px}.story-offer h3{font-size:clamp(16px,4.9vw,23px);letter-spacing:-.6px;margin-top:18px}.story-plain h3{font-size:clamp(25px,7vw,34px);letter-spacing:-.8px;margin-top:25px}.story-benefit{font-size:9px;line-height:1.35;margin-top:9px}.story-bouquet{bottom:17px;width:110%;left:-5%}.story-plain .story-bouquet{bottom:0}.story-bottom-copy{font-size:8px;bottom:19px;left:12px;right:12px}.story-cta{font-size:9px;padding:8px;bottom:10px;left:8px;right:8px;border-radius:5px}.story-cta b{font-size:12px}.story-reading{font-size:11px;line-height:1.45;margin-top:10px}.example-disclosure{font-size:10px;line-height:1.5;margin-top:15px}.cases-ready{padding:20px 0}.cases-ready h2{font-size:30px;margin:15px 0}.cases-ready>p{font-size:13px}.case-measures{display:grid;grid-template-columns:1fr;margin:20px 0}.case-measures span{font-size:12px;padding:12px}}
@media(max-width:760px) and (max-height:699px){.home-layout{grid-template-rows:minmax(55px,1fr) 275px 43px 74px;gap:7px}.home-hero h1{font-size:26px}.home-audience{font-size:11px}.home-audience small{font-size:9px}.home-audience strong{font-size:12px}.work-screen main{padding:12px 16px}.work-layout{gap:12px}.work-heading h1{font-size:25px}.work-tabs button{font-size:10px;min-height:40px}.example-intro>p{display:none}.example-intro h2{font-size:18px}.story-comparison figure{max-width:170px}}
@media(max-width:760px) and (max-height:490px){.home-layout{grid-template-columns:1fr 1.5fr;grid-template-rows:minmax(0,1fr) 37px 56px;gap:7px 18px}.home-audience{grid-column:1/-1;grid-row:2}.home-audience small{display:none}.social-strip{grid-column:1/-1;grid-row:3}.configured-screen:has(.audience-choice[open]) .service-layout{grid-template-columns:1.2fr 1fr;grid-template-rows:24px auto auto}.configured-screen:has(.audience-choice[open]) .service-intro{grid-column:1;grid-row:2}.configured-screen:has(.audience-choice[open]) .service-scope{grid-column:2;grid-row:2}.configured-screen:has(.audience-choice[open]) .service-bottom{grid-column:1/-1;grid-row:3}.parser-screen .service-layout{grid-template-columns:1.2fr 1fr;grid-template-rows:24px auto auto}.parser-screen .service-intro{grid-column:1;grid-row:2}.parser-screen .service-scope{grid-column:2;grid-row:2}.parser-screen .service-bottom{grid-column:1/-1;grid-row:3}.work-heading h1{font-size:24px}.work-heading .eyebrow{display:none}.work-layout{gap:10px}.story-comparison figure{max-width:160px}}
@media(prefers-reduced-motion:reduce){.audience-choice summary>strong>span{transition:none}}
@media(min-width:761px){
.work-screen:has(#tab-example[aria-selected=true]) .work-heading>p{display:none}
.work-screen:has(#tab-example[aria-selected=true]) .work-heading h1{font-size:28px;letter-spacing:-1px}
.work-screen:has(#tab-example[aria-selected=true]) .work-heading h1 br{display:none}
.work-screen:has(#tab-example[aria-selected=true]) .work-heading h1>span:before{content:' '}
.story-comparison figure{width:clamp(145px,calc((100svh - 430px)*.5625),242px)}
.example-intro{margin-bottom:12px}.example-intro h2{font-size:19px;margin-top:6px}.example-intro>p{font-size:12px}
.ad-story{container-type:inline-size}.story-offer h3{font-size:clamp(16px,10.5cqw,24px);margin-top:20px;letter-spacing:-.6px}
.story-plain h3{font-size:clamp(25px,16cqw,36px);margin-top:26px}
.story-bouquet{height:48%;width:100%;left:0;bottom:35px}.story-plain .story-bouquet{height:48%;bottom:25px}
.story-benefit{font-size:clamp(9px,5.5cqw,12px);margin-top:10px}.story-reading{font-size:11px;margin-top:9px}
.example-disclosure{font-size:10px;margin-top:12px;padding-top:9px;max-width:none}
}
@media(max-width:760px){.story-bouquet{height:47%;width:100%;left:0;bottom:29px}.story-plain .story-bouquet{height:47%;bottom:19px}}
@media(min-width:761px){.story-comparison figure{width:260px;max-width:44%}.ad-story{width:clamp(145px,calc((100svh - 430px)*.5625),242px);margin:0 auto}.story-comparison figcaption{align-items:center;text-align:center}.story-reading{text-align:center;max-width:250px;margin:9px auto 0}}