:root{--purple:#6d39a8;--deep:#332147;--pink:#f2b5d6;--ink:#352b3f;--muted:#756d80;--line:#ede6f0;--bg:#fcf9fd;--surface:#fff;--shadow:0 12px 38px rgba(76,39,107,.085)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.wrap{width:min(1140px,calc(100% - 40px));margin:0 auto}.demo-banner{background:#fff1cc;color:#66441d;border-bottom:1px solid #f1db9e;font-size:.82rem;text-align:center;padding:8px 14px;font-weight:700}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4}.header-inner{min-height:84px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:17px;background:linear-gradient(135deg,#f6c3de,#d0b3f4);font-size:25px}.brand strong{display:block;color:var(--deep);font-size:1.34rem;letter-spacing:.03em}.brand small{display:block;color:#897d92;font-size:.69rem}nav{display:flex;gap:5px;flex-wrap:wrap}nav a{border-radius:30px;padding:10px 16px;font-weight:650;font-size:.93rem;color:#5f526c}nav a.active,nav a:hover{background:#f3eafa;color:var(--purple)}main{min-height:75vh}.page{display:none;animation:up .3s ease}.page.is-active{display:block}@keyframes up{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero{margin:34px 0 56px;border-radius:30px;background:linear-gradient(115deg,#f9e3f0,#f1e8fa 55%,#e9e4fc);padding:55px 55px;display:grid;grid-template-columns:1.2fr .8fr;gap:20px;overflow:hidden;min-height:430px}.eyebrow{display:inline-block;color:var(--purple);font-weight:800;letter-spacing:.09em;text-transform:uppercase;font-size:.75rem}.hero h1{font-size:clamp(2.35rem,4.8vw,4.3rem);max-width:560px;line-height:1.09;letter-spacing:-.04em;margin:20px 0}.hero h1 em{color:var(--purple);font-style:normal}.hero-copy>p{max-width:450px;font-size:1.05rem;color:#665971}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:12px;padding:13px 19px;font-weight:750;cursor:pointer;text-align:center}.btn.primary{background:var(--purple);color:#fff;box-shadow:0 7px 18px rgba(109,57,168,.19)}.btn.primary:hover{background:#512585}.btn.light{background:#fff;color:var(--purple);border-color:#e9dcf0}.btn.light:hover{background:#faf5ff}.hero-foot{display:flex;flex-wrap:wrap;gap:14px;color:#755c83;font-size:.82rem;margin-top:34px}.hero-art{min-height:290px;position:relative;display:flex;align-items:center;justify-content:center}.paw-big{display:grid;place-items:center;width:220px;height:220px;background:rgba(255,255,255,.6);border-radius:48% 52% 37% 63%;font-size:110px;box-shadow:0 30px 65px rgba(103,66,163,.11);transform:rotate(-11deg)}.art-note{position:absolute;top:35px;right:-6px;transform:rotate(6deg);background:white;padding:13px 19px;border-radius:16px;box-shadow:var(--shadow);font-weight:700;font-size:.88rem}.art-note.bottom{top:auto;bottom:18px;left:-10px;right:auto;transform:rotate(-7deg)}.section-heading{text-align:center;margin:25px auto 30px}.section-heading h2,.page-lead h1{font-size:clamp(1.85rem,4vw,2.7rem);letter-spacing:-.03em;color:var(--deep);line-height:1.13;margin:12px 0}.section-heading p,.page-lead p{color:var(--muted)}.feature-grid,.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:75px}.feature,.service,.sign-panel,.aside-panel,.preview{background:white;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.feature-icon,.service-emoji{display:flex;justify-content:center;align-items:center;width:56px;height:56px;background:#f7eefa;border-radius:16px;font-size:27px}.feature h3,.service h2{font-size:1.18rem;margin:18px 0 8px;color:var(--deep)}.feature p,.service p{color:var(--muted);font-size:.93rem;min-height:80px}.tag{display:inline-block;padding:6px 10px;border-radius:50px;background:#f4f0f6;color:#7b6d87;font-size:.74rem;font-weight:700}.simple-link{font-size:.84rem;font-weight:800;color:var(--purple)}.page-lead{padding:54px 0 25px;max-width:760px}.service-grid{margin-bottom:25px}.info-strip,.alert{padding:17px 20px;border-radius:14px;background:#f7eefa;border:1px solid #e7daf3;margin-bottom:45px;color:#5b4871}.alert{background:#fff5dc;border-color:#f1d695;color:#674d24;margin-bottom:24px}.sign-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr);gap:18px;align-items:start}.sign-panel h2,.aside-panel h2{font-size:1.15rem;margin:6px 0 17px;color:var(--deep)}.sign-panel label{display:block;font-weight:700;font-size:.88rem;margin:17px 0 7px}.sign-panel input,.sign-panel select{width:100%;border:1px solid #dacde3;border-radius:10px;background:white;padding:12px 14px;color:var(--ink);outline-color:var(--purple)}.document-summary{padding:17px;background:#faf7fc;border:1px solid var(--line);border-radius:13px;margin:24px 0}.document-summary p{color:var(--muted);margin-bottom:0;font-size:.91rem}.muted{color:var(--muted)}.small{font-size:.83rem}.signature-area{margin-top:10px;position:relative;background:#fff;border:2px dashed #c5a5db;border-radius:13px;overflow:hidden;touch-action:none}.signature-area canvas{display:block;width:100%;height:200px;cursor:crosshair;touch-action:none;position:relative;z-index:1}.signature-placeholder{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:#b5a2c3}.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.feedback{min-height:20px;margin-top:12px;color:#a52b3c;font-weight:700;font-size:.87rem}.aside-panel{background:linear-gradient(180deg,#f6eefb,white)}.aside-icon{font-size:33px}.aside-panel p,.aside-panel li{font-size:.91rem;color:#71637b}.aside-panel ul{padding-left:22px}.aside-panel li{margin-bottom:9px}.hidden{display:none!important}.preview{margin:28px 0 65px}.paper{border:1px solid #ddd;position:relative;overflow:hidden;margin:20px 0;padding:34px;background:#fff;color:#333}.paper-brand{font-size:1.2rem;font-weight:900;color:#653599}.paper h3{margin-top:30px}.paper-watermark{font-size:clamp(2rem,7vw,6rem);position:absolute;top:48%;left:0;right:0;text-align:center;transform:rotate(-25deg);color:rgba(150,100,150,.075);font-weight:900;pointer-events:none}.paper-clause{border-left:3px solid #af8cca;padding-left:15px;margin:22px 0}.paper img{width:240px;max-width:100%;height:100px;object-fit:contain;object-position:left center;border-bottom:1px solid #aaa}footer{margin-top:30px;background:#30203c;color:white;padding:36px 0}.footer-inner{display:flex;justify-content:space-between;align-items:end;gap:28px}.footer-inner p{color:#dbd0e1;font-size:.85rem;max-width:430px}.footer-inner small{color:#d3c1df;text-align:right}@media(max-width:830px){.hero{grid-template-columns:1fr;padding:36px 28px}.hero-art{min-height:220px}.paw-big{width:170px;height:170px;font-size:78px}.feature-grid,.service-grid{grid-template-columns:1fr}.feature p,.service p{min-height:auto}.sign-layout{grid-template-columns:1fr}}@media(max-width:550px){.wrap{width:min(100% - 25px,1140px)}.header-inner{flex-direction:column;justify-content:center;gap:9px;padding:13px 0}.header-inner nav{width:100%;justify-content:center}.header-inner nav a{font-size:.79rem;padding:9px}.hero{margin:18px 0 44px;padding:32px 20px}.hero h1{font-size:2.55rem}.hero-art{min-height:185px}.art-note{right:0;font-size:.73rem}.art-note.bottom{left:0}.feature,.service,.sign-panel,.aside-panel,.preview{padding:19px}.page-lead{padding-top:36px}.footer-inner{display:block}.footer-inner small{display:block;text-align:left;margin-top:18px}.paper{padding:17px}}@media print{body{background:white!important}.demo-banner,.site-header,main>.page:not(#signature),#signature>.page-lead,#signature>.alert,#signature>.sign-layout,.preview>h2,.preview>.form-actions,.preview>.muted,footer{display:none!important}.wrap{width:100%}#signature,#preview{display:block!important}.preview{border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}.paper{border:0!important;padding:0!important;margin:0!important}.paper-watermark{color:rgba(150,100,150,.14)!important} @page{size:A4;margin:17mm}}
