@charset "UTF-8";
:root{color-scheme:light;--bg:#f5f6f0;--ink:#193f35;--muted:#617068;--line:#d9dfd3;--accent:#d5ed87;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #607e15;outline-offset:5px}a:hover{text-decoration:none}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;top:-80px;left:16px;padding:12px;background:var(--ink);color:white;z-index:3}.skip:focus{top:10px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:750;letter-spacing:-1.4px}.brand-light{font-weight:400}.header nav{display:flex;gap:34px;font-size:14px;font-weight:600}.header nav a:hover,.text-link:hover{color:#658225}.login{border:1px solid #bbc8bb;border-radius:8px;padding:10px 17px;font-size:14px;font-weight:600;white-space:nowrap}.login span{margin-left:20px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-block:74px 66px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.6px;line-height:1.7;margin:0 0 21px;display:flex;align-items:center;gap:8px}.eyebrow span{width:7px;height:7px;background:#769852;border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.9vw,66px);letter-spacing:-3px;line-height:1.09;font-weight:650;margin-bottom:25px}h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400}p.lead{font-size:17px;line-height:1.85;max-width:465px;color:var(--muted);margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:8px;padding:15px 20px;font-size:14px;font-weight:650;transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:var(--white)}.primary:hover{background:#28604c}.lime{background:var(--accent);color:var(--ink)}.lime:hover{background:#e1f3a9}.text-link{font-size:13px;font-weight:650;border-bottom:1px solid #a9b5a6;padding-block:5px}.text-link span{margin-left:12px}.hero-note{font-size:12px;color:var(--muted);margin:21px 0 0}.studio{margin:0;background:#edf0e5;border:1px solid #d7decd;border-radius:16px;overflow:hidden;box-shadow:0 18px 35px -26px #25463455;transform:rotate(-1deg)}.studio-top{padding:17px 23px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d5ddcd;font-size:10px;letter-spacing:1.5px;font-weight:700}.studio-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#628965;margin-right:8px}.kitchen{display:block;width:100%;height:auto}.studio figcaption{display:flex;align-items:center;gap:13px;padding:18px 22px;background:#fcfcf6;border-top:1px solid #d7decd}.project-check{background:#e8efda;border-radius:50%;display:grid;place-items:center;width:32px;height:32px;flex-shrink:0}.studio strong{font-size:13px;font-weight:650;display:block}.studio small{font-size:11px;color:var(--muted);display:block;margin-top:3px}.cube{margin-left:auto;font-size:23px}.outputs{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding:25px 0;gap:12px}.outputs span{display:flex;align-items:center;gap:15px;font-size:13px;font-weight:600}.outputs b{font-size:11px;font-weight:400;color:#71826e}.section{padding-block:96px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:37px}.section-heading .eyebrow{margin-bottom:15px}h2{font-size:clamp(29px,3.1vw,43px);line-height:1.2;letter-spacing:-1.5px;font-weight:600;margin-bottom:0}.section-heading>p{font-size:14px;color:var(--muted);margin-bottom:4px;line-height:1.9}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.workflow article{position:relative;padding:29px 29px 65px;background:#e9ede1;border-radius:12px;min-height:284px}.step{font-size:10px;letter-spacing:1.4px;font-weight:650;color:#62735d}.workflow h3{font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-.6px;margin:25px 0 15px}.workflow p{font-size:13px;color:#5e6f60;margin-bottom:0;line-height:1.85}.line-icon{position:absolute;bottom:15px;right:25px;font-size:30px;font-weight:300}.workflow .workflow-production{background:#d9e5cc}.plans-section{background:#eaeedf;padding-block:84px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px}.plan{background:#fcfdf8;border-radius:14px;padding:32px 37px;display:flex;flex-direction:column}.plan-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;margin-bottom:25px}.plan-label{font-size:10px;letter-spacing:1px;font-weight:700;background:#e9eddf;border-radius:4px;padding:5px 8px}.plan h3{font-size:31px;letter-spacing:-1px;line-height:1.2;font-weight:600;margin:0 0 13px}.plan>p{color:var(--muted);font-size:14px;max-width:370px;min-height:48px}.price{font-size:48px;font-weight:600;letter-spacing:-2px;border-bottom:1px solid var(--line);padding-block:5px 20px}.price span{font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted)}.plan ul{list-style:none;padding:0;margin:24px 0 30px;flex:1}.plan li{font-size:14px;margin:13px 0;padding-left:24px;position:relative}.plan li:before{content:"✓";position:absolute;left:0;color:#719451}.plan small{text-align:center;display:block;font-size:11px;margin-top:13px;color:var(--muted)}.organization-plan{background:var(--ink);color:#f3f7eb}.organization-plan .plan-label{background:#315344;color:#e4efce}.organization-plan>p,.organization-plan small,.organization-plan .price span{color:#bacbbc}.organization-plan .price{border-color:#456354}.organization-plan li:before{color:var(--accent)}.single-account{display:flex;align-items:flex-start;gap:13px;max-width:845px;margin:27px auto 0;font-size:13px;color:#50634e}.single-account>span{font-size:20px;line-height:1.4}.single-account p{margin:0}.single-account a{text-decoration:underline}.module-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px}.module-group{font-size:11px;font-weight:700;letter-spacing:1.2px;border-bottom:2px solid #abc28f;padding-bottom:15px;margin-bottom:0}.module-group span{float:right;color:#7d9070}dl{margin:0}dl>div{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid var(--line)}dt{font-size:15px;font-weight:650}dd{margin:0;font-size:13px;color:var(--muted);line-height:1.75}.join{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:44px 0 84px}.join h2{margin-bottom:27px;max-width:510px}.join-steps article{display:flex;gap:20px;margin-bottom:22px}.join-steps b{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;background:#e2ead4;border-radius:50%;font-size:11px;font-weight:600}.join-steps h3{font-size:16px;line-height:1.5;margin:3px 0 7px;font-weight:650}.join-steps p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:0}.footer{display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding-block:28px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer .brand{font-size:24px;color:var(--ink);gap:0}.footer p{margin:0;flex:1}.footer>a:not(.brand){color:var(--ink)}.footer>span{font-size:10px}
@media(min-width:1550px){.hero{padding-block:85px}.hero h1{font-size:68px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.header nav{gap:20px}.hero{gap:25px;padding-block:55px}h1{font-size:49px}.hero-actions{gap:15px}.studio figcaption{padding:15px}.workflow article{padding:24px 22px 58px}.plan{padding:28px}.module-columns{gap:40px}dl>div{grid-template-columns:100px 1fr;gap:12px}.outputs span{font-size:12px;gap:9px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header{height:80px}.header nav{display:none}.brand{font-size:25px}.brand svg{width:27px}.login{font-size:12px;padding:9px 12px}.login span{margin-left:8px}.hero{grid-template-columns:1fr;gap:35px;padding-block:40px}.hero-copy{max-width:530px}h1{font-size:54px;letter-spacing:-2.5px}.eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:19px}p.lead{font-size:15px;line-height:1.8}.hero-actions{gap:21px}.studio{transform:none;width:100%;max-width:570px;justify-self:center}.outputs{grid-template-columns:1fr 1fr;gap:18px 12px;padding-block:22px}.section{padding-block:62px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin:20px 0 0;font-size:13px}.workflow{grid-template-columns:1fr;gap:14px}.workflow article{min-height:0;padding:24px 25px}.workflow h3{font-size:24px;margin-top:15px}.workflow h3 br{display:none}.workflow p{padding-right:24px}.line-icon{bottom:10px;right:17px}.plans-section{padding-block:56px}.plans{grid-template-columns:1fr;gap:20px}.plan{padding:28px 25px}.plan>p{min-height:0}.plan h3{font-size:30px}.price{font-size:46px}.single-account{font-size:12px;gap:10px}.module-columns{grid-template-columns:1fr;gap:35px}dl>div{grid-template-columns:105px 1fr;padding:19px 0}.join{grid-template-columns:1fr;gap:35px;padding:0 0 44px}.join h2{font-size:31px}.join-steps article{gap:15px}.footer{gap:17px}.footer p{flex-basis:70%;font-size:11px}.footer>span{margin-left:auto}.button{padding:14px 17px;font-size:13px}}
@media(max-width:375px){h1{font-size:47px}.hero-actions{gap:16px}.hero .text-link{font-size:12px}.outputs span{font-size:11px}.plan-top{font-size:11px}.plan li{font-size:13px}.studio strong{font-size:12px}.studio small{font-size:10px}.studio-top{padding:14px 16px}}
/* r694: real bitmap visuals keep their full frame on phones and desktops. */
.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:42px}
.studio{transform:none;border-radius:18px;min-width:0;background:#fff}
.studio-top{padding:16px 20px;font-size:9px;gap:12px;background:#e9eee2}
.project-image{display:block;position:relative;line-height:0}
.project-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.image-expand{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff70;border-radius:50%;background:#193f35db;color:#fff;font-size:22px;line-height:1}
.project-image:hover .image-expand{background:#193f35}
.project-image:focus-visible{outline-offset:-4px}
.studio figcaption{padding:18px 20px}.studio small{line-height:1.6}
.project-showcase{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:center;padding-block:76px 0}
.showcase-copy>p:not(.eyebrow){max-width:340px;color:var(--muted);font-size:15px;line-height:1.9;margin:24px 0 0}
.material-notes{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.material-notes span{padding:6px 11px;border:1px solid var(--line);border-radius:20px;font-size:11px}
.showcase-copy>p.visual-note{font-size:11px;margin-top:20px;color:#71816f}
.render-card{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#ebe8df}
.render-card figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 20px;background:#fdfdf8;font-size:12px;font-weight:600}
.render-card figcaption>span:last-child{font-size:9px;letter-spacing:1px;color:var(--muted)}
@media(min-width:761px) and (max-width:1050px){
 .hero{gap:24px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
 .hero h1{font-size:clamp(37px,4.5vw,49px);letter-spacing:-2px}
 .studio-top{padding:13px;font-size:8px;letter-spacing:.9px}
 .studio figcaption{padding:13px;gap:9px}.studio strong{font-size:12px}
 .project-showcase{gap:32px;padding-top:54px}
}
@media(max-width:760px){
 .header{height:auto;min-height:110px;padding-block:14px 0;display:grid;grid-template-columns:1fr auto;gap:8px 16px}
 .header .brand{font-size:25px;min-height:44px}.header .login{min-height:44px;display:flex;align-items:center;justify-content:center}
 .header nav{display:flex;grid-column:1/-1;grid-row:2;justify-content:space-between;gap:8px;border-top:1px solid var(--line)}
 .header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:12px;padding-inline:5px}
 .hero{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:34px}
 .hero h1{font-size:clamp(41px,10.8vw,64px);letter-spacing:-2px;line-height:1.12;margin-bottom:19px}
 .hero .eyebrow{margin-bottom:16px;font-size:9px;letter-spacing:1px}
 .hero .lead{font-size:15px;line-height:1.75;margin-bottom:22px}
 .hero-actions{gap:12px 20px}.hero-actions .button{min-height:48px}
 .hero-actions .text-link{min-height:44px;display:flex;align-items:center;justify-content:center}
 .hero-note{margin-top:14px}.studio{max-width:none;border-radius:13px}
 .studio-top{font-size:8px;letter-spacing:.8px;padding:12px 14px}
 .studio figcaption{padding:14px;gap:10px}.studio strong{font-size:12px}.studio small{font-size:10px}
 .image-expand{width:34px;height:34px;right:10px;bottom:10px;font-size:20px}
 .outputs{gap:18px 14px}.outputs span{align-items:flex-start;line-height:1.6}.outputs b{padding-top:1px}
 .project-showcase{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:48px}
 .showcase-copy h2 br{display:none}.showcase-copy>p:not(.eyebrow){max-width:540px;margin-top:17px;font-size:14px}
 .showcase-copy .eyebrow{margin-bottom:13px}.material-notes{margin-top:18px}
 .showcase-copy>p.visual-note{margin-top:14px;font-size:11px}
 .render-card{border-radius:13px}.render-card figcaption{padding:13px 14px;font-size:11px}.render-card figcaption>span:last-child{font-size:8px}
 .plan .button{min-height:50px}.section-heading h2{font-size:32px}
 .join .text-link{display:inline-flex;align-items:center;min-height:44px}
 .footer>a:not(.brand){min-height:44px;display:flex;align-items:center}
}
@media(max-width:430px){
 .hero-actions{display:grid;grid-template-columns:1fr;gap:5px}.hero-actions .button{justify-content:space-between}
 .hero-actions .text-link{justify-self:center;border-bottom:0;font-size:12px}
 .hero-note{margin-top:10px}.plan{padding:25px 22px}
 dl>div{grid-template-columns:94px minmax(0,1fr);gap:12px}
 .footer{gap:12px}.footer p{flex-basis:100%;order:3}
}
@media(max-width:350px){
 .wrap{width:calc(100% - 28px)}.header{gap:8px}.login{padding-inline:9px;font-size:11px}
 .hero .eyebrow{font-size:8px}.hero h1{font-size:39px}.studio-top{font-size:7px}
 .studio strong{font-size:11px}.studio small{font-size:9px}.project-check{width:27px;height:27px}
 .plan{padding:24px 18px}.plan .button{font-size:12px;padding-inline:13px;gap:10px}
 .section-heading h2,.showcase-copy h2,.join h2{font-size:29px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}