:root{--ink:#173b35;--muted:#718079;--green:#205a48;--lime:#d9ed8c;--paper:#fafbf8;--line:#e2e7df;--soft:#eff3eb;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:#59813c}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.3;letter-spacing:-.04em}h1{font-size:54px;font-weight:650}h2{font-size:34px;font-weight:600}h3{font-size:20px}p{line-height:1.9}.wrap{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.header{height:90px;display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:auto;padding:0 40px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:700;white-space:nowrap}.brand-icon{width:37px;height:37px;background:var(--ink);color:var(--lime);display:grid;place-content:center;border-radius:12px;font-size:34px;line-height:1}.brand-sub{font-size:12px;font-weight:400;color:var(--muted);border-left:1px solid #ccd4c9;padding-left:13px;margin-left:3px}.header nav{display:flex;gap:30px;align-items:center;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--green);color:white;border:1px solid var(--green);padding:14px 23px;border-radius:8px;font-size:14px;font-weight:600;line-height:1.4;transition:background .2s}.button:hover{background:#163c31;color:white}.button span{font-size:20px}.button.small{padding:10px 16px;font-size:13px;gap:14px}.button.outline{background:transparent;color:var(--ink);border-color:#b9c6b8}.button.outline:hover{background:#e8eee3}.button.light{background:var(--lime);border-color:var(--lime);color:var(--ink)}.button.full{width:100%;margin-top:12px}.inline{display:inline}.text-button{border:0;background:transparent;padding:8px 0;color:inherit;font-size:13px}.text-button:hover{text-decoration:underline}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;margin-bottom:24px;display:flex;align-items:center;gap:10px}.eyebrow i,.chat-status i{width:7px;height:7px;background:#779544;border-radius:50%}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:35px;padding-top:82px;padding-bottom:80px;align-items:center}.hero h1{font-size:53px;line-height:1.36;margin-bottom:26px}.hero h1 span{display:block;color:#6d8846}.hero-desc{color:#697a70;font-size:16px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:30px}.quiet-link{font-size:14px;font-weight:600}.quiet-link span{margin-left:14px}.hero-note{display:flex;gap:22px;font-size:11px;color:var(--muted);margin-top:36px}.hero-art{position:relative;background:#e9eee1;border:1px solid #e1e6d9;border-radius:24px;min-height:460px;padding:27px 27px 52px;overflow:hidden}.art-top{font-size:9px;letter-spacing:1.6px;display:flex;align-items:center;gap:9px}.art-top>span:last-child{margin-left:auto}.tiny-dot{width:6px;height:6px;background:#5b7048;border-radius:50%}.browser-card{background:white;border:1px solid #d4ddce;border-radius:10px;margin-top:30px;box-shadow:0 20px 35px #35502915;transform:rotate(-3deg);overflow:hidden}.browser-bar{background:#f7f8f4;display:flex;gap:4px;align-items:center;height:30px;padding:0 12px;border-bottom:1px solid var(--line)}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#aebbac}.browser-bar span{font-size:8px;margin:auto;color:#809077}.browser-bar b{font-size:10px}.sample-site{height:275px;padding:21px;position:relative;overflow:hidden;background:#fffef8}.sample-nav{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.sample-nav b{font-size:12px}.sample-nav span{font-size:6px}.sample-label{display:block;font-size:7px;color:#78846a;margin-top:31px;position:relative;z-index:1}.sample-site h2{font-size:27px;line-height:1.45;margin-top:10px;position:relative;z-index:1}.sample-lines{display:grid;gap:5px}.sample-lines i{background:#d9dfd0;height:3px;width:120px}.sample-lines i:last-child{width:90px}.sample-button{font-size:7px;background:#254d3e;color:white;display:inline-block;padding:7px 11px;margin-top:16px}.art-sculpture{position:absolute;width:130px;height:205px;right:22px;top:80px;transform:rotate(-15deg)}.art-sculpture div{width:118px;height:78px;position:absolute;border:21px solid #a9bf77;border-radius:50%;transform:rotate(-25deg);box-shadow:inset 0 8px 8px #4c5c442e,6px 8px 11px #4c5c4430;background:transparent}.art-sculpture div:nth-child(2){top:48px;border-color:#ced99f;left:-8px}.art-sculpture div:nth-child(3){top:96px;left:-16px;border-color:#718e58}.floating-note{position:absolute;bottom:53px;right:17px;display:flex;align-items:center;gap:12px;padding:15px 19px;background:white;border:1px solid var(--line);border-radius:11px;box-shadow:0 10px 35px #254d3e12;transform:rotate(3deg)}.check-circle{border-radius:50%;background:#e8f0d5;color:#4c7032;width:30px;height:30px;display:grid;place-content:center}.floating-note strong{font-size:12px;display:block}.floating-note small{font-size:9px;color:var(--muted)}.art-bottom{position:absolute;bottom:18px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.promise{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f1f4ed}.promise>.wrap{display:flex;align-items:center;justify-content:space-between;padding-top:26px;padding-bottom:26px}.promise span{font-size:17px}.promise p{font-size:13px;color:var(--muted);margin:0}.promise a{font-size:13px}.section{padding-top:85px;padding-bottom:85px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px;gap:30px}.section-head h2{margin-bottom:0}.section-head>p{font-size:14px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{border:1px solid var(--line);background:white;border-radius:14px;padding:28px}.card-number{font-size:10px;color:#71816c;letter-spacing:1px}.line-icon{width:49px;height:49px;border:1px solid #bbcbb0;border-radius:13px;font-size:28px;display:grid;place-content:center;margin:27px 0 22px}.service-card h3{font-size:20px}.service-card p{font-size:13px;color:var(--muted)}.tag{display:block;font-size:10px;border-top:1px solid var(--line);padding-top:18px;color:#6a7d5d;margin-top:24px}.process-section{background:#edf2e6}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:50px}.steps article{border-top:1px solid #bdcbb4;padding-top:22px}.steps span{font-size:12px;color:#6d854f}.steps h3{font-size:18px;margin:21px 0 12px}.steps p{font-size:13px;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.muted{color:var(--muted);font-size:13px}.conversation{background:#eef1e9;padding:27px;border-radius:16px}.chat-label{font-size:11px;letter-spacing:1px;color:var(--muted);margin-bottom:24px}.chat{padding:15px 18px;border-radius:12px;font-size:13px;max-width:88%;margin-bottom:14px}.chat.user{background:white;margin-left:auto}.chat.assistant{background:#dce7cb}.chat-status{font-size:11px;display:flex;align-items:center;gap:10px;margin:24px 0 12px}.conversation>small{color:var(--muted);font-size:10px}.faq{padding-top:5px;display:grid;grid-template-columns:.9fr 1.1fr;gap:65px}.faq h2{font-size:28px}details{border-top:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-size:14px;font-weight:500}details p{font-size:13px;color:var(--muted);margin:16px 0 0}.contact-section{background:#193d33;color:white;padding:65px 0}.contact-section .eyebrow{color:#b4cf91}.contact-section h2{font-size:38px}.contact-section p{font-size:14px;color:#b6c6ba}.contact-form label{color:#dce6db}.contact-form input,.contact-form textarea{background:#ffffff09;border-color:#637b6c;color:white}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#90a497}footer{display:flex;align-items:center;gap:30px;padding:35px 40px;max-width:1320px;margin:auto;font-size:11px;color:var(--muted)}footer p{margin:0}footer>span{margin-left:auto}footer .brand{font-size:19px;color:var(--ink)}label{display:block;font-size:12px;font-weight:500;margin-bottom:17px}input,textarea,select{display:block;width:100%;border:1px solid #d4ddd0;border-radius:7px;padding:11px 12px;background:white;color:var(--ink);margin-top:7px;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #a8c77d;border-color:#93ad6a}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9aa497}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}label small{color:var(--muted);font-size:10px;font-weight:400}.checkbox{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:400}.checkbox input{width:14px;height:14px;margin:0}.honey{display:none}.auth-wrap{max-width:1050px;min-height:650px;margin:65px auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:30px 40px}.auth-wrap aside{padding-top:45px;position:relative}.auth-wrap h1{font-size:42px;line-height:1.5}.auth-wrap aside p{color:var(--muted)}.auth-decoration{font-size:160px;line-height:1;color:#b8ca93;margin-top:20px}.auth-card{background:white;border:1px solid var(--line);padding:35px;border-radius:18px}.auth-card h2{margin-top:25px;font-size:27px}.back-link{font-size:12px;color:var(--muted)}.auth-bottom{font-size:12px;text-align:center;margin:20px 0 0}.auth-bottom a{color:var(--green);font-weight:600}.captcha{display:inline-block;padding:3px 18px;margin-left:15px;letter-spacing:8px;font-size:20px;background:#edf2e3;transform:skew(-10deg);font-style:italic}.flash{max-width:1160px;margin:18px auto;padding:14px 20px;background:#e5f0d5;color:#31582a;border:1px solid #c7d9b7;border-radius:8px;font-size:13px}.workspace{padding-top:45px;padding-bottom:70px}.workspace-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}.workspace-head h1{font-size:32px;margin-bottom:10px}.workspace-head .eyebrow{margin-bottom:14px}.workspace-head p{margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.metrics article{background:white;border:1px solid var(--line);border-radius:13px;padding:22px}.metrics span{display:block;font-size:12px;color:var(--muted)}.metrics strong{display:block;font-size:24px;font-weight:600;margin:12px 0 9px}.metrics small{font-size:10px;color:var(--muted)}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin:30px 0;font-size:13px;overflow:auto;white-space:nowrap}.tabs a{padding-bottom:15px}.tabs a:hover{border-bottom:2px solid var(--green)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:25px;margin-bottom:22px;min-width:0}.panel h2{font-size:21px;margin-bottom:12px}.panel h3{font-size:17px}.panel>p,.panel-head p{font-size:12px;color:var(--muted)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.panel-head p{margin:0}.empty{text-align:center;padding:50px 10px;color:var(--muted)}.empty>span{font-size:35px;display:block;margin-bottom:15px;color:#7b9957}.empty h3{color:var(--ink);font-size:18px}.empty p{font-size:12px}.empty a{font-size:12px;color:var(--green)}.empty.compact{padding:30px 10px;font-size:13px}.dark-panel{background:#214a3e;color:white}.dark-panel .eyebrow{font-size:9px;color:#bbd391}.dark-panel h2{font-size:25px;line-height:1.5}.dark-panel>p{color:#b8c9bd;font-size:12px}.dark-panel dt{color:#adc0b1;font-size:10px}.dark-panel dd{margin:3px 0 14px;font-size:13px;overflow-wrap:anywhere}.dark-panel .text-button{margin-top:10px;color:#d1e4ae}.credential{background:#ffffff0b;padding:13px;border:1px solid #ffffff25;border-radius:7px;margin-bottom:15px}.credential small{font-size:10px;display:block;color:#d5e4b6}.credential code{font-size:13px;display:block;overflow-wrap:anywhere;margin-top:9px}.version{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.version-top{display:flex;justify-content:space-between;align-items:start;gap:15px}.version-top strong{font-size:14px}.version-top p{font-size:10px;color:var(--muted);margin:7px 0 12px}.version-top a{font-size:11px;white-space:nowrap}.badge{display:inline-block;padding:3px 8px;font-size:10px;line-height:1.5;border-radius:5px;background:#edf0e9;color:#6c7d66;white-space:nowrap}.badge.pending{background:#fff0d2;color:#98701a}.badge.approved{background:#e4efd9;color:#477133}.badge.rejected{background:#f9e5df;color:#a45540}.notice{background:#f8f2df;border:1px solid #e9dfbd;border-radius:8px;font-size:12px;color:#8a7138;padding:12px 15px;margin-bottom:18px}.checklist{padding:0;list-style:none}.checklist li{display:flex;gap:13px;align-items:center;padding:9px 0}.checklist strong{font-size:12px}.checklist small{display:block;font-size:10px;color:var(--muted)}.checklist em{font-size:10px;margin-left:auto;font-style:normal;white-space:nowrap}.version details>small{font-size:10px;color:var(--muted)}.review-form{padding-top:10px}.domain{border-top:1px solid var(--line);padding:18px 0}.domain strong{display:block;font-size:13px;overflow-wrap:anywhere}.domain p,.service-progress p{font-size:11px;color:var(--muted)}.domain code{display:block;font-size:10px;background:var(--soft);padding:5px;margin-bottom:5px;overflow-wrap:anywhere}.domain small{font-size:10px;color:var(--muted)}.ticket{margin-top:20px}.message{background:#f6f8f2;border-radius:8px;padding:12px;margin:12px 0}.message small{font-size:10px;color:var(--muted)}.message p{margin:8px 0 0;color:var(--ink);font-size:12px;overflow-wrap:anywhere}.ticket form{margin-top:20px}.danger{color:#b04d3b}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-weight:500;color:var(--muted);font-size:10px;background:#f6f8f3}th,td{padding:14px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td small{display:block;font-size:10px;color:var(--muted);margin-top:5px}td a{color:var(--green)}.admin-columns{gap:22px;align-items:stretch}.admin-columns>.panel{height:calc(100% - 22px)}.ticket-link{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--line);font-size:13px}.ticket-link small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.lead{display:grid;grid-template-columns:1fr 160px;gap:25px;padding:22px 0;border-top:1px solid var(--line)}.lead strong{font-size:14px}.lead p{font-size:12px;color:var(--muted);overflow-wrap:anywhere}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.error-page{padding-top:100px;padding-bottom:150px}.error-page h1{font-size:36px}.error-page p{color:var(--muted)}
@media(min-width:1450px){.hero{padding-top:105px;padding-bottom:105px}.hero-art{min-height:490px}.sample-site{height:300px}}
@media(max-width:1000px){.brand-sub{display:none}.header nav{gap:18px}.hero h1{font-size:42px}.hero{gap:25px}.hero-art{padding:20px 18px 60px;min-height:420px}.sample-site{padding:16px;height:250px}.sample-site h2{font-size:23px}.art-sculpture{right:-15px;transform:scale(.8) rotate(-15deg)}.hero-note{gap:10px;font-size:9px}.service-card{padding:20px}.two-col,.faq{gap:35px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 280px}.panel{padding:19px}.workspace-head{align-items:start}.workspace-head .actions{max-width:240px}.panel-head{flex-wrap:wrap}.auth-wrap{gap:40px}}
@media(max-width:700px){.wrap{padding-left:22px;padding-right:22px}.header{height:74px;padding:0 22px}.brand{font-size:21px}.header nav{gap:15px;font-size:12px}.header nav>a:nth-child(-n+2){display:none}.header nav>.button{padding:9px 12px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:45px;gap:40px}.hero h1{font-size:40px}.hero-desc{font-size:14px}.hero-art{max-width:480px;width:100%;margin:auto;min-height:400px}.sample-site{height:250px}.art-sculpture{right:30px;transform:scale(.9) rotate(-15deg)}.hero-note{font-size:10px;gap:18px}.hero-actions{gap:20px}.promise>.wrap{align-items:start;gap:18px;flex-wrap:wrap}.promise p{font-size:12px}.promise a{display:none}.promise span{font-size:15px}.section{padding-top:55px;padding-bottom:55px}.section-head{display:block}.section-head>p,.section-head>.button{margin-top:25px}.section-head h2,h2{font-size:28px}.eyebrow{font-size:10px;margin-bottom:18px}.service-grid{grid-template-columns:1fr}.service-card{padding:24px}.line-icon{margin:20px 0 15px}.steps{grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.two-col,.faq{grid-template-columns:1fr;gap:30px}.faq{padding-top:10px}.contact-section{padding:45px 0}.contact-section h2{font-size:31px}footer{padding:30px 22px;flex-wrap:wrap;gap:14px}footer>span{margin-left:0;width:100%;order:3}.auth-wrap{grid-template-columns:1fr;margin:25px auto;padding:0 22px;gap:20px}.auth-wrap aside{display:none}.auth-card{padding:25px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metrics article{padding:16px}.metrics strong{font-size:20px}.workspace{padding-top:30px}.workspace-head{display:block}.workspace-head h1{font-size:28px}.workspace-head .actions{max-width:none;margin-top:20px}.dashboard-grid{grid-template-columns:1fr}.side-column{display:contents}.main-column{display:contents}#connection{order:-1}.tabs{gap:20px}.panel{padding:20px;margin-bottom:0}.main-column>.panel,.side-column>.panel{margin-bottom:0}.workspace>.panel{margin-bottom:20px}.admin-columns>.panel{height:auto;margin-bottom:20px}.admin-columns{gap:0}.field-row{gap:12px}.version-top{gap:8px}.version-top strong{font-size:12px}.version-top a{font-size:10px}.lead{grid-template-columns:1fr}.flash{margin:12px 22px}.contact-form .field-row{grid-template-columns:1fr}.error-page{padding-top:65px;padding-bottom:100px}.panel-head{gap:15px}}

/* Task-focused workspaces; ordinary sections remain visible without JavaScript. */
[hidden]{display:none!important}
.header-workspace nav>a:nth-child(-n+2){display:inline}
.workbench{max-width:1400px;display:grid;grid-template-columns:205px minmax(0,1fr);gap:34px;padding-top:32px}
.workbench-sidebar{align-self:start;position:sticky;top:24px;min-width:0;padding-top:8px}
.workbench-label{font-size:11px;color:var(--muted);margin:0 12px 10px;letter-spacing:1px}
.workbench-label:not(:first-child){margin-top:26px}
.workbench-nav{display:grid;gap:5px}
.workbench-nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-radius:8px;font-size:14px;border:1px solid transparent}
.workbench-nav a:hover{background:var(--soft)}
.workbench-nav a[aria-current=page]{background:#e5eedc;border-color:#cfdcbe;font-weight:600;color:#254c37}
.workbench-nav a>span{font-size:11px;background:white;border-radius:5px;padding:0 7px;color:var(--green)}
.workbench-main{min-width:0}
.workbench-main>.workspace-head{margin-bottom:25px}
.workbench .workspace-head h1{font-size:28px;letter-spacing:-.02em}
.workbench .eyebrow{letter-spacing:1px;margin-bottom:10px}
.workbench .section-head{margin-bottom:24px;align-items:flex-start}
.workbench .section-head h2{font-size:23px;letter-spacing:-.02em}
.workbench .section-head p{font-size:13px;color:var(--muted);margin:9px 0 0}
.workbench [data-workspace-panel]{scroll-margin-top:24px}
.workbench [data-workspace-panel]:not([hidden]){margin-bottom:24px}
.workbench .panel{padding:28px}
.workbench-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:24px}
.workbench-hero h2{font-size:25px;letter-spacing:-.02em;margin-bottom:10px}
.workbench-hero p{font-size:13px;max-width:560px;margin-bottom:0}
.workbench-hero>.button{flex-shrink:0}
.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0 32px}
.action-card{display:block;border:1px solid var(--line);border-radius:12px;padding:20px;background:#f9fbf6}
.action-card:hover{border-color:#8fa577;background:#f0f5e9;color:var(--ink)}
.action-card>span,.action-card>small{display:block;font-size:12px;color:var(--muted)}
.action-card>strong{display:block;font-size:35px;line-height:1.4;margin:12px 0 10px;font-weight:600;color:var(--green)}
.workflow-strip{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:22px 0 28px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f6f8f2;counter-reset:flow}
.workflow-strip>li{padding:18px 16px;border-right:1px solid var(--line);min-width:0;counter-increment:flow}
.workflow-strip>li:last-child{border-right:0}
.workflow-strip>li>strong:before{content:counter(flow,decimal-leading-zero);display:block;font-size:11px;margin-bottom:10px;color:#7b8c6f;font-weight:400}
.workflow-strip strong{display:block;font-size:14px;font-weight:600}
.workflow-strip li>span,.workflow-strip small{display:block;font-size:11px;color:var(--muted);margin-top:6px;line-height:1.7}
.workflow-strip li>a{display:flex;gap:11px;align-items:flex-start}
.workflow-strip .workflow-number{flex-shrink:0;display:grid;place-content:center;width:25px;height:25px;border:1px solid #c5d1b9;border-radius:50%;font-size:11px}
.workflow-strip li.is-current{background:#e5efda}
.workflow-strip li.is-current .workflow-number{background:var(--green);border-color:var(--green);color:white}
.workflow-strip li.is-complete .workflow-number{background:#d6e4c7;color:#2b573b}
.workbench-brand{padding:0 12px 22px}
.workbench-brand strong,.workbench-brand small{display:block;overflow-wrap:anywhere}
.workbench-brand strong{font-size:17px;line-height:1.6}
.workbench-brand small,.workbench-help{font-size:11px;color:var(--muted)}
.workbench-help{padding:18px 12px 0;line-height:1.9}
.workbench-sidebar>.text-button{display:block;margin:10px 12px}
.next-step-card{background:#edf4e5;border:1px solid #d3dfc6;border-radius:15px;padding:28px;align-items:flex-start}
.next-step-card .button{margin-top:20px}
.next-step-card .eyebrow{font-size:11px;color:#5f794b}
.hero-status{border-left:1px solid #ccdbc0;padding-left:24px;flex:0 0 180px;line-height:1.7}
.hero-status span,.hero-status small{display:block;font-size:11px;color:var(--muted)}
.hero-status strong{display:block;font-size:17px;margin:7px 0}
.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:22px}
.summary-grid .panel{padding:21px;margin-bottom:0}
.summary-grid h3{font-size:19px;letter-spacing:-.02em;margin:10px 0}
.summary-grid p{font-size:12px;margin-bottom:12px}
.summary-grid a{font-size:12px;color:var(--green);font-weight:600}
.customer-filters{grid-template-columns:minmax(0,1fr) 180px;max-width:660px}
.customer-filters label{margin-bottom:0}
.workbench .compact-form{max-width:580px}
.internal-records{margin-top:26px;background:#f8f9f5;padding:18px;border:1px solid var(--line);border-radius:9px}
.internal-records>summary{font-size:12px;color:var(--muted)}
.internal-records p{margin-bottom:15px}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}
.audit-table td{vertical-align:top}
.audit-table .audit-detail{white-space:normal;min-width:160px;max-width:300px;overflow-wrap:anywhere;font-size:11px;color:var(--muted)}
.workbench .badge.active{background:#e4efd9;color:#477133}
.workbench .badge.banned{background:#f9e5df;color:#a45540}
.instruction-list{margin:24px 0;padding-left:23px}
.instruction-list li{padding:4px 0 14px 5px;font-size:14px}
.instruction-list p{font-size:12px;color:var(--muted);margin:5px 0 0}
.connection-details{margin:22px 0}
.connection-details>summary{font-weight:600}
.connection-details dl{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px 20px;margin:22px 0;font-size:13px}
.connection-details dt{color:var(--muted)}
.connection-details dd{margin:0;overflow-wrap:anywhere}
.connection-details form{margin-top:20px}
.credential-banner{background:#214a3e;border-color:#214a3e;color:white;padding:22px;margin:0 0 24px}
.credential-banner strong{display:block;font-size:16px;margin-bottom:7px}
.credential-banner code{font-size:16px;margin:13px 0}
.credential-banner .text-button,.credential-banner>a{color:#e1edbd;font-size:12px;margin-right:20px}
.review-reason{background:white;border:1px solid #dfd9ba;border-radius:7px;margin-top:15px;padding:12px 15px;font-size:12px}
.review-reason p{margin:5px 0 0}
.home-hero{padding-top:62px;padding-bottom:56px}
.home-hero h1{font-size:49px;margin-bottom:20px}
.home-hero .hero-actions{margin-top:25px;gap:24px}
.home-flow{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0 0;margin:30px 0 0;border-top:1px solid var(--line);gap:8px}
.home-flow li{font-size:12px;white-space:nowrap}
.home-flow span{display:block;font-size:10px;color:#7e906b;margin-bottom:6px;letter-spacing:1px}
.home-page .section{padding-top:60px;padding-bottom:60px}
.home-services{border-top:1px solid var(--line)}
.home-services .service-card h3{margin:15px 0 12px}
.home-services .tag{margin-top:17px}
.home-process .steps{margin-top:28px}
.home-process .steps h3{margin-top:15px}
.home-update-note{border-top:1px solid #ced9c3;padding-top:21px;margin-top:28px;display:grid;grid-template-columns:180px 1fr;gap:25px}
.home-update-note strong{font-size:14px}
.home-update-note p{font-size:12px;color:var(--muted);margin:0}
@media(max-width:1100px){
 .workbench{grid-template-columns:175px minmax(0,1fr);gap:22px;padding-left:25px;padding-right:25px}
 .workbench-nav a{font-size:13px;padding-left:10px;padding-right:10px}
 .workbench-hero{align-items:flex-start;flex-wrap:wrap}
 .hero-status{flex-basis:auto;border-left:0;padding-left:0}
 .next-step-card>.hero-status{border-top:1px solid #ccdbc0;padding-top:15px;width:100%}
 .action-card{padding:15px}
 .action-card>small{font-size:11px}
 .workflow-strip>li{padding:15px 10px}
 .workflow-strip li>a{display:block}
 .workflow-strip .workflow-number{margin-bottom:8px}
 .summary-grid{gap:10px}
 .summary-grid .panel{padding:16px}
 .summary-grid h3{font-size:17px}
 .home-hero h1{font-size:41px}
}
@media(max-width:760px){
 .workbench{display:block;padding:20px 18px 45px}
 .workbench-sidebar{position:static;padding:0;margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:18px}
 .workbench-label,.workbench-help,.workbench-brand,.workbench-sidebar>.text-button{display:none}
 .workbench-nav{display:flex;flex-wrap:wrap;gap:6px}
 .workbench-nav+.workbench-label+.workbench-nav{margin-top:10px}
 .workbench-nav a{font-size:12px;padding:7px 10px;background:#f1f4ec}
 .workbench-nav a>span{font-size:10px;padding:0 5px}
 .workbench .workspace-head h1{font-size:24px}
 .workbench .workspace-head .actions{margin-top:14px}
 .workbench-main>.workspace-head{margin-bottom:20px}
 .workbench .panel{padding:21px;margin-bottom:20px}
 .workbench-hero{gap:18px;margin-bottom:20px}
 .workbench-hero h2{font-size:22px}
 .workbench .section-head{gap:18px;margin-bottom:20px}
 .workbench .section-head h2{font-size:21px}
 .workbench .section-head p{font-size:12px}
 .action-grid{gap:8px;margin:20px 0 26px}
 .action-card{padding:12px 10px}
 .action-card>span{font-size:11px}
 .action-card>strong{font-size:28px;margin:8px 0}
 .action-card>small{font-size:10px;line-height:1.7}
 .workflow-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px}
 .workflow-strip>li{padding:14px;border-bottom:1px solid var(--line)}
 .workflow-strip>li:nth-child(2){border-right:0}
 .workflow-strip>li:nth-child(n+3){border-bottom:0}
 .workflow-strip li>a{display:flex}
 .workflow-strip li>span,.workflow-strip small{font-size:10px}
 .summary-grid{grid-template-columns:1fr;gap:12px}
 .summary-grid .panel{margin-bottom:0}
 .next-step-card{padding:22px}
 .customer-filters{grid-template-columns:minmax(0,1fr) 125px}
 .settings-grid{grid-template-columns:1fr;gap:30px}
 .internal-records{padding:14px}
 .workbench #connection{order:initial}
 .workbench .lead{grid-template-columns:1fr;gap:12px}
 .workbench .field-row:not(.customer-filters){grid-template-columns:1fr;gap:0}
 .connection-details dl{grid-template-columns:80px minmax(0,1fr);gap:10px;font-size:12px}
 .header-workspace nav{gap:14px}
 .header-workspace nav>a:nth-child(-n+2){display:inline;font-size:12px}
 .header-workspace nav>a:first-child{display:none}
 .header-workspace nav .text-button{font-size:12px}
 .home-hero{padding-top:35px;padding-bottom:35px;gap:30px}
 .home-hero h1{font-size:36px;line-height:1.4}
 .home-hero .hero-desc{font-size:13px}
 .home-hero .hero-actions{gap:18px}
 .home-hero .hero-actions .button{padding:13px 18px;font-size:13px}
 .home-hero .quiet-link{font-size:12px}
 .home-flow{margin-top:25px;padding-top:18px;gap:4px}
 .home-flow li{font-size:11px}
 .home-preview{min-height:340px;max-width:430px;padding:19px 18px 45px}
 .home-preview .browser-card{margin-top:23px}
 .home-preview .sample-site{height:230px}
 .home-preview .sample-site h2{font-size:24px}
 .home-preview .art-sculpture{right:0;transform:scale(.75) rotate(-15deg)}
 .home-page .section{padding-top:42px;padding-bottom:42px}
 .home-services .section-head h2,.home-process .section-head h2{font-size:26px}
 .home-services .service-card{padding:21px}
 .home-services .service-card p{margin-bottom:12px}
 .home-update-note{grid-template-columns:1fr;gap:9px;margin-top:22px;padding-top:18px}
 .home-faq{gap:15px}
 .home-contact h2{font-size:29px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}