:root{--ink:#282333;--muted:#898290;--purple:var(--brand-accent,#7957d5);--line:#e9e3ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fcfbf8;color:var(--ink);font:15px/1.8 Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #baa5ea;outline-offset:5px}.site-header{max-width:1260px;margin:auto;padding:27px 38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:bold 30px Arial;letter-spacing:-1.5px;display:inline-flex;align-items:center;gap:10px;direction:ltr}.brand>span:last-child{color:var(--purple);margin-left:-9px}.mark{font:700 22px Arial;border-radius:11px;background:var(--purple);color:white;width:39px;height:39px;display:grid;place-items:center}.site-header nav{display:flex;align-items:center;gap:29px;font-size:12px;color:#81788d}.button{display:inline-flex;justify-content:center;align-items:center;padding:13px 24px;border-radius:9px;font-size:13px;white-space:nowrap}.button.small{padding:9px 16px;border:1px solid var(--line);background:white}.primary{color:#fff;background:var(--purple);box-shadow:0 5px 18px #7957d523}.primary:hover{background:#6846c4}.secondary{border:1px solid var(--line);background:white}.hero{max-width:1260px;margin:45px auto 80px;padding:0 38px;display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;color:#9b87b5;font-size:11px}.eyebrow>span,.live i{width:6px;height:6px;border-radius:50%;background:#a299b7}h1{font-size:58px;letter-spacing:-2.8px;line-height:1.55;margin:17px 0 14px}h1 em{font-style:normal;color:var(--purple)}.hero-copy>p{font-size:15px;color:var(--muted);max-width:460px;margin-bottom:27px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-copy>small{display:block;color:#aaa1b1;font-size:10px;margin-top:16px;line-height:1.9}.canvas-preview{position:relative;min-height:440px;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 75px #6f568d12;background-color:#f8f6fc;background-image:radial-gradient(#dcd3e5 .8px,transparent .8px);background-size:19px 19px;overflow:hidden;transform:rotate(-1.5deg)}.preview-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 22px;font-size:11px;background:#ffffffbf;color:#81708f}.live{display:flex;gap:7px;align-items:center}.live i{background:#8bab97}.preview-tools{display:flex;gap:8px;padding:18px}.preview-tools>span{background:#fff;border:1px solid #e9e1ef;border-radius:6px;padding:5px 10px;font-size:10px;color:#96849e}.canvas-preview article{position:absolute;border:1px solid #ffffffa0;border-radius:10px;padding:17px 20px;box-shadow:0 4px 10px #49375f08}.canvas-preview article small{font-size:9px;color:#9e8e9f}.canvas-preview h3{font-size:16px;margin:11px 0 9px}.canvas-preview p{font-size:12px;color:#8c7c90;margin:8px 0 14px}.preview-note{background:#fff2cf;width:215px;right:25px;top:127px;transform:rotate(2deg)}.preview-task{background:#e6efe5;width:235px;left:20px;top:145px;transform:rotate(-2deg)}.preview-doc{background:#f0e8fb;width:255px;right:105px;top:285px;transform:rotate(1deg)}.tag{font-size:8px;color:#9c8aa8;background:#ffffff5c;border-radius:4px;padding:3px 6px}.line{height:5px;border-radius:5px;background:#cfbedf;margin-top:9px;width:90%}.line.short{width:63%}.cursor{position:absolute;left:52px;top:286px;color:#9071bc;font-size:29px;transform:rotate(8deg)}.cursor span{display:inline-block;font-size:9px;color:white;background:#9279b8;padding:2px 8px;border-radius:4px;vertical-align:middle}.preview-footer{position:absolute;bottom:0;width:100%;padding:9px;text-align:center;background:#fff8;font-size:9px;color:#a38cab}.feature-section{max-width:1260px;margin:0 auto 100px;padding:0 38px}.section-label{font-size:11px;color:#a491b5}.feature-section h2,.hosting h2{font-size:34px;line-height:1.6;letter-spacing:-1px;margin:10px 0 31px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.features article{border:1px solid var(--line);border-radius:12px;padding:25px 24px;background:white}.features article>span{font-size:27px;color:#a08bb8}.features h3{font-size:15px;margin:14px 0 8px}.features p{font-size:12px;color:var(--muted);margin:0}.hosting{max-width:1185px;margin:0 auto 80px;border:1px solid #e6dfed;border-radius:17px;padding:50px 55px;display:grid;grid-template-columns:1.3fr 1fr;gap:85px;background:#f4f0f8}.hosting p{font-size:13px;color:var(--muted);max-width:520px}.hosting-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.hosting-tags span{font-size:9px;border:1px solid #e4dbea;border-radius:6px;padding:5px 10px;color:#9b85ac}.download-card{text-align:center;padding:20px 25px;background:white;border:1px solid var(--line);border-radius:12px}.desktop-icon{font-size:49px;color:#9c82b8;line-height:1.2}.download-card h3{font-size:19px;margin:12px 0 6px}.download-card p{font-size:11px;margin:0 0 22px}.sub-link{display:block;font-size:10px;margin:12px;color:#9b87b5}.download-card small{display:block;font-size:10px;color:#a49aa9;line-height:1.9;margin-top:25px}footer{max-width:1260px;display:flex;align-items:center;gap:28px;margin:auto;border-top:1px solid var(--line);padding:28px 38px;font-size:11px;color:#9b91a4}footer .brand{font-size:23px}footer p{margin-left:auto}@media(max-width:1000px){.hero{gap:30px}h1{font-size:45px}.preview-note{width:175px;right:15px}.preview-task{width:180px;left:14px;top:185px}.preview-doc{right:30px;width:210px;top:315px}.canvas-preview{min-height:470px}.features{grid-template-columns:repeat(2,1fr)}.hosting{margin-inline:25px;gap:35px;padding:35px}}@media(max-width:700px){.site-header{padding:20px}.site-header nav{gap:12px}.site-header nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;margin-top:20px;padding:0 23px;gap:32px}.hero-copy>p{max-width:none}h1{font-size:45px}.canvas-preview{min-height:430px;transform:none}.preview-note{width:47%;right:12px;top:125px}.preview-task{width:47%;left:12px;top:160px}.preview-doc{right:50px;top:290px;width:65%}.feature-section{padding:0 23px;margin-bottom:50px}.features{grid-template-columns:1fr}.feature-section h2,.hosting h2{font-size:27px}.hosting{grid-template-columns:1fr;margin:0 20px 40px;padding:28px;gap:25px}footer{padding:25px 23px;flex-wrap:wrap;gap:16px}footer p{width:100%;order:5;margin:0}}