:root{color:#19201d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f8f4;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button{align-items:center;border:1px solid #cfd8cc;background:#fff;border-radius:8px;color:#18201d;cursor:pointer;display:inline-flex;font:inherit;font-weight:700;gap:8px;min-height:40px;padding:0 14px}button:disabled{cursor:wait;opacity:.62}.app-shell{min-height:100vh}.landing-page{min-height:100vh;padding:24px;background:linear-gradient(180deg,#f7f8f4eb,#f7f8f4),url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1800&q=80) center/cover}.landing-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1180px}.landing-brand{align-items:center;display:flex;gap:12px}.landing-nav>span{color:#59665e;font-weight:800}.landing-hero{align-items:end;display:grid;gap:28px;grid-template-columns:minmax(0,1fr) 380px;margin:70px auto 28px;max-width:1180px}.login-card{background:#fff;border:1px solid #dde5d8;border-radius:8px;box-shadow:0 16px 50px #13201c21;padding:22px}.login-card p,.login-card small{color:#59665e;display:block;line-height:1.45}.login-card button{justify-content:center;width:100%}.landing-strip{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1180px}.landing-strip article{background:#ffffffe6;border:1px solid #dde5d8;border-radius:8px;display:grid;gap:6px;padding:16px}.landing-strip span{color:#59665e;font-size:13px}.workspace{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:#13201c;color:#f8fbf5;display:flex;flex-direction:column;gap:30px;padding:24px}.brand{align-items:center;display:flex;gap:12px}.brand-mark{align-items:center;background:#d2ff72;border-radius:8px;color:#13201c;display:inline-flex;height:42px;justify-content:center;width:42px}.brand strong,.brand small{display:block}.brand small{color:#aeb9ae;font-size:12px;margin-top:2px}.nav-list{display:grid;gap:6px}.nav-list a,.nav-button{align-items:center;background:transparent;border:0;border-radius:8px;color:#c7d2c7;display:flex;gap:10px;justify-content:start;min-height:0;padding:11px 12px;text-decoration:none;width:100%}.nav-list .active,.nav-button.active{background:#24332e;color:#fff}.fixture-box{border-top:1px solid #31423b;display:grid;gap:10px;margin-top:auto;padding-top:20px}.fixture-box>span,.eyebrow{color:#657064;font-size:12px;font-weight:800;letter-spacing:0;margin:0;text-transform:uppercase}.fixture-box>span{color:#aeb9ae}.fixture-row{display:flex;font-size:13px;justify-content:space-between}.good{color:#d2ff72}.muted{color:#88958b}.content{display:grid;gap:22px;padding:28px}.product-content{align-content:start;background:linear-gradient(180deg,#f4f7efe6,#f7f8f4),radial-gradient(circle at top right,rgba(210,255,114,.22),transparent 34%)}.product-hero{align-items:end;display:flex;gap:18px;justify-content:space-between;padding:8px 0 4px}.hero-copy{color:#59665e;font-size:17px;line-height:1.5;margin:18px 0 0;max-width:760px}.account-box{background:#ffffffe6;border:1px solid #dde5d8;border-radius:8px;display:grid;gap:4px;min-width:260px;padding:14px}.account-box span{color:#657064;font-size:12px;font-weight:800;text-transform:uppercase}.account-box button{margin-top:8px;justify-content:center}.topbar{align-items:end;display:flex;gap:20px;justify-content:space-between}.segmented{align-items:center;background:#edf3e8;border:1px solid #d5decf;border-radius:8px;display:inline-flex;gap:4px;padding:4px}.segmented button{border:0;background:transparent;min-height:34px}.segmented button.active{background:#fff;box-shadow:0 1px 2px #13201c14}h1,h2,p{margin-top:0}h1{font-size:clamp(30px,5vw,58px);letter-spacing:0;line-height:.98;margin-bottom:0;max-width:820px}h2{font-size:18px;letter-spacing:0;margin-bottom:0}.primary{background:#d2ff72;border-color:#bddf68}.ghost{background:#f8faf4}.metrics{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.metrics div{background:#fff;border:1px solid #dde5d8;border-radius:8px;padding:18px}.metrics span{display:block;font-size:34px;font-weight:900;line-height:1}.metrics p{color:#657064;margin:6px 0 0}.panels{display:grid;gap:18px;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr)}.order-layout{display:grid;gap:18px;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)}.setup-grid{display:grid;gap:18px;grid-template-columns:minmax(320px,.65fr) minmax(0,1.35fr)}.work-panel,.result-panel,.sdk-runner,.checkout-panel{background:#fff;border:1px solid #dde5d8;border-radius:8px;min-width:0;padding:20px}label{color:#465046;display:grid;font-size:13px;font-weight:800;gap:7px;margin-bottom:14px}input,select,textarea{background:#fbfcf8;border:1px solid #cfd8cc;border-radius:8px;color:#18201d;font:inherit;font-weight:500;min-height:42px;padding:9px 10px;width:100%}textarea{min-height:118px;resize:vertical}.form-grid{display:grid;gap:12px;grid-template-columns:1fr 1.4fr 120px}.form-grid.two{grid-template-columns:1fr 1fr}.connect-panel{align-items:center;background:#f6f8f4;border:1px solid #dde5d8;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr auto;margin:0 0 14px;padding:14px}.connect-panel p{color:#59665e;margin:4px 0 0}.connect-panel a{color:#315b42;font-size:13px;font-weight:800}.file-list{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 14px}.file-list span{background:#edf3e8;border-radius:999px;color:#465046;font-size:12px;font-weight:800;padding:6px 9px}.checkout-panel{align-self:start;position:sticky;top:24px}.empty-state{align-items:center;border:1px dashed #cfd8cc;border-radius:8px;color:#59665e;display:grid;gap:12px;justify-items:center;min-height:220px;padding:22px;text-align:center}.empty-state p{margin:0}.checkout-actions{display:grid;gap:10px;margin-top:14px}.checkout-actions button{justify-content:center;width:100%}.product-strip{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.product-strip article{background:#fff;border:1px solid #dde5d8;border-radius:8px;display:grid;gap:6px;padding:16px}.product-strip span{color:#59665e;font-size:13px}.plan-box{border-top:1px solid #eef2ea;margin-top:8px;padding-top:16px}.sdk-runner{display:grid;gap:4px}.helper-copy{color:#59665e;line-height:1.45}.no-border{border-top:0;padding-top:0}.setup-output pre{max-height:620px}.quick-connect{display:grid;gap:10px;margin:14px 0}.quick-connect button{justify-content:center}.panel-head{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.compact{margin-bottom:12px}.compact span{color:#657064;font-size:13px}.event-row{align-items:center;border-top:1px solid #eef2ea;display:flex;gap:18px;justify-content:space-between;padding:16px 0}.event-row p{color:#59665e;margin:4px 0 0}.event-row span,.pill{background:#edf3e8;border-radius:999px;color:#465046;display:inline-flex;font-size:12px;font-weight:800;padding:5px 9px;white-space:nowrap}.action-bar{border-top:1px solid #eef2ea;display:flex;flex-wrap:wrap;gap:10px;padding-top:18px}.result-list{display:grid;gap:12px;max-height:486px;overflow:auto}.empty{color:#657064;margin:0}.result{border:1px solid #dde5d8;border-left-width:4px;border-radius:8px;padding:12px}.result.ok{border-left-color:#4b9f64}.result.fail{border-left-color:#bf5656}.result div{display:flex;justify-content:space-between}.result span{color:#657064;font-size:12px}pre{background:#f6f8f4;border-radius:8px;color:#29302c;font-size:12px;margin:10px 0 0;max-height:180px;overflow:auto;padding:10px;white-space:pre-wrap;word-break:break-word}.coverage{display:grid;gap:18px}.coverage-group{display:grid;gap:12px}.coverage-title{align-items:center;display:flex;justify-content:space-between}.coverage-title span{color:#657064;font-size:13px}.method-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.method-card{background:#fff;border:1px solid #dde5d8;border-radius:8px;display:grid;gap:12px;padding:14px}.method-card div{display:grid;gap:4px}.method-card span{color:#657064;font-size:12px}.method-card p{color:#465046;font-size:13px;line-height:1.42;margin:0}.method-card footer{display:flex;gap:8px}.pill.ready{background:#ddf6cb;color:#285629}.pill.warn{background:#fff2c2;color:#6b5617}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.workspace{grid-template-columns:1fr}.sidebar{min-height:auto}.panels,.order-layout,.setup-grid,.product-strip,.landing-hero,.landing-strip,.metrics,.form-grid,.form-grid.two{grid-template-columns:1fr}.topbar{align-items:start;flex-direction:column}.product-hero,.connect-panel{align-items:start;grid-template-columns:1fr}.checkout-panel{position:static}}@media(max-width:620px){.content,.sidebar{padding:18px}h1{font-size:34px}.panel-head,.event-row{align-items:start;flex-direction:column}button{justify-content:center;width:100%}.landing-page{padding:18px}.landing-nav{align-items:start;flex-direction:column;gap:12px}}