:root{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;color:#253c34;background:#faf9f5;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}.shell{max-width:1320px;padding:0 64px;margin:auto}.topbar{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e8e0}.brand{display:flex;align-items:center;gap:12px;font-weight:650;font-size:19px}.brand-icon{display:grid;place-items:center;background:#254d41;color:#f9f2d7;width:44px;height:44px;border-radius:14px;font-size:34px}.brand small{display:block;letter-spacing:2.2px;font-size:9px;margin-top:5px;font-weight:500}nav{display:flex;align-items:center;gap:32px;font-size:14px}.plain{border:0;background:none;padding:10px}.outline,.primary{border:1px solid #cbd1c6;border-radius:9px;padding:14px 21px;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:14px}.primary{background:#284f42;border-color:#284f42;color:#fff}.primary:hover{background:#396652}.outline:hover{background:#eeefe6}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;padding:76px 0 70px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;color:#6c7b6c;font-weight:600;display:flex;gap:10px;align-items:center}.dot{width:7px;height:7px;background:#849877;border-radius:50%}h1{font-size:clamp(38px,4.5vw,62px);line-height:1.3;letter-spacing:-2px;font-weight:550;margin:25px 0}.serif{font-family:"Noto Serif SC",serif;color:#9a8050;display:inline-block;position:relative}.serif:after{content:"";position:absolute;width:100%;height:8px;border-bottom:2px solid #cbb889;border-radius:50%;bottom:0;left:0}.hero p{color:#768078;font-size:15px;line-height:1.95}.hero-actions{display:flex;gap:12px;margin-top:30px}.trust{display:flex;gap:22px;font-size:11px;color:#7b867b;margin-top:27px}.hero-art{height:390px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#efdfb74f,transparent 70%)}.orb{width:310px;height:310px;border-radius:50%;position:absolute;background:linear-gradient(145deg,#d6dfc6,#f4e4bb);box-shadow:20px 30px 70px #82937a22}.light-card{position:relative;width:225px;height:290px;border:1px solid #fff9;background:linear-gradient(140deg,#fffef0ee,#f6edcbbb);border-radius:28px;box-shadow:20px 20px 50px #65745522;transform:rotate(-8deg);padding:24px;text-align:center;font-size:12px;color:#8a876b}.light-circle{width:133px;height:133px;background:radial-gradient(circle,#fffef5,#fbe8b8);border-radius:50%;display:grid;place-items:center;margin:22px auto;color:#b09a58;font-size:56px;box-shadow:0 0 45px #ffeda7}.spectrum{height:5px;background:linear-gradient(90deg,#e5b15d,#f5f4d4,#c5d8e5);border-radius:4px}.scale{display:flex;justify-content:space-between;margin-top:12px;font-size:9px}.float-label{position:absolute;right:0;top:50px;z-index:1;background:#fffefa;border:1px solid #e9e5d8;border-radius:12px;padding:15px;box-shadow:0 8px 30px #2c442b08;font-size:8px;letter-spacing:1.3px;transform:rotate(5deg)}.float-label span{display:block;font-size:21px;color:#847959;margin-top:7px}.caption{position:absolute;bottom:0;font-size:8px;letter-spacing:2px;color:#969b88}.announcement{display:flex;align-items:center;gap:12px;font-size:12px;color:#78836e;border-top:1px solid #e6e7dc;border-bottom:1px solid #e6e7dc;padding:20px 0}.right{margin-left:auto;letter-spacing:1.3px;font-size:9px;color:#9a9f93}.tools-section{padding:65px 0 30px;scroll-margin-top:30px}.section-head h2{font-weight:550;font-size:29px;margin:16px 0 12px}.section-head p{font-size:14px;color:#879083}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.tool-card{position:relative;text-align:left;padding:25px;background:#fffefa;border:1px solid #e7e9df;border-radius:13px;transition:transform .2s,border-color .2s}.tool-card:hover{transform:translateY(-3px)}.tool-card.active{border-color:#6f8a6c;background:#f1f4e9}.tool-card>div{display:flex;justify-content:space-between;align-items:center}.tool-icon{display:grid;place-items:center;width:40px;height:40px;background:#edf0e4;border-radius:12px;font-size:24px;font-weight:400}.tool-card small{font-size:9px;color:#82917d;letter-spacing:1px}.tool-card small.pro{background:#f4ecdc;color:#9c8654;padding:4px 7px;border-radius:5px}.tool-card h3{font-size:17px;font-weight:550;margin:19px 0 9px}.tool-card p{font-size:12px;color:#88917e;margin:0}.arrow{position:absolute;right:24px;bottom:24px;color:#83917d}.recent{font-size:12px;color:#85917e;margin-top:20px}.recent button{background:none;border:1px solid #dfe5d7;border-radius:15px;font-size:12px;margin-left:8px;padding:5px 10px}.workspace{background:#fff;border:1px solid #e3e7dc;border-radius:17px;margin-top:30px;overflow:hidden}.work-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0e7;padding:18px 25px}.work-title h3{margin:0;font-weight:550}.work-title span{font-size:11px;color:#8c9786}.work-grid{display:grid;grid-template-columns:1.8fr 1fr}.input-pane{padding:25px;min-width:0}.dropzone{border:1.5px dashed #cfd9c6;border-radius:12px;background:#fafbf7;padding:42px 10px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;position:relative}.dropzone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.upload{font-size:35px;color:#839676}.dropzone strong{font-size:14px;font-weight:500}.dropzone small{font-size:10px;color:#9ca491}.settings{border-left:1px solid #edf0e7;background:#fcfcf9;padding:25px}.settings h4{margin:0 0 24px;font-weight:500;font-size:14px}label{display:block;font-size:12px;color:#68765f;margin-bottom:18px}label span{float:right}input:not([type=range],[type=color],[type=file]),select,textarea{width:100%;border:1px solid #dfe5d8;border-radius:7px;background:#fff;padding:10px;margin-top:8px;color:#354b3c}input[type=range]{width:100%;accent-color:#58794f;display:block;margin-top:13px}input[type=color]{display:block;width:100%;height:32px;border:1px solid #e1e7d9;margin-top:8px}textarea{resize:vertical}.settings>.primary{width:100%;margin-top:10px}.hint{font-size:11px;color:#95a089;line-height:1.7}.file{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:12px}.file img{width:42px;height:42px;object-fit:cover;border-radius:6px}.file span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file small{display:block;color:#9ca493;margin-top:4px}.file button{border:0;background:#f0f3e9;border-radius:5px;padding:5px 8px}.output{margin-top:25px}.output img{display:block;max-width:100%;max-height:460px;object-fit:contain;margin:0 auto 18px;background:repeating-conic-gradient(#eee,#eee 25%,#fff 0%,#fff 50%) 50%/16px 16px}.status{font-size:12px;line-height:1.6;color:#6a785d;min-height:20px}.bottom-banner{margin:15px 0 65px;padding:35px 40px;border-radius:16px;background:#eaf0e2;display:flex;justify-content:space-between;align-items:center}.bottom-banner h2{font-size:25px;font-weight:500}.bottom-banner p{font-size:12px;color:#7d8b70}footer{padding:27px 0 35px;border-top:1px solid #e1e7d9;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#869079}footer button{border:0;background:none;font-size:11px;padding:8px}footer small{font-size:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17241b70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;display:grid;place-items:center;padding:24px}.modal{width:min(100%,500px);max-height:90vh;overflow:auto;border-radius:20px;background:#fafbf6;padding:38px;position:relative;box-shadow:0 20px 100px #0003}.close{position:absolute;right:20px;top:15px;font-size:24px;border:0;background:none}.modal h2{font-size:26px;font-weight:500}.modal p{font-size:14px;line-height:1.8;color:#7d8b70}.modal small{font-size:10px;letter-spacing:1px}.price{font-size:50px;color:#31583c}.price small{font-size:13px}.signature-pad{width:100%;background:#344d3a;border-radius:12px;touch-action:none}.signature-history{display:flex;margin-top:15px;gap:10px}.signature-history button{background:#607554;border:0;border-radius:5px;color:#fff}.signature-history img{width:140px}.danger{color:#b26c53}.light-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.light-dimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none}.light-controls{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:min(90%,360px);padding:20px;background:#fff9;border-radius:15px}.light-controls button{float:right;background:none;border:0}.light-controls small{font-size:11px}.light-controls label{color:#364731}@media(max-width:900px){.shell{padding:0 28px}.hero{gap:0}.hero-art{height:330px}.orb{width:250px;height:250px}.float-label{right:-5px}.trust{gap:10px;font-size:9px}.topbar nav{gap:15px}.right,footer small{display:none}.work-grid{grid-template-columns:1.5fr 1fr}.tool-card{padding:20px}}@media(max-width:620px){.shell{padding:0 20px}.topbar{height:85px}.brand{font-size:16px}.topbar nav{display:none}.topbar>.outline{padding:10px;font-size:12px}.hero{grid-template-columns:1fr;padding:45px 0 30px}.hero-art{height:320px;margin-top:20px}.hero h1{font-size:45px}.hero p{font-size:13px}.hero-actions{gap:8px}.trust{font-size:10px;gap:15px}.float-label{right:10px}.announcement{font-size:11px}.tools-section{padding-top:40px}.section-head h2{font-size:23px}.tool-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tool-card{padding:17px}.tool-card h3{font-size:16px}.tool-card p{font-size:10px}.arrow{right:15px;bottom:15px}.work-grid{grid-template-columns:1fr}.work-title{padding:18px}.work-title span{font-size:9px}.input-pane,.settings{padding:18px}.settings{border-left:0;border-top:1px solid #edf0e7}.bottom-banner{padding:28px 23px;display:block}.bottom-banner h2{font-size:22px}footer{flex-wrap:wrap;gap:12px}.modal{padding:28px}.recent{line-height:2.8}}.language-picker{max-width:130px;min-height:40px;border:1px solid #d6d9d1;border-radius:8px;background:transparent;padding:6px;color:inherit}html[lang=en] .hero h1{font-size:clamp(40px,5vw,72px);letter-spacing:-.035em}html[lang=en] .tool-card h3{font-size:20px}@media(max-width:700px){.topbar{flex-wrap:wrap;gap:12px}.language-picker{max-width:105px}}