.landing-page{word-break:keep-all;overflow-wrap:break-word;background-color:var(--background);background-image:radial-gradient(color-mix(in srgb, var(--border-strong) 16%, transparent) .7px, transparent .7px);color:var(--foreground);background-size:28px 28px;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:1px solid var(--border);background:color-mix(in srgb, var(--card) 88%, transparent);box-shadow:0 8px 24px -12px color-mix(in srgb, var(--foreground) 24%, transparent);-webkit-backdrop-filter:saturate(140%)blur(12px);backdrop-filter:saturate(140%)blur(12px);border-radius:24px}.landing-menu-sheet{border:1px solid var(--border);background:var(--card);max-height:calc(100dvh - 20px);box-shadow:0 16px 40px -16px color-mix(in srgb, var(--foreground) 32%, transparent);border-radius:18px;gap:0;top:10px;left:16px;right:16px;overflow-y:auto}@media (width>=640px){.landing-menu-sheet{border-radius:24px;max-height:calc(100dvh - 40px);top:20px;left:24px;right: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-nav-link[data-current],.landing-nav-link[aria-current=page],.landing-nav-link[data-popup-open]{color:var(--foreground)}.landing-nav-link[data-current]:after,.landing-nav-link[aria-current=page]:after{transform:scaleX(1)}.landing-hero{padding:12px 0 22px;position:relative}.landing-hero:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--brand-accent) 22%, transparent), transparent 72%);pointer-events:none;height:110%;position:absolute;inset:-45% -20% auto}.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-cta{border:1.5px solid var(--foreground);border-radius:var(--radius-xl);box-shadow:3px 4px 0 color-mix(in srgb, var(--foreground) 82%, transparent);transition:transform .14s,box-shadow .14s,background-color .14s}.landing-cta:hover{box-shadow:4px 5px 0 color-mix(in srgb, var(--foreground) 82%, transparent);transform:translate(-1px,-1px)}.landing-cta:active{box-shadow:0 0 0 color-mix(in srgb, var(--foreground) 82%, transparent);transform:translate(3px,4px)}@media (prefers-reduced-motion:reduce){.landing-cta,.landing-cta:hover,.landing-cta:active{transition:none;transform:none}}.landing-feature-card{border-color:var(--border);transition:border-color .16s}.landing-feature-card:focus-within,.landing-feature-card:hover{border-color:var(--brand-accent)}.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<=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}}.landing-home-title{min-height:calc(var(--text-hero) * 2.4)}.landing-home-lead{min-height:84px}@media (width<=639px){.landing-hero-title:lang(en){font-size:clamp(2rem,8vw,3.5rem);line-height:1.2}.landing-home-lead{min-height:112px}}.landing-feature-intro h1{min-height:calc(var(--text-hero) * 2.08)}.landing-feature-lead{min-height:82px}.landing-feature-notice{min-height:40px}@media (width<=639px){.landing-feature-intro h1{min-height:calc(var(--text-hero) * 3.12)}.landing-feature-lead{min-height:136px}.landing-feature-notice{min-height:60px}}@media (width<=359px){.landing-feature-intro h1{min-height:calc(var(--text-hero) * 4.16)}.landing-feature-lead{min-height:164px}}.landing-hero-introduction .landing-mascot{width:48px;height:48px}.landing-hero-introduction .landing-mascot-sticker{box-shadow:2px 3px 0 var(--foreground);border-radius:18px;padding:5px}.landing-product-preview{margin-top:24px;position:relative}.landing-product-frame{border:1px solid var(--border-strong);background:var(--card);box-shadow:0 12px 48px color-mix(in srgb, var(--brand-accent) 14%, transparent);border-radius:20px;overflow:hidden}.landing-icon-tile{color:var(--brand-text);background:color-mix(in srgb, var(--brand-accent) 12%, var(--card));border-radius:12px}.landing-feature-card{border:1px solid var(--border);box-shadow:0 3px 0 color-mix(in srgb, var(--border) 55%, transparent)}@media (width<=639px){.landing-hero-introduction{gap:12px}.landing-hero-introduction .landing-mascot{width:36px;height:36px}.landing-product-frame{border-radius:14px}}.landing-team-note{background:color-mix(in srgb, var(--brand-accent) 7%, var(--card));border:1px solid var(--border)}.landing-page [id]{scroll-margin-top:112px}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.landing-page [data-landing-tilt]{transform-origin:50% 0;transform:perspective(1200px)rotateX(12deg)scale(.95)}}@media (scripting:enabled) and (width>=1024px) and (prefers-reduced-motion:no-preference){.landing-story{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0 56px;display:grid}.landing-story-step{display:contents}.landing-story-copy{border-left:2px solid var(--border);grid-column:1;min-height:72vh;padding-left:24px;transition:border-color .24s}.landing-story-copy[data-active]{border-left-color:var(--brand-accent)}.landing-story-shot{opacity:0;grid-column:2;align-self:start;transition:opacity .42s,transform .42s;position:sticky;top:max(128px,50vh - 280px);transform:translateY(16px)scale(.98)}.landing-story-shot[data-active]{opacity:1;transform:none}}.landing-invitation{isolation:isolate;border:1px solid var(--border);background:color-mix(in srgb, var(--brand-accent) 6%, var(--card));box-shadow:0 3px 0 color-mix(in srgb, var(--border) 55%, transparent);border-radius:32px;position:relative;overflow:hidden}.landing-invitation:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--brand-accent) 24%, transparent), transparent 72%);pointer-events:none;height:120%;position:absolute;inset:-55% -10% auto}.landing-invitation:after{content:"";z-index:-1;background-image:radial-gradient(color-mix(in srgb, var(--foreground) 16%, transparent) 1px, transparent 1.5px);pointer-events:none;background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 75%,#0000 45%,#000 100%);mask-image:radial-gradient(70% 75%,#0000 45%,#000 100%)}.landing-invitation-mascot{box-shadow:2px 3px 0 var(--foreground);border-radius:18px;padding:5px}.landing-invitation-mascot .landing-mascot{width:56px;height:56px}.landing-invitation-sticker{border:1.5px solid var(--foreground);background:var(--card);box-shadow:3px 4px 0 var(--foreground);transform:rotate(var(--landing-sticker-tilt,-6deg));border-radius:18px;padding:5px;display:none}@media (width>=1024px){.landing-invitation-sticker{display:block}}@media (width<=639px){.landing-invitation{border-radius:24px}.landing-invitation-mascot .landing-mascot{width:44px;height:44px}}
