.cf-guide{--hf2-accent:#275d49;word-break:keep-all;overflow-wrap:anywhere;background:#fafbf8}.cf-hero{grid-template-columns:1.4fr .75fr;align-items:center;gap:48px;padding:48px 0;display:grid}.cf-hero h1{letter-spacing:-.055em;margin:18px 0 22px;font-size:clamp(34px,4.6vw,56px);line-height:1.23}.cf-lead{font-size:21px;line-height:1.65}.cf-example{justify-self:center;max-width:275px}.cf-example video{background:#152a36;border-radius:16px;width:100%;display:block}.cf-example figcaption,.cf-screen figcaption{color:#677879;margin-top:10px;font-size:12px}.cf-guide .cf-small{color:#617267;margin-top:16px;font-size:13px;line-height:1.8}.cf-guide h2{letter-spacing:-.045em;margin-bottom:16px;font-size:clamp(26px,3vw,34px);line-height:1.4}.cf-desc{max-width:760px;font-size:16px;line-height:1.85}.cf-guide .cf-link{text-underline-offset:5px;align-self:center;font-size:14px;text-decoration:underline;display:inline-block}.cf-steps{gap:28px;margin:36px 0;padding:0;list-style:none;display:grid}.cf-steps li{grid-template-columns:36px 1fr;gap:16px;display:grid}.cf-steps li>span{background:#e5ede5;border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.cf-steps h3{margin:0 0 7px;font-size:19px}.cf-steps p{color:#455a51;max-width:760px;font-size:15px;line-height:1.8}.cf-screen{max-width:900px}.cf-screen img{border-radius:10px;width:100%;height:auto;display:block}.cf-note{background:#edf2eb;border-left:3px solid #71927e;margin-top:26px;padding:18px 22px;font-size:15px}.cf-note p{margin-top:6px;font-size:14px}.cf-story{background:#eef2ec;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:26px 0;padding:25px;display:flex}.cf-story small{color:#617267;font-size:12px;display:block}.cf-story strong{margin-top:5px;font-size:16px;display:block}.cf-guide .hf2-prompt pre{font-size:15px;line-height:1.85}.cf-ideas{margin-top:24px}.cf-ideas pre{white-space:pre-wrap;word-break:keep-all;font-size:14px;line-height:1.85}.cf-ideas summary{gap:12px;display:flex}.cf-ideas summary strong{flex:1}.cf-check{gap:22px;margin:28px 0;padding:0;list-style:none;display:grid}.cf-check li{border-bottom:1px solid var(--hf2-line);padding-bottom:20px}.cf-check b{font-size:17px}.cf-check span{color:#566c61;margin-top:6px;font-size:14px;display:block}.cf-personal{background:#edf2eb;border-radius:12px;margin:38px 0;padding:30px}.cf-personal h3{letter-spacing:-.03em;margin:12px 0;font-size:25px;line-height:1.5}.cf-personal p{margin-bottom:18px;font-size:15px}.cf-guide .hf2-footer a{text-underline-offset:3px;text-decoration:underline}.cf-guide .hf2-footer p{margin-bottom:12px}.cf-guide .hf2-faq p{font-size:14px}@media (max-width:700px){.cf-hero{grid-template-columns:1fr;gap:28px;padding:26px 0 36px}.cf-hero h1{letter-spacing:-.055em;font-size:36px}.cf-lead{font-size:18px}.cf-example{max-width:250px}.cf-steps li{grid-template-columns:28px 1fr;gap:12px}.cf-steps h3{font-size:18px}.cf-steps p,.cf-desc{font-size:15px}.cf-steps li>span{width:27px;height:27px}.cf-note{padding:16px;font-size:14px}.cf-story{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}.cf-story>span{margin-left:6px;transform:rotate(90deg)}.cf-guide .hf2-prompt pre{padding:18px;font-size:14px}.cf-guide .hf2-copy{min-height:42px;font-size:12px!important}.cf-guide .hf2-button{min-height:46px;font-size:14px}.cf-ideas .hf2-prompt-card strong{font-size:15px}.cf-guide .hf2-prompt>div{flex-wrap:wrap;gap:10px}.cf-personal{padding:24px}.cf-personal h3{font-size:23px}.cf-check b{font-size:16px}.cf-guide .hf2-footer{font-size:12px}.cf-guide .hf2-faq summary{font-size:15px}}