:root{--ink:#29263d;--muted:#736d85;--accent:#6952d9;--line:#e4e0ef;--bg:#f6f5fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.landing-header,.landing-footer{width:min(1280px,calc(100% - 100px));margin:auto;display:flex;align-items:center;justify-content:space-between}.landing-header{height:108px}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:800;letter-spacing:-.7px}.brand-symbol{font-size:30px;color:var(--accent);line-height:1}.brand-by{font-size:7px;font-weight:700;letter-spacing:1.8px;margin-left:8px;color:var(--muted)}.quiet-button{font-size:12px;font-weight:700;background:white;border:1px solid var(--line);padding:13px 18px;border-radius:9px;display:flex;gap:22px;align-items:center}.quiet-button>span{font-size:17px;color:var(--accent)}.landing-hero{width:min(1280px,calc(100% - 100px));margin:auto;display:grid;grid-template-columns:1fr 1.15fr;gap:55px;padding:58px 0 104px;align-items:center}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:700;color:var(--accent);margin:0 0 24px;line-height:1.7}h1{font-size:clamp(43px,4.6vw,67px);line-height:1.05;letter-spacing:-3.4px;margin:0 0 24px;font-weight:800}h1>span{color:var(--accent)}.hero-intro{max-width:390px;font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 31px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--accent);color:white;padding:17px 21px;border-radius:10px;font-size:12px;font-weight:700;box-shadow:0 6px 14px #6952d91c}.primary-button>svg{height:18px;width:18px;fill:currentColor}.primary-button>span{font-size:18px;line-height:1}.primary-button:hover{background:#5842c6}.login-note{font-size:10px;line-height:1.8;color:var(--muted);margin:19px 0 0}.login-error{font-size:12px;line-height:1.6;color:#a33744;background:#fff1f2;border:1px solid #eec4cb;padding:12px;border-radius:8px;max-width:360px}.studio-illustration{position:relative;border:1px solid #dad4ef;background:#fff;box-shadow:0 24px 80px #7a6baa1c;border-radius:17px;transform:rotate(-2deg);min-height:420px}.illustration-toolbar{height:50px;padding:0 19px;border-bottom:1px solid #ece8f3;display:flex;align-items:center;justify-content:space-between;gap:14px}.illustration-brand{font-size:11px;font-weight:700;letter-spacing:-.2px}.illustration-saved{font-size:8px;color:var(--muted)}.illustration-body{display:grid;grid-template-columns:110px 1fr;min-height:370px}.illustration-sidebar{border-right:1px solid #ece8f3;padding:23px 10px;background:#fcfbff;border-radius:0 0 0 17px}.sidebar-label{display:block;font-size:7px;font-weight:700;letter-spacing:1px;color:#8b849b;padding:0 7px;margin-bottom:17px}.illustration-section{display:block;margin:6px 0;padding:10px 7px;font-size:8px;color:#797388;border-radius:5px}.illustration-section.active{background:#eee9ff;color:#6952d9;font-weight:700;border:1px solid #dcd2fc}.illustration-add{display:block;margin-top:18px;color:var(--accent);font-size:8px;padding:0 7px}.illustration-canvas{padding:19px;background:#efedf5;border-radius:0 0 17px 0}.sample-nav{display:flex;justify-content:space-between;gap:15px;padding:13px 17px;background:#fff;font-size:7px}.sample-nav>b{font-size:9px}.sample-nav>span{color:#8a819d}.sample-hero{background:#fff;position:relative;overflow:hidden;padding:31px 23px 38px}.sample-hero small{font-size:6px;letter-spacing:1.1px;font-weight:700;color:var(--accent)}.sample-hero strong{font-family:Georgia,serif;font-size:33px;line-height:1.06;letter-spacing:-1px;display:block;position:relative;z-index:2;margin:17px 0 15px}.sample-hero strong>span{color:var(--accent)}.sample-hero p{font-size:8px;color:var(--muted);position:relative;z-index:2}.sample-action{display:inline-block;background:var(--accent);color:white;font-size:6px;padding:9px;border-radius:3px;margin-top:8px;position:relative;z-index:2}.sample-shape{position:absolute;font-size:147px;right:-11px;top:75px;color:#d9cff5;line-height:1;transform:rotate(15deg)}.sample-cards{display:flex;gap:10px;margin-top:13px}.sample-cards span{height:45px;flex:1;border-radius:6px;background:#dfd6f4}.sample-cards span:nth-child(2){background:#d1e4d5}.sample-cards span:nth-child(3){background:#f1dcc9}.floating-note{position:absolute;right:-23px;bottom:-24px;background:white;border:1px solid var(--line);padding:18px 23px;display:flex;align-items:center;gap:17px;border-radius:12px;box-shadow:0 9px 20px #35276114;transform:rotate(6deg);font-size:11px;line-height:1.5;color:var(--muted)}.floating-note>span{font-size:33px;color:var(--accent)}.floating-note b{color:var(--ink)}.how-section{padding:68px 0 74px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-top,.how-grid{width:min(1140px,calc(100% - 100px));margin:auto}.section-top h2,.closing-section h2{font-size:39px;letter-spacing:-1.6px;margin:0 0 16px;line-height:1.2}.section-top .eyebrow{margin-bottom:17px}.section-top>p:last-child{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:46px}.step-number{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#f0ebff;color:var(--accent);font-size:11px;font-weight:700;margin-bottom:22px}.how-grid h3{font-size:17px;margin:0 0 12px;letter-spacing:-.4px}.how-grid p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:270px}.closing-section{width:min(1140px,calc(100% - 100px));margin:auto;display:flex;align-items:center;gap:29px;padding:65px 0}.closing-symbol{font-size:70px;line-height:1;color:var(--accent)}.closing-section .eyebrow{margin-bottom:10px;font-size:8px}.closing-section h2{margin:0;font-size:32px}.closing-section .primary-button{margin-left:auto}.landing-footer{border-top:1px solid var(--line);padding:29px 0}.landing-footer .brand{font-size:15px}.landing-footer .brand-symbol{font-size:24px}.landing-footer p{font-size:10px;color:var(--muted);margin:0}@media(max-width:1000px){.landing-header,.landing-footer,.landing-hero{width:calc(100% - 64px)}.landing-hero{gap:35px}h1{font-size:51px;letter-spacing:-2.5px}.brand-by{display:none}.studio-illustration{min-height:380px}.illustration-body{grid-template-columns:82px 1fr;min-height:330px}.illustration-sidebar{padding:19px 6px}.illustration-section{font-size:7px;padding:8px 5px}.illustration-canvas{padding:12px}.sample-hero{padding:29px 17px}.sample-hero strong{font-size:29px}.sample-shape{font-size:113px;right:-15px;top:91px}.illustration-saved{font-size:7px}.sample-nav>span{display:none}.section-top,.how-grid,.closing-section{width:calc(100% - 64px)}}@media(max-width:760px){.landing-header,.landing-footer,.landing-hero{width:calc(100% - 40px)}.landing-header{height:83px}.brand{font-size:19px}.quiet-button{font-size:10px;gap:12px;padding:11px 12px}.landing-hero{grid-template-columns:1fr;gap:49px;padding:40px 0 62px}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:clamp(42px,9vw,64px);letter-spacing:-2.7px}.hero-intro{font-size:14px}.primary-button{font-size:12px}.studio-illustration{max-width:550px;width:calc(100% - 8px);margin:0 auto 16px;min-height:0}.illustration-body{grid-template-columns:92px 1fr}.illustration-section{font-size:8px}.illustration-canvas{padding:13px}.sample-hero strong{font-size:34px}.sample-shape{font-size:133px;right:-13px;top:94px}.floating-note{right:1px;bottom:-25px;padding:14px 17px;font-size:10px}.how-section{padding:47px 0}.section-top,.how-grid,.closing-section{width:calc(100% - 40px)}.section-top h2{font-size:32px}.how-grid{grid-template-columns:1fr;gap:33px;margin-top:35px}.how-grid article{position:relative;padding-left:61px}.step-number{position:absolute;left:0;top:0;margin:0}.how-grid h3{font-size:17px}.how-grid p{max-width:none;font-size:13px}.closing-section{gap:18px;flex-wrap:wrap;padding:42px 0}.closing-symbol{font-size:49px}.closing-section h2{font-size:27px}.closing-section .eyebrow{font-size:7px;letter-spacing:1px}.closing-section .primary-button{margin:10px 0 0 65px}.landing-footer{padding:24px 0}.illustration-toolbar{padding:0 13px}.illustration-saved{display:none}}@media(max-width:380px){.landing-header{gap:8px}.brand{font-size:17px;gap:6px}.quiet-button{font-size:9px;padding:10px}.quiet-button>span{display:none}.sample-hero strong{font-size:29px}.sample-shape{font-size:110px}.illustration-body{grid-template-columns:74px 1fr}.illustration-section{font-size:7px;padding:8px 3px}.sidebar-label{font-size:6px;padding:0 3px}.illustration-add{font-size:6px}.sample-hero{padding:25px 14px}.closing-section .primary-button{margin-left:0}.closing-symbol{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.landing-header>.quiet-button{margin-left:auto}.landing-account{margin-left:12px;display:flex;align-items:center;gap:8px;background:white;border:1px solid #e4e0ef;border-radius:9px;padding:8px 12px;font-size:10px;font-weight:700;color:#736d85}.landing-account img{height:26px;width:26px;border-radius:50%;object-fit:cover}@media(max-width:760px){.landing-account{padding:7px;margin-left:7px}.landing-account span{display:none}.landing-account img{height:24px;width:24px}.landing-header{gap:7px}.landing-header>.quiet-button{font-size:9px;padding:10px;gap:7px}}
body{user-select:none;-webkit-user-select:none}input,textarea,select,[contenteditable=true]{user-select:text!important;-webkit-user-select:text!important}.landing-context-menu{position:fixed;z-index:99999;min-width:190px;padding:7px;background:#fff;border:1px solid #dfd5ec;border-radius:12px;box-shadow:0 15px 45px #34234426}.landing-context-menu button{display:block;width:100%;padding:11px 13px;border:0;background:none;text-align:left;border-radius:6px;color:#8a719d;font:11px Arial,sans-serif;cursor:pointer}.landing-context-menu button:hover,.landing-context-menu button:focus-visible{background:#f1e9fc;color:#6952d9;outline:0}