@font-face{font-family:DM;src:url('/assets/DMSans-Regular.ttf')}@font-face{font-family:DM;src:url('/assets/DMSans-Bold.ttf');font-weight:700}@font-face{font-family:Archivo;src:url('/assets/ArchivoBlack-Regular.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:var(--paper);font-family:DM,sans-serif;line-height:1.55}:root{--bg:#080808;--paper:#f9f4e8;--ink:#0e0e0d;--pink:#ff9bcb;--green:#cdf083;--lagoon:#7fe6d8;--lilac:#c9b6ff;--muted:#aaa6a8;--surface:#222}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lagoon);outline-offset:7px}.skip{position:fixed;left:20px;top:-80px;z-index:10;background:var(--paper);color:var(--ink);padding:12px}.skip:focus{top:12px}header,footer{max-width:1320px;padding:32px 48px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{width:126px;height:65px;object-fit:contain}nav{display:flex;gap:30px;align-items:center}nav a{font-size:15px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:56px;padding:14px 26px;background:var(--paper);color:var(--ink);border-radius:17px;font-family:Archivo,sans-serif;font-size:15px;box-shadow:0 3px var(--pink),0 6px var(--green);transition:transform .18s}.button:hover{transform:translateY(2px);text-decoration:none}.button.small{min-height:43px;font-size:12px;padding:9px 19px}.hero{max-width:1320px;margin:38px auto 0;padding:30px 48px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:55px;min-height:640px}h1,h2{font-family:Archivo,sans-serif;line-height:1.02;letter-spacing:-.045em;font-weight:400}h1{font-size:clamp(48px,5.7vw,82px);margin:0 0 30px}h2{font-size:clamp(35px,4.7vw,64px);margin:0 0 32px}.intro p{font-size:20px;line-height:1.6;color:#cfcbcd;margin-bottom:35px}.collage{height:620px;position:relative;max-width:580px;width:100%;isolation:isolate}.day{position:absolute;left:16px;top:0;font-size:14px;color:var(--paper)}.day span{margin-left:30px;color:var(--muted)}.moment{position:absolute;box-shadow:0 12px 35px #0006;color:var(--ink)}button.moment{cursor:pointer;border:0;transition:transform .3s}.moment:hover{z-index:2}.note{left:2%;top:65px;transform:rotate(-7deg);background:var(--pink);padding:30px 25px 36px;width:230px;border-radius:40px;text-align:left;font-weight:700;font-size:27px;line-height:1.12;box-shadow:0 5px var(--paper),0 8px #ff9bcb55}.note small{font-size:10px;font-weight:400;display:block;text-align:right;position:absolute;right:20px;bottom:12px}.note[data-style='1']{background:#ffdf6e;border-radius:3px 3px 34px 3px;transform:rotate(-3deg)}.note[data-style='2']{background:var(--lilac);border-radius:15px;transform:rotate(2deg)}.photo{width:240px;right:0;top:25px;background:var(--paper);padding:10px 10px 2px;transform:rotate(7deg);border-radius:8px}.sunset{height:228px;position:relative;overflow:hidden;background:linear-gradient(#ae87a9,#ffb5a0 65%,#b7a0d0)}.sun{position:absolute;left:50%;top:43%;width:70px;height:70px;border-radius:50%;background:#ffdf92}.sea{position:absolute;inset:65% 0 0;background:repeating-linear-gradient(0deg,#503f71 0 6px,#66517c 6px 8px)}.photo p{margin:12px 0 14px;font-size:13px}.tape{left:1%;top:335px;width:270px;background:var(--green);border-radius:16px;padding:15px 18px;transform:rotate(-4deg);border:5px solid var(--paper)!important}.tape-label{display:block;background:var(--paper);border-radius:5px 5px 0 0;font-size:17px;font-weight:700;padding:9px}.reels{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;background:#2d3329;border:7px solid var(--paper);border-top:0;border-radius:0 0 9px 9px}.reels i{display:block;width:36px;height:36px;border:9px dashed var(--paper);border-radius:50%}.reels>span{width:49px;height:12px;background:#111;border-radius:2px}.tape-bottom{display:flex;justify-content:space-between;margin-top:8px;font-size:10px}.tape[aria-pressed='true'] .reels i{animation:spin 1.7s linear infinite}.tape b{font-size:14px}.place{right:2%;top:350px;width:220px;transform:rotate(5deg);background:var(--lagoon);border:5px solid var(--paper);border-radius:18px;padding:18px;display:flex;flex-direction:column}.place .pin{font-size:40px;line-height:1}.place strong{font-size:21px;line-height:1.2;margin:13px 0}.place>span:last-child{font-size:11px}.scribble{position:absolute;left:17%;bottom:0;color:var(--muted);font-size:15px;transform:rotate(-4deg)}.demo-caption{text-align:center;color:var(--muted);font-size:12px;padding:15px 24px}.story{max-width:1280px;margin:125px auto;padding:0 48px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:70px}.features h3{font-size:23px;line-height:1.3;margin:32px 0 12px}.features p{color:var(--muted);max-width:30ch}.feature-shape{display:inline-block;padding:16px 20px;color:var(--ink);font-weight:700;font-size:19px;transform:rotate(-3deg)}.pink{background:var(--pink);border-radius:30px}.lilac{background:var(--lilac);border-radius:7px;transform:rotate(4deg)}.green{background:var(--green);border-radius:5px 28px 5px 5px}.beta{padding:80px 24px 100px;text-align:center;background:#151515}.beta>img{height:95px;object-fit:contain;margin-bottom:30px}.beta h2{font-size:clamp(48px,6vw,78px)}.beta p{color:#cfcbcd}.beta .beta-detail{font-size:12px;max-width:47ch;margin:25px auto 0;color:var(--muted)}footer{font-size:13px;color:var(--muted);padding-top:45px;padding-bottom:45px}.document{max-width:830px;padding:50px 28px 90px;margin:auto}.document h1{font-size:clamp(35px,5vw,56px)}.document h2{font:700 24px DM;letter-spacing:0;margin:40px 0 12px}.document p,.document li{color:#d0ccce}.document a{text-decoration:underline}.notice{padding:20px;border:1px solid var(--lilac);border-radius:14px;margin:20px 0 35px}.notice strong{color:var(--lilac)}details{border-bottom:1px solid #444;padding:20px 0}summary{cursor:pointer;font-weight:700}details p{margin-bottom:0}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.hero{gap:20px;padding:20px 32px;grid-template-columns:1fr 1fr}.collage{transform:scale(.85);transform-origin:center}.note{width:205px;font-size:23px}.photo{width:200px}.sunset{height:195px}.tape{width:225px}.place{width:180px}.features{gap:28px}}@media(max-width:760px){header{padding:18px 22px}.brand{width:90px;height:55px}nav{gap:18px}header nav>a:first-child{display:none}header nav>a:nth-child(2){font-size:12px}.hero{display:flex;flex-direction:column;gap:30px;padding:35px 24px 0;margin:0;min-height:0}.intro{text-align:center}h1{font-size:56px}.intro p{font-size:17px;margin:25px 0 30px}.collage{max-width:430px;transform:none;height:575px;margin-top:25px}.day{left:10px}.note{width:47%;font-size:24px;padding:25px 18px 32px;top:65px}.photo{width:48%;top:40px}.sunset{height:180px}.tape{width:57%;top:330px;left:0;padding:12px}.place{width:42%;top:335px;right:0;padding:13px}.place strong{font-size:18px}.reels{padding:12px 8px}.reels i{width:28px;height:28px;border-width:7px}.tape-label{font-size:14px}.scribble{bottom:0;left:20%}.story{margin:85px auto;padding:0 28px}.story h2{font-size:37px}.features{grid-template-columns:1fr;gap:42px;margin-top:40px}.features p{max-width:45ch;margin-bottom:0}.features h3{margin-top:22px}footer{padding:30px 24px;flex-direction:column;align-items:flex-start;gap:18px}.beta{padding:65px 24px}.document{padding-top:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}