:root{--blue:#2457d6;--blue-d:#1b43ab;--navy:#0f1e4a;--sun:#ffc94a;--bg:#f6f8fd;--card:#fff;--line:#dce3f5;--muted:#5b6585;--ok:#14804a;--r:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--navy);text-align:center;margin:0;font:16px/1.55 Manrope,system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3,.brand{font-family:Sora,Manrope,system-ui,sans-serif}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline-offset:2px;outline:3px solid #2457d673}.nav{z-index:10;min-height:56px;padding:max(8px, env(safe-area-inset-top)) 16px 8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#f6f8fdeb;justify-content:center;align-items:center;display:flex;position:sticky;top:0}.brand{color:var(--navy);align-items:center;gap:10px;font-size:19px;font-weight:800;text-decoration:none;display:flex}.nav-btn.left{left:12px;right:auto}.nav-btn{border:1px solid var(--line);color:var(--blue);cursor:pointer;background:#fff;border-radius:99px;padding:7px 14px;font-size:13px;font-weight:700;position:absolute;right:12px}.btn{background:var(--sun);color:var(--navy);cursor:pointer;border:0;border-radius:999px;padding:13px 26px;font-weight:700;text-decoration:none;transition:transform .12s;display:inline-block;box-shadow:0 6px 18px #ffc94a73}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default;box-shadow:none}.btn.big{padding:16px 32px;font-size:17px}.btn.small{box-shadow:none;padding:9px 18px;font-size:14px}.btn.ghost{border:2px solid var(--blue);color:var(--blue);box-shadow:none;background:#fff;padding-top:11px;padding-bottom:11px}.link{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:6px 0;text-decoration:underline}.link.danger{color:#b42318}.hero{flex-direction:column;align-items:center;gap:16px;max-width:880px;margin:0 auto;padding:36px 16px 28px;display:flex}.badge{color:#7a5600;background:#fff4d6;border:1px solid #f5dc8e;border-radius:99px;padding:5px 14px;font-size:13px;font-weight:700;display:inline-block}.hero h1{letter-spacing:-.025em;font-size:clamp(30px,7vw,52px);line-height:1.1}.hero em{color:var(--blue);font-style:normal}.lead{color:var(--muted);max-width:520px;font-size:clamp(16px,2.6vw,19px)}.proof{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:2px 0 0;padding:0;font-size:14px;font-weight:600;list-style:none;display:flex}.proof li:before{content:"✓";color:var(--ok);margin-right:6px;font-weight:800}.fine{color:var(--muted);max-width:420px;font-size:13px}.demo{grid-template-columns:1fr;place-items:center;gap:10px;width:100%;margin:16px 0 4px;display:grid}.demo figure{width:100%;max-width:300px;margin:0}.demo figcaption{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:800}.arrow{color:var(--blue);font-size:30px;font-weight:800;line-height:1;transform:rotate(90deg)}.rawtext{text-align:left;color:#3b4468;background:#fff;border:1px dashed #b9c6ea;border-radius:14px;height:232px;padding:14px;font:12.5px/1.55 SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.rawtext p{white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;overflow:hidden}.rawtext .tabs{margin:0}.page{text-align:left;color:#000;background:#fff;border-radius:6px;height:232px;padding:16px 16px 26px;font:11px/1.4 Times New Roman,Tinos,Liberation Serif,serif;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f1e4a2e}.page .toc-t{text-align:center;margin-bottom:6px;font-size:12px;font-weight:700}.page .toc{align-items:flex-end;gap:4px;font-size:10px;font-weight:700;display:flex}.page .toc.sub{padding-left:10px;font-weight:400}.page .toc i{border-bottom:1.5px dotted #000;flex:1;margin-bottom:3px}.page .h{margin:12px 0 5px;font-style:italic;font-weight:700}.page .line{background:#d6dbea;border-radius:3px;height:5px;margin:5px 0}.page .line.s{width:60%}.page .cap{text-align:center;margin:8px 0 4px;font-size:9.5px;font-weight:700}.page table{border-collapse:collapse;width:100%;font-size:9.5px}.page th,.page td{border:.6px solid #000;padding:1.5px 5px}.page th{text-align:center;font-weight:700}.page .num{text-align:center;font-size:9.5px;position:absolute;bottom:7px;left:0;right:0}@media (width>=760px){.demo{grid-template-columns:1fr auto 1fr;gap:24px}.arrow{transform:none}.demo figure{max-width:340px}}.band,.info{flex-direction:column;align-items:center;gap:18px;max-width:880px;margin:0 auto;padding:36px 16px;display:flex}.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;max-width:none}.band>*{width:100%;max-width:880px}.band>.btn{width:auto}h2{letter-spacing:-.015em;font-size:clamp(22px,4.5vw,30px);line-height:1.2}h3{font-size:16px}.section-title{margin:8px 0 14px}.steps{grid-template-columns:1fr;gap:14px;margin:0;padding:0;list-style:none;display:grid}.steps li{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:18px 16px}.steps b{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:8px;font-family:Sora,sans-serif;display:inline-grid}.steps p,.feats p,.how p{color:var(--muted);margin-top:4px;font-size:14.5px}.feats{grid-template-columns:1fr;gap:12px;width:100%;margin:0;padding:0;list-style:none;display:grid}.feats li{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:16px}.how{grid-template-columns:1fr;gap:12px;display:grid}.how>div{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:16px}@media (width>=700px){.steps,.feats{grid-template-columns:repeat(3,1fr)}.how{grid-template-columns:1fr 1fr}}details{border:1px solid var(--line);text-align:left;background:#fff;border-radius:14px;width:100%;padding:12px 16px}summary{cursor:pointer;font-weight:700}details p{color:var(--muted);margin:8px 0 0}.foot{text-align:center;color:var(--muted);padding:4px 16px 120px;font-size:13px}.atelier{text-align:left;grid-template-areas:"title""bar""tabs""panel""view""dock";gap:12px;max-width:1280px;margin:0 auto;padding:12px 12px 96px;scroll-margin-top:56px;display:grid}.atelier .section-title,.atelier .bar{text-align:center}.section-title{text-align:center;grid-area:title}.bar{grid-area:bar;justify-content:space-between;align-items:center;gap:8px;display:flex}.chipbtn{border:1px solid var(--line);color:var(--blue);cursor:pointer;white-space:nowrap;background:#fff;border-radius:99px;padding:7px 14px;font-size:13px;font-weight:700}.chipbtn:disabled{opacity:.45;cursor:default}.status{text-align:center;color:var(--muted);flex:1;min-height:20px;font-size:13px}.status.saved:before{content:"✓ ";color:var(--ok);font-weight:800}.status.error{color:#b42318;font-weight:700}.tabs{grid-area:tabs;gap:6px;display:flex;overflow-x:auto}.tabs button{white-space:nowrap;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;flex:1;padding:9px 8px;font-size:13px;font-weight:700}.tabs button.on{background:var(--blue);border-color:var(--blue);color:#fff}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);grid-area:panel;padding:14px}.view{grid-area:view}.panel textarea{resize:vertical;border:1px solid var(--line);background:#fbfcff;border-radius:12px;width:100%;min-height:46vh;padding:12px;font-size:16px;line-height:1.5}.hint{color:var(--muted);text-align:center;margin:8px 0;font-size:13.5px}.hint.found{color:var(--ok);font-weight:700}code{background:#eef2fd;border-radius:6px;padding:1px 6px}.row{align-items:center;gap:18px;display:flex}.row.actions{justify-content:center;margin-bottom:10px}.tips{margin-top:6px}.tips ul{color:var(--muted);gap:6px;margin:8px 0 0;padding-left:18px;font-size:14px;display:grid}.label{margin-bottom:8px;font-size:14px;font-weight:700}.form{gap:12px;display:grid}.field{gap:4px;font-size:14px;font-weight:700;display:grid}.field input:not([type=file]),.field select,.field textarea{border:1px solid var(--line);background:#fbfcff;border-radius:12px;width:100%;padding:10px 12px;font-size:16px;font-weight:400}.field input[readonly],.field textarea[readonly]{color:var(--muted);background:#f1f4fb}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.check{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.check input{width:20px;height:20px;accent-color:var(--blue);flex:none;margin-top:2px}.check small{color:var(--muted);font-weight:400;display:block}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:8px 18px;font-weight:700}.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}.note{background:#fff8e1;border:1px solid #f5dc8e;border-radius:12px;padding:10px 14px;font-size:14px}.preview{border-radius:var(--r);background:#d9e0f2;max-height:78vh;padding:8px 0;overflow:auto}.preview .pages{flex-direction:column;align-items:center;gap:14px;padding:8px;display:flex}.preview .pg{margin:0}.preview .pg figcaption{text-align:center;color:#4a5575;margin-top:4px;font-size:12px}.sheet{color:#000;text-align:left;background:#fff;position:relative;overflow:hidden;box-shadow:0 2px 10px #141e4640}.sheet .hd,.sheet .ft,.sheet .bd{position:absolute}.sheet .bd{overflow:hidden}.emptyview{border:2px dashed var(--line);border-radius:var(--r);color:var(--muted);text-align:center;background:#fff;justify-items:center;gap:14px;padding:28px 16px;display:grid}.ghostpage{border:1px solid var(--line);background:#fff;border-radius:6px;align-content:start;gap:9px;width:120px;height:160px;padding:18px 14px;display:grid;box-shadow:0 6px 18px #0f1e4a1a}.ghostpage i{background:#e3e8f6;border-radius:3px;height:6px}.ghostpage i.s{width:60%}.error{text-align:center;background:#fff1f0;border:1px solid #f4b4ae;border-radius:12px;margin:0 0 8px;padding:8px 12px;font-size:14px}.dock{visibility:hidden;z-index:9;padding:10px 12px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);background:#f6f8fdf2;grid-area:dock;justify-content:center;gap:10px;transition:transform .2s,visibility .2s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.dock.show{visibility:visible;transform:none}.dock .btn{text-align:center;flex:1;max-width:300px}.dock .ghost{flex:0 150px}.only-mobile{display:block}@media (width<=999px){.hide-mobile{display:none}}@media (width>=1000px){.atelier{grid-template-columns:minmax(380px,42%) 1fr;grid-template-areas:"title title""bar bar""tabs tabs""panel view""dock dock";align-items:start}.only-mobile{display:none}.tabs{justify-content:center}.tabs button{flex:none;padding:9px 18px}.panel{max-height:78vh;overflow:auto}.panel textarea{min-height:56vh}}.scrim{z-index:20;background:#0f1e4a8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:22px;gap:14px;width:100%;max-width:420px;max-height:92vh;padding:26px 20px 20px;display:grid;position:relative;overflow:auto}.modal h2{margin:0 20px;font-size:21px}.modal p{color:var(--muted);font-size:15px}.modal .ok{color:var(--ok);font-weight:700}.modal .tiny{font-size:13px}.modal .btn{width:100%}.modal .x{cursor:pointer;color:var(--muted);background:0 0;border:0;font-size:30px;line-height:1;position:absolute;top:8px;right:12px}.modal .field{text-align:left}.formats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.format{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;justify-items:center;gap:2px;padding:18px 10px;display:grid}.format:hover:not(:disabled){border-color:var(--blue);background:#f3f6ff}.format:disabled{opacity:.55;cursor:wait}.format b{color:var(--blue);font-family:Sora,sans-serif;font-size:22px}.format span{color:var(--muted);font-size:12.5px}.docs{text-align:left;gap:8px;max-height:50vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.docs li{border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;display:flex}.docs li.cur{border-color:var(--blue);background:#f3f6ff}.docs .open{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;min-width:0;padding:6px 0;display:grid}.docs .open b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.docs .open small{color:var(--muted)}.docs .confirm{gap:10px;display:flex}.toast{left:50%;bottom:calc(84px + env(safe-area-inset-bottom));z-index:30;background:var(--navy);color:#fff;text-align:center;border-radius:14px;max-width:min(92vw,420px);padding:11px 18px;font-size:14px;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0f1e4a59}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.dock{transition:none}}.or{text-align:center}.modal form{gap:10px;display:grid}.modal input[type=email]{border:1px solid var(--line);background:#fbfcff;border-radius:12px;width:100%;padding:12px;font-size:16px}.acct{background:var(--bg);border:1px solid var(--line);border-radius:14px;justify-items:center;gap:8px;padding:12px;display:grid}.acct p{font-size:14px}.acct.on p{color:var(--navy)}.nav-right{gap:6px;display:flex;position:absolute;right:12px}.nav-right .nav-btn{position:static}.about-photo{object-fit:cover;border:3px solid var(--sun);border-radius:50%;justify-self:center;width:120px;height:120px}.modal .tiny a,.foot .link{color:var(--blue);font-weight:700}.wa-fab{right:14px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:8;background:#25d366;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:fixed;box-shadow:0 8px 22px #0f1e4a4d}.wa-fab:active{transform:scale(.96)}.foot a{color:var(--blue);font-weight:700;text-decoration:none}.foot .contact{margin:0 0 8px}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stats div{background:var(--bg);border:1px solid var(--line);border-radius:14px;gap:2px;padding:12px 6px;display:grid}.stats b{color:var(--navy);font-size:26px}.stats span{color:var(--muted);font-size:12px}.modal .check{text-align:left}