:root{--ink:#19191c;--muted:#74737b;--paper:#f6f3ee;--line:#e5e1db;--purple:#c7b7f5;--lime:#d4ed84;--green:#d6ebd8;--yellow:#f4e5a7;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,92px);border-bottom:1px solid #dedbd5}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-weight:800;text-decoration:none;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:#222;color:#fff;border-radius:9px;font:700 18px Georgia}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;border-radius:9px;padding:12px 17px;font-weight:650;transition:transform .16s,background .16s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#38383f}.button-quiet{background:transparent;color:var(--ink);padding:8px}.button-large{padding:16px 21px;font-size:15px}.button-light{background:#fff;color:var(--ink)}.button-full{width:100%;margin-top:16px}.hidden{display:none!important}.account-actions{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:13px}.hero{max-width:1270px;margin:0 auto;padding:88px 6vw 95px;min-height:570px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.hero-copy{max-width:540px}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:.1em;color:#77727a}.live-dot{display:inline-block;width:7px;height:7px;background:#79ab72;border-radius:50%;margin-right:7px;box-shadow:0 0 0 3px #dcebd5}.hero h1,.section-heading h2,.cta h2,.workspace-header h2{font:700 clamp(48px,6vw,78px)/.99 Manrope,sans-serif;letter-spacing:-.075em;margin:26px 0 22px}.hero h1 span{color:#8a72cb}.hero-copy>p{font-size:17px;line-height:1.65;color:#77737a;max-width:430px;margin:0 0 27px}.hero-footnote{font-size:11px;color:#8c8990;margin-top:15px}.hero-art{height:408px;position:relative;display:flex;align-items:center;justify-content:center}.browser-bar{position:absolute;top:23px;left:7%;width:86%;height:42px;border:1px solid #ded9d1;border-bottom:0;background:#fdfbf8;border-radius:14px 14px 0 0;display:flex;align-items:center;gap:5px;padding:0 13px;color:#9b9691;font:10px 'DM Mono',monospace}.browser-bar i{height:7px;width:7px;border-radius:50%;background:#ddd8d1}.browser-bar span{margin:auto}.preview-card{z-index:1;position:relative;margin-top:36px;width:min(78%,360px);height:330px;border:1px solid #e7e1d9;border-radius:3px;background:#fffdf9;padding:32px 38px 20px;text-align:center;box-shadow:0 25px 65px #37302a16;overflow:hidden}.preview-avatar{position:relative;z-index:2;margin:0 auto 13px;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#e4d8fa;color:#6b5199;font:700 26px Manrope}.preview-name{font:700 22px Manrope;letter-spacing:-.06em}.preview-subtitle{font-size:10px;color:#8c8990;line-height:1.5;margin:6px auto 17px;max-width:220px}.preview-link{position:relative;z-index:2;border:1px solid #eeece8;border-radius:7px;margin:7px 0;padding:9px 12px;text-align:left;font-size:10px;color:#35343a;background:#fff}.preview-link span{float:right;color:#8d7ac1}.preview-footer{position:absolute;bottom:9px;left:0;right:0;font:8px 'DM Mono';color:#aaa}.preview-orbit{position:absolute;border:1px solid #d9ceef;border-radius:50%;width:235px;height:75px;left:50%;top:100px;transform:translateX(-50%) rotate(-18deg)}.orbit-b{transform:translateX(-50%) rotate(18deg);border-color:#f0e7c5}.sticker{position:absolute;z-index:2;border-radius:5px;padding:10px 13px;font:10px 'DM Mono';box-shadow:0 8px 20px #4a3a2312}.sticker-one{right:0;top:87px;transform:rotate(6deg);background:var(--lime)}.sticker-two{left:0;bottom:62px;transform:rotate(-5deg);background:var(--purple)}.section-wrap{max-width:1200px;margin:auto;padding:0 6vw}.how{padding-top:25px;padding-bottom:100px}.section-heading h2,.cta h2,.workspace-header h2{font-size:43px;line-height:1.05;margin:17px 0 34px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{position:relative;overflow:hidden;min-height:270px;border-radius:12px;padding:24px}.feature-lilac{background:#e7e0f6}.feature-yellow{background:#f1e8c7}.feature-green{background:#dce9db}.feature-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#ffffff9c;font-size:18px}.feature h3{font:700 19px Manrope;letter-spacing:-.04em;margin:22px 0 8px}.feature p{font-size:13px;line-height:1.5;color:#69666c;max-width:270px}.mini-blocks{position:absolute;bottom:19px;left:24px;right:24px;display:flex;gap:7px;flex-wrap:wrap}.mini-blocks span{border:1px solid #fff;background:#fff9;padding:7px 9px;border-radius:6px;font:9px 'DM Mono'}.mini-blocks span:last-child{border-style:dashed;background:transparent;color:#777}.template-stack{position:absolute;bottom:17px;right:26px;width:110px;height:65px}.template-stack i{position:absolute;display:block;width:100px;height:49px;border:1px solid #fff;background:#fff9;border-radius:6px;transform:rotate(-8deg)}.template-stack i:nth-child(2){transform:rotate(6deg);background:#f9f5e9;top:6px;left:4px}.template-stack i:nth-child(3){top:14px;left:-3px;background:#fff;transform:rotate(-3deg)}.code-snippet{position:absolute;bottom:23px;left:24px;border:1px solid #ffffffb0;background:#ffffff80;border-radius:7px;padding:12px 16px;color:#48694e;font:11px 'DM Mono'}.cta{margin-bottom:100px;background:#202023;color:white;min-height:250px;border-radius:14px;padding:35px 42px;display:flex;justify-content:space-between;align-items:center}.cta .eyebrow{color:#b9b5bc}.cta h2{font-size:37px;margin-bottom:0}.site-footer{border-top:1px solid var(--line);padding:23px 6vw;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;color:#8d8991;font-size:11px}.site-footer a{color:inherit;text-decoration:none}.site-footer .brand{color:inherit}.footer-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.footer-links a:hover{color:#66548c}.footer-copyright{white-space:nowrap}.dialog{border:0;border-radius:15px;width:min(440px,calc(100% - 32px));padding:35px;box-shadow:0 28px 100px #18151d45;color:var(--ink)}.dialog::backdrop{background:#201c2580;backdrop-filter:blur(3px)}.dialog h2{font:700 30px Manrope;letter-spacing:-.06em;margin:12px 0}.dialog p{color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 23px}.dialog label{display:block;font-size:12px;font-weight:650;margin:14px 0 7px}.dialog input,.dialog select,.editor input,.editor textarea,.editor select{width:100%;border:1px solid #dfdce0;background:#fff;border-radius:8px;padding:12px;outline:none}.dialog input:focus,.editor input:focus,.editor textarea:focus{border-color:#9d85d2;box-shadow:0 0 0 3px #9d85d222}.dialog-x{position:absolute;right:15px;top:12px}.dialog-x button{border:0;background:transparent;color:#888;font-size:24px}.slug-field{display:flex;align-items:center;border:1px solid #dfdce0;border-radius:8px;background:#fff;padding-right:10px}.slug-field input{border:0;box-shadow:none!important}.slug-field span{white-space:nowrap;color:#999;font-size:11px}.text-button{margin-top:15px;border:0;background:none;color:#7360a5;font-size:12px}.form-message{margin-top:15px;color:#a14c42;font-size:12px;line-height:1.5}.workspace{padding-top:50px;padding-bottom:80px}.workspace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.workspace-header h2{margin:9px 0 0}.workspace-grid{display:grid;grid-template-columns:245px 1fr;gap:15px;min-height:450px}.site-list,.editor{background:#fff;border:1px solid var(--line);border-radius:12px}.site-list{padding:10px}.site-list-heading{padding:12px 10px;color:#999;font:10px 'DM Mono';text-transform:uppercase;letter-spacing:.08em}.site-item{width:100%;text-align:left;border:0;background:transparent;padding:12px 10px;border-radius:8px;display:block;color:var(--ink)}.site-item.active,.site-item:hover{background:#f3eff9}.site-item strong{display:block;font-size:13px}.site-item small{display:block;color:#97929b;font-size:10px;margin-top:5px}.empty-state{min-height:450px;display:grid;align-content:center;justify-items:center;text-align:center;padding:30px}.empty-state h3{margin-bottom:0;font:700 20px Manrope}.empty-state p{color:#89858d;font-size:13px}.empty-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#e9e1f7;color:#7863a2;font-size:24px}.edit-panel{padding:24px}.edit-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #eee;padding-bottom:18px}.edit-heading h3{font:700 21px Manrope;margin:0 0 6px;letter-spacing:-.04em}.edit-heading a{color:#7762a6;font-size:11px}.edit-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.button-small{padding:8px 10px;font-size:11px;gap:6px;border:1px solid #e6e2e8;background:#fff;color:#4d4852;border-radius:7px}.button-small.primary{background:#202023;color:white;border-color:#202023}.block-row{border:1px solid #ebe7ed;padding:14px;border-radius:9px;margin-top:11px;background:#fdfcfe}.block-top{display:flex;justify-content:space-between;align-items:center;color:#888;font:10px 'DM Mono';text-transform:uppercase}.block-tools{display:flex;gap:4px}.block-tools button{border:0;background:transparent;color:#777;padding:3px 6px}.block-row textarea{min-height:64px;resize:vertical;margin-top:10px}.block-row input{margin-top:9px}.block-row .code-area{font:11px 'DM Mono';min-height:120px;background:#23232a;color:#e4dff1}.add-block{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.billing-note{display:flex;align-items:center;gap:14px;padding:18px;margin-top:15px;background:#e9e4f1;border-radius:10px}.billing-note>span{font-size:21px;color:#826cb0}.billing-note strong{font-size:12px}.billing-note p{margin:4px 0 0;color:#77717f;font-size:11px}.billing-note a{margin-left:auto;white-space:nowrap;color:#66548c;font-size:11px}.site-status{font:10px 'DM Mono';color:#999}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 18px;background:#242329;color:white;border-radius:9px;font-size:12px;z-index:10;box-shadow:0 8px 30px #0002}.toast.error{background:#9e3939}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:65px;gap:20px}.hero-art{max-width:550px;width:100%;margin:0 auto}.feature-grid{grid-template-columns:1fr}.feature{min-height:220px}.cta{gap:20px;align-items:flex-start;flex-direction:column}.workspace-grid{grid-template-columns:1fr}.site-list{display:flex;gap:5px;overflow:auto}.site-list-heading{display:none}.site-item{min-width:135px}.site-footer{gap:15px;flex-wrap:wrap}.billing-note{align-items:flex-start;flex-wrap:wrap}.billing-note a{margin-left:35px}}@media(max-width:560px){.topbar{height:65px;padding:0 18px}.hero{padding:58px 22px 65px}.hero h1{font-size:55px}.hero-art{height:350px}.preview-card{width:83%;height:306px;padding:28px 25px}.sticker-one{right:-1px}.sticker-two{left:0;bottom:28px}.section-wrap{padding-left:22px;padding-right:22px}.section-heading h2,.cta h2,.workspace-header h2{font-size:34px}.how{padding-bottom:65px}.cta{padding:29px 23px;margin-bottom:65px}.site-footer{padding:19px 20px;align-items:flex-start}.footer-links{flex:1 1 100%;order:3;gap:12px}.footer-copyright{margin-left:auto}.dialog{padding:30px 23px}.workspace-header{align-items:flex-start;gap:12px;flex-direction:column}.edit-panel{padding:15px}.edit-heading{flex-direction:column}.edit-actions{justify-content:flex-start}.account-actions{gap:6px}}
.billing-actions{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.domain-list>strong{display:block;color:#524a5e;margin-bottom:8px}.domain-row{display:flex;align-items:center;gap:9px;margin-top:7px}.domain-row .button-small{padding:5px 8px}
.language-toggle{margin-left:auto;min-width:46px;font:500 11px 'DM Mono',monospace}
.button-danger{background:#a43d3d;color:#fff}.button-danger:hover{background:#842e2e}.danger-link{color:#a43d3d}.danger-link:hover{color:#842e2e}
.workspace-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}