/* Calab.ai 2026 identity, layered over the approved Wonderful-inspired direction. */
:root{--navy:#121212;--brand-dark:#020f5a;--brand-gradient:linear-gradient(110deg,#0059ff,#00ffd4)}
.footer{background:#121212}
h1,h2,h3{line-height:1.2;letter-spacing:-.045em}.hero-copy h1{line-height:1.12}.hero-copy .eyebrow:before{content:'';display:block;width:55px;height:3px;border-radius:2px;margin:0 auto 24px;background:var(--brand-gradient)}
.brand{width:143px}.brand img{aspect-ratio:840/595;object-fit:cover;height:65px;width:143px;margin:-10px 0;transform:scale(1.25)}
.footer-brand img{width:155px;aspect-ratio:840/595;object-fit:cover;height:60px;transform:scale(1.25);transform-origin:left center}.footer-brand>a:first-child{margin-bottom:28px}
.hero-shade{background:linear-gradient(0deg,#121212e3,#07112073 65%,#12121280),linear-gradient(100deg,#020f5a1c,transparent 55%)}
.hero-description{max-width:650px}.hero-caption{color:#e1e1e1}.hero-actions .button:first-child{position:relative}.hero-actions .button:first-child:before{content:'';position:absolute;inset:-1px;border-radius:inherit;background:var(--brand-gradient);z-index:-1;transform:translateY(2px)}
.nav-group>button[aria-current=page]{color:#0059ff}.dropdown a[aria-current=page]{color:#0059ff}.dropdown a:hover svg{color:#0059ff}.footer-signature{color:#ffffff0b}.guardian{background:linear-gradient(105deg,#0059ff,#00ffd4);background-clip:text;-webkit-background-clip:text}.platform-copy h2{line-height:1.16}.platform-copy>img{width:44px;height:44px;object-fit:contain}.platform-description{max-width:550px;opacity:.88}
.platform-after{background:#121212}.flow-canvas{mix-blend-mode:normal}.platform-pin{gap:27px}.platform-copy .button{background:var(--chapter-ink,#fff);color:var(--chapter-bg,#121212);border-color:var(--chapter-ink,#fff)}.platform-map{width:min(1000px,calc(100% - 80px))}
.mini-workspace{border-radius:13px;border:1px solid #ffffff50;background:#fff;color:#121212;box-shadow:0 25px 80px #020f5a35;overflow:hidden;text-align:left}.mini-toolbar{display:flex;gap:12px;align-items:center;padding:12px 22px;border-bottom:1px solid #e1e1e1;font-size:14px}.mini-toolbar img{width:25px;height:25px;object-fit:contain}.mini-toolbar>span{margin-left:auto;color:#647080;font-size:12px}.mini-flow{display:grid;grid-template-columns:1fr 60px 1.1fr 60px 1fr;align-items:center;gap:8px;padding:24px 30px}.mini-flow>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.mini-flow strong{font-size:15px;font-weight:550}.mini-flow small{font-size:12px;color:#5c687b}.mini-caption{font-size:11px;color:#0059ff;margin-bottom:8px}.mini-core{border:1px solid #d8e4ff;background:#f5f8ff;border-radius:9px;padding:15px}.mini-core img{width:30px;height:30px;object-fit:contain;margin-bottom:4px}.mini-connector{height:1px;background:#c7c8ca;position:relative;overflow:hidden}.mini-connector:after{content:'';position:absolute;inset:0;background:var(--brand-gradient);transform:translateX(-101%)}.is-active .mini-connector:after{animation:connect 1.3s var(--ease) .3s forwards}.is-active .mini-connector:nth-of-type(2):after{animation-delay:1s}.mini-base{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e1e1e1;background:#f7f8fb;padding:11px 22px;color:#5c687b;font-size:12px}@keyframes connect{to{transform:translateX(0)}}
.calab-showcase{background:#121212;padding-top:70px}.calab-showcase>.wrap{max-width:1200px}.calab-showcase .product-heading h2{font-size:48px;line-height:1.17}.product-heading>p:not(.eyebrow){font-size:17px;color:#c7c8ca;max-width:600px;margin:22px auto 0}.product-heading .eyebrow{margin-bottom:18px;color:#c7c8ca}.product-tabs{margin-bottom:27px}.product-tabs button{padding-inline:26px}.product-tabs button[aria-selected=true]{border-bottom:2px solid #0059ff}.workspace-followup{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:28px;color:#c7c8ca;font-size:14px}.workspace-followup a{font-size:14px;color:white}
.calab-workspace{display:grid;grid-template-columns:205px 1fr;min-height:485px!important;border:1px solid #d6dbe6;border-radius:13px;background:#f6f7fb;color:#15172f;box-shadow:0 25px 80px #0005;text-align:left;overflow:hidden}.workspace-sidebar{background:#fff;border-right:1px solid #e4e7ee;display:flex;flex-direction:column;padding:26px 12px 20px}.workspace-brand{display:flex;gap:10px;align-items:center;padding:0 10px;font-size:18px}.workspace-brand>img{width:29px;height:29px;object-fit:contain}.workspace-sidebar>p{font-size:11px;letter-spacing:.035em;color:#5d6c89;margin:12px 10px 29px}.workspace-navigation{display:flex;flex-direction:column;gap:8px}.workspace-navigation>button{display:flex;align-items:center;gap:11px;text-align:left;min-height:45px;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:#5a6881;font-size:13px;line-height:1.45}.workspace-navigation>button[aria-pressed=true]{background:#e9eeff;color:#15172f;box-shadow:inset 2px 0 #0059ff}.nav-square{width:12px;height:12px;border:1px solid #6b7d9d;border-radius:3px;flex-shrink:0}.workspace-navigation>button[aria-pressed=true] .nav-square{border-color:#0059ff;background:linear-gradient(135deg,#0059ff,#00ffd4)}.workspace-foundation{margin-top:auto;border-top:1px solid #e4e7ee;padding:20px 10px 0}.workspace-foundation img{width:100px;height:36px;object-fit:cover;transform:scale(1.35);transform-origin:left center;margin-bottom:15px}.workspace-foundation span{font-size:11px;color:#63718b;display:block}.workspace-main{min-width:0}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 28px;border-bottom:1px solid #e4e7ee;background:#ffffffa8;font-size:11px;color:#596b85;letter-spacing:.025em}.workspace-toolbar b{font-weight:400}.illustrative-label{font-size:10px;letter-spacing:0;color:#697790;white-space:nowrap}.workspace-view{padding:29px 32px 33px}.workspace-view header>.workspace-eyebrow{margin-bottom:9px}.workspace-eyebrow{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#526b92}.workspace-view h3{font-size:29px;font-weight:450;letter-spacing:-.03em;line-height:1.2}.workspace-view header>p:last-child{color:#64738b;font-size:13px;margin-top:10px;line-height:1.55}.workflow-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;margin-top:25px;align-items:stretch}.workflow-list{display:flex;flex-direction:column;gap:10px}.workflow-list>button{background:#fff;border:1px solid #e1e5ee;border-radius:9px;display:flex;align-items:center;text-align:left;gap:12px;min-height:79px;padding:15px;color:#15172f;transition:border-color .25s,box-shadow .25s}.workflow-list>button[aria-pressed=true]{border-color:#0059ff80;box-shadow:0 5px 20px #020f5a07}.workflow-glyph{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#edf2ff;color:#0059ff;font-size:20px;flex-shrink:0}.workflow-list strong{display:block;font-size:13px;font-weight:550;line-height:1.4}.workflow-list small{display:block;font-size:11px;color:#64728a;margin-top:4px}.workflow-list>button>svg{margin-left:auto;width:13px;height:13px;color:#708098}.workflow-detail{margin:0;background:#fff;border:1px solid #e0e6f0;border-radius:9px;padding:20px 22px}.workflow-detail h4{font:450 21px/1.3 "Segoe UI",sans-serif;letter-spacing:-.025em;margin:8px 0 10px}.workflow-detail>p{font-size:12px;line-height:1.6;color:#63718b;max-width:100%}.workflow-detail ol{padding:0;margin:19px 0 15px;list-style:none;counter-reset:step}.workflow-detail li{counter-increment:step;display:flex;gap:11px;font-size:12px;line-height:1.5;align-items:center;padding:6px 0;color:#334666}.workflow-detail li:before{content:counter(step);width:18px;height:18px;display:grid;place-items:center;border:1px solid #cbd8ec;border-radius:50%;font-size:10px;color:#0059ff;flex-shrink:0}.review-label{display:block;border-top:1px solid #e5eaf3;padding-top:11px;font-size:10px;color:#566a8b}.knowledge-conversation{margin:24px 0 0}.sample-prompt{background:#e9eeff;font-size:13px;padding:14px 20px;border-radius:12px 12px 0 12px;margin-left:auto;max-width:75%;color:#293958}.sample-answer{display:flex;gap:15px;margin:27px 0}.sample-answer>img{width:25px;height:25px;object-fit:contain;margin-top:3px}.sample-answer>div{max-width:560px}.sample-answer strong{font-size:14px;font-weight:550}.sample-answer p{color:#64738a;font-size:13px;line-height:1.7;margin:10px 0 16px}.source-reference{border:1px solid #d8e1f2;border-radius:4px;padding:6px 10px;display:inline-block;font-size:11px;color:#335784}.knowledge-composer{border:1px solid #a4bbff;background:#fff;border-radius:999px;min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:7px 9px 7px 18px;font-size:11px;color:#65718a}.composer-send{border-radius:50%;width:31px;height:31px;background:#0059ff;color:#fff;font-size:17px;display:grid;place-items:center;flex-shrink:0}.control-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:26px;margin-top:24px}.control-boundary{background:#fff;border:1px solid #c1d1ef;border-radius:9px;text-align:center;padding:17px}.control-boundary>span{color:#0059ff;font-size:11px}.control-boundary>div{background:#f2f5ff;border-radius:7px;margin:15px 0;padding:20px;display:flex;flex-direction:column;align-items:center;gap:7px}.control-boundary img{width:32px;height:32px;object-fit:contain}.control-boundary strong{font-size:17px;font-weight:500}.control-boundary small{font-size:11px;color:#657895}.control-boundary>p{font-size:11px;color:#52698e}.control-checks{margin:0}.control-checks>div{padding:13px 0;border-bottom:1px solid #dbe2f0}.control-checks dt{font-size:13px;font-weight:500}.control-checks dd{font-size:11px;color:#60718e;margin:5px 0 0;line-height:1.5}
.factory-home{background:#fff}.factory-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.factory-intro h2{font-size:48px;max-width:620px;line-height:1.17}.factory-intro>div:last-child>p{font-size:19px;line-height:1.7;color:#647080;max-width:500px}.factory-intro .button{margin-top:27px}.factory-path{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:70px}.factory-line{display:flex;align-items:center;gap:20px;margin-bottom:27px}.factory-line>span{font-size:12px;color:#0059ff}.factory-line i{height:1px;flex:1;background:linear-gradient(90deg,#0059ff,#c7c8ca)}.factory-path h3{font-size:30px;letter-spacing:-.035em;margin-bottom:19px}.factory-path p{font-size:16px;line-height:1.7;color:#647080;max-width:280px}.factory-foundation{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #e1e1e1;margin-top:43px;padding-top:23px;font-size:14px;color:#121212}.factory-foundation>span{color:#647080}.calab-capability-list{border-top:1px solid #e1e1e1}.calab-capability-list>a{display:grid;grid-template-columns:30px 1fr 1fr 22px;gap:24px;align-items:center;border-bottom:1px solid #e1e1e1;padding:32px 0}.calab-capability-list>a>span{font-size:12px;color:#0059ff}.calab-capability-list h3{font-size:29px;font-weight:350;line-height:1.2}.calab-capability-list p{font-size:17px;color:#647080;line-height:1.6}.calab-capability-list>a:hover h3{color:#0059ff}.calab-capability-list>a>svg{width:19px;height:19px}
.closing-field{background:radial-gradient(ellipse at 10% 80%,#020f5a87,transparent 65%),#121212}.closing:before{content:'';position:absolute;inset:0;background:url('/images/brand/calab-icon-white.png') no-repeat 105% 50%/410px;opacity:.025;z-index:-1}.closing h2:before{content:'';display:block;width:65px;height:3px;margin:0 auto 28px;background:var(--brand-gradient)}
@media(max-width:1100px){.calab-workspace{grid-template-columns:180px 1fr}.workspace-view{padding:25px}.workflow-layout{gap:15px}.workflow-list>button{padding:12px}.factory-intro{gap:60px}.factory-path{gap:25px}.factory-intro h2{font-size:43px}.calab-showcase .product-heading h2{font-size:43px}}
@media(max-width:900px){.brand,.brand img{width:126px}.brand img{height:58px}.platform-map{width:calc(100% - 44px)}.calab-workspace{grid-template-columns:155px 1fr;min-height:480px!important}.workspace-sidebar{padding-inline:9px}.workspace-brand{font-size:16px;padding:0 6px}.workspace-sidebar>p{font-size:10px;margin-inline:6px}.workspace-navigation>button{font-size:12px;gap:7px;padding:10px 9px}.workspace-view{padding:25px 21px}.workspace-toolbar{padding:16px 20px}.workflow-layout{grid-template-columns:1fr}.workflow-list{flex-direction:row}.workflow-list>button{flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:10px;padding:13px}.workflow-list>button>svg{display:none}.workflow-list small{font-size:10px}.workflow-detail{padding:17px 20px}.workflow-detail ol{display:flex;gap:18px;flex-wrap:wrap}.workflow-detail li{font-size:11px}.factory-intro{gap:40px;grid-template-columns:1fr 1fr}.factory-intro h2{font-size:38px}.factory-intro>div:last-child>p{font-size:17px}.factory-path{grid-template-columns:1fr 1fr;gap:40px}.factory-path p{max-width:100%}.calab-capability-list>a{grid-template-columns:22px 1fr 1fr 20px;gap:18px}.calab-capability-list h3{font-size:24px}.calab-capability-list p{font-size:16px}.workspace-followup{font-size:13px}.mini-flow{grid-template-columns:1fr 30px 1.1fr 30px 1fr;padding:23px 20px;gap:5px}.mini-flow strong{font-size:13px}.mini-flow small{font-size:11px}.mini-base{font-size:11px}.calab-showcase{padding-top:60px}}
@media(max-width:600px){.hero-copy h1{font-size:49px;line-height:1.12}.hero-copy .eyebrow{max-width:300px;margin-inline:auto;font-size:12px;line-height:1.5}.hero-description{font-size:17px;max-width:340px}.hero-actions .button{font-size:13px;padding-inline:17px;gap:14px}.hero-caption{font-size:10px;max-width:300px}.platform-map{width:calc(100% - 32px)}.platform-copy h2{font-size:38px;line-height:1.16}.mini-toolbar{padding:13px 15px;font-size:13px}.mini-toolbar>span{font-size:10px}.mini-flow{grid-template-columns:1fr;padding:17px 20px;gap:10px}.mini-flow>div{gap:3px}.mini-flow strong{font-size:14px}.mini-flow small{font-size:11px}.mini-caption{margin-bottom:1px}.mini-core{padding:13px;width:100%;max-width:255px;margin:auto}.mini-connector{height:18px;width:1px;margin:auto}.mini-connector:after{transform:translateY(-101%)}@keyframes connect{to{transform:none}}.mini-base{flex-direction:column;text-align:center;gap:3px;padding:11px;font-size:11px}.calab-showcase{padding-block:60px}.calab-showcase .product-heading h2{font-size:36px}.product-heading>p:not(.eyebrow){font-size:16px;line-height:1.6}.product-tabs button{font-size:13px;padding:10px 20px}.calab-workspace{grid-template-columns:1fr;min-height:660px!important;border-radius:10px}.workspace-sidebar{display:none}.workspace-toolbar{padding:13px 15px;gap:10px;font-size:10px}.illustrative-label{font-size:9px}.workspace-view{padding:22px 17px}.workspace-view h3{font-size:26px}.workspace-view header>p:last-child{font-size:12px}.workspace-eyebrow{font-size:9px}.workflow-layout{margin-top:22px;gap:16px}.workflow-list{flex-direction:column;gap:8px}.workflow-list>button{flex-direction:row;align-items:center;min-height:61px;padding:11px 13px}.workflow-list>button>svg{display:block}.workflow-list strong{font-size:12px}.workflow-list small{font-size:10px}.workflow-glyph{width:27px;height:27px}.workflow-detail{padding:18px}.workflow-detail h4{font-size:21px}.workflow-detail p{font-size:12px}.workflow-detail ol{display:block;margin-block:15px}.workflow-detail li{font-size:12px}.review-label{font-size:10px}.sample-prompt{max-width:95%;font-size:12px;padding:13px 15px}.sample-answer{gap:10px;margin-block:28px}.sample-answer strong{font-size:13px}.sample-answer p{font-size:12px}.sample-answer>img{width:23px;height:23px}.source-reference{font-size:10px;padding:6px 8px}.knowledge-composer{margin-top:45px;min-height:54px;font-size:10px;line-height:1.6;border-radius:20px;padding-left:14px}.control-layout{grid-template-columns:1fr;gap:17px}.control-boundary{padding:13px 15px}.control-boundary>div{padding:15px;margin:12px 0}.control-checks>div{padding:11px 0}.control-checks dt{font-size:12px}.control-checks dd{font-size:11px}.workspace-followup{flex-direction:column;gap:9px;text-align:center;padding-top:22px;font-size:13px}.workspace-followup a{font-size:13px}.factory-intro{grid-template-columns:1fr;gap:27px}.factory-intro h2{font-size:36px}.factory-intro>div:last-child>p{font-size:17px}.factory-path{margin-top:45px;gap:32px 23px}.factory-path h3{font-size:26px;margin-bottom:14px}.factory-path p{font-size:14px;line-height:1.7}.factory-line{margin-bottom:21px;gap:13px}.factory-foundation{margin-top:32px;flex-direction:column;gap:8px;font-size:12px}.calab-capability-list>a{grid-template-columns:20px 1fr 20px;gap:13px;padding:25px 0}.calab-capability-list h3{font-size:26px}.calab-capability-list p{grid-column:2;font-size:16px}.calab-capability-list svg{grid-column:3;grid-row:1}.closing:before{background-size:270px;background-position:145% 50%}}
@media(prefers-reduced-motion:reduce){.mini-connector:after{transform:none}.platform-pin{background:#121212}.platform-copy{color:#fff}.platform-copy .button{background:#fff;color:#121212;border-color:#fff}.calab-workspace{transition:none}}