.cth-hero{--cth-tint:#f3f0fa;--cth-soft:#8a8496;--cth-hover-border:#cfc3ee;--cth-green-ink:#047857;--cth-green-bg:#10b9811f;--cth-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--cth-ease:cubic-bezier(.16, 1, .3, 1);--cth-shadow-lg:0 1px 2px #1a16250d, 0 34px 70px -34px #1a162552;background:var(--color-background);color:var(--color-foreground);font-variant-ligatures:no-common-ligatures;padding:8.5rem 0 5rem;position:relative;overflow:hidden}@media (min-width:1024px){.cth-hero{padding:9.5rem 0 6rem}}.cth-glow{pointer-events:none;background:radial-gradient(55% 40% at 50% 22%,#6b4ed417,#0000 70%),radial-gradient(circle at 1px 1px,#1a162512 1px,#0000 1.5px) 0 0/24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 50%,#0000 100%);mask-image:linear-gradient(#000 50%,#0000 100%)}.cth-inner{text-align:center;flex-direction:column;align-items:center;max-width:72rem;margin:0 auto;padding:0 1rem;display:flex;position:relative}.cth-title-fit{width:100%;max-width:60rem;container-type:inline-size}.cth-h1{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2.1rem,1.2rem + 3.6vw,3rem);font-weight:800;line-height:1.08}.cth-line{display:block}.cth-line+.cth-line{margin-top:.06em}@media (min-width:1024px){.cth-h1{font-size:clamp(2.5rem, calc(100cqw / (var(--chars) * .55)), 3.9rem)}.cth-line{white-space:nowrap}}.cth-accent{color:var(--color-primary);padding-right:.06em;font-style:italic}.cth-sub{max-width:40rem;color:var(--color-muted);text-wrap:pretty;margin-top:1.25rem;font-size:1.125rem;line-height:1.6}.cth-compose{width:100%;max-width:46rem;margin-top:clamp(2.75rem,2rem + 3vw,4rem)}.cth-mail{background:var(--color-surface);border:1px solid var(--color-surface-border);box-shadow:var(--cth-shadow-lg);text-align:left;border-radius:20px}.cth-mail-bar{border-bottom:1px solid var(--color-surface-border);background:var(--cth-tint);color:var(--cth-soft);border-radius:19px 19px 0 0;align-items:center;gap:.75rem;padding:.7rem 1rem;font-size:12.5px;font-weight:600;display:flex}.cth-dots{gap:.35rem;display:inline-flex}.cth-dots i{background:#ddd6ea;border-radius:999px;width:9px;height:9px}.cth-mail-row{border-bottom:1px solid var(--color-surface-border);align-items:center;gap:.75rem;min-width:0;padding:.65rem 1.1rem;font-size:14px;display:flex}.cth-mail-label{width:3.75rem;color:var(--cth-soft);flex:none;font-size:13px}.cth-pill{overflow-wrap:anywhere;background:var(--cth-tint);min-width:0;color:var(--color-primary);font-family:var(--cth-mono);border-radius:999px;padding:.15rem .6rem;font-size:12.5px;font-weight:600}.cth-hint{min-width:0;color:var(--color-muted);font-size:14px}.cth-caret{vertical-align:-.15em;background:var(--color-primary);width:2px;height:1.1em;margin-left:.15rem;animation:1.1s step-end infinite cth-caret;display:inline-block}@keyframes cth-caret{50%{opacity:0}}.cth-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding:1rem 1.1rem;display:grid}@media (min-width:768px){.cth-topics{grid-template-columns:repeat(3,minmax(0,1fr))}}.cth-topic{background:var(--color-surface);border:1px solid var(--color-surface-border);height:100%;color:var(--color-foreground);transition:transform var(--duration-hover,.2s) var(--cth-ease), background-color var(--duration-hover,.2s) ease, border-color var(--duration-hover,.2s) ease;border-radius:14px;align-items:center;gap:.6rem;padding:.7rem .75rem;font-size:14px;font-weight:600;line-height:1.3;display:flex}.cth-topic:hover{background:var(--cth-tint);border-color:var(--cth-hover-border);transform:translateY(-2px)}.cth-topic:active{transform:translateY(0)scale(.98)}.cth-topic:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cth-topic-icon{object-fit:contain;-webkit-user-select:none;user-select:none;flex:none;width:34px;height:34px;display:block}.cth-topic-label{overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;flex:1;min-width:0}.cth-topic-arrow{color:var(--cth-soft);transition:transform var(--duration-hover,.2s) var(--cth-ease), color var(--duration-hover,.2s) ease;flex:none}.cth-topic:hover .cth-topic-arrow{color:var(--color-primary);transform:translate(2px,-2px)}.cth-mail-foot{border-top:1px solid var(--color-surface-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.1rem 1rem;display:flex}.cth-link{color:var(--color-primary);align-items:center;gap:.35rem;font-size:14px;font-weight:700;display:inline-flex}.cth-link svg{transition:transform var(--duration-hover,.2s) var(--cth-ease)}.cth-link:hover svg{transform:translate(3px)}.cth-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.cth-chip{background:var(--cth-green-bg);color:var(--cth-green-ink);border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:12px;font-weight:700;display:inline-flex}.cth-demo{justify-content:center;margin-top:1.5rem;display:flex}@media (max-width:479px){.cth-mail-row{padding:.6rem .85rem}.cth-mail-label{width:3.25rem}.cth-topics{gap:.5rem;padding:.85rem}.cth-topic{gap:.45rem;padding:.6rem;font-size:13px}.cth-topic-icon{width:28px;height:28px}.cth-topic-arrow{display:none}.cth-mail-foot{padding:.8rem .85rem .9rem}}@media (prefers-reduced-motion:reduce){.cth-caret{animation:none}.cth-topic,.cth-topic-arrow,.cth-link svg{transition:none}}