:root{color:#173c34;font-synthesis:none;--ink:#173c34;--muted:#77857d;--green:#1e644e;--mint:#d9eea8;--line:#e1e6de;--paper:#fff;background:#f6f7f3;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button,textarea,input,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #88b87b}svg{flex-shrink:0;width:20px;height:20px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{letter-spacing:-.035em}p{line-height:1.65}button{border:0}button,.button{transition:background .15s,box-shadow .15s,transform .15s}.button{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 20px;font-size:13px;font-weight:600;line-height:1.3;display:inline-flex}.primary{background:var(--ink);color:#fff}.primary:hover:not(:disabled){background:#285b47;box-shadow:0 4px 12px #173c3415}.secondary{color:#345247;background:#fff;border-color:#dce3d9}.secondary:hover:not(:disabled){background:#eff3e9}.small-button{min-height:37px;padding:9px 13px;font-size:12px}.full{width:100%}.text-button{color:#315846;background:0 0;padding:10px 0;font-size:12px;font-weight:600}.brand{letter-spacing:-1.6px;white-space:nowrap;align-items:center;gap:9px;font-size:29px;font-weight:750;display:inline-flex}.brand.small{gap:8px;font-size:24px}.brand-period{color:#78a26a;margin-left:-8px}.brand-mark{align-items:center;gap:3px;height:27px;display:inline-flex;transform:rotate(12deg)}.brand-mark i{background:currentColor;border-radius:10px;width:5px;height:15px}.brand-mark i:nth-child(2){height:27px}.brand-mark i:nth-child(3){height:21px}.eyebrow{letter-spacing:1.6px;color:#6d8876;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.live-dot{background:#589c64;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e8efda}.landing{background:#f6f7f0;min-height:100vh}.landing nav{align-items:center;gap:28px;max-width:1320px;height:100px;margin:auto;padding:0 48px;display:flex}.landing-nav-note{color:#7e8a7e;flex:1;margin-left:30px;font-size:12px}.landing-hero{grid-template-columns:1fr 1.08fr;align-items:center;gap:30px;max-width:1320px;margin:62px auto 90px;padding:0 48px;display:grid}.landing-hero h1{margin:25px 0;font-size:clamp(40px,4.3vw,64px);font-weight:550;line-height:1.08}.landing-hero h1 em{color:#3d7656;font-family:Georgia,serif;font-weight:400}.landing-hero section>p{color:#788477;max-width:440px;font-size:16px;line-height:1.8}.hero-actions{align-items:center;gap:20px;margin-top:30px;display:flex}.hero-actions>span{color:#8d978d;font-size:10px;line-height:1.6}.hero-proof{color:#6f8170;gap:15px;margin-top:35px;font-size:10px;display:flex}.hero-visual{background:radial-gradient(at 65% 40%,#e1eccd80,#0000 75%);height:485px;padding:40px 0 0 10px;position:relative}.visual-caption{color:#7e8f6b;font-size:12px;position:absolute;top:5px;right:30px;transform:rotate(3deg)}.tiny-star{margin-right:7px;font-size:20px}.demo-browser{background:#fff;border:1px solid #d9e1d0;border-radius:12px;width:100%;max-width:560px;overflow:hidden;transform:rotate(-2deg);box-shadow:0 18px 50px #2034210f}.browser-top{color:#bdc8b4;background:#f4f6f0;border-bottom:1px solid #e7ebdf;align-items:center;gap:12px;height:38px;padding:0 13px;font-size:9px;display:flex}.browser-top>div{color:#9da995;text-align:center;background:#fff;border:1px solid #e8ebdf;border-radius:4px;flex:1;padding:5px 12px;font-size:8px}.demo-app{grid-template-columns:110px 1fr;min-height:306px;display:grid}.demo-side{color:#94a18a;background:#fafbf8;border-right:1px solid #eef1e7;flex-direction:column;gap:14px;padding:20px 12px;font-size:9px;display:flex}.demo-side b{color:#52704a;letter-spacing:-1px;margin-bottom:15px;font-size:20px}.demo-side b span{float:right;font-size:14px}.demo-side .active{color:#546e48;background:#e8f0df;border-radius:5px;margin:-8px;padding:8px}.demo-body{padding:24px 22px}.demo-body>small{color:#9da78e;letter-spacing:1px;font-size:7px}.demo-body h3{margin:8px 0;font-size:18px}.demo-body p{color:#94a087;margin-bottom:15px;font-size:8px}.sample-stat{border:1px solid #e9eddf;border-radius:6px;justify-content:space-between;gap:8px;margin-bottom:17px;padding:12px;display:flex}.sample-stat span{color:#8a9a7c;font-size:8px;display:block}.sample-stat strong{margin-top:5px;font-size:24px;font-weight:500;display:block}.sample-stat strong small{color:#8ba96f;margin-left:6px;font-size:7px}.fake-chart{align-items:flex-end;gap:5px;height:48px;display:flex}.fake-chart i{background:#bdd79b;border-radius:3px 3px 0 0;width:10px;height:24px}.fake-chart i:nth-child(2n){height:34px}.fake-chart i:nth-child(3n){height:45px}.illustrated-target{color:#476535;z-index:2;background:#f0f6e5;border:2px solid #89af62;border-radius:5px;max-width:200px;padding:10px;font-size:9px;font-weight:600;position:relative;box-shadow:0 0 0 5px #dcecb27a}.fake-row{align-items:center;gap:8px;height:26px;margin-top:9px;display:flex}.fake-row i{background:#edf0e5;border-radius:4px;width:19px;height:19px}.fake-row span{background:#e8eddf;border-radius:3px;width:110px;height:5px}.fake-row b{color:#c1cbb4;text-align:right;flex:1;font-size:10px}.hero-hand-arrow{z-index:3;fill:none;stroke:#72984f;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:180px;height:130px;position:absolute;bottom:100px;right:30px;transform:rotate(3deg)}.hero-voice-card{z-index:4;background:#fff;border:1px solid #dae3d2;border-radius:14px;gap:15px;padding:21px;display:flex;position:absolute;bottom:0;left:70px;right:20px;transform:rotate(2deg);box-shadow:0 15px 30px #1e3d2114}.hero-voice-card small{color:#899f70;letter-spacing:1.4px;margin-bottom:7px;font-size:7px;font-weight:600;display:block}.hero-voice-card strong{font-size:14px}.hero-voice-card p{color:#818b76;max-width:265px;margin:7px 0 12px;font-size:10px;line-height:1.6}.assistant-orb{background:linear-gradient(135deg,#e6f4bb,#badb8f);border-radius:42% 48% 41% 45%;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:43px;height:43px;display:inline-flex;box-shadow:inset 0 -3px 5px #91b5661c}.assistant-orb i{border:2px solid #5b8042;border-bottom:0;border-radius:6px 6px 0 0;width:8px;height:5px}.assistant-orb.large{width:64px;height:64px}.assistant-orb.large i{width:12px;height:8px}.voice-wave{color:#749860;align-items:center;gap:3px;height:24px;display:flex}.voice-wave i{background:#9bbb82;border-radius:2px;width:2px}.voice-wave span{color:#92a484;margin-left:10px;font-size:8px}.visual-sticker{color:#87a074;font-family:Georgia,serif;font-size:12px;font-style:italic;position:absolute;bottom:-20px;left:-10px;transform:rotate(-7deg)}.landing-bottom{border-top:1px solid #dfe6d6;grid-template-columns:repeat(3,1fr);gap:50px;max-width:1224px;margin:0 auto;padding:38px 0 45px;display:grid}.landing-bottom span{letter-spacing:1.5px;color:#8fa07e;font-size:9px}.landing-bottom h3{margin:15px 0 10px;font-size:17px;font-weight:500}.landing-bottom p{color:#8a9681;max-width:310px;font-size:12px}.landing footer{border-top:1px solid #e3e9d9;align-items:center;gap:30px;max-width:1224px;margin:auto;padding:26px 0;display:flex}.landing footer>span{color:#95a087;flex:1;font-size:11px}.studio{min-height:100vh;display:flex}.sidebar{color:#c5d4c5;z-index:15;background:#173a31;flex-direction:column;width:224px;padding:30px 18px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand-link{color:#f2f5e8;padding:0 10px}.sidebar .brand-period{color:#b9d58d}.workspace-label{color:#e3ebd9;background:#23473b;border:1px solid #365647;border-radius:8px;align-items:center;gap:10px;margin:35px 2px 32px;padding:13px 10px;font-size:10px;display:flex}.workspace-label small{color:#8ca795;margin-top:4px;font-size:9px;display:block}.workspace-avatar{color:#4a693b;background:#d1e4aa;border-radius:6px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.nav-label{letter-spacing:1.6px;color:#789883;margin-bottom:12px;padding:0 12px;font-size:8px;font-weight:600}.nav-item{color:#9eb8a4;text-align:left;background:0 0;border-radius:7px;align-items:center;gap:10px;width:100%;margin-bottom:5px;padding:12px;font-size:11px;display:flex}.nav-item svg{width:17px;height:17px}.nav-item.active{color:#e4efcb;background:#2d5140}.nav-item:hover{background:#294c3e}.count{color:#c0d1ac;margin-left:auto;font-size:10px}.site-label{justify-content:space-between;align-items:center;margin-top:30px;display:flex}.site-label button{color:#97b899;background:0 0;font-size:20px;line-height:14px}.site-list{min-height:0;overflow:auto}.site-item{color:#a9bfa9;text-align:left;background:0 0;border-radius:7px;align-items:center;gap:9px;width:100%;margin-bottom:4px;padding:8px 10px;font-size:10px;display:flex}.site-item>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.site-item.selected{color:#e0ebd3;background:#234638}.site-letter{color:#c7d8b2;background:#355542;border:1px solid #4a684d;border-radius:5px;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.verified-dot,.draft-dot{background:#accb78;border-radius:50%;width:5px;height:5px;margin-left:auto}.draft-dot{background:#6e8973}.sidebar-tip{opacity:.9;margin-top:auto;padding:30px 12px}.mini-orbit{color:#bdd78c;margin-bottom:15px;font-size:25px;display:block}.sidebar-tip strong{letter-spacing:-.2px;font-size:12px;font-weight:500;line-height:1.65}.sidebar-tip p{color:#81a08a;margin:8px 0 0;font-size:9px;line-height:1.6}.account{color:#e1ead8;border-top:1px solid #2e5141;align-items:center;gap:8px;margin:0 -18px;padding:18px;font-size:10px;display:flex}.account-avatar{color:#d0dfb8;background:#305445;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.account>span:nth-child(2){text-overflow:ellipsis;max-width:135px;overflow:hidden}.account small{color:#799a85;text-overflow:ellipsis;margin-top:4px;font-size:8px;display:block;overflow:hidden}.account button{color:#89a992;background:0 0;margin-left:auto}.studio-main{flex:1;min-width:0;margin-left:224px}.topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:22px;height:78px;padding:0 36px;display:flex}.topbar>div{flex:1}.breadcrumb{color:#8b978b;font-size:11px}.breadcrumb span{color:#b2bcac;padding:0 12px}.local-badge{color:#8a9a84;align-items:center;gap:6px;font-size:9px;display:flex}.local-badge i{background:#9cbc6c;border-radius:50%;width:5px;height:5px}.empty-state{max-width:1150px;padding:85px 65px 50px}.empty-state h1{margin:20px 0;font-size:48px;font-weight:500;line-height:1.12}.empty-state>p{color:#899582;font-size:14px}.empty-buttons{gap:12px;margin:27px 0 55px;display:flex}.process-cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.process-cards article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:27px;position:relative}.process-cards article>span{color:#9a8;font-size:9px;position:absolute;top:24px;right:24px}.process-cards svg{color:#74964e;width:25px;height:25px;margin-bottom:25px}.process-cards h3{margin-bottom:12px;font-size:18px;font-weight:500}.process-cards p{color:#8b9782;margin:0;font-size:11px;line-height:1.6}.honest-note{color:#9aa78f;margin:30px 0;font-size:10px;display:block}.project-content{max-width:1550px;margin:auto;padding:33px 36px 60px}.project-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.project-heading h1{align-items:center;gap:16px;margin:11px 0 8px;font-size:30px;font-weight:550;display:flex}.status-pill{letter-spacing:0;color:#94856b;white-space:nowrap;vertical-align:middle;background:#f0ece2;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:500}.status-pill.published{color:#4c794a;background:#e8efdb}.site-url{color:#9aa38e;gap:8px;font-size:10px;display:flex}.project-actions{gap:10px;display:flex}.project-tabs{border-bottom:1px solid var(--line);align-items:center;gap:30px;margin-top:30px;display:flex}.project-tabs>button{color:#a4ad98;background:0 0;border-bottom:2px solid #0000;gap:9px;padding:16px 0;font-size:9px;display:flex}.project-tabs>button span{font-size:11px}.project-tabs>button.active{color:#315a3c;border-color:#426747}.save-state{color:#97a385;margin-left:auto;font-size:9px}.tour-intro{justify-content:space-between;align-items:center;gap:20px;margin:29px 0 23px;display:flex}.tour-intro h2{margin-bottom:8px;font-size:18px;font-weight:500}.tour-intro p{color:#919b89;max-width:650px;margin:0;font-size:11px}.goal-card{background:#eff2e6;border:1px solid #e0e6d0;border-radius:9px;gap:14px;margin-bottom:25px;padding:18px 20px;display:flex}.goal-icon{color:#7d9857;background:#e0e8ca;border-radius:7px;flex-shrink:0;place-items:center;width:31px;height:31px;display:grid}.goal-icon svg{width:18px;height:18px}.goal-card>div{flex:1}.goal-card label{margin-bottom:5px;font-size:11px;font-weight:600;display:block}.goal-card textarea{color:#7e8c6c;resize:vertical;background:0 0;border:0;width:100%;min-height:38px;padding:5px 0;font-size:12px;line-height:1.5;display:block}.dictation{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dictation .text-button{color:#6f8b51;padding:4px 0;font-size:10px}.dictation small{color:#8a917d;font-size:10px}.editor-grid{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:205px minmax(280px,1fr) 248px;align-items:start;display:grid;overflow:hidden}.section-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.section-top h3{letter-spacing:0;margin:0;font-size:11px;font-weight:600}.section-top h3 span{color:#a1ad93;margin-left:7px;font-size:9px;font-weight:400}.section-top>button{color:#75905b;background:0 0;font-size:17px}.step-rail{border-right:1px solid var(--line);background:#fcfdf9;min-width:0;height:100%;padding:20px 10px}.step-rail>.section-top{padding:0 7px}.step-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:9px;width:100%;min-height:60px;margin:5px 0;padding:12px 9px;display:flex}.step-item.active{background:#edf3e1;border-color:#d8e4c2}.step-number{color:#a3ae94;flex-shrink:0;font-size:9px}.step-item.active .step-number{color:#648147}.step-item>span:nth-child(2){flex:1;min-width:0}.step-item strong{color:#667756;text-overflow:ellipsis;font-size:10px;font-weight:500;line-height:1.4;display:block;overflow:hidden}.step-item small{color:#a1ad93;white-space:nowrap;text-overflow:ellipsis;max-width:130px;margin-top:4px;font-size:8px;display:block;overflow:hidden}.step-chevron{color:#9baf83;font-size:15px}.add-step{color:#84976b;background:0 0;padding:16px 10px;font-size:10px}.rail-note{color:#9aa88a;border-top:1px solid #e9eddf;align-items:start;gap:8px;margin-top:15px;padding:20px 8px;display:flex}.rail-note svg{flex-shrink:0;width:12px;height:12px;margin-top:2px}.rail-note p{margin:0;font-size:9px;line-height:1.7}.step-editor{padding:22px 25px}.step-editor label,.modal label,.tag-row label{color:#76886b;margin-bottom:17px;font-size:10px;font-weight:500;display:block}.step-editor input,.step-editor textarea,.step-editor select,.modal input,.tag-row input,.tag-row textarea{color:#526447;background:#fff;border:1px solid #e1e6d8;border-radius:6px;width:100%;margin-top:8px;padding:11px 12px;font-size:12px;line-height:1.5;transition:border-color .15s;display:block}.step-editor input:focus,.step-editor textarea:focus,.modal input:focus,.tag-row input:focus,.tag-row textarea:focus{outline-offset:0;border-color:#97b078;outline:2px solid #d5e4bc}.step-editor textarea{resize:vertical;min-height:90px}.step-editor input::placeholder,.step-editor textarea::placeholder,.modal input::placeholder{color:#b1baa7}.step-editor .dictation{margin-top:-10px;margin-bottom:20px}.form-row{gap:12px;display:flex}.form-row>label{flex:1;min-width:0}.form-row>.path-field{max-width:120px}.mono,code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.step-editor .mono{font-size:10px}.field-help{color:#a0ab93;margin:-7px 0 20px;font-size:9px;line-height:1.7;display:block}.field-label{margin-top:20px}.shape-options{grid-template-columns:repeat(4,1fr);gap:7px;margin:-4px 0 22px;display:grid}.shape-options button{color:#a0ab94;text-transform:capitalize;background:#fff;border:1px solid #e5e9dd;border-radius:6px;padding:8px 5px;font-size:9px}.shape-options span{color:#9bb180;margin-bottom:3px;font-size:24px;line-height:28px;display:block}.shape-options button.selected{color:#627f43;background:#f1f6e7;border-color:#97b573}.lower-fields{align-items:center}.lower-fields select{padding:10px 8px;font-size:9px}.lower-fields .checkbox-label{white-space:nowrap;flex:none;align-items:center;gap:5px;margin-top:20px;font-size:9px;display:flex}.checkbox-label input{accent-color:#557f45;width:auto;margin:0}.reorder{gap:7px;display:flex}.reorder button{color:#8b9b77;background:#f5f7f0;border-radius:3px;padding:4px 7px;font-size:10px}.reorder .danger-text{color:#ad8970;background:0 0;font-size:9px}.preview-rail{border-left:1px solid var(--line);background:#f9faf5;height:100%;padding:22px 17px}.preview-rail>.eyebrow{margin-bottom:24px;font-size:8px}.mini-site{background:#fff;border:1px solid #e0e6d4;border-radius:7px;overflow:hidden}.mini-browser{color:#bac4ad;background:#f5f7ef;border-bottom:1px solid #eef0e9;align-items:center;gap:3px;height:22px;padding:0 8px;display:flex}.mini-browser i{background:#c6cfbc;border-radius:50%;width:3px;height:3px}.mini-browser span{margin-left:15px;font-size:6px}.mini-content{height:153px;padding:18px 14px;position:relative}.skeleton{background:#edf0e6;border-radius:3px;width:45%;height:4px;margin-bottom:8px;display:block}.skeleton.wide{width:70%}.preview-target{color:#8b9f6d;background:#f4f7e9;border:2px solid #9abb6a;border-radius:7px;max-height:47px;margin:15px 0 22px;padding:10px 6px;font-size:8px;line-height:1.5;overflow:hidden;box-shadow:0 0 0 3px #e3edca70}.shape-circle{border-radius:50%}.shape-underline{box-shadow:none;border-color:#0000 #0000 #99bb68}.shape-arrow{box-shadow:none;border-color:#dae5c3}.preview-arrow{fill:none;stroke:#91ad65;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:48px;height:36px;position:absolute;bottom:7px;right:10px}.preview-assistant{background:#fff;border:1px solid #dce4ce;border-radius:9px;margin-top:-2px;padding:14px;position:relative;box-shadow:0 4px 9px #193a2a06}.assistant-heading{align-items:center;gap:6px;margin-bottom:13px;font-size:9px;display:flex}.assistant-heading .assistant-orb{gap:3px;width:25px;height:25px}.assistant-heading .assistant-orb i{border-width:1.5px;width:5px;height:4px}.assistant-heading>span:last-child{color:#adbaa0;margin-left:auto;font-size:7px}.preview-assistant h4{margin-bottom:7px;font-size:11px;font-weight:600;line-height:1.4}.preview-assistant p{color:#8a9980;overflow-wrap:anywhere;margin-bottom:17px;font-size:9px;line-height:1.7}.preview-dots{gap:4px;display:flex}.preview-dots i{background:#dce4cd;border-radius:3px;width:4px;height:4px}.preview-dots .active{background:#a4bf7b;width:13px}.preview-note{color:#a9b29c;text-align:center;margin:12px 0 25px;font-size:8px;line-height:1.7}.privacy-note{color:#94a482;border-top:1px solid #e3e8d8;gap:6px;padding-top:15px;font-size:8px;line-height:1.6;display:flex}.privacy-note svg{width:12px;height:12px}.knowledge-card{border:1px solid var(--line);background:#fff;border-radius:9px;flex-wrap:wrap;align-items:center;gap:15px;margin-top:22px;padding:22px;display:flex}.knowledge-card>div:first-child{flex:1}.knowledge-card h3{margin-bottom:7px;font-size:13px;font-weight:500}.knowledge-card p{color:#94a086;margin:0;font-size:10px}.tag-row{border-top:1px solid #eef0e8;align-items:center;gap:15px;width:100%;padding-top:15px;display:flex}.tag-row label{margin:0}.tag-row label:first-child{width:25%}.tag-row label:nth-child(2){flex:1}.tag-row textarea{resize:vertical;min-height:55px}.icon-button{color:#a7b094;background:0 0;font-size:22px}.save-bar{justify-content:space-between;align-items:center;gap:15px;padding:22px 0;display:flex}.save-bar>span{color:#9aa68b;font-size:10px}.editor-placeholder{text-align:center;color:#a1af90;padding:70px 20px}.editor-placeholder svg{width:30px;height:30px;margin-bottom:15px}.editor-placeholder h3{font-size:16px}.editor-placeholder p{font-size:11px}.empty-small{color:#9aa58f;padding:15px;font-size:10px;line-height:1.7}.install-grid{grid-template-columns:minmax(0,1fr) 280px;gap:30px;margin-top:30px;display:grid}.install-card{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:18px;padding:27px 28px 27px 72px;position:relative}.install-number{color:#839f5d;background:#edf2e1;border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;display:grid;position:absolute;top:27px;left:24px}.install-card h2{font-size:17px;font-weight:500;line-height:1.4}.install-card p{color:#98a38d;max-width:650px;font-size:11px}.code-block{background:#f5f7ef;border:1px solid #e3e9d7;border-radius:7px;align-items:flex-start;margin:17px 0;display:flex;position:relative;overflow:hidden}.code-block pre{color:#6b8352;white-space:pre-wrap;word-break:break-all;flex:1;margin:0;padding:18px 80px 18px 16px;font-size:10px;line-height:1.8;overflow:auto}.code-block button{color:#859d6a;background:#fff;border:1px solid #dce5cc;border-radius:5px;padding:5px 9px;font-size:9px;position:absolute;top:10px;right:10px}.integration-pills{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.integration-pills span{color:#9ba98c;border:1px solid #e5eadc;border-radius:4px;padding:5px 8px;font-size:9px}.install-card details{color:#83976e;padding-top:10px;font-size:10px}.install-card summary{cursor:pointer}.install-card details p{font-size:10px}.install-aside{padding:30px 13px}.install-aside h3{margin:22px 0 14px;font-size:25px;font-weight:500;line-height:1.3}.install-aside p{color:#91a082;font-size:11px}.install-aside ul{color:#7e9768;margin-bottom:26px;padding:0;font-size:10px;line-height:2.7;list-style:none}.install-aside li:before{content:"✓";color:#a7bd80;margin-right:8px}.info-box{color:#8a9978;background:#f0f4e6;border:1px solid #e4ebd6;border-radius:6px;margin:15px 0;padding:13px;font-size:10px;line-height:1.7}.pending-box{color:#a4ac98;border:1px dashed #d6dfca;border-radius:6px;padding:17px;font-size:11px}.danger-text{color:#a46c56;margin-left:15px}.metrics{grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0;display:grid}.metrics article{border:1px solid var(--line);background:#fff;border-radius:8px;padding:25px}.metrics span{color:#91a07f;margin-bottom:20px;font-size:10px;display:block}.metrics strong{font-size:35px;font-weight:500}.analytics-table{border:1px solid var(--line);background:#fff;border-radius:10px;padding:25px}.analytics-table h3{margin-bottom:25px;font-size:15px;font-weight:500}.analytics-row{color:#96a584;border-top:1px solid #edf0e6;align-items:center;gap:20px;padding:20px 0;font-size:10px;display:flex}.analytics-row strong{color:#687e55;width:30%;font-weight:500}.bar{background:#f1f4eb;border-radius:4px;flex:1;height:5px;overflow:hidden}.bar i{background:#b1cb83;height:100%;display:block}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#153a2d55;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fcfdf9;border:1px solid #e1e7d7;border-radius:16px;outline:none;width:470px;max-width:100%;max-height:calc(100dvh - 40px);padding:35px;position:relative;overflow:auto;box-shadow:0 30px 80px #16392c30}.modal-mark{color:#8aa663;background:#e7efda;border-radius:9px;place-items:center;width:36px;height:36px;margin-bottom:20px;display:grid}.modal h2{margin-bottom:10px;font-size:27px;font-weight:500}.modal-intro{color:#929f83;margin-bottom:25px;font-size:12px}.modal-close{color:#9ba98b;background:0 0;position:absolute;top:20px;right:20px}.modal input{padding:12px}.modal form .full{margin-top:8px}.or-rule{text-align:center;border-top:1px solid #e5ebdb;height:1px;margin:28px 0 22px;position:relative}.or-rule span{color:#a8b298;letter-spacing:1px;background:#fcfdf9;padding:0 10px;font-size:8px;position:relative;top:-8px}.form-error{color:#ad6f58;font-size:11px;line-height:1.6}.candidate-list{max-height:330px;margin-bottom:20px;overflow:auto}.candidate-list label{border:1px solid #e3e9d6;border-radius:6px;align-items:center;gap:12px;margin:8px 0;padding:12px;display:flex}.candidate-list input{accent-color:#6a8d4e;width:auto;margin:0}.candidate-list span{min-width:0}.candidate-list strong{color:#75885f;font-size:11px;display:block}.candidate-list small{color:#a8b196;text-overflow:ellipsis;white-space:nowrap;max-width:300px;margin-top:5px;font-size:8px;display:block;overflow:hidden}.toast{z-index:200;color:#edf4dd;background:#244e3a;border-radius:8px;align-items:center;gap:10px;max-width:90%;padding:14px 20px;font-size:12px;line-height:1.5;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #163c3422}.toast svg{color:#c5dfa0;width:16px;height:16px}.error-banner{color:#a56948;background:#fff2eb;border-bottom:1px solid #f0dfd1;padding:14px 25px;font-size:11px;line-height:1.6;position:relative}.error-banner button{float:right;color:#a56948;background:0 0;font-size:18px}.busy-indicator{z-index:210;background:#fff;border:1px solid #dae4ce;border-radius:7px;align-items:center;gap:9px;padding:10px 15px;font-size:11px;display:flex;position:fixed;top:15px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #173c3410}.spinner{border:2px solid #dbe5cf;border-top-color:#6e8d50;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:100vh;display:flex}.loading-screen p{color:#8c9c7b;font-size:13px}.loading-screen h2{margin:0}.share-page{background:radial-gradient(at top,#e9efdc,#f8f9f4 65%);flex-direction:column;align-items:center;min-height:100vh;padding:55px 20px;display:flex}.share-card{text-align:center;background:#fff;border:1px solid #e1e8d5;border-radius:20px;max-width:660px;margin:65px auto 20px;padding:50px 60px;box-shadow:0 15px 40px #193a2608}.share-card .assistant-orb{margin-bottom:30px}.share-card .eyebrow{justify-content:center;font-size:8px}.share-card h1{margin:20px 0;font-size:36px;font-weight:500;line-height:1.2}.share-card p{color:#94a180;margin-bottom:30px;font-size:13px;line-height:1.8}.share-card>small{color:#a4ae95;margin-top:23px;font-size:9px;display:block}.powered{color:#a5b294;font-size:10px}@media (width>=1600px){.project-content{padding-top:45px}.editor-grid{grid-template-columns:240px minmax(340px,1fr) 290px}.step-editor{padding:25px 35px}.step-item strong{font-size:12px}.preview-assistant p{font-size:11px}.preview-assistant h4{font-size:13px}.tour-intro p{font-size:12px}.goal-card textarea{font-size:13px}}@media (width<=1200px){.editor-grid{grid-template-columns:180px minmax(280px,1fr)}.preview-rail{display:none}.project-heading h1{font-size:25px}.project-content{padding:28px 25px}.topbar{padding:0 25px}.project-actions .button{padding:10px;font-size:11px}.landing nav,.landing-hero{padding-left:30px;padding-right:30px}.landing-bottom,.landing footer{margin-left:30px;margin-right:30px}.hero-proof{flex-wrap:wrap}.landing-hero{gap:20px;margin-top:40px}.demo-app{grid-template-columns:85px 1fr}.demo-side{font-size:8px}.hero-voice-card{left:35px;right:0}.install-grid{grid-template-columns:minmax(0,1fr) 220px}.local-badge{display:none}.sidebar{width:200px}.studio-main{margin-left:200px}.empty-state{padding:70px 35px}.empty-state h1{font-size:40px}}@media (width<=900px){.landing-hero{grid-template-columns:1fr;gap:40px;max-width:650px}.landing-hero h1{font-size:54px}.hero-visual{height:500px}.landing-bottom{gap:20px}.landing-nav-note{display:none}.landing nav .text-button{margin-left:auto}.sidebar{width:70px;padding:25px 10px 0}.sidebar .brand{gap:0;font-size:0}.sidebar .brand-period{display:none}.brand-link{padding:0 7px}.workspace-label,.nav-label,.site-list,.sidebar-tip,.account{display:none}.nav-item{gap:0;padding:15px;font-size:0}.nav-item svg{width:20px;height:20px}.nav-item .count{display:none}.sidebar .brand-link{margin-bottom:40px}.studio-main{margin-left:70px}.project-heading{align-items:flex-start}.project-actions{flex-direction:column}.project-tabs{gap:22px}.save-state{display:none}.install-grid{grid-template-columns:1fr}.install-aside{max-width:500px;padding:20px}.metrics{gap:10px}.metrics article{padding:20px 15px}.metrics span{font-size:9px}.metrics strong{font-size:28px}.process-cards{gap:12px}.process-cards article{padding:20px}}@media (width<=640px){.landing nav{gap:15px;height:80px;padding:0 20px}.landing nav .brand{font-size:24px}.landing nav .small-button{padding:9px;font-size:10px}.landing nav .text-button{font-size:10px}.landing-hero{margin:30px auto 60px;padding:0 23px}.landing-hero h1{font-size:44px}.landing-hero section>p{font-size:14px}.hero-actions{gap:10px}.hero-actions .button{font-size:11px}.hero-actions>span{font-size:8px}.hero-proof{font-size:9px}.hero-visual{height:420px;padding-left:0}.demo-app{grid-template-columns:65px 1fr}.demo-side{gap:14px;padding:15px 7px;font-size:6px}.demo-side b{font-size:17px}.demo-body{padding:18px 12px}.sample-stat strong small{display:none}.hero-voice-card{gap:10px;padding:15px;left:12px}.hero-voice-card strong{font-size:12px}.hero-voice-card p{font-size:9px}.visual-caption{font-size:10px;right:10px}.hero-hand-arrow{width:120px;height:100px;bottom:100px;right:10px}.landing-bottom{grid-template-columns:1fr;gap:25px;margin:0 23px}.landing-bottom h3{margin:10px 0 7px}.landing-bottom p{max-width:none}.landing footer{flex-wrap:wrap;gap:15px;margin:0 23px}.landing footer .text-button,.sidebar{display:none}.studio-main{margin-left:0}.topbar{height:65px;padding:0 18px}.breadcrumb{font-size:10px}.breadcrumb span{padding:0 5px}.project-content{padding:25px 18px}.project-heading{gap:10px}.project-heading h1{font-size:23px;display:block}.project-heading .status-pill{margin-top:7px;display:table}.project-actions .button{min-height:34px;padding:8px 10px;font-size:9px}.project-actions svg{width:14px;height:14px}.site-url{overflow-wrap:anywhere;max-width:190px;font-size:8px}.project-tabs{gap:15px;margin-top:20px}.project-tabs>button{gap:5px}.project-tabs>button span{font-size:9px}.project-tabs>button{font-size:8px}.tour-intro{margin:22px 0}.tour-intro h2{font-size:17px}.tour-intro p{font-size:10px}.tour-intro .button{white-space:normal;min-width:90px;padding:8px;font-size:9px}.goal-card{gap:9px;padding:15px}.goal-card label{font-size:10px}.goal-card textarea{font-size:11px}.editor-grid{flex-direction:column;display:flex}.step-rail{border-right:0;border-bottom:1px solid var(--line);width:100%;padding:15px}.step-list{gap:7px;display:flex;overflow-x:auto}.step-item{width:150px;min-width:150px;padding:9px}.step-rail>.section-top{margin:0}.rail-note{display:none}.add-step{padding:8px}.step-editor{width:100%;padding:20px}.form-row>.path-field{max-width:90px}.shape-options button{font-size:9px}.lower-fields{flex-direction:column;align-items:stretch;gap:0}.lower-fields .checkbox-label{margin:0}.knowledge-card{padding:18px}.knowledge-card h3{font-size:12px}.knowledge-card .button{font-size:10px}.tag-row{flex-wrap:wrap;gap:10px}.tag-row label:first-child{width:100%}.tag-row label:nth-child(2){min-width:70%}.save-bar>span{font-size:9px}.save-bar .button{padding:10px 15px;font-size:11px}.install-card{padding:22px 18px 22px 55px}.install-number{top:22px;left:17px}.install-card h2{font-size:16px}.metrics{grid-template-columns:repeat(2,1fr)}.analytics-row{gap:8px;font-size:9px}.analytics-row strong{width:40%}.analytics-table{padding:18px}.empty-state{padding:55px 23px}.empty-state h1{font-size:35px}.empty-state>p{font-size:12px}.empty-buttons{flex-direction:column;align-items:start;margin-bottom:35px}.process-cards{grid-template-columns:1fr}.process-cards article{padding:20px 20px 20px 65px}.process-cards svg{position:absolute;top:23px;left:22px}.process-cards h3{margin-bottom:8px;font-size:16px}.modal{padding:28px 25px}.modal h2{font-size:24px}.share-page{padding-top:35px}.share-card{margin-top:40px;padding:35px 25px}.share-card h1{font-size:30px}.toast{width:90%;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.goal-card .goal-label{margin-top:18px}.goal-card input{background:#ffffff80;width:100%}.teach-card{border:1px solid var(--line);background:var(--paper);border-radius:9px;margin-bottom:18px;padding:18px 20px}.teach-intro{align-items:flex-start;gap:14px;display:flex}.teach-intro>div:nth-child(2){flex:1}.teach-intro h3{margin:0 0 5px;font-size:14px;font-weight:650}.teach-intro p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.teach-actions{flex-direction:column;gap:6px;display:flex}.rec-badge{background:#d23b30;border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:3px;box-shadow:0 0 0 5px #d23b3022}.recordings{border-top:1px solid var(--line);margin:14px 0 0;padding:0;list-style:none}.recordings li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;font-size:12px;display:flex}.recordings li>span:nth-child(2){flex:1}.recordings small{color:var(--muted);margin-top:2px;display:block}.rec-state{letter-spacing:.5px;text-transform:uppercase;color:var(--green);background:#e8f2ea;border-radius:99px;padding:3px 8px;font-size:10px;font-weight:700}.rec-state.live{color:#b02f26;background:#fbe7e5}.transcript{border:1px solid var(--line);background:#f8faf6;border-radius:9px;margin-top:14px;padding:12px 14px}.transcript h3{margin:0;font-size:12px}.transcript ol{max-height:260px;margin:8px 0 0;padding:0;font-size:12px;list-style:none;overflow:auto}.transcript li{gap:10px;padding:4px 0;display:flex}.transcript time{width:46px;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.transcript code{background:#eef1ea;border-radius:4px;padding:1px 4px;font-size:10px}.transcript .ev-speech span{color:#24463c;font-style:italic}.transcript .ev-note span{color:#6a5b16}.transcript small{color:var(--muted);font-style:normal}