.tech-architecture-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#f8fafc 0%,#eefbfc 48%,#fff 100%)!important}
.tech-architecture{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:2rem;align-items:center;padding:clamp(1.25rem,3vw,2.6rem);border-radius:32px;background:linear-gradient(135deg,#071522 0%,#0b2636 52%,#17162e 100%);border:1px solid rgba(125,211,252,.26);box-shadow:0 36px 100px rgba(8,47,73,.22),inset 0 1px 0 rgba(255,255,255,.14);position:relative;isolation:isolate}
.tech-architecture::before{content:'';position:absolute;inset:0;border-radius:32px;background:radial-gradient(circle at 82% 14%,rgba(34,211,238,.14),transparent 34%),radial-gradient(circle at 18% 90%,rgba(201,162,39,.12),transparent 34%);pointer-events:none;z-index:-1}
.tech-architecture__copy{padding:.6rem .8rem;max-width:430px}
.tech-architecture__eyebrow{display:inline-flex;align-items:center;min-height:1.9rem;padding:.35rem .7rem;border-radius:999px;background:rgba(236,254,255,.1);border:1px solid rgba(125,211,252,.28);color:#a5f3fc;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.tech-architecture__copy h2{margin:1rem 0 .9rem;color:#f8fafc;line-height:1.08;letter-spacing:0}
.tech-architecture__copy p{color:rgba(224,242,254,.8);line-height:1.72}
.tech-architecture__chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.45rem}
.tech-architecture__chips .badge{display:inline-flex;align-items:center;min-height:1.9rem;background:rgba(236,254,255,.1);border-color:rgba(125,211,252,.24);color:#dffbff;box-shadow:none}
.tech-architecture__visual{position:relative;min-width:0;padding:.45rem;border-radius:26px;background:linear-gradient(145deg,rgba(125,211,252,.14),rgba(196,181,253,.08));border:1px solid rgba(224,242,254,.14);box-shadow:0 24px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.12);overflow:hidden}
.tech-architecture__visual::after{content:'';position:absolute;inset:12% 10%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(34,211,238,.18),transparent 66%);filter:blur(22px);pointer-events:none}
.tech-architecture__visual img{display:block;position:relative;z-index:1;width:100%;height:auto}
.tech-architecture__status{display:flex;align-items:center;gap:.5rem;padding:.45rem .65rem .25rem;color:rgba(224,242,254,.65);font-size:.7rem;font-weight:800;letter-spacing:.02em}
.tech-architecture__status i{display:block;width:.45rem;height:.45rem;border-radius:50%;background:#34d399;box-shadow:0 0 12px rgba(52,211,153,.8)}
@media (max-width:860px){.tech-architecture{grid-template-columns:1fr;gap:1.25rem}.tech-architecture__copy{max-width:none}.tech-architecture__visual{order:-1}}
@media (max-width:560px){.tech-architecture{padding:1rem;border-radius:24px}.tech-architecture::before{border-radius:24px}.tech-architecture__copy{padding:.25rem}.tech-architecture__copy h2{font-size:1.75rem}.tech-architecture__visual{padding:.2rem;border-radius:20px}.tech-architecture__status{font-size:.65rem}}
@media (prefers-reduced-motion:reduce){.tech-architecture *,.tech-architecture *::before,.tech-architecture *::after{animation:none!important;transition:none!important}}

/* Live 3D technology graph: layered, readable, and intentionally lightweight. */
.tech-stack-graph{position:relative;min-height:520px;overflow:hidden;border-radius:22px;background:linear-gradient(145deg,#061522 0%,#0a2232 52%,#17152f 100%);isolation:isolate;perspective:1100px;transform-style:preserve-3d}
.tech-stack-graph__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(125,211,252,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(180deg,rgba(0,0,0,.95),transparent 88%);opacity:.7}
.tech-stack-graph__grid::after{content:'';position:absolute;inset:-30%;background:radial-gradient(circle at 50% 42%,rgba(34,211,238,.2),transparent 26%),radial-gradient(circle at 80% 70%,rgba(124,58,237,.18),transparent 28%);animation:tech-graph-breathe 7s ease-in-out infinite alternate}
.tech-stack-graph__stack{position:absolute;left:50%;top:50%;width:260px;height:250px;transform:translate(-50%,-48%) rotateX(55deg) rotateZ(-8deg);transform-style:preserve-3d;filter:drop-shadow(0 32px 28px rgba(0,0,0,.34));animation:tech-stack-float 7s ease-in-out infinite}
.tech-stack-graph__layer{position:absolute;left:0;width:260px;height:72px;display:flex;align-items:center;gap:.7rem;padding:0 1rem;border:1px solid rgba(186,230,253,.42);border-radius:16px;background:linear-gradient(135deg,rgba(14,116,144,.94),rgba(8,47,73,.94));box-shadow:0 14px 0 rgba(4,31,48,.9),0 24px 34px rgba(0,0,0,.2);transform-style:preserve-3d}
.tech-stack-graph__layer::after{content:'';position:absolute;left:15%;right:15%;bottom:-7px;height:9px;border-radius:0 0 12px 12px;background:linear-gradient(90deg,rgba(103,232,249,.52),rgba(201,162,39,.5));transform:translateZ(-1px);opacity:.7}
.tech-stack-graph__layer--top{top:0;transform:translateZ(112px);background:linear-gradient(135deg,rgba(124,58,237,.94),rgba(67,40,117,.96));border-color:rgba(221,214,254,.6)}
.tech-stack-graph__layer--signature{top:58px;transform:translateZ(72px);background:linear-gradient(135deg,rgba(136,92,26,.96),rgba(83,54,12,.98));border-color:rgba(253,230,138,.58)}
.tech-stack-graph__layer--integrity{top:116px;transform:translateZ(32px)}
.tech-stack-graph__layer--data{top:174px;transform:translateZ(-8px);background:linear-gradient(135deg,rgba(15,91,112,.96),rgba(6,39,57,.98))}
.tech-stack-graph__layer-index{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border:1px solid rgba(255,255,255,.26);border-radius:9px;color:#f8fafc;font-size:.67rem;font-weight:900}
.tech-stack-graph__layer strong{color:#f8fafc;font-size:.75rem;letter-spacing:.02em;white-space:nowrap}
.tech-stack-graph__layer i{width:7px;height:7px;margin-left:auto;border-radius:50%;background:#67e8f9;box-shadow:0 0 14px rgba(103,232,249,.95);animation:tech-graph-pulse 2.2s ease-in-out infinite}
.tech-stack-graph__layer--top i{background:#ddd6fe;box-shadow:0 0 14px rgba(221,214,254,.95)}
.tech-stack-graph__layer--signature i{background:#fde68a;box-shadow:0 0 14px rgba(253,230,138,.95)}
.tech-stack-graph__core{position:absolute;left:50%;top:50%;z-index:4;display:grid;place-items:center;width:142px;height:142px;padding:1rem;border:1px solid rgba(186,230,253,.62);border-radius:50%;background:radial-gradient(circle at 35% 30%,#1d7490 0%,#0a293a 54%,#10152e 100%);box-shadow:0 0 0 10px rgba(103,232,249,.05),0 0 58px rgba(34,211,238,.26),inset 0 1px 0 rgba(255,255,255,.26);transform:translate(-50%,-50%) translateZ(210px);text-align:center;animation:tech-core-breathe 4.5s ease-in-out infinite}
.tech-stack-graph__core-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#fde68a,#c9a227);color:#071522;font-size:.78rem;font-weight:950;box-shadow:0 8px 20px rgba(201,162,39,.32)}
.tech-stack-graph__core strong{margin-top:.3rem;color:#f8fafc;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}
.tech-stack-graph__core small{color:#bae6fd;font-size:.58rem;line-height:1.2}
.tech-stack-graph__core-orbit{position:absolute;border:1px dashed rgba(186,230,253,.54);border-radius:50%;pointer-events:none}
.tech-stack-graph__core-orbit--one{inset:11px;animation:tech-graph-spin 12s linear infinite}
.tech-stack-graph__core-orbit--two{inset:-9px;border-color:rgba(253,230,138,.5);animation:tech-graph-spin-reverse 18s linear infinite}
.tech-stack-graph__node{position:absolute;z-index:5;display:grid;gap:.18rem;width:145px;padding:.8rem .85rem;border:1px solid rgba(186,230,253,.3);border-radius:15px;background:rgba(7,30,45,.88);box-shadow:0 16px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(12px);transform:translateZ(35px);animation:tech-node-float 5s ease-in-out infinite}
.tech-stack-graph__node--input{left:5%;top:17%}.tech-stack-graph__node--policy{right:5%;top:21%;animation-delay:-1.2s}.tech-stack-graph__node--review{left:6%;bottom:16%;animation-delay:-2.4s}.tech-stack-graph__node--export{right:5%;bottom:13%;animation-delay:-3.1s}
.tech-stack-graph__node-kicker{color:#67e8f9;font-size:.59rem;font-weight:950;letter-spacing:.12em}
.tech-stack-graph__node strong{color:#f8fafc;font-size:.7rem;line-height:1.22}
.tech-stack-graph__node small{color:#9cc9d8;font-size:.62rem}
.tech-stack-graph__beam{position:absolute;z-index:2;height:1px;transform-origin:left center;background:linear-gradient(90deg,transparent,#67e8f9 18%,#c4b5fd 82%,transparent);box-shadow:0 0 12px rgba(103,232,249,.8);opacity:.85;animation:tech-beam-flow 3.4s ease-in-out infinite}
.tech-stack-graph__beam::after{content:'';position:absolute;top:-3px;left:25%;width:7px;height:7px;border-radius:50%;background:#fef3c7;box-shadow:0 0 14px #fde68a;animation:tech-beam-dot 2.5s linear infinite}
.tech-stack-graph__beam--a{left:24%;top:29%;width:30%;transform:rotate(20deg)}
.tech-stack-graph__beam--b{right:24%;top:31%;width:30%;transform:rotate(160deg)}
.tech-stack-graph__beam--c{left:24%;bottom:28%;width:29%;transform:rotate(-20deg);animation-delay:-1.2s}
.tech-stack-graph__beam--d{right:24%;bottom:27%;width:29%;transform:rotate(200deg);animation-delay:-2s}
.tech-stack-graph__caption{position:absolute;left:50%;bottom:1.05rem;z-index:6;display:flex;align-items:center;gap:.55rem;transform:translateX(-50%);white-space:nowrap;color:#b6eef5;font-size:.67rem;font-weight:850;letter-spacing:.03em}
.tech-stack-graph__caption i{width:.42rem;height:.42rem;border-radius:50%;background:#34d399;box-shadow:0 0 12px rgba(52,211,153,.95)}
.tech-stack-graph__caption b{padding:.2rem .36rem;border:1px solid rgba(52,211,153,.36);border-radius:999px;color:#86efac;font-size:.52rem;letter-spacing:.1em}
@keyframes tech-stack-float{0%,100%{transform:translate(-50%,-48%) rotateX(55deg) rotateZ(-8deg) translateY(0)}50%{transform:translate(-50%,-48%) rotateX(55deg) rotateZ(-8deg) translateY(-8px)}}
@keyframes tech-core-breathe{0%,100%{box-shadow:0 0 0 10px rgba(103,232,249,.05),0 0 58px rgba(34,211,238,.26),inset 0 1px 0 rgba(255,255,255,.26)}50%{box-shadow:0 0 0 16px rgba(103,232,249,.04),0 0 78px rgba(34,211,238,.42),inset 0 1px 0 rgba(255,255,255,.3)}}
@keyframes tech-graph-spin{to{transform:rotate(360deg)}}
@keyframes tech-graph-spin-reverse{to{transform:rotate(-360deg)}}
@keyframes tech-graph-pulse{0%,100%{transform:scale(.8);opacity:.55}50%{transform:scale(1.4);opacity:1}}
@keyframes tech-node-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes tech-beam-flow{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes tech-beam-dot{from{left:12%;opacity:0}20%{opacity:1}to{left:88%;opacity:0}}
@keyframes tech-graph-breathe{from{transform:scale(.9);opacity:.55}to{transform:scale(1.1);opacity:1}}
@media (max-width:860px){.tech-stack-graph{min-height:480px}.tech-stack-graph__node{width:128px}.tech-stack-graph__node--input{left:3%;top:14%}.tech-stack-graph__node--policy{right:3%;top:18%}.tech-stack-graph__node--review{left:3%;bottom:15%}.tech-stack-graph__node--export{right:3%;bottom:12%}}
@media (max-width:560px){.tech-stack-graph{min-height:430px;border-radius:18px}.tech-stack-graph__stack{transform:translate(-50%,-48%) rotateX(55deg) rotateZ(-8deg) scale(.72);animation:none}.tech-stack-graph__core{transform:translate(-50%,-50%) translateZ(210px) scale(.82)}.tech-stack-graph__node{width:103px;padding:.58rem .62rem}.tech-stack-graph__node strong{font-size:.6rem}.tech-stack-graph__node small{font-size:.55rem}.tech-stack-graph__node--input{left:2%;top:11%}.tech-stack-graph__node--policy{right:2%;top:15%}.tech-stack-graph__node--review{left:2%;bottom:14%}.tech-stack-graph__node--export{right:2%;bottom:11%}.tech-stack-graph__caption{font-size:.57rem}.tech-stack-graph__caption b{font-size:.45rem}}
@media (prefers-reduced-motion:reduce){.tech-stack-graph *,.tech-stack-graph *::before,.tech-stack-graph *::after{animation:none!important;transition:none!important}}

/* Trust Center CTA: a visible control rather than a muted section label. */
.trust-cta-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;max-width:100%;overflow:hidden;padding:.7rem 1.1rem;border:1px solid rgba(14,116,144,.3);border-radius:999px;background:linear-gradient(135deg,#ecfeff 0%,#d9f7f8 54%,#fef3c7 100%);color:#075985!important;font-size:.82rem;font-weight:850;line-height:1.25;letter-spacing:.01em;text-decoration:none;box-shadow:0 12px 28px rgba(14,116,144,.14),0 0 0 4px rgba(125,211,252,.1),inset 0 1px 0 rgba(255,255,255,.95);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.trust-cta-pill::before{content:'';position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(105deg,transparent 24%,rgba(255,255,255,.62) 48%,transparent 72%);transition:transform .55s ease;pointer-events:none}
.trust-cta-pill:hover{transform:translateY(-2px);border-color:rgba(14,116,144,.5);box-shadow:0 18px 38px rgba(14,116,144,.2),0 0 0 5px rgba(125,211,252,.13),inset 0 1px 0 rgba(255,255,255,.98)}
.trust-cta-pill:hover::before{transform:translateX(120%)}
.trust-cta-pill svg{position:relative;flex:0 0 auto;width:18px;height:18px;stroke:currentColor;filter:drop-shadow(0 2px 4px rgba(14,116,144,.16))}
.trust-cta-pill span{position:relative;text-align:left}
.trust-cta-pill span::after{content:'→';display:inline-block;margin-inline-start:.4rem;font-size:1.05em;font-weight:900;transition:transform .2s ease}
.trust-cta-pill:hover span::after{transform:translateX(3px)}
@media (max-width:560px){.trust-cta-pill{padding:.65rem .9rem;font-size:.76rem;white-space:normal}.trust-cta-pill svg{width:17px;height:17px}}
@media (prefers-reduced-motion:reduce){.trust-cta-pill,.trust-cta-pill::before{transition:none!important}.trust-cta-pill:hover{transform:none}}