@charset "UTF-8";
:root{--ink:#203e35;--green:#204e42;--muted:#627069;--paper:#f7f8f4;--line:#dce2da;--soft:#eaf0e7;--white:#fff;--radius:18px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}p{line-height:1.7;text-wrap:pretty}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.055em;text-wrap:balance}h3{letter-spacing:-.02em}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c48b32;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:3px solid #d4e3d7;outline-offset:0;border-color:var(--green)}.skip-link{position:absolute;left:20px;top:-100px;background:var(--green);color:#fff;padding:16px;z-index:100}.skip-link:focus{top:16px}.site-header{display:flex;align-items:center;justify-content:space-between;height:104px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:750;font-size:21px;letter-spacing:-.8px}.brand-light{font-weight:450}.brand-dot{color:#b48336}.site-header nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}.site-header nav a{min-height:44px;display:flex;align-items:center;gap:18px}.site-header nav a:hover{color:#367c57}.nav-cta{border:1px solid #cbd5cb;border-radius:9px;padding:0 18px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:64px;align-items:end;padding:56px 0 46px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;background:#457959;border-radius:50%;flex-shrink:0}.hero h1{font-size:clamp(42px,4.5vw,65px);line-height:1.08;margin-top:20px;font-weight:650}.hero h1>span{color:#6b8268}.hero-note{padding-bottom:7px}.hero-note>p{font-size:17px;max-width:430px;color:var(--muted);line-height:1.7}.benefits{display:flex;gap:17px;flex-wrap:wrap;margin-top:22px;font-size:12px;color:#53624e}.benefits span{display:flex;gap:6px;align-items:center}.benefits b{color:var(--green);font-size:14px}.studio{background:var(--white);border:1px solid #d8e0d6;border-radius:var(--radius);box-shadow:0 12px 38px #18351e08;overflow:hidden;scroll-margin-top:24px}.studio-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid var(--line);background:#fbfcf9}.studio-heading h2{font-size:18px;letter-spacing:-.3px;font-weight:650;display:flex;gap:10px;align-items:center}.small-pin{font-size:27px;line-height:20px}.studio-hint{font-size:13px;color:var(--muted)}.workspace{display:grid;grid-template-columns:350px minmax(0,1fr)}.settings-panel{padding:28px;border-right:1px solid var(--line)}.step-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}.step-number{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid #d9e2d6;border-radius:50%;font-size:10px;font-weight:700;color:#586c52;flex-shrink:0}.step-heading h3{font-size:15px;font-weight:650}.map-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:24px}.map-tabs button{height:44px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 12px;background:#fff;color:#57625a;font-size:12px;font-weight:550;transition:background .15s}.map-tabs button svg{width:17px;height:17px}.map-tabs button[aria-selected=true]{background:var(--soft);border-color:#849d80;color:#254e3f}.map-tabs button:hover{background:#f1f5ed}label{display:block;font-size:12px;font-weight:650;margin-bottom:8px;color:#3f5148}input,select{width:100%;border:1px solid #cfd8ce;background:#fff;color:#2c4438;border-radius:7px;height:44px;padding:0 12px;font-size:14px;min-width:0}input::placeholder{color:#768076;font-size:12px}.mode-panel>label:not(:first-child),#width-field{margin-top:16px}.field-hint{font-size:11px;color:#667164;margin-top:7px;line-height:1.6}.example-button{background:none;border:0;padding:0;min-height:44px;margin-top:4px;font-size:11px;color:#356247;display:flex;align-items:center;gap:6px}.example-button:hover{text-decoration:underline}.settings-divider{border-top:1px solid var(--line);margin:22px 0}.field-row{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;margin-bottom:16px}.field-row>div{min-width:0}.field-row select{padding-inline:8px;font-size:12px}.primary-button{border:1px solid var(--green);border-radius:8px;background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 18px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s}.primary-button:hover{background:#32644b}.primary-button:disabled{opacity:.6;cursor:wait}.primary-button svg{width:16px;height:16px}.update-button{width:100%;justify-content:space-between;margin-top:2px}.centered{text-align:center}.form-error{background:#fff1ea;border:1px solid #e5b7a9;padding:10px;color:#913d2b;border-radius:6px;font-size:12px;margin-top:12px}.preview-panel{padding:24px;min-width:0;background:#fff}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.preview-title{display:flex;align-items:center;gap:9px;font-size:12px;min-width:0;font-weight:550}.preview-title>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-switch{display:flex;background:var(--paper);padding:3px;border-radius:7px;flex-shrink:0}.device-switch button{width:44px;height:44px;border:1px solid transparent;border-radius:5px;background:transparent;color:#6a766b;display:grid;place-items:center}.device-switch button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #1b331119;border-color:#dfe6db;color:var(--green)}.device-switch svg{width:15px;height:15px}.map-stage{background:#e9eee5;border:1px solid #dce3d7;border-radius:10px;overflow:hidden;min-height:200px;display:flex;justify-content:center;background-image:radial-gradient(#cad5c5 1px,transparent 1px);background-size:15px 15px}#map-preview{width:100%;max-width:100%;overflow:hidden;background:#e8eee1}#map-preview.mobile{max-width:375px}#map-preview iframe{display:block;max-width:100%;border:0}.preview-caption{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:10px;color:#67755e}.preview-caption>span:first-child{display:flex;gap:5px;align-items:center}.preview-caption svg{height:13px;width:13px}.code-panel{margin-top:24px}.code-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px}.code-heading>div{display:flex;align-items:center;gap:8px}.code-heading label{margin:0;font-size:13px}.code-language{font-family:monospace;font-size:10px;color:#5a6a58;border:1px solid var(--line);border-radius:4px;padding:3px 5px}#embed-code{display:block;width:100%;border:1px solid var(--line);border-radius:8px;background:#f8faf5;color:#586754;font-family:"SFMono-Regular",Consolas,monospace;font-size:11px;line-height:1.7;padding:14px;resize:vertical;min-height:86px;max-height:300px;overflow:auto}.copy-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.copy-row p{font-size:11px;color:var(--muted);max-width:190px}.copy-status{min-height:16px;font-size:11px;color:#38624b;margin-top:8px}.compatibility{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px 18px 32px;border-bottom:1px solid var(--line);color:#697265}.compatibility>span{font-size:9px;font-weight:700;letter-spacing:1.2px;max-width:100px;line-height:1.7}.compatibility>div{font-size:16px;font-weight:600;letter-spacing:-.5px}.compatibility>div:last-child{font-size:12px;font-weight:450;letter-spacing:0}.guide,.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:110px;padding-block:84px}.section-intro h2{font-size:37px;line-height:1.17;font-weight:600;margin-top:16px}.section-intro>p:last-child{font-size:14px;color:var(--muted);max-width:350px;margin-top:20px}.guide-steps{display:grid;gap:26px}.guide-steps article{display:flex;gap:23px}.guide-steps article>span{font-family:monospace;font-size:12px;padding-top:5px;color:#688163}.guide-steps h3{font-size:17px;font-weight:600;margin-bottom:7px}.guide-steps p{font-size:13px;color:var(--muted);line-height:1.75}.use-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:32px;background:#edf1e8;border:1px solid #e0e6dc;border-radius:14px}.case-icon{display:block;font-size:27px;color:#4d6a42;margin-bottom:14px}.use-cases h3{font-size:16px;font-weight:600;margin-bottom:10px}.use-cases p{font-size:13px;color:#63705c;line-height:1.8}.faq{border-bottom:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:65px;font-size:14px;font-weight:550;padding:15px 0;line-height:1.5}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-size:20px;font-weight:400;color:#5d7454}details[open] summary::after{content:'−'}summary:hover{color:#3b794d}.faq-list p{font-size:13px;color:var(--muted);padding-bottom:20px;line-height:1.8}.closing{display:flex;justify-content:space-between;align-items:center;padding:48px 0;gap:30px}.closing h2{font-size:34px;line-height:1.25;margin-top:10px;font-weight:550}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:30px 0 32px;gap:24px;border-top:1px solid var(--line)}.site-footer .brand{font-size:16px;gap:8px}.site-footer p{font-size:10px;color:#71806a;margin-top:10px}.site-footer nav{display:flex;gap:22px;font-size:12px;color:#55674d;align-items:center}.site-footer nav a{display:inline-flex;align-items:center;min-height:44px}.site-footer nav a:hover{text-decoration:underline}.site-footer .copyright{flex-basis:100%;font-size:10px;margin-top:0}.legal{max-width:760px;padding:70px 0}.legal h1{font-size:46px;margin-bottom:24px}.legal h2{font-size:24px;margin:30px 0 12px;letter-spacing:-.02em}.legal p{font-size:16px;margin-bottom:18px;color:#55665b}.legal a{text-decoration:underline}.not-found{min-height:60vh}.not-found .primary-button{margin-top:20px}
@media(min-width:1400px){.hero{padding-block:64px 48px}.hero h1{font-size:66px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.workspace{grid-template-columns:310px minmax(0,1fr)}.settings-panel{padding:22px}.preview-panel{padding:20px}.hero{gap:28px}.hero h1{font-size:54px}.benefits{gap:10px}.hero-note>p{font-size:15px}.copy-row{align-items:flex-start;flex-direction:column}.copy-row p{max-width:none}.guide,.faq{gap:55px}.compatibility{padding-inline:0;gap:18px}.compatibility>div{font-size:14px}.studio-hint{font-size:11px}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.site-header{height:80px}.brand{font-size:18px}.brand img{width:31px;height:31px}.site-header nav{gap:16px}.site-header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:0 12px}.hero{grid-template-columns:1fr;padding:36px 0 30px;gap:22px}.hero h1{font-size:clamp(43px,9vw,62px);margin-top:16px}.hero-note>p{font-size:15px;max-width:480px}.hero-note>p br{display:none}.benefits{font-size:11px;margin-top:16px;gap:15px}.studio-heading{padding:17px 20px}.studio-heading h2{font-size:16px}.studio-hint{display:none}.workspace{grid-template-columns:1fr}.settings-panel{padding:22px 20px;border-right:0;border-bottom:1px solid var(--line)}.map-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.map-tabs button{flex-direction:column;gap:6px;height:62px;padding:8px 3px;font-size:10px}.map-tabs button svg{width:18px;height:18px}.field-hint{font-size:12px}.field-row label,label{font-size:13px}.field-row select,input,select{font-size:16px}.example-button{font-size:12px;min-height:40px}.preview-panel{padding:20px 16px 16px}.preview-title{font-size:12px}.device-switch button{width:44px;height:44px}.preview-caption{font-size:10px}.preview-caption>span:last-child{display:none}.copy-row{gap:12px}.copy-row .primary-button{width:100%;font-size:14px}.copy-row p{font-size:12px}.code-heading label{font-size:12px}.code-panel{margin-top:24px}.compatibility{justify-content:center;gap:18px 28px;padding:28px 10px}.compatibility>span{max-width:none;width:100%;text-align:center}.guide,.faq{grid-template-columns:1fr;gap:32px;padding-block:54px}.section-intro h2{font-size:33px}.section-intro>p:last-child,.guide-steps p,.use-cases p,.faq-list p{font-size:14px}.section-intro>p:last-child br{display:none}.guide-steps{gap:28px}.use-cases{grid-template-columns:1fr;padding:28px;gap:28px}.use-cases article{padding-bottom:22px;border-bottom:1px solid #d6e0cf}.use-cases article:last-child{border-bottom:0;padding-bottom:0}.case-icon{margin-bottom:8px}.use-cases h3{font-size:17px}.closing{align-items:flex-start;flex-direction:column;padding-block:36px}.closing h2{font-size:32px}.site-footer{align-items:flex-start;flex-direction:column;gap:14px}.site-footer nav{gap:22px;flex-wrap:wrap}.site-footer .copyright{flex-basis:auto}.legal{padding-block:40px}.legal h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}