:root{--font-body:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-display:"Cormorant Garamond","Iowan Old Style",Georgia,serif;--bg:#f6f7f8;--surface:#ffffff;--surface-alt:#eef3f1;--surface-raised:#fbfcfc;--border:#d9e0dd;--border-strong:#b8c4bf;--text:#15202b;--muted:#62706d;--primary:#147c72;--primary-strong:#0c5f58;--primary-soft:#dff4f0;--accent:#b86e24;--accent-soft:#fff0dc;--success:#14804a;--success-soft:#e7f6ec;--warning:#a15c07;--warning-soft:#fff4db;--danger:#bd2e2e;--danger-soft:#fff0f0;--info:#2563eb;--info-soft:#e9f0ff;--code:#eef1f0;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--app-text:0.9375rem;--app-text-mobile:0.875rem;--app-helper:0.875rem;--app-label:0.78rem;--app-h1:1.95rem;--app-h1-mobile:1.42rem;--app-h2:1.08rem;--app-card-title:0.96rem;--app-control-height:2.35rem;--app-panel-padding:1rem;--app-card-padding:0.75rem;--app-gap:0.9rem;--app-gap-tight:0.65rem;--shadow:0 1px 2px rgba(21,32,43,0.08);--shadow-elevated:0 12px 28px rgba(21,32,43,0.12);--focus-ring:0 0 0 3px color-mix(in srgb,var(--primary) 24%,transparent)}*{box-sizing:border-box}body,html{overflow-x:clip}body{margin:0;background:linear-gradient(180deg,var(--surface) 0,var(--bg) 18rem),var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.5}a{color:inherit}button,input,select,textarea{font:inherit}::selection{background:var(--primary-soft);color:var(--primary-strong)}:focus-visible{outline:0;box-shadow:var(--focus-ring)}a,button,input,select,textarea{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}.shell{min-height:100vh}.sticky-menu{background:color-mix(in srgb,var(--surface) 94%,transparent);border-bottom:1px solid var(--border);box-shadow:var(--shadow);position:sticky;top:0;z-index:50}.skip-link{background:var(--primary-strong);border-radius:var(--radius-sm);color:white;left:1rem;padding:.65rem .85rem;position:fixed;text-decoration:none;top:.75rem;transform:translateY(-180%);z-index:100}.skip-link:focus-visible{transform:translateY(0)}.nav{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:transparent;display:flex;gap:1rem;justify-content:space-between;padding:.85rem 1.25rem}.marketing-nav-toggle{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:none;font-size:var(--app-text);font-weight:850;gap:.45rem;justify-content:center;min-height:var(--app-control-height);padding:.45rem .7rem}.marketing-nav-toggle:hover{background:var(--surface-alt);border-color:var(--border-strong);color:var(--primary-strong)}.nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;min-width:0}.nav-menu{position:relative}.nav-menu-trigger{align-items:center;border-radius:var(--radius-sm);color:var(--muted);display:inline-flex;font-weight:750;min-height:2.35rem;padding:.45rem;text-decoration:none}.nav-menu-trigger:hover,.nav-menu-trigger[aria-current],.nav-menu:focus-within .nav-menu-trigger{background:var(--surface-alt);color:var(--primary-strong)}.nav-menu-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);display:grid;gap:.15rem;left:0;min-width:14rem;opacity:0;padding:.45rem;pointer-events:none;position:absolute;top:calc(100% + .35rem);transform:translateY(-.25rem);z-index:60}.nav-menu:focus-within .nav-menu-panel,.nav-menu:hover .nav-menu-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-menu-panel a{border-radius:var(--radius-sm);color:var(--text);display:block;font-weight:700;padding:.55rem .65rem;text-decoration:none;white-space:nowrap}.nav-menu-panel a[aria-current=page]{font-weight:850}.nav-menu-panel a:focus-visible,.nav-menu-panel a:hover,.nav-menu-panel a[aria-current=page]{background:var(--surface-alt);color:var(--primary-strong)}.brand,.hero h1,.section-heading h2,.split-grid h2,.topbar h1{font-family:var(--font-display);font-weight:650;letter-spacing:0}.brand{color:var(--primary);font-size:1.25rem}.brand,.button{text-decoration:none}.button{align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);display:inline-flex;font-weight:750;gap:.4rem;justify-content:center;font-size:var(--app-text);min-height:var(--app-control-height);padding:.45rem .75rem}.button:hover{background:var(--surface-alt);border-color:var(--border-strong);transform:translateY(-1px)}.button-primary{background:var(--primary);border-color:var(--primary);color:white}.button-primary:hover{background:var(--primary-strong);border-color:var(--primary-strong)}.auth-card button,.connection-panel button,.fallback-form button,.workflow-panel button:not(.tab-button):not(.row-button){align-items:center;background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-sm);color:white;cursor:pointer;display:inline-flex;font-weight:750;justify-content:center;font-size:var(--app-text);min-height:var(--app-control-height);padding:.45rem .75rem}.auth-card button:hover,.connection-panel button:hover,.fallback-form button:hover,.workflow-panel button:not(.tab-button):not(.row-button):hover{background:var(--primary-strong);border-color:var(--primary-strong);transform:translateY(-1px)}.connection-panel .secondary-button,.workflow-panel .secondary-button{background:var(--surface);border-color:var(--border);color:var(--text)}.connection-panel .secondary-button:hover,.workflow-panel .secondary-button:hover{background:var(--surface-alt);border-color:var(--border-strong)}.button:disabled,.button[aria-disabled=true],button:disabled{cursor:not-allowed;opacity:.52;pointer-events:none;transform:none}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.section-tracker{align-items:center;display:grid;gap:.35rem;max-width:100%;min-width:0;overflow:hidden;padding:0 1.25rem .7rem}.section-track-line{background:var(--border);border-radius:999px;height:1px;width:100%}.section-track-links{display:flex;gap:.7rem;max-width:100%;min-width:0;overflow-x:auto;scrollbar-width:none}.section-track-links::-webkit-scrollbar{display:none}.section-track-links a{align-items:center;color:var(--muted);display:inline-flex;flex:0 0 auto;gap:.35rem;text-decoration:none}.app-shell [id],main>footer[id],main>section[id]{scroll-margin-top:7.25rem}.section-track-links a span{background:var(--border);border-radius:999px;height:.42rem;width:.42rem}.section-track-links a small{font-size:.72rem;font-weight:800;text-transform:uppercase}.section-track-links a.active{color:var(--primary)}.section-track-links a.active span{background:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent)}.band,.hero{padding:clamp(2.5rem,6vw,5rem) 1.25rem;scroll-margin-top:8.5rem}.band-compact{padding-bottom:1.5rem;padding-top:1.5rem}.inner{margin:0 auto;max-width:1180px}.hero-grid,.split-grid{align-items:center;display:grid;gap:clamp(2rem,6vw,4rem);grid-template-columns:minmax(0,1fr) minmax(320px,.85fr)}.hero h1{font-size:clamp(3rem,8vw,6.6rem);line-height:.94;margin:.4rem 0 1rem;max-width:900px}.hero-compact-title h1{font-size:clamp(2.9rem,5.5vw,4.9rem);max-width:760px}.copy{color:var(--muted);font-size:1.15rem;max-width:780px}.eyebrow{color:var(--primary);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.footer-cta>*,.footer-grid>*,.grid>*,.hero-grid>*,.metric-grid>*,.proof-item>*,.screenshot-grid>*,.split-grid>*,.workflow-grid>*{min-width:0}.card,.connection-panel,.metric-card,.panel,.selling-point,.status-panel,.surface-item,.workflow-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow)}.card,.panel,.selling-point,.surface-item{padding:var(--app-panel-padding)}.card:has(.card-media){overflow:hidden;padding:0}.card:has(.card-media)>:not(.card-media){margin-left:1rem;margin-right:1rem}.card:has(.card-media)>:last-child{margin-bottom:1rem}.card-media{aspect-ratio:16/8.5;background:var(--surface-alt);border-bottom:1px solid var(--border);display:block;object-fit:cover;width:100%}.card:hover,.mini-card:hover,.proof-card:hover,.screenshot-card:hover,.selling-point:hover,.surface-item:hover{border-color:var(--border-strong);box-shadow:0 2px 8px rgba(21,32,43,.08)}.card h3,.panel h2,.panel h3{font-family:var(--font-body);font-size:var(--app-h2);font-weight:850;line-height:1.25;margin-top:0}.card p,.mini-card p,.panel p,.proof-card p,.surface-item span,.workflow-step p{line-height:1.55}.card a,.card>a,.feature-highlights+a{color:var(--primary);font-weight:800;text-decoration:none}.card a:focus-visible,.card a:hover,.feature-highlights+a:focus-visible,.feature-highlights+a:hover{color:var(--primary-strong);text-decoration:underline}.feature-highlights{color:var(--muted);display:grid;font-size:.88rem;gap:.35rem;margin:0 0 1rem;padding-left:1.1rem}.feature-highlights li::marker{color:var(--primary)}.use-case-card small{color:var(--primary);font-weight:800;text-transform:uppercase}.section-heading{margin-bottom:1rem}.section-heading h2,.split-grid h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.12;margin:.25rem 0 .75rem;max-width:760px}.surface-list,.workflow-grid,.workflow-shell{display:grid;gap:1rem}.surface-item{align-items:center;display:grid;gap:.5rem;grid-template-columns:.55fr .8fr 1.4fr;overflow-wrap:anywhere}.metric-card small,.muted,.selling-point p,.surface-item span{color:var(--muted)}.selling-grid{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.screenshot-band{background:var(--surface-alt)}.screenshot-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.screenshot-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:0;min-width:0;overflow:hidden;box-shadow:var(--shadow)}.screenshot-visual{position:relative}.screenshot-card img{background:var(--code);display:block}.screenshot-stage{background:color-mix(in srgb,var(--text) 88%,transparent);border:1px solid color-mix(in srgb,white 24%,transparent);border-radius:var(--radius-sm);color:white;font-size:.72rem;font-weight:850;left:.75rem;letter-spacing:.02em;padding:.35rem .5rem;position:absolute;text-transform:uppercase;top:.75rem}.screenshot-card>div:last-child{display:grid;gap:.35rem;padding:.9rem}.screenshot-card h3,.screenshot-card p{margin:0}.screenshot-card p{color:var(--muted)}.screenshot-annotation{border-left:2px solid var(--primary);font-size:.9rem;padding-left:.65rem}.screenshot-annotation strong{color:var(--text)}.workflow-boundary-card{align-content:start;display:grid;gap:.45rem}.workflow-boundary-card p{margin:0}.screenshot-card>div:last-child a{color:var(--primary);font-weight:800;text-decoration:none}.screenshot-card>div:last-child a:hover{color:var(--primary-strong);text-decoration:underline}.clay-band{background:var(--surface);border-top:1px solid var(--border)}.clay-parallax{aspect-ratio:16/11;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);margin:0;min-height:22rem;overflow:hidden;position:relative}.clay-layer{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.clay-layer-background{opacity:.72;transform:scale(1.03)}.clay-layer-foreground{object-fit:contain;opacity:1;padding:8%;transform:translateY(7%)}.clay-workflow-card{margin-top:1rem}.clay-workflow-card img{aspect-ratio:16/7;box-shadow:var(--shadow);display:block;object-fit:cover;width:100%}.clay-workflow-card img,.story-hero-visual{border:1px solid var(--border);border-radius:var(--radius-md)}.story-hero-visual{aspect-ratio:16/10;box-shadow:var(--shadow-elevated);margin:0;overflow:hidden}.story-hero-visual img{display:block;height:100%;object-fit:cover;width:100%}.premium-band{background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 8%,transparent),transparent 38%),var(--surface);border-block:1px solid var(--border)}.workflow-steps{display:grid;gap:.75rem}.workflow-selector-band{background:var(--surface-alt);border-block:1px solid var(--border)}.workflow-selector{display:grid;gap:1rem;grid-template-columns:minmax(14rem,.75fr) minmax(0,1.25fr)}.workflow-selector-options{display:grid;gap:.5rem}.workflow-selector-options button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-weight:800;min-height:2.8rem;padding:.6rem .75rem;text-align:left}.workflow-selector-options button.is-selected,.workflow-selector-options button:focus-visible,.workflow-selector-options button:hover{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 45%,var(--border));color:var(--primary-strong)}.workflow-selector-result{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);display:grid;gap:.75rem;padding:clamp(1rem,3vw,1.5rem)}.workflow-selector-result h3,.workflow-selector-result p{margin:0}.workflow-selector-result h3{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.15rem);line-height:1.08}.workflow-selector-result>p:not(.eyebrow){color:var(--muted);max-width:42rem}.workflow-step{align-items:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:.85rem;grid-template-columns:auto minmax(0,1fr);padding:.95rem}.workflow-step>span{align-items:center;background:var(--primary-soft);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--primary-strong);display:inline-flex;font-size:.78rem;font-weight:800;height:2.15rem;justify-content:center;width:2.15rem}.proof-card h3,.proof-card p,.workflow-step h3,.workflow-step p{margin:0}.proof-card p,.workflow-step p{color:var(--muted)}.proof-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.proof-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:.45rem;min-width:0;padding:1rem}.proof-story-card{align-content:start;gap:.8rem}.proof-story-card h3,.proof-story-card p{margin:0}.proof-links,.proof-tags{display:flex;flex-wrap:wrap;gap:.45rem}.proof-tags span{background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));border-radius:var(--radius-sm);color:var(--primary-strong);font-size:.78rem;font-weight:800;padding:.28rem .45rem}.proof-links{border-top:1px solid var(--border);margin-top:.1rem;padding-top:.75rem}.proof-links a{align-items:center;color:var(--primary);display:inline-flex;font-weight:800;text-decoration:none}.proof-links a:hover{color:var(--primary-strong);text-decoration:underline}.site-footer{background:linear-gradient(180deg,var(--surface) 0,color-mix(in srgb,var(--surface-alt) 50%,var(--surface)) 100%);border-top:1px solid var(--border);overflow:hidden;padding:2.25rem 1.25rem 1.25rem;scroll-margin-top:8.5rem}.footer-cta{align-items:end;border-bottom:1px solid var(--border);display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.2fr) minmax(260px,.55fr);padding-bottom:1.5rem}.footer-cta h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.08;margin:.25rem 0 .5rem;max-width:760px}.footer-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-end}.footer-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(4,minmax(0,1fr));padding:1.5rem 0}.footer-column{display:grid;gap:.45rem}.footer-column h3{font-size:.84rem;margin:0 0 .25rem;text-transform:uppercase}.footer-column a{color:var(--muted);text-decoration:none}.footer-column a:hover{color:var(--primary)}.hackadia-footer{background:color-mix(in srgb,var(--surface) 88%,var(--primary-soft));border-top:1px solid var(--border);display:grid;gap:1rem;grid-template-columns:minmax(0,1fr);margin-top:.25rem;padding:1.2rem;position:relative}.hackadia-footer:before{background:linear-gradient(90deg,var(--primary),var(--accent));content:"";height:3px;left:0;position:absolute;right:0;top:-1px}.hackadia-family-header,.hackadia-footer-kicker{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;justify-content:space-between;min-width:0}.hackadia-family-header{align-items:end;border-top:1px solid var(--border);padding-top:1rem}.hackadia-family-header h3,.hackadia-family-header p,.hackadia-footer-made{margin:0}.hackadia-footer-made{color:var(--text);font-weight:700}.hackadia-family-header h3{font-family:var(--font-display);font-size:clamp(1.45rem,2.6vw,2rem);line-height:1}.hackadia-family-header p{max-width:620px;text-align:right}.network-products{border-top:1px solid var(--border);margin-top:1rem;padding-top:.9rem}.network-products summary{color:var(--muted);cursor:pointer;font-size:.84rem;font-weight:800}.network-products[open] summary{color:var(--primary-strong)}.footer-primary-links a,.hackadia-footer-made a,.hackadia-product-grid a{text-decoration:none}.footer-primary-links a,.hackadia-footer-made a{color:var(--primary);font-weight:800}.footer-primary-links{display:flex;flex-wrap:wrap;gap:.5rem}.footer-primary-links a{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);line-height:1;padding:.55rem .7rem}.footer-primary-links a:hover{border-color:var(--border-strong);color:var(--primary)}.hackadia-product-grid{display:grid;gap:.55rem;grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.hackadia-product-grid a{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);display:grid;gap:.1rem;min-width:0;overflow-wrap:anywhere;padding:.65rem .7rem}.hackadia-product-grid strong{align-items:center;display:flex;font-size:.95rem;gap:.35rem;justify-content:space-between;min-width:0}.hackadia-product-grid strong:after{color:var(--primary);content:"->";font-size:.78rem;opacity:0;transform:translateX(-.25rem);transition:opacity .16s ease,transform .16s ease}.hackadia-product-grid a:hover{border-color:var(--border-strong);box-shadow:var(--shadow);color:var(--primary);transform:translateY(-1px)}.hackadia-product-grid a:hover strong:after{opacity:1;transform:translateX(0)}.hackadia-product-grid span{color:var(--muted);font-size:.8rem;line-height:1.25}.footer-bottom{border-top:1px solid var(--border);color:var(--muted);display:grid;gap:1rem;grid-template-columns:auto minmax(0,1fr);padding-top:1rem}.footer-bottom>*{min-width:0;overflow-wrap:anywhere}.footer-bottom span:last-child{min-width:0;text-align:right}.proof-list{display:grid;gap:.75rem}.proof-item{align-items:start;border-top:1px solid var(--border);display:grid;gap:1rem;grid-template-columns:.35fr 1fr .35fr;padding:1rem 0}.proof-item:first-child{border-top:0}.proof-item h3{margin:0}.status-panel{display:grid;gap:1rem;padding:1rem}.status-panel h3{margin:0}.status-panel-warning{border-color:var(--accent)}.metric-grid,.metric-strip{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric-card,.metric-strip span{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:.18rem;min-height:6.25rem;padding:var(--app-card-padding)}.metric-card span{color:var(--muted);font-size:var(--app-label);font-weight:800;text-transform:uppercase}.metric-card strong{font-size:1.35rem;line-height:1.1;overflow-wrap:anywhere}.table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--app-text);max-width:100%;overflow-x:auto;overflow-y:hidden}.row{border-top:1px solid var(--border);display:grid;gap:var(--app-gap);grid-template-columns:1fr 1fr 1.3fr;padding:var(--app-card-padding)}.auth-panel>*,.connection-state>*,.provider-row>*,.row>*{min-width:0;overflow-wrap:anywhere}.row-head,.row:first-child{border-top:0;font-weight:700}.row-head{background:var(--surface-alt);color:var(--muted);font-size:var(--app-label);letter-spacing:0;text-transform:uppercase}code,pre{background:var(--code);border-radius:var(--radius-sm)}code{overflow-wrap:anywhere;padding:.1rem .25rem}pre{max-width:100%;overflow:auto;padding:1rem;white-space:pre-wrap}.workflow-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.connection-panel{display:grid;gap:var(--app-gap);grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);padding:var(--app-panel-padding)}.connection-panel h2{font-size:1.25rem;line-height:1.15;margin:.25rem 0 .35rem}.connection-fields{display:grid;gap:.75rem}.connection-state{align-items:center;background:var(--code);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:.5rem;grid-column:1/-1;justify-content:space-between;padding:.8rem}.connection-state-ok{background:var(--success-soft);border-color:var(--success)}.connection-state-error{background:var(--danger-soft);border-color:var(--danger)}.connection-state-loading{background:var(--info-soft);border-color:var(--primary)}.workflow-tabs{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));padding:.5rem}.tab-button{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:grid;gap:.1rem;min-height:4.25rem;padding:var(--app-card-padding);text-align:left}.tab-button small{color:var(--muted);font-weight:500}.tab-button-active{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 32%,var(--border));color:var(--primary-strong)}.variant-mini-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.variant-mini-grid .mini-card{align-content:start}.variant-mini-grid .mini-card p,.variant-mini-grid .mini-card small{margin:0}.tab-button:hover{background:var(--surface-alt)}.workflow-panel{display:grid;gap:var(--app-gap);padding:var(--app-panel-padding)}.workflow-panel-wide{max-width:860px}.workflow-panel h2{font-size:var(--app-h2);margin:0}.panel-header,.panel-heading{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.app-shell{background:radial-gradient(circle at top left,color-mix(in srgb,var(--primary-soft) 45%,transparent),transparent 22rem),var(--bg);display:grid;font-size:var(--app-text);grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{background:color-mix(in srgb,var(--surface) 94%,var(--primary-soft));border-right:1px solid var(--border);color:var(--text);display:flex;flex-direction:column;gap:1.4rem;padding:1.25rem;position:sticky;top:0;height:100vh}.sidebar .brand{color:var(--primary-strong)}.app-brand{align-items:center;display:inline-flex;gap:.6rem}.mobile-nav-toggle{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:none;font-weight:850;gap:.45rem;justify-content:center;font-size:var(--app-text);min-height:var(--app-control-height);padding:.45rem .7rem}.mobile-nav-toggle:hover{background:var(--surface-alt);border-color:var(--border-strong);color:var(--primary-strong)}.brand-mark,.nav-icon{align-items:center;background:var(--primary);border-radius:var(--radius-sm);color:white;display:inline-flex;flex:0 0 auto;font-family:var(--font-body);font-size:.78rem;font-weight:900;height:1.65rem;justify-content:center;width:1.65rem}.side-nav{display:grid;gap:.35rem}.side-nav a{align-items:center;border-radius:var(--radius-sm);color:var(--muted);display:flex;gap:.65rem;min-height:var(--app-control-height);padding:.45rem .55rem;text-decoration:none}.side-nav a:hover{background:var(--surface);color:var(--primary-strong)}.side-nav a.active{background:var(--surface);box-shadow:inset 3px 0 0 var(--primary),var(--shadow);color:var(--text);font-weight:850}.side-nav a.active .nav-icon{background:var(--primary-strong)}.side-subnav{border-left:1px solid var(--border);margin:-.15rem 0 .35rem .82rem;padding-left:.85rem}.side-subnav summary{align-items:center;color:var(--primary-strong);cursor:pointer;display:flex;font-size:.78rem;font-weight:850;gap:.35rem;list-style:none;min-height:2rem}.side-subnav summary::-webkit-details-marker{display:none}.side-subnav[open] summary svg:last-child{transform:rotate(180deg)}.side-subnav div{display:grid;gap:.1rem;padding:.1rem 0 .2rem}.side-subnav div a{background:transparent;border-radius:var(--radius-xs);box-shadow:none;color:var(--muted);min-height:1.85rem;padding:.25rem .35rem}.side-subnav div a:focus-visible,.side-subnav div a:hover{background:var(--surface);color:var(--primary-strong)}.sidebar-footer{display:grid;gap:.7rem;margin-top:auto}.home-progress{align-items:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);display:grid;gap:var(--app-gap);grid-template-columns:minmax(0,.9fr) minmax(18rem,1.1fr);padding:var(--app-panel-padding)}.home-progress h2{font-family:var(--font-display);font-size:1.55rem;line-height:1.05;margin:0 0 .4rem}.home-progress p{color:var(--muted);margin:0}.dashboard-focus{display:grid;gap:.2rem}.dashboard-focus h2,.dashboard-focus p{margin:0}.dashboard-focus h2{font-family:var(--font-display);font-size:clamp(1.55rem,3vw,2rem);line-height:1.05}.dashboard-focus>p:last-child,.draft-file-note,.review-memory-note,.workspace-setup>p{color:var(--muted);font-size:var(--app-helper);margin:0}.dashboard-metric-link{border-radius:var(--radius-md);color:inherit;min-width:0;text-decoration:none}.dashboard-metric-link:focus-visible .metric-card,.dashboard-metric-link:hover .metric-card{border-color:var(--primary);box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.workspace-setup{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:var(--app-card-padding)}.workspace-setup summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;list-style:none}.workspace-setup summary::-webkit-details-marker{display:none}.workspace-setup summary>span:first-child{display:grid;gap:.12rem}.workspace-setup summary h2{font-family:var(--font-display);font-size:1.1rem;line-height:1.1;margin:0}.workspace-setup summary .eyebrow{margin:0}.workspace-setup summary>span:last-child{color:var(--primary-strong);font-size:var(--app-helper);font-weight:850}.workspace-setup[open]>p{margin:.75rem 0}.flow-checklist,.next-action-grid,.review-navigation,.settings-category-nav,.setup-step-list,.template-grid,.variant-toolbar{display:grid;gap:.55rem}.setup-step-list{grid-template-columns:repeat(5,minmax(0,1fr))}.flow-checklist span,.next-action-card,.setup-step-list span,.template-card{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0}.setup-step-list span{display:grid;gap:.2rem;padding:var(--app-card-padding)}.flow-checklist span.done,.setup-step-list span.done{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 36%,var(--border))}.next-action-card strong,.setup-step-list strong,.template-card strong{color:var(--text)}.setup-step-list small{color:var(--muted)}.next-action-grid,.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.next-action-card,.template-card{color:var(--muted);display:grid;gap:.25rem;padding:var(--app-card-padding);text-align:left;text-decoration:none}.template-card{cursor:pointer}.next-action-card:hover,.template-card:hover{background:var(--surface);border-color:var(--border-strong);color:var(--primary-strong);transform:translateY(-1px)}.flow-checklist{grid-template-columns:repeat(4,minmax(0,1fr))}.flow-checklist span{color:var(--muted);font-size:var(--app-label);font-weight:850;padding:.45rem .55rem;text-align:center}.field-help{color:var(--muted);font-size:var(--app-helper);margin:-.2rem 0 0}.variant-toolbar{align-items:center;grid-template-columns:minmax(0,1fr) auto;margin:.85rem 0}.review-navigation{align-items:center;grid-template-columns:auto minmax(7rem,1fr) auto}.review-navigation span{color:var(--muted);font-weight:800;text-align:center}.settings-category-nav{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);grid-template-columns:repeat(4,minmax(0,1fr));padding:.45rem;position:sticky;top:6.25rem;z-index:7}.settings-category-nav a{border-radius:var(--radius-sm);color:var(--muted);font-weight:850;padding:.55rem;text-align:center;text-decoration:none}.settings-category-nav a:focus-visible,.settings-category-nav a:hover{background:var(--surface-alt);color:var(--primary-strong)}.preview-grid,.simulator-panel,.theme-editor{display:grid;gap:.65rem}.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.job-confirmation,.job-submission-success{align-items:center;background:color-mix(in srgb,var(--surface-alt) 74%,var(--surface));border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:var(--app-card-padding)}.job-confirmation h3,.job-confirmation p,.job-submission-success p{margin:0}.job-confirmation h3{font-family:var(--font-display);font-size:1.2rem;line-height:1.1}.job-submission-success{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 45%,var(--border));margin-top:.75rem}.job-submission-success>div{display:grid;gap:.25rem}.job-submission-success strong{font-family:var(--font-mono);overflow-wrap:anywhere}.review-panel-grid>#segment-workstation.review-workstation-active{order:-1}.review-decision-actions{background:color-mix(in srgb,var(--surface) 94%,var(--primary-soft));border-top:1px solid var(--border);bottom:0;padding:.7rem 0;position:sticky;z-index:4}.payload-preview,.simulator-panel,.theme-editor{background:color-mix(in srgb,var(--surface-alt) 70%,var(--surface));border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem}.payload-preview{margin:.75rem 0}.payload-preview summary{color:var(--primary-strong);cursor:pointer;font-weight:850}.payload-preview pre{margin:.65rem 0 0}.theme-editor input[type=color]{min-height:var(--app-control-height);padding:.25rem}.button:disabled,button:disabled{cursor:not-allowed;opacity:.55;transform:none}.workspace{display:grid;gap:var(--app-gap);padding:var(--app-panel-padding) clamp(1rem,2vw,1.5rem)}.topbar{align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);display:flex;gap:var(--app-gap);justify-content:space-between;padding:var(--app-panel-padding);position:sticky;top:1rem;z-index:8}.topbar h1{font-size:var(--app-h1);line-height:1.05;margin:0}.topbar-summary{color:var(--muted);font-size:var(--app-helper);line-height:1.45;margin:.45rem 0 0;max-width:48rem}.breadcrumbs{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:var(--app-label);font-weight:800;gap:.35rem;margin-bottom:.45rem;text-transform:uppercase}.breadcrumbs span{align-items:center;display:inline-flex;gap:.35rem}.breadcrumbs span:not(:last-child):after{color:var(--border-strong);content:"/"}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:focus-visible,.breadcrumbs a:hover{color:var(--primary)}.auth-panel{align-items:center;background:color-mix(in srgb,var(--surface-alt) 70%,var(--surface));border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:.5rem;padding:.6rem}.topbar-actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end;max-width:42rem}.command-center-intro,.connection-menu,.refresh-status{position:relative}.command-center-intro summary,.connection-menu summary,.refresh-status summary{cursor:pointer;list-style:none}.command-center-intro summary::-webkit-details-marker,.connection-menu summary::-webkit-details-marker,.refresh-status summary::-webkit-details-marker{display:none}.connection-menu>summary{align-items:center;border:1px solid var(--border);border-radius:999px;display:inline-flex;min-height:var(--app-control-height);padding:.3rem}.connection-menu .auth-panel{box-shadow:var(--shadow-elevated);display:grid;margin-top:.5rem;min-width:min(22rem,calc(100vw - 2rem));position:absolute;right:0;z-index:20}.auth-panel label,.check{color:var(--muted);font-size:var(--app-helper)}.auth-panel input[type=password]{max-width:12rem}.button-subtle{background:var(--surface)}.mobile-session-toggle{display:none}.button-icon-label span:first-child{display:inline-flex}.button-icon-label svg{flex:0 0 auto}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--app-text);min-height:var(--app-control-height);min-width:0;padding:.5rem .65rem;width:100%}input[type=file]{min-height:auto;padding:.58rem .65rem}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:0}input[type=checkbox]{accent-color:var(--primary);min-height:auto;width:auto}textarea{resize:vertical}.panel-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.task-workspace{display:flex;flex-direction:column;gap:var(--app-gap)}.task-workspace>.panel-grid{order:1}.task-workspace>.command-center-intro{order:2}.task-workspace #segment-workstation{order:-1}.panel-grid .panel:last-child{grid-column:1/-1}.badge{background:var(--code);border:1px solid var(--border);border-radius:999px;color:var(--text);display:inline-flex;font-size:.78rem;font-weight:800;padding:.18rem .55rem}.badge-neutral{background:var(--surface-alt);color:var(--muted)}.badge-ok{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 35%,var(--border));color:var(--success)}.badge-warn{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 35%,var(--border));color:var(--warning)}.badge-analytics,.badge-private{background:var(--info-soft);border-color:color-mix(in srgb,var(--info) 28%,var(--border));color:var(--info)}.setup-banner{align-items:center;background:linear-gradient(135deg,var(--primary-soft),var(--surface));border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:var(--radius-md);box-shadow:var(--shadow);display:flex;gap:1rem;justify-content:space-between;padding:.9rem 1rem}.setup-banner>*{min-width:0}.setup-banner p{color:var(--muted);margin:.25rem 0 0}.banner{border-radius:var(--radius-md);padding:.75rem 1rem}.banner-error{background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger)}.banner-ok{background:var(--success-soft);border:1px solid color-mix(in srgb,var(--success) 42%,var(--border));color:var(--success)}.polling-meta,.refresh-status{align-items:center;background:color-mix(in srgb,var(--surface) 88%,var(--surface-alt));border:1px solid var(--border);border-radius:var(--radius-md);color:var(--muted);display:flex;flex-wrap:wrap;gap:.75rem;padding:.7rem .85rem}.refresh-status{justify-content:flex-start}.refresh-status summary{align-items:center;display:inline-flex;font-size:var(--app-helper);font-weight:800;gap:.5rem}.refresh-status-detail{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.65rem}.app-section-tracker{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);display:flex;gap:.5rem;overflow-x:auto;padding:.5rem;scrollbar-width:none}.app-section-tracker::-webkit-scrollbar{display:none}.app-section-tracker a{background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;color:var(--muted);flex:0 0 auto;font-size:var(--app-label);font-weight:800;min-height:1.8rem;padding:.34rem .65rem;text-decoration:none}.app-section-tracker a:focus-visible,.app-section-tracker a:hover{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 30%,var(--border));color:var(--primary-strong)}.status-chip{background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--muted);align-items:center;display:inline-flex;font-size:var(--app-label);min-height:1.65rem;padding:.25rem .65rem}.section-label{color:var(--primary-strong);font-size:var(--app-label);font-weight:900;letter-spacing:0;text-transform:uppercase}.exception-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.exception-card{background:var(--success-soft);border:1px solid color-mix(in srgb,var(--success) 30%,var(--border));border-radius:var(--radius-md);color:var(--text);display:grid;gap:.25rem;padding:.85rem;text-decoration:none}.exception-card span{color:var(--muted);font-size:var(--app-helper)}.exception-card-warn{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 35%,var(--border))}.review-copy-pair{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.review-copy-pair article{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;padding:.75rem}.review-copy-pair small{color:var(--primary-strong);font-weight:850}.review-copy-pair p{margin:.45rem 0 0;overflow-wrap:anywhere}.empty-state{background:color-mix(in srgb,var(--surface-alt) 72%,var(--surface));border:1px dashed var(--border-strong);border-radius:var(--radius-md);display:grid;gap:.5rem;margin-top:.75rem;padding:1rem}.empty-state strong{color:var(--text)}.empty-state p{color:var(--muted);margin:0}.app-builder-section{margin-top:1rem}.command-center-intro,.integration-overview{align-items:start;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--primary-soft) 55%,var(--surface)));border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));border-radius:var(--radius-md);box-shadow:var(--shadow);display:block;gap:var(--app-gap);grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);padding:var(--app-panel-padding)}.command-center-intro summary{align-items:start;display:flex;gap:var(--app-gap);justify-content:space-between}.command-center-intro summary>div{min-width:0}.command-center-disclosure{align-items:center;color:var(--primary-strong);display:inline-flex;flex:0 0 auto;font-size:var(--app-label);font-weight:850;gap:.35rem}.command-center-disclosure:after{content:"+";font-size:1.1rem}.command-center-intro[open] .command-center-disclosure:after{content:"−"}.command-center-detail{display:grid;gap:var(--app-gap);grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);margin-top:var(--app-gap)}.command-center-detail .command-priority-strip{margin:0}.nav-group-label{color:var(--muted);font-size:.7rem;font-weight:900;letter-spacing:.04em;margin:.8rem 0 .15rem;padding:0 .65rem;text-transform:uppercase}.side-nav>.nav-group-label:first-child{margin-top:0}.sidebar-settings-link{color:var(--primary);font-size:var(--app-helper);font-weight:750;text-decoration:none}.command-center-intro h2,.integration-overview h2{font-family:var(--font-display);font-size:1.45rem;line-height:1.12;margin:.15rem 0 .35rem}.command-center-intro p,.integration-overview p{color:var(--muted);font-size:var(--app-helper);line-height:1.45;margin:0}.command-step-grid{display:grid;gap:.45rem}.command-step{align-items:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);display:grid;gap:.5rem;grid-template-columns:auto minmax(0,1fr);padding:var(--app-card-padding)}.command-step>span{align-items:center;background:var(--primary);border-radius:999px;color:white;display:inline-flex;font-size:.8rem;font-weight:900;height:1.7rem;justify-content:center;width:1.7rem}.command-step p{margin-top:.12rem}.integration-accordion{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--app-card-padding)}.integration-accordion summary{align-items:center;cursor:pointer;display:flex;font-weight:850;justify-content:space-between;list-style:none}.integration-accordion summary::-webkit-details-marker{display:none}.integration-accordion[open] summary svg{transform:rotate(180deg)}.integration-step-grid{display:grid;gap:.55rem;margin-top:.75rem}.integration-step{align-items:start;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);display:grid;gap:.6rem;grid-template-columns:auto minmax(0,1fr);padding:var(--app-card-padding)}.integration-step>span{align-items:center;background:var(--primary);border-radius:999px;color:white;display:inline-flex;font-size:.8rem;font-weight:900;height:1.7rem;justify-content:center;width:1.7rem}.integration-step p{margin-top:.12rem}.artifact-status-strip,.command-priority-strip,.integration-priority-strip,.job-intake-strip,.provider-readiness-strip,.review-status-strip,.settings-status-strip{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr))}.artifact-status-strip,.provider-readiness-strip,.review-status-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.command-priority,.integration-priority{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);display:grid;gap:.1rem;padding:var(--app-card-padding);text-decoration:none}.command-priority:focus-visible,.command-priority:hover,.integration-priority:focus-visible,.integration-priority:hover{border-color:var(--primary);transform:translateY(-1px)}.command-priority small,.integration-priority small{color:var(--primary);font-size:var(--app-label);font-weight:900;text-transform:uppercase}.artifact-status-strip .mini-card,.job-intake-strip .mini-card,.provider-readiness-strip .mini-card,.review-status-strip .mini-card,.settings-status-strip .mini-card{background:color-mix(in srgb,var(--surface) 84%,var(--surface-alt))}.integrations-panel-grid>div,.panel-grid>div{min-width:0}.app-builder-section .band{padding:0}.app-builder-section .inner{max-width:none}.app-builder-section .connection-panel,.app-builder-section .workflow-panel{box-shadow:none}.button-small{font-size:.82rem;min-height:1.9rem;padding:.32rem .55rem;width:fit-content}.polling-meta{font-size:var(--app-helper)}.toast-region{bottom:1rem;display:grid;gap:.6rem;max-width:min(24rem,calc(100vw - 2rem));position:fixed;right:1rem;z-index:40}.toast{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);display:grid;gap:.15rem;grid-template-columns:minmax(0,1fr) auto;padding:.75rem}.toast span,.toast strong{grid-column:1}.toast span{color:var(--muted);font-size:.9rem}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-dismiss{align-self:start;background:transparent;border:0;color:var(--muted);cursor:pointer;grid-column:2;grid-row:1/span 2;padding:.05rem .25rem}.auth-shell{align-items:center;display:grid;min-height:100vh;padding:1.25rem}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);display:grid;gap:1rem;margin:0 auto;max-width:520px;padding:clamp(1.25rem,4vw,2rem);width:min(100%,520px)}.auth-card h1,.fallback-form h2{font-family:var(--font-display);letter-spacing:0;line-height:1;margin:0}.auth-card h1{font-size:clamp(2.4rem,8vw,4.8rem)}.fallback-form{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:.25rem;padding:1rem}.fallback-form h2{font-size:1.45rem}.auth-links{display:flex;flex-wrap:wrap;gap:.75rem}.auth-links a{color:var(--primary);font-size:.9rem;font-weight:700}.auth-links-compact{margin-top:.8rem}.auth-links-compact a{color:var(--primary)}.stack-form{display:grid;gap:.75rem}.form-section{background:color-mix(in srgb,var(--surface) 78%,var(--surface-alt));gap:.75rem;padding:var(--app-card-padding)}.form-section,.segmented-control{border:1px solid var(--border);border-radius:var(--radius-md);display:grid}.segmented-control{background:var(--surface-alt);gap:.35rem;grid-template-columns:repeat(3,minmax(0,1fr));padding:.25rem}.segmented-control button{background:transparent;border:0;border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;font-weight:850;min-height:44px;padding:.35rem .55rem}.segmented-control button.active,.segmented-control button:focus-visible,.segmented-control button:hover{background:var(--surface);box-shadow:var(--shadow);color:var(--primary-strong)}.field-row label,.stack-form label{color:var(--muted);display:grid;font-size:var(--app-helper);gap:.35rem;min-width:0}.locale-row{align-items:end;display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.locale-row label{color:var(--muted);display:grid;font-size:var(--app-helper);gap:.35rem}.language-field{min-width:0;position:relative}.language-field>label{color:var(--muted);display:grid;font-size:var(--app-helper);gap:.35rem}.language-options{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-elevated);display:grid;gap:.1rem;list-style:none;margin:.35rem 0 0;max-height:13rem;overflow:auto;padding:.3rem;position:absolute;width:100%;z-index:25}.language-options button{align-items:center;background:transparent;border:0;color:var(--text);cursor:pointer;display:flex;font:inherit;font-weight:700;justify-content:space-between;min-height:44px;padding:.4rem .5rem;text-align:left;width:100%}.language-options button:focus-visible,.language-options button:hover{background:var(--surface-alt);color:var(--primary-strong)}.language-options button span{color:var(--muted);font-family:var(--font-mono)}.job-filter-bar,.saved-view-bar{align-items:end;display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.job-filter-bar label,.saved-view-bar label{color:var(--muted);display:grid;flex:1 1 10rem;font-size:var(--app-helper);gap:.35rem;min-width:0}.saved-view-bar .button-small{min-height:44px}.access-denied{background:color-mix(in srgb,var(--danger) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border));border-radius:var(--radius-md);display:grid;gap:.75rem;margin-top:1rem;max-width:48rem;padding:clamp(1rem,3vw,2rem)}.button-icon{min-width:4.25rem}.advanced-controls{background:color-mix(in srgb,var(--surface-alt) 62%,var(--surface));border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem}.advanced-controls summary{color:var(--primary-strong);cursor:pointer;font-weight:850;margin-bottom:.75rem}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);white-space:nowrap}.button-row,.check-grid,.field-row,.palette-grid,.variant-grid{display:grid;gap:.75rem}.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.button-row{align-items:center;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),max-content))}.settings-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.row-button{background:transparent;border-left:0;border-right:0;border-bottom:0;color:inherit;cursor:pointer;text-align:left;width:100%}.row-button:hover{background:var(--surface-alt)}.provider-row span:first-child{align-items:center;display:inline-flex;gap:.45rem}.status-dot{border-radius:999px;display:inline-flex;height:.58rem;width:.58rem}.status-dot-closed{background:var(--success)}.status-dot-open{background:var(--danger)}.status-dot-half_open{background:var(--warning)}.status-dot-unknown{background:var(--muted)}.workflow-result{border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:.5rem;overflow-wrap:anywhere;padding:.8rem}.workflow-result-loading{background:var(--info-soft);border-color:var(--primary)}.workflow-result-error{background:var(--danger-soft);border-color:var(--danger)}.workflow-result-ok{background:var(--success-soft);border-color:var(--success)}.workflow-result pre{max-height:24rem}.command-list{display:grid;gap:.6rem}.command-list pre,.mini-card small,.table code{overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.screenshot-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted)}.palette-grid,.variant-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.variant-control-strip{display:grid;gap:.55rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:.85rem}.variant-control-strip span{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);display:grid;font-size:var(--app-helper);gap:.12rem;padding:var(--app-card-padding)}.variant-control-strip strong{color:var(--text)}.model-routing-grid{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--app-card-padding)}.model-routing-grid .field-help{grid-column:1/-1;margin:0}.variant-comparison{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.variant-card{background:var(--surface);border-left:1px solid var(--border);border:1px solid var(--border);border-left-width:4px;border-radius:var(--radius-md);display:grid;gap:.75rem;min-width:0;padding:var(--app-card-padding)}.variant-card-high{border-left-color:var(--success)}.variant-card-medium{border-left-color:var(--accent)}.variant-card-review{border-left-color:var(--danger)}.variant-recommendation{background:var(--success-soft);border:1px solid color-mix(in srgb,var(--success) 32%,var(--border));border-radius:999px;color:var(--success);font-size:.78rem;font-weight:850;justify-self:start;padding:.18rem .55rem}.variant-card-header{align-items:start;display:flex;gap:.75rem;justify-content:space-between;min-width:0}.variant-card-header div{display:grid;gap:.15rem;min-width:0}.variant-card-header small,.variant-meta,.variant-reasons{color:var(--muted);font-size:.82rem}.variant-text{font-size:1.02rem;margin:0;overflow-wrap:anywhere}.variant-text mark{background:#fff0c2;border-radius:var(--radius-xs);color:inherit;padding:.02rem .16rem}.variant-meta,.variant-reasons{display:flex;flex-wrap:wrap;gap:.4rem}.variant-actions{display:grid;gap:.45rem;grid-template-columns:repeat(2,minmax(0,1fr))}.variant-meta span,.variant-reasons span{background:var(--surface-alt);border-radius:999px;padding:.16rem .48rem}.job-timeline{border-left:2px solid var(--border);display:grid;gap:.65rem;list-style:none;margin:0;padding:0 0 0 .85rem}.job-timeline li{display:grid;gap:.15rem;position:relative}.job-timeline li:before{background:var(--primary);border:2px solid var(--surface);border-radius:999px;content:"";height:.58rem;left:-1.22rem;position:absolute;top:.25rem;width:.58rem}.job-timeline span{font-size:.78rem;font-weight:900;text-transform:uppercase}.job-timeline p{margin:0}.webhook-attempt-timeline{display:grid;gap:.65rem;list-style:none;margin:0 0 1rem;padding:0}.webhook-attempt-timeline li{align-items:start;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);display:grid;gap:.55rem;grid-template-columns:auto minmax(0,1fr);padding:.7rem}.webhook-attempt-timeline p{color:var(--muted);margin:.15rem 0}.webhook-attempt-timeline small{color:var(--muted)}.detail-proof-grid{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.mini-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:inherit;display:grid;gap:.35rem;padding:var(--app-card-padding);text-align:left}.mini-card strong{font-size:var(--app-card-title);line-height:1.25}.mini-card small{color:var(--muted);font-size:var(--app-label)}.palette-card{cursor:pointer}.palette-card:focus-visible{border-color:var(--primary)}.swatches{display:flex;gap:.35rem}.swatches i{border-radius:999px;display:block;height:1.2rem;width:1.2rem}.check-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.check-grid span{padding:.75rem}.check-grid span,.parallax-scene{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md)}.parallax-scene{aspect-ratio:16/11;box-shadow:var(--shadow-elevated);contain:paint;min-height:18rem;overflow:clip;position:relative}.parallax-layer{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.parallax-background{opacity:.7;transform:scale(1.03)}.parallax-foreground{object-fit:contain;opacity:1;padding:8%;transform:translateY(5%) scale(.88)}@media (max-width:1024px){.hero-grid,.split-grid,.workflow-selector{grid-template-columns:1fr}.footer-grid,.proof-grid,.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clay-parallax,.hero-visual,.story-hero-visual{width:100%}}@media (max-width:860px){.app-builder-section,.app-section-tracker,.app-shell,.artifact-status-strip,.command-center-intro,.command-priority-strip,.connection-panel,.home-progress,.integration-accordion,.integration-overview,.integration-priority-strip,.job-intake-strip,.panel,.provider-readiness-strip,.review-status-strip,.settings-status-strip,.sidebar,.template-grid,.topbar,.workflow-panel,.workflow-tabs,.workspace{max-width:100%;min-width:0;overflow-wrap:anywhere}.app-shell,.command-center-intro,.connection-panel,.detail-proof-grid,.hero-grid,.home-progress,.integration-overview,.panel-grid,.split-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column;overflow:hidden}.nav,.topbar{max-width:100%}.nav{align-items:center;display:grid;gap:.65rem;grid-template-columns:minmax(0,1fr) auto;overflow:visible;padding:.65rem .85rem}.marketing-nav-toggle{display:inline-flex;justify-self:end}.topbar{position:static;width:100%}.sidebar{align-items:center;border-bottom:1px solid var(--border);border-right:0;display:grid;gap:0;grid-template-columns:minmax(0,1fr) auto;height:auto;padding:.75rem 1rem;position:sticky;top:0;z-index:30}.mobile-nav-toggle{display:inline-flex;justify-self:end}.side-nav{border-top:1px solid transparent;display:none;gap:.45rem;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0;overflow-x:hidden;padding-bottom:.15rem}.sidebar.is-open .side-nav{border-top-color:var(--border);display:grid;margin-top:.65rem;padding-top:.65rem}.side-subnav{border-left:0;grid-column:1/-1;margin:0;min-width:0;padding-left:0}.side-subnav div{display:flex;gap:.35rem;overflow-x:auto}.side-subnav div a{flex:0 0 auto;white-space:nowrap}.side-nav a{justify-content:flex-start;min-height:var(--app-control-height);padding:.4rem .6rem;text-align:left}.side-nav a span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{align-items:stretch;border-top:1px solid var(--border);display:none;grid-column:1/-1;grid-template-columns:1fr;margin-top:.65rem;padding-top:.65rem}.sidebar.is-open .sidebar-footer{display:grid}.auth-panel,.topbar-actions{align-items:stretch;width:100%}.connection-menu,.connection-menu>summary{width:100%}.connection-menu .auth-panel{min-width:0;position:static;width:100%}.command-center-detail{grid-template-columns:1fr}.topbar-actions{display:grid}.artifact-status-strip,.command-priority-strip,.flow-checklist,.integration-priority-strip,.job-intake-strip,.next-action-grid,.provider-readiness-strip,.review-status-strip,.settings-status-strip,.setup-step-list,.template-grid,.topbar-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-panel input[type=password]{max-width:none}.mobile-session-toggle{display:inline-flex}.topbar-actions .auth-panel{display:none;grid-column:1/-1}.topbar-actions .auth-panel.is-open{display:grid}.topbar-actions .button-subtle{display:none;grid-column:1/-1}.topbar-actions:has(.auth-panel.is-open) .button-subtle{display:inline-flex}.nav-links{align-items:stretch;display:none;gap:.5rem;grid-column:1/-1;grid-template-columns:1fr;max-width:100%;width:100%}.sticky-menu.is-open .nav-links{display:grid}.nav-links a,.nav-menu-trigger{align-items:center;display:inline-flex;justify-content:flex-start;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.nav-menu{min-width:0}.nav-menu+.nav-menu{border-top:1px solid var(--border);padding-top:.45rem}.nav-menu-trigger{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-weight:850;min-height:var(--app-control-height);padding:.5rem .65rem;width:100%}.nav-menu-panel{background:color-mix(in srgb,var(--surface-alt) 70%,var(--surface));border-radius:var(--radius-sm);box-shadow:none;display:none;margin-top:.25rem;min-width:0;padding:.35rem;position:static}.sticky-menu.is-open .nav-menu-panel{display:grid;gap:.1rem;opacity:1;pointer-events:auto;transform:none}.nav-menu-panel a{min-height:2rem;white-space:normal}.nav-links .button{width:100%}.setup-banner{align-items:stretch;display:grid;grid-template-columns:minmax(0,1fr) minmax(8rem,auto)}.workflow-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.button-row,.field-row,.model-routing-grid,.proof-item,.surface-item,.variant-control-strip,.variant-toolbar{grid-template-columns:1fr}.provider-table,.table{border:0;background:transparent;display:grid;gap:.65rem;overflow:visible}.provider-table .row-head,.table .row-head{display:none}.provider-table .provider-row,.table .row:not(.row-head){background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);display:grid;gap:.35rem;grid-template-columns:1fr;padding:var(--app-card-padding)}.table .row:not(.row-head)>[data-label]{align-items:baseline;display:grid;gap:.35rem;grid-template-columns:minmax(5.5rem,.45fr) minmax(0,1fr);min-width:0}.table .row:not(.row-head)>[data-label]:before{color:var(--muted);content:attr(data-label);font-size:.72rem;font-weight:850;text-transform:uppercase}.footer-cta,.footer-grid,.hackadia-footer,.proof-grid,.screenshot-grid{grid-template-columns:1fr}.clay-parallax{min-height:18rem}.clay-workflow-card img{aspect-ratio:4/3}.story-hero-visual{min-height:16rem}.footer-actions{justify-content:flex-start}.hackadia-family-header,.hackadia-footer-kicker{align-items:flex-start;justify-content:flex-start}.hackadia-family-header p{text-align:left}.footer-bottom{grid-template-columns:1fr}.footer-bottom span:last-child{text-align:left}}@media (max-width:640px){.section-tracker{display:none}.band,.hero{padding-left:1rem;padding-right:1rem}.hero h1{font-size:clamp(2.4rem,2.8rem,3rem);line-height:1}.hero:has(.story-hero-visual) h1{font-size:2.35rem;line-height:1.04}.hero-compact-title h1{font-size:2.35rem}.section-heading h2,.split-grid h2{font-size:1.65rem}.copy{font-size:1rem}.grid,.metric-grid,.selling-grid,.variant-mini-grid{grid-template-columns:1fr}.app-shell{font-size:var(--app-text-mobile)}.topbar,.workspace{gap:var(--app-gap-tight);padding:.75rem}.topbar .eyebrow,.topbar-summary{margin-bottom:.35rem}.task-first-shell .topbar-summary{display:none}.topbar-actions{gap:.5rem}.sidebar{align-items:center;border-bottom:1px solid var(--border);border-right:0;display:grid;gap:0;grid-template-columns:minmax(0,1fr) auto;height:auto;padding:.65rem .85rem;position:sticky;top:0;z-index:30}.mobile-nav-toggle{display:inline-flex;justify-self:end}.side-nav{border-top:1px solid transparent;display:none;gap:.45rem;grid-column:1/-1;grid-template-columns:1fr;margin-top:0;overflow-x:hidden;padding-bottom:.15rem}.sidebar.is-open .side-nav{border-top-color:var(--border);display:grid;margin-top:.65rem;padding-top:.65rem}.side-subnav{border-left:0;grid-column:1/-1;margin:0;min-width:0;padding-left:0}.side-subnav div{display:flex;gap:.35rem;overflow-x:auto}.side-subnav div a{flex:0 0 auto;white-space:nowrap}.side-nav a{justify-content:flex-start;min-height:var(--app-control-height);padding:.4rem .6rem;text-align:left}.side-nav a span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{align-items:stretch;border-top:1px solid var(--border);display:none;grid-column:1/-1;grid-template-columns:1fr;margin-top:.65rem;padding-top:.65rem}.sidebar.is-open .sidebar-footer{display:grid}.topbar h1{font-size:var(--app-h1-mobile)}.setup-banner{align-items:stretch;flex-direction:column;gap:.65rem;padding:.75rem}.setup-banner p{font-size:.95rem}.command-center-intro,.integration-overview{gap:var(--app-gap-tight);padding:var(--app-card-padding)}.command-center-intro h2,.home-progress h2,.integration-overview h2{font-size:1.28rem}.command-step{padding:var(--app-card-padding)}.artifact-status-strip,.command-priority-strip,.flow-checklist,.integration-priority-strip,.job-intake-strip,.next-action-grid,.provider-readiness-strip,.review-navigation,.review-status-strip,.settings-category-nav,.settings-status-strip,.setup-step-list,.template-grid{grid-template-columns:1fr}.settings-category-nav{position:static}.app-section-tracker,.settings-category-nav{scrollbar-width:thin}.workflow-tabs{grid-template-columns:1fr}.tab-button{min-height:auto}.button,.secondary-button,button{justify-content:center;min-height:44px;width:100%}.marketing-nav-toggle,.mobile-nav-toggle{min-height:44px;width:auto}.footer-primary-links a,.nav-menu-trigger,.side-nav a{min-height:44px}.parallax-background{transform:none}.button-row,.footer-actions,.footer-primary-links,.hero-actions{align-items:stretch;width:100%}.locale-row,.review-copy-pair{grid-template-columns:1fr}.button-icon{width:100%}.variant-actions{grid-template-columns:1fr}.variant-card-header{display:grid}.footer-primary-links a{text-align:center}.hackadia-product-grid{grid-template-columns:1fr}.card-media,.parallax-scene,.story-hero-visual{aspect-ratio:4/3}.row{gap:.35rem}pre{white-space:pre}}