:root{--draftx-site-bg: #f3f0e8;--draftx-site-bg-strong: #fcfaf4;--draftx-site-ink: #19211f;--draftx-site-muted: #58625e;--draftx-site-line: rgba(25, 33, 31, .12);--draftx-site-line-strong: rgba(25, 33, 31, .22);--draftx-site-accent: #0f6d5f;--draftx-site-accent-soft: rgba(15, 109, 95, .1);--draftx-site-shadow: 0 26px 64px rgba(30, 37, 33, .12);--draftx-site-radius-lg: 28px;--draftx-site-radius-md: 20px;--draftx-site-radius-sm: 14px;--draftx-site-display-font: "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,rgba(15,109,95,.16),transparent 34%),linear-gradient(180deg,#faf8f1 0%,var(--draftx-site-bg) 48%,#e8ebe2 100%);color:var(--draftx-site-ink);font-family:Avenir Next,Trebuchet MS,sans-serif}a,button,code,pre{font:inherit}.draftx-site{width:min(1380px,calc(100vw - 40px));margin:0 auto;padding:40px 0 88px}.draftx-site-hero,.draftx-site-section,.draftx-site-card,.draftx-site-step{border:1px solid var(--draftx-site-line);background:#fcfaf4e0;box-shadow:var(--draftx-site-shadow)}.draftx-site-hero{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(700px,1.14fr);gap:36px;border-radius:34px;padding:36px}.draftx-site-kicker{margin:0 0 10px;color:var(--draftx-site-accent);font-size:.8rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.draftx-site-hero-copy h1,.draftx-site-section-head h2,.draftx-site-card-head h2{margin:0;font-family:var(--draftx-site-display-font);letter-spacing:-.04em}.draftx-site-hero-copy h1{max-width:none;font-size:clamp(2.6rem,4vw,4.35rem);line-height:1.06;font-weight:800}.draftx-site-lede{max-width:58ch;margin:18px 0 0;font-size:1.08rem}.draftx-site-hero-tech{max-width:58ch;margin:16px 0 0;color:var(--draftx-site-muted);font-size:1.08rem;font-weight:400;line-height:1.55}.draftx-site-lede,.draftx-site-section-head p,.draftx-site-card p,.draftx-site-step p,.draftx-site-bullet-list,.draftx-site-stack-list span{color:var(--draftx-site-muted);line-height:1.55}.draftx-site-hero-value{margin:18px 0 0;color:var(--draftx-site-ink);font-size:1.14rem;font-weight:800;line-height:1.45}.draftx-site-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid var(--draftx-site-line-strong);border-radius:999px;background:#ffffffbd;color:var(--draftx-site-ink);font-weight:700;text-decoration:none;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,transform .12s ease}.draftx-site-button:hover{border-color:var(--draftx-site-accent);transform:translateY(-1px)}.draftx-site-button--primary{border-color:var(--draftx-site-accent);background:var(--draftx-site-accent);color:#f7faf8}.draftx-site-button--small{min-height:38px;padding:0 14px;font-size:.95rem}.draftx-site-tool-button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:68px;min-height:42px;padding:5px 9px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:#ffffff14;color:#f3f7f6;font-size:.7rem;font-weight:700;line-height:1.1;text-align:center;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease,transform .12s ease}.draftx-site-tool-button:hover{border-color:#7bd1c3;background:#7bd1c324;color:#f7fbfa}.draftx-site-tool-button:active{transform:translateY(1px)}.draftx-site-tool-button:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #7bd1c399}.draftx-site-tool-button--primary,.draftx-site-tool-button--on{border-color:#7bd1c361;background:#7bd1c329}.draftx-site-tool-button-icon{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}.draftx-site-tool-button-text{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draftx-site-hero-panel,.draftx-site-card,.draftx-site-step,.draftx-site-section{border-radius:var(--draftx-site-radius-lg);overflow:hidden}.draftx-site-hero-stage{display:grid;gap:16px;padding:28px 30px 30px;border-radius:var(--draftx-site-radius-lg);background:linear-gradient(180deg,#19211feb,#0a1110f5),#0f1514}.draftx-site-hero-stage-head{display:grid;gap:10px}.draftx-site-hero-stage-head h2{margin:0;color:#f3f7f6;font-size:1.7rem;line-height:1.12}.draftx-site-hero-stage .draftx-site-kicker{color:#7bd1c3}.draftx-site-stack-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.draftx-site-stack-list li{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--draftx-site-line);border-radius:var(--draftx-site-radius-sm);background:#ffffffb3}.draftx-site-stack-list strong{font-size:1rem}.draftx-site-main{display:grid;gap:28px;margin-top:28px}.draftx-site-section{padding:30px}.draftx-site-section-head{display:grid;gap:10px;margin-bottom:22px}.draftx-site-section-head h2{font-size:clamp(2rem,3.1vw,3rem);line-height:1}.draftx-site-card-grid,.draftx-site-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.draftx-site-card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.draftx-site-embed-frame{width:100%;min-height:1040px;border:0;display:block;background:#f6f8f5}.draftx-site-card,.draftx-site-step{padding:22px}.draftx-site-card h3,.draftx-site-step h3,.draftx-site-card-head h3{margin:0 0 10px;font-size:1.15rem}.draftx-site-section--split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.draftx-site-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.draftx-site-step-number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:18px;border-radius:50%;background:var(--draftx-site-accent-soft);color:var(--draftx-site-accent);font-weight:800}.draftx-site-card-head{display:grid;gap:8px;margin-bottom:16px}.draftx-site-card-head h2{font-size:1.8rem;line-height:1.05}.draftx-site-card--controls{background:#fffcf7f5}.draftx-site-card--code,.draftx-site-card--console{background:#f9f8f4f2}.draftx-site-code,.draftx-site-console{margin:0;padding:18px;overflow:auto;border:1px solid rgba(15,109,95,.18);border-radius:16px;background:#1c2321;color:#edf8f4;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.92rem;line-height:1.5}.draftx-site-bullet-list{display:grid;gap:12px;margin:0;padding-left:18px}.draftx-site-section--demo{display:grid;gap:22px}.draftx-site-demo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.92fr);gap:20px;align-items:start}.draftx-site-demo-stage,.draftx-site-demo-sidecar{display:grid;gap:16px}.draftx-site-demo-toolbar{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;padding-bottom:4px}.draftx-site-demo-toolbar[hidden]{display:none}.draftx-site-demo-toolbar>*{flex:0 0 auto}.draftx-site-mode-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.draftx-site-status{min-height:1.25rem;margin:0;color:var(--draftx-site-muted);font-size:.94rem}.draftx-site-status--hero{color:#f3f7f6c2}.draftx-site-canvas-shell{position:relative;isolation:isolate}.draftx-site-host{min-height:420px;border:1px solid var(--draftx-site-line-strong);border-radius:var(--draftx-site-radius-md);background:linear-gradient(180deg,#ffffffd9,#f1f5efe6),var(--draftx-site-bg-strong);overflow:hidden}.draftx-site-host--hero{min-height:0;aspect-ratio:1.76 / 1;border-color:#7bd1c338;border-radius:0;background:radial-gradient(circle at top left,rgba(123,209,195,.08),transparent 42%),linear-gradient(180deg,#131d1bfa,#070c0bfa)}.draftx-site-code-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;padding:18px;cursor:default;pointer-events:auto;background:linear-gradient(180deg,#0a100ff7,#060b0afc),#0c1312}.draftx-site-code-panel[hidden]{display:none}.draftx-site-example-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at top left,rgba(123,209,195,.08),transparent 34%),linear-gradient(180deg,#080d0cfa,#040807);--draftx-site-example-scale: .68}.draftx-site-example-panel[hidden]{display:none}.draftx-site-example-panel[data-example-kind=stage-layout]{--draftx-site-example-scale: .62}.draftx-site-example-panel[data-example-kind=home-layout]{--draftx-site-example-scale: .57}.draftx-site-example-panel[data-example-kind=landscape-planner]{--draftx-site-example-scale: .53}.draftx-site-example-frame{width:calc(100% / var(--draftx-site-example-scale));height:calc(100% / var(--draftx-site-example-scale));min-width:100%;min-height:100%;border:0;background:#fff;transform:scale(var(--draftx-site-example-scale));transform-origin:center center}.draftx-site-code-panel-output{margin:0;overflow:auto;border:1px solid rgba(123,209,195,.18);border-radius:12px;background:#ffffff0a;color:#edf8f4;padding:16px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.5;white-space:pre-wrap}.draftx-site-host--inactive{pointer-events:none;visibility:hidden}.draftx-site-flow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}code{padding:2px 6px;border-radius:6px;background:#0f6d5f1a}@media (max-width: 1100px){.draftx-site-hero,.draftx-site-demo-grid,.draftx-site-section--split,.draftx-site-card-grid,.draftx-site-flow-grid,.draftx-site-card-grid--three,.draftx-site-step-grid{grid-template-columns:1fr}}@media (max-width: 720px){.draftx-site{width:min(100vw - 24px,1240px);padding-top:18px}.draftx-site-hero,.draftx-site-section{padding:22px}.draftx-site-hero-copy h1{max-width:none;font-size:2.55rem}.draftx-site-host{min-height:340px}.draftx-site-host--hero{aspect-ratio:auto;min-height:360px}.draftx-site-embed-frame{min-height:920px}}