:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#181816;background:#f4f1ea;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #f4f1ea;--ink: #181816;--red: #f0523e;--orange: #ff684b;--line: rgba(24, 24, 22, .14);--serif: "Songti SC", "STSong", "Noto Serif CJK SC", Georgia, serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper)}body,button,a{color:var(--ink)}button,a{font:inherit}button{border:0;cursor:pointer}a{text-decoration:none}img{display:block;max-width:100%}main{overflow:hidden}.site-header{width:min(1400px,calc(100% - 48px));height:82px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em}.brand img{width:34px;height:34px;border-radius:9px}.brand span{font-size:20px}.brand em{font-family:var(--serif);font-size:13px;font-style:normal;font-weight:600;opacity:.55;margin-left:-4px}.nav-links{display:flex;align-items:center;gap:38px}.nav-links button{background:none;padding:10px 0;font-size:14px;font-weight:600;position:relative}.nav-links button:after{content:"";position:absolute;left:0;bottom:3px;width:0;height:1px;background:currentColor;transition:width .25s ease}.nav-links button:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:10px}.language-button{background:none;display:flex;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600}.header-cta{background:var(--ink);color:#fff;height:42px;padding:0 16px 0 18px;border-radius:100px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.header-cta:hover{background:var(--red);transform:translateY(-2px)}.menu-button{display:none;background:none;padding:8px}.hero{width:min(1400px,calc(100% - 48px));margin:0 auto;min-height:730px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:50px;padding:56px 0 70px}.eyebrow,.section-kicker{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero h1{font-family:var(--serif);font-size:clamp(64px,7vw,112px);line-height:.98;letter-spacing:-.065em;margin:24px 0 30px;font-weight:600}.hero h1 span,.hero h1 strong{display:block}.hero h1 strong{color:var(--red);font-style:italic;font-weight:600;padding-left:.2em}.hero-body{font-size:clamp(17px,1.6vw,21px);line-height:1.75;max-width:610px;color:#181816ad}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:42px}.button{height:52px;padding:0 22px;border-radius:100px;display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:14px;transition:transform .2s,color .2s}.button-dark{color:#fff;background:var(--ink)}.button-dark:hover{transform:translateY(-3px);background:var(--red)}.button-text{background:transparent;padding-left:0;border-radius:0;border-bottom:1px solid var(--ink)}.button-text:hover{color:var(--red)}.hero-visual{height:590px;position:relative}.sun-disc{position:absolute;width:420px;height:420px;border-radius:50%;background:var(--orange);right:8%;top:10%}.poster{position:absolute;background:#fff;padding:9px;box-shadow:0 24px 70px #36211924}.poster img{width:100%;height:100%;object-fit:cover}.poster-back{width:220px;height:290px;left:0;top:105px;transform:rotate(-8deg)}.phone-shell{position:absolute;z-index:3;width:292px;height:580px;right:16%;top:0;background:#f6f3ec;border:9px solid #171715;border-radius:44px;box-shadow:0 30px 80px #2d1c143d;padding:12px 15px 18px;transform:rotate(3deg);overflow:hidden}.phone-bar{height:25px;font-size:8px;display:flex;justify-content:space-between;align-items:flex-start;padding:0 5px;font-weight:700}.dynamic-island{width:76px;height:18px;background:#171715;border-radius:100px;margin-top:-4px}.phone-brand{display:flex;gap:7px;align-items:center;font-family:var(--serif);font-weight:800;font-size:12px;margin:10px 0 14px}.phone-brand img{width:27px;height:27px;border-radius:7px}.phone-shell>p{font-family:var(--serif);font-size:21px;font-weight:800;margin:0 0 15px}.phone-tabs{display:flex;gap:16px;align-items:center;margin-bottom:11px;font-size:9px;color:#777}.phone-tabs b{color:var(--red)}.phone-grid{height:430px;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:8px;overflow:hidden}.phone-grid img{width:100%;border-radius:8px;object-fit:cover}.phone-grid img:first-child{height:270px}.phone-grid img:last-child{height:310px;margin-top:28px}.floating-note{position:absolute;z-index:5;right:0;bottom:52px;padding:13px 17px 13px 13px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(24,24,22,.1);border-radius:14px;box-shadow:0 18px 45px #18181621;display:flex;align-items:center;gap:12px;transform:rotate(-2deg)}.floating-note>span{width:38px;height:38px;border-radius:10px;background:#ffddd6;color:var(--red);display:grid;place-items:center}.floating-note b,.floating-note small{display:block}.floating-note b{font-family:var(--serif);font-size:13px}.floating-note small{color:#79756e;margin-top:4px;font-size:10px}.ribbon{background:var(--ink);color:#fff;padding:15px 0;white-space:nowrap;overflow:hidden;transform:rotate(-1.2deg) scale(1.02)}.ribbon>div{display:flex;width:max-content;animation:marquee 28s linear infinite}.ribbon span{font-family:var(--serif);font-size:14px;font-weight:600;letter-spacing:.04em;margin-right:42px}.ribbon i{color:var(--orange);font-style:normal;padding-left:42px}@keyframes marquee{to{transform:translate(-50%)}}.templates-section{width:min(1400px,calc(100% - 48px));margin:0 auto;padding:140px 0 155px}.section-heading{display:grid;grid-template-columns:1fr 390px;gap:90px;align-items:end;margin-bottom:74px}.section-kicker{color:var(--red);margin:0 0 18px}.section-kicker.light{color:#ff8d77}.section-heading h2,.steps-intro h2,.feature-copy h2,.download-copy h2{font-family:var(--serif);font-size:clamp(44px,5vw,72px);line-height:1.12;letter-spacing:-.045em;margin:0;font-weight:600}.section-heading h2 em{color:var(--red);font-weight:600}.heading-aside p{color:#68645f;line-height:1.75;font-size:16px;margin:0 0 24px}.heading-aside a{background:none;border-bottom:1px solid var(--ink);padding:0 0 7px;display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700}.template-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:26px;align-items:start}.template-card{grid-column:span 4}.template-card.card-2,.template-card.card-5{margin-top:72px}.template-image{background:#e7e2d9;overflow:hidden;position:relative;border-radius:3px}.template-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.3);pointer-events:none}.template-card:nth-child(1) .template-image,.template-card:nth-child(5) .template-image{aspect-ratio:3 / 4}.template-card:nth-child(2) .template-image,.template-card:nth-child(3) .template-image,.template-card:nth-child(6) .template-image{aspect-ratio:4 / 5}.template-card:nth-child(4) .template-image{aspect-ratio:4 / 3}.template-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.75,.3,1)}.template-card:hover img{transform:scale(1.035)}.template-caption{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid var(--line);min-height:60px}.template-caption span{color:var(--red);font-size:10px;font-weight:800}.template-caption p{font-family:var(--serif);font-weight:600;font-size:13px}.steps-section{background:var(--ink);color:#fff;padding:125px max(24px,calc((100vw - 1400px)/2))}.steps-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:65px}.steps-intro h2{max-width:730px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.16)}.step-card{min-height:470px;padding:30px 32px 34px;border-right:1px solid rgba(255,255,255,.16);position:relative;overflow:hidden;isolation:isolate;transition:background .35s ease}.step-card:hover{background:#ffffff06}.step-card:before{content:"";position:absolute;width:280px;height:280px;right:-130px;bottom:-155px;border-radius:50%;background:#f0523e14;filter:blur(6px);z-index:-1}.step-card:first-child{border-left:1px solid rgba(255,255,255,.16)}.step-top{display:flex;align-items:center;justify-content:space-between;color:#ff8d77}.step-top span{font-size:11px;letter-spacing:.15em}.step-card h3{font-family:var(--serif);font-size:25px;margin:52px 0 16px}.step-card p{color:#ffffff94;line-height:1.8;font-size:14px;max-width:320px}.step-visual{position:absolute;left:32px;right:24px;bottom:22px;height:156px}.skill-picker{perspective:700px}.skill-orbit{position:absolute;width:220px;height:82px;right:14px;bottom:5px;border:1px solid rgba(255,141,119,.26);border-radius:50%;transform:rotate(-8deg)}.skill-card{position:absolute;width:92px;height:124px;margin:0;padding:5px;background:#f6f2e9;box-shadow:0 18px 38px #00000057;transition:transform .35s ease}.skill-card img{width:100%;height:94px;object-fit:cover}.skill-card figcaption{height:20px;color:var(--ink);display:flex;align-items:end;justify-content:space-between;font-size:7px;letter-spacing:.1em}.skill-card figcaption b{color:var(--red);font-size:9px}.skill-card-1{left:24px;bottom:-20px;transform:rotate(-11deg);opacity:.72}.skill-card-2{left:105px;bottom:-8px;transform:rotate(3deg);z-index:2}.skill-card-3{left:190px;bottom:-25px;transform:rotate(12deg);opacity:.82}.step-card:hover .skill-card-1{transform:rotate(-14deg) translate(-5px,-5px)}.step-card:hover .skill-card-2{transform:rotate(1deg) translateY(-8px)}.step-card:hover .skill-card-3{transform:rotate(15deg) translate(5px,-5px)}.skill-selected{position:absolute;z-index:4;left:119px;bottom:0;height:24px;padding:0 9px;display:flex;align-items:center;gap:5px;border-radius:100px;background:var(--red);color:#fff;font-size:7px;font-weight:800;letter-spacing:.1em;transform:rotate(2deg)}.mini-editor{left:38px;right:-26px;bottom:-10px;height:164px;background:#f4f1ea;border:1px solid rgba(255,255,255,.25);border-radius:12px 0 0;padding:10px;display:flex;gap:12px;transform:rotate(-3deg);box-shadow:0 22px 45px #0000004d;transition:transform .35s ease}.step-card:hover .mini-editor{transform:rotate(-1deg) translateY(-5px)}.editor-photo{width:104px;height:142px;position:relative;border-radius:6px;overflow:hidden;flex:0 0 auto}.editor-photo img{width:100%;height:100%;object-fit:cover}.editor-photo span{position:absolute;left:7px;bottom:7px;width:22px;height:22px;border-radius:50%;background:#181816d1;color:#fff;display:grid;place-items:center;font-size:7px}.editor-fields{flex:1;padding:8px 9px 0 0}.editor-label{display:block;color:#8a857c;font-size:7px;font-weight:800;letter-spacing:.12em;margin-bottom:13px}.editor-fields>i{display:block;height:8px;width:100%;background:#d8d1c7;margin-bottom:10px;border-radius:10px}.editor-fields>i.short{width:68%}.editor-swatch{display:flex;gap:5px;margin:17px 0 12px}.editor-swatch span{width:15px;height:15px;border-radius:50%;background:var(--red)}.editor-swatch span:nth-child(2){background:#f9c854}.editor-swatch span:nth-child(3){background:var(--ink)}.editor-fields b{height:28px;border-radius:5px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:7px;letter-spacing:.13em}.result-preview{left:26px;right:18px;bottom:6px;height:175px}.result-glow{position:absolute;width:160px;height:160px;border-radius:50%;right:42px;bottom:-44px;background:var(--orange);opacity:.82}.result-card{position:absolute;background:#fff;padding:6px;box-shadow:0 20px 45px #00000061;transition:transform .35s ease}.result-card img{width:100%;height:100%;object-fit:cover}.result-card-back{width:105px;height:135px;right:122px;bottom:-25px;transform:rotate(-10deg);opacity:.66}.result-card-front{width:150px;height:128px;right:10px;bottom:-7px;transform:rotate(5deg);z-index:2}.step-card:hover .result-card-back{transform:rotate(-13deg) translate(-4px,-5px)}.step-card:hover .result-card-front{transform:rotate(3deg) translateY(-7px)}.result-status{position:absolute;left:11px;bottom:11px;height:25px;padding:0 9px;border-radius:100px;background:#181816e6;color:#fff;display:flex;align-items:center;gap:5px;font-size:7px;font-weight:800;letter-spacing:.1em}.result-spark{position:absolute;z-index:4;right:1px;top:3px;width:34px;height:34px;border-radius:50%;background:#f9c854;color:var(--ink);display:grid;place-items:center;font-size:15px;box-shadow:0 8px 24px #00000040}.feature-section{width:min(1400px,calc(100% - 48px));margin:0 auto;padding:150px 0;display:grid;grid-template-columns:1fr .82fr .72fr;gap:70px;align-items:center}.feature-copy h2 span{display:block}.feature-copy>p:not(.section-kicker){color:#67635e;line-height:1.8;font-size:16px;max-width:570px;margin:28px 0 35px}.feature-copy ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.feature-copy li{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.feature-copy li span{color:#fff;background:var(--red);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.feature-art{min-height:610px;position:relative;display:grid;place-items:center}.feature-art:before{content:"";width:360px;height:470px;background:#f9c854;position:absolute;transform:rotate(6deg)}.feature-poster{width:350px;aspect-ratio:4 / 5.2;position:relative;z-index:1;padding:10px;background:#fff;transform:rotate(-3deg);box-shadow:0 30px 70px #18181629}.feature-poster img{width:100%;height:100%;object-fit:cover}.feature-badge{position:absolute;z-index:3;left:-20px;top:55px;width:110px;height:110px;border-radius:50%;background:var(--red);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transform:rotate(-11deg)}.feature-badge span{text-align:center;font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1.4}.use-cases{border-top:1px solid var(--line)}.use-cases>p{font-family:var(--serif);font-weight:700;margin:0;padding:0 0 22px;transform:translateY(-35px)}.use-cases>a{display:grid;grid-template-columns:30px 1fr auto;align-items:center;min-height:62px;border-bottom:1px solid var(--line);font-family:var(--serif);font-weight:600}.use-cases b{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--red);font-size:9px}.download-section{min-height:550px;background:var(--red);color:#fff;position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px;padding:80px max(24px,calc((100vw - 1180px)/2));overflow:hidden}.download-mark{position:absolute;left:-60px;bottom:-270px;font-family:var(--serif);font-size:800px;line-height:1;font-weight:900;color:#ffffff12}.download-copy{position:relative;z-index:2}.download-copy h2{font-size:clamp(48px,6vw,84px)}.download-copy>p:not(.section-kicker){font-size:18px;color:#ffffffbf;margin:20px 0 32px}.coming-pill{width:max-content;background:var(--ink);color:#fff;height:62px;border-radius:13px;padding:0 20px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 30px #1818162e}.apple-mark{font-size:28px;line-height:1}.coming-pill small,.coming-pill b{display:block}.coming-pill small{font-size:8px;letter-spacing:.15em;opacity:.6}.coming-pill b{font-size:17px}.requirements{display:block;color:#fff9;margin-top:14px}.download-icon{width:min(30vw,310px);border-radius:24%;box-shadow:0 35px 70px #5b0f0840;position:relative;z-index:2;transform:rotate(5deg)}footer{min-height:140px;width:min(1400px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;font-size:11px;color:#77726b}.footer-brand{display:flex;align-items:center;gap:11px}.footer-brand img{width:38px;height:38px;border-radius:10px}.footer-brand b,.footer-brand span{display:block}.footer-brand b{font-family:var(--serif);color:var(--ink);font-size:13px}.footer-brand span{margin-top:3px}.footer-links{display:flex;justify-content:flex-end;gap:22px}.footer-links a:hover{color:var(--red)}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.hero-visual[data-reveal]{transform:translateY(28px) scale(.97)}.hero-visual[data-reveal].is-visible{transform:translateY(0) scale(1)}@media(max-width:1080px){.hero{grid-template-columns:.92fr 1.08fr;gap:16px}.phone-shell{right:4%}.poster-back{left:-5%}.feature-section{grid-template-columns:1fr 1fr}.feature-copy{grid-column:1 / -1;max-width:840px}.feature-copy ul{max-width:700px}.feature-art{min-height:550px}}@media(max-width:820px){.site-header{width:calc(100% - 32px);height:70px}.nav-links{display:none;position:absolute;top:70px;left:-16px;right:-16px;padding:18px 24px 26px;background:#f4f1eaf7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:4px}.nav-links.is-open{display:flex}.nav-links button{width:100%;text-align:left;padding:12px 0;font-family:var(--serif);font-size:18px}.header-cta{display:none}.menu-button{display:block}.hero{width:calc(100% - 32px);min-height:auto;grid-template-columns:1fr;padding:76px 0 100px}.hero-copy{position:relative;z-index:5}.hero h1{font-size:clamp(56px,14vw,84px);margin-top:20px}.hero-body{max-width:650px}.hero-visual{margin-top:55px;height:570px}.sun-disc{right:4%}.phone-shell{right:13%}.poster-back{left:6%}.floating-note{right:4%}.templates-section{width:calc(100% - 32px);padding:110px 0}.section-heading{grid-template-columns:1fr;gap:28px;margin-bottom:55px}.heading-aside{max-width:560px}.template-grid{grid-template-columns:1fr 1fr;gap:22px 14px}.template-card{grid-column:span 1}.template-card.card-2,.template-card.card-5{margin-top:45px}.steps-intro{display:block}.steps-intro .section-kicker{margin-bottom:18px}.steps-grid{grid-template-columns:1fr}.step-card,.step-card:first-child{border-left:1px solid rgba(255,255,255,.16);min-height:430px;border-bottom:1px solid rgba(255,255,255,.16)}.step-card h3{margin-top:45px}.feature-section{width:calc(100% - 32px);grid-template-columns:1fr;gap:55px;padding:110px 0}.feature-copy{grid-column:auto}.feature-art{min-height:500px}.use-cases{margin-top:20px}.download-section{min-height:650px;grid-template-columns:1fr;padding-top:100px;padding-bottom:100px}.download-icon{width:220px;position:absolute;right:-34px;bottom:-28px;opacity:.78}footer{width:calc(100% - 32px);grid-template-columns:1fr 1fr;padding:32px 0}footer>p{grid-column:1 / -1;grid-row:2}}@media(max-width:520px){.brand em{display:none}.language-button{font-size:12px;padding:8px 3px}.hero{padding-top:62px}.eyebrow{line-height:1.5;align-items:flex-start}.hero h1{font-size:clamp(50px,15vw,70px)}.hero h1 strong{padding-left:0}.hero-body{font-size:16px;line-height:1.7}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px;margin-top:32px}.button{height:48px}.hero-visual{height:475px;margin-top:35px}.sun-disc{width:310px;height:310px;right:-12%;top:14%}.poster-back{width:150px;height:205px;left:-7%;top:115px}.phone-shell{width:230px;height:455px;right:5%;border-width:7px;border-radius:34px;padding:9px 12px}.phone-shell>p{font-size:17px;margin-bottom:11px}.phone-brand{margin:4px 0 9px}.phone-brand img{width:22px;height:22px}.phone-grid{height:325px}.phone-grid img:first-child{height:210px}.phone-grid img:last-child{height:235px}.floating-note{bottom:-14px;right:0}.section-heading h2,.steps-intro h2,.feature-copy h2,.download-copy h2{font-size:40px}.template-grid{gap:18px 10px}.template-caption{grid-template-columns:24px 1fr;min-height:54px}.template-caption svg{display:none}.template-caption p{font-size:11px}.steps-section{padding-top:95px;padding-bottom:95px}.step-card{padding:27px 22px}.step-visual{left:22px;right:16px}.skill-card-1{left:6%}.skill-card-2{left:34%}.skill-card-3{left:62%}.skill-selected{left:39%}.mini-editor{left:34px;right:-18px}.feature-copy ul{grid-template-columns:1fr}.feature-art{min-height:430px}.feature-art:before{width:270px;height:370px}.feature-poster{width:265px}.feature-badge{left:0;top:35px;width:90px;height:90px}.download-section{min-height:610px}.download-copy{align-self:start}.download-icon{width:180px}footer{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.footer-links{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}