.home-intro { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: 46px; padding: 64px 0 48px; align-items: center; }.home-intro h1 { font-size: clamp(34px,4vw,49px); line-height: 1.3; letter-spacing: -.035em; margin-bottom: 22px; text-wrap: balance; }.home-intro-copy > p:first-of-type { max-width: 40ch; color: var(--muted); font-size: 17px; line-height: 1.9; margin-bottom: 26px; }.home-intro .site-hint { margin-top: 16px; }
.home-proof { min-width: 0; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 25px; }.home-proof-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }.home-proof h2 { font-size: 19px; letter-spacing: -.025em; margin: 0; }.home-case-tabs { display: flex; gap: 8px; border-bottom: 1px solid var(--line); margin-bottom: 18px; }.home-case-tabs button { min-height: 44px; padding: 7px 8px 12px; border: 0; border-bottom: 2px solid transparent; color: var(--muted); background: transparent; font-size: 13px; cursor: pointer; }.home-case-tabs button[aria-selected="true"] { border-bottom-color: var(--blue); color: var(--blue); font-weight: 700; }.home-case-tabs button:hover { color: var(--blue-dark); }.home-case-account { color: var(--muted); font-size: 12px; margin-bottom: 15px; }.home-evidence { font-size: 13px; }.home-evidence p { display: grid; grid-template-columns: 65px minmax(0,1fr); gap: 10px; margin-bottom: 10px; }.home-evidence strong { font-weight: 600; }.home-evidence span { color: var(--muted); }.home-evidence .home-evidence-note { display: block; color: #755021; font-size: 12px; line-height: 1.65; margin: 14px 0; }.home-topic { border-top: 1px solid var(--line); padding-top: 17px; }.home-topic h3 { font-size: 17px; margin-bottom: 10px; }.home-topic ol { margin: 0 0 20px; padding-left: 20px; color: var(--muted); font-size: 13px; line-height: 1.9; }.home-week { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 13px 0; gap: 10px; margin-bottom: 18px; }.home-week span { font-size: 12px; color: var(--muted); }.home-week strong { display: block; color: var(--blue); font-size: 13px; margin-bottom: 4px; }
.home-workflow { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 60px; border-top: 1px solid var(--line); padding: 42px 0; }.home-workflow h2, .home-examples h2, .home-close h2 { font-size: 26px; line-height: 1.5; letter-spacing: -.025em; margin-bottom: 14px; }.home-workflow p, .home-close p { color: var(--muted); font-size: 15px; line-height: 1.8; max-width: 65ch; }.home-workflow ol { list-style: none; padding: 0; margin: 0; }.home-workflow li { display: grid; grid-template-columns: 118px minmax(0,1fr); gap: 18px; padding: 17px 0; }.home-workflow li + li { border-top: 1px solid var(--line); }.home-workflow strong { font-size: 16px; color: var(--blue-dark); }.home-workflow span { font-size: 14px; color: var(--muted); line-height: 1.8; }
.home-examples { border-top: 1px solid var(--line); padding: 38px 0; }.home-example-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }.home-example-list a { display: grid; gap: 12px; padding: 18px 0; text-decoration: none; }.home-example-list strong { font-size: 20px; }.home-example-list span:not(.text-link) { color: var(--muted); font-size: 14px; line-height: 1.8; }.home-example-list a:hover .text-link { text-decoration: underline; }.home-close { border-top: 1px solid var(--line); padding: 36px 0 8px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 24px; }.home-close .site-hint { grid-column: 1 / -1; margin: 0; font-size: 13px; }
@media (max-width: 900px) { .home-intro { gap: 25px; }.home-intro h1 { font-size: 36px; }.home-proof { padding: 20px; }.home-workflow { gap: 30px; } }
@media (max-width: 760px) { .home-intro { grid-template-columns: minmax(0,1fr); padding-top: 36px; gap: 30px; }.home-intro h1 { font-size: 38px; }.home-intro-copy > p:first-of-type { max-width: 65ch; }.home-workflow { grid-template-columns: minmax(0,1fr); gap: 8px; padding: 32px 0; }.home-example-list { grid-template-columns: minmax(0,1fr); gap: 0; }.home-example-list a + a { border-top: 1px solid var(--line); }.home-close { grid-template-columns: minmax(0,1fr); gap: 15px; }.home-close .button { justify-self: start; }.home-close .site-hint { grid-column: 1; } }
@media (max-width: 420px) { .home-intro h1 { font-size: 32px; }.home-proof { padding: 18px; }.home-proof-heading .site-tag { font-size: 11px; }.home-workflow li { grid-template-columns: minmax(0,1fr); gap: 5px; } }