#coaching-home { --home-bg: light-dark(#fafbf7, var(--dark-page)); --home-paper: light-dark(#fff, var(--dark-surface)); --home-ink: light-dark(#192a22, var(--dark-ink)); --home-muted: light-dark(#526259, var(--dark-muted)); --home-line: light-dark(#dce4da, var(--dark-line)); --home-green: light-dark(#245b3b, var(--dark-accent)); --home-soft: light-dark(#eaf0e3, var(--dark-soft)); --home-red: light-dark(#ac3029, var(--dark-error)); font: 16px/1.6 system-ui, sans-serif; color: var(--home-ink); background: var(--home-bg); container-type: inline-size; border-radius: 14px; padding: 0 32px 30px; } #coaching-home * { box-sizing: border-box; } #coaching-home p, #coaching-home h1, #coaching-home h2, #coaching-home h3 { margin: 0; } #coaching-home a { color: inherit; text-underline-offset: 4px; } #coaching-home button, #coaching-home input, #coaching-home textarea { font: inherit; } #coaching-home .home-hero { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:48px; align-items:center; padding:28px 0 38px; } #coaching-home .home-copy { display:flex; flex-direction:column; min-width:0; } #coaching-home .home-eyebrow { text-transform:uppercase; letter-spacing:1.5px; font-size:11px; font-weight:750; color:var(--home-green); margin-bottom:17px; } #coaching-home h1 { font-size:clamp(34px,3.6cqw,44px); line-height:1.12; letter-spacing:-1.5px; font-weight:750; margin-bottom:18px; } #coaching-home h1 span { color:var(--home-green); } #coaching-home .home-lead { font-size:16px; line-height:1.6; max-width:760px; color:var(--home-muted); } #coaching-home .home-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; background:var(--home-green); color:light-dark(#fff, var(--dark-on-accent)); border:0; border-radius:9px; padding:14px 20px; min-height:49px; font-weight:650; text-decoration:none; text-align:center; line-height:1.4; cursor:pointer; white-space:normal; } #coaching-home .home-intro-actions { order:2; margin-top:22px; } #coaching-home .home-offer { margin-top:10px; font-size:14px; line-height:1.5; color:var(--home-muted); } #coaching-home .home-offer strong { color:var(--home-green); } #coaching-home .home-small { font-size:12px; color:var(--home-muted); } #coaching-home .home-under-cta { margin-top:4px; } #coaching-home .home-portrait { background:var(--home-soft); border-radius:24px; padding:12px; width:280px; max-width:100%; margin:0; justify-self:center; min-width:0; } #coaching-home .home-portrait img { width:100%; height:auto; display:block; aspect-ratio:1; object-fit:cover; object-position:80% 50%; border-radius:14px; } #coaching-home .home-portrait-note { border-top:1px solid var(--home-line); padding:12px 4px 4px; font-size:12px; line-height:1.5; } #coaching-home .home-portrait-note strong { display:block; font-size:13px; margin-bottom:3px; } #coaching-home .home-portrait-link { display:flex; align-items:center; gap:6px; min-height:44px; color:var(--home-green); font-weight:650; } #coaching-home .home-section { padding:56px 0; } #coaching-home .home-section h2 { font-size:29px; line-height:1.2; letter-spacing:-.9px; font-weight:700; margin-bottom:12px; } #coaching-home .home-intro { color:var(--home-muted); max-width:670px; } #coaching-home .home-coaching { order:1; margin-top:22px; scroll-margin-top:110px; } #coaching-home .home-coaching h2 { font-size:20px; line-height:1.3; letter-spacing:-.4px; } #coaching-home .home-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:14px; } #coaching-home .home-benefit { padding-left:13px; border-left:2px solid var(--home-line); } #coaching-home .home-benefit h3 { font-size:15px; line-height:1.35; letter-spacing:0; margin-bottom:6px; } #coaching-home h3 { font-size:18px; letter-spacing:-.3px; font-weight:700; margin-bottom:9px; } #coaching-home .home-benefit p { font-size:14px; line-height:1.5; color:var(--home-muted); } #coaching-home .home-about { display:grid; grid-template-columns:1fr 1.3fr; gap:36px; background:var(--home-soft); padding:30px; border-radius:14px; margin-bottom:8px; } #coaching-home .home-about h2 { font-size:25px; line-height:1.2; letter-spacing:-.6px; } #coaching-home .home-about p { font-size:14px; color:var(--home-muted); } #coaching-home .home-text-link { display:inline-flex; align-items:center; padding:11px 0; min-height:44px; color:var(--home-green); font-weight:700; } #coaching-home .home-near { margin-top:14px; color:var(--home-ink); } #coaching-home .home-contact { display:grid; grid-template-columns:.9fr 1.1fr; gap:42px; align-items:start; border-top:1px solid var(--home-line); } #coaching-home .home-price { display:flex; gap:15px; align-items:center; margin:23px 0; background:var(--home-soft); padding:18px; border-radius:10px; } #coaching-home .home-price b { font-size:36px; line-height:1; white-space:nowrap; letter-spacing:-1.5px; } #coaching-home .home-price span { font-size:13px; line-height:1.6; } #coaching-home .home-contact-note { font-size:13px; color:var(--home-muted); } #coaching-home .home-form-panel { min-width:0; padding:26px; background:var(--home-paper); border:1px solid var(--home-line); border-radius:14px; } #coaching-home .home-field { margin-bottom:17px; } #coaching-home label { display:block; font-size:14px; font-weight:650; margin-bottom:7px; } #coaching-home label span { font-weight:400; color:var(--home-muted); } #coaching-home input, #coaching-home textarea { width:100%; background:var(--home-bg); color:var(--home-ink); border:1px solid var(--home-line); border-radius:7px; padding:11px 12px; min-height:46px; font-size:16px; } #coaching-home textarea { min-height:130px; resize:vertical; } #coaching-home [aria-invalid=true] { border-color:var(--home-red); } #coaching-home .home-help { font-size:12px; color:var(--home-muted); margin-top:6px; } #coaching-home .home-error { color:var(--home-red); font-size:13px; margin-top:5px; overflow-wrap:anywhere; } #coaching-home .home-error-summary { margin-bottom:18px; } #coaching-home .home-form-panel .home-button { width:100%; margin-top:14px; } #coaching-home button:disabled { opacity:.7; cursor:wait; } #coaching-home .home-privacy { font-size:12px; color:var(--home-muted); } #coaching-home .home-form-note { text-align:center; margin-top:10px; } #coaching-home .home-success { padding:35px 0; } #coaching-home .home-success-icon { background:var(--home-soft); color:var(--home-green); width:49px; height:49px; border-radius:50%; display:grid; place-items:center; margin-bottom:20px; font-size:22px; } #coaching-home .home-success p { font-size:15px; color:var(--home-muted); margin-top:12px; } #coaching-home .home-faq { padding:0 0 35px; } #coaching-home .home-faq h2 { font-size:26px; letter-spacing:-.7px; margin-bottom:20px; } #coaching-home details { border:0; border-bottom:1px solid var(--home-line); border-radius:0; padding:0; background:transparent; } #coaching-home summary { padding:18px 0; min-height:49px; font-weight:600; cursor:pointer; } #coaching-home details p { padding:0 0 20px; color:var(--home-muted); font-size:14px; max-width:760px; } #coaching-home .home-account form { max-width:420px; margin-bottom:16px; } #coaching-home .home-account .actions { margin-top:12px; } @container(max-width:1000px) { #coaching-home .home-hero { grid-template-columns:minmax(0,1fr) 240px; gap:30px; } #coaching-home .home-portrait { width:240px; } #coaching-home .home-benefits { grid-template-columns:1fr; gap:16px; } } @container(max-width:900px) { #coaching-home .home-hero { grid-template-columns:1fr; padding:22px 0 30px; gap:28px; } #coaching-home h1 { font-size:36px; letter-spacing:-1px; } #coaching-home .home-lead { font-size:16px; } #coaching-home .home-hero .home-button { width:100%; } #coaching-home .home-portrait { width:240px; margin-inline:auto; } #coaching-home .home-coaching { order:2; margin-top:28px; } #coaching-home .home-intro-actions { order:1; margin-top:20px; } #coaching-home .home-offer { text-align:center; } #coaching-home .home-benefits { grid-template-columns:1fr; gap:18px; margin-top:18px; } #coaching-home .home-section { padding:37px 0; } #coaching-home .home-section h2 { font-size:27px; } #coaching-home .home-about { grid-template-columns:1fr; gap:17px; padding:23px; } #coaching-home .home-contact { grid-template-columns:1fr; gap:24px; } #coaching-home .home-form-panel { padding:20px; } #coaching-home .home-under-cta { text-align:center; } } @media(max-width:720px) { #coaching-home { padding-inline:16px; } } @container(max-width:370px) { #coaching-home h1 { font-size:32px; } #coaching-home .home-form-panel { padding:17px; } }