.system-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:25px;min-height:330px;padding:32px 38px;background:radial-gradient(ellipse at 88% 60%,#346c6a36,transparent 55%),linear-gradient(115deg,#183039,#141f2d 64%);border-color:#34545c}.system-hero-copy{position:relative;z-index:1;flex:1;max-width:510px}.system-hero .eyebrow{font-size:8px;color:#8bc8c0;letter-spacing:.16em}.system-hero h2{font-size:31px;font-weight:450;line-height:1.24;letter-spacing:-.035em;margin:13px 0 12px}.system-hero p{font-size:11px;line-height:1.9;color:#94aebe;max-width:430px}.system-hero .button{font-size:10px;margin-top:21px}.system-voice-selection{display:flex;align-items:center;gap:12px;margin-top:22px}.system-voice-selection>span:last-child{display:flex;flex-direction:column;gap:3px}.system-voice-selection strong{font-size:11px;font-weight:500;color:#c8e0df}.system-voice-selection code{font-size:9px;letter-spacing:.04em;color:#86a9b2;overflow-wrap:anywhere}.system-voice-wave{display:flex;align-items:center;justify-content:center;gap:3px;flex-shrink:0;width:40px;height:40px;border:1px solid #436960;border-radius:11px;background:#264b453d}.system-voice-wave i{display:block;width:2px;height:9px;border-radius:2px;background:#a4e6d8;animation:system-wave 2.1s ease-in-out infinite}.system-voice-wave i:nth-child(2n){height:16px;animation-delay:-.6s}.system-voice-wave i:nth-child(3n){height:22px;animation-delay:-1.2s}.system-hero-orbit{position:relative;flex-shrink:0;width:230px;height:230px;margin:0 15px}.system-hero-orbit>span{position:absolute;inset:12%;border:1px solid #749d9a3a;border-radius:50%;animation:system-orbit 22s linear infinite}.system-hero-orbit>span:after{content:"";position:absolute;top:14%;left:12%;width:5px;height:5px;border-radius:50%;background:#c5f8e9;box-shadow:0 0 13px #9bf5df88}.system-hero-orbit>span:nth-child(2){inset:0;border-style:dashed;border-color:#7db1aa23;animation-direction:reverse;animation-duration:36s}.system-hero-orbit>div{position:absolute;inset:33%;display:grid;place-items:center;border:1px solid #6daca48a;border-radius:24px;background:linear-gradient(145deg,#406965,#253f49);box-shadow:0 0 45px #6bbbb425,0 0 0 13px #729e9610}.system-hero-orbit>div>.icon{width:31px;height:31px;color:#c5f5e9}.system-hero-orbit>i{position:absolute;display:grid;place-items:center;width:38px;height:38px;border:1px solid #385b60;border-radius:12px;background:#203a43;color:#a3d1cf;animation:system-float 5s ease-in-out infinite}.system-hero-orbit>i>.icon{width:18px;height:18px}.system-hero-orbit>i:nth-of-type(1){top:9%;left:14%}.system-hero-orbit>i:nth-of-type(2){top:45%;right:0;animation-delay:-1.5s}.system-hero-orbit>i:nth-of-type(3){bottom:4%;left:25%;animation-delay:-3s}.system-scope-note{display:flex;align-items:center;gap:10px;padding:20px 4px;color:#8faab8;font-size:10px;line-height:1.9}.system-scope-note>.icon{width:16px;height:16px;flex-shrink:0;color:#84b6ad}.system-scope-note strong{color:#b8d6d5;font-weight:500}.system-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}.system-provider-card{padding:24px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,border-color .2s,box-shadow .2s;animation:system-reveal .4s ease-out both}.system-provider-card:nth-child(2){animation-delay:.055s}.system-provider-card:nth-child(3){animation-delay:.11s}.system-provider-card:nth-child(4){animation-delay:.165s}.system-provider-card:hover{transform:translateY(-3px);border-color:#4a666b;box-shadow:0 12px 35px #02081430}.system-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-bottom:18px}.system-card-heading .pill{font-size:8px;letter-spacing:0}.system-card-heading .integration-icon{width:39px;height:39px;border-radius:11px}.system-provider-card h2{font-size:16px;letter-spacing:-.02em;font-weight:500}.system-provider-card>p{font-size:11px;color:#94aabd;line-height:1.9;margin-top:8px;min-height:42px}.system-card-state{font-size:10px;color:#82a9b1;line-height:1.9;margin:17px 0 22px;padding-top:16px;border-top:1px solid #293e4b;width:100%;overflow-wrap:anywhere}.system-card-state.has-error{color:#e0a7ae}.system-provider-card>.button{margin-top:auto;font-size:10px;justify-content:space-between;min-width:165px}.system-readiness{padding:27px 29px}.system-readiness-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:21px}.system-readiness-heading .eyebrow{font-size:8px;color:#80a4ae;letter-spacing:.15em}.system-readiness h2{font-size:22px;font-weight:450;letter-spacing:-.03em;margin-top:10px}.system-readiness-heading p{font-size:11px;line-height:1.9;color:#879fb1;max-width:485px;margin-top:8px}.system-readiness-count{text-align:right;flex-shrink:0;font-size:14px;color:#678b9c;white-space:nowrap}.system-readiness-count>strong{font-size:31px;line-height:1.2;color:#b3dcd7;font-weight:400}.system-readiness-count>small{display:block;font-size:8px;color:#799baa;margin-top:6px}.system-readiness>progress{width:100%;height:4px;border:0;border-radius:5px;overflow:hidden;appearance:none;background:#263b46;color:#8eceba}.system-readiness>progress::-webkit-progress-bar{background:#263b46}.system-readiness>progress::-webkit-progress-value{background:#8eceba;border-radius:5px;transition:width .4s}.system-readiness>progress::-moz-progress-bar{background:#8eceba;border-radius:5px}.system-readiness ul{list-style:none;padding:0;margin:13px 0 0}.system-readiness li{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #293b4a}.system-readiness li:last-child{border-bottom:0}.system-ready-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #3b4c58;color:#718999;flex-shrink:0}.system-ready-icon>.icon{width:14px;height:14px}.system-readiness .is-ready .system-ready-icon{border-color:#3a6658;background:#204237;color:#9bdcc1}.system-readiness li>div{flex:1;min-width:0}.system-readiness li strong{font-size:11px;font-weight:500;color:#c0d1db}.system-readiness li p{font-size:10px;line-height:1.9;color:#83a1b2;margin-top:4px;overflow-wrap:anywhere}.system-readiness li>.pill{font-size:8px;letter-spacing:0}.system-site-address{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:18px 0 0;border-top:1px solid #2d4250;margin-top:7px;font-size:10px;color:#8baab6}.system-site-address>.icon{width:14px;height:14px}.system-site-address>a{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:#a4d5ce;overflow-wrap:anywhere;min-width:0}.system-site-address a>.icon{width:12px;height:12px;flex-shrink:0;transform:rotate(-35deg)}.system-personal-note{display:flex;align-items:center;gap:15px;padding:25px 5px}.system-personal-note>.icon{width:22px;height:22px;flex-shrink:0;color:#7eaaa9}.system-personal-note>div{flex:1}.system-personal-note h3{font-size:11px;letter-spacing:0;font-weight:500;color:#a9c4ce}.system-personal-note p{font-size:10px;color:#7998ad;line-height:1.9;margin-top:4px}.system-personal-note>.text-button{font-size:10px;flex-shrink:0}.system-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:180px;font-size:12px;color:#91afb8}.system-load-error{display:flex;align-items:flex-start;gap:15px;padding:23px;margin:20px 0;border:1px solid #61414b;border-radius:12px;background:#30232d;color:#d9b0ba}.system-load-error>.icon{width:21px;height:21px;flex-shrink:0}.system-load-error strong{font-size:13px;font-weight:500}.system-load-error p{font-size:11px;line-height:1.9;margin:8px 0}.system-load-error .text-button{font-size:11px}.system-editor{width:min(590px,calc(100vw - 32px));padding:28px}.system-editor-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0 0 26px}.system-editor-progress>li{display:flex;align-items:center;gap:8px;font-size:10px;color:#7390a3}.system-editor-progress>li>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #365061;border-radius:50%;font-size:10px;flex-shrink:0}.system-editor-progress .current{color:#bee4db}.system-editor-progress .current>span{background:#244b46;border-color:#518277;box-shadow:0 0 0 4px #47756513}.system-editor-progress .complete>span{background:#244538;border-color:#3b6953;color:#96d1b7}.system-editor-progress .icon{width:13px;height:13px}.system-editor-intro{display:flex;align-items:center;gap:14px}.system-editor-intro>.integration-icon{width:46px;height:46px;flex-shrink:0}.system-editor-intro h3{font-size:18px;letter-spacing:-.03em;font-weight:500}.system-editor-intro p{font-size:11px;color:#8ea9b9;line-height:1.9;margin-top:5px}.system-shared-callout{display:flex;align-items:flex-start;gap:10px;border:1px solid #37585d;border-radius:10px;padding:15px 17px;background:#203a401f}.system-shared-callout>.icon{width:17px;height:17px;flex-shrink:0;color:#96cabe;margin-top:2px}.system-shared-callout p{font-size:11px;line-height:1.9;color:#a9c7ca}.system-editor-steps h3{font-size:12px;letter-spacing:0;font-weight:500;color:#bfd3dc}.system-editor-steps ol{padding:0 0 0 19px;margin:10px 0 0;font-size:11px;line-height:1.9;color:#89a8b9}.system-editor-steps li{padding-left:6px;margin:8px 0}.system-editor-steps li::marker{color:#a6cabe}.system-editor-detail{font-size:10px;line-height:1.9;color:#8aa6b9}.system-editor-step-title h3{font-size:18px;letter-spacing:-.03em;font-weight:500}.system-editor-step-title p{font-size:11px;line-height:1.95;color:#8ba8bb;margin-top:8px}.system-field>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.system-field>span>small{font-size:8px;color:#6f8f9f;font-weight:400}.system-field .system-field-saved{display:inline-flex;align-items:center;gap:4px;color:#89bbaa}.system-field-saved>.icon{width:10px;height:10px}.system-field-help{font-size:10px;font-weight:400;color:#779bab;line-height:1.85}.system-secret-note{display:flex;align-items:flex-start;gap:8px;font-size:9px;line-height:1.9;color:#75969f}.system-secret-note>.icon{width:13px;height:13px;flex-shrink:0;margin-top:2px}.system-remove-row{border-top:1px solid #293f4e;padding-top:17px}.system-remove-row .text-button{font-size:10px;color:#cc9dab}.system-editor-result{display:flex;align-items:center;flex-direction:column;text-align:center;padding:8px 8px 19px}.system-editor-result>span{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:1px solid #4b6578;background:#2a3e50;color:#aec7db;margin-bottom:25px;animation:system-result .4s ease-out both}.system-editor-result>span>.icon{width:28px;height:28px}.system-editor-result.is-checked>span{border-color:#45836a;background:#274d41;color:#c0f2d8;box-shadow:0 0 0 9px #4e876c12}.system-editor-result>.eyebrow{font-size:8px;color:#88b7aa;letter-spacing:.15em}.system-editor-result h3{font-size:26px;letter-spacing:-.04em;font-weight:450;margin-top:11px}.system-editor-result p{font-size:11px;color:#8baab9;line-height:1.9;max-width:410px;margin-top:12px;overflow-wrap:anywhere}.system-editor .form-stack>*{animation:system-reveal .2s ease-out both}.system-editor .dialog-footer>.button{font-size:10px}.system-editor form[aria-busy="true"]{cursor:wait}
@keyframes system-wave{0%,100%{transform:scaleY(.65)}50%{transform:scaleY(1)}}@keyframes system-orbit{to{transform:rotate(360deg)}}@keyframes system-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes system-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes system-result{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.system-hero{padding:29px;gap:10px}.system-hero-orbit{width:180px;height:180px;margin:0 0 0 10px}.system-hero h2{font-size:28px}.system-hero-orbit>div{border-radius:18px}.system-hero-orbit>div>.icon{width:26px;height:26px}.system-personal-note{flex-wrap:wrap}.system-personal-note>.text-button{margin-left:37px}.system-provider-card{padding:22px}.system-provider-card>p{font-size:10px}}
@media(max-width:680px){.system-hero{padding:25px;min-height:305px}.system-hero-orbit{position:absolute;right:-32px;top:29px;opacity:.3;width:205px;height:205px;pointer-events:none}.system-hero-copy{max-width:100%}.system-hero h2{font-size:28px;max-width:360px}.system-hero p{max-width:340px}.system-hero .button{position:relative;z-index:1}.system-provider-grid{gap:13px}.system-provider-card{padding:19px}.system-card-heading{gap:7px}.system-card-heading .pill{font-size:7px;padding:4px 6px}.system-card-heading .integration-icon{width:32px;height:32px}.system-provider-card h2{font-size:14px}.system-provider-card>.button{width:100%;min-width:0;font-size:9px;padding:9px 10px}.system-provider-card .button>.icon{width:12px;height:12px}.system-readiness{padding:23px}.system-readiness h2{font-size:21px}.system-readiness-heading p{font-size:10px}.system-readiness-count{font-size:12px}.system-readiness-count>strong{font-size:27px}.system-readiness-count>small{font-size:7px}.system-scope-note{font-size:9px}.system-readiness-heading{gap:12px}.system-site-address>a{margin-left:0;width:100%}.system-editor{padding:25px}.system-editor .dialog-footer>.button{font-size:9px}.system-personal-note p{font-size:9px}}
@media(max-width:430px){.system-hero{padding:23px}.system-hero h2{font-size:26px}.system-hero p{font-size:10px;max-width:250px}.system-hero-orbit{right:-58px;top:20px;opacity:.2}.system-hero .eyebrow{font-size:7px}.system-hero .button{font-size:9px}.system-provider-grid{grid-template-columns:1fr}.system-provider-card{padding:21px}.system-provider-card h2{font-size:15px}.system-provider-card>p{min-height:0;font-size:11px}.system-card-heading .pill{font-size:8px}.system-card-heading .integration-icon{width:36px;height:36px}.system-provider-card>.button{font-size:10px}.system-readiness{padding:21px}.system-readiness-heading{flex-direction:column;gap:16px}.system-readiness-count{text-align:left;display:flex;align-items:baseline;gap:6px}.system-readiness-count>small{margin-left:7px}.system-readiness li{gap:10px}.system-readiness li>.pill{font-size:7px;padding:4px 6px}.system-ready-icon{width:27px;height:27px}.system-readiness li p{font-size:9px}.system-editor{padding:23px 20px}.system-editor-progress{gap:7px}.system-editor-progress>li{font-size:9px;gap:6px}.system-editor-progress>li>span{width:22px;height:22px}.system-editor .dialog-header h2{font-size:21px}.system-editor .dialog-footer{gap:7px}.system-editor .dialog-footer>.button{font-size:9px;padding:9px 10px}.system-editor .dialog-footer .icon{width:13px;height:13px}.system-shared-callout p{font-size:10px}.system-editor-result h3{font-size:24px}}
.system-personal-actions{display:flex;gap:17px;flex-wrap:wrap}.system-personal-actions>.text-button{font-size:10px}.system-provider-help{display:flex;align-items:center;gap:9px;border:1px solid #325461;border-radius:8px;background:#17323a;padding:13px 15px;font-size:10px;color:#a9dace}.system-provider-help>.icon{width:14px;height:14px}.system-provider-help>.icon:last-child{margin-left:auto;transform:rotate(-35deg)}.system-provider-help:hover{background:#24424a}@media(max-width:1100px){.system-personal-actions{margin-left:37px}}@media(max-width:430px){.system-personal-actions>.text-button{font-size:9px}}
@media(prefers-reduced-motion:reduce){#system-setup-root *,#system-editor *,#system-setup-root *:before,#system-setup-root *:after{animation:none!important;transition:none!important}}