.eshell .hero{padding:84px 0 56px;text-align:center}.eshell .hero .kicker{display:block;margin-bottom:16px}.eshell h1{font-family:var(--serif);font-weight:420;font-size:clamp(34px,5.2vw,54px);line-height:1.12;margin:0 auto;max-width:17ch}.eshell h1 em{font-style:italic;color:var(--accent)}.eshell .hero-deck{font-family:var(--serif);font-weight:350;font-size:18px;line-height:1.55;color:var(--ink-soft);max-width:56ch;margin:20px auto 34px}.eshell .searchbox{max-width:640px;margin:0 auto;position:relative}.eshell .search-hint{margin-top:10px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.eshell .search-hint kbd{font-family:var(--sans);border:1px solid var(--line-soft);border-radius:4px;padding:1px 5px;background:var(--card);font-size:10px}.eshell .how{margin:64px 0 0;border-top:1px solid var(--line);padding-top:26px}.eshell .how-h{font-family:var(--serif);font-style:italic;font-weight:350;font-size:26px;margin:0 0 22px}.eshell .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.eshell .step{background:var(--card);border:1px solid var(--line-soft);border-radius:14px;padding:22px}.eshell .step-no{font-size:11px;font-weight:600;letter-spacing:.22em;color:var(--accent)}.eshell .step-t{font-family:var(--serif);font-weight:450;font-size:18px;margin:8px 0 6px}.eshell .step p{font-size:13px;line-height:1.65;color:var(--ink-soft);margin:0}.eshell .samples{margin-top:64px}.eshell .samples-h{font-family:var(--serif);font-style:italic;font-weight:350;font-size:26px;margin:0 0 6px}.eshell .samples-sub{font-size:13px;color:var(--ink-mute);margin:0 0 18px}.eshell .sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.eshell .sample{display:block;text-decoration:none;background:var(--card);border:1px solid var(--line-soft);border-radius:14px;padding:20px 22px;transition:border-color .15s,background .15s}.eshell .sample:hover{border-color:var(--accent);background:var(--accent-soft)}.eshell .sample-brand{display:block;font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}.eshell .sample-name{font-family:var(--serif);font-weight:450;font-size:18px;line-height:1.3;margin:3px 0 6px;display:block}.eshell .sample-meta{font-size:11px;color:var(--ink-mute)}.eshell .sample-meta b{color:var(--accent);font-weight:600}.eshell .about{margin-top:72px;border-top:1px solid var(--line);padding-top:26px;display:grid;grid-template-columns:1.2fr .8fr;gap:44px}.eshell .about h2{font-family:var(--serif);font-weight:450;font-size:19px;margin:0 0 10px}.eshell .about p{font-size:13.5px;line-height:1.7;color:var(--ink-soft);margin:0 0 10px}.eshell .src-list{font-size:12.5px;line-height:1.8;color:var(--ink-soft);margin:0;padding:0;list-style:none}.eshell .src-list li{padding-left:16px;position:relative}.eshell .src-list li:before{content:"◆";position:absolute;left:0;font-size:8px;color:var(--accent);top:6px}@media(max-width:800px){.eshell .hero{padding:56px 0 40px}.eshell .sample-grid,.eshell .steps{grid-template-columns:1fr}}