/* Studio material language below the homepage hero only. No global tokens or
   hero selectors are changed. Workspaces keep their own readable surfaces. */
/* One document-space canvas: geometry continues through section boundaries and
   cinematic pin spacers. The opaque, unchanged hero covers the canvas above it.
   Static vector silhouettes add no DOM, pointer handling or animation work. */
.nx-home.business-home{--abd-canvas:#07172f;--abd-surface:#102b4a;--abd-surface-active:#153e66;--abd-blue:#0057ed;--abd-cyan:#00b9f2;--abd-accent-text:#70d5ff;--abd-edge:#327ac1;background-color:var(--abd-canvas);background-image:url('/assets/home-software-atmosphere.svg?v=20260912palette1'),linear-gradient(90deg,#0057ed20,transparent 32%,transparent 68%,#00b9f218),linear-gradient(#54bfff07 1px,transparent 1px),linear-gradient(90deg,#54bfff07 1px,transparent 1px);background-size:1600px 1800px,100% 100%,52px 52px,52px 52px;background-position:center top;background-repeat:repeat-y,no-repeat,repeat,repeat}
.business-home :is(.nx-section,.nx-final){color:#dae5f5;background:transparent;border-top-color:transparent;isolation:isolate}
.business-home :is(.nx-section,.nx-final)::before,.business-home :is(.nx-section,.nx-final)::after{content:none;pointer-events:none}
.business-home :is(.nx-section,.nx-final) .nx-title{color:#f0f5ff}
.business-home :is(.nx-section,.nx-final) .nx-title em{color:var(--abd-accent-text)}
.business-home :is(.nx-section,.nx-final) .nx-lede{color:#b6c6da}
.business-home .nx-section .nx-kicker{color:#9edcff}
.business-home .nx-section .text-link{color:#a9deff!important}
.business-home .nx-section :is(.motion-chapter,.motion-chapter strong){color:#b7cce2}
.business-home .nx-section .motion-chapter button{border-color:#718fab80}
/* The controls stay distinct from the surrounding atmosphere. */
.business-home .nx-section :is(.builder-shell,.morph-window,.nx-delivery-grid,.integration-path,.why-rows,.industry-directory){color:#25415f;box-shadow:0 20px 55px -28px #0008,inset 0 1px 0 #fff9}
/* Opaque directory: readable in every row, including hover and keyboard focus. */
.business-home .nx-section .industry-directory{background:var(--abd-surface);border-color:var(--abd-edge);box-shadow:0 18px 45px -30px #0009,inset 0 1px 0 #a5dfff12}
.business-home .industry-directory a{border-color:#36506c;color:#e9f2ff}
.business-home .industry-directory strong{color:#e9f2ff}
.business-home .industry-directory small{color:#b7c9de;font-size:12px;line-height:1.55}
.business-home .industry-directory .industry-index{color:#a2bcd7}
.business-home .industry-directory a>span:last-child{background:#134a77;border-color:#478ccb;color:#d1edff}
.business-home .industry-directory a:is(:hover,:focus-visible){background:var(--abd-surface-active)}
.business-home .industry-directory a:is(:hover,:focus-visible) .industry-index{color:#bcd4ec}
.business-home .industry-directory a:is(:hover,:focus-visible)>span:last-child{background:#0758a0;color:#e2f1ff}
.business-home .builder-journey{border-color:#58718e66}
.business-home .builder-journey :is(strong,li.is-current strong){color:#dce9f8}
.business-home .builder-journey small{color:#a5bdd4}
.business-home .builder-journey li>span{border-color:#718ca6;color:#dce9f8;background:#22364e}
.business-home .builder-journey li.is-current>span{background:#0053c4;border-color:#39bfff;color:#fff}
.business-home .nx-section .customisation-controls>.micro-label{color:#b2c6dc}
.business-home .customisation-controls button{color:#d9e7f7;border-color:#327ac155;background:#102b4ae6}
.business-home .customisation-controls button>small{color:#b0c6dd}
.business-home .customisation-controls button>span{color:#a9c7e8}
.business-home .customisation-controls button[aria-pressed="true"]{background:#123f72;box-shadow:inset 3px 0 var(--abd-cyan)}
.business-home .delivery-surfaces{border-color:#839dbb44}
.business-home .delivery-surfaces :is(p,strong,div){color:#b8cce3}
.business-home .delivery-surfaces>div span{color:#c7e5ff;background:#102e50;border-color:#327ac166;box-shadow:inset 0 1px 0 #d5e9ff0c}
.business-home .nx-section .integration-path .nx-kicker{color:#315b80}
.business-home .nx-section .nx-faq-list{border:1px solid #327ac166;border-radius:14px;background:var(--abd-surface)}
.business-home .nx-section .nx-faq-item{border-color:#718ba233}
.business-home .nx-section .nx-faq-item:last-child{border-bottom:0}
.business-home .nx-section .nx-faq-item h3{color:#e5eefb}
.business-home .nx-section .nx-faq-answer p{color:#b9cde2}
.business-home .nx-section .nx-faq-number{color:#a8c2df}
.business-home .nx-section .nx-faq-item[open],.business-home .nx-section .nx-faq-item summary:hover{background:var(--abd-surface-active)}
.business-home .nx-section .nx-faq-toggle{background:#134a77;color:#dcecff;border-color:#478ccb}
.business-home .nx-section .nx-faq-item[open] .nx-faq-toggle{background:#0053c4;color:#fff}
.business-home .nx-section .ready-product{box-shadow:0 12px 30px -20px #000a,inset 0 1px 0 #fff}
.business-home .nx-section :is(a,button,summary,input,textarea):focus-visible{outline:2px solid var(--abd-accent-text);outline-offset:4px}
/* Logo-led accents on the surrounding ABDflow interface only. Product branding,
   semantic status colours, light simulators and the retained hero stay intact. */
.business-home :is(.nx-section,.nx-final) .nx-button-primary{background:linear-gradient(115deg,#004ed8,#0066e6);border-color:#428fff;color:#fff;box-shadow:inset 0 1px 0 #99dfff55,0 7px 22px -12px #0057ed99}
.business-home :is(.nx-section,.nx-final) .nx-button-primary:hover{background:linear-gradient(115deg,#0043bd,#0058cf);border-color:#70d5ff}
.business-home .nx-section .pillar-tabs button[aria-selected="true"]{background:#e5f4ff;color:#064f98;box-shadow:inset 0 0 0 1px #79bcec}
.business-home .nx-section .intelligence-workspace{background:linear-gradient(140deg,#10365f,#0b2241);border-color:var(--abd-edge)}
.business-home .nx-section .intelligence-actions button[aria-pressed="true"]{background:#124576;border-color:#53bdff;color:#eff8ff}
.business-home .nx-final .project-prompt>div{background:linear-gradient(130deg,#103b67,#0b2850);border-color:#327ac1}
.business-home .nx-final .project-prompt>div:focus-within{border-color:var(--abd-accent-text);box-shadow:0 0 0 4px #00b9f217,0 15px 30px #0003}
/* Real product identities: Flowties' paper/ink/acid system and Studio's navy
   chrome/white creation surface. Summaries, not fake functional interfaces. */
.business-home .proof-product[data-proof-product]{margin-top:18px;padding:0;border:1px solid #809ec54d;border-radius:12px;overflow:hidden;font-family:'Manrope',var(--nx-body);transition:border-color .2s,box-shadow .2s}
.business-home .proof-product .proof-product-brand{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:11px;padding:15px 18px;border-bottom:1px solid #809ec533}
.proof-product-brand>img{width:42px;height:42px;object-fit:contain;flex:0 0 42px}
.proof-product-brand>div{min-width:0;flex:1}
.business-home .proof-product-brand strong{display:block;font:800 21px/1.2 'Manrope',var(--nx-body);letter-spacing:-.045em}
.business-home .proof-product-brand .proof-domain{display:block;font:10px/1.6 'Manrope',var(--nx-body);margin-top:4px;overflow-wrap:anywhere}
.proof-product-status{font:600 9px/1.5 'Manrope',var(--nx-body);letter-spacing:.08em;text-transform:uppercase;flex:0 0 auto}
.business-home .proof-product .proof-product-body{display:block;padding:19px 20px 20px}
.proof-product-tagline{display:block;font:800 clamp(27px,2.6vw,35px)/1.02 'Manrope',var(--nx-body);letter-spacing:-.05em}
.proof-product-tagline em{font:inherit}
.business-home .proof-product[data-proof-product] p{font-size:13px;line-height:1.65;margin:14px 0 5px}
.business-home .proof-product[data-proof-product] small{font-size:11px;line-height:1.7}
.business-home .proof-product[data-proof-product] .proof-open{min-height:44px;margin-top:15px;padding:0 12px;font-family:'Manrope',var(--nx-body);font-size:12px}
.business-home .proof-product[data-proof-product] .proof-open>span{border:0;background:none;box-shadow:none;border-radius:0;width:auto;height:auto}
.business-home .proof-product[data-proof-product="flowties"]{background:#f5f2e9;border:2px solid #111;border-radius:0;box-shadow:4px 4px 0 #05090f;color:#111}
.business-home [data-proof-product="flowties"] .proof-product-brand{border-color:#111;border-bottom-width:2px;padding:13px 17px}
.business-home [data-proof-product="flowties"] .proof-product-brand strong{color:#111}
.business-home [data-proof-product="flowties"] .proof-domain{color:#504d45}
.business-home [data-proof-product="flowties"] .proof-product-status{color:#111;border:1px solid #111;background:#efff3e;padding:3px 6px}
.business-home [data-proof-product="flowties"] .proof-product-tagline{color:#111;text-transform:uppercase}
.business-home [data-proof-product="flowties"] .proof-product-tagline em{color:#2457ff;font-style:italic}
.business-home [data-proof-product="flowties"] p{color:#25241f}
.business-home [data-proof-product="flowties"] small{color:#58554d}
.business-home [data-proof-product="flowties"] .proof-open{background:#efff3e;border:2px solid #111;color:#111;font-weight:800}
.business-home [data-proof-product="flowties"]:hover .proof-open{background:#e5f52f;color:#111;box-shadow:3px 3px 0 #111}
.business-home [data-proof-product="studio"]{background:linear-gradient(135deg,#18273e,#0c1422);box-shadow:inset 0 1px 0 #d6e7ff1c;color:#f1f5ff}
.business-home [data-proof-product="studio"] .proof-product-brand>img{background:#fff;border-radius:10px;padding:4px}
.business-home [data-proof-product="studio"] .proof-product-brand strong{color:#f1f5ff}
.business-home [data-proof-product="studio"] .proof-product-status{color:#bce3d3}
.business-home [data-proof-product="studio"] .proof-product-tagline{color:#f1f5ff}
.business-home [data-proof-product="studio"] .proof-product-tagline em{color:#a0b5ff}
.proof-studio-surface{margin-top:17px;padding:15px;border:1px solid #d4def1;border-radius:12px;background:linear-gradient(130deg,#fff,#f4f7fd)}
.business-home [data-proof-product="studio"] .proof-studio-surface p{color:#31425d;margin-top:0}
.business-home [data-proof-product="studio"] .proof-studio-surface small{color:#53647d}
.business-home [data-proof-product="studio"] .proof-open{background:linear-gradient(108deg,#14243e,#1d395f);border-radius:9px;color:#fff}
.business-home [data-proof-product="studio"] .proof-open>span{background:#526eff;border-radius:6px;width:27px;height:27px;display:grid;place-items:center}
.business-home [data-proof-product="studio"]:hover{border-color:#a0b5ff99}
@media(max-width:600px){
 .business-home .proof-product .proof-product-brand{padding:13px 12px;gap:9px}
 .proof-product-brand>img{width:35px;height:35px;flex-basis:35px}
 .business-home .proof-product-brand strong{font-size:18px}
 .business-home .proof-product-brand .proof-domain{font-size:9px}
 .business-home .proof-product .proof-product-body{padding:16px 14px}
 .proof-product-tagline{font-size:28px}
 .proof-product-status{font-size:8px}
 .proof-studio-surface{padding:12px}
}
/* Early evidence: one editorial workbench, not a badge strip or carousel. */
.business-home .built-by-abdflow{padding-block:80px}
.proof-heading{max-width:860px;margin-bottom:38px}
.proof-eyebrow{display:block;font:600 11px/1.5 var(--nx-body);letter-spacing:.16em;text-transform:uppercase;color:#a8c5e8;margin-bottom:20px}
.business-home .proof-heading .nx-title{font-size:clamp(40px,4.8vw,70px);line-height:1.04}
.proof-heading>p{max-width:67ch;font-size:16px;line-height:1.75;color:#b8c9df;margin:22px 0 0}
.proof-workbench{display:grid;grid-template-columns:1.15fr 1fr;border-block:1px solid #327ac166;background:linear-gradient(125deg,#0d315566,#0e295c80);position:relative}
.proof-workbench::before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,#a2c4f480,transparent 55%);pointer-events:none}
.proof-software,.proof-people{padding:30px 34px;min-width:0}
.proof-people{border-left:1px solid #7795bb33}
.proof-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#a9bed9;font:500 10px/1.6 var(--nx-body);letter-spacing:.04em}
.proof-live{display:inline-flex;align-items:center;gap:6px;color:#aedecb;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.proof-live::before{content:'';width:5px;height:5px;border-radius:50%;background:#92d1b5;box-shadow:0 0 0 4px #9ed8be0b}
.proof-workbench h3,.proof-delivery h3{font:550 clamp(23px,2.2vw,32px)/1.2 var(--nx-display);letter-spacing:-.035em;color:#ecf3ff;margin:18px 0 9px}
.proof-intro{color:#b1c5de;font-size:13px;line-height:1.6;margin:0 0 22px}
.business-home .proof-product{display:block;padding:20px 0;border-top:1px solid #829abb33;transition:background .2s}
.proof-product>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.proof-product strong{font:600 22px/1.2 var(--nx-display);letter-spacing:-.02em;color:#fff}
.proof-domain{font:11px/1.5 var(--nx-body);color:#abc5df;overflow-wrap:anywhere}
.proof-product p{color:#cedbed;font-size:14px;line-height:1.65;margin:10px 0 4px;max-width:48ch}
.proof-product small{display:block;color:#afc1d7;font-size:11px;line-height:1.65;max-width:58ch}
.proof-open{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-top:8px;color:#b3c9ff;font-size:12px;font-weight:600}
.proof-open>span{display:grid;place-items:center;border:1px solid #95b2e04d;border-radius:50%;width:30px;height:30px;font-size:16px}
.proof-product:hover .proof-open{color:#fff}
.proof-product:hover .proof-open>span{background:#36547d}
.proof-leaders{list-style:none;margin:25px 0 12px;padding:0}
.proof-leaders li{display:flex;gap:15px;align-items:center;padding:21px 0;border-top:1px solid #829abb33}
.proof-initials{flex:0 0 40px;width:40px;height:44px;display:grid;place-items:center;background:linear-gradient(145deg,#174e88,#0c2e56);border:1px solid #4ea9f580;border-radius:10px;color:#d4edff;font:500 12px var(--nx-body)}
.proof-leaders strong{display:block;color:#edf4ff;font-size:16px;line-height:1.5;font-weight:550}
.proof-leaders li div>span{display:block;color:#c0d2e9;font-size:12px;line-height:1.65}
.proof-leaders small{display:block;margin-top:4px;font-size:11px;color:#a8c0da;line-height:1.65}
.business-home :is(.proof-team-link,.proof-company-link,.proof-method-link){display:flex;align-items:center;gap:16px;justify-content:space-between;min-height:44px;width:fit-content;max-width:100%;font-size:13px;color:#c6d8ff}
.business-home .proof-company-link{color:#afc5dd;font-size:12px}
.proof-delivery{padding:30px 0 24px;border-bottom:1px solid #7d99b43d}
.proof-delivery>div{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:center}
.proof-delivery .proof-label{grid-column:1/-1}
.proof-delivery h3{margin:8px 0}
.proof-delivery p{color:#b7c9df;font-size:13px;line-height:1.7;margin:8px 0}
.proof-delivery-path{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));list-style:none;margin:28px 0 8px;padding:0}
.proof-delivery-path li{position:relative;min-width:0;border-top:1px solid #6986aa66;padding:17px 8px 8px 0;font-size:13px;color:#e0ebfa}
.proof-delivery-path li::before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:2px;background:var(--abd-cyan);border:1px solid #9ae5ff}
.proof-delivery-path li:last-child{border-top-color:transparent}
.proof-delivery-path li>span{display:block;font:10px/1.6 var(--nx-body);color:#a2bbd8;margin-bottom:5px}
.proof-technical{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:27px 0 20px}
.proof-technical strong{display:block;color:#d3e2f6;font:500 13px/1.7 var(--nx-body)}
.proof-technical span{display:block;color:#acbfd7;font-size:12px;line-height:1.65;margin-top:5px}
.proof-security{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.proof-security p{color:#acbfd7;font-size:11px;margin:0;line-height:1.7}
.proof-security a{color:#c9daff;font-size:12px;display:inline-block;min-height:44px;padding-block:13px}
.proof-security a>span:last-child{margin-left:12px}
.demo-transparency{display:grid;grid-template-columns:1fr 1.65fr;gap:12px 42px;border-block:1px solid #92abcd3d;padding:25px 0;margin-bottom:56px;position:relative}
.demo-transparency h3{font:500 21px/1.3 var(--nx-display);color:#dfeafb;margin:0}
.demo-transparency p{font-size:13px;line-height:1.8;color:#b7c8de;margin:0;max-width:73ch}
.demo-transparency a{grid-column:2;display:flex;align-items:center;gap:18px;min-height:44px;width:fit-content;color:#c0d4fb;font-size:12px}
/* Motion borrows the existing reveal observer, never pins or hides evidence. */
@media(prefers-reduced-motion:no-preference){
 .proof-workbench .nx-reveal.is-visible{animation:proofArrive .65s ease-out both}
 .proof-workbench .proof-people.is-visible{animation-delay:.08s}
 @keyframes proofArrive{from{transform:translateY(12px)}to{transform:translateY(0)}}
}
@media(max-width:860px){
 .business-home .built-by-abdflow{padding-block:52px}
 .proof-software,.proof-people{padding:25px 22px}
 .proof-domain{font-size:10px}
 .proof-security{gap:0}
 .proof-delivery-path li{font-size:11px}
 .nx-home.business-home{background-image:url('/assets/home-software-atmosphere-mobile.svg?v=20260912palette1'),linear-gradient(90deg,#0057ed20,transparent 35%,transparent 65%,#00b9f218),linear-gradient(#54bfff07 1px,transparent 1px),linear-gradient(90deg,#54bfff07 1px,transparent 1px);background-size:600px 1600px,100% 100%,34px 34px,34px 34px}
}
@media(max-width:600px){
 .proof-heading{margin-bottom:26px}
 .proof-heading>p{font-size:14px;line-height:1.75;margin-top:18px}
 .business-home .proof-heading .nx-title{font-size:clamp(37px,10vw,53px)}
 .proof-eyebrow{font-size:10px;margin-bottom:16px}
 .proof-workbench{display:block;background:linear-gradient(135deg,#0d315566,#0e295c80)}
 .proof-software,.proof-people{padding:22px 16px}
 .proof-people{border-left:0;border-top:1px solid #7795bb4d}
 .proof-people h3 br{display:none}
 .proof-label{font-size:9px}
 .proof-workbench h3{font-size:25px}
 .proof-intro{font-size:12px;margin-bottom:15px}
 .business-home .proof-product{padding-block:14px}
 .proof-product strong{font-size:21px}
 .proof-product p{font-size:13px;margin-top:9px}
 .proof-product>div{display:flex}
 .proof-domain{display:block;margin-top:0}
 .proof-open{min-height:32px;margin-top:5px}
 .proof-leaders{margin-top:18px;margin-bottom:0}
 .proof-leaders li{padding-block:13px;gap:12px}
 .proof-leaders strong{font-size:15px}
 .proof-delivery{padding-top:25px}
 .proof-delivery>div{display:block}
 .proof-delivery h3{font-size:26px;margin-top:10px}
 .proof-delivery p{font-size:12px;line-height:1.6}
 .proof-delivery-path{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 0;margin-top:22px}
 .proof-delivery-path li{font-size:11px;padding-top:12px}
 .proof-delivery-path li:nth-child(4){border-top-color:transparent}
 .proof-technical{grid-template-columns:1fr 1fr;gap:20px 15px;padding-block:23px 15px}
 .proof-technical span{font-size:11px}
 .proof-security a{font-size:11px}
 .demo-transparency{display:block;padding-block:23px;margin-bottom:34px}
 .demo-transparency h3{font-size:21px;margin-bottom:12px}
 .demo-transparency p{font-size:12px}
 .demo-transparency a{font-size:12px;margin-top:8px}
}
.menu-studio-callout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px;align-items:center;margin:28px 0;padding:24px;border:1px solid #dce5eb;border-radius:24px;background:linear-gradient(120deg,#f3f7fb,#fff);color:#142334}
.menu-studio-callout>img{width:100%;height:180px;object-fit:cover;border-radius:16px}
.menu-studio-callout h3{margin:8px 0;font-size:clamp(22px,2.4vw,30px);line-height:1.2;letter-spacing:-.03em}
.menu-studio-callout p{max-width:700px;margin:0 0 16px;color:#536577;font-size:14px;line-height:1.7}
.business-home .menu-studio-callout .proof-eyebrow{color:#426184}
.business-home .nx-section .menu-studio-callout .text-link{color:#0959c9!important;min-height:44px;display:inline-flex;align-items:center}
.business-home .nx-section .menu-studio-callout .text-link:hover{color:#063c89!important}
@media(max-width:600px){.menu-studio-callout{grid-template-columns:1fr;gap:18px;padding:20px}.menu-studio-callout>img{height:150px}}