.enterprise-page { background: var(--page-light); }
.enterprise-hero { min-height: 850px; padding: 175px 0 105px; position: relative; overflow: hidden; background: radial-gradient(circle at 77% 43%,rgba(145,185,76,.12),transparent 30%),linear-gradient(145deg,#050808,#0c120d); }
.enterprise-grid { position: absolute; inset: 0; opacity: .32; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(90deg,transparent,#000 55%,transparent); }
.enterprise-hero-layout { position: relative; display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 76px; }
.enterprise-hero-copy h1 { max-width: 680px; color: #f4f7f4; font-size: clamp(49px,5.2vw,78px); line-height: .99; }
.enterprise-hero-copy > p:not(.eyebrow) { max-width: 610px; margin: 27px 0 31px; color: #aab3ac; font-size: 17px; line-height: 1.75; }
.hero-assurances { margin: 29px 0 0; padding: 22px 0 0; display: flex; flex-wrap: wrap; gap: 11px 23px; border-top: 1px solid var(--border-dark); list-style: none; }
.hero-assurances li { display: flex; align-items: center; gap: 8px; color: #879188; font-size: 9px; font-weight: 700; }
.hero-assurances li::before { content: "✓"; color: var(--brand-bright); }
.enterprise-orchestrator { min-width: 0; color: var(--text-light); background: rgba(12,17,13,.94); border: 1px solid #2a332b; border-radius: 23px; box-shadow: 0 38px 90px rgba(0,0,0,.38); transition: transform 180ms ease-out; overflow: hidden; }
.orchestrator-label { padding: 17px 20px; display: flex; justify-content: space-between; align-items: center; background: #090c0a; border-bottom: 1px solid var(--border-dark); font-size: 8px; }
.orchestrator-label > span { color: #69736b; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.orchestrator-label strong { display: flex; align-items: center; gap: 7px; color: #aeb7b0; }
.orchestrator-label i { width: 6px; height: 6px; background: var(--brand-bright); border-radius: 50%; box-shadow: 0 0 8px var(--brand-bright); animation: enterprise-pulse 1.8s ease-in-out infinite; }
.orchestrator-stage { min-height: 430px; padding: 38px 24px; position: relative; display: grid; grid-template-columns: 1fr .35fr .9fr .35fr 1fr; align-items: center; gap: 8px; background-image: linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size: 27px 27px; }
.orchestrator-sources,.orchestrator-results { position: relative; z-index: 2; display: grid; gap: 10px; }
.orchestrator-sources > small,.orchestrator-results > small { margin-bottom: 5px; color: #626d64; font-size: 7px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.orchestrator-sources > div,.orchestrator-results > div { min-height: 61px; padding: 9px; display: flex; align-items: center; gap: 9px; background: #141a15; border: 1px solid #2b342c; border-radius: 11px; }
.orchestrator-sources i,.orchestrator-results i { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; color: #a9b2ab; background: #222a23; border-radius: 8px; font-size: 6px; font-style: normal; font-weight: 800; }
.orchestrator-sources strong,.orchestrator-results strong,.orchestrator-sources small,.orchestrator-results small { display: block; }
.orchestrator-sources strong,.orchestrator-results strong { color: #dfe4e0; font-size: 8px; }
.orchestrator-sources small,.orchestrator-results small { margin-top: 2px; color: #6c776e; font-size: 6px; }
.orchestrator-results .result-approved { border-color: rgba(145,185,76,.35); }
.orchestrator-results .result-approved i { color: var(--ink); background: var(--brand-bright); }
.orchestrator-results .result-review i { color: #17140b; background: #e7c765; }
.orchestrator-core { min-height: 154px; position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; flex-direction: column; background: radial-gradient(circle at 45% 30%,#263321,#111711); border: 1px solid rgba(145,185,76,.46); border-radius: 29px; box-shadow: 0 0 0 12px rgba(145,185,76,.035),0 24px 45px rgba(0,0,0,.28); }
.orchestrator-core > span { width: 40px; height: 40px; display: grid; place-items: center; color: var(--ink); background: var(--brand-bright); border-radius: 11px; font-size: 16px; font-weight: 800; }
.orchestrator-core strong { margin-top: 9px; color: #f2f5f3; font-size: 12px; }
.orchestrator-core small { color: #748077; font-size: 6px; }
.orchestrator-core b { margin-top: 13px; padding: 6px 8px; color: var(--brand-bright); background: rgba(145,185,76,.08); border: 1px solid rgba(145,185,76,.18); border-radius: 99px; font-size: 6px; }
.orchestrator-path { height: 1px; position: relative; z-index: 1; background: rgba(145,185,76,.25); }
.orchestrator-path i { width: 32px; height: 1px; position: absolute; background: linear-gradient(90deg,transparent,var(--brand-bright),transparent); animation: enterprise-data 1.6s linear infinite; }
.path-out i { animation-delay: -.8s; }
.orchestrator-footer { min-height: 57px; padding: 0 23px; display: flex; align-items: center; justify-content: center; gap: 10px; color: #758077; background: #090c0a; border-top: 1px solid var(--border-dark); font-size: 7px; font-weight: 700; }
.orchestrator-footer i { width: 17px; height: 1px; background: #364037; }
.enterprise-challenge,.human-control,.enterprise-connect,.enterprise-faq { padding: 115px 0; }
.challenge-layout { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 95px; }
.challenge-copy h2 { max-width: 620px; }
.challenge-copy > p:not(.eyebrow) { max-width: 570px; font-size: 16px; line-height: 1.75; }
.challenge-chain { padding: 23px; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 10px; background: #fff; border: 1px solid var(--border-light); border-radius: 20px; box-shadow: var(--shadow-card); }
.challenge-chain article { min-height: 175px; padding: 18px; position: relative; display: flex; flex-direction: column; background: #f6f8f4; border: 1px solid #e4e9e0; border-radius: 13px; }
.challenge-chain article > span { position: absolute; top: 14px; right: 14px; color: #a1aaa3; font-size: 7px; font-weight: 800; }
.challenge-chain article > i { width: 38px; height: 38px; margin-bottom: auto; display: grid; place-items: center; color: var(--brand-dark); background: rgba(145,185,76,.12); border-radius: 9px; font-size: 8px; font-style: normal; font-weight: 800; }
.challenge-chain strong { display: block; font-size: 10px; }
.challenge-chain p { margin: 4px 0 0; font-size: 7px; }
.challenge-chain > b { color: var(--brand); font-size: 14px; }
.enterprise-workflow .workflow-tabs { grid-template-columns: repeat(7,1fr); }
.enterprise-workflow .workflow-tabs button { padding-inline: 9px; }
.enterprise-workflow .workflow-tab-icon { font-size: 13px; }
.enterprise-workflow .workflow-progress > div i { width: 14.285%; }
.workflow-experience[data-workflow-active="review"] .node-approvals { color: #eef2ef; background: rgba(231,199,101,.11); border-color: rgba(231,199,101,.55); transform: translateY(-2px); }
.workflow-experience[data-workflow-active="review"] .node-approvals i { color: #17140b; background: #e7c765; }
.control-layout { display: grid; grid-template-columns: 1.14fr .86fr; align-items: center; gap: 90px; }
.control-console { background: #fff; border: 1px solid var(--border-light); border-radius: 20px; box-shadow: 0 28px 65px rgba(41,53,35,.12); overflow: hidden; }
.control-console header,.control-console footer { min-height: 62px; padding: 0 22px; display: flex; align-items: center; justify-content: space-between; }
.control-console header { border-bottom: 1px solid var(--border-light); }
.control-console header div { display: flex; align-items: center; gap: 10px; }
.control-console header div > span { width: 29px; height: 29px; display: grid; place-items: center; color: var(--ink); background: var(--brand-bright); border-radius: 8px; font-size: 11px; font-weight: 800; }
.control-console header strong { font-size: 10px; }.control-console header small { color: #778179; font-size: 7px; }
.control-body { padding: 25px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; background: #f7f9f5; }
.control-source,.control-rule,.control-decision { padding: 19px; background: #fff; border: 1px solid var(--border-light); border-radius: 12px; }
.control-source > span,.control-decision > span { display: block; color: #8a948c; font-size: 7px; text-transform: uppercase; letter-spacing: .08em; }
.control-source strong,.control-source b,.control-source small { display: block; }.control-source strong { margin-top: 16px; font-size: 9px; }.control-source b { margin-top: 5px; font-size: 20px; }.control-source small { margin-top: 9px; color: #78827a; font-size: 7px; }
.control-rule { display: flex; align-items: center; gap: 12px; border-color: rgba(197,157,40,.32); background: #fffdf7; }
.control-rule > i { width: 35px; height: 35px; display: grid; place-items: center; flex: 0 0 auto; color: #473708; background: #f1d67f; border-radius: 9px; font-style: normal; font-weight: 900; }.control-rule strong,.control-rule small { display: block; }.control-rule strong { font-size: 9px; }.control-rule small { margin-top: 4px; color: #81734e; font-size: 7px; }
.control-decision { grid-column: 1 / -1; }.control-decision > strong { display: block; margin: 6px 0 16px; font-size: 12px; }.control-decision div { display: flex; gap: 8px; }.control-decision button { padding: 9px 13px; background: #f1f3ef; border: 1px solid #dfe4dc; border-radius: 8px; font: inherit; font-size: 7px; font-weight: 800; }.control-decision button:last-child { color: var(--ink); background: var(--brand-bright); border-color: var(--brand-bright); }
.control-console footer { background: #111612; color: #aeb6b0; font-size: 7px; }.control-console footer span { display: flex; align-items: center; gap: 7px; }.control-console footer i { width: 6px; height: 6px; background: #e7c765; border-radius: 50%; }.control-console footer strong { color: #e7c765; }
.control-copy > p:not(.eyebrow) { margin-bottom: 28px; font-size: 15px; line-height: 1.75; }.control-copy ul { margin: 0; padding: 0; display: grid; gap: 15px; list-style: none; }.control-copy li { padding: 16px 0 16px 47px; position: relative; border-top: 1px solid var(--border-light); }.control-copy li::before { content: "✓"; width: 29px; height: 29px; position: absolute; top: 14px; left: 0; display: grid; place-items: center; color: var(--ink); background: var(--brand-bright); border-radius: 8px; font-size: 9px; font-weight: 900; }.control-copy li strong,.control-copy li span { display: block; }.control-copy li strong { font-size: 11px; }.control-copy li span { margin-top: 3px; color: #748077; font-size: 9px; }
.information-section { padding: 115px 0 125px; }.information-map { min-height: 465px; padding: 44px; display: grid; grid-template-columns: 1fr .7fr 1fr; align-items: center; gap: 65px; background: #0d110e; border: 1px solid var(--border-dark); border-radius: 22px; }
.information-side { display: grid; gap: 9px; }.information-side > small { margin-bottom: 7px; color: #68736a; font-size: 7px; font-weight: 800; text-transform: uppercase; letter-spacing: .11em; }.information-side > span { min-height: 56px; padding: 9px 12px; display: flex; align-items: center; gap: 11px; color: #c4ccc6; background: #151a16; border: 1px solid #2a322b; border-radius: 10px; font-size: 8px; font-weight: 700; }.information-side i { width: 31px; height: 31px; display: grid; place-items: center; color: #a4afa6; background: #232a24; border-radius: 8px; font-size: 6px; font-style: normal; }.information-output i { color: var(--ink); background: var(--brand-bright); }
.information-core { min-height: 190px; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; background: radial-gradient(circle at 40% 30%,#283622,#111711); border: 1px solid rgba(145,185,76,.44); border-radius: 34px; box-shadow: 0 0 70px rgba(145,185,76,.12); }.information-core::before,.information-core::after { content: ""; width: 65px; height: 1px; position: absolute; top: 50%; background: linear-gradient(90deg,transparent,var(--brand-bright)); }.information-core::before { right: 100%; }.information-core::after { left: 100%; transform: rotate(180deg); }.information-core > i { width: 230px; height: 230px; position: absolute; border: 1px dashed rgba(145,185,76,.23); border-radius: 50%; animation: enterprise-spin 18s linear infinite; }.information-core > span { width: 44px; height: 44px; z-index: 1; display: grid; place-items: center; color: var(--ink); background: var(--brand-bright); border-radius: 12px; font-size: 17px; font-weight: 800; }.information-core strong { z-index: 1; margin-top: 10px; color: #f1f4f2; font-size: 13px; }.information-core small { z-index: 1; color: #748077; font-size: 6px; }
.enterprise-connect { padding-bottom: 125px; }.connect-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }.connect-card { min-height: 500px; padding: 40px; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--border-light); border-radius: 21px; box-shadow: 0 18px 50px rgba(38,50,33,.07); }.connect-card h3 { max-width: 470px; margin: 13px 0 22px; font-size: clamp(29px,3vw,42px); }.connect-card > p { margin-top: auto; font-size: 13px; line-height: 1.7; }.connect-card > a { display: inline-flex; gap: 8px; color: var(--brand-dark); font-size: 11px; font-weight: 800; text-decoration: none; }
.mini-integration { min-height: 180px; margin: 8px 0 27px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; background: #f6f8f4; border: 1px solid var(--border-light); border-radius: 15px; }.mini-integration > div { display: grid; justify-content: center; gap: 8px; }.mini-integration i { width: 49px; height: 35px; display: grid; place-items: center; color: #647061; background: #fff; border: 1px solid #dfe5dc; border-radius: 8px; font-size: 7px; font-style: normal; font-weight: 800; }.mini-integration > span { display: flex; align-items: center; }.mini-integration b { width: 37px; height: 1px; background: var(--brand); }.mini-integration strong { width: 58px; height: 58px; display: grid; place-items: center; color: var(--ink); background: var(--brand-bright); border-radius: 15px; box-shadow: 0 10px 25px rgba(87,117,42,.2); }
.deployment-choice { margin: 8px 0 27px; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.deployment-choice > span { min-height: 81px; padding: 14px; display: flex; align-items: center; gap: 11px; background: #f6f8f4; border: 1px solid var(--border-light); border-radius: 11px; }.deployment-choice i { width: 31px; height: 31px; display: grid; place-items: center; color: var(--brand-dark); background: rgba(145,185,76,.13); border-radius: 8px; font-size: 7px; font-style: normal; font-weight: 800; }.deployment-choice strong { font-size: 9px; }
.enterprise-use-cases { padding: 115px 0 125px; }.case-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 19px; }.case-card { min-height: 330px; padding: 30px; display: flex; flex-direction: column; color: #eef2ef; background: linear-gradient(145deg,#111612,#171d17); border: 1px solid var(--border-dark); border-radius: 18px; text-decoration: none; transition: transform 250ms,border-color 250ms; }.case-card:hover { transform: translateY(-5px); border-color: rgba(145,185,76,.55); }.case-card > span { color: var(--brand-bright); font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }.case-card h3 { margin: auto 0 13px; color: #f3f5f3; font-size: 28px; }.case-card p { margin: 0 0 22px; color: #89948b; font-size: 12px; }.case-card strong { color: var(--brand-bright); font-size: 9px; }
.enterprise-faq .faq-layout { align-items: start; }.enterprise-cta { padding-top: 0; }
@keyframes enterprise-pulse { 50% { opacity: .4; transform: scale(.75); } }
@keyframes enterprise-data { from { left: -32px; opacity: 0; } 20%,80% { opacity: 1; } to { left: 100%; opacity: 0; } }
@keyframes enterprise-spin { to { transform: rotate(360deg); } }
@media (max-width:1160px) { .enterprise-hero-layout { grid-template-columns: 1fr; }.enterprise-hero-copy { max-width: 800px; }.enterprise-orchestrator { max-width: 800px; }.challenge-layout,.control-layout { grid-template-columns: 1fr; gap: 55px; }.enterprise-workflow .workflow-tabs { grid-template-columns: repeat(4,1fr); }.enterprise-workflow .workflow-tabs button { border-bottom: 1px solid var(--border-dark); }.information-map { gap: 35px; }.connect-card { padding: 32px; } }
@media (max-width:760px) { .enterprise-hero { min-height: auto; padding: 130px 0 75px; }.enterprise-hero-copy h1 { font-size: clamp(42px,13vw,61px); }.enterprise-hero-copy > p:not(.eyebrow) { font-size: 15px; }.orchestrator-stage { padding: 26px 18px; grid-template-columns: 1fr; gap: 16px; }.orchestrator-path { width: 1px; height: 24px; margin: auto; }.orchestrator-path i { display: none; }.orchestrator-core { min-height: 135px; }.orchestrator-footer { display: none; }.challenge-chain { grid-template-columns: 1fr; }.challenge-chain > b { transform: rotate(90deg); text-align: center; }.enterprise-workflow .workflow-tabs { grid-template-columns: 1fr 1fr; }.enterprise-workflow .workflow-tabs button:last-child { grid-column: 1 / -1; }.enterprise-workflow .workflow-stage { grid-template-columns: 1fr; }.control-body { grid-template-columns: 1fr; }.control-decision { grid-column: auto; }.information-map { padding: 25px; grid-template-columns: 1fr; }.information-core { min-height: 160px; order: -1; }.information-core::before,.information-core::after,.information-core > i { display: none; }.connect-grid,.case-grid { grid-template-columns: 1fr; }.connect-card { min-height: auto; }.mini-integration { grid-template-columns: 1fr; padding: 20px; }.mini-integration > div { grid-template-columns: repeat(3,1fr); }.mini-integration > span { justify-content: center; transform: rotate(90deg); }.deployment-choice { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion:reduce) { .orchestrator-label i,.orchestrator-path i,.information-core > i { animation: none; } }

/* Enterprise integrations */
.integration-hero { min-height: 850px; padding: 175px 0 105px; position: relative; overflow: hidden; background: radial-gradient(circle at 76% 43%,rgba(79,142,220,.11),transparent 27%),radial-gradient(circle at 70% 45%,rgba(145,185,76,.1),transparent 38%),linear-gradient(145deg,#050808,#0c120d); }
.integration-hero-layout { position: relative; display: grid; grid-template-columns: .87fr 1.13fr; align-items: center; gap: 75px; }
.integration-hero-copy h1 { max-width: 680px; color: #f4f7f4; font-size: clamp(49px,5.2vw,78px); line-height: .99; }
.integration-hero-copy > p:not(.eyebrow) { max-width: 600px; margin: 27px 0 31px; color: #aab3ac; font-size: 17px; line-height: 1.75; }
.integration-network { min-width: 0; min-height: 570px; position: relative; color: var(--text-light); background: rgba(10,14,11,.88); border: 1px solid #2a332b; border-radius: 25px; box-shadow: 0 38px 90px rgba(0,0,0,.38); transition: transform 180ms ease-out; overflow: hidden; }
.network-grid { position: absolute; inset: 0; opacity: .6; background-image: linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px); background-size: 29px 29px; mask-image: radial-gradient(circle,#000,transparent 80%); }
.network-lines { position: absolute; inset: 0; width: 100%; height: 100%; }
.network-lines path { fill: none; stroke: rgba(145,185,76,.3); stroke-width: 1.2; stroke-dasharray: 6 7; animation: integration-network-flow 2.2s linear infinite; }
.network-lines path:nth-child(even) { animation-delay: -1.1s; stroke: rgba(79,142,220,.35); }
.network-center { width: 128px; height: 128px; position: absolute; z-index: 3; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; background: radial-gradient(circle at 42% 32%,#2a3824,#111711); border: 1px solid rgba(145,185,76,.48); border-radius: 31px; box-shadow: 0 0 0 12px rgba(145,185,76,.035),0 0 70px rgba(145,185,76,.16); transform: translate(-50%,-50%); }
.network-center > span { width: 38px; height: 38px; display: grid; place-items: center; color: var(--ink); background: var(--brand-bright); border-radius: 10px; font-size: 15px; font-weight: 800; }
.network-center strong { margin-top: 7px; color: #f1f4f2; font-size: 11px; }.network-center small { color: #758078; font-size: 6px; }.network-center b { margin-top: 9px; display: flex; align-items: center; gap: 5px; color: #9ca79e; font-size: 5px; }.network-center b i { width: 5px; height: 5px; background: var(--brand-bright); border-radius: 50%; box-shadow: 0 0 7px var(--brand-bright); }
.network-node { width: 176px; min-height: 67px; padding: 10px; position: absolute; z-index: 2; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; background: rgba(20,26,21,.96); border: 1px solid #303932; border-radius: 12px; box-shadow: 0 12px 28px rgba(0,0,0,.24); }
.network-node > i { width: 37px; height: 37px; display: grid; place-items: center; color: #aeb8b0; background: #252e27; border-radius: 9px; font-size: 7px; font-style: normal; font-weight: 800; }.network-node strong,.network-node small { display: block; }.network-node strong { color: #e3e8e4; font-size: 8px; }.network-node small { margin-top: 2px; color: #6f7a72; font-size: 5px; }.network-node > b { width: 17px; height: 17px; display: grid; place-items: center; color: var(--ink); background: var(--brand-bright); border-radius: 50%; font-size: 7px; }
.node-erp { top: 8%; left: 5%; }.node-crm { top: 8%; right: 5%; }.node-bank { top: 43%; left: 2%; }.node-health { top: 43%; right: 2%; }.node-dms { bottom: 7%; left: 5%; }.node-custom { right: 5%; bottom: 7%; }
.integration-challenge,.systems-section,.integration-explorer-section,.integration-workflows,.integration-process { padding: 115px 0 125px; }
.integration-problems { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }.integration-problems article { min-height: 155px; padding: 22px; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--border-light); border-radius: 14px; box-shadow: 0 12px 35px rgba(40,53,34,.06); }.integration-problems i { color: var(--brand-dark); font-size: 8px; font-style: normal; font-weight: 800; }.integration-problems strong { margin-top: auto; font-size: 11px; }.integration-problems span { margin-top: 5px; color: #78837a; font-size: 8px; line-height: 1.5; }
.architecture-section { padding: 115px 0 125px; }.architecture-workbench { min-height: 555px; padding: 48px 45px 70px; position: relative; display: grid; grid-template-columns: 1fr .38fr 1.15fr .38fr 1fr; align-items: center; gap: 18px; background: #0d110e; border: 1px solid var(--border-dark); border-radius: 23px; overflow: hidden; }.architecture-workbench::before { content: ""; position: absolute; inset: 0; opacity: .55; background-image: linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px); background-size: 28px 28px; mask-image: radial-gradient(circle,#000,transparent 80%); }
.architecture-rail,.architecture-engine,.architecture-transfer { position: relative; z-index: 1; }.architecture-rail { display: grid; gap: 9px; }.architecture-rail > span { color: var(--brand-bright); font-size: 7px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.architecture-rail > strong { margin-bottom: 9px; color: #eef2ef; font-size: 14px; }.architecture-rail > div { min-height: 58px; padding: 9px; display: flex; align-items: center; gap: 10px; color: #aeb7b0; background: #151a16; border: 1px solid #2c342d; border-radius: 10px; }.architecture-rail > div i { width: 32px; height: 32px; display: grid; place-items: center; color: #a6b0a8; background: #242c25; border-radius: 8px; font-size: 6px; font-style: normal; font-weight: 800; }.architecture-rail > div small { font-size: 7px; }.output-rail > div i { color: var(--ink); background: var(--brand-bright); }
.architecture-transfer { display: flex; justify-content: space-between; }.architecture-transfer::before { content: ""; height: 1px; position: absolute; top: 50%; right: 0; left: 0; background: rgba(145,185,76,.25); }.architecture-transfer i { width: 5px; height: 5px; position: relative; background: var(--brand-bright); border-radius: 50%; box-shadow: 0 0 8px var(--brand-bright); animation: architecture-transfer-pulse 1.5s ease-in-out infinite; }.architecture-transfer i:nth-child(2) { animation-delay: -.5s; }.architecture-transfer i:nth-child(3) { animation-delay: -1s; }
.architecture-engine { padding: 22px; background: linear-gradient(145deg,#151d15,#0d120e); border: 1px solid rgba(145,185,76,.37); border-radius: 19px; box-shadow: 0 22px 48px rgba(0,0,0,.25); }.architecture-engine header { padding-bottom: 17px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #29302a; }.architecture-engine header span { width: 31px; height: 31px; display: grid; place-items: center; color: var(--ink); background: var(--brand-bright); border-radius: 8px; font-size: 12px; font-weight: 800; }.architecture-engine header strong { color: #eaf0eb; font-size: 10px; }.architecture-engine ol { margin: 18px 0 0; padding: 0; display: grid; gap: 9px; list-style: none; }.architecture-engine li { padding: 10px; display: flex; align-items: center; gap: 9px; background: #111612; border: 1px solid #273028; border-radius: 9px; }.architecture-engine li > i { width: 27px; height: 27px; display: grid; place-items: center; color: #7d887f; background: #222923; border-radius: 7px; font-size: 8px; font-style: normal; }.architecture-engine li strong,.architecture-engine li small { display: block; }.architecture-engine li strong { color: #cdd4ce; font-size: 8px; }.architecture-engine li small { margin-top: 2px; color: #68736a; font-size: 6px; }.architecture-engine li.is-complete > i { color: var(--ink); background: var(--brand-bright); }.architecture-engine li.is-review > i { color: #1e1909; background: #e7c765; }
.architecture-workbench > footer { min-height: 52px; padding: 0 20px; position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; display: flex; align-items: center; gap: 22px; background: #090c0a; border-top: 1px solid var(--border-dark); color: #758078; font-size: 7px; }.architecture-workbench > footer div { display: flex; align-items: center; gap: 6px; }.architecture-workbench > footer i { width: 6px; height: 6px; background: #4f8edc; border-radius: 50%; }.architecture-workbench > footer div:nth-child(2) i { background: var(--brand-bright); }.architecture-workbench > footer div:nth-child(3) i { background: #e7c765; }.architecture-workbench > footer strong { margin-left: auto; color: #aeb7b0; }
.systems-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }.systems-grid article { min-height: 230px; padding: 25px; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--border-light); border-radius: 16px; transition: transform 250ms,border-color 250ms,box-shadow 250ms; }.systems-grid article:hover { transform: translateY(-4px); border-color: rgba(145,185,76,.55); box-shadow: var(--shadow-card); }.systems-grid article:last-child { grid-column: 2 / 4; }.systems-grid i { width: 46px; height: 46px; display: grid; place-items: center; color: var(--brand-dark); background: rgba(145,185,76,.12); border-radius: 11px; font-size: 8px; font-style: normal; font-weight: 800; }.systems-grid h3 { margin: auto 0 9px; font-size: 19px; }.systems-grid p { margin: 0; font-size: 10px; line-height: 1.6; }
.connection-methods { padding: 115px 0 125px; }.methods-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; }.methods-grid article { min-height: 265px; padding: 27px; position: relative; display: flex; flex-direction: column; background: linear-gradient(145deg,#111612,#171d17); border: 1px solid var(--border-dark); border-radius: 16px; }.methods-grid article > span { position: absolute; top: 21px; right: 21px; color: #536057; font-size: 8px; font-weight: 800; }.methods-grid article > i { width: 43px; height: 43px; display: grid; place-items: center; color: var(--ink); background: var(--brand-bright); border-radius: 10px; font-size: 8px; font-style: normal; font-weight: 800; }.methods-grid h3 { margin: auto 0 10px; color: #edf1ee; font-size: 21px; }.methods-grid p { margin: 0; color: #859087; font-size: 11px; line-height: 1.6; }
.integration-explorer { background: #fff; border: 1px solid var(--border-light); border-radius: 22px; box-shadow: 0 25px 65px rgba(39,52,33,.09); overflow: hidden; }.explorer-tabs { display: grid; grid-template-columns: repeat(5,1fr); background: #f4f6f2; border-bottom: 1px solid var(--border-light); }.explorer-tabs button { min-height: 100px; padding: 15px; display: flex; align-items: center; gap: 10px; color: #68736a; background: transparent; border: 0; border-right: 1px solid var(--border-light); cursor: pointer; text-align: left; transition: background 250ms,color 250ms; }.explorer-tabs button:last-child { border-right: 0; }.explorer-tabs button:hover { color: #243023; background: #fff; }.explorer-tabs button[aria-selected="true"] { color: #172016; background: #fff; box-shadow: inset 0 -3px var(--brand); }.explorer-tabs button > i { width: 36px; height: 36px; display: grid; place-items: center; flex: 0 0 auto; color: #697469; background: #e6ebe2; border-radius: 9px; font-size: 7px; font-style: normal; font-weight: 800; }.explorer-tabs button[aria-selected="true"] > i { color: var(--ink); background: var(--brand-bright); }.explorer-tabs strong,.explorer-tabs small { display: block; }.explorer-tabs strong { font-size: 9px; }.explorer-tabs small { margin-top: 3px; color: #879188; font-size: 6px; }
.explorer-body { min-height: 520px; display: grid; grid-template-columns: .82fr 1.18fr; }.explorer-panels { padding: 48px; display: flex; align-items: center; border-right: 1px solid var(--border-light); }.explorer-panel[hidden] { display: none; }.explorer-panel.is-active { animation: workflow-panel-in 420ms var(--ease-enter) both; }.explorer-panel > span { color: var(--brand-dark); font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.explorer-panel h3 { margin: 15px 0 16px; font-size: clamp(30px,3vw,43px); }.explorer-panel > p { font-size: 13px; line-height: 1.75; }.explorer-panel dl { margin: 28px 0 0; }.explorer-panel dl div { padding: 11px 0; display: grid; grid-template-columns: .75fr 1.25fr; gap: 15px; border-bottom: 1px solid var(--border-light); }.explorer-panel dt { color: #89938b; font-size: 7px; }.explorer-panel dd { margin: 0; color: #384338; font-size: 8px; font-weight: 800; }
.explorer-flow { padding: 35px; display: flex; align-items: center; justify-content: center; flex-direction: column; background-image: linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(145deg,#0d120e,#111812); background-size: 27px 27px; }.explorer-flow header,.explorer-flow footer { width: 100%; display: flex; align-items: center; justify-content: space-between; }.explorer-flow header { margin-bottom: 21px; color: #718077; font-size: 7px; text-transform: uppercase; letter-spacing: .08em; }.explorer-flow header strong { color: var(--brand-bright); font-size: 8px; }.flow-system { width: min(100%,320px); min-height: 68px; padding: 11px; display: flex; align-items: center; gap: 11px; color: #dce3dd; background: #171d18; border: 1px solid #303a31; border-radius: 12px; }.flow-system > i { width: 39px; height: 39px; display: grid; place-items: center; color: #b5bfb7; background: #283129; border-radius: 9px; font-size: 7px; font-style: normal; font-weight: 800; }.flow-system strong,.flow-system small { display: block; }.flow-system strong { font-size: 9px; }.flow-system small { margin-top: 3px; color: #727e74; font-size: 6px; }.flow-target > i { color: var(--ink); background: var(--brand-bright); }.flow-paptra { width: 145px; min-height: 145px; display: flex; align-items: center; justify-content: center; flex-direction: column; background: radial-gradient(circle at 40% 28%,#2b3b25,#121812); border: 1px solid rgba(145,185,76,.44); border-radius: 30px; box-shadow: 0 0 45px rgba(145,185,76,.11); }.flow-paptra > span { width: 36px; height: 36px; display: grid; place-items: center; color: var(--ink); background: var(--brand-bright); border-radius: 10px; font-size: 14px; font-weight: 800; }.flow-paptra strong { margin-top: 7px; color: #eef2ef; font-size: 10px; }.flow-paptra small { color: #738076; font-size: 6px; }.flow-paptra b { margin-top: 11px; color: #e7c765; font-size: 5px; }.explorer-connection { height: 40px; display: flex; flex-direction: column; justify-content: space-between; }.explorer-connection i { width: 4px; height: 4px; background: var(--brand-bright); border-radius: 50%; animation: architecture-transfer-pulse 1.2s ease-in-out infinite; }.explorer-connection i:nth-child(2) { animation-delay: -.4s; }.explorer-connection i:nth-child(3) { animation-delay: -.8s; }.explorer-flow footer { margin-top: 22px; padding-top: 17px; color: #707c72; border-top: 1px solid #2b332c; font-size: 7px; }.explorer-flow footer span { display: flex; align-items: center; gap: 6px; }.explorer-flow footer i { width: 5px; height: 5px; background: var(--brand-bright); border-radius: 50%; box-shadow: 0 0 7px var(--brand-bright); }.explorer-flow footer strong { color: #aab3ac; }
.governance-section { padding: 115px 0 125px; }.governance-copy h2 { color: #f0f4f1; }.governance-copy > p:not(.eyebrow) { max-width: 570px; font-size: 15px; line-height: 1.75; }.governance-copy ul { margin: 28px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 11px; list-style: none; }.governance-copy li { padding: 14px; background: #111612; border: 1px solid var(--border-dark); border-radius: 10px; }.governance-copy li strong,.governance-copy li span { display: block; }.governance-copy li strong { color: #dce3dd; font-size: 9px; }.governance-copy li span { margin-top: 4px; color: #748077; font-size: 7px; line-height: 1.5; }
.governance-console { background: #0d110e; border: 1px solid var(--border-dark); border-radius: 20px; box-shadow: 0 30px 65px rgba(0,0,0,.25); overflow: hidden; }.governance-console header,.governance-console footer { min-height: 61px; padding: 0 22px; display: flex; align-items: center; justify-content: space-between; background: #090c0a; }.governance-console header { color: #758078; border-bottom: 1px solid var(--border-dark); font-size: 8px; }.governance-console header strong { color: #b7c0b9; }.governance-console ol { margin: 0; padding: 25px; display: grid; gap: 11px; list-style: none; }.governance-console li { padding: 14px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; background: #151a16; border: 1px solid #2a322b; border-radius: 10px; }.governance-console li > i { width: 32px; height: 32px; display: grid; place-items: center; color: #7c887e; background: #252d26; border-radius: 8px; font-size: 9px; font-style: normal; }.governance-console li.complete > i { color: var(--ink); background: var(--brand-bright); }.governance-console li.review > i { color: #1d1808; background: #e7c765; }.governance-console li strong,.governance-console li small { display: block; }.governance-console li strong { color: #d9dfda; font-size: 9px; }.governance-console li small { margin-top: 3px; color: #69756b; font-size: 6px; }.governance-console li b { color: #7f8b81; font-size: 7px; }.governance-console li.complete b { color: var(--brand-bright); }.governance-console li.review b { color: #e7c765; }.governance-console footer { color: #6f7b72; border-top: 1px solid var(--border-dark); font-size: 7px; }.governance-console footer strong { color: #e7c765; }
.workflow-example-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }.workflow-example-grid article { min-height: 330px; padding: 29px; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--border-light); border-radius: 18px; box-shadow: 0 14px 40px rgba(37,50,32,.06); }.workflow-example-grid article > span { color: var(--brand-dark); font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }.workflow-example-grid h3 { margin: 22px 0 27px; font-size: 27px; }.workflow-example-grid article > div { padding: 18px 12px; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 7px; background: #f5f7f3; border-radius: 11px; }.workflow-example-grid article > div i { padding: 9px 5px; color: #4c594c; background: #fff; border: 1px solid #dfe5dc; border-radius: 7px; font-size: 6px; font-style: normal; font-weight: 800; text-align: center; }.workflow-example-grid article > div b { color: var(--brand); font-size: 9px; }.workflow-example-grid p { margin: auto 0 0; padding-top: 23px; font-size: 11px; line-height: 1.65; }
.integration-deployment { padding: 105px 0; }.integration-deployment-layout { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 95px; }.integration-deployment-copy h2 { color: #eff3f0; }.integration-deployment-copy > p:not(.eyebrow) { max-width: 550px; font-size: 15px; line-height: 1.75; }.deployment-boundaries { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }.deployment-boundaries article { min-height: 155px; padding: 22px; display: flex; flex-direction: column; background: linear-gradient(145deg,#111612,#171d17); border: 1px solid var(--border-dark); border-radius: 14px; }.deployment-boundaries i { color: var(--brand-bright); font-size: 8px; font-style: normal; font-weight: 800; }.deployment-boundaries strong { margin-top: auto; color: #e7ece8; font-size: 14px; }.deployment-boundaries span { margin-top: 4px; color: #758078; font-size: 8px; }
.process-track { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(7,1fr); list-style: none; }.process-track li { min-height: 225px; padding: 20px 15px; position: relative; display: flex; flex-direction: column; border-top: 1px solid var(--border-light); border-bottom: 1px solid var(--border-light); border-right: 1px solid var(--border-light); }.process-track li:first-child { border-left: 1px solid var(--border-light); border-radius: 14px 0 0 14px; }.process-track li:last-child { border-radius: 0 14px 14px 0; }.process-track li > span { color: #9ba49d; font-size: 7px; font-weight: 800; }.process-track li > i { width: 39px; height: 39px; margin-top: 24px; display: grid; place-items: center; color: var(--brand-dark); background: rgba(145,185,76,.11); border-radius: 9px; font-size: 11px; font-style: normal; font-weight: 800; }.process-track h3 { margin: auto 0 8px; font-size: 15px; }.process-track p { margin: 0; font-size: 8px; line-height: 1.5; }.integration-faq { padding-top: 40px; }
@keyframes integration-network-flow { to { stroke-dashoffset: -26; } }
@keyframes architecture-transfer-pulse { 0%,100% { opacity: .3; transform: scale(.7); } 50% { opacity: 1; transform: scale(1.25); } }
@media (max-width:1160px) { .integration-hero-layout { grid-template-columns: 1fr; }.integration-hero-copy { max-width: 800px; }.integration-network { max-width: 800px; }.architecture-workbench { grid-template-columns: 1fr .25fr 1.1fr .25fr 1fr; padding-inline: 30px; }.systems-grid { grid-template-columns: repeat(3,1fr); }.systems-grid article:last-child { grid-column: auto; }.explorer-tabs { grid-template-columns: repeat(3,1fr); }.explorer-tabs button { border-bottom: 1px solid var(--border-light); }.integration-deployment-layout { grid-template-columns: 1fr; gap: 55px; }.process-track { grid-template-columns: repeat(4,1fr); gap: 10px; }.process-track li,.process-track li:first-child,.process-track li:last-child { border: 1px solid var(--border-light); border-radius: 12px; } }
@media (max-width:760px) { .integration-hero { min-height: auto; padding: 130px 0 75px; }.integration-hero-copy h1 { font-size: clamp(42px,13vw,61px); }.integration-hero-copy > p:not(.eyebrow) { font-size: 15px; }.integration-network { min-height: auto; padding: 105px 18px 24px; display: grid; gap: 9px; }.network-lines { display: none; }.network-center { top: 21px; transform: translateX(-50%); width: 68px; height: 68px; border-radius: 18px; }.network-center > span { width: 27px; height: 27px; font-size: 11px; }.network-center strong { font-size: 8px; }.network-center small,.network-center b { display: none; }.network-node { width: 100%; min-height: 60px; position: static; }.integration-problems,.methods-grid,.systems-grid,.workflow-example-grid,.deployment-boundaries { grid-template-columns: 1fr; }.architecture-workbench { padding: 28px 20px 82px; grid-template-columns: 1fr; }.architecture-transfer { width: 1px; height: 24px; margin: auto; flex-direction: column; }.architecture-transfer::before { width: 1px; height: 100%; top: 0; left: 0; }.architecture-engine { width: 100%; }.architecture-workbench > footer { min-height: 65px; flex-wrap: wrap; gap: 8px 13px; }.architecture-workbench > footer strong { width: 100%; margin: 0; }.explorer-tabs { grid-template-columns: 1fr 1fr; }.explorer-tabs button:last-child { grid-column: 1 / -1; }.explorer-body { grid-template-columns: 1fr; }.explorer-panels { padding: 32px 24px; border-right: 0; border-bottom: 1px solid var(--border-light); }.explorer-flow { padding: 27px 20px; }.governance-copy ul { grid-template-columns: 1fr; }.workflow-example-grid article > div { grid-template-columns: 1fr; }.workflow-example-grid article > div b { transform: rotate(90deg); text-align: center; }.process-track { grid-template-columns: 1fr 1fr; }.process-track li { min-height: 190px; } }
@media (prefers-reduced-motion:reduce) { .network-lines path,.architecture-transfer i,.explorer-connection i { animation: none; } }

/* Enterprise deployment options */
.deployment-hero { min-height: 850px; padding: 175px 0 105px; position: relative; overflow: hidden; background: radial-gradient(circle at 77% 43%,rgba(79,142,220,.13),transparent 28%),radial-gradient(circle at 70% 50%,rgba(145,185,76,.08),transparent 38%),linear-gradient(145deg,#050808,#0c120d); }
.deployment-hero-layout { position: relative; display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 75px; }
.deployment-hero-copy h1 { max-width: 690px; color: #f4f7f4; font-size: clamp(49px,5.2vw,78px); line-height: .99; }
.deployment-hero-copy > p:not(.eyebrow) { max-width: 610px; margin: 27px 0 31px; color: #aab3ac; font-size: 17px; line-height: 1.75; }
.boundary-visual { min-width: 0; color: var(--text-light); background: rgba(10,14,11,.92); border: 1px solid #2a332b; border-radius: 24px; box-shadow: 0 38px 90px rgba(0,0,0,.38); transition: transform 180ms ease-out; overflow: hidden; }
.boundary-visual > header { min-height: 58px; padding: 0 21px; display: flex; align-items: center; justify-content: space-between; color: #69756b; background: #090c0a; border-bottom: 1px solid var(--border-dark); font-size: 7px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.boundary-visual > header strong { display: flex; align-items: center; gap: 7px; color: #a8b2aa; }.boundary-visual > header i { width: 6px; height: 6px; background: var(--brand-bright); border-radius: 50%; box-shadow: 0 0 8px var(--brand-bright); animation: enterprise-pulse 1.8s ease-in-out infinite; }
.boundary-canvas { min-height: 455px; padding: 36px 29px; position: relative; display: grid; grid-template-columns: 1fr .28fr 1fr; align-items: center; gap: 13px; background-image: linear-gradient(rgba(255,255,255,.019) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.019) 1px,transparent 1px); background-size: 28px 28px; }
.customer-boundary,.managed-boundary { min-height: 315px; padding: 24px; position: relative; display: flex; justify-content: center; flex-direction: column; gap: 11px; border: 1px solid rgba(79,142,220,.43); border-radius: 18px; background: rgba(79,142,220,.035); }.customer-boundary > span,.managed-boundary > span { position: absolute; top: 15px; left: 17px; color: #76a6df; font-size: 7px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.customer-boundary > b { position: absolute; right: 15px; bottom: 13px; color: #6e9dd4; font-size: 6px; }
.boundary-system { min-height: 68px; padding: 10px; display: flex; align-items: center; gap: 10px; background: #151b16; border: 1px solid #303a31; border-radius: 11px; }.boundary-system > i { width: 37px; height: 37px; display: grid; place-items: center; flex: 0 0 auto; color: #b2bdb4; background: #252e27; border-radius: 9px; font-size: 7px; font-style: normal; font-weight: 800; }.boundary-system strong,.boundary-system small { display: block; }.boundary-system strong { color: #dce3dd; font-size: 8px; }.boundary-system small { margin-top: 3px; color: #6d786f; font-size: 6px; }
.boundary-bridge { height: 1px; display: flex; justify-content: space-between; background: rgba(145,185,76,.23); }.boundary-bridge i { width: 5px; height: 5px; margin-top: -2px; background: var(--brand-bright); border-radius: 50%; box-shadow: 0 0 8px var(--brand-bright); animation: architecture-transfer-pulse 1.5s ease-in-out infinite; }.boundary-bridge i:nth-child(2) { animation-delay: -.5s; }.boundary-bridge i:nth-child(3) { animation-delay: -1s; }
.managed-boundary { align-items: center; border-color: rgba(145,185,76,.4); background: rgba(145,185,76,.03); }.managed-boundary > span { color: var(--brand-bright); }.boundary-paptra { width: 100%; min-height: 185px; display: flex; align-items: center; justify-content: center; flex-direction: column; background: radial-gradient(circle at 40% 27%,#2b3a25,#111711); border: 1px solid rgba(145,185,76,.37); border-radius: 25px; box-shadow: 0 0 50px rgba(145,185,76,.1); }.boundary-paptra > i { width: 42px; height: 42px; display: grid; place-items: center; color: var(--ink); background: var(--brand-bright); border-radius: 11px; font-size: 16px; font-style: normal; font-weight: 800; }.boundary-paptra strong { margin-top: 8px; color: #eff3f0; font-size: 11px; }.boundary-paptra small { color: #748077; font-size: 6px; }.boundary-paptra b { margin-top: 15px; padding: 7px 9px; color: var(--brand-bright); background: rgba(145,185,76,.08); border: 1px solid rgba(145,185,76,.18); border-radius: 99px; font-size: 5px; }
.boundary-visual > footer { min-height: 58px; padding: 0 22px; display: flex; align-items: center; gap: 22px; color: #6d786f; background: #090c0a; border-top: 1px solid var(--border-dark); font-size: 7px; }.boundary-visual > footer div { display: flex; align-items: center; gap: 6px; }.boundary-visual > footer i { width: 6px; height: 6px; background: #4f8edc; border-radius: 50%; }.boundary-visual > footer div:nth-child(2) i { background: var(--brand-bright); }.boundary-visual > footer div:nth-child(3) i { background: #e7c765; }
.deployment-reasons,.model-details,.deployment-governance,.deployment-process { padding: 115px 0 125px; }.reason-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 15px; }.reason-grid article { min-height: 275px; padding: 24px; position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--border-light); border-radius: 16px; box-shadow: 0 13px 38px rgba(37,50,32,.055); transition: transform 250ms,border-color 250ms; }.reason-grid article:hover { transform: translateY(-4px); border-color: rgba(145,185,76,.55); }.reason-grid article > span { position: absolute; top: 21px; right: 21px; color: #9da69f; font-size: 7px; font-weight: 800; }.reason-grid article > i { width: 43px; height: 43px; display: grid; place-items: center; color: var(--brand-dark); background: rgba(145,185,76,.12); border-radius: 10px; font-size: 7px; font-style: normal; font-weight: 800; }.reason-grid h3 { margin: auto 0 10px; font-size: 19px; }.reason-grid p { margin: 0; font-size: 10px; line-height: 1.6; }
.deployment-compare-section { padding: 115px 0 125px; }.deployment-page-showcase .deployment-tabs { margin-top: 50px; }.deployment-page-showcase .deployment-body { min-height: 485px; }.deployment-page-showcase .deployment-panels { padding: 50px; }.deployment-page-showcase .deployment-panel dl > div { grid-template-columns: .75fr 1.25fr; }
.model-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 17px; }.model-grid article { min-height: 405px; padding: 28px; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--border-light); border-radius: 18px; box-shadow: 0 15px 42px rgba(37,50,32,.06); }.model-grid article header { display: flex; align-items: center; justify-content: space-between; }.model-grid article header i { width: 34px; height: 34px; display: grid; place-items: center; color: var(--brand-dark); background: rgba(145,185,76,.13); border-radius: 9px; font-size: 7px; font-style: normal; font-weight: 800; }.model-grid article header span { color: #8b958d; font-size: 7px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }.model-grid h3 { margin: 45px 0 13px; font-size: 30px; }.model-grid p { font-size: 11px; line-height: 1.65; }.model-grid ul { margin: auto 0 0; padding: 20px 0 0; display: grid; gap: 10px; border-top: 1px solid var(--border-light); list-style: none; }.model-grid li { display: flex; gap: 8px; color: #657165; font-size: 8px; }.model-grid li::before { content: "✓"; color: var(--brand-dark); font-weight: 900; }
.responsibility-section { padding: 115px 0 125px; }.responsibility-table-wrap { color: #dce3dd; background: #0d110e; border: 1px solid var(--border-dark); border-radius: 20px; overflow: hidden; }.responsibility-table { width: 100%; border-collapse: collapse; }.responsibility-table th,.responsibility-table td { height: 66px; padding: 13px 18px; border-right: 1px solid #283029; border-bottom: 1px solid #283029; text-align: left; }.responsibility-table tr > *:last-child { border-right: 0; }.responsibility-table tbody tr:last-child > * { border-bottom: 0; }.responsibility-table thead th { height: 82px; color: #eef2ef; background: #090c0a; font-size: 9px; }.responsibility-table thead th:first-child { color: #707b72; }.responsibility-table thead i { width: 25px; height: 25px; margin-right: 8px; display: inline-grid; place-items: center; color: var(--ink); background: var(--brand-bright); border-radius: 7px; font-size: 6px; font-style: normal; }.responsibility-table tbody th { color: #aab3ac; background: #111612; font-size: 8px; }.responsibility-table td { font-size: 7px; }.responsibility-table td span { padding: 7px 9px; display: inline-flex; border: 1px solid; border-radius: 999px; font-weight: 800; }.responsibility-table .managed { color: var(--brand-bright); background: rgba(145,185,76,.08); border-color: rgba(145,185,76,.25); }.responsibility-table .customer { color: #82b5f1; background: rgba(79,142,220,.08); border-color: rgba(79,142,220,.28); }.responsibility-table .shared { color: #e7c765; background: rgba(231,199,101,.07); border-color: rgba(231,199,101,.25); }.table-legend { min-height: 60px; padding: 0 19px; display: flex; align-items: center; gap: 22px; color: #707c72; background: #090c0a; border-top: 1px solid var(--border-dark); font-size: 6px; }.table-legend span { display: flex; align-items: center; gap: 6px; }.table-legend i { width: 6px; height: 6px; background: var(--brand-bright); border-radius: 50%; }.table-legend span:nth-child(2) i { background: #4f8edc; }.table-legend span:nth-child(3) i { background: #e7c765; }
.security-console { min-height: 520px; position: relative; overflow: hidden; background: #0d110e; border: 1px solid var(--border-dark); border-radius: 22px; box-shadow: 0 30px 65px rgba(39,52,33,.12); }.security-console::before { content: ""; position: absolute; inset: 0; opacity: .6; background-image: linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px); background-size: 28px 28px; mask-image: radial-gradient(circle,#000,transparent 78%); }.security-boundary-ring { position: absolute; top: 50%; left: 50%; border: 1px dashed rgba(145,185,76,.2); border-radius: 50%; transform: translate(-50%,-50%); animation: enterprise-spin 24s linear infinite; }.ring-one { width: 340px; height: 340px; }.ring-two { width: 245px; height: 245px; border-color: rgba(79,142,220,.25); animation-direction: reverse; animation-duration: 18s; }.security-core { width: 145px; height: 145px; position: absolute; z-index: 3; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; background: radial-gradient(circle at 40% 27%,#2a3924,#111711); border: 1px solid rgba(145,185,76,.45); border-radius: 31px; box-shadow: 0 0 55px rgba(145,185,76,.13); transform: translate(-50%,-50%); }.security-core > span { width: 39px; height: 39px; display: grid; place-items: center; color: var(--ink); background: var(--brand-bright); border-radius: 10px; font-size: 15px; font-weight: 800; }.security-core strong { margin-top: 7px; color: #edf2ee; font-size: 9px; }.security-core small { color: #737f75; font-size: 6px; }
.security-control { width: 170px; min-height: 65px; padding: 10px; position: absolute; z-index: 2; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; background: #151a16; border: 1px solid #2d352e; border-radius: 11px; }.security-control > i { width: 36px; height: 36px; display: grid; place-items: center; color: #b0bab2; background: #252d26; border-radius: 9px; font-size: 7px; font-style: normal; font-weight: 800; }.security-control strong,.security-control small { display: block; }.security-control strong { color: #dce3dd; font-size: 8px; }.security-control small { margin-top: 2px; color: #6b776d; font-size: 6px; }.security-control > b { width: 17px; height: 17px; display: grid; place-items: center; color: var(--ink); background: var(--brand-bright); border-radius: 50%; font-size: 7px; }.control-identity { top: 42px; left: 35px; }.control-encryption { top: 42px; right: 35px; }.control-network { bottom: 42px; left: 35px; }.control-audit { right: 35px; bottom: 42px; }
.deployment-integration { padding: 110px 0; }.deployment-integration-layout { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 90px; }.deployment-integration-copy h2 { color: #eff3f0; }.deployment-integration-copy > p:not(.eyebrow) { max-width: 555px; font-size: 15px; line-height: 1.75; }.deployment-integration-map { min-height: 400px; padding: 32px; display: grid; grid-template-columns: 1fr .72fr 1fr; align-items: center; gap: 16px; background: #0d110e; border: 1px solid var(--border-dark); border-radius: 20px; }.integration-zone { min-height: 280px; padding: 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 11px; border: 1px solid rgba(79,142,220,.38); border-radius: 16px; background: rgba(79,142,220,.025); }.integration-zone > span { margin-bottom: 12px; color: #78a7df; font-size: 7px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.integration-zone > i { width: 100%; min-height: 48px; display: grid; place-items: center; color: #b7c0b9; background: #171d18; border: 1px solid #2e382f; border-radius: 9px; font-size: 7px; font-style: normal; font-weight: 800; }.integration-gateway { display: grid; justify-items: center; gap: 13px; }.integration-gateway > small { color: #6f7b72; font-size: 6px; }.integration-gateway > div { width: 100%; display: flex; justify-content: space-between; position: relative; }.integration-gateway > div::before { content: ""; height: 1px; position: absolute; top: 50%; right: 0; left: 0; background: rgba(231,199,101,.35); }.integration-gateway i { width: 5px; height: 5px; position: relative; background: #e7c765; border-radius: 50%; animation: architecture-transfer-pulse 1.4s ease-in-out infinite; }.integration-gateway i:nth-child(2) { animation-delay: -.45s; }.integration-gateway i:nth-child(3) { animation-delay: -.9s; }.integration-gateway strong { color: #a99b70; font-size: 5px; text-align: center; }.paptra-zone { border-color: rgba(145,185,76,.4); background: rgba(145,185,76,.025); }.paptra-zone > span { color: var(--brand-bright); }.paptra-zone > b { width: 60px; height: 60px; display: grid; place-items: center; color: var(--ink); background: var(--brand-bright); border-radius: 16px; font-size: 21px; }.paptra-zone > strong { color: #dfe5e0; font-size: 8px; text-align: center; }
.deployment-process-track { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6,1fr); list-style: none; }.deployment-process-track li { min-height: 235px; padding: 21px 17px; position: relative; display: flex; flex-direction: column; border-top: 1px solid var(--border-light); border-bottom: 1px solid var(--border-light); border-right: 1px solid var(--border-light); }.deployment-process-track li:first-child { border-left: 1px solid var(--border-light); border-radius: 14px 0 0 14px; }.deployment-process-track li:last-child { border-radius: 0 14px 14px 0; }.deployment-process-track li > span { color: #9aa49c; font-size: 7px; font-weight: 800; }.deployment-process-track li > i { width: 41px; height: 41px; margin-top: 26px; display: grid; place-items: center; color: var(--brand-dark); background: rgba(145,185,76,.11); border-radius: 10px; font-size: 11px; font-style: normal; font-weight: 800; }.deployment-process-track h3 { margin: auto 0 8px; font-size: 16px; }.deployment-process-track p { margin: 0; font-size: 8px; line-height: 1.5; }.deployment-faq { padding-top: 40px; }
@media (max-width:1160px) { .deployment-hero-layout { grid-template-columns: 1fr; }.deployment-hero-copy { max-width: 800px; }.boundary-visual { max-width: 820px; }.reason-grid { grid-template-columns: repeat(3,1fr); }.model-grid { grid-template-columns: 1fr 1fr; }.deployment-integration-layout { grid-template-columns: 1fr; gap: 55px; } }
@media (max-width:760px) { .deployment-hero { min-height: auto; padding: 130px 0 75px; }.deployment-hero-copy h1 { font-size: clamp(42px,13vw,61px); }.deployment-hero-copy > p:not(.eyebrow) { font-size: 15px; }.boundary-canvas { padding: 25px 19px; grid-template-columns: 1fr; }.boundary-bridge { width: 1px; height: 28px; margin: auto; flex-direction: column; }.customer-boundary,.managed-boundary { min-height: 260px; }.boundary-visual > footer { min-height: 75px; flex-wrap: wrap; gap: 8px 15px; }.reason-grid,.model-grid { grid-template-columns: 1fr; }.deployment-page-showcase .deployment-tabs { margin: 25px 20px 0; grid-template-columns: 1fr 1fr; }.deployment-page-showcase .deployment-tabs button { border-bottom: 1px solid var(--border-dark); }.deployment-page-showcase .deployment-body { margin: 0 20px 25px; }.responsibility-table-wrap { overflow-x: auto; }.responsibility-table { min-width: 760px; }.table-legend { min-width: 760px; }.security-console { min-height: auto; padding: 170px 20px 20px; display: grid; gap: 9px; }.security-boundary-ring { display: none; }.security-core { top: 20px; transform: translateX(-50%); }.security-control { width: 100%; position: static; }.deployment-integration-map { padding: 24px 19px; grid-template-columns: 1fr; }.integration-gateway > div { width: 1px; height: 30px; flex-direction: column; }.integration-gateway > div::before { width: 1px; height: 100%; top: 0; left: 0; }.deployment-process-track { grid-template-columns: 1fr 1fr; gap: 10px; }.deployment-process-track li,.deployment-process-track li:first-child,.deployment-process-track li:last-child { min-height: 195px; border: 1px solid var(--border-light); border-radius: 12px; } }
@media (prefers-reduced-motion:reduce) { .boundary-visual > header i,.boundary-bridge i,.security-boundary-ring,.integration-gateway i { animation: none; } }