:root{color:#171914;font-synthesis:none;background:#f4f3eb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 13% 2%,#cdea7d8f,#0000 34rem),#f4f3eb;min-width:320px;min-height:100vh;margin:0}body:not([data-page=home]){place-items:center;display:grid}main{background:#ffffffc2;border:1px solid #d9dbd1;border-radius:24px;width:min(560px,100vw - 40px);padding:42px;box-shadow:0 24px 80px #23281917}main.cloud-shell{width:min(1080px,100vw - 40px);box-shadow:none;background:0 0;border:0;border-radius:0;padding:clamp(26px,5vw,64px)}header{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:11px;font-size:18px;display:flex}.mark{color:#efffb3;background:#20251c;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.web-pill{color:#6f803a;letter-spacing:.13em;border:1px solid #cbd2b8;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:850}.eyebrow{color:#71813d;letter-spacing:.17em;margin:34px 0 10px;font-size:11px;font-weight:850}h1{letter-spacing:-.055em;margin:0 0 14px;font-size:clamp(38px,8vw,58px);line-height:.98}p{color:#686d63;margin:0;font-size:17px;line-height:1.65}.cloud-hero{padding:clamp(80px,13vh,130px) 0 52px}.cloud-hero .eyebrow{margin-top:0}.cloud-hero h1{letter-spacing:-.072em;max-width:940px;font-size:clamp(56px,8vw,106px);line-height:.88}.cloud-hero h1 em{color:#71813d;font-family:Iowan Old Style,Georgia,serif;font-weight:400}.cloud-hero .lede{max-width:660px;margin-top:28px;font-size:clamp(18px,2vw,23px);line-height:1.5}.connect-shell{max-width:900px}.connect-hero{padding:clamp(58px,10vh,94px) 0 38px}.connect-hero .eyebrow{margin-top:0}.connect-hero h1{letter-spacing:-.068em;max-width:760px;font-size:clamp(52px,8vw,88px);line-height:.9}.connect-hero h1 em{color:#71813d;font-family:Iowan Old Style,Georgia,serif;font-weight:400}.connect-hero>p:last-child{max-width:600px;margin-top:22px;font-size:19px}.setup-steps{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.setup-steps li{color:#8a8e84;background:#ffffff73;border:1px solid #d9dbd1;border-radius:14px;align-items:center;gap:11px;padding:14px 16px;font-size:13px;display:flex}.setup-steps li span{background:#e5e7de;border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;display:grid}.setup-steps li.active{color:#343a2d;background:#f7f9ee;border-color:#b9c697}.setup-steps li.active span{color:#334019;background:#dceda4}.cloud-card{background:#ffffffb8;border:1px solid #d7dacd;border-radius:28px;grid-template-columns:1fr 1.1fr;gap:54px;padding:clamp(26px,4vw,42px);display:grid;box-shadow:0 24px 70px #2c321f14}.cloud-card[hidden]{display:none}.cloud-card .eyebrow{margin-top:0}.cloud-card h2{letter-spacing:-.05em;margin:0 0 10px;font-size:clamp(28px,3vw,42px)}.cloud-card>div>p:last-child{font-size:14px}form{gap:14px;margin-top:26px;display:grid}.cloud-card form{margin-top:0}form[hidden]{display:none}label{color:#64685e;gap:7px;font-size:13px;font-weight:700;display:grid}input{color:#171914;width:100%;font:inherit;background:#fff;border:1px solid #d2d5ca;border-radius:12px;padding:12px 13px}button,.button{color:#fff;font:inherit;cursor:pointer;background:#20251c;border:0;border-radius:11px;justify-self:start;padding:11px 15px;font-weight:750;text-decoration:none}button:disabled{cursor:default;opacity:.45}.button-row{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.button-row button{justify-self:auto}.button-secondary{color:#3f433b;background:0 0;border:1px solid #c9cdc0}button.text-button{color:#68705c;text-underline-offset:3px;background:0 0;justify-self:start;padding:0;font-size:12px;text-decoration:underline}.workspace-card{grid-template-columns:1fr auto;align-items:center}.workspace-copy{align-items:center;gap:18px;display:flex}.workspace-copy .eyebrow{margin:0 0 7px}.workspace-copy h2{margin-bottom:3px}.workspace-copy p{font-size:13px}.online-dot{background:#729447;border-radius:50%;flex:none;width:13px;height:13px;box-shadow:0 0 0 7px #e7efd9}.workspace-actions{gap:9px;display:flex}.device-connect-card{align-items:center}.device-connect-card p strong{color:#34392f}.device-action,.account-choice{background:#f4f4efcc;border:1px solid #d9dbd1;border-radius:16px;justify-items:start;gap:8px;padding:20px;display:grid}.device-action span,.account-choice span{color:#747a6e;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:750}.device-action>strong,.account-choice>strong{overflow-wrap:anywhere;margin-bottom:10px;font-size:17px}.account-choice-card{align-items:center}.connection-summary{background:#f4f4efcc;border:1px solid #d9dbd1;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:5px 14px;padding:20px;display:grid}.connection-summary strong{font-size:17px}.connection-summary>span:last-child{color:#747a6e;grid-column:2;font-size:12px}.progress-ring{border:3px solid #dce3c9;border-top-color:#71813d;border-radius:50%;grid-row:1/3;width:30px;height:30px;animation:1s linear infinite spin}.callback-action{margin-top:24px;display:inline-block}.boundary-note{color:#73796d;border-top:1px solid #dfe1d8;grid-column:1/-1;gap:10px;margin-top:10px;padding-top:20px;font-size:12px;display:flex}.boundary-note strong{color:#34392f}.message{min-height:24px;padding:16px 4px;font-size:12px}.cloud-shell footer{color:#7e8378;justify-content:space-between;font-size:11px;display:flex}.cloud-shell footer button{justify-self:auto}.oauth-details{background:#f4f4efcc;border:1px solid #d9dbd1;border-radius:14px;gap:14px;margin-top:24px;padding:18px;display:grid}.oauth-details p{font-size:14px}.oauth-details strong{color:#25291f}.scope-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.scope-list li{color:#4f5b2d;background:#e8edda;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:750}body[data-state=error] .mark{color:#fff0e8;background:#7b3f35}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){main.cloud-shell{width:min(100% - 24px,1080px);padding:24px 10px}.cloud-hero{padding-top:76px}.cloud-card,.workspace-card{grid-template-columns:1fr;gap:28px}.workspace-actions{flex-wrap:wrap}.boundary-note{flex-direction:column;grid-column:1}}@media (width<=520px){main:not(.cloud-shell){padding:30px}.cloud-hero h1{font-size:54px}}