:root{--paper:#f8f7f4;--ink:#232620;--muted:#686b61;--line:#dedfd7;--accent:#e8f098;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,summary{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #657a30;outline-offset:5px}img{display:block;max-width:100%;height:auto}figure{margin:0}p{line-height:1.65}h1,h2,h3,p{margin-top:0}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:750;font-size:29px;letter-spacing:-1.3px}.brand img{width:36px;height:36px;border-radius:10px}.brand-dot{color:#7d864b}.header nav{display:flex;gap:30px;font-size:14px}.header nav a{padding:15px 0}.header nav a:hover,.text-link:hover{color:#657a30}.nav-actions{display:flex;align-items:center;gap:20px}.small-cta{display:inline-flex;gap:25px;background:var(--ink);color:white;padding:14px 19px;border-radius:30px;font-size:14px}.language{position:relative;font-size:14px;z-index:10}.language summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;min-height:44px}.language summary::-webkit-details-marker{display:none}.language>div{position:absolute;top:48px;right:0;padding:8px;background:white;box-shadow:0 8px 30px #0001;border:1px solid var(--line);border-radius:12px;width:160px}.language a{display:block;padding:12px;border-radius:6px}.language a:hover,.language a[aria-current]{background:var(--paper)}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:700px;padding-block:55px 84px;gap:25px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;margin-bottom:24px}.live-dot{display:inline-block;width:7px;height:7px;background:#859346;border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(60px,6.4vw,90px);line-height:1.015;letter-spacing:-5px;font-weight:550;margin-bottom:28px}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-4px}.intro{color:var(--muted);max-width:390px;font-size:17px;line-height:1.7;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:28px}.store-button{display:inline-flex;align-items:center;gap:12px;background:var(--ink);color:white;border-radius:12px;padding:13px 20px;min-height:64px;transition:transform .2s,background .2s}.store-button:hover,.small-cta:hover{background:#414a32;transform:translateY(-2px)}.store-button small{font-size:11px;display:block;line-height:1.2}.store-button strong{font-size:21px;line-height:1.1;font-weight:500}.apple{font-size:29px}.arrow{font-size:23px;margin-left:12px}.text-link{font-size:14px;border-bottom:1px solid #b7baac;padding-block:12px}.text-link span{margin-left:8px}.fine-print{font-size:12px;color:var(--muted);margin:14px 0 0}.hero-art{height:520px;position:relative;isolation:isolate}.orbit{position:absolute;inset:5% -4%;border-radius:50%;background:radial-gradient(ellipse,#e1e4cf90,transparent 68%);z-index:-1}.hero-main{position:absolute;width:68%;top:34px;right:0;transform:rotate(8deg);box-shadow:6px 25px 38px #3d3f2724;transition:transform .5s}.hero-main:hover{transform:rotate(4deg) translateY(-8px)}.hero-back{position:absolute;top:95px;left:0;width:55%;transform:rotate(-11deg);box-shadow:0 22px 35px #3332}.hero-main img,.hero-back img{width:100%}.spark{position:absolute;right:-14px;top:0;font-size:73px;line-height:1;color:#53613e}.photo-note{position:absolute;bottom:-12px;left:15%;font-family:Georgia,serif;font-size:18px;font-style:italic;color:#676e57;transform:rotate(-5deg)}.photo-note span{display:inline-block;font-size:37px;margin-left:10px}.promise-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.promise-bar .wrap{display:flex;justify-content:space-between;padding-block:23px;gap:20px;font-size:13px;color:#555d4d}.section{padding-block:100px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:32px}.section-head p:last-child{max-width:335px;color:var(--muted);font-size:16px}.section-head .eyebrow{margin-bottom:17px}h2{font-size:clamp(32px,3.5vw,48px);line-height:1.12;letter-spacing:-1.8px;font-weight:500;margin-bottom:18px}.filters{display:flex;gap:8px;margin:8px 0 32px;flex-wrap:wrap}.filters[hidden]{display:none}.filters button{cursor:pointer;border:1px solid var(--line);border-radius:40px;min-height:44px;padding:10px 20px;background:transparent;font-size:14px;color:var(--muted)}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 24px}.frame-card[hidden]{display:none}.image-wrap{background:#edede7;border:1px solid #e6e6de;border-radius:15px;height:370px;padding:32px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .3s}.frame-card:nth-child(2n) .image-wrap{background:#e7e7e0}.image-wrap img{max-height:100%;width:auto;box-shadow:0 12px 25px #0002;transition:transform .5s}.frame-card:hover img{transform:translateY(-6px) rotate(-2deg)}figcaption{padding:20px 3px 0}figcaption small{font-size:10px;letter-spacing:1.5px;color:var(--muted)}figcaption h3{font-size:17px;font-weight:500;letter-spacing:-.3px;margin:9px 0 0}.feature-section{background:#e9ebdf;padding:86px 0}.feature-section h2{max-width:600px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px}.feature-grid article{border-top:1px solid #c6cbb8;padding-top:22px}.feature-number{font-family:Georgia,serif;font-size:28px;color:#6c755a}.feature-grid h3{font-size:21px;line-height:1.35;font-weight:500;margin:24px 0 12px;letter-spacing:-.5px}.feature-grid p{font-size:15px;color:#5b6350;margin:0}.app-section{text-align:center}.section-intro{color:var(--muted)}.screens{display:flex;align-items:flex-start;justify-content:center;gap:26px;margin-top:45px;padding:40px 40px 0;background:linear-gradient(135deg,#edede7,#f2f1eb);border-radius:22px;overflow:hidden}.screens img{width:calc((100% - 52px)/3);max-width:280px;border-radius:20px 20px 0 0;box-shadow:0 12px 30px #0001}.screens img:nth-child(2){margin-top:30px}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding-block:20px 100px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;list-style:none;padding:23px 0;font-size:17px;line-height:1.4}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;font-weight:300;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:var(--muted);font-size:15px;padding-right:28px;margin-bottom:23px}.download-section{position:relative;background:var(--accent);padding:65px 70px;border-radius:24px;display:flex;justify-content:space-between;align-items:center;gap:30px;overflow:hidden}.download-section h2{font-size:49px}.download-section .eyebrow{font-size:11px}.download-section p:not(.eyebrow){color:#525b35}.download-section .store-button{margin-top:8px}.qr{padding:16px 16px 13px;background:white;border-radius:15px;transform:rotate(5deg);box-shadow:0 8px 25px #5360211a;z-index:1}.qr img{width:160px;height:160px}.qr span{font-size:12px;display:block;text-align:center;margin-top:9px}.end-spark{font-size:270px;position:absolute;right:0;top:-65px;color:#d7e176;line-height:1;pointer-events:none}footer{padding-block:60px 25px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-top p{font-size:13px;color:var(--muted);margin-top:15px}.socials{display:flex;gap:22px;align-items:center;flex-wrap:wrap;font-size:14px}.socials>span{color:var(--muted)}.socials a{padding-block:14px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;margin-top:35px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.footer-bottom>div{display:flex;gap:25px}.footer-bottom a{min-height:36px}.skip{position:fixed;top:-100px;left:15px;background:var(--ink);color:white;padding:15px;z-index:100}.skip:focus{top:10px}
@media(min-width:1450px){.hero{min-height:760px}.hero-art{height:550px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.header nav{gap:16px}.hero{min-height:610px}.hero h1{font-size:68px}.hero-art{height:430px}.hero-actions{gap:16px;flex-wrap:wrap}.image-wrap{height:310px;padding:24px}.photo-note{bottom:-10px;font-size:15px}.feature-grid{gap:28px}.download-section{padding:50px}.download-section h2{font-size:40px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:85px;gap:12px}.brand{font-size:25px}.brand img{width:31px;height:31px}.header nav{display:none}.nav-actions{gap:12px}.small-cta{font-size:12px;padding:12px 15px;gap:10px}.language summary span{display:none}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:45px;gap:20px}.hero h1{font-size:clamp(58px,12.5vw,85px);letter-spacing:-3px}.hero h1 em{letter-spacing:-3px}.eyebrow{font-size:10px;letter-spacing:1.6px}.hero .intro{max-width:460px;font-size:16px}.hero-art{height:480px;width:min(100%,480px);margin:auto}.hero-main{width:62%;right:7%;top:24px}.hero-back{width:49%;left:6%;top:75px}.spark{right:0;font-size:55px}.photo-note{bottom:0;left:14%;font-size:16px}.promise-bar .wrap{flex-wrap:wrap;justify-content:center;gap:10px 24px;font-size:12px;padding-block:20px}.section{padding-block:65px}.section-head{display:block;margin-bottom:25px}.section-head p:last-child{max-width:430px}.gallery{grid-template-columns:repeat(2,1fr);gap:25px 14px}.image-wrap{height:280px;padding:20px}figcaption small{font-size:10px}figcaption h3{font-size:15px}.filters button{font-size:12px;padding:10px 14px}.feature-section{padding-block:55px}.feature-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.feature-grid article{position:relative;padding-left:50px}.feature-number{position:absolute;left:0;top:22px}.feature-grid h3{margin-top:0}.screens{padding:22px 14px 0;gap:10px;border-radius:14px}.screens img{width:calc((100% - 20px)/3);border-radius:8px 8px 0 0}.screens img:nth-child(2){margin-top:20px}.faq-section{grid-template-columns:1fr;gap:12px;padding-block:0 65px}.download-section{padding:38px 28px;flex-wrap:wrap}.download-section h2{font-size:36px}.qr{transform:rotate(3deg);margin:15px 0 0}.qr img{width:125px;height:125px}.end-spark{font-size:200px;right:-60px}.footer-top{display:block}.socials{gap:18px;margin-top:25px}.socials>span{width:100%}.footer-bottom{gap:15px;flex-wrap:wrap}.footer-bottom>div{gap:20px}h2{letter-spacing:-1.3px}}@media(max-width:420px){.hero-art{height:395px}.image-wrap{height:230px;padding:16px}.photo-note{font-size:14px}.hero-actions{gap:20px}.text-link{font-size:12px}.hero h1{font-size:58px}.download-section h2{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}html[lang=zh-Hans] h1{font-size:clamp(48px,5.3vw,76px);line-height:1.16;letter-spacing:-2px}html[lang=zh-Hans] h1 em{font-style:normal}html[lang=zh-Hans] h2{line-height:1.3}

/* Self-hosted Google Fonts: generous body rhythm, with script-specific fallbacks. */
body{font-family:'Manrope',Arial,sans-serif;font-size:16px;line-height:1.65;letter-spacing:.005em}
p{line-height:1.8}
.intro{font-size:18px;line-height:1.85;max-width:450px}
.section-head p:last-child,.section-intro{font-size:17px;line-height:1.85}
.feature-grid p,.faq-list p{font-size:16px;line-height:1.85}
.feature-grid h3{line-height:1.5;letter-spacing:-.3px}
.hero h1{line-height:1.08;letter-spacing:-4.5px}
h2{line-height:1.22;letter-spacing:-1.7px}
.header nav a{white-space:nowrap}
.header nav{gap:24px}
.hero-actions{flex-wrap:wrap;gap:18px 24px}
.small-cta{white-space:nowrap;align-items:center}
.language>div{width:190px;max-height:min(450px,75vh);overflow-y:auto}
.language summary{white-space:nowrap}
.filters{gap:10px;margin-bottom:26px}
.filters button{display:inline-flex;align-items:center;gap:9px;line-height:1.5;padding:11px 17px}
.filter-count{font-size:11px;opacity:.7;font-variant-numeric:tabular-nums}
.gallery-group[hidden]{display:none}
.gallery-group+.gallery-group{margin-top:38px}
.gallery-title{color:var(--muted);font-weight:400;font-size:13px;letter-spacing:.025em;margin:0 0 22px}
figcaption h4{font-size:17px;font-weight:500;line-height:1.55;letter-spacing:-.15px;margin:9px 0 0}
figcaption small{font-size:11px;letter-spacing:1px}
.image-wrap{height:385px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html:lang(zh-Hans) body{font-family:'Manrope','Noto Sans SC','PingFang SC',sans-serif}
html:lang(ja) body{font-family:'Manrope','Noto Sans JP','Hiragino Kaku Gothic ProN',sans-serif}
html:lang(ko) body{font-family:'Manrope','Noto Sans KR','Apple SD Gothic Neo',sans-serif;word-break:keep-all;overflow-wrap:break-word}
html:lang(ja) h1,html:lang(ko) h1{font-size:clamp(45px,5vw,70px);line-height:1.28;letter-spacing:-2px}
html:lang(ja) h1 em,html:lang(ko) h1 em{font-family:inherit;font-style:normal;letter-spacing:inherit}
html:lang(es) h1,html:lang(fr) h1,html:lang(it) h1{font-size:clamp(52px,5.2vw,73px);letter-spacing:-3px}
html:lang(ja) .photo-note,html:lang(ko) .photo-note,html:lang(zh-Hans) .photo-note{font-family:inherit;font-style:normal}
.hero-copy,.hero-art,.section-head>div,.feature-grid>article,.faq-section>div,.download-section>div{min-width:0}
@media(max-width:1100px){.header nav{gap:15px;font-size:13px}.nav-actions{gap:14px}.small-cta{gap:12px}.image-wrap{height:320px}.header{gap:18px}.language summary span{display:none}.hero h1{letter-spacing:-3px}}
@media(max-width:900px){.header nav{display:none}.language summary span{display:inline}.hero .intro{font-size:17px}.hero h1{font-size:clamp(50px,7.4vw,68px)}.gallery{gap:30px 18px}}
@media(max-width:760px){.intro{font-size:17px;line-height:1.85}.section-head p:last-child,.section-intro{font-size:16px}.filters{gap:8px}.filters button{font-size:13px;padding:10px 13px}.gallery-title{font-size:12px}.image-wrap{height:285px;padding:20px}figcaption h4{font-size:15px;line-height:1.6}figcaption small{font-size:10px;letter-spacing:.5px}.hero h1{font-size:clamp(58px,12.5vw,85px)}.feature-grid h3{line-height:1.45}.hero-art{margin-top:12px}html:lang(es) h1,html:lang(fr) h1,html:lang(it) h1{font-size:clamp(45px,9.6vw,68px);letter-spacing:-2px}html:lang(ja) h1,html:lang(ko) h1{font-size:clamp(40px,8.8vw,62px);letter-spacing:-1.5px}.download-section h2{font-size:clamp(28px,7vw,38px)}.download-section{overflow-wrap:break-word}.gallery-group+.gallery-group{margin-top:34px}}
@media(max-width:420px){.language summary span{display:none}.image-wrap{height:235px;padding:14px}.hero h1{font-size:58px}.gallery{gap:26px 12px}.hero-art{height:380px}.small-cta{padding:11px 13px;font-size:12px}.brand{font-size:24px}.hero-actions{gap:16px}.photo-note{font-size:13px}}

/* Only photos fade in. Frames, captions and layout stay still. */
img.photo-pending{opacity:0}
@media(prefers-reduced-motion:reduce){img.photo-pending{opacity:1}}