.page-shell{display:grid;grid-template-rows:var(--topbar-h) 1fr;min-height:100dvh}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-6) var(--sp-4);text-align:center}.hero__title{font-size:clamp(24px,4vw,34px);font-weight:700;letter-spacing:-.02em;text-wrap:balance}.hero__title .accent{color:var(--c-primary)}.hero__lede{color:var(--c-text-secondary);font-size:var(--fs-md);max-width:34em;text-wrap:balance}.hero__cta{margin-top:var(--sp-2);height:var(--tap-min);padding:0 var(--sp-6);font-size:var(--fs-md);font-weight:700;border-radius:var(--radius-card);background:var(--c-primary);color:var(--c-on-primary);transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.hero__cta:hover{background:var(--c-primary-hover)}.hero__cta:active{transform:scale(.98)}.hero__cta:disabled{opacity:.7;cursor:default}.hero__sub{font-size:var(--fs-xs);color:var(--c-text-muted)}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3);margin-top:var(--sp-6);max-width:720px;width:100%}@media(max-width:720px){.features{grid-template-columns:1fr;max-width:360px}}.feature{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-card);padding:var(--sp-4);text-align:left}.feature h3{font-size:var(--fs-sm);font-weight:700;margin-bottom:var(--sp-1)}.feature h3 .ico{color:var(--c-primary);margin-right:6px}.feature p{font-size:var(--fs-xs);color:var(--c-text-secondary);line-height:1.7}.hero__note{margin-top:var(--sp-5);font-size:var(--fs-xs);color:var(--c-text-muted)}.hero__alt{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap-min);padding:0 var(--sp-3);font-size:var(--fs-sm);font-weight:600;color:var(--c-primary);border-radius:var(--radius-control);transition:background var(--dur-fast) var(--ease-standard)}.hero__alt:hover{background:var(--c-surface-2)}.tpl-dialog{width:min(640px,calc(100vw - var(--sp-4) * 2));margin:auto;border:none;border-radius:var(--radius-card);background:var(--c-surface);color:var(--c-text);padding:var(--sp-5);box-shadow:0 20px 50px #0206174d}.tpl-dialog::backdrop{background:var(--c-overlay)}.tpl-dialog[open]{animation:dialog-in var(--dur-slow) var(--ease-decelerate)}.tpl-dialog[open]::backdrop{animation:overlay-in var(--dur-slow) var(--ease-decelerate)}.tpl-dialog__head{display:flex;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-4)}.tpl-dialog__title{font-size:var(--fs-md);font-weight:600}.tpl-dialog__lede{font-size:var(--fs-xs);color:var(--c-text-secondary);margin-top:2px}.tpl-dialog__close{margin-left:auto;flex:none;width:32px;height:32px;border-radius:var(--radius-control);color:var(--c-text-secondary);display:grid;place-items:center}.tpl-dialog__close:hover{background:var(--c-surface-2)}.tpl-dialog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3)}.tpl-dialog__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--c-border);font-size:var(--fs-xs);color:var(--c-text-muted)}.tpl-dialog__blank{flex:none}.tpl-dialog__blank.is-busy{border-color:var(--c-primary)}.tpl-dialog[aria-busy=true] .tpl-dialog__close,.tpl-dialog[aria-busy=true] .tpl-dialog__blank:not(.is-busy),.tpl-dialog[aria-busy=true] .tpl-card:not(.is-busy){opacity:.5;pointer-events:none}.tpl-card{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);text-align:left;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-card);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.tpl-card:hover{border-color:var(--c-primary);box-shadow:0 0 0 1px var(--c-primary)}.tpl-card:active{transform:scale(.99)}.tpl-card.is-busy{border-color:var(--c-primary);box-shadow:0 0 0 1px var(--c-primary)}.tpl-card__head{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:700}.tpl-card__head svg{color:var(--c-primary);width:18px}.tpl-card.is-busy .tpl-card__head svg{color:var(--c-text-muted)}.tpl-card__desc{font-size:var(--fs-xs);color:var(--c-text-secondary);line-height:1.6}.tpl-card__struct{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-top:auto}.tpl-card__struct span{font-size:11px;color:var(--c-badge-text);background:var(--c-badge-bg);border-radius:var(--radius-control);padding:2px 6px}@media(max-width:720px){.tpl-dialog{width:100vw;max-width:none;margin:auto 0 0;border-radius:var(--radius-card) var(--radius-card) 0 0;padding:var(--sp-4) var(--sp-4) max(var(--sp-4),env(safe-area-inset-bottom));max-height:calc(100dvh - var(--sp-6))}.tpl-dialog__close{width:var(--tap-min);height:var(--tap-min);margin:-6px -6px 0 auto}.tpl-dialog[open]{animation-name:tpl-sheet-in}@keyframes tpl-sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.tpl-dialog__grid{grid-template-columns:1fr}.tpl-dialog__foot{flex-direction:column;align-items:stretch;text-align:center;position:sticky;bottom:calc(-1*max(var(--sp-4),env(safe-area-inset-bottom)));background:var(--c-surface)}.tpl-dialog__blank{height:var(--tap-min);justify-content:center}}