:root{--accent:#3f7773;--background:#f6f7f4;--ink:#172527;--line:#dce5e1;--muted:#667472;--soft:#e8f0ed;color:var(--ink);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline-offset:3px;outline:3px solid #3f777359}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);letter-spacing:0;line-height:1.08}h1{margin-bottom:24px;font-size:clamp(42px,7vw,76px)}h2{margin-bottom:0;font-size:clamp(30px,4vw,44px)}h3{margin-bottom:12px;font-size:21px}.site-shell{width:min(1180px,100% - 40px);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:24px;padding:26px 0;display:flex}.brand{color:var(--ink);font-size:22px;font-weight:750;text-decoration:none}.nav-links{align-items:center;gap:8px;display:flex}.nav-links a{color:var(--muted);border-radius:6px;padding:8px 12px;font-size:15px;font-weight:650;text-decoration:none}.nav-links a:hover,.nav-links a:focus-visible{background:var(--soft);color:var(--ink)}.hero-section{grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);align-items:center;gap:56px;padding:74px 0 84px;display:grid}.hero-copy{max-width:560px}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:14px;font-weight:750}.intro{color:var(--muted);max-width:540px;margin:0 0 30px;font-size:20px;line-height:1.65}.primary-button{background:var(--ink);color:#fff;border-radius:7px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:750;text-decoration:none;display:inline-flex}.primary-button:hover,.primary-button:focus-visible{background:#2f5f67}.editor-illustration{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:470px;overflow:hidden;box-shadow:0 26px 70px #273f4621}.editor-toolbar{border-bottom:1px solid var(--line);background:#f7f9f9;align-items:center;gap:8px;height:48px;padding:0 18px;display:flex}.window-dot{background:#cbd8d7;border-radius:50%;width:10px;height:10px}.toolbar-title{color:var(--muted);margin-left:12px;font-size:13px;font-weight:700}.editor-body{grid-template-columns:210px minmax(0,1fr);min-height:422px;display:grid}.editor-panel{border-right:1px solid var(--line);background:#fbfcfc;padding:20px}.panel-section+.panel-section{margin-top:24px}.panel-label{color:var(--muted);text-transform:uppercase;margin-bottom:9px;font-size:12px;font-weight:800;display:block}.file-row,.select-preview{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:7px;align-items:center;min-height:42px;padding:0 12px;font-size:14px;font-weight:700;display:flex}.file-icon{background:#5c8d89;border-radius:4px;width:14px;height:18px;margin-right:10px}.swatches{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.swatches span{border-radius:6px;height:34px}.swatches span:first-child{background:#dfeceb}.swatches span:nth-child(2){background:#9bc1bc}.swatches span:nth-child(3){background:#4f8c88}.swatches span:nth-child(4){background:#f0b86a}.map-canvas{background:#eef5f3;min-height:422px;position:relative;overflow:hidden}.map-grid{background-image:linear-gradient(#45696a1a 1px,#0000 1px),linear-gradient(90deg,#45696a1a 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.map-shape{border:2px solid #fffc;position:absolute;box-shadow:0 12px 26px #3f606029}.shape-one{background:#7aa9a5;border-radius:45% 55% 49% 51%;width:184px;height:172px;top:19%;left:18%;transform:rotate(-17deg)}.shape-two{background:#4d837f;border-radius:56% 44% 44% 56%;width:156px;height:138px;top:26%;right:18%;transform:rotate(20deg)}.shape-three{background:#a8cbc5;border-radius:42% 58% 55% 45%;width:168px;height:126px;bottom:19%;left:35%;transform:rotate(13deg)}.shape-four{background:#e9b369;border-radius:54% 46% 57% 43%;width:108px;height:88px;bottom:22%;right:27%;transform:rotate(-8deg)}.map-popup{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;gap:3px;width:152px;padding:12px 14px;display:grid;position:absolute;top:22%;left:48%;box-shadow:0 18px 40px #273f4629}.map-popup span{color:var(--muted);font-size:13px}.steps-section{border-top:1px solid var(--line);padding:68px 0}.section-heading{justify-content:space-between;gap:24px;margin-bottom:28px;display:flex}.section-heading h2{max-width:620px}.steps-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.step-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:24px}.step-number{background:var(--soft);color:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:24px;font-size:14px;font-weight:800;display:inline-flex}.step-card p,.about-section p,.summary-band p{color:var(--muted);margin:0;line-height:1.7}.summary-band{background:var(--soft);text-align:center;border-radius:8px;margin-bottom:68px;padding:28px}.about-section{border-top:1px solid var(--line);padding:52px 0 80px}.about-section p{max-width:680px}@media (width<=900px){.site-shell{width:min(100% - 28px,680px)}.topbar{flex-direction:column;align-items:flex-start;gap:14px}.nav-links{flex-wrap:wrap}.hero-section{grid-template-columns:1fr;gap:38px;padding:42px 0 58px}.editor-illustration{min-height:520px}.editor-body{grid-template-columns:1fr}.editor-panel{border-bottom:1px solid var(--line);border-right:0;grid-template-columns:1fr;gap:16px;display:grid}.panel-section+.panel-section{margin-top:0}.map-canvas{min-height:300px}.section-heading{display:block}.steps-grid{grid-template-columns:1fr}}@media (width<=520px){.nav-links a{padding-inline:9px}.intro{font-size:18px}.editor-toolbar{padding-inline:12px}.toolbar-title{margin-left:5px}.map-popup{top:18%;left:38%}.shape-one{left:9%}.shape-two{right:8%}}