.landing-hero{position:relative;z-index:1;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.1fr)minmax(0,.9fr);align-items:center;gap:var(--space-7);min-height:370px;overflow-x:clip}.landing-hero-copy{padding:var(--space-6)var(--space-1)}.landing-hero-copy .ui-title{margin:var(--space-3)0 var(--space-2);color:var(--light)}.landing-hero-copy .ui-hint{max-width:58ch}.landing-facts{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.landing-hero-copy .landing-cta{margin-top:var(--space-5)}.landing-hero-art{position:relative;align-self:end;min-width:0;display:grid;place-items:end center;pointer-events:none;transform:translateY(calc(var(--space-5) + 8px))}.landing-hero-art picture{position:relative;z-index:1;display:block;width:100%}.landing-hero-art .ui-mascot-halo{width:520px;height:460px;margin-left:-260px}.landing-hero-mascot{display:block;width:100%;height:auto;max-height:335px;object-fit:contain;margin-inline:auto}.landing-hero--scene{grid-template-columns:minmax(0,.95fr)minmax(0,1.05fr);gap:var(--space-5)}.landing-hero--scene .landing-hero-mascot{max-height:none}.landing-section,.landing-two-columns{margin-top:var(--space-5)}.landing-section{position:relative}.landing-section>.ui-title{margin-top:var(--space-1)}.landing-section>.ui-hint{margin-top:var(--space-1)}.landing-section p{margin-top:var(--space-3);line-height:1.65}.landing-prose p{max-width:80ch}.landing-section a{color:var(--mode-dark);font-weight:800;text-decoration:underline;text-underline-offset:3px}.landing-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.landing-two-columns>.landing-section{margin-top:0}.landing-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-3);margin:var(--space-5)0 0;padding:0;list-style:none}.landing-step{position:relative;height:100%;padding-top:var(--space-6)}.landing-step-number{position:absolute;top:var(--space-2);right:var(--space-3);color:var(--mode);font-family:var(--font-code);font-size:var(--type-label);font-style:normal;font-weight:800}.landing-step .ui-title{margin:0}.landing-step .ui-hint{margin-top:var(--space-2)}.landing-faq-panel>.ui-title{margin-top:var(--space-2)}.landing-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)var(--space-7);margin-top:var(--space-5)}.landing-faq-item{border-top:1px solid var(--paper-border);padding-top:var(--space-4)}.landing-faq-item p{margin-top:var(--space-2)}.landing-more{margin-top:var(--space-8);padding-top:var(--space-6)}.landing-more-heading{text-align:center;margin-bottom:var(--space-6)}.landing-more-heading .ui-eyebrow{justify-content:center}.landing-more-heading .ui-title{color:var(--light);font-size:var(--type-compact);margin-top:var(--space-2)}.landing-more-lead{margin:var(--space-2)0 0;color:var(--light-sub)}.landing-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:var(--space-5)}.landing-mode-card{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr)140px;grid-template-rows:1fr auto;gap:var(--space-5);align-items:center;overflow:hidden}.landing-mode-copy{position:relative;z-index:1;grid-area:1/1;min-width:0}.landing-mode-copy>.ui-title{margin-top:var(--space-2);color:var(--light)}.landing-mode-copy>p{margin-top:var(--space-3);line-height:1.65;color:var(--light)}.landing-mode-art{position:relative;grid-area:1/2;width:100%;height:180px;display:grid;place-items:center;pointer-events:none}.landing-mode-art img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain}.landing-mode-art .ui-mascot-halo{bottom:-20px;width:240px;height:220px;margin-left:-120px}.landing-mode-actions{position:relative;z-index:1;grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)var(--space-5)}.landing-mode-actions .ui-btn{max-width:100%}.landing-mode-rules{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--light);font-size:var(--type-sm);font-weight:800;text-decoration:none}.landing-mode-rules:hover{text-decoration:underline;text-underline-offset:3px}.landing-mode-rules:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-xs)}.landing-mode-rules span{flex:none}@media(max-width:900px) and (min-width:761px){.landing-hero{gap:var(--space-5)}.landing-hero-copy .ui-title{font-size:var(--type-compact)}}@media(max-width:760px){.landing-hero,.landing-hero--scene{grid-template-columns:minmax(0,1fr)118px;gap:var(--space-3);min-height:0}.landing-hero-copy{padding:var(--space-4)var(--space-1)}.landing-hero-copy .ui-title{margin-top:var(--space-2)}.landing-hero-art .ui-mascot-halo{width:210px;height:190px;margin-left:-105px}.landing-hero-mascot,.landing-hero--scene .landing-hero-mascot{width:100%;height:auto;aspect-ratio:auto;max-height:185px}.landing-two-columns{grid-template-columns:1fr}.landing-faq{grid-template-columns:1fr;gap:var(--space-5)}.landing-steps{grid-template-columns:1fr;gap:var(--space-2)}.landing-more{padding-top:var(--space-2)}}@media(max-width:420px){.landing-hero,.landing-hero--scene{grid-template-columns:minmax(0,1fr);gap:0}.landing-hero-art{grid-row:2;width:155px;justify-self:end}.landing-hero-mascot,.landing-hero--scene .landing-hero-mascot{max-height:160px}.landing-mode-card{padding:var(--space-5);grid-template-columns:minmax(0,1fr)96px;gap:var(--space-4)}.landing-mode-art{height:135px}.landing-mode-art .ui-mascot-halo{bottom:-16px;width:185px;height:170px;margin-left:-92px}}@media(max-width:760px){.landing-hero--wide{grid-template-columns:minmax(0,1fr);gap:0}.landing-hero--wide .landing-hero-art{width:min(100%,340px);justify-self:end}.landing-hero--wide .landing-hero-mascot{max-height:none}}