.landing-page{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.landing-page .landing-nav{position:relative}.landing-page .landing-main{grid-template-columns:minmax(0,1fr);place-items:center;min-height:0;padding:12px 20px}html:has(.landing-page){scrollbar-width:none}html:has(.landing-page)::-webkit-scrollbar{display:none}.landing-page .ambient-orb{display:none}.landing-page .landing-content{min-width:0;max-width:1000px}.landing-page .landing-content h1{margin-bottom:26px}.landing-showcase{justify-content:center;align-items:center;gap:28px;width:100%;margin-bottom:14px;padding:26px 26px 40px;display:flex}.landing-page .landing-polaroid{border:1px solid var(--line);min-width:0;color:var(--accent);isolation:isolate;background:#fffefa;flex:0 324px;padding:12px 12px 0;transition:transform .18s;display:block;position:relative;transform:rotate(-4deg)}.amber-page.landing-page .landing-polaroid{box-shadow:0 8px 20px #2a25221c,0 2px 5px #2a25220d!important}.landing-polaroid+.landing-polaroid{margin-left:0}@media (min-width:640px){.landing-page .landing-content:has(.landing-polaroid:nth-child(3)){max-width:1080px}}.landing-page .landing-polaroid:nth-child(2){z-index:1;transform:rotate(2deg)}.landing-page .landing-polaroid:nth-child(3){z-index:2;transform:rotate(-1deg)}.landing-polaroid__photo{aspect-ratio:3/2;background:var(--paper);display:block;position:relative;overflow:hidden}.landing-polaroid__photo img{object-fit:cover}.landing-polaroid__tag{border:1px solid var(--line);background:var(--surface);color:var(--accent);font:500 11px/1.4 var(--font-body);border-radius:4px;padding:5px 8px;position:absolute;top:9px;right:9px}.landing-polaroid__title{min-height:64px;font:400 27px/1.2 var(--font-handwriting);overflow-wrap:anywhere;padding:15px 4px 17px;display:block}.landing-polaroid__new{color:var(--accent);font:700 14px/1.2 var(--font-body);letter-spacing:.1em;clip-path:polygon(3% 0,98% 3%,96% 24%,100% 46%,97% 75%,99% 100%,1% 97%,3% 73%,0 46%,4% 22%);background:#e8dcc3eb;padding:6px 17px;position:absolute;top:-13px;left:18px;transform:rotate(-7deg)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.landing-page .landing-polaroid:hover{z-index:3;transform:translateY(-6px)rotate(0)}}@media (max-width:639px){.landing-page .landing-main{padding:16px 0 20px}.landing-page .landing-content h1{margin-bottom:0;padding-inline:20px;font-size:clamp(1.5rem,6.2vw,1.9rem);line-height:1.4}.landing-showcase{scrollbar-width:none;scroll-snap-type:x mandatory;justify-content:flex-start;gap:18px;margin-bottom:2px;padding:24px 32px 28px;scroll-padding-inline:32px;overflow:auto hidden}.landing-showcase::-webkit-scrollbar{display:none}.landing-page .landing-polaroid{scroll-snap-align:center;flex:0 0 clamp(200px,150svh - 600px,280px);transform:rotate(-2deg)}.landing-polaroid__title{min-height:0;padding:10px 4px 12px;font-size:24px}.landing-polaroid__new{padding:5px 14px;font-size:12px;top:-11px}.landing-polaroid+.landing-polaroid{margin-left:0}.landing-page .landing-polaroid:nth-child(2){transform:rotate(1deg)}.landing-page .landing-polaroid:nth-child(3){transform:rotate(-.5deg)}.landing-showcase:has(>.landing-polaroid:only-child){justify-content:center}.landing-page .landing-actions{width:calc(100% - 40px);max-width:350px}}@media (prefers-reduced-motion:reduce){.landing-page .landing-polaroid{transition:none!important}}@media (max-width:639px) and (orientation:portrait){html:has(.landing-page){height:auto}.amber-page.landing-page{min-height:var(--landing-visible-height,100dvh);overflow:clip visible}.landing-page .landing-main{min-height:min-content;padding-block:clamp(8px,2svh,16px) clamp(10px,2.3svh,20px)}.landing-page .landing-showcase{margin-bottom:2px;padding-block:24px 28px;overflow:auto hidden}.landing-page .landing-polaroid{flex-basis:280px}.landing-page{--landing-spacing-trim:clamp(0px,calc((700px - var(--landing-visible-height,100dvh)) * .6),24px)}.landing-page .landing-showcase{padding-bottom:calc(28px - var(--landing-spacing-trim) / 6);margin-bottom:calc(2px - var(--landing-spacing-trim) / 12)}.landing-page .landing-actions{gap:calc(10px - var(--landing-spacing-trim) / 6)}.landing-page .landing-footer{padding-bottom:calc(20px - var(--landing-spacing-trim) / 6)}.landing-page .landing-footer nav>span:not([aria-hidden]),.landing-page .landing-footer nav>a{min-height:calc(44px - var(--landing-spacing-trim) / 3)}.landing-page .landing-footer nav>a{position:relative}.landing-page .landing-footer nav>a:before{content:"";inset-inline:0;height:44px;position:absolute;top:50%;transform:translateY(-50%)}}.how-to-popover{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-family:var(--font-body);opacity:0;transition:opacity .15s ease,transform .15s ease,display .15s allow-discrete,overlay .15s allow-discrete;border-radius:18px;margin:0;padding:0;line-height:1.65;position:fixed;inset:auto;overflow:visible;transform:translateY(4px)}.amber-page.landing-page .how-to-popover{box-shadow:0 8px 24px #2a25221a!important}.how-to-popover:popover-open{opacity:1;transform:translateY(0)}@starting-style{.how-to-popover:popover-open{opacity:0;transform:translateY(4px)}}.how-to-popover:before{content:"";left:var(--how-to-tail);background:var(--surface);border-left:1px solid var(--line-strong);border-top:1px solid var(--line-strong);width:10px;height:10px;position:absolute;top:-6px;transform:translate(-50%)rotate(45deg)}.how-to-popover__body{max-height:inherit;border-radius:18px;padding:18px 20px 22px;overflow-y:auto}.how-to-popover header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.how-to-popover h2{color:var(--accent);font:500 .9rem/1.5 var(--font-body);margin:0}.how-to-popover header button{background:var(--paper);width:28px;height:28px;color:var(--accent);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;font-size:20px;display:grid}.how-to-popover .how-to-steps{margin-bottom:18px;padding-left:20px}.how-to-popover .how-to-steps li{padding:7px 0 7px 4px}.how-to-popover .how-to-steps h3{font-size:.88rem}.how-to-popover .how-to-steps p{margin:6px 0 0;font-size:.8rem}.how-to-popover:focus{outline:none}.how-to-popover :focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.how-to-popover{transition:none!important}}