@font-face{font-family:Fredoka;src:url('assets/Fredoka-600-brand.ttf') format('truetype');font-display:swap;font-weight:600}
:root{--ink:#181818;--muted:#747474;--line:#e9e9e9;--soft:#f6f6f5}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:102px}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:cover}figure,p,h1,h2,h3{margin:0}a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}::selection{background:#ddd}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.header{height:98px;padding:0 56px;max-width:1536px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:156px;height:auto}.header nav{display:flex;align-items:center;gap:38px;font-size:13px}.header nav>a:not(.nav-cta):hover{color:var(--muted)}.nav-cta{padding:13px 20px;border:1px solid var(--line);border-radius:30px}.nav-cta span{margin-left:19px}.skip-link{position:fixed;top:-80px;left:20px;background:#181818;color:#fff;padding:15px;z-index:10}.skip-link:focus{top:10px}.hero{min-height:700px;padding-top:58px;padding-bottom:68px;display:grid;grid-template-columns:1fr 1.08fr;gap:30px;align-items:center}.eyebrow{font-size:12px;font-weight:500;letter-spacing:1.6px;line-height:1.7}.dot{display:inline-block;width:6px;height:6px;background:var(--ink);border-radius:50%;margin:0 10px 2px 0}.hero h1{font-size:clamp(52px,5.3vw,78px);line-height:1.21;letter-spacing:-4px;font-weight:600;margin:29px 0 25px}.period{margin-left:-5px}.hero-description{color:#707070;font-size:16px;line-height:1.95}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:36px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--ink);color:white;border-radius:14px;padding:19px 23px;transition:background .2s,transform .2s}.button:hover{background:#3b3b3b;transform:translateY(-2px)}.text-link{display:flex;gap:15px;align-items:center}.release-note{font-size:11px;color:#818181;margin-top:16px}.hero-visual{position:relative;height:535px;margin-left:14px}.portrait{position:absolute;overflow:hidden;border-radius:20px;background:#ddd}.portrait-main{width:66%;height:440px;left:0;top:0;transform:rotate(-5deg)}.portrait-main img{width:100%;height:100%;object-position:center 42%}.portrait-main figcaption{position:absolute;inset:auto 0 0;color:white;background:linear-gradient(transparent,#0009);padding:45px 22px 21px;display:flex;justify-content:space-between;font-size:12px}.portrait-main figcaption span:last-child{font-size:9px;letter-spacing:1px}.portrait-small{width:43%;height:297px;right:0;top:218px;transform:rotate(8deg);border:7px solid white;box-shadow:0 12px 30px #0000000c}.portrait-small img{width:100%;height:100%;object-position:center 38%}.portrait-small figcaption{position:absolute;bottom:0;color:white;background:linear-gradient(transparent,#0009);padding:30px 13px 13px;font-size:10px;inset-inline:0}.brand-stamp{position:absolute;right:6%;top:82px;width:94px;height:94px;transform:rotate(11deg);border-radius:24px;overflow:hidden;box-shadow:0 5px 20px #00000010}.vertical-note{position:absolute;right:4px;top:13px;font-size:9px;letter-spacing:2px;writing-mode:vertical-rl}.visual-note{position:absolute;bottom:2px;left:2%;font-size:10px;color:#888}.intro-strip{border-top:1px solid var(--line);padding:27px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px}.intro-strip>span{font-size:11px;color:#777}.intro-strip i{font-style:normal;color:#ccc;margin:0 20px}.create-section{background:var(--soft);padding:98px 0}.create-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.product-stage{position:relative;min-height:590px;background:#ededea;border-radius:26px;padding-top:53px;overflow:hidden}.stage-label{position:absolute;top:25px;left:26px;font-size:9px;letter-spacing:1.5px}.stage-label .dot{width:4px;height:4px}.preview-sheet{width:62%;margin:0 auto;background:white;border-radius:23px;padding:19px 12px 12px;box-shadow:0 17px 40px #00000009;transform:rotate(-5deg)}.sheet-top{display:flex;align-items:center;justify-content:space-between;padding:0 5px 17px;gap:8px}.sheet-top img{width:98px;height:auto}.sheet-top>span{font-size:9px;color:#999}.preview-photo{position:relative;overflow:hidden;border-radius:13px}.preview-photo img{width:100%;height:330px;object-fit:cover}.preview-photo>span{position:absolute;left:10px;bottom:10px;border-radius:20px;padding:6px 10px;font-size:9px;background:#ffffffda}.sheet-bottom{display:flex;justify-content:space-between;align-items:center;padding:19px 4px 9px}.sheet-bottom strong{font-size:11px;font-weight:500}.sheet-bottom p{font-size:9px;color:#999;margin-top:7px}.circle-arrow{background:var(--ink);color:white;border-radius:50%;height:31px;width:31px;display:grid;place-items:center}.style-note{position:absolute;right:6%;bottom:87px;transform:rotate(7deg);background:white;padding:18px 22px;border-radius:13px;box-shadow:0 8px 25px #00000008;display:flex;gap:15px;align-items:center;font-size:12px;line-height:1.7}.style-note>span{font-size:38px;font-family:serif}.stage-caption{position:absolute;bottom:23px;left:26px;color:#888;font-size:10px}.feature-copy h2,.section-heading h2{font-size:43px;font-weight:550;letter-spacing:-1.9px;line-height:1.35;margin:20px 0 24px}.section-description{color:#747474;font-size:14px;line-height:1.95}.steps{padding:0;margin:30px 0 23px;list-style:none}.steps li{display:flex;gap:22px;padding:18px 0;border-bottom:1px solid #dededb}.steps li>span{font-size:11px;color:#888;padding-top:4px}.steps h3{font-weight:500;font-size:15px}.steps p{font-size:12px;color:#777;line-height:1.85;margin-top:7px}.fine-print{font-size:10px;color:#888;line-height:1.7}.community-section{padding-top:110px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-heading h2{margin-bottom:0}.section-heading>.section-description{margin-bottom:6px}.community-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.community-gallery>figure:nth-child(2){padding-top:58px}.community-gallery>figure:nth-child(3){padding-top:17px}.gallery-image{position:relative;border-radius:19px;overflow:hidden;background:#e4e4e1}.gallery-image img{width:100%;height:auto;aspect-ratio:3/3.8;transition:transform .5s}.gallery-image:hover img{transform:scale(1.025)}.gallery-image>span{position:absolute;bottom:17px;left:17px;color:white;background:#181818b0;border-radius:30px;padding:8px 13px;font-size:10px}.community-gallery figcaption{padding:20px 3px}.community-gallery h3{font-size:17px;font-weight:500}.community-gallery figcaption p{font-size:11px;color:#888;margin-top:8px}.gallery-note{font-size:10px;color:#888;margin-top:13px}.community-details{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:56px;border-top:1px solid var(--line);padding-top:35px}.detail-symbol{font-size:26px;display:block;margin-bottom:16px}.community-details h3{font-size:16px;font-weight:500;margin-bottom:11px}.community-details p{font-size:12px;color:#777;line-height:1.9;max-width:300px}.download-section{padding-bottom:70px;scroll-margin-top:24px}.download-panel{position:relative;overflow:hidden;background:#181818;border-radius:28px;text-align:center;color:white;padding:63px 24px 44px}.download-icon{border:1px solid #454545;border-radius:22px;margin:0 auto 27px}.download-panel .eyebrow{color:#b0b0b0;font-size:10px;letter-spacing:2px}.download-panel h2{font-size:46px;line-height:1.32;font-weight:500;letter-spacing:-1.5px;margin:20px 0}.download-panel>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#aaa}.coming-soon{display:flex;align-items:center;justify-content:center;gap:10px;width:172px;padding:16px;background:white;color:var(--ink);border-radius:13px;margin:29px auto 22px;font-size:14px}.status-dot{width:6px;height:6px;border-radius:50%;background:#999}.download-domain{font-size:10px;letter-spacing:1.3px;color:#929292}.footer{border-top:1px solid var(--line);padding:30px 0 35px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer>span{font-size:11px;color:#888}.footer small{font-size:10px;color:#888}
@media(min-width:1500px){.hero{min-height:770px}.hero-visual{height:590px}.portrait-main{height:490px}.portrait-small{height:330px;top:243px}.brand-stamp{top:100px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.header{padding:0 36px}.hero{min-height:650px;gap:20px}.hero h1{font-size:57px}.hero-actions{gap:20px}.button{padding:17px 19px;gap:20px}.hero-visual{height:480px;margin-left:7px}.portrait-main{width:72%;height:375px}.portrait-small{width:48%;height:250px;top:211px}.brand-stamp{width:75px;height:75px;right:1%;top:58px}.create-grid{gap:55px}.feature-copy h2,.section-heading h2{font-size:36px}.preview-sheet{width:73%}.product-stage{min-height:560px}.preview-photo img{height:300px}.hero-description{font-size:14px}.text-link{font-size:12px;gap:8px}.intro-strip i{margin:0 8px}.community-details{gap:30px}}
@media(max-width:760px){html{scroll-padding-top:28px}.wrap{width:calc(100% - 40px)}.header{height:80px;padding:0 20px;gap:15px}.brand img{width:124px}.header nav{gap:20px;font-size:12px}.header .nav-cta{display:none}.hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:35px;gap:38px;min-height:0}.eyebrow{font-size:10px}.hero h1{font-size:58px;letter-spacing:-3px;line-height:1.22;margin:24px 0 22px}.hero-description{font-size:14px}.hero-actions{margin-top:27px;gap:24px}.button{padding:17px 21px;gap:27px}.release-note{font-size:10px}.hero-visual{width:min(460px,94%);height:435px;margin:0 auto}.portrait-main{width:66%;height:345px;left:3%;top:12px}.portrait-small{width:44%;height:235px;top:178px;right:1%}.brand-stamp{width:76px;height:76px;right:5%;top:55px}.vertical-note{font-size:8px;right:-3px}.visual-note{left:0;font-size:9px;bottom:0}.intro-strip{align-items:flex-start;flex-direction:column;gap:12px;padding:24px 0 29px;font-size:12px}.intro-strip>span{font-size:10px}.intro-strip i{margin:0 12px}.create-section{padding:55px 0}.create-grid{grid-template-columns:1fr;gap:38px}.feature-copy{grid-row:1}.feature-copy h2,.section-heading h2{font-size:34px;letter-spacing:-1px;margin:16px 0 20px}.section-description{font-size:13px}.steps{margin-top:22px}.steps li{padding:16px 0}.fine-print{font-size:10px}.product-stage{min-height:540px;width:100%;max-width:450px;margin:auto}.preview-sheet{width:67%}.preview-photo img{height:300px}.style-note{right:5%;bottom:70px}.community-section{padding-top:62px;padding-bottom:55px}.section-heading{display:block;margin-bottom:30px}.section-heading>.section-description{margin-top:22px}.community-gallery{gap:16px;grid-template-columns:1fr 1fr}.community-gallery>figure:nth-child(2){padding-top:33px}.community-gallery>figure:nth-child(3){display:none}.gallery-image{border-radius:13px}.gallery-image>span{font-size:9px;left:10px;bottom:10px;padding:6px 9px}.community-gallery h3{font-size:13px}.community-gallery figcaption{padding:14px 0}.community-gallery figcaption p{font-size:9px;line-height:1.6}.gallery-note{font-size:9px;line-height:1.6;margin-top:10px}.community-details{grid-template-columns:1fr;margin-top:30px;padding-top:0;gap:0}.community-details article{padding:25px 0 25px 44px;border-bottom:1px solid var(--line);position:relative}.detail-symbol{position:absolute;left:0;top:23px;font-size:25px}.community-details h3{font-size:15px;margin-bottom:7px}.community-details p{font-size:12px;max-width:none}.download-section{padding-bottom:38px}.download-panel{padding:42px 23px 35px;border-radius:22px}.download-icon{width:72px;height:72px;border-radius:18px;margin-bottom:24px}.download-panel h2{font-size:33px;letter-spacing:-1px}.download-panel>p:not(.eyebrow){font-size:11px;max-width:275px;margin:auto}.coming-soon{font-size:13px;width:156px}.footer{flex-wrap:wrap;padding-top:25px;padding-bottom:25px;gap:20px}.footer>a img{width:115px;height:auto}.footer>span{display:none}.footer small{font-size:9px}}
@media(max-width:370px){.header nav{gap:13px;font-size:11px}.hero h1{font-size:51px}.hero-actions{gap:16px}.hero-visual{height:385px}.portrait-main{height:305px}.portrait-small{height:210px;top:153px}.brand-stamp{width:65px;height:65px}.product-stage{min-height:490px}.preview-photo img{height:260px}.sheet-top>span{display:none}.style-note{bottom:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}