.landing-page{background-color:var(--background);background-image:radial-gradient(color-mix(in srgb, var(--border-strong) 30%, transparent) .7px, transparent .7px);color:var(--foreground);background-size:24px 24px;overflow:clip}.landing-page section[id],.landing-page main[id]{scroll-margin-top:112px}.landing-header{z-index:40;padding-top:20px;position:sticky;top:20px}.landing-navigation{border:1.5px solid var(--foreground);background:var(--card);box-shadow:3px 4px 0 var(--foreground);border-radius:24px}.landing-nav-link{color:var(--muted-foreground);padding-block:10px;transition:color .16s;position:relative}.landing-nav-link:hover{color:var(--brand-text)}.landing-nav-link:after{content:"";background:var(--brand-accent);transform-origin:0;height:2px;transition:transform .18s;position:absolute;bottom:4px;left:0;right:0;transform:scaleX(0)}.landing-nav-link:hover:after,.landing-nav-link:focus-visible:after{transform:scaleX(1)}.landing-hero{padding:12px 0 22px;position:relative}.landing-mascot-sticker{border:1.5px solid var(--foreground);background:var(--card);box-shadow:4px 5px 0 var(--foreground);border-radius:30% 27% 29% 24%;padding:8px;transform:rotate(-9deg)}.landing-mascot{background:var(--brand-mark-field);border-radius:25%;width:108px;height:108px}.landing-title{letter-spacing:-.045em;max-width:900px;line-height:1.2}.landing-title-highlight{white-space:nowrap;position:relative}.landing-title-highlight:after{content:"";border-top:4px solid var(--brand-accent);border-radius:50%;height:12px;position:absolute;bottom:-6px;left:1%;right:1%;transform:rotate(-1deg)}.landing-paper{border:1.5px solid var(--foreground);background-color:var(--card);box-shadow:3px 4px 0 color-mix(in srgb, var(--foreground) 82%, transparent);border-radius:16px}.landing-photo-sticker,.landing-idea-sticker,.landing-note-sticker,.landing-doodle{z-index:11;display:none;position:absolute}.landing-photo-sticker{width:max-content;max-width:300px;top:140px;left:0;transform:rotate(-10deg)}.landing-idea-sticker{background:var(--accent);width:190px;top:118px;right:0;transform:rotate(9deg)}.landing-note-sticker{bottom:25px;right:25px;transform:rotate(-7deg)}.landing-doodle{color:var(--brand-text);pointer-events:none}.landing-doodle-left{bottom:20px;left:90px;transform:rotate(35deg)}.landing-doodle-right{top:25px;right:60px;transform:rotate(10deg)}.landing-brand-chip{background:var(--brand-mark-field);border-radius:26%}.landing-primary-button{box-shadow:3px 4px 0 var(--foreground);border-color:var(--foreground)}.landing-future-card{transition:transform .2s,box-shadow .2s}.landing-link-page{box-shadow:0 12px 24px color-mix(in srgb, var(--foreground) 8%, transparent);transform:rotate(4deg)}.landing-ai-note{margin-top:auto;transform:rotate(-2deg)}.landing-finale{background-image:radial-gradient(color-mix(in srgb, var(--brand-accent) 28%, transparent) .7px, transparent .7px);background-size:20px 20px}.landing-finale-mark{box-shadow:3px 4px 0 var(--foreground);border:1.5px solid var(--foreground);transform:rotate(8deg)}.landing-skip-link{z-index:60;background:var(--primary);color:var(--primary-foreground);border-radius:8px;padding:12px 20px;position:absolute;top:-120px;left:24px}.landing-skip-link:focus{top:24px}@media (width>=1280px){.landing-photo-sticker,.landing-idea-sticker,.landing-note-sticker,.landing-doodle{display:flex}.landing-hero{padding-bottom:48px}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.landing-primary-button:hover{box-shadow:5px 6px 0 var(--foreground);transform:translate(-2px,-2px)}.landing-future-card:hover{box-shadow:5px 9px 0 color-mix(in srgb, var(--foreground) 82%, transparent);transform:translateY(-5px)}.landing-photo-sticker,.landing-idea-sticker,.landing-note-sticker{transition:transform .25s}.landing-photo-sticker:hover,.landing-idea-sticker:hover,.landing-note-sticker:hover{transform:translateY(-7px)rotate(0)}}@media (width<=639px){.landing-header{padding-top:10px;top:10px}.landing-navigation{border-radius:18px;gap:8px;padding-inline:12px}.landing-navigation>[data-slot=hstack]{gap:8px}.landing-navigation [data-slot=button]{padding-inline:10px}.landing-mascot{width:88px;height:88px}.landing-mascot-sticker{border-radius:25px}.landing-title{font-size:var(--text-hero);line-height:1.12}.landing-lead{font-size:var(--text-body2);line-height:var(--text-body2--line-height)}.landing-title-highlight:after{border-top-width:3px;height:8px;bottom:-5px}.landing-page section[id]{scroll-margin-top:96px}}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :before,.landing-page :after{transition-duration:0s!important;animation-duration:0s!important}}