:root{--ink:#17332f;--muted:#62736e;--paper:#f5f5ee;--card:#fffef9;--line:#d8e0d8;--accent:#006d5b;--pale:#e7efe6;--warn:#7c3529}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Segoe UI,system-ui,sans-serif;line-height:1.6}a{color:var(--accent);text-underline-offset:4px}a:hover{color:#003f35}header{min-height:90px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:18px max(5vw,20px);gap:20px;background:var(--card)}.brand{font-size:21px;font-weight:700;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:12px}.mark{background:var(--ink);color:#e5f6c9;padding:8px 9px;font-size:15px;letter-spacing:-1px;border-radius:8px}.account{display:flex;align-items:center;gap:18px;font-size:14px}.account form{margin:0}nav{display:flex;gap:25px;flex-wrap:wrap;padding:14px max(5vw,20px);background:var(--ink)}nav a{color:#f1f7e8;text-decoration:none;font-size:14px}nav a:hover{color:#d7f5a6}main{max-width:1280px;margin:auto;padding:45px 5vw 80px;min-height:75vh}h1{font-size:clamp(32px,4.2vw,58px);line-height:1.1;font-weight:650;letter-spacing:-2px;margin:18px 0 25px}h2{font-size:24px;line-height:1.3;letter-spacing:-.6px}h3{font-size:19px;line-height:1.4;margin:8px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:var(--muted)}.lede{font-size:19px;max-width:620px;color:#445f55}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:8%;align-items:center;padding:38px 0 60px}.hero h1{font-size:clamp(45px,5.8vw,76px)}.hero .offer{padding:40px;background:var(--ink);color:#f2f8e9;border-radius:4px;transform:rotate(1deg)}.offer strong{display:block;font-size:72px;letter-spacing:-4px;line-height:1.3}.offer .eyebrow{color:#c3d9af}.offer p{color:#d7e5d9}.offer hr{border:0;border-top:1px solid #466359;margin:25px 0}.grid{display:grid;gap:22px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}section{margin:36px 0 45px}article,.panel{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:25px;margin:12px 0}article p{margin:9px 0}.grid article{margin:0}.step{font-size:12px;color:var(--accent);font-weight:700}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.button,button{display:inline-block;background:var(--accent);color:#fff;padding:12px 20px;border:0;border-radius:5px;font:inherit;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer}.button:hover,button:hover{background:#004f42;color:#fff}.text-button{padding:0;background:none;color:var(--accent);font-weight:400;text-decoration:underline}.text-button:hover{background:none;color:var(--ink)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px;margin:24px 0}.actions a:not(.button){font-size:14px}.notice{border-left:4px solid #879f35;background:#eef0da;padding:14px 20px;font-size:14px;margin:16px 0}.error{border-color:#a24932;background:#fcefe7;color:var(--warn)}.success{border-color:var(--accent);background:#e5f0df}.warning{color:var(--warn)}.badge{display:inline-block;font-size:11px;letter-spacing:.2px;font-weight:650;background:var(--pale);padding:4px 9px;border-radius:4px;margin:2px 4px 2px 0}.badge.alert{background:#fbe8dc;color:var(--warn)}.badge.demo{background:#ede8d2;color:#665e38}.stats{display:flex;gap:18px;flex-wrap:wrap;margin:28px 0}.stats article{flex:1;min-width:175px;padding:24px;margin:0}.stats b{display:block;font-size:30px;letter-spacing:-1px}.stats span{font-size:13px;color:var(--muted)}.row{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.row>div{flex:1}.empty{padding:24px;border:1px dashed var(--line);color:var(--muted);background:#fafbf6}.form{max-width:760px}.form label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.form p{margin:0 0 24px}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #aebeb2;border-radius:4px;background:#fff;color:var(--ink);font:inherit;font-size:15px}input[type=checkbox]{width:auto;min-width:20px;min-height:20px}input[type=file]{font-size:14px}textarea{resize:vertical;max-height:450px}input:focus,select:focus,textarea:focus,button:focus,a:focus{outline:3px solid #abbf56;outline-offset:3px}.helptext{display:block;color:var(--muted);font-size:12px;margin-top:7px}.errorlist{color:#8a261d;padding:12px 25px;background:#fbe9df;list-style:disc}.form ul:not(.errorlist){font-size:12px;color:var(--muted)}.narrow{max-width:760px}.back{font-size:14px;display:inline-block;margin-bottom:12px}.search{margin:28px 0}.search label{display:block;font-size:14px;margin-bottom:6px}.search div{display:flex;gap:10px}.search input{flex:1}.preline{white-space:pre-line}.wrap{overflow-wrap:anywhere}code{font-size:13px;background:#e8eee2;padding:3px 7px;border-radius:3px}.internal{border-left:4px solid #a47650}.message{max-width:900px}small{font-size:12px;color:var(--muted)}details{margin:20px 0}summary{cursor:pointer;font-weight:600}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:28px max(5vw,20px);font-size:12px;color:var(--muted)}.skip{position:absolute;left:16px;top:-80px;padding:12px;background:#fff;z-index:10}.skip:focus{top:10px}@media(max-width:760px){header{align-items:flex-start;flex-direction:column;gap:10px}.account{flex-wrap:wrap}.hero,.two,.three{grid-template-columns:1fr}.hero{gap:30px;padding:20px 0}.hero .offer{transform:none}.hero h1{font-size:48px}.page-heading,.row{display:block}nav{gap:14px}.stats{gap:10px}.stats article{min-width:130px}.form{padding:20px}main{padding-top:25px}.page-heading .button{margin-bottom:15px}h1{letter-spacing:-1px}.offer strong{font-size:60px}}

/* Compact, keyboard-native Settings integration disclosures. */
.integration-list{border:1px solid var(--line);border-radius:6px;background:var(--card)}
.integration-row{margin:0;min-width:0}
.integration-row+.integration-row{border-top:1px solid var(--line)}
.integration-summary{display:grid;grid-template-columns:minmax(0,1fr) 150px 120px;align-items:center;gap:12px;padding:16px 20px;list-style:none}
.integration-summary::-webkit-details-marker{display:none}
.integration-summary:focus-visible,.integration-technical>summary:focus-visible{outline:3px solid #abbf56;outline-offset:-3px;border-radius:4px}
.integration-name{min-width:0;overflow-wrap:anywhere;font-size:15px}
.integration-name small{display:block;font-weight:400}
.integration-status{justify-self:start;margin:0;font-size:12px;letter-spacing:0;max-width:100%;overflow-wrap:anywhere}
.integration-status.attention{background:#f7ede2;color:var(--warn)}
.integration-status.working{background:var(--pale);color:var(--ink)}
.integration-status.neutral{background:#edf0eb;color:#44554e}
.integration-toggle{font-size:13px;color:var(--accent);text-align:right}
.integration-row>.integration-summary .when-open,.integration-row[open]>.integration-summary .when-closed{display:none}
.integration-row[open]>.integration-summary .when-open{display:inline}
.integration-content{padding:0 20px 18px;overflow-wrap:anywhere;min-width:0}
.integration-description{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px 18px;margin:8px 0 0;font-size:14px}
.integration-description dt{font-weight:600}
.integration-description dd{margin:0}
.integration-technical{margin:18px 0 0;font-size:13px;color:var(--muted)}
.integration-technical p{margin:10px 0}
@media(max-width:600px){.integration-summary{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:14px 16px}.integration-name{grid-column:1/-1}.integration-content{padding:0 16px 16px}.integration-description{grid-template-columns:minmax(0,1fr);gap:4px}.integration-description dd{margin-bottom:10px}.integration-toggle{font-size:12px}.integration-status{font-size:12px}}

.notification-bell{font-size:13px;white-space:normal;overflow-wrap:anywhere}
.notification-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;overflow-wrap:anywhere}
.notification-item>div{min-width:0}.notification-item form{flex-shrink:0}
@media(max-width:600px){.notification-item{display:block}.notification-item form{margin-top:12px}.account{min-width:0;max-width:100%}.account>*{min-width:0}.notification-bell{max-width:100%}}