:root{font-family:Arial,Helvetica,sans-serif;color:#172d29;background:#f6f7f2;font-synthesis:none;line-height:1.6;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}header,main,footer{max-width:1080px;margin:auto;padding:0 48px}header,footer{display:flex;justify-content:space-between;align-items:center;gap:24px}header{padding-top:32px;padding-bottom:32px;border-bottom:1px solid #d8dfd7}.brand{font-size:19px;font-weight:800;letter-spacing:2px;text-decoration:none}.brand span{display:block;font-size:10px;font-weight:400;letter-spacing:1px}header>a:last-child{font-size:14px}section{padding:64px 0;border-bottom:1px solid #d8dfd7;scroll-margin-top:24px}.hero{padding-top:72px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#48735b;margin:0 0 18px}h1{font-size:clamp(44px,7vw,80px);line-height:1.06;letter-spacing:-3px;margin:0 0 28px;font-weight:600}h2{font-size:clamp(28px,4vw,40px);line-height:1.2;letter-spacing:-1px;margin:0 0 24px}h3{font-size:18px;line-height:1.4;margin:0 0 12px}p{max-width:760px;margin:0 0 20px;color:#485e54}.lead{max-width:690px;font-size:20px;line-height:1.6}.primary,button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#234d38;color:#fff;border:0;border-radius:8px;padding:15px 22px;font:inherit;font-size:14px;cursor:pointer;text-decoration:none}.primary{margin-top:10px;font-size:16px}a:focus-visible,button:focus-visible{outline:3px solid #ac7024;outline-offset:5px}button:hover,.primary:hover{background:#346347}aside{display:flex;align-items:flex-start;gap:24px;background:#eaf0e5;border-radius:12px;padding:24px;margin-top:48px}aside p{margin:0;font-size:14px}.status{white-space:nowrap;font-size:12px;font-weight:700;color:#335d38;padding-top:2px}.copy-row{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #d8dfd7;border-radius:12px;padding:18px;margin:28px 0 36px}code{font-size:16px;overflow-wrap:anywhere}.copy-row button{flex-shrink:0}.prompt{background:#ecefe9;padding:24px;border-radius:12px;font-size:16px}#copy-status{min-height:26px;margin:12px 0 0;font-size:14px}.steps{list-style:decimal-leading-zero;display:grid;grid-template-columns:repeat(3,1fr);gap:38px;padding-left:26px;margin:36px 0}.steps li{padding-left:6px}.steps li::marker{color:#48735b;font-size:14px}.steps p{font-size:15px}.future{border-left:3px solid #70946c;padding:8px 0 8px 24px}.future p{margin:0}.tools{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.tools div{padding:22px 0;border-bottom:1px solid #d8dfd7}dt{font-family:monospace;font-size:16px;font-weight:700}dd{margin:8px 0 0;color:#485e54;font-size:15px}.details p{font-size:15px}footer{padding-top:30px;padding-bottom:36px;font-size:13px;color:#485e54}
.connect-guides{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0}.connect-guide{background:#fff;border:1px solid #d8dfd7;border-radius:14px;padding:28px}.connect-guide .platform{margin:0 0 8px;color:#48735b;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.connect-guide ol{margin:20px 0;padding-left:22px}.connect-guide li{margin:0 0 14px;color:#485e54;font-size:15px}.connect-guide b{color:#172d29}.note{font-size:13px;background:#f3f5f0;border-radius:8px;padding:14px;margin:20px 0}.doc-link{font-size:14px;font-weight:700}.check{background:#eaf0e5;border-radius:12px;padding:24px;margin:0 0 36px}.check p{margin:0}.check code{font-size:14px}
@media(max-width:760px){.connect-guides{grid-template-columns:1fr}}@media(max-width:650px){header,main,footer{padding-left:22px;padding-right:22px}header{gap:14px}.brand{font-size:15px;letter-spacing:1px}.brand span{font-size:8px}header>a:last-child{font-size:12px}section{padding:44px 0}.hero{padding-top:48px}h1{letter-spacing:-2px}.lead{font-size:18px}aside{display:block;margin-top:32px;padding:20px}.status{display:block;margin-bottom:10px}.copy-row{align-items:stretch;flex-direction:column}code{font-size:14px}.connect-guide{padding:22px}.steps{grid-template-columns:1fr;gap:18px}.tools{grid-template-columns:1fr}footer{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
.brand{display:flex;align-items:center;gap:6px}.brand img{flex:none;width:80px;height:80px;object-fit:contain}@media(max-width:650px){.brand img{width:64px;height:64px}}@media(max-width:420px){header{flex-wrap:wrap}header>a:last-child{margin-left:70px}}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px}.secondary-link{font-size:14px;font-weight:700;margin-top:10px}.plugin-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;border:1px solid #d8dfd7;border-radius:20px;background:#fff;padding:36px}.plugin-brand{display:flex;align-items:center;gap:18px;margin-bottom:28px}.plugin-brand img{flex:none;border-radius:14px}.plugin-badge{display:block;color:#48735b;font-size:12px;font-weight:700;line-height:1.5}.plugin-name{font-size:20px;color:#172d29;font-weight:700;margin:4px 0 0}.plugin-description h2{font-size:clamp(28px,3.5vw,36px)}.plugin-features{margin:0 0 24px;padding-left:20px;color:#485e54;font-size:15px}.plugin-features li{padding-left:4px;margin:0 0 10px}.plugin-checkout{font-size:13px;margin:0}.plugin-install{align-self:start;background:#edf2e9;border-radius:14px;padding:26px;min-width:0}.plugin-install ol{padding-left:20px;margin:20px 0;color:#485e54;font-size:15px}.plugin-install li{margin:0 0 14px}.plugin-install .primary{width:100%;gap:14px}.install-note{font-size:12px;line-height:1.6;margin:16px 0 0}@media(max-width:760px){.plugin-card{grid-template-columns:1fr;gap:28px;padding:26px}}@media(max-width:650px){.plugin-card{padding:20px;border-radius:14px}.plugin-brand{gap:12px}.plugin-name{font-size:18px}.plugin-badge{font-size:11px}.plugin-install{padding:20px}.hero-actions{align-items:stretch;flex-direction:column;gap:12px}.hero-actions .primary{align-self:flex-start}.secondary-link{margin-top:4px}}