:root{--bg:#fbf8f2;--ink:#302d28;--muted:#736d64;--orange:#bc461f;--line:#e7e0d5;--radius:26px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}p,h1,h2,h3,figure{margin:0}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}a:hover{color:var(--orange)}.wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;z-index:50;top:-70px;left:20px;background:white;padding:15px}.skip-link:focus{top:10px}.header{border-bottom:1px solid var(--line);background:rgba(251,248,242,.97);position:sticky;top:0;z-index:20}.nav-wrap{min-height:92px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;gap:12px;align-items:center;font-size:22px;font-weight:750;letter-spacing:.02em}.brand img{border-radius:12px}.brand small{display:block;font-size:10px;font-weight:450;letter-spacing:.14em;color:var(--muted);margin-top:4px}.header nav{display:flex;gap:36px;font-size:14px}.nav-contact{font-size:13px;border:1px solid #c9c0b1;padding:12px 18px;border-radius:30px}.nav-contact span{margin-left:14px}.hero{min-height:735px;display:grid;grid-template-columns:1.08fr 1fr;gap:16px;align-items:center;padding-block:74px 80px}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.07em;color:var(--orange);margin-bottom:22px}.sun{font-size:25px;vertical-align:-3px;margin-right:8px}h1{font-size:clamp(46px,5.15vw,70px);letter-spacing:-.045em;line-height:1.25;font-weight:850}.accent{color:var(--orange)}.title-dot{letter-spacing:-.3em}.lead{font-size:20px;line-height:1.8;margin-top:26px}.hero-description{font-size:14px;color:var(--muted);line-height:1.85;margin-top:16px}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:26px;padding:17px 23px;border-radius:99px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.primary{background:var(--orange);color:#fff}.primary:hover{background:#963518;color:#fff;transform:translateY(-2px)}.text-link{font-size:14px;font-weight:650;display:inline-flex;align-items:center;gap:18px;padding-block:9px}.hero-tags{display:flex;gap:14px;margin-top:34px;color:var(--muted);font-size:11px}.hero-tags span+span:before{content:"/";color:#b7ab9c;margin-right:14px}.hero-art{height:555px;position:relative;isolation:isolate}.art-ring{position:absolute;inset:32px -4px 28px 8px;border-radius:50%;background:#f2e6d5;z-index:-1}.art-ring:before{content:"";position:absolute;inset:-14px;border:1px solid #e4d8c6;border-radius:50%}.wallpaper-back{position:absolute;width:42%;left:1%;top:78px;transform:rotate(-10deg);padding:8px 8px 0;background:#fffaf3;border-radius:18px;box-shadow:0 20px 32px #4e341616}.wallpaper-back img{width:100%;aspect-ratio:9/15;object-fit:cover;border-radius:12px}.wallpaper-back figcaption{font-size:10px;text-align:center;padding:13px 0;color:#6d675d}.phone{background:#38332c;border:7px solid #38332c;border-radius:35px;overflow:hidden;box-shadow:12px 25px 50px #4f32102a}.wallpaper-phone{width:52%;max-width:260px;position:absolute;right:5%;top:14px;transform:rotate(7deg);aspect-ratio:9/18.6}.wallpaper-phone>img{width:100%;height:100%;object-fit:cover}.phone-camera{position:absolute;top:10px;left:38%;width:24%;height:12px;border-radius:10px;background:#38332c;z-index:2}.phone-clock{position:absolute;top:51px;width:100%;text-align:center;color:#705134}.phone-clock span{font-size:10px;letter-spacing:.07em}.phone-clock strong{display:block;font-family:Arial,sans-serif;font-size:52px;letter-spacing:-3px;font-weight:400;margin-top:5px}.phone-note{position:absolute;bottom:23px;left:12px;right:12px;background:#fff8e7de;border:1px solid #ffffff99;border-radius:14px;text-align:center;font-size:10px;padding:12px;color:#6f5034}.floating-note{position:absolute;bottom:38px;left:4%;font-size:12px;padding:16px 20px;background:#fffef9;border:1px solid #e6dccc;border-radius:12px;transform:rotate(-5deg);box-shadow:0 10px 22px #7655380c}.floating-note span{color:var(--orange);font-size:23px;vertical-align:-2px;margin-right:9px}.art-spark{position:absolute;right:5%;top:-12px;font-size:64px;color:var(--orange);transform:rotate(15deg);z-index:3}.art-label{position:absolute;bottom:0;left:4%;font-size:10px;color:#84776b}.intro-strip{border-block:1px solid var(--line);padding-block:27px}.intro-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.intro-strip p{font-size:19px;font-weight:400}.intro-strip strong{font-weight:650}.intro-strip span{font-size:12px;color:var(--muted);letter-spacing:.05em}.section{padding-block:100px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:13px}h2{font-size:36px;line-height:1.45;letter-spacing:-.03em}.section-heading>p{font-size:14px;line-height:1.9;color:var(--muted)}.mobile-break{display:none}.feature-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:24px}.feature{border-radius:var(--radius);overflow:hidden;padding:36px 36px 25px;position:relative}.feature-number{font-size:11px;letter-spacing:.12em;color:#70695f;display:block;margin-bottom:20px}.feature h3{font-size:27px;line-height:1.5;letter-spacing:-.02em}.feature p{font-size:13px;line-height:1.9;margin-top:16px;color:#625c52}.feature-wallpaper{background:#efe8dc}.feature-widget{background:#e6ebe3}.mini-gallery{display:flex;align-items:center;gap:12px;height:250px;margin-top:28px;justify-content:center}.mini-gallery img{width:30%;height:220px;object-fit:cover;border:5px solid #fbf8f2;border-radius:17px;box-shadow:0 12px 20px #5e533b1a}.mini-gallery img:first-child{transform:rotate(-8deg) translateY(10px)}.mini-gallery img:nth-child(2){transform:translateY(-8px);z-index:1}.mini-gallery img:last-child{transform:rotate(8deg) translateY(10px)}.feature .illustration-label{font-size:10px;text-align:center;color:#787165;margin-top:17px}.widget-art{height:250px;display:flex;align-items:center;justify-content:center;gap:16px;margin-top:28px}.clock-tile{width:47%;max-width:185px;padding:18px 15px;background:#f9faf4;border-radius:24px;transform:rotate(-6deg);box-shadow:0 10px 25px #344a2d0c;text-align:center}.clock-tile>span{font-size:8px;color:#737866;display:block;margin-top:14px}.clock-face{width:115px;aspect-ratio:1;background:repeating-conic-gradient(#96a68c 0deg 1.5deg,transparent 1.5deg 30deg);border-radius:50%;margin:auto;position:relative}.clock-face:before{content:"";position:absolute;inset:7px;background:#f9faf4;border-radius:50%}.clock-face i,.clock-face b{position:absolute;bottom:50%;left:calc(50% - 2px);width:4px;height:34px;background:#50644b;border-radius:4px;transform-origin:50% 100%;transform:rotate(35deg)}.clock-face b{height:25px;transform:rotate(290deg)}.clock-face span{position:absolute;top:calc(50% - 4px);left:calc(50% - 4px);width:8px;height:8px;background:#b74b28;border-radius:50%}.date-tile{padding:22px 18px;background:#becbb1;border-radius:23px;transform:rotate(6deg) translateY(20px);width:46%;max-width:175px;color:#34482e;box-shadow:0 10px 25px #344a2d0c}.date-tile>span{display:block;font-size:11px}.date-tile strong{display:block;font-size:65px;letter-spacing:-.05em;font-weight:500;line-height:1.4}.date-tile small{font-size:12px;letter-spacing:0;margin-left:7px}.date-tile>span:last-child{font-size:8px}.feature-diy{background:#f8e7df;display:flex;align-items:center;gap:16px;min-height:300px}.feature-diy h3,.feature-theme h3{font-size:25px}.feature-diy p,.feature-theme p{font-size:12px}.diy-art{position:relative;width:150px;min-width:130px;height:180px;margin-left:auto}.diy-sticker{display:block;position:absolute;top:40px;left:0;transform:rotate(-12deg);font-family:Georgia,serif;font-size:30px;font-weight:700;line-height:1.05;color:#ae4a30;background:#fff8e8;padding:20px 10px;border-radius:6px;border:4px solid white}.diy-crop{position:absolute;border:1px dashed #b3583e;inset:18px -3px 0 -3px;transform:rotate(-12deg)}.diy-handle{position:absolute;right:-13px;top:5px;width:10px;height:10px;background:#b3583e;border:2px solid white}.diy-pencil{position:absolute;bottom:-1px;right:-5px;font-size:62px;color:#bd5032;transform:rotate(-12deg)}.feature-theme{background:#f1ede3}.theme-swatches{display:flex;gap:10px;margin-top:28px}.theme-swatches span{display:flex;align-items:flex-end;justify-content:center;flex:1;min-height:60px;font-size:8px;padding-bottom:9px;border-radius:10px;color:#4e4c40;background:#c4d2bc}.theme-swatches span:nth-child(2){background:#eee0ac}.theme-swatches span:nth-child(3){background:#e9b49a}.theme-swatches span:nth-child(4){background:#b8d4dc}.app-section{background:#eee8de;overflow:hidden;padding-top:80px}.app-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}.app-figure{align-self:end;position:relative}.app-phone{margin:auto;width:285px;border:7px solid #35322c;border-radius:33px 33px 0 0;overflow:hidden;border-bottom:0;box-shadow:0 25px 50px #4e422525;max-height:590px}.app-phone img{width:100%;height:auto}.app-figure figcaption{font-size:10px;color:#60594d;background:#eee8deeF;position:absolute;bottom:0;left:0;right:0;padding:12px;text-align:center}.app-copy{padding-bottom:70px}.app-copy>p:not(.eyebrow){margin-top:22px;font-size:14px;color:var(--muted);line-height:1.9}.app-points{list-style:none;padding:0;margin:30px 0 22px;display:grid;gap:22px}.app-points li{display:flex;align-items:flex-start;gap:16px}.app-points li>span{border:1px solid #cfc4b3;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:20px;flex-shrink:0;color:#966044}.app-points h3{font-size:15px;font-weight:650}.app-points p{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.7}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps li{padding:22px 0;border-top:1px solid #cfc4b3}.steps li>span{font-size:12px;color:var(--orange);font-weight:650}.steps h3{font-size:20px;margin-top:24px}.steps p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:14px;max-width:290px}.device-note{font-size:11px;color:var(--muted);margin-top:30px}.about-section{background:#eaeedf;border-radius:var(--radius);padding:42px}.about-intro{display:flex;gap:24px;align-items:center}.about-intro img{border-radius:20px}.about-intro .eyebrow{margin-bottom:7px;color:#536548}.about-intro h2{font-size:27px}.about-body{padding-left:96px;margin-top:25px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:60px}.about-body p{font-size:13px;line-height:2;color:#59604e;max-width:680px}.about-body strong{font-weight:600}.about-body .text-link{font-size:12px;white-space:nowrap}.support-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:95px}.support-section h2{font-size:32px}.support-section .eyebrow{margin-bottom:14px}.support-section>div>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);margin-top:20px}.support-links{padding-top:7px}.support-links>a{display:grid;grid-template-columns:88px 1fr 20px;gap:10px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.support-links>a>span:first-child{font-size:12px;color:var(--muted)}.support-links>a strong{font-size:21px;letter-spacing:-.015em;font-weight:500}.support-links>p{font-size:11px!important}.footer{border-top:1px solid var(--line);padding:35px 0 25px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-top .brand{font-size:18px}.footer nav{display:flex;gap:25px;font-size:12px}.footer-bottom{margin-top:28px;font-size:10px;color:var(--muted);line-height:1.8}
@media(min-width:1500px){.hero{min-height:775px}.hero-art{height:580px}.wallpaper-phone{right:6%}.floating-note{bottom:45px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.hero{min-height:680px;padding-top:55px;gap:0}.hero-art{height:495px}.wallpaper-phone{width:56%;right:0;top:36px}.wallpaper-back{width:44%;top:100px}.art-ring{inset:70px -5px 70px}.hero-actions{gap:14px}.button{padding:16px 18px;gap:12px}.hero-tags{gap:8px;font-size:10px}.hero-tags span+span:before{margin-right:8px}.feature{padding:28px 26px 22px}.feature-diy{display:block}.diy-art{position:absolute;right:20px;top:20px;transform:scale(.65);transform-origin:right top}.feature-diy p{position:relative;z-index:1;max-width:260px}.feature-diy p br{display:none}.feature-diy h3{font-size:23px;max-width:190px}.app-layout{gap:45px}.about-body{gap:25px}.support-section{gap:45px}.support-links>a strong{font-size:18px}.clock-face{width:95px}.theme-swatches{gap:6px}}
@media(max-width:760px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}.nav-wrap{min-height:76px;gap:12px}.brand{font-size:18px;gap:9px}.brand img{width:38px;height:38px;border-radius:10px}.brand small{font-size:8px;letter-spacing:.08em}.header nav{display:none}.nav-contact{padding:10px 12px;font-size:11px}.nav-contact span{margin-left:7px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:46px;padding-bottom:33px;gap:15px;min-height:0}.hero .eyebrow{font-size:11px;margin-bottom:19px}.sun{font-size:21px}h1{font-size:51px;line-height:1.22}.lead{font-size:17px;line-height:1.7;margin-top:21px}.hero-description{font-size:12px;margin-top:12px}.hero-actions{margin-top:23px;gap:20px}.button{font-size:12px;padding:15px 18px}.text-link{font-size:12px}.hero-tags{margin-top:25px;font-size:9px;gap:12px}.hero-tags span+span:before{margin-right:12px}.hero-art{width:350px;max-width:100%;align-self:center;height:408px;margin-top:10px}.wallpaper-phone{width:49%;top:18px;right:9%;border-width:5px;border-radius:26px}.wallpaper-back{width:40%;left:6%;top:72px;padding:6px 6px 0;border-radius:13px}.wallpaper-back img{border-radius:9px}.wallpaper-back figcaption{font-size:8px;padding:10px 0}.art-ring{inset:45px 1px 45px 4px}.phone-clock{top:35px}.phone-clock span{font-size:7px}.phone-clock strong{font-size:36px;letter-spacing:-2px}.phone-camera{top:8px;height:8px}.phone-note{font-size:7px;padding:8px 3px;bottom:18px;border-radius:9px;left:8px;right:8px}.floating-note{font-size:9px;left:3%;bottom:30px;padding:12px 14px}.floating-note span{font-size:18px}.art-spark{font-size:42px;right:8%;top:0}.art-label{font-size:9px;bottom:2px;left:6%}.intro-strip{padding-block:23px}.intro-strip .wrap{display:block}.intro-strip p{font-size:15px}.intro-strip span{display:block;font-size:10px;margin-top:10px}.section{padding-block:64px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{font-size:12px;margin-top:16px}.section-heading .eyebrow{font-size:11px;margin-bottom:12px}h2{font-size:27px;line-height:1.45}.feature-grid{grid-template-columns:1fr;gap:16px}.feature{padding:27px 25px 22px}.feature h3{font-size:24px}.feature-number{font-size:10px;margin-bottom:17px}.feature p{font-size:12px}.mini-gallery,.widget-art{height:220px;margin-top:18px}.mini-gallery img{height:191px}.feature .illustration-label{font-size:9px}.clock-face{width:105px}.date-tile{max-width:145px}.clock-tile{max-width:155px}.feature-diy{min-height:283px}.feature-diy p{max-width:230px;font-size:11px}.diy-art{transform:scale(.65);top:16px;right:18px}.feature-theme{min-height:283px}.feature-theme p{font-size:11px}.theme-swatches{margin-top:20px}.app-section{padding-top:52px}.app-layout{display:flex;flex-direction:column;gap:34px}.app-copy{order:0;width:100%;padding-bottom:0}.app-figure{order:1;align-self:center;width:100%}.app-copy .eyebrow{font-size:11px;margin-bottom:16px}.app-copy>p:not(.eyebrow){font-size:12px;margin-top:18px}.app-points{gap:20px;margin:26px 0 15px}.app-points h3{font-size:14px}.app-points p{font-size:11px}.app-phone{width:245px;max-height:477px;border-radius:29px 29px 0 0}.app-figure figcaption{font-size:9px}.steps{grid-template-columns:1fr;gap:4px}.steps li{position:relative;padding:23px 0 23px 40px}.steps li>span{position:absolute;left:0;top:27px}.steps h3{font-size:18px;margin-top:0}.steps p{font-size:12px;margin-top:10px;max-width:none}.device-note{font-size:10px;line-height:1.8;margin-top:13px}.about-section{padding:27px 24px;border-radius:20px}.about-intro{gap:13px;align-items:flex-start}.about-intro img{width:48px;height:48px;border-radius:13px}.about-intro .eyebrow{font-size:10px;margin-top:2px;margin-bottom:7px}.about-intro h2{font-size:20px;line-height:1.6}.about-body{display:block;padding:0;margin-top:22px}.about-body p{font-size:12px}.about-body .text-link{margin-top:12px;font-size:11px}.support-section{display:block}.support-section h2{font-size:26px}.support-section>div>p:not(.eyebrow){font-size:12px;margin-top:14px}.support-links{margin-top:23px;padding-top:0}.support-links>a{grid-template-columns:70px 1fr 18px;gap:8px;padding:18px 0}.support-links>a strong{font-size:18px}.support-links>a>span:first-child{font-size:11px}.support-links>p{font-size:10px!important}.footer{padding-top:27px}.footer-top{align-items:flex-start;flex-direction:column;gap:24px}.footer-top .brand{font-size:17px}.footer-top .brand img{width:32px;height:32px}.footer nav{gap:25px;font-size:11px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:7px;margin-top:24px;font-size:9px}}
@media(max-width:365px){.wrap{width:calc(100% - 32px)}h1{font-size:45px}.hero-art{height:365px}.hero-actions{gap:12px}.button{padding:14px;font-size:11px}.hero-tags{gap:7px}.hero-tags span+span:before{margin-right:7px}.feature{padding-inline:21px}.mini-gallery img{height:170px}.mini-gallery,.widget-art{height:205px}.clock-face{width:87px}.date-tile strong{font-size:52px}.diy-art{transform:scale(.4);top:25px;right:9px}.support-links>a strong{font-size:16px}.nav-contact{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}