.top{height:56px}
.open-main{max-width:1180px;margin:auto;padding:0 28px 28px}
.hero-lite{padding:14px 0 2px}
.hero-lite h1{font-size:26px;margin:2px 0 4px;letter-spacing:-1px}
.hero-lite p:not(.eyebrow){color:var(--muted);font-size:14px}
.hero-lite p:not(.eyebrow){margin:0}
.open-main .eyebrow{margin-bottom:4px}
.open-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:20px;align-items:start;margin-top:12px}
.open-grid .panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 24px}
.open-grid .section-title{margin-bottom:10px}
.open-grid .second{padding-top:14px;margin-top:14px}
.open-grid label{margin:8px 0}
.open-grid textarea{padding:9px 12px}
.open-grid .segment{margin-bottom:2px}
.open-grid .segment button{padding:8px 12px}
.open-grid .consent{margin:10px 0}
.open-grid .empty{padding:30px 16px}
.proxy-settings{margin:10px 0 12px}
.proxy-settings form{max-width:620px}
.proxy-settings .proxy-toggle{display:flex;align-items:center;gap:8px;margin-top:0}
.proxy-settings .proxy-toggle input{width:auto;margin:0}
.proxy-settings .actions{margin-top:10px}
.proxy-settings #proxy-result{margin:10px 0 0}
.field-label{font-size:12px;font-weight:600;color:#41604f;margin:10px 0 8px}
.field-error{color:#a33c2c;background:#fff0ed;border:1px solid #eecdc4;border-radius:8px;padding:8px 12px;font-size:12px;margin:6px 0 4px;line-height:1.6}
.invalid{border-color:#d96a5a!important;box-shadow:0 0 0 3px #f7ded8}
.segment{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.segment button{background:#f1f5f2;color:#315c50;border:1px solid var(--line);padding:10px 14px;font-size:13px;font-weight:600}
.segment button.on{background:var(--green);color:#fff;border-color:var(--green)}
.segment.small{margin:8px 0 10px}
.segment.small button{padding:7px 12px;font-size:12px}
.billing{border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:14px 0}
.billing summary{font-size:13px;color:#41604f;cursor:pointer;font-weight:600}
.billing[open] summary{margin-bottom:10px}
.billing label{margin:6px 0}
.stripe-box{margin-top:6px}
#stripe-element:empty{display:none}
#card-placeholder{border:1px dashed var(--line);border-radius:10px;padding:22px;text-align:center}
.status-panel{position:sticky;top:24px}
.status-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:8px}
#status-label{font-size:12px;letter-spacing:1px;padding:3px 10px;border-radius:99px}
#status-label.run{background:#eaf4ee;color:#2f6f4e}
#status-label.ok{background:#ddf0e2;color:#17603c}
#status-label.bad{background:#fbe7e4;color:#a33c2c}
.progress{height:6px;border-radius:99px;background:#e6ece8;overflow:hidden}
.stripe-box{border:1px solid #d3ddd7;border-radius:10px;padding:12px;background:#fff;min-height:44px}
.stripe-box .muted{margin:6px 4px;font-size:13px}
#progress-bar{height:100%;width:0;background:var(--green);border-radius:99px;transition:width .4s ease}
.steps{list-style:none;padding:0;margin:18px 0 6px;font-size:13px}
.steps li{padding:7px 0 7px 26px;position:relative;color:#8a978f}
.steps li::before{content:'';position:absolute;left:4px;top:12px;width:12px;height:12px;border-radius:50%;border:2px solid #c8d4cc}
.steps li.done{color:#1f4637}
.steps li.done::before{border-color:#2f8a5f;background:#2f8a5f;box-shadow:inset 0 0 0 2px #fff}
.steps li.active{color:#1f4637;font-weight:600}
.steps li.active::before{border-color:var(--green)}
footer{max-width:1280px;margin:auto;padding:22px 28px 40px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between}
@media(max-width:980px){.open-grid{grid-template-columns:1fr}.status-panel{position:static}.hero-lite h1{font-size:28px}.open-main{padding:0 16px 24px}}