:root{color-scheme:light;--bg:#fdf7f4;--surface:#fff;--text:#2a2033;--muted:#6b6176;--pink:#e0457b;--orange:#f2622e;--orange-dark:#c84617;--line:#ecdfe6;--pink-soft:#fbd9e6;--lilac-soft:#e4dcfb;--lemon-soft:#fbefc4;--mint-soft:#d3f1e6;--sky-soft:#d6e9fb;--peach-soft:#fde0cf;--width:1240px;--serif:"DM Serif Display",Georgia,"Times New Roman",serif;font-family:Inter,"Segoe UI",Arial,"Noto Sans",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--text);font-size:16px;line-height:1.65;background:var(--bg) radial-gradient(#d9c9d4 1px,transparent 1.2px) 0 0/22px 22px;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(135deg,#fcefd9 0%,#fbe3ec 45%,#e8e1fb 100%);opacity:.75;pointer-events:none}
button,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img,video{max-width:100%;display:block}
button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--pink);outline-offset:4px}::selection{background:var(--pink);color:#fff}
.wrap{width:min(var(--width),calc(100% - 96px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link{position:absolute;top:-90px;left:20px;background:var(--text);color:#fff;padding:12px 20px;z-index:20;border-radius:8px}.skip-link:focus{top:12px}
h1,h2,h3,p{overflow-wrap:break-word}

.site-header{height:96px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-.02em;font-size:19px;white-space:nowrap}.brand img{border-radius:10px}
.site-header nav{margin-left:auto;display:flex;gap:28px;font-size:14px;font-weight:600}.site-header nav a:hover,.site-footer a:hover{color:var(--pink)}
.language-control{display:flex;align-items:center;gap:8px;margin-left:12px;background:#ffffffb0;border:1px solid var(--line);border-radius:999px;padding:0 6px 0 12px}.language-control select{border:0;background:transparent;color:var(--text);font-size:14px;padding:9px 3px;max-width:130px;cursor:pointer}

.eyebrow{color:var(--pink);font-size:13px;letter-spacing:.1em;font-weight:700;text-transform:uppercase;margin:0 0 20px;display:flex;align-items:center;gap:9px}.spark{font-size:15px;letter-spacing:0}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;margin:0}
h1{font-size:clamp(46px,5.6vw,82px);line-height:1.02}h1 em,h2 em{color:var(--pink)}h1 em{display:block}
h2{font-size:clamp(34px,3.6vw,52px);line-height:1.08}

.hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px;padding-block:56px 96px}
.intro{max-width:500px;font-size:18px;line-height:1.7;color:var(--muted);margin:26px 0 24px}
.chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0 0 34px}.chips li{padding:7px 16px;border-radius:999px;font-size:14px;font-weight:600}
.chip-pink{background:var(--pink-soft)}.chip-lilac{background:var(--lilac-soft)}.chip-lemon{background:var(--lemon-soft)}.chip-mint{background:var(--mint-soft)}
.store-button{display:inline-flex;align-items:center;gap:14px;background:var(--orange);color:#fff;border-radius:14px;padding:13px 24px;min-height:66px;line-height:1.2;transition:background .2s,transform .2s;box-shadow:0 5px 0 var(--orange-dark),0 16px 30px #f2622e40}
.store-button:hover{background:#ff7442;transform:translateY(-2px)}.store-button small{font-size:13px;display:block;margin-bottom:3px;opacity:.9}.store-button strong{font-size:21px;font-weight:650;display:block;white-space:nowrap}

.hero-visual{position:relative;min-width:0;padding:30px 10px 40px}
.shot{display:block;padding:0;border:0;background:none;width:100%;text-align:left;color:inherit}
.polaroid{position:relative;z-index:1;background:#fff;padding:14px 14px 0;border-radius:6px;box-shadow:0 30px 60px #6b3a5a2e,0 3px 10px #0000000f;transform:rotate(1.6deg);transition:transform .3s}
.polaroid:hover{transform:rotate(0deg) scale(1.01)}.polaroid img{width:100%;height:auto;aspect-ratio:16/9;border-radius:2px}
.polaroid-caption{display:block;font-family:var(--serif);font-style:italic;font-size:19px;padding:12px 6px 16px;text-align:center;color:var(--text)}
.tape{position:absolute;top:-14px;left:50%;width:120px;height:30px;transform:translateX(-50%) rotate(-3deg);background:repeating-linear-gradient(45deg,#f9c8d9c0 0 8px,#fbdbe6c0 8px 16px);z-index:2}
.sticker{position:absolute;z-index:2;height:auto;filter:drop-shadow(0 14px 22px #3a1d3a40);pointer-events:none}
.sticker-clock{width:24%;right:-6%;top:-4%;transform:rotate(9deg)}.sticker-toner{width:13%;right:2%;bottom:-6%;transform:rotate(-5deg)}

.section-heading{max-width:760px;margin-bottom:46px}.section-heading p:not(.eyebrow){color:var(--muted);font-size:18px;margin:18px 0 0}
.features{padding-block:70px 60px}
.feature-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feature-grid li{background:#ffffffc4;border:1px solid var(--line);border-radius:20px;padding:24px 22px;backdrop-filter:blur(6px)}
.feature-grid h3{font-size:17px;margin:16px 0 6px;letter-spacing:-.01em}.feature-grid p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.feature-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;font-size:21px}
.icon-pink{background:var(--pink-soft)}.icon-lilac{background:var(--lilac-soft)}.icon-lemon{background:var(--lemon-soft)}.icon-mint{background:var(--mint-soft)}.icon-sky{background:var(--sky-soft)}.icon-peach{background:var(--peach-soft)}

.showcase{display:grid;grid-template-columns:.75fr 1.25fr;gap:56px;align-items:center;padding-block:70px}
.showcase-reverse{grid-template-columns:1.25fr .75fr}.showcase-reverse .showcase-copy{order:2}
.showcase-copy p:not(.eyebrow){color:var(--muted);font-size:18px;margin:20px 0 0}
.frame{border-radius:18px;overflow:hidden;box-shadow:0 28px 60px #2a203333,0 2px 8px #0000001a;transition:transform .3s}.frame:hover{transform:translateY(-4px)}
.frame img{width:100%;height:auto;aspect-ratio:16/9}

.trailer{padding-block:80px 70px}.video-frame{border-radius:20px;overflow:hidden;background:#1d1626;box-shadow:0 30px 70px #2a203340}
.video-frame video{width:100%;height:auto;aspect-ratio:16/9}

.download-section{display:flex;align-items:center;gap:32px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:40px 48px;margin-block:50px 70px;box-shadow:0 20px 50px #6b3a5a1c}
.download-section img{border-radius:20px;flex:none}.download-section div{flex:1}.download-section p{color:var(--muted);margin:8px 0 0;font-size:17px}

.site-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding-block:34px 44px;font-size:14px;color:var(--muted)}
.site-footer p{margin:8px 0 0}.footer-brand{font-size:16px;color:var(--text)}.footer-brand img{border-radius:7px}.site-footer nav{display:flex;gap:26px;flex-wrap:wrap}

dialog{width:min(1500px,calc(100% - 32px));max-height:calc(100vh - 32px);border:0;border-radius:16px;padding:0;background:#1d1626;color:#fff;overflow:auto}dialog::backdrop{background:#1d1626d9}
.dialog-bar,.dialog-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px}.dialog-bar h2{font-family:inherit;font-size:15px;font-weight:600;letter-spacing:0}
dialog button{background:#ffffff1a;color:#fff;border:1px solid #ffffff40;border-radius:8px;padding:7px 14px}dialog button:hover{background:#ffffff33}
#dialog-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}#dialog-counter{font-variant-numeric:tabular-nums}
body.dialog-open{overflow:hidden}

@media(max-width:1060px){.feature-grid{grid-template-columns:repeat(2,1fr)}.site-header nav{display:none}.language-control{margin-left:auto}}
@media(max-width:900px){.wrap{width:calc(100% - 32px)}.hero,.showcase,.showcase-reverse{grid-template-columns:1fr;gap:36px}.showcase-reverse .showcase-copy{order:0}.hero{padding-block:24px 64px}.showcase{padding-block:44px}
  .download-section{flex-direction:column;align-items:flex-start;padding:30px 24px}.site-footer{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.site-header{height:76px}.brand span{font-size:17px}.feature-grid{grid-template-columns:1fr}.store-button strong{font-size:19px}.polaroid-caption{font-size:16px}.language-control select{max-width:96px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}