:root{--ink:#173b31;--green:#245b49;--lime:#d3e87d;--paper:#f7f7f1;--muted:#69776d;--line:#dbe0d7;--white:#fff;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #598830}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;font-weight:500;letter-spacing:-.04em}h1{font:500 clamp(2.5rem,5.4vw,5.7rem)/1.02 var(--serif);letter-spacing:-.055em}h2{font-size:2.1rem}h3{font-size:1.5rem}.nav{height:100px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;gap:5%}.brand{font-size:29px;font-weight:750;letter-spacing:-1.6px;text-decoration:none;white-space:nowrap}.brand span{display:inline-block;color:#7c9d34;font-size:40px;vertical-align:-4px;margin-left:3px}.nav nav{display:flex;gap:27px;flex:1;font-size:14px}.nav nav a,.nav-end a{text-decoration:none}.nav-end{display:flex;gap:25px;align-items:center}.nav-end details{position:relative;font-size:13px}.lang-menu{position:absolute;z-index:5;right:0;background:white;padding:16px;box-shadow:0 5px 20px #1232}.lang-menu a{display:block;padding:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--green);color:white;text-decoration:none;border:1px solid var(--green);border-radius:5px;padding:14px 24px;font-size:15px;font-weight:600;line-height:1.4}.button:hover{background:#173e31;color:white}.button.small{padding:11px 20px;font-size:13px}.button.outline{color:var(--green);background:transparent}.button.light{background:var(--lime);border-color:var(--lime);color:var(--ink)}.text-link{font-size:14px;text-decoration:none}.fine{font-size:12px;color:var(--muted);line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:650;display:flex;gap:10px;align-items:center}.dot{height:6px;width:6px;border-radius:100%;background:#6b8f37}.hero{max-width:1440px;margin:auto;padding:68px 5% 100px;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.hero h1{max-width:650px;margin:24px 0}.hero .lead{max-width:490px}.lead{font-size:18px;line-height:1.75;color:var(--muted)}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero .actions{margin:30px 0 22px}.showcase{position:relative;transform:rotate(2deg);border:1px solid #d9ded3;border-radius:8px;background:white;padding-bottom:0;box-shadow:0 15px 55px #23381513}.browser-bar{height:32px;border-bottom:1px solid #e7e8df;display:flex;align-items:center;gap:4px;padding:0 12px;font-size:8px;color:#7e897d}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#dce0d8}.browser-bar span{margin:auto}.sample-site{padding:27px;background:#ece9df;border-radius:0 0 7px 7px}.sample-nav{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;margin-bottom:40px}.sample-eyebrow{font-size:8px;letter-spacing:.12em;text-transform:uppercase}.sample-heading{font:clamp(28px,3vw,45px)/1.05 var(--serif);max-width:320px;letter-spacing:-.05em}.sample-art{height:220px;background:#c1bca7;margin-top:25px;position:relative;overflow:hidden}.arch{position:absolute;width:150px;height:240px;border-radius:100px 100px 0 0;background:#e3dcc9;bottom:-50px;left:50%;transform:translateX(-50%);box-shadow:12px 0 25px #615a4522}.circle{position:absolute;width:80px;height:80px;border-radius:50%;background:#91997a;bottom:10px;left:20%}.vase{position:absolute;width:45px;height:75px;border-radius:5px 5px 20px 20px;background:#76694f;bottom:0;right:20%;transform:rotate(-7deg)}.sample-bottom{display:flex;justify-content:space-between;margin-top:15px;font-size:9px}.conversation{position:absolute;right:-25px;bottom:-30px;max-width:350px;background:white;padding:20px;box-shadow:0 10px 30px #173b311a;display:flex;gap:13px;transform:rotate(-2deg);border:1px solid #e7e8df;border-radius:9px}.conversation b{font-size:11px}.conversation p{font-size:12px;line-height:1.5;margin:5px 0 0}.ai-mark{font-size:30px;color:#6c8830}.check{background:#e9f0db;color:#507226;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:12px;flex-shrink:0}.promise{padding:80px 5% 55px;max-width:1000px;margin:auto;text-align:center}.promise .eyebrow{justify-content:center}.promise h2{font:2.4rem/1.25 var(--serif)}.steps{max-width:1300px;margin:0 auto 90px;padding:0 5%;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.step-no{display:block;border-top:1px solid #bdc8ba;padding:18px 0;color:#7c9162;font-size:12px}.steps p{font-size:14px;color:var(--muted)}.guides{background:#e9eee3;padding:80px 5%;}.section-top{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:40px}.section-top p{max-width:430px;font-size:14px;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1300px;margin:auto}.guide-card{border:1px solid #d1dcca;padding:27px;text-decoration:none;min-height:230px;background:#f7f8f1;position:relative}.guide-card>span{font-size:11px;color:#7d916a}.guide-card h3{margin-top:26px}.guide-card p{font-size:13px;color:var(--muted);margin-bottom:20px}.guide-card b{position:absolute;bottom:20px;right:25px}.cta{background:var(--green);color:white;padding:75px 8%;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}.cta .eyebrow{width:100%;color:var(--lime);margin:0}.cta h2{max-width:620px;font:2.7rem/1.1 var(--serif);margin:0}footer{max-width:1440px;margin:auto;padding:65px 5% 30px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}footer p{font-size:13px;color:var(--muted)}footer a:not(.brand){display:block;font-size:12px;margin-bottom:10px;text-decoration:none}.footer-note{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px}.article{max-width:820px;margin:55px auto 100px;padding:0 25px}.article h1{font-size:3.8rem}.article section{margin-top:40px}.article section h2{font-size:1.6rem}.article section p{color:#526253;line-height:1.85}.article-aside{background:#e9eee1;padding:25px;margin-top:50px}.form-shell{max-width:570px;margin:65px auto 100px;padding:0 25px}.form-shell h1{font-size:2.7rem}.form-shell>a{display:block;margin-top:15px}form p{margin-bottom:20px}label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}input:not([type=checkbox]),textarea,select{display:block;width:100%;border:1px solid #bdc8ba;background:#fff;border-radius:4px;padding:12px;color:var(--ink);margin:6px 0}textarea{min-height:150px;resize:vertical}input[type=checkbox]{margin-right:9px;accent-color:var(--green)}.checkbox{display:flex;align-items:flex-start;gap:7px;font-size:12px;font-weight:400;margin:20px 0}.errorlist{color:#9c3429;font-size:13px}.helptext{font-size:12px;color:var(--muted)}.notices{padding:20px 5%;background:#e5efca;border-top:1px solid #cfdbb1}.notices p{margin:0}.workspace{max-width:1400px;padding:40px 5% 80px;margin:auto}.workspace h1{font-size:3.3rem;margin-bottom:18px}.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.site-card{text-decoration:none}.site-thumb{height:220px;background:#e3eadb;display:flex;align-items:center;justify-content:center;font:80px var(--serif);position:relative;margin-bottom:20px}.site-thumb span{position:absolute;right:20px;bottom:15px;font-size:30px;color:#88a255}.site-card h2{font-size:1.5rem}.site-card p{font-size:13px;color:var(--muted)}.badge{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:4px 12px;font-size:11px!important}.workspace-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:30px 0;font-size:13px}.text-button{border:0;background:transparent;color:inherit;padding:0;text-decoration:underline}.editor-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:28px}.panel{background:white;border:1px solid var(--line);padding:30px;margin-bottom:25px;border-radius:6px}.panel h2{font-size:1.5rem}.panel p{font-size:14px}.panel .button{margin-top:10px}.versions{padding-left:20px;max-height:600px;overflow:auto}.versions li{border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:15px;font-size:12px}.versions p{font-size:12px;margin:5px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.secret{display:block;padding:20px;background:#edf1e5;overflow-wrap:anywhere;margin:20px 0}@media(max-width:900px){.nav nav{display:none}.nav{justify-content:space-between}.hero{gap:40px;grid-template-columns:1fr;padding-top:35px}.hero-copy{max-width:650px}.showcase{max-width:600px;margin:20px 30px 40px 0}.guide-grid{grid-template-columns:repeat(2,1fr)}.steps{gap:25px}.editor-layout{grid-template-columns:1fr}.site-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.nav{height:80px}.brand{font-size:25px}.nav-end{gap:16px}.nav-end .button{max-width:150px}.hero{padding:30px 6% 65px}.hero h1{font-size:3.5rem}.lead{font-size:16px}.hero .actions{align-items:flex-start;flex-direction:column;gap:20px}.showcase{margin-right:15px}.sample-art{height:180px}.conversation{right:-10px;max-width:260px;padding:15px}.promise{padding:55px 6% 35px}.promise h2{font-size:1.9rem}.steps{grid-template-columns:1fr;margin-bottom:60px}.guide-grid{grid-template-columns:1fr}.guides{padding:55px 6%}.section-top{display:block}.cta{padding:45px 6%}.cta h2{font-size:2.2rem}footer{grid-template-columns:1fr 1fr;gap:25px}footer>div:first-child{grid-column:1/-1}.article h1{font-size:2.6rem}.workspace{padding:25px 5% 60px}.workspace h1{font-size:2.4rem}.site-grid{grid-template-columns:1fr}.panel{padding:22px}.form-shell{margin-top:35px}}
.chat{max-width:780px}.chat-bot{padding:24px;background:white;border:1px solid var(--line);border-radius:16px 16px 16px 0;margin:24px 35px 20px 0}.chat-user{padding:20px;background:#e4edcf;border-radius:16px 16px 0 16px;margin:20px 0 24px 40px}.choices{display:flex;flex-wrap:wrap;gap:10px}.choices button{border:1px solid #a6ba8c;border-radius:25px;background:white;padding:9px 17px;color:var(--ink);font-size:13px}