/* Homepage discovery for the integrated term-pack store. */
.term-packs-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);scroll-margin-top:80px}.packs-intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:60px;margin-bottom:48px}.packs-intro .section-title{margin-bottom:0}.packs-intro>div>p{font-size:17px;line-height:1.8;color:var(--muted);max-width:450px;margin:0 0 24px}.packs-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.packs-actions .card-link{margin-top:0;font-size:13px}.packs-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.pack-preview-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);background:var(--card);border-radius:18px;overflow:hidden;transition:transform .2s,border-color .2s}.pack-preview-card:hover{transform:translateY(-5px);border-color:var(--accent)}.pack-preview-card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.pack-preview-cover{height:160px;padding:24px;background:#eaf3ff;color:#1764c6;display:flex;justify-content:space-between;align-items:end;overflow:hidden;position:relative}.pack-preview-cover:after{content:'';position:absolute;width:180px;height:180px;right:-100px;top:-70px;border:1px solid currentColor;border-radius:50%;opacity:.2}.pack-preview-cover>strong{font-size:62px;line-height:1;font-weight:500;letter-spacing:-3px}.pack-preview-cover>span{font:9px/1.6 GeistMono,monospace;text-align:right}.pack-preview-cover.sky{background:#eaf7fc;color:#16709b}.pack-preview-cover.ink{background:#223f68;color:#edf5ff}.pack-preview-cover.ink>strong{font-size:48px;font-family:GeistMono,monospace;letter-spacing:-6px}.pack-preview-cover.lavender{background:#edf0ff;color:#4c5cb4}.pack-preview-body{padding:24px;display:flex;flex-direction:column;flex:1}.pack-preview-category{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:8px}.pack-preview-body>h3{font-size:22px;line-height:1.45;letter-spacing:-.035em;margin:14px 0 10px}.pack-preview-body>p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 26px}.pack-preview-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:17px;border-top:1px solid var(--border)}.pack-preview-bottom>span>strong{font-size:23px;font-weight:600}.pack-preview-bottom small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.pack-preview-cta{font-size:12px;color:var(--accent)}.packs-demo-note{color:var(--muted);font-size:11px;line-height:1.7;margin-top:24px}.header-inner nav{gap:26px}
@media(min-width:768px) and (max-width:1023px){.header-inner nav{gap:14px;font-size:12px}.header-inner nav>a[href="#roadmap"]{display:none}.packs-intro{gap:32px}.packs-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.packs-intro{grid-template-columns:1fr;gap:28px;margin-bottom:32px}.packs-intro>div>p{font-size:16px;margin-bottom:20px}.packs-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pack-preview-cover{height:132px;padding:17px}.pack-preview-cover>strong{font-size:49px}.pack-preview-cover.ink>strong{font-size:36px}.pack-preview-cover>span{font-size:8px}.pack-preview-body{padding:17px}.pack-preview-category{font-size:10px}.pack-preview-body>h3{font-size:19px;margin:12px 0 9px}.pack-preview-body>p{font-size:11px;margin-bottom:20px}.pack-preview-bottom{gap:7px}.pack-preview-bottom>span>strong{font-size:21px}.pack-preview-cta{font-size:10px}.packs-demo-note{font-size:10px}.packs-actions{gap:18px}.packs-actions .card-link{font-size:12px}}
@media(max-width:430px){.packs-preview-grid{grid-template-columns:1fr}.pack-preview-card{display:grid;grid-template-columns:108px minmax(0,1fr)}.pack-preview-cover{height:100%;min-height:213px;flex-direction:column;align-items:start;justify-content:space-between;padding:19px 15px}.pack-preview-cover>strong{font-size:43px}.pack-preview-cover>span{text-align:left}.pack-preview-cover.ink>strong{font-size:30px}.pack-preview-body{padding:19px 17px}.pack-preview-body>h3{font-size:20px}.pack-preview-bottom{padding-top:12px}.pack-preview-body>p{margin-bottom:18px}}
.packs-intro>div,.packs-intro .section-title{min-width:0}html[lang=en] .term-packs-section .section-title{font-size:clamp(44px,4.4vw,64px);line-height:1.1;letter-spacing:-.035em}
@media(max-width:767px){html[lang=zh-CN] .term-packs-section .section-title{font-size:44px;line-height:1.15;letter-spacing:-.035em}}
@media(prefers-reduced-motion:reduce){.pack-preview-card:hover{transform:none}}
