:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:#f8faf9;color:#132a27}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{max-width:1210px;padding:25px 24px;margin:auto;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:27px;letter-spacing:-.07em;font-weight:850}.wordmark span{color:#22a77a}.topbar nav{display:flex;gap:26px;font-size:13px;font-weight:650}.hero{max-width:1210px;min-height:580px;margin:auto;padding:122px 24px 100px}.hero h1{max-width:970px;font-size:clamp(56px,8vw,108px);line-height:.99;letter-spacing:-.085em;margin:17px 0 26px}.hero h1 em{font-style:normal;color:#30a37b}.hero p{font-size:20px;line-height:1.6;max-width:690px;color:#586b64}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.17em;color:#0f9770}.actions{display:flex;gap:12px;align-items:center;margin:30px 0}.primary,.secondary{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:16px 21px;border-radius:12px;font-weight:750;font-size:14px}.primary{background:#133d34;color:white}.secondary{background:#e8f0ed}.trust{font-size:11px;color:#819188;letter-spacing:.14em;font-weight:700}.layout-demo{max-width:1210px;padding:85px 24px;margin:auto}.section-header{max-width:700px;margin-bottom:35px}.cta h2,.section-header h2{font-size:clamp(38px,5vw,65px);letter-spacing:-.06em;line-height:1.08;margin:14px 0}.section-header p{line-height:1.7;color:#708078}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:17px;gap:17px}.concept-card,.feature{padding:30px;background:white;border:1px solid #e2e9e5;border-radius:20px}.concept-card{min-height:300px;display:flex;flex-direction:column}.concept-card h3{font-size:25px;letter-spacing:-.04em;margin:25px 0 0}.concept-card p,.feature p{color:#718179;line-height:1.6}.concept-card span{margin-top:auto;color:#108862;font-weight:700;font-size:13px}.emoji{font-size:50px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.feature h3{font-size:19px}.feature-icon{color:#218b67}.cta{max-width:1162px;margin:70px auto;padding:55px;background:#e4f1e9;border-radius:24px;display:flex;justify-content:space-between;gap:40px;align-items:center}.cta h2{max-width:620px}footer{max-width:1210px;margin:100px auto 30px;padding:18px 24px;border-top:1px solid #dce7df;color:#75857c;font-size:12px}.studio{max-width:1450px;margin:auto;padding:18px 22px 45px}.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.studio-heading h1{font-size:33px;letter-spacing:-.05em;margin:5px 0}.studio-grid{display:grid;grid-template-columns:300px minmax(360px,1fr) 305px;grid-gap:14px;gap:14px;min-height:670px}.studio-panel{background:white;border:1px solid #e1e8e4;border-radius:18px;padding:19px}.viewport{height:590px;position:relative;overflow:hidden;border-radius:18px;background:#e9efeb}.viewport canvas{touch-action:none}.viewport-overlay{top:14px;left:15px;background:#faffffe0;border:1px solid #dae8df;border-radius:12px;padding:10px 12px;font-size:12px}.viewport-bottom,.viewport-overlay{position:absolute;pointer-events:none}.viewport-bottom{bottom:14px;left:14px;right:14px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#537268}.control-title{font-size:11px;font-weight:800;letter-spacing:.12em;color:#759083;margin:22px 0 9px}.field,.prompt,.select{display:block;width:100%;padding:11px;border:1px solid #d7e1da;border-radius:10px;background:#fff;color:#163c32}.prompt{min-height:105px;resize:vertical;font-size:13px;line-height:1.55}.button{border:0;background:#143e33;color:white;padding:12px 15px;border-radius:10px;font-weight:750}.button.ghost{background:#eaf1ec;color:#264638}.button:disabled{opacity:.55;cursor:not-allowed}.button-row{display:flex;flex-wrap:wrap;gap:8px}.button-row .button{flex:1 1;font-size:12px;padding:10px}.small{font-size:12px;color:#718379;line-height:1.6}.tag{font-size:11px;padding:6px 9px;background:#e8f3eb;border-radius:9px;color:#208866;display:inline-block;margin:3px 4px 0 0}.segment{display:flex;gap:6px}.segment button{flex:1 1;border:1px solid #d7e2dc;background:white;border-radius:9px;padding:9px 5px;font-size:12px}.segment button.active{background:#173e33;color:white}.range{width:100%;accent-color:#188963}.labelrow{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}.divider{height:1px;background:#e6eee9;margin:20px 0}.gallery{display:flex;flex-wrap:wrap;gap:7px}.gallery button{border:1px solid #dce8df;background:white;border-radius:10px;padding:9px 10px;font-size:11px}.gallery button.active{border-color:#26a379;background:#e8f7ed}.list{padding-left:17px;font-size:12px;color:#5d7769;line-height:1.9}.warning{font-size:11px;line-height:1.55;color:#815e36;background:#fff8eb;border:1px solid #f0dfba;padding:11px;border-radius:10px;margin-top:14px}@media(max-width:1150px){.studio-grid{grid-template-columns:280px 1fr}.studio-grid>.studio-panel:last-child{grid-column:1/-1}.viewport{height:550px}}@media(max-width:700px){.topbar nav{gap:13px}.hero{padding-top:65px}.card-grid,.feature-grid,.studio-grid{grid-template-columns:1fr}.cta{margin:20px 15px;flex-direction:column;padding:32px}.viewport{height:420px}.studio-grid>.studio-panel:last-child{grid-column:auto}.studio-heading{align-items:flex-start;flex-direction:column}}.landing-3d-shell{background:#fff;border:1px solid #dfe9e3;border-radius:24px;padding:16px;box-shadow:0 28px 60px #18372b10}.landing-3d-stage{height:min(65vw,540px);min-height:340px;position:relative;background:#eaf1ed;border-radius:17px;overflow:hidden}.landing-3d-fallback{height:100%;display:grid;place-items:center;color:#70877b}.landing-3d-stamp{top:18px;background:#eff8f0e8;color:#356857;font-size:10px;letter-spacing:.11em;font-weight:800;padding:10px 12px;border-radius:9px}.landing-3d-caption,.landing-3d-stamp{position:absolute;left:18px;pointer-events:none}.landing-3d-caption{bottom:18px;display:flex;flex-direction:column;gap:4px;background:#fffffff0;padding:12px 15px;border-radius:10px;max-width:80%}.landing-3d-caption strong{font-size:17px;letter-spacing:-.03em}.landing-3d-caption span{font-size:12px;color:#668073}.landing-3d-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:16px 3px 4px}.landing-3d-controls,.landing-3d-tabs{display:flex;flex-wrap:wrap;gap:7px}.landing-3d-controls a,.landing-3d-controls button,.landing-3d-tabs button{border:1px solid #dce7df;border-radius:9px;background:#fff;color:#274a3a;padding:9px 11px;font-size:12px;font-weight:650}.landing-3d-controls button[aria-pressed=true],.landing-3d-tabs button[aria-pressed=true]{background:#144335;color:#fff}.landing-3d-controls a{background:#e6f2ea}.landing-3d-note{font-size:12px;line-height:1.5;color:#70877c;margin:8px 4px}@media(max-width:700px){.landing-3d-shell{padding:8px}.landing-3d-stage{height:410px;min-height:0}.landing-3d-caption{bottom:10px;left:10px}.landing-3d-actions{padding:13px 7px}.landing-3d-tabs button{font-size:11px;padding:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}