@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#1a1733;--green:#191630;--cream:#f3f5f1;--muted:#676675;--line:#dde1da;--lime:#b5dfa6;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #779944;outline-offset:4px}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.14;font-weight:500;letter-spacing:-.045em}h1{font-size:clamp(44px,5vw,72px);margin-bottom:26px}h2{font-size:clamp(32px,3.4vw,48px)}h3{font-size:23px;letter-spacing:-.025em}.wrap{max-width:1240px;margin:auto;padding:0 44px}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:26px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:23px;font-weight:700;letter-spacing:-1px}.brand svg{width:34px;height:34px}.nav-links{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--green);color:white;border:1px solid var(--green);padding:13px 22px;border-radius:5px;font-size:14px;font-weight:600;line-height:1.5;transition:background .2s,transform .2s}.button:hover{background:#34315f;transform:translateY(-2px)}.button.light{background:var(--lime);border-color:var(--lime);color:var(--ink)}.button.outline{background:transparent;color:var(--ink);border-color:var(--line)}.arrow{font-size:20px;font-weight:400}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:700;display:flex;align-items:center;gap:9px;margin-bottom:25px}.dot{width:6px;height:6px;border-radius:50%;background:#7f9a44}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding:83px 0 67px}.hero h1 em{font-style:normal;color:#4f8d63}.hero p{font-size:17px;max-width:495px;color:var(--muted);line-height:1.8}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:30px 0 22px}.text-link{font-size:13px;font-weight:600;border-bottom:1px solid var(--ink);padding:6px 0}.caption{font-size:11px!important;color:var(--muted)}.console{background:#fff;border:1px solid #d6ded3;border-radius:10px;box-shadow:0 20px 60px #1916300d;overflow:hidden;transform:none}.console-top{display:flex;justify-content:space-between;padding:17px 21px;background:#f3f5f1;font-size:10px;letter-spacing:.08em;font-weight:600;border-bottom:1px solid var(--line)}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:3px 9px;font-size:9px;background:#e6eccd;color:#34315f}.scenario-tabs{display:flex;padding:17px 18px 0;gap:5px}.scenario-tabs button{flex:1;border:0;background:none;color:var(--muted);font-size:11px;padding:9px 3px;border-bottom:2px solid transparent}.scenario-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--green);font-weight:700}.console-body{padding:24px;min-height:310px}.console-label{font-size:9px;letter-spacing:.13em;color:#7d8e7b;text-transform:uppercase;margin:0 0 9px}.question{font-size:17px;line-height:1.5;margin-bottom:23px}.source{display:flex;gap:12px;padding:14px 0;border-top:1px solid #edf0e8;font-size:12px;line-height:1.6}.source b{font-size:10px;background:#f3f5f1;padding:3px 6px;height:max-content;border-radius:3px}.source p{margin:0;font-size:12px;color:var(--muted)}.console-bottom{padding:14px 23px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.audience{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;gap:25px;align-items:center}.audience span{font-size:10px;color:var(--muted);max-width:140px;text-transform:uppercase;letter-spacing:.12em}.audience strong{font-size:14px;font-weight:500}.section{padding:85px 0}.section-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:38px}.section-heading h2{margin-bottom:0;max-width:570px}.section-heading p{max-width:350px;color:var(--muted);font-size:14px;margin:0}.usecases{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.case{padding:29px;border:1px solid var(--line);border-radius:7px;min-height:222px;display:flex;flex-direction:column;align-items:start;transition:.2s}.case:hover{background:#fff;border-color:#96ab85;transform:translateY(-3px)}.case .number{font-size:10px;color:#829077;margin-bottom:25px}.case h3{font-size:20px}.case p{font-size:13px;color:var(--muted);line-height:1.7;margin:0 0 20px}.case .case-link{font-size:11px;font-weight:600;margin-top:auto}.dark{background:#191630;color:#fff}.dark .eyebrow{color:#b5c499}.dark h2{max-width:700px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:48px}.step{border-top:1px solid #ffffff30;padding-top:20px}.step .number{font-size:12px;color:#bed28a}.step h3{font-size:19px;margin:24px 0 13px}.step p{font-size:13px;line-height:1.8;color:#b7c6bd}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding-bottom:70px}.principle{border-top:1px solid var(--line);padding-top:20px}.principle h3{font-size:18px}.principle p{font-size:13px;color:var(--muted)}.cta{padding:45px 50px;background:#e8eee6;display:flex;justify-content:space-between;gap:30px;align-items:center;border-radius:8px;margin-bottom:70px}.cta h2{font-size:35px;margin:0 0 12px}.cta p{font-size:14px;color:var(--muted);margin:0}.footer{border-top:1px solid var(--line);padding:35px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:11px;color:var(--muted)}.footer-links{display:flex;gap:20px}.skip{position:absolute;top:-100px;background:white;padding:12px}.skip:focus{top:0;z-index:10}.page-intro{max-width:750px;padding:65px 0 35px}.page-intro h1{font-size:48px}.page-intro p{color:var(--muted)}.form-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:55px;padding-bottom:70px}.panel{background:white;border:1px solid var(--line);padding:30px;border-radius:8px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:21px}.field.full{grid-column:1/-1}label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cdd6ca;border-radius:4px;background:white;color:var(--ink);font-size:14px}textarea{min-height:108px;resize:vertical}.help{font-size:12px;color:var(--muted);line-height:1.8}.notice{padding:15px;background:#eff2e7;border-left:3px solid #9cab77;font-size:12px;line-height:1.8;margin-bottom:24px}.side h3{font-size:23px}.side ul{padding-left:18px;font-size:14px;color:var(--muted)}.side li{margin-bottom:16px}.checkbox{display:flex;align-items:start;gap:10px;font-weight:400;font-size:12px;line-height:1.7}.checkbox input{width:16px;flex-shrink:0;margin-top:3px}.status{font-size:13px;color:#365532;margin-top:20px;white-space:pre-line}.guide{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:70px}.guide article{background:white;border:1px solid var(--line);padding:30px;border-radius:7px}.guide h3{font-size:21px}.guide p,.guide li{font-size:14px;color:var(--muted)}.guide ul{padding-left:18px}.compact{max-width:800px}.mobile-menu{display:none}footer .brand{font-size:17px}@media(max-width:900px){.wrap{padding:0 25px}.hero{gap:30px;padding:55px 0}.hero h1{font-size:49px}.nav-links{gap:16px}.steps{grid-template-columns:1fr 1fr}.usecases{grid-template-columns:1fr 1fr}.audience{flex-wrap:wrap}.audience span{max-width:none;width:100%}.section-heading{align-items:start}.form-layout{gap:25px}}@media(max-width:640px){.nav{height:auto;min-height:86px;flex-wrap:wrap;padding:19px 0;gap:16px}.nav-links{width:100%;justify-content:space-between;font-size:11px;gap:10px}.nav-links .button{padding:8px 10px;font-size:11px}.hero{grid-template-columns:1fr;gap:35px;padding-top:45px}.hero h1{font-size:48px}.hero p{font-size:15px}.console{transform:none}.audience strong{font-size:12px}.section{padding:55px 0}.section-heading{display:block}.section-heading p{margin-top:20px}.usecases,.principles,.form-layout,.guide{grid-template-columns:1fr}.case{min-height:190px}.principles{gap:20px}.steps{gap:24px}.step h3{font-size:17px}.cta{padding:28px;display:block}.cta .button{margin-top:23px}.cta h2{font-size:31px}.footer{align-items:start;flex-direction:column}.page-intro h1{font-size:39px}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.panel{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Supplied Regence AI brand artwork, preserved unchanged. */
.brand img{display:block;width:230px;height:auto;max-width:100%}footer .brand img{width:190px}@media(max-width:640px){.brand img{width:195px}}

/* Connected illustrative credit workflow */
.hero{grid-template-columns:1fr 1.2fr;gap:38px}.credit-flow .flow-heading{padding:23px 22px 0}.credit-flow .flow-heading h3{font-size:20px;letter-spacing:-.03em;margin-bottom:6px}.hero .flow-heading p{font-size:12px;margin:0}.flow-canvas{display:grid;grid-template-columns:1fr 1fr;gap:28px 22px;padding:27px 22px 30px;background-image:radial-gradient(#cbd7c8 1px,transparent 1px);background-size:12px 12px;position:relative}.flow-node{position:relative;background:#fff;border:1px solid #d5dfd0;border-radius:9px;padding:13px;box-shadow:0 3px 10px #1a173308;font-size:11px;z-index:1}.flow-node strong{display:block;font-size:12px;margin:6px 0}.hero .flow-node p{font-size:10px;line-height:1.5;margin:0 0 10px}.node-icon{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;background:#e8eee6;border:1px solid #c9d8bc;border-radius:6px;color:#48653a;font-size:10px;font-weight:700}.node-data{background:#f4f6f0;border-radius:5px;padding:10px;font-size:10px;line-height:1.8;color:#676675}.node-tag{display:block;border-top:1px solid #edf0e8;padding-top:8px;margin-top:10px;font-size:9px;color:#676675}.flow-sources{display:grid;gap:12px}.flow-agent{border-color:#9bb486}.flow-output{border-color:#9bb486}.exception{display:block;color:#986327;font-weight:700;margin-bottom:5px}.flow-input:after,.flow-agent:after{content:'→';position:absolute;right:-20px;top:50%;font-size:18px;color:#9bb486}.flow-sources:after{content:'↓';position:absolute;left:49%;top:49%;font-size:20px;color:#9bb486}.credit-flow .console-bottom{font-size:9px;gap:12px}@media(max-width:900px){.hero{grid-template-columns:1fr}.credit-flow{max-width:650px;width:100%;margin:auto}}@media(max-width:420px){.flow-canvas{gap:24px 16px;padding:20px 14px}.flow-node{padding:10px}.flow-input:after,.flow-agent:after{right:-16px}.credit-flow .console-top{padding:14px;font-size:9px}}
/* Compact cards and curved, sequenced flow */
.flow-canvas{gap:36px 38px;padding:24px 25px;align-items:center}.flow-node{padding:10px;align-self:center}.flow-node strong{font-size:11px;margin:4px 0}.hero .flow-node p{font-size:9px;margin-bottom:6px}.node-data{padding:7px;font-size:9px;line-height:1.65}.node-tag{font-size:8px;padding-top:6px;margin-top:7px}.node-icon{width:21px;height:21px;font-size:9px}.flow-sources{gap:17px}.flow-input:after,.flow-agent:after,.flow-sources:after{display:none}.flow-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}.flow-link{fill:none;stroke:#c5d3bf;stroke-width:1.5}.flow-trace{fill:none;stroke:#6faf79;stroke-width:2;stroke-dasharray:10 90;stroke-dashoffset:100;animation:flow-travel 10s linear infinite;animation-delay:var(--delay)}.flow-port{fill:#fff;stroke:#b4c7a8;stroke-width:1.4}.flow-node{animation:node-review 10s ease-in-out infinite;animation-delay:var(--delay)}.flow-node:nth-of-type(1){--delay:0s}.flow-sources .flow-node:first-child{--delay:2s}.flow-sources .flow-node:last-child{--delay:4s}.flow-agent{--delay:6s}.flow-output{--delay:8s}@keyframes flow-travel{0%,18%{stroke-dashoffset:100;opacity:0}20%{opacity:1}36%{stroke-dashoffset:-100;opacity:1}38%,100%{stroke-dashoffset:-100;opacity:0}}@keyframes node-review{0%,18%{border-color:#91c586;box-shadow:0 0 0 3px #a7be8026}23%,100%{border-color:#d5dfd0;box-shadow:0 3px 10px #1a173308}}@media(prefers-reduced-motion:reduce){.flow-node,.flow-trace{animation:none}.flow-trace{display:none}}@media(max-width:420px){.flow-canvas{gap:30px 25px;padding:19px 16px}.flow-node{padding:8px}}

/* Leapsoft indigo, paper and soft-green palette. */
:root{--ink:#1a1733;--green:#191630;--cream:#f3f5f1;--muted:#676675;--line:#dde1da;--lime:#b5dfa6}.console-top{background:#e8eee6;color:#1a1733}.pill{background:#c9eaba;color:#34315f}.node-icon{color:#34315f;background:#e8eee6}.dark .eyebrow,.step .number{color:#b5dfa6}.step p{color:#c8c7d1}.dark .text-link{color:#b5dfa6!important;border-color:#91c586!important}.cta{background:#e8eee6}footer.wrap{max-width:none;background:#191630;color:#f3f5f1;padding-left:max(24px,calc((100vw - 1152px)/2));padding-right:max(24px,calc((100vw - 1152px)/2))}.footer{border-color:#ffffff26;color:#c8c7d1}.footer a:hover{color:#b5dfa6}.brand img{width:230px;height:auto}footer .brand img{width:190px}.flow-trace{stroke:#6faf79}.flow-port{stroke:#91c586}.flow-link{stroke:#bcc8bc}
/* Two-line desktop hero headline. */
.hero h1{font-size:clamp(28px,3vw,42px);line-height:1.18;letter-spacing:-.045em}@media(min-width:901px){.hero h1{white-space:nowrap}}@media(max-width:600px){.hero h1{font-size:clamp(25px,6.4vw,38px)}}
/* Cool light surfaces complement the blue Regence wordmark. */
:root{--cream:#f5f5fb;--line:#dcddec;--lime:#e0e3f6;--muted:#66677c}body{background:var(--cream)}.hero h1 em{color:#4c56a0}.dot{background:#6571b5}.console{border-color:#d8dced;box-shadow:0 20px 60px #2826590a}.console-top{background:#ebedf8}.pill{background:#dde2f8;color:#414a88}.flow-canvas{background-image:radial-gradient(#d2d6eb 1px,transparent 1px)}.flow-node{border-color:#d8dced}.node-icon{background:#edf0fb;border-color:#ccd3ed;color:#434d8c}.node-data{background:#f2f3fa;color:#66677c}.node-tag{border-color:#e9ebf5;color:#66677c}.flow-link{stroke:#c5cbe3}.flow-trace{stroke:#7887c5}.flow-port{stroke:#abb6df}.cta,.notice{background:#e9ecf8}.notice{border-color:#8a98ce}.case:hover{border-color:#a2aed7}.console-bottom{border-color:#dcddec}.source b{background:#edf0fb}.case .number{color:#777d9a}.button.light{background:#e0e3f6;border-color:#e0e3f6}.dark .eyebrow,.step .number{color:#cad2f3}.dark .text-link{color:#cad2f3!important;border-color:#a9b0d5!important}@keyframes node-review{0%,18%{border-color:#929fd2;box-shadow:0 0 0 3px #a9b7e526}23%,100%{border-color:#d8dced;box-shadow:0 3px 10px #28265908}}
/* Small green accents echo the AI logo without tinting the light surfaces. */
:root{--brand-accent:#31834b;--brand-accent-light:#dff1e3}.hero h1 em{color:var(--brand-accent)}.dot{background:#55b963}.pill{background:var(--brand-accent-light);color:#286a3c}.flow-trace{stroke:#55b963}.flow-port{stroke:#79bb89}.case-link{color:var(--brand-accent)}.text-link:hover{color:var(--brand-accent);border-color:var(--brand-accent)}.case:hover{border-color:#86b794}.dark .eyebrow,.step .number{color:#a9dcaf}.dark .text-link{color:#a9dcaf!important;border-color:#7bb987!important}.footer a:hover{color:#a9dcaf}@keyframes node-review{0%,18%{border-color:#79bb89;box-shadow:0 0 0 3px #79bb8926}23%,100%{border-color:#d8dced;box-shadow:0 3px 10px #28265908}}

/* Keep connector tracks visible throughout the animation. */
.flow-link{stroke:#9ca9d1;stroke-width:1.8;opacity:1}.flow-port{stroke:#76a885;stroke-width:1.5}
[hidden]{display:none!important}.panel-tabs{display:flex;border-bottom:1px solid var(--line);padding:8px 14px 0;gap:4px}.panel-tabs button{flex:1;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:12px 4px;font-size:11px}.panel-tabs button[aria-selected=true]{color:var(--ink);border-color:#31834b;font-weight:700}.credit-demo,.architecture{padding:24px;min-height:490px}.demo-desk{display:flex;align-items:center;gap:10px;margin-bottom:24px;font-size:12px}.demo-desk small{display:block;color:var(--muted);font-size:9px}.demo-replay{margin-left:auto;background:none;border:1px solid var(--line);border-radius:5px;padding:5px 8px;font-size:10px;color:var(--muted)}.demo-message{background:#f2f3fa;border:1px solid var(--line);border-radius:9px;padding:18px;margin-bottom:16px;min-height:95px}.demo-label{font-size:9px;font-weight:700;letter-spacing:.12em;color:#59638c}.hero .demo-message p{font-size:13px;line-height:1.7;margin:10px 0 0;white-space:pre-line}.demo-answer{background:white;border-left:3px solid #79bb89;min-height:200px}.evidence-chip{display:inline-block;background:#edf5ef;color:#317045;border-radius:4px;padding:4px 7px;font-size:9px;margin:12px 5px 0 0}.hero .demo-note{font-size:9px;line-height:1.65;color:var(--muted);margin:15px 0 0}.demo-status{font-size:10px;color:#31834b}.hero .architecture-caption{font-size:10px;margin:0 0 14px}.country-boundary{border:1px dashed #a8b2d5;background:#f8f9fe;border-radius:10px;padding:16px}.boundary-label{display:block;font-size:9px;color:#636b8b;margin-bottom:14px}.architecture-node{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:white;border-radius:7px;padding:12px 16px}.architecture-node svg{width:32px;height:32px;flex-shrink:0;color:#4e5e9d}.architecture-node small{font-size:8px;color:var(--muted);display:block}.architecture-node strong{font-size:12px}.hero .architecture-node p{font-size:10px;line-height:1.4;margin:3px 0 0}.architecture-link,.regulation-inflow{text-align:center;font-size:9px;color:#5a678e;padding:10px;line-height:1.7}.regulation-inflow{color:#31834b}.regulation-inflow small{font-size:8px}.compute{border-color:#8fb698}.compute svg{color:#31834b}.regulator{margin:0 35px}@media(max-width:420px){.credit-demo,.architecture{padding:16px}.panel-tabs button{font-size:9px}.regulator{margin:0 10px}}
/* Raised icons and a horizontal perspective deployment scene. */
.architecture{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f4f5fc 65%,#e9edf9 100%);min-height:460px}.architecture-caption{position:relative;z-index:2}.country-boundary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;position:relative;margin:45px 0 25px;padding:35px 14px 28px;border:1px dashed #a3b0d6;background:linear-gradient(165deg,#ffffffed,#e6ebf8);border-radius:14px;box-shadow:0 15px 0 -5px #d5dcf0,0 24px 30px #22234b16;transform:perspective(1000px) rotateX(8deg) rotateY(-5deg)}.boundary-label{position:absolute;top:12px;left:14px;font-size:8px}.country-boundary .architecture-node{display:flex;flex-direction:column;text-align:center;gap:10px;min-height:170px;padding:17px 8px;box-shadow:5px 7px 0 #d8dfef,8px 12px 18px #25234e14;transform:translateY(-10px);border-bottom:3px solid #c2cce6;z-index:2}.architecture-node svg{width:44px;height:44px;background:linear-gradient(135deg,#f6f8ff,#c9d4f1);border:1px solid #c2cce6;border-radius:10px;padding:7px;box-shadow:3px 4px 0 #9fafd2,5px 7px 8px #28265924;transform:perspective(300px) rotateY(-14deg) rotateX(12deg);filter:drop-shadow(0 2px 1px #fff)}.compute svg{background:linear-gradient(135deg,#f0fff2,#b2ddbb);border-color:#9cc5a4;box-shadow:3px 4px 0 #7faa89,5px 7px 8px #275b3624}.country-boundary .architecture-node strong{font-size:10px}.hero .country-boundary .architecture-node p{font-size:9px}.country-boundary .architecture-node small{font-size:7px}.architecture-link{position:absolute;top:52%;padding:0;width:22px;font-size:0;border-top:2px solid #8f9dca;z-index:3}.architecture-link:after{content:'↔';position:absolute;top:-12px;left:1px;color:#53699e;font-size:17px;background:#edf1fb}.architecture-link:nth-of-type(1){left:32%}.architecture-link:nth-of-type(2){left:65%}.regulation-inflow{padding:18px 0 14px}.regulator{max-width:230px;margin:0 auto;box-shadow:5px 6px 0 #d8dfef,8px 12px 18px #25234e14;transform:perspective(700px) rotateY(-5deg)}.architecture:before{content:'';position:absolute;inset:45% -20% -30%;background-image:linear-gradient(#c9d2eb55 1px,transparent 1px),linear-gradient(90deg,#c9d2eb55 1px,transparent 1px);background-size:28px 28px;transform:perspective(450px) rotateX(55deg);pointer-events:none}.architecture>*{position:relative}.hero .architecture>.demo-note{margin-top:28px}.credit-demo .demo-answer{margin-bottom:16px}@media(max-width:420px){.country-boundary{gap:13px;padding:32px 10px 18px;margin-top:30px}.country-boundary .architecture-node{padding:12px 5px;min-height:170px}.architecture-node svg{width:35px;height:35px;padding:6px}.country-boundary .architecture-node strong{font-size:9px}.hero .country-boundary .architecture-node p{font-size:8px}.architecture-link{width:16px}.architecture-link:nth-of-type(1){left:31%}.architecture-link:nth-of-type(2){left:64%}}
/* Isometric infrastructure scene with supplied artwork. */
.iso-architecture{padding:12px 15px 18px;background:linear-gradient(155deg,#fafbff,#eff2fa);overflow:hidden}.iso-scene{position:relative;aspect-ratio:600/550;isolation:isolate}.iso-caption{position:absolute;left:3%;top:3%;font-size:8px;letter-spacing:.1em;color:#747b99}.iso-routes{position:absolute;inset:0;width:100%;height:100%;z-index:0}.iso-route{fill:none;stroke:#91a0cd;stroke-width:1.7;stroke-dasharray:5 6}.regulatory-route{stroke:#62ad79}.iso-scene article{position:absolute;text-align:center;z-index:2}.iso-scene strong,.iso-scene small{display:block}.iso-scene strong{font-size:11px;color:#262543}.iso-scene small{font-size:8px;color:#6f758d}.iso-scene img{display:block;width:100%;height:auto;filter:drop-shadow(0 9px 5px #292c5220)}.iso-bank{left:4%;top:10%;width:22%}.iso-bank img{width:85%;margin:auto auto 8px}.iso-gpu{left:39%;top:13%;width:34%}.iso-gpu img{position:relative;width:91%;margin:auto auto 10px;z-index:2}.iso-platform{position:absolute;left:0;right:0;top:32%;height:54%;border-radius:50%;background:#e3e9fa;border:1px solid #a9b8df;box-shadow:0 10px 0 #c6d2ef,0 19px 0 #93a8d5,0 28px 0 #d7e1f4;transform:rotate(-7deg)}.iso-regulations{position:absolute;top:43%;left:7%;font-size:9px;color:#2f8049;background:#f1faf2cc;border:1px solid #b7d9be;padding:5px 8px;z-index:3}.iso-regulations span,.iso-query span{font-size:8px}.iso-rag{left:34%;top:53%;width:27%;height:22%;padding-top:29%}.rag-disc{position:absolute;width:100%;height:39%;border-radius:50%;border:1px solid #9aaddb;box-shadow:0 9px 0 #c4d0ef}.disc-bottom{top:30%;background:#e2e7f8}.disc-middle{top:18%;background:#d2ddf5}.disc-top{top:6%;background:#eef3fc;border-color:#91b79a;box-shadow:0 9px 0 #93cea2}.iso-rag{padding-top:0}.iso-rag strong{position:absolute;top:88%;width:100%}.iso-rag small{position:absolute;top:102%;width:100%}.iso-banker{left:68%;top:70%;width:23%}.iso-banker img{width:77%;margin:0 auto 6px}.iso-query{position:absolute;right:2%;top:50%;font-size:9px;color:#4c5c95;background:#f5f7ff;border:1px solid #c8d2ed;padding:6px 8px}.iso-context{position:absolute;left:40%;top:49%;font-size:8px;color:#737d9d}.iso-note{font-size:9px!important;line-height:1.6!important;color:#777b91!important;margin:15px 5px 0!important}@media(max-width:420px){.iso-scene strong{font-size:9px}.iso-scene small{font-size:7px}.iso-regulations,.iso-query{font-size:7px;padding:4px}.iso-regulations span,.iso-query span,.iso-context,.iso-caption{font-size:6px}}@media(prefers-reduced-motion:reduce){.iso-routes circle{display:none}}
.iso-gpu strong,.iso-gpu small{position:relative;z-index:3}.iso-gpu strong{margin-top:26px}.iso-platform{top:30%;height:42%}.iso-context{left:21%;top:61%;background:#f5f7fc;padding:3px 5px}
.iso-cloud{position:absolute;left:39%;top:3%;width:34%;height:18%;z-index:4;text-align:center;filter:drop-shadow(0 5px 2px #a2b2d333)}.iso-cloud svg{width:100%;height:100%}.iso-cloud strong{position:absolute;left:0;right:0;top:46%;font-size:11px;color:#3c4c81}.iso-gpu{top:27%}.iso-regulations{top:29%;left:7%}@media(max-width:420px){.iso-cloud strong{font-size:8px}}
.iso-regulations{top:40%;left:5%}
.iso-credit-agent{left:59%;top:25%;width:25%;background:#f7fbff;border:1px solid #a6b8dd;border-radius:9px;padding:9px 6px;box-shadow:3px 4px 0 #d6dfef}.agent-symbol{display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center;background:#e2f3e6;color:#31834b;border-radius:7px;margin-bottom:4px;font-size:19px}.iso-credit-agent strong{font-size:10px}.iso-credit-agent small{font-size:7px}.iso-gpu{left:31%;top:42%;width:34%}.iso-query{right:1%;top:57%}.iso-regulations{left:5%;top:39%}.iso-cloud{left:37%;top:3%}.iso-note{font-size:8px!important}@media(max-width:420px){.iso-credit-agent{padding:5px}.iso-credit-agent strong{font-size:8px}.iso-credit-agent small{font-size:6px}.agent-symbol{width:20px;height:20px;font-size:16px}}
.iso-datacenter-boundary{position:absolute;left:27%;top:1%;width:61%;height:73%;border:1px dashed #9facd1;border-radius:18px;background:linear-gradient(160deg,#e8eefc66,#edf5ef44);z-index:-1}.iso-datacenter-boundary span{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.08em;color:#65749c;font-weight:700}.datacenter-host-link{fill:none;stroke:#7e95c5;stroke-width:2.5}.iso-cloud small{position:absolute;top:69%;left:0;right:0;font-size:7px;color:#68789b}.iso-cloud strong{top:42%}.iso-caption{top:0%;left:1%;font-size:7px}.iso-gpu small{color:#536489}@media(max-width:420px){.iso-cloud small{font-size:5px}.iso-datacenter-boundary span{font-size:6px}.iso-caption{font-size:5px}}
.datacenter-node-labels{position:absolute;inset:0;z-index:5;pointer-events:none}.datacenter-node-labels span{position:absolute;background:#f8faffed;border:1px solid #bbc9e6;border-radius:3px;color:#354c7b;font-size:8px;padding:2px 5px;box-shadow:0 2px 4px #26385714}.datacenter-node-labels span:nth-child(1){left:-4%;top:31%}.datacenter-node-labels span:nth-child(2){left:27%;top:19%}.datacenter-node-labels span:nth-child(3){right:-5%;top:8%}.iso-cloud strong{font-size:11px}.iso-query{right:0;top:43%}@media(max-width:420px){.datacenter-node-labels span{font-size:6px;padding:1px 3px}.iso-cloud strong{font-size:8px}}
/* Anchor the Model tag to the third (blue) server. */
.datacenter-node-labels span:nth-child(3){right:auto;left:53%;top:14%}
/* Short service labels remain attached to their server nodes. */
.datacenter-node-labels span{font-size:7px;max-width:75px;text-align:center;line-height:1.35;padding:3px 5px}.datacenter-node-labels span:nth-child(1){left:-3%;top:31%;max-width:65px}.datacenter-node-labels span:nth-child(2){left:25%;top:20%;max-width:65px}.datacenter-node-labels span:nth-child(3){left:52%;top:10%;max-width:70px}@media(max-width:420px){.datacenter-node-labels span{font-size:5px;padding:2px 3px;max-width:45px!important}}
/* Align regulation inflow caption with the Central Bank column. */
.iso-regulations{left:4%;width:22%;text-align:center}
/* Translucent service-label backgrounds preserve text contrast. */
.datacenter-node-labels span{background:rgba(248,250,255,.72)}
/* Give the mobile architecture room instead of shrinking its labels. */
@media(max-width:600px){.iso-architecture{padding:14px 12px 22px}.iso-scene{aspect-ratio:600/760}.iso-caption{font-size:7px;max-width:85%;line-height:1.5}.iso-scene strong{font-size:10px;line-height:1.4}.iso-scene small{font-size:8px;line-height:1.5;margin-top:3px}.iso-cloud{top:4%;height:15%;width:43%;left:33%}.iso-cloud strong{font-size:10px;top:40%}.iso-cloud small{font-size:7px;top:66%}.iso-bank{top:12%;width:25%;left:2%}.iso-regulations{top:33%;left:2%;width:25%;font-size:8px;padding:5px 2px}.iso-gpu{top:44%;left:22%;width:43%}.iso-gpu strong{margin-top:25px;font-size:10px}.iso-gpu small{font-size:8px}.iso-banker{top:74%;left:66%;width:30%}.iso-banker img{width:76%}.iso-query{top:38%;right:0%;font-size:8px;padding:6px}.iso-query span{font-size:7px}.iso-note{margin:35px 5px 0!important;font-size:10px!important;line-height:1.7!important}.datacenter-node-labels span{font-size:7px;padding:3px 4px;max-width:60px!important}.iso-datacenter-boundary{left:29%;top:3%;height:72%;width:65%}.console-bottom{gap:15px;line-height:1.6}.panel-tabs button{font-size:10px;padding:13px 3px}}
@media(max-width:600px){.iso-regulations{top:38%}.iso-bank small{font-size:7px}}
.iso-architecture{position:relative}.architecture-expand{position:absolute;right:12px;top:10px;z-index:8;background:#ffffffdc;border:1px solid #cad3e8;border-radius:6px;width:30px;height:30px;display:grid;place-items:center;color:#4a5d91}.architecture-expand svg{width:17px;height:17px}.architecture-expand:hover{background:#dff1e3}.iso-caption{max-width:80%}.architecture-detail{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;margin:0;padding:30px clamp(18px,4vw,65px);background:#f5f6fc;color:var(--ink);overflow:auto}.architecture-detail::backdrop{background:#141126cc}.detail-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:start}.detail-toolbar .eyebrow{font-size:10px;margin-bottom:12px}.detail-toolbar h2{font-size:32px;margin-bottom:24px}.architecture-close{background:#191630;color:white;border:0;border-radius:6px;padding:10px 18px;white-space:nowrap}.architecture-close span{margin-left:12px;font-size:20px}.detail-diagram{display:grid;grid-template-columns:180px 1fr;gap:32px;max-width:1350px;margin:auto}.external-column{display:flex;flex-direction:column;justify-content:space-around;gap:15px}.detail-node{background:white;border:1px solid #cdd6eb;border-radius:10px;padding:18px;text-align:center}.detail-node h3{font-size:17px;letter-spacing:-.025em;margin:9px 0}.detail-node p{font-size:12px;color:#666d86;line-height:1.65;margin:0}.detail-node img{width:65px;height:65px;object-fit:contain}.external-node img{width:80px;height:80px}.detail-symbol{font-size:27px;color:#52669a}.detail-chip{display:inline-block;font-size:10px;color:#2f7442;background:#e5f3e7;padding:4px 8px;border-radius:4px;margin-top:12px}.detail-boundary{border:2px dashed #a5b4d6;border-radius:16px;padding:22px;background:#edf0fa}.boundary-title{font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:20px}.boundary-title span{display:block;font-size:10px;font-weight:400;letter-spacing:0;margin-top:4px;color:#68738d}.detail-row{display:grid;grid-template-columns:1fr 35px 1.4fr;gap:12px;align-items:center}.service-arrow{text-align:center;font-size:25px;color:#6f86b5}.orchestration{border-color:#8ebc9b;background:#f8fcf9}.detail-connector{text-align:center;color:#536b9a;font-size:12px;padding:15px}.services{grid-template-columns:1fr 25px 1.2fr 1fr}.supporting{grid-template-columns:1fr 1fr;margin-top:18px}.detail-arrow{font-size:12px;text-align:center;color:#546a96}.detail-paths{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:1350px;margin:25px auto 0}.detail-paths h3{font-size:16px;margin-bottom:8px}.detail-paths p,.detail-disclaimer{font-size:12px;line-height:1.7;color:#666d86}.detail-disclaimer{max-width:1350px;margin:20px auto}@media(max-width:700px){.detail-toolbar h2{font-size:24px}.detail-toolbar .eyebrow{font-size:8px}.detail-diagram{grid-template-columns:1fr;gap:20px}.external-column{display:grid;grid-template-columns:1fr 1fr}.external-column .detail-arrow{grid-column:1/-1;grid-row:2}.detail-boundary{padding:15px}.detail-row,.services{grid-template-columns:1fr}.service-arrow{line-height:1}.supporting{grid-template-columns:1fr}.detail-paths{grid-template-columns:1fr;gap:10px}.architecture-detail{padding-top:20px}.architecture-close{padding:8px 10px}}
/* Illustrated services sit above active curved connections. */
.detail-diagram{position:relative;isolation:isolate;gap:65px}.detail-links{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}.detail-node{position:relative;z-index:2;border:1px solid #c8d3e9;background:linear-gradient(145deg,#ffffffec,#eff3fbf5);box-shadow:5px 7px 0 #d4def0,8px 12px 15px #28265910;transform:perspective(1000px) rotateY(-3deg);padding:16px}.detail-node img{width:92px;height:92px;filter:drop-shadow(0 8px 4px #30396a25)}.detail-node h3{font-size:15px}.detail-node p{font-size:11px}.detail-row{gap:30px}.services{gap:25px}.supporting{margin-top:45px;gap:35px}.detail-boundary{padding:25px;background:linear-gradient(160deg,#edf1f9,#f3f7fc);position:relative}.detail-connector{padding:30px}.detail-link-track{fill:none;stroke:#a4b5d4;stroke-width:1.6;stroke-dasharray:5 6}.detail-link-pulse{fill:none;stroke:#55b963;stroke-width:3;stroke-dasharray:6 94;animation:detail-traffic 4s linear infinite;animation-delay:var(--delay)}.detail-link-pulse.return{stroke:#6f80ca;animation-direction:reverse}.detail-arrow,.service-arrow{visibility:hidden}.detail-boundary .boundary-title{position:relative;z-index:3}.detail-disclaimer a{text-decoration:underline}@keyframes detail-traffic{from{stroke-dashoffset:100}to{stroke-dashoffset:-100}}@media(prefers-reduced-motion:reduce){.detail-link-pulse{display:none}}@media(max-width:700px){.detail-diagram{gap:35px}.detail-node{transform:none}.detail-row,.services{gap:28px}.external-column{gap:25px}.detail-boundary{padding:20px}.detail-node img{width:80px;height:80px}}
/* Open illustration: coloured icons and captions, without service cards. */
.detail-node{background:none;border:0;border-radius:0;box-shadow:none;transform:none;padding:12px 18px}.orchestration{background:none;border:0}.detail-node img{width:108px;height:108px;filter:drop-shadow(0 7px 3px #40588625)}.detail-node h3{font-size:16px}.detail-node p{max-width:230px;margin:0 auto}.detail-chip{background:#e5f3e7b3}.detail-boundary{background:linear-gradient(145deg,#edf2fb88,#f0f6f388)}.detail-link-track{stroke:#9cafce}.detail-links{z-index:0}.detail-node h3,.detail-node p,.detail-chip{position:relative;z-index:2}.external-node img{width:95px;height:95px}@media(max-width:700px){.detail-node img{width:90px;height:90px}.detail-node{padding:12px}.detail-node h3{font-size:15px}}
.service-datacenter{position:relative;width:140px;height:140px;margin:auto}.service-datacenter img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none}.service-datacenter .muted-datacenter{filter:grayscale(1);opacity:.35}.highlight-store .active-server{clip-path:polygon(0% 30%,16% 27%,30% 34%,30% 70%,13% 83%,0% 69%)}.highlight-rag .active-server{clip-path:polygon(22% 23%,38% 16%,53% 24%,53% 56%,37% 70%,22% 57%)}.highlight-model .active-server{clip-path:polygon(44% 10%,60% 3%,75% 12%,75% 43%,59% 57%,44% 44%)}@media(max-width:700px){.service-datacenter{width:115px;height:115px}}
/* Expanded architecture belongs to the hero section, not the viewport. */
.hero.architecture-is-expanded{position:relative;display:block}.architecture-is-expanded>div{display:none}.architecture-detail[open]{position:relative;inset:auto;width:100%;height:auto;max-width:100%;max-height:none;padding:25px 20px;border:1px solid #d4ddef;border-radius:14px;overflow:hidden;background:#f5f7fc}.detail-toolbar h2{font-size:26px}.consolidated-scene{display:block;width:100%;height:760px;margin:auto;max-width:1120px}.consolidated-scene .detail-node{position:absolute;padding:8px;text-align:center}.consolidated-scene .detail-node img{width:85px;height:85px}.consolidated-scene .detail-node h3{font-size:13px}.consolidated-scene .detail-node p{font-size:10px}.consolidated-boundary{position:absolute;left:24%;top:2%;width:55%;height:80%;border:1px dashed #a2b2d6;border-radius:25px;background:linear-gradient(150deg,#e9f0fc99,#edf6ef77)}.consolidated-boundary span{position:absolute;top:12px;left:15px;font-size:8px;color:#7182a1}.consolidated-bank{left:0;top:3%;width:20%}.consolidated-ingest{left:6%;top:30%;width:20%}.consolidated-agent{left:37%;top:5%;width:27%}.consolidated-api{right:1%;top:35%;width:19%}.consolidated-audit{left:7%;bottom:4%;width:24%}.consolidated-banker{right:0;bottom:1%;width:23%}.consolidated-scene .consolidated-datacenter{left:29%;top:33%;width:42%;padding:0}.consolidated-scene .consolidated-datacenter>img{width:280px;height:280px;max-width:100%}.expanded-server-labels{position:absolute;top:0;left:50%;transform:translateX(-50%);width:280px;max-width:100%;height:280px;pointer-events:none}.expanded-server-labels span{position:absolute;font-size:8px;line-height:1.4;background:#f8faffbb;border:1px solid #becce6;border-radius:4px;padding:3px 5px;max-width:90px}.expanded-server-labels span:nth-child(1){left:0;top:39%}.expanded-server-labels span:nth-child(2){left:27%;top:24%}.expanded-server-labels span:nth-child(3){left:55%;top:12%}.architecture-detail .detail-paths{gap:20px}.architecture-detail .detail-disclaimer{font-size:10px}@media(max-width:600px){.architecture-detail[open]{padding:18px 10px}.detail-toolbar h2{font-size:20px}.consolidated-scene{height:850px}.consolidated-boundary{left:20%;width:63%;height:75%;top:10%}.consolidated-boundary span{font-size:6px;left:8px}.consolidated-bank{top:0;left:0;width:30%}.consolidated-agent{top:15%;left:37%;width:55%}.consolidated-ingest{top:29%;left:0;width:32%}.consolidated-api{top:58%;right:0;width:35%}.consolidated-audit{bottom:6%;left:0;width:40%}.consolidated-banker{bottom:0;right:0;width:44%}.consolidated-scene .detail-node img{width:65px;height:65px}.consolidated-scene .detail-node h3{font-size:11px}.consolidated-scene .detail-node p{font-size:9px}.consolidated-scene .consolidated-datacenter{top:39%;left:18%;width:70%}.consolidated-scene .consolidated-datacenter>img{width:210px;height:210px}.expanded-server-labels{width:210px;height:210px}.expanded-server-labels span{font-size:6px;max-width:65px}.consolidated-scene .detail-chip{font-size:8px}.architecture-close{font-size:11px}}
.consolidated-boundary{height:95%}.consolidated-ingest{left:25%;top:28%;width:17%}.consolidated-audit{left:26%;bottom:1%;width:24%}@media(max-width:600px){.consolidated-boundary{height:87%}.consolidated-ingest{left:22%;top:30%;width:28%}.consolidated-audit{left:24%;bottom:3%;width:32%}}
/* Reduce the expanded scene and remove compact panel dead space. */
.consolidated-scene{height:608px;max-width:896px}.consolidated-scene .detail-node img{width:68px;height:68px}.consolidated-scene .consolidated-datacenter>img{width:224px;height:224px}.expanded-server-labels{width:224px;height:224px}.architecture-detail[open]{padding:20px 16px}.detail-toolbar h2{font-size:23px;margin-bottom:18px}.architecture-detail .detail-paths{margin-top:15px}.architecture-detail .detail-paths h3{font-size:14px}.architecture-detail .detail-paths p{font-size:10px}.architecture-detail .detail-disclaimer{font-size:9px;margin-top:12px}.iso-architecture{padding-top:4px;padding-bottom:0}.iso-scene{aspect-ratio:600/505}.console-bottom{padding-top:10px;padding-bottom:10px}.architecture-outside-note{grid-column:2;margin:0!important;max-width:none!important;font-size:10px!important;line-height:1.7!important;color:var(--muted)}.hero{row-gap:14px}.architecture-is-expanded>.architecture-outside-note{display:none}@media(max-width:900px){.architecture-outside-note{grid-column:1;width:100%;max-width:650px!important;margin:auto!important}}@media(max-width:600px){.iso-architecture{padding-top:6px;padding-bottom:0}.iso-scene{aspect-ratio:600/700}.consolidated-scene{height:680px}.consolidated-scene .detail-node img{width:52px;height:52px}.consolidated-scene .consolidated-datacenter>img{width:168px;height:168px}.expanded-server-labels{width:168px;height:168px}.expanded-server-labels span{font-size:5px;max-width:55px}.consolidated-scene .detail-node h3{font-size:10px}.consolidated-scene .detail-node p{font-size:8px}.architecture-outside-note{font-size:10px!important}}

/* Navigation and core banking integration in both architecture views. */
.nav-links{gap:22px}.iso-flexcube{position:absolute;left:3%;top:72%;width:28%;z-index:3;text-align:center;color:#273e8a;line-height:1.3}.iso-flexcube svg{display:block;width:46px;height:46px;margin:0 auto 5px}.iso-flexcube strong{display:block;font-size:10px}.iso-flexcube small{display:block;font-size:7px;line-height:1.4;margin-top:3px}.flexcube-routes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.consolidated-flexcube{right:0;top:4%;width:23%;color:#273e8a}.consolidated-flexcube>svg{display:block;width:64px;height:64px;margin:0 auto 10px}.iso-flexcube:hover strong,.consolidated-flexcube:hover h3{text-decoration:underline}@media(max-width:900px){.nav-links{gap:15px;flex-wrap:wrap;justify-content:flex-end}}@media(max-width:600px){.iso-flexcube{top:72%;width:30%;left:1%}.iso-flexcube svg{width:39px;height:39px}.iso-flexcube strong{font-size:9px}.iso-flexcube small{font-size:7px}.consolidated-flexcube{right:0;top:0;width:35%}.consolidated-flexcube>svg{width:45px;height:45px;margin-bottom:6px}}

/* Core banking remains external at the lower left in both views. */
.consolidated-flexcube{right:auto;left:0;top:auto;bottom:3%;width:23%}@media(max-width:600px){.consolidated-flexcube{left:0;right:auto;top:auto;bottom:4%;width:24%}.consolidated-flexcube>svg{width:40px;height:40px}.consolidated-flexcube h3{font-size:9px!important}.consolidated-flexcube p{font-size:7px!important}}

/* Shared integration navigation: native click and keyboard disclosure. */
.integration-menu{position:relative;z-index:20;font-size:inherit}.integration-menu summary{cursor:pointer;list-style:none;font-weight:600;white-space:nowrap}.integration-menu summary::-webkit-details-marker{display:none}.integration-menu summary:focus-visible{outline:2px solid #278344;outline-offset:5px}.integration-options{position:absolute;top:calc(100% + 12px);left:0;min-width:190px;padding:8px;background:#fff;border:1px solid #dcdff0;border-radius:10px;box-shadow:0 10px 30px #22204420}.nav-links .integration-options a{display:block;padding:10px 12px;font-size:14px;color:#222044;border-radius:5px}.integration-options a:hover,.integration-options a:focus-visible{background:#eef0fc}.footer-links{flex-wrap:wrap}@media(max-width:600px){.integration-options{left:auto;right:0;min-width:175px}}
