.home-section{padding:58px 0;border-top:1px solid var(--line);margin-top:38px}
.home-section-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:60px;margin-bottom:30px}
.home-section h2,.home-language-feature h2{font-size:36px;line-height:1.18;letter-spacing:-1px;margin:12px 0 0}
.home-section h2 em,.home-language-feature h2 em{color:var(--green)}
.home-section-heading>p{font-size:14px;max-width:43ch;margin:0;color:var(--muted)}
.style-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.style-directory-item{display:block;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .15s}
.style-directory-item:hover,.style-directory-item:focus-visible{background:var(--soft)}
.style-directory-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}
.style-specimen{font-size:clamp(20px,2.3vw,30px);line-height:1.6;min-height:100px;display:flex;align-items:center;overflow-wrap:anywhere}
.style-directory-item h3{font:600 14px/1.5 var(--sans);margin:0 0 7px}
.style-directory-item p{font-size:13px;margin:0;color:var(--muted);line-height:1.65}
.output-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.output-choices article{padding-top:22px;border-top:3px solid var(--green);display:flex;flex-direction:column;align-items:start}
.output-type{font-size:10px;letter-spacing:1px;color:var(--muted)}
.output-choices h3{font:400 23px/1.25 var(--serif);margin:16px 0 12px}
.output-choices p{font-size:14px;margin:0 0 16px}
.output-choices .output-limit{font-size:12px;color:var(--muted);flex:1}
.output-choices a,.usecase-list a{font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px;margin-top:8px}
.usecase-section{display:grid;grid-template-columns:1fr 1.5fr;gap:72px}
.usecase-section>div>p{font-size:14px;max-width:38ch;margin:20px 0;color:var(--muted)}
.usecase-list article{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}
.usecase-list article:first-child{padding-top:0}
.usecase-number{font:400 23px var(--serif);color:var(--green)}
.usecase-list h3{font:600 16px/1.4 var(--sans);margin:0 0 8px}
.usecase-list p{font-size:14px;color:var(--muted);margin:0 0 8px}
.home-language-feature{display:grid;grid-template-columns:1fr 1.2fr;gap:54px;align-items:center;margin:24px 0 60px;padding:36px;background:var(--soft);border-radius:8px}
.home-language-feature h2{margin-bottom:20px}
.home-language-feature p{font-size:14px;line-height:1.75}
.home-language-feature .language-feature-note{font-size:11px;color:var(--muted);margin:14px 0 0}
.language-specimen{min-width:0;min-height:330px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--line);background:var(--paper);padding:28px 14px;gap:15px;text-align:center}
.language-specimen>span:not(:last-child){font-size:clamp(24px,3.5vw,44px);line-height:1.65;color:var(--green)}
.language-specimen-label{font-size:8px;letter-spacing:1px;margin-top:15px}
@media(max-width:900px){.home-section-heading{gap:32px}.style-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.usecase-section{gap:35px}.home-language-feature{gap:28px;padding:26px}.output-choices{gap:20px}.home-section h2,.home-language-feature h2{font-size:31px}}
@media(max-width:600px){.home-section{padding:34px 0;margin-top:26px}.home-section-heading,.usecase-section,.home-language-feature,.output-choices{grid-template-columns:1fr;gap:24px}.home-section-heading>p{max-width:none}.style-directory-item{padding:16px}.style-specimen{font-size:20px;min-height:90px}.style-directory-item h3{font-size:13px}.style-directory-item p{font-size:12px}.home-section h2,.home-language-feature h2{font-size:29px}.home-language-feature{margin-bottom:35px;padding:22px}.language-specimen{min-height:220px;gap:8px}.language-specimen>span:not(:last-child){font-size:30px}.usecase-section>div>p{max-width:none}.usecase-list article{gap:16px}.output-choices article{padding-top:18px}}
@media(prefers-reduced-motion:reduce){.style-directory-item{transition:none}}