:root{color:#25322c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f7f3;font-family:system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,[role=button]:focus-visible{outline-offset:3px;outline:3px solid #80b786}.container{width:min(1376px,100% - 100px);margin:0 auto}.site{overflow:hidden}.navbar{background:#f6f7f3;border-bottom:1px solid #e7ebe3;justify-content:space-between;align-items:center;min-height:87px;padding:22px 50px;display:flex}.logo{letter-spacing:-.9px;white-space:nowrap;align-items:center;gap:11px;font-family:system-ui,sans-serif;font-size:21px;font-weight:800;display:inline-flex}.logo-symbol{color:#f7fcf4;background:#345847;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.logo-accent,.footer-brand span{color:#7d9c6a}.navlinks{color:#66716a;gap:36px;font-size:13px;font-weight:700;display:flex}.navlinks a:hover{color:#315640}.nav-cta{border:1px solid #cdd7ce;border-radius:6px;align-items:center;gap:12px;padding:12px 16px;font-size:13px;font-weight:700;display:inline-flex}.nav-cta:hover{background:#e9eee7}.hero{padding-top:65px;padding-bottom:66px}.eyebrow{color:#67846a;letter-spacing:2.1px;align-items:center;gap:11px;font-size:11px;font-weight:800;display:flex}.glow-dot,.stage-dot,.preview-badge span{background:#8da978;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #8da97824}.tiny-line{background:#b7c8b2;width:34px;height:1px}.hero-content{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.hero h1{letter-spacing:-5px;margin:25px 0 19px;font-family:system-ui,sans-serif;font-size:clamp(45px,5.65vw,82px);font-weight:800;line-height:1.09}.hero h1 em,.how h2 em{color:#718c68;font-style:normal;font-weight:500}.hero-intro{color:#778178;max-width:585px;margin:0 0 28px;font-size:16px;line-height:1.75}.primary-link{color:#f9fcf8;background:#315642;border-radius:5px;align-items:center;gap:24px;padding:17px 20px 17px 23px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 8px 17px #314f411c}.primary-link:hover{background:#234535}.hero-aside{border-left:1px solid #d9e0d6;flex:none;width:260px;margin-bottom:2px;padding-left:35px}.aside-mark{letter-spacing:2px;color:#829286;font-size:10px;font-weight:700}.hero-aside p{color:#7b887d;font-size:20px;font-weight:500;line-height:1.48}.hero-aside strong{color:#314f41}.hero-aside-bottom{color:#66756b;border-top:1px solid #dee3dc;align-items:center;gap:10px;margin-top:25px;padding-top:17px;font-size:12px;font-weight:600;display:flex}.hero-aside-bottom svg{color:#8eaa89}.workspace{padding-bottom:50px}.workspace-header{justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:24px;display:flex}.section-count{letter-spacing:2.2px;color:#698069;font-size:11px;font-weight:800}.workspace-title h2{letter-spacing:-1.7px;margin:10px 0 0;font-family:system-ui,sans-serif;font-size:clamp(26px,3.1vw,38px);font-weight:800}.period{color:#779868}.workspace-stage{color:#7b8c7b;letter-spacing:1.3px;white-space:nowrap;align-items:center;gap:12px;padding-bottom:5px;font-size:10px;font-weight:800;display:flex}.workspace-stage .stage-dot{background:#88ba87;width:6px;height:6px}.stage-sep{color:#bdc6be}.configurator{border:1px solid #e1e8de;border-radius:10px;grid-template-columns:minmax(305px,390px) minmax(0,1fr);min-height:625px;display:grid;overflow:hidden;box-shadow:0 25px 70px #2b4a3810}.settings-panel{background:#fff;flex-direction:column;min-width:0;display:flex}.settings-top{border-bottom:1px solid #edf0e9;padding:25px 26px 18px}.panel-title{color:#334b3a;align-items:center;gap:11px;display:flex}.panel-title h3{letter-spacing:-.15px;margin:0;font-size:14px}.settings-top p{color:#98a19a;margin:8px 0 0 30px;font-size:12px}.settings-body{flex:1;padding:0 26px}.control-section{border-bottom:1px solid #ecf0eb;padding:23px 0}.control-section:last-child{border-bottom:0}.control-heading{align-items:center;gap:12px;margin-bottom:17px;font-size:13px;font-weight:800;display:flex}.control-num{color:#93ad89;letter-spacing:.7px;font-size:10px;font-weight:700}.dropzone{text-align:center;cursor:pointer;background:#f9fbf7;border:1px dashed #c9d9cb;border-radius:7px;outline:none;flex-direction:column;align-items:center;gap:5px;padding:16px 12px;transition:all .18s;display:flex}.dropzone:hover,.dropzone.dragging{background:#f0f7ef;border-color:#779d7c}.upload-icon{color:#6a987b;background:#eaf3e9;border-radius:10px;align-items:center;margin-bottom:3px;padding:9px;display:flex}.dropzone strong{color:#3e5844;font-size:12px}.dropzone>span:not(.dropzone-action){color:#9aa9a0;font-size:11px}.dropzone-action{color:#427154;background:#fff;border:1px solid #cfddd0;border-radius:4px;align-items:center;gap:8px;margin-top:9px;padding:7px 12px;font-size:11px;font-weight:800;display:flex}.error-message{color:#b2483f;font-size:12px;line-height:1.5}.sample-link{color:#779c76;background:0 0;border:0;align-items:center;gap:7px;margin-top:11px;padding:4px 0;font-size:11px;font-weight:800;display:flex}.sample-link:hover{color:#315642}.swatches{justify-content:space-between;gap:8px;display:flex}.swatch-item{color:#818e81;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0;font-size:10px;display:flex}.swatch-item.selected{color:#315542;font-weight:800}.swatch{border:3px solid #fff;border-radius:7px;justify-content:center;align-items:center;width:44px;height:42px;display:flex;box-shadow:0 0 0 1px #cbd5cb}.swatch-item.selected .swatch{box-shadow:0 0 0 2px #87aa81}.slider-row{color:#728075;justify-content:space-between;align-items:center;margin-top:16px;font-size:12px;display:flex}.slider-row strong{color:#355743;font-size:12px}.range{accent-color:#658d6b;cursor:pointer;width:100%;height:4px;margin-top:8px}.settings-footer{border-top:1px solid #e8eee7;padding:19px 26px 22px}.order-btn{color:#f5f9f3;cursor:not-allowed;background:#98ab9a;border:0;border-radius:5px;justify-content:center;align-items:center;gap:12px;width:100%;padding:13px;font-size:13px;font-weight:800;display:flex}.footer-note{color:#96a19b;justify-content:center;align-items:center;gap:7px;margin-top:10px;font-size:10px;display:flex}.preview-panel{isolation:isolate;color:#f0f7ee;background:radial-gradient(at 50% 38%,#254339 0%,#132720 40%,#0d1916 78%);min-width:0;min-height:625px;position:relative;overflow:hidden}.preview-background-grid{z-index:-1;opacity:.15;pointer-events:none;background-image:linear-gradient(#9dbaa72f 1px,#0000 1px),linear-gradient(90deg,#9dbaa72f 1px,#0000 1px);background-size:68px 68px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 50%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 50%,#0000 100%)}.preview-top{z-index:2;justify-content:space-between;align-items:center;gap:15px;padding:26px 31px;display:flex;position:relative}.preview-badge{letter-spacing:1.7px;color:#e1f8df;align-items:center;gap:11px;font-size:10px;font-weight:800;display:flex}.preview-badge span{background:#aeed9a}.preview-actions{color:#89a69a;letter-spacing:.5px;align-items:center;gap:8px;font-size:10px;display:flex}.preview-actions span{margin:0 2px}.preview-canvas{z-index:0;position:absolute;inset:0}.preview-canvas canvas{touch-action:none}.preview-bottom{pointer-events:none;z-index:2;background:linear-gradient(#0000,#0c1a17d9);justify-content:space-between;align-items:flex-end;gap:20px;padding:34px 31px 31px;display:flex;position:absolute;bottom:0;left:0;right:0}.preview-kicker{letter-spacing:1.4px;color:#94bb9d;align-items:center;gap:7px;font-size:9px;font-weight:800;display:flex}.route-details h3{letter-spacing:-.4px;word-break:break-word;max-width:400px;margin:10px 0 5px;font-size:clamp(17px,2vw,23px)}.route-details p{color:#94a99c;margin:0;font-size:12px}.preview-notice{color:#b7caba;background:#173128cc;border:1px solid #2e5443;border-radius:7px;align-items:center;gap:10px;min-width:235px;padding:12px 14px;font-size:11px;line-height:1.55;display:flex}.preview-notice strong{color:#e1efdd}.metrics-strip{background:#fff;border:1px solid #e5eae3;border-top:0;border-radius:0 0 9px 9px;grid-template-columns:repeat(4,1fr);display:grid}.metric{border-right:1px solid #e9ece7;align-items:flex-start;gap:13px;padding:22px 23px;display:flex}.metric:last-child{border-right:0}.metric svg{color:#86a17e;flex-shrink:0;margin-top:4px}.metric div{flex-direction:column;gap:6px;display:flex}.metric span{color:#8c9a8f;letter-spacing:1.2px;font-size:9px;font-weight:800}.metric strong{color:#2e4838;letter-spacing:-.7px;font:800 23px system-ui,sans-serif}.metric small{color:#9aab9b;letter-spacing:0;font-size:11px;font-weight:600}.how{align-items:center;gap:10%;padding-top:75px;padding-bottom:100px;display:flex}.how-intro{flex:0 0 37%}.how h2{letter-spacing:-2px;margin:18px 0;font:800 clamp(34px,4vw,53px)/1.14 system-ui,sans-serif}.how-intro p{color:#839085;max-width:330px;font-size:14px;line-height:1.8}.steps{flex-direction:column;flex:1;display:flex}.step{border-bottom:1px solid #e0e6dd;grid-template-columns:38px 35px 1fr;align-items:start;gap:13px;padding:24px 0;display:grid}.step:first-child{border-top:1px solid #e0e6dd}.step>span{color:#8da584;padding-top:4px;font:700 11px system-ui,sans-serif}.step>svg{color:#65906d}.step h3{margin:0 0 6px;font:800 16px system-ui,sans-serif}.step p{color:#829083;max-width:400px;margin:0;font-size:12px;line-height:1.6}.site-footer{color:#839086;border-top:1px solid #dfe6dc;justify-content:space-between;align-items:center;padding-top:28px;padding-bottom:33px;font-size:11px;display:flex}.footer-brand{color:#355342;align-items:center;gap:8px;font:800 16px system-ui,sans-serif;display:flex}.footer-brand svg{color:#6d8b71}.footer-brand span{margin-left:-8px;margin-right:-8px}.site-footer a{color:#536f5c;align-items:center;gap:8px;font-weight:700;display:inline-flex}.up-icon{transform:rotate(180deg)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1100px){.container{width:min(100% - 48px,1000px)}.navbar{padding-left:24px;padding-right:24px}.hero-aside{width:205px;padding-left:22px}.configurator{grid-template-columns:320px minmax(0,1fr)}.preview-actions{display:none}.preview-bottom{flex-direction:column;align-items:flex-start;gap:12px}.preview-notice{padding:8px 11px}.metric{gap:9px;padding:19px 13px}}@media (width<=760px){.navbar{min-height:72px;padding:16px 20px}.navlinks{display:none}.nav-cta{gap:0;padding:10px;font-size:0}.nav-cta svg{width:18px}.container{width:calc(100% - 32px)}.hero{padding-top:45px;padding-bottom:55px}.hero h1{letter-spacing:-2.8px;font-size:clamp(39px,9vw,63px)}.hero-aside{display:none}.hero-intro{font-size:14px}.workspace-header{flex-direction:column;align-items:flex-start}.configurator{flex-direction:column-reverse;display:flex}.preview-panel{height:460px;min-height:460px}.preview-top{padding:22px}.preview-bottom{padding:20px}.settings-top,.settings-footer,.settings-body{padding-left:20px;padding-right:20px}.metrics-strip{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid #e9ece7}.how{flex-direction:column;align-items:stretch;gap:25px;padding-top:55px;padding-bottom:55px}.how-intro{flex:initial}.site-footer{flex-wrap:wrap;gap:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.terrain-credits{color:#8c968d;margin:10px 4px 0;font-size:10px;line-height:1.6}.terrain-credits a{color:#4c7f59;text-underline-offset:2px;text-decoration:underline}.terrain-feedback{color:#806342;background:#fff9ef;border:1px solid #e2c8a5;border-radius:6px;margin-top:11px;padding:10px 12px;font-size:11px}.terrain-feedback p{margin:0 0 8px;line-height:1.5}.terrain-feedback button{color:#6e5940;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:800;display:inline-flex}