:root{--paper:#f6f4ed;--ink:#263a31;--orange:#bc5639;--muted:#7e8579;--line:#dcded2;--green:#e7eadf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}button{cursor:pointer}.skip{position:fixed;top:-60px;z-index:100;background:var(--ink);color:white;padding:14px}.skip:focus{top:0}.header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:9px;font-size:25px;font-weight:750;letter-spacing:-1.2px}.brand-dot{align-self:flex-start;font-size:10px;letter-spacing:0;margin-top:4px}.header nav{display:flex;gap:34px;font-size:13px}.header nav a:hover,.text-link:hover,.install-link:hover{color:var(--orange)}.nav-download{font-size:13px;border:1px solid var(--ink);border-radius:30px;padding:12px 19px;display:flex;gap:20px}.nav-download:hover{background:var(--ink);color:var(--paper)}.section-wrap{max-width:1440px;width:90%;margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:750px;padding-top:56px;padding-bottom:60px;gap:24px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:600;display:flex;gap:10px;align-items:center;line-height:1.7}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a6b988;flex-shrink:0}.edition{font-size:8px;letter-spacing:1.2px;color:var(--muted);border-left:1px solid var(--line);padding-left:11px}.hero h1{font-size:clamp(54px,5.3vw,85px);font-weight:500;line-height:1.25;letter-spacing:-3px;margin:28px 0 24px}.serif{font-family:"Songti SC","Noto Serif CJK SC","STSong",serif;font-style:italic;color:var(--orange)}.title-dot{color:var(--orange)}.hero-description{font-size:14px;line-height:2;color:#6a756a}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:31px}.button{display:inline-flex;align-items:center;gap:14px;padding:18px 22px;border-radius:4px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#a7472c}.primary{background:var(--orange);color:#fff}.arrow{margin-left:16px;font-size:18px}.android-icon{font-size:20px}.text-link{font-size:12px;display:flex;gap:18px}.hero-notes{display:flex;gap:19px;font-size:10px;color:var(--muted);margin-top:22px}.hero-art{position:relative;height:590px;margin-top:8px}.art-topline{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.9px;margin:0 14px 24px}.postcard{margin:0;background:#fffdf6;padding:12px 12px 0;box-shadow:0 9px 30px #30372c19;position:absolute}.postcard-main{width:78%;height:420px;right:0;top:45px;transform:rotate(5deg)}.postcard img{width:100%;object-fit:cover;display:block}.postcard-main img{height:365px;filter:saturate(.9) contrast(1.02) sepia(.08);object-position:55% 50%}.postcard figcaption{display:flex;justify-content:space-between;padding:13px 1px;font-size:9px;letter-spacing:.3px;font-family:Georgia,"Songti SC",serif}.postcard-small{width:45%;height:240px;left:1%;bottom:23px;transform:rotate(-9deg);z-index:2}.postcard-small img{height:196px;object-position:50% 58%}.postcard-small figcaption{font-size:10px;padding-top:10px}.round-stamp{border:1px solid var(--orange);border-radius:50%;width:118px;height:118px;position:absolute;left:3%;top:67px;z-index:3;background:var(--paper);transform:rotate(-15deg);display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--orange)}.round-stamp span{font-size:7px;letter-spacing:1px}.round-stamp b{font-size:43px;line-height:1.5;font-weight:400}.color-strip{position:absolute;right:4%;bottom:26px;width:41%;display:flex;flex-wrap:wrap}.color-strip i{height:25px;width:20%}.color-strip i:nth-child(1){background:#b55235}.color-strip i:nth-child(2){background:#d4b47f}.color-strip i:nth-child(3){background:#cad0bc}.color-strip i:nth-child(4){background:#7d9289}.color-strip i:nth-child(5){background:#354c4e}.color-strip span{font-size:7px;letter-spacing:2px;margin-top:12px}.handwritten{position:absolute;right:6%;bottom:-20px;transform:rotate(-5deg);font:italic 16px "Songti SC",serif;color:#7b8778}.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:28px 5%;gap:15px}.manifesto>span{font-size:8px;letter-spacing:1.7px;color:var(--muted)}.manifesto p{font-size:20px;margin:0;letter-spacing:3px}.manifesto p span{color:var(--orange)}.story{padding:100px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:16px}.section-heading .eyebrow{grid-column:1/-1}h2{font-size:clamp(32px,3.1vw,48px);font-weight:500;line-height:1.5;letter-spacing:-1px;margin:13px 0}h2>span:not(.serif){color:#798775}.section-heading p,.looks-heading p{font-size:13px;line-height:2;color:#7d8579;margin:0 0 16px;justify-self:end}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:42px}.benefits article{border-top:1px solid #bfc7b7;padding:24px 0 0;position:relative}.feature-number{font-size:9px;color:#8d9588;position:absolute;right:0;top:22px;letter-spacing:1px}.feature-icon{font-size:39px;font-family:Georgia,serif;color:var(--orange);height:52px}.benefits h3{font-size:19px;font-weight:500;margin:20px 0 15px}.benefits p{font-size:13px;line-height:2.1;color:#7a8377;max-width:320px;min-height:82px}.feature-tag{font-size:10px;letter-spacing:1px;color:#54664f;border-bottom:1px solid #b9c0ad;padding-bottom:4px}.looks{padding:15px 0 100px}.looks-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px;gap:20px}.looks-heading p{margin-bottom:12px}.look-layout{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(260px,1fr);gap:48px;align-items:center}.comparison{position:relative;aspect-ratio:1.43;overflow:hidden;background:#d2d6cd;border-radius:3px;--split:52%}.comparison>img,.compare-after,.compare-after img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;pointer-events:none}.compare-after{clip-path:inset(0 0 0 var(--split))}.compare-after img{filter:sepia(.18) saturate(1.15) contrast(1.05) brightness(1.06)}.compare-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#fff;pointer-events:none}.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#f6f4ed;color:var(--ink);width:43px;height:43px;display:grid;place-items:center;font-size:21px;box-shadow:0 2px 10px #0003}.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:2;touch-action:pan-y}.comparison:focus-within{outline:3px solid var(--orange);outline-offset:4px}.image-label{position:absolute;top:20px;background:#f6f4eddf;border-radius:2px;padding:6px 11px;font-size:10px;z-index:1;pointer-events:none}.label-before{left:20px}.label-after{right:20px}.compare-hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:9px;color:#fff;letter-spacing:2px;white-space:nowrap;text-shadow:0 1px 8px #000}.mini-label{font-size:8px;color:var(--muted);letter-spacing:1.4px;display:block;margin-bottom:22px}.look-button{width:100%;display:flex;align-items:center;padding:16px 12px;border:1px solid transparent;border-top-color:var(--line);background:transparent;text-align:left;gap:16px;color:var(--ink);border-radius:2px}.look-button.active{background:#e8ebdf;border:1px solid #cad0bd}.look-thumb{height:58px;width:58px;flex-shrink:0;border-radius:50%;background:url('assets/coast.jpg') center/cover}.thumb-coast{filter:sepia(.25) saturate(1.1)}.thumb-film{filter:sepia(.4) saturate(.55) contrast(.85)}.thumb-fresh{filter:saturate(.85) brightness(1.12) contrast(.95)}.look-button b{font-size:16px;font-weight:500;display:block;margin-bottom:7px}.look-button small{font-size:10px;color:#7d8776}.look-button i{font-style:normal;font-size:9px;margin-left:auto;color:#88907e}.demo-note{font-size:10px;line-height:1.9;color:#8b9185;margin:22px 0 0}.offline{background:#e5e9dd}.offline-inner{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:80px 0}.offline-art{height:440px;position:relative;display:grid;place-items:center;overflow:hidden}.orbit{border:1px solid #bfc9b0;border-radius:50%;width:300px;height:300px;position:absolute}.orbit-two{width:430px;height:430px;border-style:dashed;opacity:.7}.offline-symbol{font-size:110px;color:#6a7c5c;transform:rotate(-18deg);font-family:Arial,sans-serif}.offline-tag{position:absolute;border:1px solid #b7c0a9;padding:11px 14px;background:#e5e9dd;font-size:8px;letter-spacing:1.5px;transform:rotate(-8deg)}.tag-one{left:6%;top:21%}.tag-two{bottom:24%;right:1%;transform:rotate(9deg)}.offline-caption{position:absolute;bottom:20px;font:italic 15px "Songti SC",serif;color:#778469}.offline-copy h2{font-size:40px;line-height:1.5;margin:22px 0}.offline-copy h2 em{font-style:normal;color:#7b8c64}.offline-copy p{font-size:13px;line-height:2.1;color:#6d7963;max-width:400px}.offline-copy ul{list-style:none;padding:10px 0;margin:0}.offline-copy li{font-size:12px;padding:9px 0}.offline-copy li span{color:#8d9b70;margin-right:14px}.offline-copy small{display:block;font-size:9px;line-height:1.9;color:#7d8872;max-width:390px}.download{padding:95px 0 70px}.download-panel{display:flex;justify-content:space-between;align-items:center;background:#eee8db;border:1px solid #e2dac8;padding:64px 7%;border-radius:3px;gap:40px;position:relative}.download-copy .eyebrow{font-size:9px}.download-copy h2{font-size:44px;line-height:1.5;margin:22px 0 15px}.download-copy p{font-size:13px;line-height:1.9;color:#7d7b6e;margin:16px 0 26px}.download-meta{font-size:10px;color:#888678;margin-top:15px}.install-link{display:block;font-size:10px;margin-top:12px;text-decoration:underline;text-underline-offset:4px}.download-right{width:230px;flex-shrink:0;display:flex;align-items:center;flex-direction:column}.qr-frame{background:#faf9f3;padding:20px;text-align:center;border:1px solid #ded9c9}.qr-frame img{display:block;max-width:100%;height:auto}.qr-frame span{display:block;font-size:10px;color:#6f776a;margin-top:13px}.release-note{display:flex;gap:10px;align-items:flex-start;margin-top:25px}.release-note .status-dot{margin-top:6px;background:#b9845c}.release-note p{font-size:10px;line-height:1.9;color:#858171;margin:0}.download-status{font-size:10px;display:block;color:#626f52;max-width:360px;line-height:1.8;margin-top:8px}.download-status:empty{display:none}.installation{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding:35px 0 0}.installation>.eyebrow{grid-column:1/-1;font-size:10px;margin-bottom:-12px}.installation b{font-size:12px;font-weight:400;color:var(--orange)}.installation b span{color:var(--ink);margin-left:12px;font-size:13px}.installation p{font-size:11px;line-height:1.9;color:#848b7e}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding:40px 0 100px}.faq h2{font-size:36px}.faq .eyebrow{font-size:9px}.faq-items details{border-bottom:1px solid var(--line);padding:20px 0}.faq-items details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;line-height:1.8}summary::-webkit-details-marker{display:none}summary span{font-size:20px;font-weight:300;color:#829174}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;line-height:2;color:#7c8576;margin-bottom:3px}details code{font-size:10px;word-break:break-all;color:#79836f;display:block;line-height:1.8;margin-top:10px}footer{border-top:1px solid var(--line);margin:0 5%;padding:28px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:20px}footer>span{font:italic 13px "Songti SC",serif;color:#829079}footer>div{display:flex;gap:24px;font-size:9px;color:#88907f}footer>div a:hover{color:var(--orange)}
@media(min-width:1600px){.hero{min-height:850px}.hero-art{height:660px}.postcard-main{height:480px}.postcard-main img{height:425px}.postcard-small{height:270px}.postcard-small img{height:226px}}@media(max-width:1050px){.header nav{gap:18px;font-size:11px}.hero{min-height:650px;gap:15px}.hero h1{font-size:60px}.edition{display:none}.hero-art{height:490px}.postcard-main{height:345px}.postcard-main img{height:295px}.postcard-small{height:210px;width:48%}.postcard-small img{height:164px}.round-stamp{width:95px;height:95px;left:-3%}.round-stamp span{font-size:6px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-notes{gap:10px;font-size:9px}.look-layout{gap:28px}.offline-inner{gap:35px}.offline-copy h2{font-size:34px}.benefits{gap:24px}.benefits h3{font-size:17px}.download-panel{padding:45px 6%}.download-copy h2{font-size:36px}.faq{gap:40px}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{height:75px;padding:0 6%;gap:8px}.header .brand{font-size:22px}.header .brand img{width:29px;height:29px}.header nav{display:none}.nav-download{font-size:10px;padding:10px 13px;gap:12px}.section-wrap{width:88%}.hero{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-top:35px;padding-bottom:35px;min-height:auto}.hero .eyebrow{font-size:9px}.hero h1{font-size:60px;letter-spacing:-2px;margin-top:24px;line-height:1.22}.hero h1 br:nth-of-type(2){display:none}.hero-description{font-size:12px;line-height:1.9}.hero-actions{gap:20px;margin-top:24px}.button{font-size:11px;padding:16px 17px;gap:10px}.arrow{margin-left:10px}.text-link{font-size:11px;gap:10px}.hero-notes{font-size:9px;gap:17px;margin-top:18px}.hero-art{height:460px;margin:15px 0 15px}.art-topline{font-size:6px;margin:0 0 10px}.postcard-main{top:35px;width:77%;height:330px;right:3%}.postcard-main img{height:283px}.postcard-small{bottom:12px;width:46%;height:193px}.postcard-small img{height:153px}.postcard figcaption{font-size:7px}.round-stamp{top:66px;left:0;width:88px;height:88px}.round-stamp b{font-size:32px}.round-stamp span{font-size:5px}.color-strip{right:2%;bottom:18px;width:39%}.color-strip i{height:19px}.color-strip span{font-size:5px;letter-spacing:1px}.handwritten{font-size:12px;bottom:-13px;right:3%}.manifesto{justify-content:center;padding:24px 6%}.manifesto>span{display:none}.manifesto p{font-size:17px;letter-spacing:2px}.story{padding:60px 0}.section-heading{display:block}.section-heading>.eyebrow{font-size:10px}h2{font-size:31px;line-height:1.55}.section-heading p{font-size:12px;margin-top:18px}.benefits{grid-template-columns:1fr;gap:27px;margin-top:30px}.benefits article{padding-top:21px}.feature-icon{font-size:33px;height:34px}.benefits h3{font-size:19px;margin:18px 0 9px}.benefits p{max-width:none;min-height:0;font-size:12px;margin-top:0;line-height:2}.feature-tag{font-size:9px}.looks{padding:10px 0 60px}.looks-heading{display:block;margin-bottom:25px}.looks-heading p{font-size:12px;margin-top:16px}.looks-heading .eyebrow{font-size:9px}.look-layout{display:flex;flex-direction:column;gap:25px}.comparison{width:100%;aspect-ratio:.96}.mini-label{font-size:7px;margin-bottom:14px}.look-selector{width:100%}.look-button{padding:12px}.look-thumb{width:48px;height:48px}.look-button b{font-size:15px}.demo-note{font-size:9px;margin-top:15px}.offline-inner{display:flex;flex-direction:column-reverse;padding:50px 0 30px;gap:10px}.offline-copy h2{font-size:32px;margin-top:18px}.offline-copy p{font-size:12px;max-width:none}.offline-copy small{font-size:9px}.offline-copy .eyebrow{font-size:9px}.offline-art{height:320px;width:100%}.orbit{width:220px;height:220px}.orbit-two{width:310px;height:310px}.offline-symbol{font-size:85px}.offline-tag{font-size:6px;padding:10px}.tag-one{left:0;top:22%}.tag-two{right:0;bottom:23%}.offline-caption{font-size:12px;bottom:8px}.download{padding:55px 0 35px}.download-panel{flex-direction:column;align-items:stretch;padding:32px 24px;gap:27px}.download-copy .eyebrow{font-size:7px}.download-copy h2{font-size:31px;margin-top:18px}.download-copy p{font-size:12px}.download-copy .button{width:100%;justify-content:center}.download-copy .button .arrow{margin-left:auto}.download-right{width:100%;display:grid;grid-template-columns:115px 1fr;gap:20px;align-items:center}.qr-frame{padding:10px}.qr-frame img{width:94px;height:94px}.qr-frame span{font-size:7px;line-height:1.8;margin-top:6px}.release-note{margin:0;gap:6px}.release-note p{font-size:9px;line-height:1.9}.release-note p br{display:none}.installation{grid-template-columns:1fr;gap:10px;padding-top:25px}.installation>.eyebrow{margin-bottom:4px}.installation p{margin-top:8px}.faq{grid-template-columns:1fr;gap:20px;padding:25px 0 55px}.faq h2{font-size:30px}.faq h2 br{display:none}.faq-items details{padding:18px 0}summary{font-size:12px}details p{font-size:11px}footer{margin:0 6%;padding:25px 0;flex-wrap:wrap;gap:15px}footer>span{font-size:11px}footer>div{width:100%;justify-content:space-between;font-size:9px}.comparison .image-label{font-size:9px;top:15px}.label-before{left:15px}.label-after{right:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:360px){.hero h1{font-size:51px}.hero-notes{gap:9px}.hero-art{height:400px}.postcard-main{height:290px}.postcard-main img{height:243px}.postcard-small{height:165px}.postcard-small img{height:125px}.hero-actions{gap:15px}.download-panel{padding:28px 18px}.download-copy h2{font-size:28px}}
.postcard-feature{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:85px;padding:0 0 95px}.postcard-copy>p{font-size:13px;line-height:2.1;color:#7a8377;max-width:440px}.postcard-copy h2{font-size:38px}.postcard-copy .demo-note{font-size:10px;margin:24px 0}.postcard-steps{display:flex;gap:18px;flex-wrap:wrap;margin:22px 0;font-size:11px;color:#758066}.postcard-example{display:block;background:#e9e6db;padding:18px;max-width:380px;justify-self:center;box-shadow:0 9px 25px #263a3114;transform:rotate(2deg)}.postcard-example img{width:100%;height:auto;max-height:560px;object-fit:contain;display:block}@media(max-width:700px){.postcard-feature{grid-template-columns:1fr;gap:28px;padding-bottom:55px}.postcard-copy h2{font-size:29px}.postcard-copy>p{font-size:12px}.postcard-example{max-width:300px;padding:12px}.postcard-steps{font-size:10px;gap:12px}.postcard-copy .eyebrow{font-size:9px}}