:root{--paper:#f2f1ec;--ink:#171815;--muted:#77786f;--line:#d7d6ce;--acid:#c7f36a;--white:#fff;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.topbar{height:76px;padding:0 max(32px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-1.4px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--acid);font-size:20px;letter-spacing:-2px}.topbar nav{display:flex;gap:34px;font-size:12px;font-weight:700}.topbar nav a{color:#66675f}.topbar nav a:hover{color:#111}.nav-cta{font-size:12px;font-weight:800;border-bottom:1px solid var(--ink);padding:8px 0}.nav-cta span{margin-left:12px}.hero{min-height:650px;padding-top:84px;padding-bottom:75px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.eyebrow,.mono{font-family:var(--mono);font-size:9px;letter-spacing:1.1px}.eyebrow{display:flex;align-items:center;gap:10px;font-weight:500}.eyebrow-line{width:24px;height:2px;background:var(--ink)}.eyebrow .mono{margin-left:9px;color:#92938b}.hero h1{font-size:clamp(66px,8vw,108px);line-height:.94;letter-spacing:-8px;margin:34px 0 24px;font-weight:800}.hero h1 em,.section-intro h2 em,.workflow h2 em,.membership h2 em{font-family:Georgia,serif;font-weight:400}.hero h1 em{color:#70736a}.hero-copy{max-width:420px;color:#66675f;font-size:15px;line-height:1.8}.hero-buttons{display:flex;align-items:center;gap:26px;margin:32px 0 44px}.btn{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 19px;font:800 12px var(--sans);cursor:pointer}.btn-dark{background:var(--ink);color:white}.btn-dark:hover{background:#34362f}.plain-link{font-size:11px;font-weight:800;border-bottom:1px solid #aaa99f;padding:8px 0}.hero-foot{font:9px var(--mono);letter-spacing:.6px;color:#7b7c74}.green-dot,.demo-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8bbd37;margin-right:8px}.hero-right{position:relative}.studio-window{background:#fff;border:1px solid #c9c9c0;box-shadow:12px 12px 0 #deddd5}.studio-bar{height:42px;border-bottom:1px solid #e5e4dd;display:flex;align-items:center;padding:0 14px;gap:12px;font:8px var(--mono);color:#77786f;letter-spacing:.5px}.window-controls{display:flex;gap:4px}.window-controls i{width:7px;height:7px;background:#d2d2c9;border-radius:50%}.window-controls i:first-child{background:#a6c66b}.save-state{margin-left:auto;color:#7d9254}.studio-body{display:grid;grid-template-columns:145px 1fr;min-height:360px}.studio-side{background:#f7f7f3;border-right:1px solid #e5e4dd;padding:17px 12px;font-size:9px;color:#77786f}.side-brand{font-size:22px;font-weight:800;color:#191a16;margin-bottom:26px}.side-label{font:8px var(--mono);letter-spacing:1px}.side-link{padding:10px 8px;margin-top:4px}.side-link.selected{background:var(--acid);color:#1c2112;font-weight:800}.side-bottom{border-top:1px solid #e0dfd7;margin-top:55px;padding-top:14px;font:8px var(--mono);line-height:2;color:#7a7b72}.side-bottom span{font:9px var(--sans);color:#55564e}.studio-main{padding:25px 24px}.project-top{display:flex;justify-content:space-between;align-items:start}.muted{color:#888980;font-size:8px}.project-top h2{font-size:23px;letter-spacing:-1px;margin:7px 0 22px}.project-number{font:9px var(--mono);color:#898a81}.field-label{font:8px var(--mono);letter-spacing:.8px;color:#7b7c73;margin:15px 0 8px}.fake-input{border:1px solid #deded5;padding:12px;font-size:10px;color:#55564e;display:flex;justify-content:space-between}.fake-input span{color:#9da090}.starter-list{border-top:1px solid #e4e3dc}.starter{display:flex;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid #e4e3dc}.starter>b{font:9px var(--mono);color:#8d8e84}.starter strong{font-size:10px;display:block}.starter small{font-size:8px;color:#8b8c83}.starter i{font-style:normal;margin-left:auto}.starter.active{background:#f4f8e9}.studio-bottom{display:flex;justify-content:space-between;margin-top:17px;font:7px var(--mono);letter-spacing:.5px;color:#93948a}.side-note{font:10px var(--mono);color:#77786f;margin-top:24px;text-align:right}.note-mark{font-size:16px;color:#7c8f4d;margin-right:8px}.ticker{overflow:hidden;background:var(--acid);border-top:1px solid #b3df56;border-bottom:1px solid #b3df56;white-space:nowrap;padding:12px 0;font:10px var(--mono);letter-spacing:1px}.ticker div{word-spacing:12px;text-align:center}.ticker b{font-size:13px}.tools{padding-top:110px;padding-bottom:120px}.section-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.section-top .mono{color:#888980}.section-intro{display:grid;grid-template-columns:1fr .65fr;align-items:end;gap:50px;margin:35px 0 45px}.section-intro h2,.workflow h2,.membership h2{font-size:clamp(42px,5.4vw,68px);line-height:1.03;letter-spacing:-4px;margin:0}.section-intro h2 em{color:#77796e}.section-intro>p{max-width:390px;color:#707168;font-size:13px;line-height:1.8;margin:0 0 5px}.tool-list{border-top:1px solid var(--ink)}.tool-list article{display:grid;grid-template-columns:70px 1fr 110px 30px;align-items:center;gap:20px;padding:24px 8px;border-bottom:1px solid var(--line);transition:background .2s}.tool-list article:hover{background:#e9e9e1}.tool-index{font:10px var(--mono);color:#85867c}.tool-list h3{font-size:17px;letter-spacing:-.5px;margin:0 0 5px}.tool-list p{font-size:11px;color:#77786f;margin:0;max-width:490px}.tool-tag{font:8px var(--mono);letter-spacing:1px;color:#77786f}.tool-arrow{font-size:17px;text-align:right}.workflow{background:#1b1d18;color:#f2f1ec;padding:100px 0}.workflow-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.workflow .eyebrow{color:var(--acid)}.workflow .eyebrow-line{background:var(--acid)}.workflow h2{margin-top:34px}.workflow h2 em{color:var(--acid)}.process>div{display:grid;grid-template-columns:38px 1fr;column-gap:18px;border-top:1px solid #41433a;padding:19px 0}.process span{font:10px var(--mono);color:var(--acid);grid-row:span 2}.process h3{font-size:15px;margin:0 0 5px}.process p{font-size:11px;color:#b2b3a9;margin:0;max-width:360px}.preview{padding-top:110px;padding-bottom:110px}.preview .section-intro{margin-bottom:35px}.demo{max-width:650px;background:#fff;border:1px solid #d4d4cb;padding:26px;box-shadow:8px 8px 0 #deddd5}.demo-heading{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #e5e4dc;padding-bottom:18px;margin-bottom:22px}.demo-heading .mono{color:#85867d}.demo-heading h3{font-size:22px;letter-spacing:-1px;margin:5px 0 0}.demo-status{font:8px var(--mono);color:#77786f}.demo-status i{width:6px;height:6px}.demo label{display:block;font:8px var(--mono);letter-spacing:.8px;color:#77786f;margin:16px 0 8px}.demo input,.demo select{width:100%;border:1px solid #d9d9d0;background:#f8f8f4;padding:13px;font:11px var(--sans);color:#20211c;outline:none;border-radius:0}.demo input:focus,.demo select:focus{border-color:#7d914b}.demo>.btn{margin-top:17px}.results{display:grid;gap:8px;margin-top:17px}.result-placeholder{font-size:10px;color:#898a81;border:1px dashed #d4d4cb;padding:14px}.result-item{display:flex;justify-content:space-between;gap:15px;padding:12px;border:1px solid #e0e0d8;font-size:10px}.result-item button{border:0;background:var(--acid);padding:5px 8px;font:8px var(--mono);cursor:pointer}.membership{background:var(--acid);padding:85px 0}.membership-inner{display:grid;grid-template-columns:1fr 390px;align-items:center;gap:70px}.membership .eyebrow-line{background:var(--ink)}.membership h2{margin:30px 0 15px}.membership h2 em{color:#5e6748}.membership-copy{max-width:390px;font-size:12px;color:#4d5540}.price-card{background:#f7f7f1;padding:25px;border:1px solid #b4d65f;box-shadow:8px 8px 0 #9ebd50}.price-card>.mono{font-size:9px;color:#77786f}.price{font-size:49px;font-weight:800;letter-spacing:-3px;margin:20px 0}.price small{font:9px var(--mono);letter-spacing:0;color:#77786f}.price-card ul{padding:17px 0 17px 18px;border-top:1px solid #ddded3;border-bottom:1px solid #ddded3;font-size:11px;line-height:2.2}.coming-soon{display:block;text-align:center;background:#20221c;color:var(--acid);font:9px var(--mono);padding:12px;letter-spacing:1px}footer{display:flex;justify-content:space-between;align-items:center;padding-top:25px;padding-bottom:25px}footer .mono{color:#85867d;font-size:8px}
@media(max-width:800px){.wrap{width:calc(100% - 36px)}.topbar{padding:0 18px}.topbar nav{display:none}.hero{grid-template-columns:1fr;gap:45px;padding-top:65px;padding-bottom:60px}.hero h1{font-size:76px;letter-spacing:-6px}.hero-right{max-width:600px}.studio-body{grid-template-columns:105px 1fr}.studio-main{padding:20px 15px}.studio-side{padding:14px 8px}.side-link{font-size:8px;padding:9px 5px}.section-intro{grid-template-columns:1fr;gap:20px}.workflow-inner{grid-template-columns:1fr;gap:45px}.membership-inner{grid-template-columns:1fr;gap:35px}.price-card{max-width:430px;width:100%}}
@media(max-width:480px){.brand{font-size:19px}.nav-cta{font-size:10px}.hero h1{font-size:65px;letter-spacing:-5px}.hero-buttons{gap:18px;flex-wrap:wrap}.hero-foot{font-size:7px}.studio-body{grid-template-columns:1fr}.studio-side{display:none}.studio-main{padding:18px 14px}.project-top h2{font-size:20px}.starter{gap:8px}.starter small{font-size:7px}.studio-bottom{font-size:6px}.side-note{font-size:8px}.tools,.preview{padding-top:75px;padding-bottom:80px}.section-intro h2,.workflow h2,.membership h2{font-size:47px;letter-spacing:-3px}.section-top .mono{font-size:7px}.tool-list article{grid-template-columns:30px 1fr 55px 15px;gap:9px;padding:19px 3px}.tool-list h3{font-size:14px}.tool-list p{font-size:9px}.tool-tag{font-size:7px}.demo{padding:17px}.demo-heading{display:block}.demo-status{display:inline-block;margin-top:10px}.membership{padding:70px 0}footer{gap:12px;flex-wrap:wrap}footer .mono:nth-child(2){display:none}}