.lp-hero{--lp-hero-purple:var(--color-lang-purple);--lp-hero-ink:#111;--lp-hero-muted:#5a5a66;--lp-hero-soft:#f5f5f7;--border-focus:2px solid var(--lp-hero-ink);box-sizing:border-box;width:100%;max-width:500px;padding:var(--space-2) var(--space-5) var(--space-5);color:var(--lp-hero-ink);background:#fff;margin-inline:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.lp-hero *,.lp-hero :before,.lp-hero :after{box-sizing:border-box}.lp-hero p,.lp-hero h1,.lp-hero h2{margin:0}.lp-hero button{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}.lp-hero button:disabled{cursor:not-allowed}.lp-hero button:focus-visible{outline:var(--border-focus);outline-offset:var(--focus-offset)}.lp-hero-layout,.lp-hero-setup{display:contents}.lp-hero-art-dot svg{display:none}.lp-hero-chrome{border-bottom:1px solid var(--lp-hero-soft);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding-bottom:12px;display:flex}.lp-hero-back{min-height:44px;color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0 4px 0 0;font-size:15px;display:inline-flex}.lp-hero-back svg{stroke-width:1.6px;width:20px;height:20px}.lp-hero-brand{object-fit:contain;flex:none;width:44px;height:44px;display:block}.lp-hero-intro{text-align:center;margin-top:13px}.lp-hero-eyebrow{color:var(--lp-hero-purple);font-size:13px;font-weight:700;line-height:18px}.lp-hero .lp-hero-intro h1{letter-spacing:-.6px;margin-top:12px;font-family:inherit;font-size:clamp(29px,8.2vw,36px);font-weight:750;line-height:1.18}.lp-hero .lp-hero-description{color:var(--lp-hero-muted);margin-top:10px;font-size:16px;line-height:1.45}.lp-hero-art{border-radius:var(--r-card);background:var(--lp-hero-soft);pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:14px;width:min(100%,264px);margin:16px auto 0;padding:14px 22px;display:flex}.lp-hero-art-audio{border-radius:var(--r-btn);color:#fff;background:var(--lp-hero-purple);justify-content:center;align-items:center;gap:10px;width:100px;height:40px;display:flex}.lp-hero-art-audio>svg{stroke-width:1.8px;width:29px;height:29px}.lp-hero-art-wave{align-items:center;gap:4px;height:32px;display:flex}.lp-hero-art-wave i{background:currentColor;width:2px;display:block}.lp-hero-art-grid{grid-template-columns:repeat(2,80px);gap:12px 18px;display:grid}.lp-hero-art-picture{border:1px solid var(--lp-hero-ink);border-radius:var(--r-card);background:#fff;place-items:center;width:80px;height:76px;padding:3px;display:grid;position:relative;overflow:hidden}.lp-hero-art-picture img{object-fit:cover;border-radius:var(--r-img);width:100%;height:100%;display:block}.lp-hero-art-selected{border:2px solid var(--lp-hero-purple);padding:2px}.lp-hero-art-dot{border:4px solid var(--lp-hero-purple);background:#fff;border-radius:50%;width:15px;height:15px;position:absolute;top:3px;right:3px}.lp-hero-art-fallback{width:28px;height:28px;color:var(--lp-hero-muted)}.lp-hero-deck{border:1px solid var(--lp-hero-ink);border-radius:var(--r-card);align-items:center;gap:14px;min-height:76px;margin-top:20px;padding:12px;display:flex}.lp-hero-deck-artwork{aspect-ratio:1;border:1px solid var(--lp-hero-ink);border-radius:var(--r-img,0);background:var(--lp-hero-soft);flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.lp-hero-deck-artwork img{object-fit:cover;width:100%;height:100%;display:block}.lp-hero-deck-icon{width:28px;height:28px;color:var(--lp-hero-purple);stroke-width:1.2px}.lp-hero-deck-copy{flex:1;min-width:0}.lp-hero-deck-copy p{color:var(--lp-hero-muted);font-size:13px;line-height:1.4}.lp-hero .lp-hero-deck-copy h2{overflow-wrap:anywhere;margin-top:4px;font-family:inherit;font-size:16px;font-weight:700;line-height:1.3}.lp-hero-change{min-width:44px;min-height:44px;color:var(--lp-hero-purple);background:0 0;border:0;flex:none;padding:0;font-size:14px;font-weight:700}.lp-hero-sizes{border:0;min-width:0;margin:18px 0 0;padding:0}.lp-hero-sizes legend{padding:0;font-size:14px;font-weight:700;line-height:20px}.lp-hero-size-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.lp-hero-size-options button{border:1px solid var(--lp-hero-ink);border-radius:var(--r-btn);min-width:0;min-height:48px;color:var(--lp-hero-ink);background:#fff;padding:8px 6px;font-size:15px;font-weight:700;line-height:1.3}.lp-hero-size-options button[aria-pressed=true]{background:var(--lp-hero-purple);border-color:var(--lp-hero-purple);color:#fff}.lp-hero-size-options button:not([aria-pressed=true]):hover:not(:disabled){background:var(--lp-hero-soft)}.lp-hero-size-options button[aria-pressed=true]:hover:not(:disabled),.lp-hero-start:hover:not(:disabled){background:var(--color-lang-purple-hover);border-color:var(--color-lang-purple-hover)}.lp-hero-size-options button[aria-pressed=true]:active:not(:disabled),.lp-hero-start:active:not(:disabled){background:var(--color-lang-purple-pressed);border-color:var(--color-lang-purple-pressed)}.lp-hero-size-options button:disabled{opacity:.45}.lp-hero-notice{color:var(--lp-hero-muted);align-items:center;gap:10px;margin-top:10px;font-size:13px;line-height:1.45;display:flex}.lp-hero-notice p{flex:1}.lp-hero-notice button{min-width:44px;min-height:44px;color:var(--lp-hero-purple);background:0 0;border:0;padding:0 4px;font-size:14px;font-weight:700}.lp-hero-start{border:1px solid var(--lp-hero-purple);border-radius:var(--r-btn);background:var(--lp-hero-purple);color:#fff;justify-content:center;align-items:center;gap:12px;width:100%;min-height:56px;margin-top:20px;padding:12px 40px;font-size:19px;font-weight:700;line-height:1.3;display:flex;position:relative}.lp-hero-start svg{stroke-width:1.7px;width:20px;height:20px;position:absolute;right:20px}.lp-hero-start:disabled{opacity:.45}.lp-hero-help{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-top:6px;display:flex}.lp-hero .lp-hero-help-nudge{color:var(--lp-hero-muted);font-size:13px;line-height:1.5}.lp-hero-help-trigger{border-radius:var(--r-btn,4px);min-width:44px;min-height:44px;color:var(--lp-hero-purple);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:8px;font-size:14px;font-weight:700;line-height:1.4;display:flex}.lp-hero .lp-hero-help-trigger:focus-visible{outline:var(--border-focus,2px solid #111);outline-offset:var(--focus-offset,2px)}.lp-hero-help-overlay{z-index:110;background:#11111159;position:fixed;inset:0}.lp-hero-help-dialog{--lp-help-ink:#111;--lp-help-muted:#5a5a66;--lp-help-surface:#fff;--border-focus:2px solid var(--lp-help-ink);z-index:111;overscroll-behavior:contain;border:1px solid var(--lp-help-ink);border-radius:var(--r-card,8px);background:var(--lp-help-surface);width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--lp-help-ink);padding:20px;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.lp-hero-help-dialog,.lp-hero-help-dialog *{box-sizing:border-box}.lp-hero-help-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.lp-hero-help-heading h2{font:inherit;margin:0;font-size:24px;font-weight:700}.lp-hero-help-dialog p{color:var(--lp-help-muted);margin:12px 0 0;font-size:14px}.lp-hero-help-dialog ol{margin:20px 0;padding-left:24px}.lp-hero-help-dialog li+li{margin-top:12px}.lp-hero-help-dialog li::marker{color:var(--color-lang-purple);font-weight:700}.lp-hero-help-dialog button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.lp-hero-help-dialog button:focus-visible{outline:var(--border-focus,2px solid #111);outline-offset:var(--focus-offset,2px)}.lp-hero-help-close{border-radius:var(--r-btn,4px);width:44px;height:44px;color:inherit;background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:grid}.lp-hero-help-close:hover{background:#f5f5f7}.lp-hero-help-done{border:1px solid var(--color-lang-purple);border-radius:var(--r-btn,4px);color:#fff;background:var(--color-lang-purple);width:100%;min-height:48px;margin-top:20px;padding:12px 16px;font-weight:700;display:block}.lp-hero-help-done:hover{background:var(--color-lang-purple-hover);border-color:var(--color-lang-purple-hover)}.lp-hero-help-done:active{background:var(--color-lang-purple-pressed);border-color:var(--color-lang-purple-pressed)}.lp-hero .lp-hero-footer{text-align:center;color:var(--lp-hero-muted);margin-top:4px;font-size:13px;line-height:1.5}@media (width<=359px){.lp-hero-deck{gap:10px}.lp-hero .lp-hero-deck-copy h2{font-size:15px}}@media (width>=1024px){.lp-hero{--lp-hero-purple:var(--color-lang-purple,#5b21b6);--lp-hero-ink:var(--color-ink-primary,#0b0d12);--lp-hero-muted:var(--color-ink-secondary,#3f4756);--lp-hero-soft:var(--color-bg-subtle,#f7f8fa);--lp-hero-border:var(--color-border-subtle,#e5e8ee);--lp-hero-tertiary:var(--color-ink-tertiary,#6b7280);--lp-hero-surface:var(--color-bg-app,#fff);--lp-hero-desktop-max:1200px;--lp-hero-desktop-width:932px;--lp-hero-desktop-art:360px;--lp-hero-desktop-grid:250px;--lp-hero-desktop-deck-art:64px;--lp-hero-desktop-sound:128px;--lp-hero-desktop-touch:44px;--lp-hero-desktop-cta:52px;--lp-hero-desktop-heading:clamp(2rem, 3vw, 2.75rem);--lp-hero-desktop-small:var(--type-body-sm-size,14px);--lp-hero-desktop-body:var(--type-body-size,16px);--lp-hero-desktop-eyebrow:var(--type-caption-size,12px);--lp-hero-desktop-line:20px;--lp-hero-desktop-gap:var(--space-7,32px);--lp-hero-desktop-padding:var(--space-6,24px);max-width:var(--lp-hero-desktop-max);padding:var(--space-8,40px) var(--space-4,16px) var(--space-7,32px);background:var(--lp-hero-surface);font-family:var(--font-text,"Inter", system-ui, sans-serif)}.lp-hero-chrome{min-height:var(--lp-hero-desktop-touch);border-bottom:0;padding-bottom:0}.lp-hero-brand{display:none}.lp-hero-back{gap:var(--space-1,4px);color:var(--lp-hero-purple);font-size:var(--lp-hero-desktop-small);line-height:var(--lp-hero-desktop-line);font-weight:500}.lp-hero-intro{margin-top:var(--space-4,16px)}.lp-hero-eyebrow{font-size:var(--lp-hero-desktop-eyebrow);line-height:var(--space-4,16px);letter-spacing:.08em}.lp-hero .lp-hero-intro h1{margin-top:var(--space-2,8px);font-family:var(--font-display,"Inter Tight", "Inter", system-ui, sans-serif);font-size:var(--lp-hero-desktop-heading);letter-spacing:-.02em;flex-wrap:wrap;justify-content:center;column-gap:.25em;font-weight:800;line-height:1.08;display:flex}.lp-hero-intro h1 br{display:none}.lp-hero .lp-hero-description{margin-top:var(--space-2,8px);font-size:var(--lp-hero-desktop-body);line-height:var(--space-6,24px)}.lp-hero-layout{align-items:center;gap:var(--lp-hero-desktop-gap);max-width:var(--lp-hero-desktop-width);margin:var(--lp-hero-desktop-gap) auto calc(var(--lp-hero-desktop-touch) + var(--lp-hero-desktop-padding));grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;position:relative}.lp-hero-art{justify-content:center;gap:var(--space-4,16px);width:min(100%, var(--lp-hero-desktop-art));aspect-ratio:1;padding:var(--lp-hero-desktop-padding);border:1px solid var(--lp-hero-border);border-radius:var(--r-img,0);margin:0 auto}.lp-hero-art-audio{gap:var(--space-4,16px);width:var(--lp-hero-desktop-sound);height:var(--space-9,48px)}.lp-hero-art-audio>svg{width:var(--space-6,24px);height:var(--space-6,24px);stroke-width:1.6px}.lp-hero-art-grid{gap:var(--space-3,12px);width:72%;max-width:var(--lp-hero-desktop-grid);grid-template-columns:repeat(2,minmax(0,1fr))}.lp-hero-art-picture{aspect-ratio:1;width:100%;height:auto;padding:var(--space-1,4px);border-color:var(--lp-hero-border)}.lp-hero-art-picture img{object-fit:contain}.lp-hero-art-selected{border-color:var(--lp-hero-purple)}.lp-hero-art-dot{top:var(--space-1,4px);right:var(--space-1,4px);width:var(--space-6,24px);height:var(--space-6,24px);border-radius:var(--r-chip,4px);color:var(--lp-hero-surface);background:var(--lp-hero-purple);border:0;place-items:center;display:grid}.lp-hero-art-dot svg{width:var(--space-4,16px);height:var(--space-4,16px);stroke-width:1.6px;display:block}.lp-hero-setup{min-width:0;padding:var(--lp-hero-desktop-padding);border:1px solid var(--lp-hero-border);border-radius:var(--r-card,8px);background:var(--lp-hero-surface);flex-direction:column;display:flex}.lp-hero-deck{gap:var(--space-3,12px);min-height:0;padding:0 0 var(--space-3,12px);border:0;border-bottom:1px solid var(--lp-hero-border);border-radius:var(--r-img,0);margin-top:0}.lp-hero-deck-artwork{flex-basis:var(--lp-hero-desktop-deck-art);width:var(--lp-hero-desktop-deck-art);height:var(--lp-hero-desktop-deck-art);border:0}.lp-hero-deck-copy p,.lp-hero .lp-hero-deck-copy h2{font-size:var(--lp-hero-desktop-small);line-height:var(--lp-hero-desktop-line)}.lp-hero .lp-hero-deck-copy h2{margin-top:0}.lp-hero-change{font-size:var(--lp-hero-desktop-small)}.lp-hero-sizes{margin-top:var(--space-4,16px)}.lp-hero-sizes legend{font-size:var(--lp-hero-desktop-body);line-height:var(--space-6,24px)}.lp-hero-size-options{gap:var(--space-2,8px);max-width:300px;margin-top:var(--space-3,12px)}.lp-hero-size-options button{min-height:var(--lp-hero-desktop-touch);padding:var(--space-2,8px);border-color:var(--lp-hero-border);background:var(--lp-hero-surface);font-size:var(--lp-hero-desktop-small);line-height:var(--lp-hero-desktop-line)}.lp-hero-size-options button[aria-pressed=true]{border-color:var(--lp-hero-purple);background:var(--lp-hero-purple)}.lp-hero .lp-hero-notice{gap:var(--space-2,8px);margin-top:var(--space-3,12px);font-size:var(--lp-hero-desktop-small);line-height:var(--lp-hero-desktop-line)}.lp-hero-start{min-height:var(--lp-hero-desktop-cta);margin-top:var(--space-4,16px);padding:var(--space-3,12px) var(--lp-hero-desktop-padding);font-size:var(--lp-hero-desktop-body);line-height:var(--space-6,24px);justify-content:space-between}.lp-hero-start svg{width:var(--space-6,24px);height:var(--space-6,24px);flex-shrink:0;position:static}.lp-hero .lp-hero-footer{margin-top:var(--space-3,12px);color:var(--lp-hero-tertiary);text-align:left;font-size:var(--lp-hero-desktop-small);line-height:var(--lp-hero-desktop-line)}.lp-hero-help{gap:var(--space-1,4px);margin-top:var(--lp-hero-desktop-padding);position:absolute;top:100%;left:0;right:0}.lp-hero .lp-hero-help-nudge,.lp-hero-help-trigger{font-size:var(--lp-hero-desktop-small);line-height:var(--lp-hero-desktop-line)}.lp-hero-help-dialog{font-family:var(--font-text,"Inter", system-ui, sans-serif)}}
