/* STUDIO 08/11 · Kevin's 16:31 review. The hero is outside this lot. */
html[data-home-review-kevin] header.site-header[data-v4-shell="header"] #tools-menu .menu-columns { display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px; align-items:stretch; }
html[data-home-review-kevin] header.site-header[data-v4-shell="header"] #tools-menu .tool-links { display:grid; grid-template-columns:1fr; gap:8px; }
html[data-home-review-kevin] #tools-menu .home-menu-profile { grid-column:auto; width:auto; display:flex; }
html[data-home-review-kevin] #tools-menu .home-menu-profile > a { width:100%; min-height:100%; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:24px; gap:12px; background:var(--soft); }
html[data-home-review-kevin] #tools-menu .home-menu-profile .menu-icon { display:none; }
html[data-home-review-kevin] #tools-menu .home-menu-profile .tool-copy { display:grid; gap:8px; }
html[data-home-review-kevin] #tools-menu .home-menu-profile strong { font-size:21px; }
html[data-home-review-kevin] #tools-menu .home-menu-profile small { font-size:14px; line-height:1.5; }
html[data-home-review-kevin] #tools-menu .home-menu-profile .tool-arrow { position:absolute; top:20px; right:20px; }
html[data-home-review-kevin] .home-profile-art { width:100%; height:126px; flex:none; }
/* Same viewport and source scale for all three 480px-high captures. */
html[data-home-review-kevin] .home-review-card .home-review-result { width:min(100%,320px); height:auto; aspect-ratio:614 / 360; justify-self:center; align-self:end; overflow:hidden; }
html[data-home-review-kevin] .home-review-card .home-review-result img { display:block; width:auto; height:133.333333%; max-width:none; max-height:none; object-fit:fill; object-position:top left; }
html[data-home-review-kevin] footer.footer-b2[data-v4-shell] .footer-b2__picker { width:100%; max-width:230px; margin:20px 0 0; }
html[data-home-review-kevin] footer.footer-b2[data-v4-shell] .footer-b2__picker summary { width:100%; }
html[data-home-review-kevin] footer.footer-b2[data-v4-shell] .footer-b2__picker ul { position:absolute; width:100%; bottom:calc(100% + 8px); margin:0; z-index:2; background:var(--white); box-shadow:0 12px 30px color-mix(in srgb,var(--blue) 12%,transparent); }
@media(max-width:900px) {
 html[data-home-review-kevin] header.site-header[data-v4-shell="header"] #tools-menu .menu-columns { grid-template-columns:1fr; gap:20px; }
 html[data-home-review-kevin] #tools-menu .home-menu-profile > a { min-height:0; display:grid; grid-template-columns:80px 1fr; padding:16px; gap:16px; }
 html[data-home-review-kevin] .home-profile-art { height:80px; }
 html[data-home-review-kevin] #tools-menu .home-menu-profile strong { font-size:18px; }
}
html[data-home-review-kevin] footer.footer-b2[data-v4-shell] .footer-b2__get { display:flex; flex-direction:column; align-items:flex-start; }
html[data-home-review-kevin] footer.footer-b2[data-v4-shell] .footer-b2__get .footer-b2__extension { width:auto; }
html[data-home-review-kevin] footer.footer-b2[data-v4-shell] .footer-b2__get .footer-b2__socials { margin-block:20px 0; }
html[data-home-review-kevin] header.site-header[data-v4-shell="header"] #tools-menu .tool-link { min-height:68px; padding-block:12px; }
/* The simplest public reference: three open columns, a single icon/title/line. */
html[data-home-review-kevin] #how-it-works { padding-block:clamp(80px,10vw,136px); min-height:100svh; }
html[data-home-review-kevin] #how-it-works .how-heading { max-width:820px; margin:0 auto clamp(56px,6vw,88px); }
html[data-home-review-kevin] #how-it-works .section-kicker { display:block; margin:0 0 24px; }
html[data-home-review-kevin] #how-it-works #how-title { margin:0; }
html[data-home-review-kevin] #how-it-works .steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(32px,5vw,72px); max-width:1160px; margin:0 auto; }
html[data-home-review-kevin] #how-it-works .step { display:flex; flex-direction:column; align-items:center; gap:0; padding:0; border:0; background:none; text-align:center; }
html[data-home-review-kevin] #how-it-works .home-step-icon { display:grid; place-items:center; width:68px; height:68px; flex:none; margin-bottom:24px; border-radius:50%; color:var(--blue); background:var(--soft); }
html[data-home-review-kevin] #how-it-works .home-step-icon svg { width:30px; height:30px; }
html[data-home-review-kevin] #how-it-works .step h3 { margin:0 0 12px; font:700 clamp(19px,1.8vw,24px)/1.25 PJS,sans-serif; }
html[data-home-review-kevin] #how-it-works .step p { max-width:31ch; margin:0; color:var(--muted); font-size:16px; line-height:1.6; text-wrap:balance; }
@media(max-width:760px) {
 html[data-home-review-kevin] #how-it-works { min-height:0; padding-block:72px; }
 html[data-home-review-kevin] #how-it-works .how-heading { margin-bottom:48px; }
 html[data-home-review-kevin] #how-it-works .steps { grid-template-columns:1fr; gap:44px; }
 html[data-home-review-kevin] #how-it-works .home-step-icon { margin-bottom:18px; width:60px; height:60px; }
}
html[data-home-review-kevin] #how-it-works .section-kicker { display:inline-flex; align-items:center; gap:9px; }
html[data-home-review-kevin] #how-it-works #how-title { font-size:clamp(34px,4vw,56px); line-height:1.12; }
html[data-home-review-kevin] #how-it-works #how-title span { display:block; }
/* Kevin follow-up: dark AI Profile illustration and slightly fuller steps. */
html[data-home-review-kevin] header.site-header[data-v4-shell="header"] #tools-menu .home-menu-profile > a.tool-link { background:radial-gradient(ellipse at 80% 5%,var(--blue),transparent 75%),linear-gradient(145deg,var(--ink),#293757); color:var(--white); border-color:var(--blue); }
html[data-home-review-kevin] #tools-menu .home-menu-profile .tool-copy small { color:#e6ebff; }
html[data-home-review-kevin] #tools-menu .home-menu-profile .tool-arrow { color:var(--citron); }
html[data-home-review-kevin] header.site-header[data-v4-shell="header"] #tools-menu .home-menu-profile > a.tool-link:is(:hover,:focus-visible) { background:radial-gradient(ellipse at 80% 5%,#566bc4,transparent 75%),linear-gradient(145deg,var(--ink),#293757); border-color:#b2cbff; }
html[data-home-review-kevin] #how-it-works .step p { max-width:34ch; }

/* Kevin 08/11: distinguish How from the following white section. */
html[data-home-review-kevin] #how-it-works { background:radial-gradient(ellipse at 50% 0%,#e5eaff 0%,transparent 70%),linear-gradient(160deg,#eef0fc,#e6ebfa); }
html[data-home-review-kevin] #how-it-works .home-step-icon { background:var(--white); box-shadow:0 6px 20px #4458ac08; }
html[data-home-review-kevin] #tools-menu .tool-copy strong { display:inline-flex; align-items:center; flex-wrap:wrap; gap:8px; }
html[data-home-review-kevin] #tools-menu .home-menu-free { display:inline-flex; align-items:center; padding:3px 7px; border-radius:99px; background:var(--citron); color:var(--ink); font:700 10px/1.2 PJS,sans-serif; letter-spacing:0; vertical-align:middle; }