:root{--petrol:#142f32;--ivory:#f7f8f5;--lime:#d6ef82;--ink:#173235;--muted:#708d87;--line:#dae7e0}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}.wrap{width:min(1120px,calc(100% - 44px));margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;padding:23px 0}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:-.03em}.brand img{width:35px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.nav nav{display:flex;align-items:center;gap:22px;font-size:13px;color:#54746e}.nav-cta{background:var(--petrol);color:#fff;text-decoration:none;border-radius:8px;padding:8px 13px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;padding:95px 0 115px}.kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:#76938c}.hero h1{font-size:clamp(42px,6vw,75px);line-height:1.01;letter-spacing:-.075em;max-width:650px;margin:8px 0 22px}.lead{color:#607c76;font-size:19px;max-width:570px}.hero-actions{display:flex;gap:10px;margin-top:28px}.button{display:inline-block;text-decoration:none;padding:11px 17px;border-radius:8px;font-weight:750;font-size:14px}.primary{background:var(--lime)}.quiet{border:1px solid var(--line)}.note{font-size:11px;color:#8aa19b;margin-top:17px}.demo{background:var(--petrol);color:#dbece4;border-radius:16px;padding:22px 25px;box-shadow:20px 23px 0 #e8f2d3;transform:rotate(1deg)}.demo-bar{display:flex;gap:6px;margin-bottom:27px}.demo-bar span{width:8px;height:8px;border-radius:50%;background:#7b9a92}.demo p{margin:18px 0;font-family:ui-monospace,SFMono-Regular,monospace;font-size:14px;color:#b9d4ca}.demo mark{background:var(--lime);color:var(--petrol);padding:2px 4px;border-radius:3px}.demo mark.green{background:#a7f3d0}.demo mark.blue{background:#bfdbfe}.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:47px 0 100px;gap:45px}.features b{color:#91ad73;font-size:12px}.features h2{font-size:20px;letter-spacing:-.04em;margin:9px 0}.features p{color:var(--muted);font-size:14px}.footer{border-top:1px solid var(--line);padding:22px 0 30px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.footer small{display:block}.article{max-width:760px;padding:80px 0 115px}.article h1{font-size:52px;line-height:1.08;letter-spacing:-.07em;margin:5px 0 25px}.article h2{font-size:22px;letter-spacing:-.04em;margin-top:38px}.article p{color:#5e7b75}.callout{background:#eaf4cf;padding:18px;border-left:4px solid #abc86d}.article details{border-top:1px solid var(--line);padding:18px 0}.article summary{font-weight:750;cursor:pointer}.article details p{margin:10px 0 0}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:40px;padding:55px 0 75px}.features{grid-template-columns:1fr;gap:20px;padding-bottom:60px}.nav nav a:not(.nav-cta){display:none}.footer{flex-wrap:wrap}.article h1{font-size:39px}}

a[aria-disabled="true"]{opacity:.55;cursor:default;pointer-events:none}a:focus-visible,summary:focus-visible{outline:3px solid #87a54f;outline-offset:4px}.article a{overflow-wrap:anywhere}

.support-page{max-width:930px}.support-page>.lead{max-width:720px}.support-page section{margin-top:52px}.support-page section>h2{margin-top:0}.support-page ol{padding-left:1.5rem}.support-page li{padding-left:.35rem}.support-page li+li{margin-top:10px}.support-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 30px}.support-steps li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px}.support-shot{margin:28px 0 0}.support-shot a{display:block}.support-shot img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 28px rgb(20 47 50 / 8%)}.support-shot figcaption{margin-top:10px;color:var(--muted);font-size:13px}.support-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 28px}.support-gallery figure{margin:0}.support-gallery figure:first-child{grid-column:1 / -1}.support-page code{background:#eaf4cf;border-radius:4px;padding:2px 5px;font-size:.92em}.support-page details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 18px;margin:10px 0}.support-page details[open]{padding-bottom:14px}.support-page details summary{padding:15px 0}.support-page details p{margin:0}.support-page .contact-box{margin-top:34px}.support-page .muted{color:var(--muted)}

@media(max-width:760px){.nav{align-items:flex-start;flex-direction:column;gap:12px}.nav nav{width:100%;flex-wrap:wrap;gap:9px 16px}.nav nav a:not(.nav-cta){display:inline}.support-steps,.support-gallery{grid-template-columns:1fr}.support-gallery figure:first-child{grid-column:auto}}