:root{--cream:#FAF6F0;--ink:#2B2620;--muted:#8A8177;--line:#E7DFD4;--teal:#0F6E56;--teal-dark:#0A4A3A;--amber:#B97D2A;--card:#FFFFFF}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Georgia,Times New Roman,serif;background:var(--cream);color:var(--ink);line-height:1.6}.sans{font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}nav{position:-webkit-sticky;position:sticky;top:0;background:rgba(250,246,240,.94);border-bottom:1px solid var(--line);z-index:50}.nav-in{display:flex;align-items:center;justify-content:space-between;height:60px}.logo{font-size:20px;font-weight:700;color:var(--teal-dark);text-decoration:none;letter-spacing:.5px}.logo span{color:var(--amber)}.nav-links{display:flex;gap:26px;align-items:center}.nav-links a{color:var(--ink);font-size:14px}.btn,.nav-links a{text-decoration:none}.btn{display:inline-block;background:var(--teal);color:#fff;border:none;border-radius:8px;padding:12px 26px;font-size:15px;cursor:pointer;font-family:inherit;transition:background .15s}.btn:hover{background:var(--teal-dark)}.btn:disabled{opacity:.55;cursor:default}.btn-ghost{background:transparent;color:var(--teal);border:1px solid var(--teal)}.btn-ghost:hover{background:#EAF3EF}.btn-lg{padding:15px 34px;font-size:17px}header.hero{padding:70px 0 50px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:56px;gap:56px;align-items:center}.kicker{font-size:13px;letter-spacing:2.5px;text-transform:uppercase;color:var(--amber);margin-bottom:16px}h1{font-size:44px;line-height:1.15;font-weight:400;margin-bottom:20px}h1 em{font-style:italic;color:var(--teal-dark)}.sub{font-size:17px;margin-bottom:30px;max-width:440px}.hero-note,.sub{color:var(--muted)}.hero-note{margin-top:16px;font-size:13px}.ba{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px rgba(43,38,32,.18);aspect-ratio:880/1230;max-height:640px;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;background:#DDD}.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.ba .after-img{-webkit-clip-path:inset(0 0 0 var(--pos,50%));clip-path:inset(0 0 0 var(--pos,50%))}.ba .divider{top:0;bottom:0;width:3px}.ba .divider,.ba .knob{position:absolute;left:var(--pos,50%);background:#fff;cursor:ew-resize}.ba .knob{top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px rgba(0,0,0,.25)}.ba .knob svg{width:20px;height:20px}.ba .tag{position:absolute;top:14px;font-size:12px;letter-spacing:1.5px;padding:5px 12px;border-radius:20px;background:rgba(43,38,32,.65);color:#fff;text-transform:uppercase}.tag.before{left:14px}.tag.after{right:14px;background:rgba(15,110,86,.85)}.drag-hint{text-align:center;font-size:12px;color:var(--muted);margin-top:12px;letter-spacing:1px}section{padding:64px 0}.sec-title{text-align:center;font-size:30px;font-weight:400;margin-bottom:8px}.sec-sub{text-align:center;color:var(--muted);font-size:15px;margin-bottom:44px}.steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:22px;gap:22px}.step{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px 20px;text-align:center}.step .num{width:34px;height:34px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:15px}.step h3{font-size:17px;margin-bottom:8px;font-weight:400}.step p{font-size:13px;color:var(--muted)}#tool{background:#F2EBE1;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tool-card{max-width:680px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:36px;box-shadow:0 10px 30px rgba(43,38,32,.07)}.drop{border:2px dashed #c9bfaf;border-radius:12px;padding:48px 24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.drop.over,.drop:hover{border-color:var(--teal);background:#F4F9F7}.drop .big{font-size:18px;margin-bottom:6px}.drop .hint{font-size:13px;color:var(--muted)}.drop .or{margin:14px 0;font-size:12px;color:var(--muted);letter-spacing:1px}.drop-btns{gap:12px;flex-wrap:wrap}.drop-btns,.opt-row{display:flex;justify-content:center}.opt-row{align-items:center;gap:10px;margin-top:18px;font-size:14px;color:var(--muted)}.opt-row input{accent-color:var(--teal);width:16px;height:16px}.proc{display:none;text-align:center;padding:20px 0}.proc .plist{max-width:340px;margin:24px auto 0;text-align:left}.pitem{display:flex;align-items:center;gap:12px;padding:9px 0;font-size:14px;color:var(--muted)}.pitem .dot{width:10px;height:10px;border-radius:50%;background:#DDD2C2;flex:none}.pitem.on{color:var(--ink)}.pitem.on .dot{background:var(--teal)}.pitem.done .dot{background:var(--amber)}.result{display:none;margin-top:8px}.result .ba{max-height:520px;box-shadow:0 12px 32px rgba(43,38,32,.14)}.locked-overlay{pointer-events:none}.locked-overlay,.wm{position:absolute;inset:0}.wm{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='120'%3E%3Ctext x='90' y='60' font-family='Arial' font-size='18' fill='rgba(255,255,255,0.4)' text-anchor='middle' transform='rotate(-24 90 60)'%3EPREVIEW%3C/text%3E%3C/svg%3E")}.result-actions{display:flex;gap:14px;justify-content:center;margin-top:22px;flex-wrap:wrap}.locked-band{background:#3B3128;color:#F5E9D8;text-align:center;font-size:14px;padding:13px 18px;border-radius:10px;margin-top:20px}.locked-band b{color:#F3C980}.credits-pill{font-size:13px;color:var(--teal);text-align:center;margin-top:10px}.plans{display:grid;grid-template-columns:repeat(2,minmax(280px,340px));grid-gap:26px;gap:26px;justify-content:center}.plan{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:34px 30px;position:relative}.plan.hot{border:2px solid var(--teal)}.ribbon{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--teal);color:#fff;font-size:12px;letter-spacing:1.5px;padding:5px 16px;border-radius:20px;text-transform:uppercase}.plan h3{font-size:20px;font-weight:400;margin-bottom:6px}.price{font-size:42px;margin:10px 0 2px}.price small{font-size:15px;color:var(--muted)}.plan ul{list-style:none;margin:20px 0 26px}.plan li{font-size:14px;color:var(--muted);padding:5px 0;display:flex;gap:10px;align-items:center}.plan li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--amber);flex:none}.plan .btn{width:100%;text-align:center}.addons{margin-top:26px;font-size:14px;color:var(--muted)}.addons,.notice{text-align:center}.notice{background:#F3E3C3;color:#7A5A1E;font-size:13px;padding:12px 18px;border-radius:10px;margin-top:16px}.legal{max-width:760px;margin:0 auto;padding:60px 24px}.legal h1{font-size:32px;margin-bottom:24px}.legal h2{font-size:19px;margin:28px 0 10px;font-weight:700}.legal li,.legal p{font-size:15px;color:#4B443B;margin-bottom:10px}.legal ul{padding-left:22px}footer{padding:40px 0 60px;border-top:1px solid var(--line);margin-top:40px}footer p{font-size:13px;text-align:center}footer a,footer p{color:var(--muted)}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 22px;border-radius:10px;font-size:14px;opacity:0;transition:opacity .3s;pointer-events:none;z-index:200}@media(max-width:860px){.hero-grid{grid-template-columns:1fr;gap:36px}h1{font-size:34px}.steps{grid-template-columns:repeat(2,1fr)}.plans{grid-template-columns:1fr}.nav-links a.hide-m{display:none}}