/* Shared surfaces and the current website design. */
:root{--surface:#fffefa;--soft:#edf2e7;--accent-soft:#e4efda;--muted:#607361;--accent-text:#4e8050;--shadow:0 18px 45px #223b2010;color-scheme:light}
:root[data-theme=dark]{--paper:#141b22;--surface:#1b232b;--soft:#222d36;--cream:#1b232b;--ink:#dce5e9;--muted:#99aab6;--green:#a2c9b1;--accent-text:#a2c9b1;--accent-soft:#263c32;--line:#35434e;--shadow:0 18px 45px #0003;color-scheme:dark}
.theme-toggle{width:37px;height:37px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--surface);flex-shrink:0}
.theme-toggle svg{width:17px;height:17px}.theme-toggle:hover{background:var(--accent-soft)}
.site-header{border-color:var(--line)}.login-button{background:var(--surface);border-color:var(--line)}.login-button:hover{background:var(--soft)}
.hero{padding-top:56px}.hero h1{margin-top:6px;margin-bottom:0}.hero h1>.headline-second{color:var(--accent-text)}
.hero-meadow{height:35px;margin:7px auto 16px}.hero-meadow svg{width:240px;height:28px;margin:auto;stroke:#94b873;stroke-width:1.7;stroke-linecap:round}
.hero-footnote,.demo-caption,.demo-tabs button{color:var(--muted)}.demo-tabs button.active,.demo-tabs button:hover{background:var(--surface);color:var(--ink);border-color:var(--line)}
.app-window{--app-muted:#6e8068;background:var(--app-surface)}
.app-window.night{--app-surface:#1b232b;--app-soft:#222d36;--app-line:#35434e;--app-ink:#dce5e9;--app-muted:#99aab6;border-color:#526574;box-shadow:0 35px 70px -35px #0009,0 0 0 7px #24312944}
.app-shell{height:514px}.demo-content{background:var(--app-surface)}.group-sidebar{padding:18px 10px;width:194px;overflow:auto}.demo-group{padding:9px 8px;margin-bottom:5px}.demo-group strong{font-size:8px}.demo-group small{font-size:7px}.demo-sidebar-note{margin-top:16px}
.demo-group>img{object-fit:contain}.demo-group[data-group=travis]>img{background:#5e3d2a}.demo-group[data-group=aio]>img{padding:2px}
.demo-run-controls{display:flex;align-items:center;gap:10px}.demo-concurrency{display:flex;align-items:center;gap:5px;font-size:7px;color:var(--app-muted)}.demo-concurrency select{border:1px solid var(--app-line);border-radius:5px;padding:5px;background:var(--app-surface);color:var(--app-ink);font-size:8px}
.demo-mobile-group{display:none}.task-workspace{display:flex;flex-direction:column;padding:24px 20px 12px}.demo-searchbar{margin-top:16px;margin-bottom:8px}
.demo-selection{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:7px;color:var(--app-muted);margin:0 0 10px;min-height:25px}.demo-selection>div{display:flex;gap:6px}.demo-selection button{display:flex;align-items:center;gap:4px;border:1px solid var(--app-line);border-radius:5px;padding:5px 7px;font-size:7px;color:var(--app-ink)}.demo-selection svg{width:9px;height:9px}.demo-selection button:disabled{opacity:.4}
.task-scroll{overflow:auto;min-height:0;flex:1}.task-table th:nth-child(1){width:9%}.task-table th:nth-child(2){width:27%}.task-table th:nth-child(3){width:34%}.task-table th:nth-child(4){width:30%}
.task-table th:nth-child(3),.task-table td:nth-child(3){display:table-cell}
.chapter-symbol{display:flex;width:max-content}
.task-table td{height:49px;padding:8px 6px}.task-table td strong{display:block;font-size:8px;font-weight:650;overflow:hidden;text-overflow:ellipsis}.task-table td small{display:block;font-size:7px;color:var(--app-muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis}.task-table tr.selected td,.night .task-table tr.selected td{background:transparent;box-shadow:inset 0 1px #78a66b,inset 0 -1px #78a66b}.task-table tr.selected td:first-child{box-shadow:inset 1px 0 #78a66b,inset 0 1px #78a66b,inset 0 -1px #78a66b}.task-table tr.selected td:last-child{box-shadow:inset -1px 0 #78a66b,inset 0 1px #78a66b,inset 0 -1px #78a66b}
.task-select{padding:7px;min-width:26px;border:1px solid transparent;border-radius:4px;font-size:8px}.task-select:hover{border-color:var(--app-line)}.task-select[aria-pressed=true]{color:#538642;font-weight:800}.night .task-select[aria-pressed=true]{color:#a2c9b1}
.task-status{padding:0;text-align:left;width:100%;display:flex}.task-status .status-pill{font-size:6.5px;white-space:normal;text-align:left;justify-content:flex-start}.task-status:hover .status-pill{box-shadow:0 0 0 1px var(--app-muted)}
#demo-privacy{padding:2px;display:inline-flex;vertical-align:middle;margin-left:4px}#demo-privacy svg{width:12px;height:12px}.demo-task-footer{margin-top:10px;min-height:16px;flex-shrink:0}.demo-task-footer button{color:var(--app-ink)}
.demo-edit-fields{margin-top:22px;display:grid;gap:16px}.demo-edit-fields label{display:grid;gap:8px;font-size:11px;font-weight:700}.demo-edit-fields input,.demo-edit-fields select{width:100%;padding:10px;border-radius:7px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.floating-ticket{background:var(--surface);border-color:var(--line)}.floating-ticket small{color:var(--muted)}
.category-band,.how-section{background:var(--soft);border-color:var(--line)}.control-heading{max-width:530px}.control-heading p{font-size:13px;margin-top:20px}.control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:44px}.control-card{min-width:0}.control-card h3{font-size:22px;letter-spacing:-.6px}.control-card p{font-size:12px;line-height:1.85;margin:15px 0 20px}.control-card .feature-number{margin-top:26px;margin-bottom:13px;color:var(--muted)}
.control-visual{height:157px;border:1px solid var(--line);border-radius:12px;background:var(--soft);padding:23px;display:flex;align-items:center;gap:12px;color:var(--ink)}
.selection-visual{display:flex;flex-direction:column;gap:7px;justify-content:center}.selection-visual>span{display:flex;width:100%;padding:8px 10px;align-items:center;gap:10px;font-size:9px;background:var(--surface);border:1px solid var(--line);border-radius:5px}.selection-visual i{font-style:normal;color:var(--muted)}.selection-visual b{margin-left:auto;font-size:8px;font-weight:500;color:var(--muted)}.selection-visual>span.outlined{border-color:#88aa75}
.control-visual strong{display:block;font-size:12px}.control-visual small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.privacy-visual>[data-icon],.result-visual>[data-icon]{width:34px;height:34px;background:var(--accent-soft);color:var(--accent-text);border-radius:50%}.privacy-switch{margin-left:auto;background:#7ca466;width:30px;height:17px;border-radius:20px;flex-shrink:0}.privacy-switch:after{content:'';display:block;width:11px;height:11px;margin:3px 3px 3px auto;background:#fff;border-radius:50%}.result-spark{font-size:30px;color:var(--accent-text);margin-left:auto}
.faq-docs{margin-top:28px}.final-cta{background:var(--soft);border-color:var(--line);padding:58px 60px}.final-cta p{color:var(--muted);max-width:360px;line-height:1.9;font-size:12px}.final-cta h2{font-size:48px}.final-cta h2 span{color:var(--accent-text)}.cta-copy{position:relative;z-index:1}.next-chapter{position:relative;width:305px;height:310px;display:grid;place-items:center;flex-shrink:0}.chapter-orbit{position:absolute;inset:0;border:1px solid var(--line);border-radius:50%}.chapter-orbit:before,.chapter-orbit:after{content:'';position:absolute;inset:22px;border:1px solid var(--line);border-radius:50%}.chapter-orbit:after{inset:-22px;border-style:dashed;opacity:.6}.chapter-card{width:226px;padding:25px;border-radius:10px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);transform:rotate(7deg);position:relative}.chapter-index{font-size:7px;letter-spacing:1.3px;color:var(--muted);font-weight:700}.chapter-symbol{margin:24px 0 15px;color:var(--accent-text)}.chapter-symbol svg{width:27px;height:27px}.chapter-card strong{display:block;font-size:27px;letter-spacing:-1px;line-height:1.18}.chapter-rule{height:1px;background:var(--line);margin:21px 0 12px}.chapter-caption{font-size:8px;color:var(--muted)}.chapter-tag{position:absolute;left:0;bottom:17px;display:flex;align-items:center;gap:9px;background:var(--accent-soft);border:1px solid var(--line);border-radius:6px;padding:12px 16px;transform:rotate(-5deg);font-size:9px;box-shadow:var(--shadow)}.chapter-tag svg{width:13px;color:var(--accent-text)}
.footer-top{align-items:flex-start;justify-content:space-between;gap:45px}.footer-brand{margin-right:auto}.footer-brand p{font-size:11px;margin-top:15px}.footer-top nav{display:flex;flex-direction:column;gap:14px;margin-left:0;min-width:115px}.footer-label{font-size:9px;font-weight:800;letter-spacing:1.7px;color:var(--muted);margin-bottom:6px}.footer-connect a{display:flex;align-items:center;gap:8px}.footer-connect svg{width:15px;height:15px}.footer-connect small{font-size:8px;color:var(--muted);font-weight:400}.footer-connect [aria-disabled=true]{cursor:default}.footer-bottom{color:var(--muted)}.footer-bottom>a:hover{text-decoration:underline}
#info-dialog{background:var(--surface);border-color:var(--line)}.dialog-note,.dialog-brand{background:var(--accent-soft);border-color:var(--line);color:var(--ink)}
.guide-page{padding-top:72px;padding-bottom:80px;min-height:65vh}.guide-heading{max-width:790px;margin-bottom:58px}.guide-heading h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2.5px;line-height:1.15}.guide-heading p{font-size:15px;margin-top:22px}.guide-heading .button{margin-top:23px}.guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:65px}.guide-nav{display:flex;flex-direction:column;gap:17px;position:sticky;top:30px;align-self:start;font-size:12px}.guide-nav a:hover{color:var(--green)}.guide-content article{scroll-margin-top:35px;padding-bottom:36px;margin-bottom:36px;border-bottom:1px solid var(--line)}.guide-content h2,.terms-placeholder h2{font-size:27px;letter-spacing:-.8px}.guide-content p,.guide-content li,.status-guide{font-size:13px;line-height:1.95}.guide-content p{margin-top:18px}.guide-content .inline-link{margin-top:20px}.guide-content ol{padding-left:20px;color:var(--muted)}.guide-content li{padding-left:7px;margin-top:12px}.status-guide>div{display:grid;grid-template-columns:175px minmax(0,1fr);gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.status-guide dt{font-weight:800;font-size:11px}.status-guide dd{margin:0;color:var(--muted)}.guide-note{display:flex;gap:16px;padding:24px;background:var(--soft);border-radius:12px;border:1px solid var(--line)}.guide-note strong{font-size:13px}.guide-note p{font-size:12px;margin-top:5px}.guide-note>[data-icon]{align-self:flex-start;color:var(--accent-text)}.terms-page{max-width:950px}.terms-placeholder{padding:38px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.terms-state{display:inline-block;font-size:9px;letter-spacing:1.5px;padding:7px 10px;border:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:5px;margin-bottom:25px}.terms-placeholder p{max-width:580px;margin:20px 0;font-size:14px}
/* Night colors match the desktop slate surfaces without recoloring images. */
[data-theme=dark] .hero-grid{opacity:.25}[data-theme=dark] .hero:after{opacity:.15}[data-theme=dark] .hero-meadow svg{stroke:#759d86}
[data-theme=dark] :is(.workflow-art,.calendar-art){background:var(--soft);border-color:var(--line)}
[data-theme=dark] :is(.mini-workflow,.small-calendar,.catalog-sync,.stack-front){background:var(--surface);border-color:var(--line)}
[data-theme=dark] :is(.mini-workflow-heading,.workflow-footer,.small-calendar-heading,.calendar-event-note,.account-card-top,.account-card-bottom,.account-list>div){border-color:var(--line)}
[data-theme=dark] :is(.mini-workflow-heading small,.flow-line small,.flow-time,.workflow-footer,.art-note,.small-calendar-heading>span:last-child,.mini-calendar-grid,.calendar-event-note small,.catalog-sync small,.account-card-top small,.account-list small,.account-card-bottom,.feature-number,.account-tags){color:var(--muted)}
[data-theme=dark] .account-section{background:#192b25}[data-theme=dark] .stack-back{background:#294638}[data-theme=dark] .account-copy h2{color:var(--ink)}
[data-theme=dark] :is(.step-top>[data-icon],.flow-marker,.mini-logo,.incubator-icon,.ticket-check){background:var(--accent-soft);color:var(--accent-text);border-color:var(--line)}
[data-theme=dark] :is(.status-pill.green,.account-avatar){background:#263c32;color:#a2c9b1}[data-theme=dark] :is(.status-pill.blue,.cal-chip){background:#263a51;color:#a4c4ec}[data-theme=dark] :is(.status-pill.amber,.cal-chip.end){background:#473d29;color:#dbc392}[data-theme=dark] .status-pill.gray{background:#2b3840;color:#b7c5cc}
[data-theme=dark] .steps article+article:before{background:var(--line)}[data-theme=dark] .steps article{border-color:var(--line)}
[data-theme=dark] #mobile-nav{background:var(--surface);border-color:var(--line)}[data-theme=dark] #mobile-nav a:hover{background:var(--soft)}
[data-theme=dark] .button.dark{background:#386d56}[data-theme=dark] .button.dark:hover{background:#458067}
.night .app-rail button.active{background:#263c32;color:#a2c9b1}.night .preview-label{background:#263c32;color:#a2c9b1}.night .demo-group.selected{border-color:#739785}
@media(max-width:1000px){.desktop-nav{gap:20px}.nav-wrap{gap:16px}.control-grid{gap:18px}.control-visual{padding:15px}.privacy-switch{display:none}.final-cta{margin-left:30px;margin-right:30px;padding:45px}.next-chapter{width:240px}.demo-concurrency{display:none}.group-sidebar{width:176px}.demo-group strong{font-size:7px}.guide-layout{gap:35px}}
@media(max-width:800px){.app-shell{height:520px}.control-grid{grid-template-columns:1fr}.control-card{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;padding-bottom:24px}.control-visual{grid-row:1/5;height:100%;min-height:160px}.control-card .feature-number{margin-top:0}.control-card .inline-link{align-self:end}.privacy-switch{display:block}.next-chapter{width:220px}.final-cta h2{font-size:39px}.guide-layout{grid-template-columns:170px minmax(0,1fr)}.status-guide>div{grid-template-columns:1fr;gap:4px}.desktop-nav{gap:16px}.nav-wrap{padding-left:20px;padding-right:20px}.footer-connect small{display:inline;font-size:7px}}
@media(max-width:600px){.nav-wrap{padding:0 18px;gap:10px}.nav-actions{gap:8px}.theme-toggle{width:32px;height:32px}.login-button{padding:8px}.hero{padding-top:33px}.hero h1{margin-top:6px}.hero-meadow{margin-bottom:11px;height:29px}.hero-meadow svg{width:174px;height:24px}.app-shell{height:486px}.task-workspace{padding:12px 9px}.demo-mobile-group{display:flex;align-items:center;gap:8px;font-size:7px;color:var(--app-muted);margin-bottom:14px}.demo-mobile-group select{font-size:8px;min-width:0;flex:1;padding:6px;border:1px solid var(--app-line);border-radius:5px;background:var(--app-surface);color:var(--app-ink)}.demo-title h3{font-size:15px}.demo-title p{font-size:6px}.demo-start{font-size:6px;padding:7px;gap:3px}.demo-selection{font-size:6px;margin-bottom:9px;gap:3px}.demo-selection button{font-size:6px;padding:5px;gap:3px}.demo-selection svg{width:8px}.demo-searchbar{margin-top:12px}.demo-searchbar input{font-size:7px}.demo-searchbar select{width:77px}.task-table{min-width:420px}.task-table th{font-size:7px;padding:8px 5px}.task-table th:nth-child(1){width:10%}.task-table th:nth-child(2){width:28%}.task-table th:nth-child(3){width:34%;display:table-cell}.task-table th:nth-child(4){width:28%}.task-table td{height:46px;padding:7px 5px}.task-table td:nth-child(3){display:table-cell}.task-table td strong{font-size:8px}.task-table td small{font-size:7px}.task-status .status-pill{font-size:6.5px}.task-select{padding:7px 4px;font-size:8px}.task-scroll{scrollbar-width:thin;scrollbar-color:var(--app-muted) var(--app-soft)}.demo-task-footer{font-size:7px}.demo-task-footer button{font-size:7px}.control-card{display:block;padding-bottom:15px}.control-card .feature-number{margin-top:22px}.control-card h3{font-size:23px}.control-card p{font-size:12px}.control-visual{height:150px;min-height:0;padding:24px}.control-grid{gap:28px;margin-top:30px}.control-heading p{font-size:12px}.final-cta{margin:0 16px;padding:35px 27px}.final-cta h2{font-size:37px}.final-cta p{font-size:12px;max-width:none}.next-chapter{width:100%;height:285px;margin-top:30px}.chapter-card{width:205px;padding:22px}.chapter-card strong{font-size:26px}.chapter-orbit{inset:4px 10%}.chapter-orbit:after{inset:-13px}.chapter-tag{left:calc(50% - 130px);bottom:4px;font-size:8px}.footer-top{gap:30px;display:grid;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;margin:0}.footer-top nav{width:auto;min-width:0;gap:13px;font-size:11px}.footer-connect small{display:inline;font-size:7px}.footer-bottom{font-size:8px;line-height:1.6;align-items:flex-start}.footer-bottom>span:first-child{max-width:180px}.footer-label{font-size:8px}.guide-page{padding-top:44px}.guide-heading{margin-bottom:32px}.guide-heading h1{letter-spacing:-1.5px}.guide-heading p{font-size:13px}.guide-layout{grid-template-columns:1fr;gap:35px}.guide-nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;font-size:11px;border-bottom:1px solid var(--line);padding-bottom:25px}.guide-nav .footer-label{width:100%;margin-bottom:7px}.guide-nav a{border:1px solid var(--line);padding:7px 10px;border-radius:6px;background:var(--surface)}.guide-content h2,.terms-placeholder h2{font-size:24px}.guide-content p,.guide-content li,.status-guide{font-size:12px}.guide-note{padding:18px}.terms-placeholder{padding:25px}.terms-placeholder p{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(min-width:601px) and (max-width:1000px){.task-table{min-width:510px}.desktop-nav{gap:16px}.login-button{font-size:9px;padding:9px}.nav-wrap{gap:12px}}

.demo-group-color{display:block;width:12px;height:12px;flex:0 0 12px;border-radius:4px;background:#66a756;margin:0 6px}.demo-group[data-group=riot] .demo-group-color{background:#ed3348}.demo-group[data-group=eql] .demo-group-color{background:#e2bd22}.demo-group[data-group=travis] .demo-group-color{background:#946e50}.demo-group[data-group=wyng] .demo-group-color{background:#ac64ce}.demo-group[data-group=aio] .demo-group-color{background:#8074d9}

/* Keep navigation visible and anchor destinations clear of it. */
.site-header{position:sticky;top:0;z-index:50}
html{scroll-padding-top:110px}
.standalone-demo{padding-top:0}
.standalone-demo .demo-area{margin:0 auto;scroll-margin-top:0}
@media(max-width:600px){html{scroll-padding-top:90px}}

.demo-hint [data-icon="arrow-left"] svg{transform:none}

/* Separate the hero actions from the capabilities band. */
.hero{padding-bottom:48px}
@media(max-width:600px){.hero{padding-bottom:32px}}

/* Equal side columns keep the navigation centered despite different logo/login widths. */
@media(min-width:900px){
 .nav-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
 .nav-wrap>.wordmark{justify-self:start}
 .nav-wrap>.desktop-nav{justify-self:center}
 .nav-wrap>.nav-actions{justify-self:end}
}