/* =========================================================
   M2A GROUP V8 — DIGITAL ARCHITECTURE / SYSTEM GUIDE
   Signature palette: Obsidian + Premium Gold + Electric Cyan
   ========================================================= */

body.m2a-master-template.architecture-page{
  --arch-bg:#0B0F12;--arch-panel:#0E171C;--arch-panel-2:#10212A;
  --arch-gold:#D4AF37;--arch-gold-soft:#F2D76A;--arch-cyan:#39E4FF;--arch-cyan-soft:#8FF2FF;
  --arch-ice:#EAF8FC;--arch-ivory:#F7F2E8;--arch-ink:#14202A;--arch-copy:#E2E8F0;
  margin:0;background:#0B0F12!important;color:#F8FAFC;
}
body.m2a-master-template.architecture-page main{background:#0B0F12!important;overflow:hidden}
body.m2a-master-template.architecture-page .container{width:min(1200px,calc(100% - 42px));margin-inline:auto}
.architecture-experience *{box-sizing:border-box}
.architecture-experience a{text-decoration:none}
.architecture-experience svg{display:block}

/* ---------- shared ---------- */
.architecture-section-head{max-width:880px;margin-bottom:34px}.architecture-section-head>span,.architecture-rail-head>span,.architecture-final-card>span{display:inline-block;color:var(--arch-gold);font:900 11px/1.2 Inter,Cairo,sans-serif;letter-spacing:.16em}.architecture-section-head h2,.architecture-rail-head h2{margin:9px 0 12px;color:#F2D76A;font-size:clamp(34px,4.5vw,58px);line-height:1.3;letter-spacing:-.025em}.architecture-section-head p{max-width:760px;margin:0;color:#D8E3EB;font-size:16px;line-height:1.9}.architecture-section-head.light>span{color:#8A6817}.architecture-section-head.light h2{color:#17222D}.architecture-section-head.light p{color:#445669}
.architecture-icon,.architecture-node-icon,.architecture-flow-icon,.journey-icon,.rail-icon,.blueprint-core-icon,.architecture-core-icon{display:grid;place-items:center;flex:0 0 auto;border:1px solid currentColor;background:rgba(6,19,25,.92);color:var(--arch-cyan);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 10px color-mix(in srgb,currentColor 48%,transparent),0 0 24px color-mix(in srgb,currentColor 20%,transparent)}
.architecture-icon svg,.architecture-node-icon svg,.architecture-flow-icon svg,.journey-icon svg,.rail-icon svg,.blueprint-core-icon svg,.architecture-core-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px currentColor)}
.architecture-icon{width:42px;height:42px;border-radius:13px}
.architecture-primary-cta,.architecture-secondary-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;border-radius:14px;font-weight:900;font-size:13px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.architecture-primary-cta{border:1px solid #E6C858;color:#111A20;background:linear-gradient(135deg,#F5DD78,#D4AF37);box-shadow:0 12px 32px rgba(212,175,55,.18),0 0 24px rgba(212,175,55,.12)}
.architecture-secondary-cta{border:1px solid rgba(57,228,255,.42);color:#C9F8FF;background:rgba(57,228,255,.045);box-shadow:0 0 22px rgba(57,228,255,.07)}
.architecture-primary-cta:hover,.architecture-secondary-cta:hover{transform:translateY(-2px)}.architecture-secondary-cta:hover{border-color:rgba(57,228,255,.75);box-shadow:0 0 26px rgba(57,228,255,.13)}
.architecture-reveal{opacity:1;transform:none}.architecture-js .architecture-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.25,1)}.architecture-js .architecture-reveal.is-visible{opacity:1;transform:none}

/* ---------- hero ---------- */
.architecture-hero{position:relative;isolation:isolate;min-height:760px;display:grid;align-items:center;padding:145px 0 88px;border-bottom:1px solid rgba(212,175,55,.17);background:radial-gradient(circle at 14% 22%,rgba(57,228,255,.13),transparent 28%),radial-gradient(circle at 86% 19%,rgba(212,175,55,.18),transparent 27%),linear-gradient(180deg,#0B0F12,#091217)!important}
.architecture-grid,.architecture-flow-grid{position:absolute;inset:0;z-index:-3;pointer-events:none;background-image:linear-gradient(rgba(57,228,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.03) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.78),transparent 93%)}
.architecture-orb{position:absolute;z-index:-2;border-radius:50%;pointer-events:none}.architecture-orb.cyan{width:420px;height:420px;left:-110px;bottom:-55px;background:radial-gradient(circle,rgba(57,228,255,.17),transparent 68%)}.architecture-orb.gold{width:380px;height:380px;right:-100px;top:90px;background:radial-gradient(circle,rgba(212,175,55,.20),transparent 68%)}
.architecture-hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:62px;align-items:center}.architecture-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;padding:10px 15px;border:1px solid rgba(57,228,255,.34);border-radius:999px;color:#C9F8FF;background:rgba(5,18,24,.78);font:900 11px/1 Inter,Cairo,sans-serif;letter-spacing:.14em;box-shadow:0 0 24px rgba(57,228,255,.08)}.architecture-kicker i{width:8px;height:8px;border-radius:50%;background:var(--arch-cyan);box-shadow:0 0 0 4px rgba(57,228,255,.08),0 0 16px rgba(57,228,255,.65)}
.architecture-hero h1{max-width:790px;margin:0;font-size:clamp(54px,6.6vw,94px);font-weight:900;line-height:1.08;letter-spacing:-.05em;background:linear-gradient(130deg,#FFF4BF 0%,#F2D76A 28%,#D4AF37 58%,#39E4FF 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.architecture-hero h1 em{font-style:normal}.architecture-hero-copy>p{max-width:760px;margin:27px 0 0;color:#E2E8F0;font-size:clamp(17px,1.55vw,20px);line-height:1.95}.architecture-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}
.architecture-blueprint{position:relative;isolation:isolate;width:min(100%,510px);aspect-ratio:1;margin-inline:auto;border:1px solid rgba(212,175,55,.30);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(57,228,255,.08),rgba(8,20,26,.72) 42%,rgba(7,14,18,.95) 70%);box-shadow:0 40px 90px rgba(0,0,0,.35),0 0 46px rgba(57,228,255,.08),inset 0 0 55px rgba(57,228,255,.04)}
.blueprint-ring{position:absolute;inset:50%;border:1px dashed rgba(57,228,255,.30);border-radius:50%;transform:translate(-50%,-50%);animation:architecture-spin 24s linear infinite}.blueprint-ring.r1{width:82%;height:82%}.blueprint-ring.r2{width:61%;height:61%;border-color:rgba(212,175,55,.28);animation-direction:reverse;animation-duration:31s}.blueprint-ring.r3{width:38%;height:38%;border-style:solid;border-color:rgba(57,228,255,.24);animation-duration:18s}.blueprint-core{position:absolute;inset:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:145px;height:145px;transform:translate(-50%,-50%);border:1px solid rgba(212,175,55,.55);border-radius:50%;background:linear-gradient(145deg,#0B1D25,#091217);box-shadow:0 0 0 8px rgba(212,175,55,.025),0 0 38px rgba(57,228,255,.15)}.blueprint-core-icon{width:44px;height:44px;border-radius:14px;color:#39E4FF}.blueprint-core small{margin-top:8px;color:#F2D76A;font:900 10px/1 Inter,sans-serif;letter-spacing:.16em}.blueprint-core strong{margin-top:5px;color:#F8FAFC;font:900 13px/1.2 Inter,sans-serif}.blueprint-chip{position:absolute;padding:9px 12px;border:1px solid rgba(57,228,255,.30);border-radius:11px;background:rgba(8,22,28,.9);color:#EAFBFF;font:800 10px/1 Inter,sans-serif;letter-spacing:.08em;box-shadow:0 0 18px rgba(57,228,255,.07)}.blueprint-chip.c1{top:12%;left:42%}.blueprint-chip.c2{top:43%;right:5%}.blueprint-chip.c3{bottom:13%;left:42%}.blueprint-chip.c4{top:43%;left:3%}
@keyframes architecture-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}

/* ---------- interactive system map ---------- */
.architecture-map-section{padding:92px 0 88px;background:radial-gradient(circle at 50% 40%,rgba(57,228,255,.07),transparent 38%),linear-gradient(180deg,#07141A,#0A1014)!important}.architecture-map-stage{position:relative;height:650px;border:1px solid rgba(57,228,255,.18);border-radius:34px;background:radial-gradient(circle at 50% 50%,rgba(57,228,255,.07),transparent 27%),linear-gradient(145deg,rgba(14,48,58,.65),rgba(7,16,21,.96));box-shadow:0 32px 80px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.045);overflow:hidden;--mx:0px;--my:0px}.architecture-map-stage::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(57,228,255,.16) 1px,transparent 1.6px);background-size:34px 34px;opacity:.30;transform:translate(var(--mx),var(--my));transition:transform .25s ease}.architecture-connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.architecture-connectors path{fill:none;stroke:rgba(57,228,255,.26);stroke-width:1.4;stroke-dasharray:8 10;vector-effect:non-scaling-stroke;animation:architecture-data-line 8s linear infinite;filter:drop-shadow(0 0 4px rgba(57,228,255,.38))}@keyframes architecture-data-line{to{stroke-dashoffset:-72}}
.architecture-core{position:absolute;z-index:4;left:50%;top:50%;width:235px;min-height:235px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;border:1px solid rgba(212,175,55,.55);border-radius:50%;background:radial-gradient(circle at 50% 25%,rgba(57,228,255,.10),transparent 42%),linear-gradient(145deg,#0D222A,#091217);box-shadow:0 0 0 12px rgba(212,175,55,.022),0 0 55px rgba(57,228,255,.13),0 28px 58px rgba(0,0,0,.32)}.core-pulse{position:absolute;inset:-20px;border:1px solid rgba(57,228,255,.17);border-radius:50%;animation:architecture-core-pulse 3.4s ease-out infinite}.architecture-core-icon{width:49px;height:49px;border-radius:16px;color:#39E4FF}.architecture-core small{margin-top:11px;color:#F2D76A;font:900 10px/1 Inter,sans-serif;letter-spacing:.16em}.architecture-core strong{margin-top:7px;color:#FFF;font-size:18px}.architecture-core p{margin:8px 0 0;color:#C9D7E0;font-size:11px;line-height:1.6}@keyframes architecture-core-pulse{0%{transform:scale(.92);opacity:.7}75%,100%{transform:scale(1.15);opacity:0}}
.architecture-node{position:absolute;z-index:5;display:flex;align-items:center;gap:12px;width:220px;min-height:78px;padding:13px;border:1px solid rgba(57,228,255,.28);border-radius:18px;background:rgba(10,25,32,.92);color:#F8FAFC;box-shadow:0 15px 34px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.055);backdrop-filter:blur(14px);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.architecture-node:hover,.architecture-node:focus-visible{transform:translateY(-4px) scale(1.015);outline:none;border-color:rgba(57,228,255,.72);box-shadow:0 18px 42px rgba(0,0,0,.30),0 0 26px rgba(57,228,255,.13)}.architecture-node[data-accent="gold"]{border-color:rgba(212,175,55,.38)}.architecture-node[data-accent="gold"]:hover{border-color:rgba(212,175,55,.78);box-shadow:0 18px 42px rgba(0,0,0,.30),0 0 27px rgba(212,175,55,.14)}.architecture-node[data-accent="violet"]{border-color:rgba(167,139,250,.38)}.architecture-node-icon{width:43px;height:43px;border-radius:13px}.architecture-node[data-accent="gold"] .architecture-node-icon{color:#F2D76A}.architecture-node[data-accent="violet"] .architecture-node-icon{color:#A78BFA}.architecture-node[data-accent="ice"] .architecture-node-icon{color:#8FF2FF}.architecture-node span{min-width:0}.architecture-node small{display:block;margin-bottom:5px;color:#AFC0CA;font:800 9px/1.2 Inter,Cairo,sans-serif;letter-spacing:.08em}.architecture-node strong{display:block;color:#F8FAFC;font-size:14px;line-height:1.35}.architecture-node.n1{top:28px;left:50%;transform:translateX(-50%)}.architecture-node.n1:hover{transform:translateX(-50%) translateY(-4px) scale(1.015)}.architecture-node.n2{top:82px;right:58px}.architecture-node.n3{top:286px;right:24px}.architecture-node.n4{right:58px;bottom:74px}.architecture-node.n5{bottom:25px;left:50%;transform:translateX(-50%)}.architecture-node.n5:hover{transform:translateX(-50%) translateY(-4px) scale(1.015)}.architecture-node.n6{left:58px;bottom:74px}.architecture-node.n7{top:286px;left:24px}.architecture-node.n8{top:82px;left:58px}
.architecture-map-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px;padding:20px 22px;border:1px solid rgba(212,175,55,.32);border-radius:21px;background:linear-gradient(145deg,rgba(212,175,55,.045),rgba(57,228,255,.025)),#0D171C;box-shadow:0 18px 42px rgba(0,0,0,.20)}.architecture-map-panel>div{min-width:0}.architecture-map-panel span{color:#39E4FF;font:900 9px/1 Inter,sans-serif;letter-spacing:.12em}.architecture-map-panel h3{margin:7px 0 6px;color:#F2D76A;font-size:22px}.architecture-map-panel p{margin:0;color:#D7E2E9;font-size:13px;line-height:1.7}.architecture-map-panel>a{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:10px 13px;border:1px solid rgba(57,228,255,.32);border-radius:11px;color:#C7F7FF;font-weight:900;font-size:11px;background:rgba(57,228,255,.035)}

/* ---------- light system components ---------- */
.architecture-components{padding:88px 0 94px;background:radial-gradient(circle at 8% 18%,rgba(57,228,255,.11),transparent 26%),radial-gradient(circle at 88% 10%,rgba(212,175,55,.12),transparent 27%),linear-gradient(180deg,#F5FBFD,#F8F4EB)!important;color:#17222D}.architecture-components-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.architecture-component-card{position:relative;min-height:245px;padding:23px;border:1px solid rgba(30,62,79,.13);border-radius:24px;background:rgba(255,255,255,.74);color:#17222D;box-shadow:0 16px 38px rgba(43,70,83,.09),inset 0 1px 0 #FFF;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.architecture-component-card::after{content:"";position:absolute;inset:auto -35px -55px auto;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(57,228,255,.14),transparent 68%)}.architecture-component-card[data-accent="gold"]::after{background:radial-gradient(circle,rgba(212,175,55,.18),transparent 68%)}.architecture-component-card:hover{transform:translateY(-5px);border-color:rgba(57,228,255,.32);box-shadow:0 22px 48px rgba(43,70,83,.13),0 0 25px rgba(57,228,255,.07)}.component-card-top{display:flex;align-items:center;justify-content:space-between}.component-card-top .architecture-icon{background:#0D2028}.component-card-top>span{color:#9A7A24;font:900 12px/1 Inter,sans-serif}.architecture-component-card small{display:block;margin-top:17px;color:#788A98;font:900 9px/1.2 Inter,Cairo,sans-serif;letter-spacing:.10em}.architecture-component-card h3{margin:8px 0 10px;color:#17222D;font-size:23px}.architecture-component-card p{margin:0;color:#4D5E6D;font-size:13px;line-height:1.75}.architecture-component-card>b{position:absolute;inset-inline-end:20px;bottom:18px;color:#0E9EB6;font-size:18px}

/* ---------- backend flow ---------- */
.architecture-flow{position:relative;isolation:isolate;padding:92px 0 88px;background:radial-gradient(circle at 50% 20%,rgba(57,228,255,.10),transparent 33%),linear-gradient(180deg,#081923,#0A1015)!important}.architecture-flow-grid{opacity:.5}.architecture-flow-lane{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;align-items:stretch}.architecture-flow-stage{position:relative;min-height:245px;padding:22px 18px;border:1px solid rgba(57,228,255,.23);border-radius:22px;background:linear-gradient(145deg,rgba(57,228,255,.045),rgba(255,255,255,.018)),rgba(9,23,30,.92);box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05)}.flow-index{position:absolute;top:16px;inset-inline-end:17px;color:#F2D76A;font:900 10px/1 Inter,sans-serif}.architecture-flow-icon{width:48px;height:48px;border-radius:15px;color:#39E4FF}.architecture-flow-stage:nth-child(3) .architecture-flow-icon{color:#A78BFA}.architecture-flow-stage:nth-child(4) .architecture-flow-icon,.architecture-flow-stage:nth-child(5) .architecture-flow-icon{color:#F2D76A}.architecture-flow-stage h3{margin:18px 0 9px;color:#F8FAFC;font-size:19px}.architecture-flow-stage p{margin:0;color:#CAD8E1;font-size:12.5px;line-height:1.75}.flow-arrow{position:absolute;z-index:4;top:50%;inset-inline-end:-22px;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(57,228,255,.35);border-radius:50%;background:#0A1920;color:#39E4FF;font-style:normal;transform:translateY(-50%);box-shadow:0 0 18px rgba(57,228,255,.12)}html[dir="rtl"] .flow-arrow{transform:translateY(-50%) scaleX(-1)}
.flow-proof{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;margin-top:20px;padding:20px 22px;border:1px solid rgba(167,139,250,.26);border-radius:20px;background:linear-gradient(145deg,rgba(167,139,250,.055),rgba(57,228,255,.025)),#0D171D}.flow-proof span{padding:8px 10px;border:1px solid rgba(167,139,250,.35);border-radius:9px;color:#C8B7FF;font:900 9px/1 Inter,sans-serif;letter-spacing:.12em}.flow-proof p{margin:0;color:#DDE7ED;font-size:13px;line-height:1.78}

/* ---------- user journey ---------- */
.architecture-journey{padding:90px 0 94px;background:radial-gradient(circle at 90% 16%,rgba(212,175,55,.13),transparent 28%),radial-gradient(circle at 8% 85%,rgba(57,228,255,.09),transparent 26%),linear-gradient(180deg,#FBF8F0,#EEF8FB)!important;color:#17222D}.journey-grid{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.journey-grid::before{content:"";position:absolute;z-index:0;left:8%;right:8%;top:52px;height:1px;background:linear-gradient(90deg,rgba(57,228,255,.10),rgba(212,175,55,.42),rgba(57,228,255,.18))}.journey-step{position:relative;z-index:1;min-height:255px;padding:20px;border:1px solid rgba(32,61,76,.13);border-radius:22px;background:rgba(255,255,255,.79);color:#17222D;box-shadow:0 14px 34px rgba(39,65,78,.08),inset 0 1px 0 #FFF;transition:transform .22s ease,box-shadow .22s ease}.journey-step:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(39,65,78,.13),0 0 22px rgba(57,228,255,.07)}.journey-icon{width:46px;height:46px;border-radius:50%;background:#0B2028;color:#39E4FF}.journey-step>span{display:block;margin-top:17px;color:#A7811D;font:900 10px/1 Inter,sans-serif}.journey-step h3{margin:8px 0 10px;color:#17222D;font-size:21px}.journey-step p{margin:0;color:#4A5D6C;font-size:12.5px;line-height:1.77}.journey-step>b{position:absolute;inset-inline-end:18px;bottom:16px;color:#0D99B0}

/* ---------- infinite system rail ---------- */
.architecture-rail-section{padding:70px 0 76px;background:radial-gradient(circle at 50% 50%,rgba(57,228,255,.055),transparent 40%),#0B0F12!important;overflow:hidden}.architecture-rail-head{margin-bottom:26px}.architecture-rail-head h2{max-width:700px}.architecture-rail{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.architecture-rail-track{display:flex;width:max-content;will-change:transform;animation:architecture-infinite-rail 48s linear infinite}.architecture-rail-group{display:flex;flex:none;gap:12px;padding-inline-end:12px}.architecture-rail-card{display:flex;align-items:center;gap:10px;width:245px;min-height:74px;padding:12px 14px;border:1px solid rgba(212,175,55,.40);border-radius:17px;background:linear-gradient(145deg,rgba(57,228,255,.035),rgba(212,175,55,.025)),#0D171C;color:#F8FAFC;box-shadow:0 0 20px rgba(212,175,55,.07),inset 0 1px 0 rgba(255,255,255,.04)}.rail-icon{width:35px;height:35px;border-radius:11px}.architecture-rail-card>span{color:#F2D76A;font:900 10px/1 Inter,sans-serif}.architecture-rail-card>strong{font-size:12px;white-space:nowrap}@keyframes architecture-infinite-rail{to{transform:translate3d(-50%,0,0)}}

/* ---------- final signature ---------- */
.architecture-final{padding:36px 0 92px;background:#0B0F12!important}.architecture-final-card{position:relative;isolation:isolate;overflow:hidden;padding:52px;border:1px solid rgba(212,175,55,.68);border-radius:32px;background:radial-gradient(circle at 85% 20%,rgba(57,228,255,.11),transparent 28%),radial-gradient(circle at 10% 80%,rgba(212,175,55,.13),transparent 28%),linear-gradient(145deg,#0D1D24,#091014);box-shadow:0 0 0 1px rgba(212,175,55,.06),0 0 38px rgba(212,175,55,.12),0 28px 70px rgba(0,0,0,.27)}.final-signal{position:absolute;z-index:-1;right:-120px;top:-120px;width:340px;height:340px;border:1px solid rgba(57,228,255,.16);border-radius:50%;box-shadow:0 0 0 40px rgba(57,228,255,.025),0 0 0 80px rgba(212,175,55,.018)}.architecture-final-card h2{max-width:960px;margin:11px 0 14px;color:#F2D76A;font-size:clamp(36px,4.8vw,66px);line-height:1.32;letter-spacing:-.03em}.architecture-final-card p{max-width:790px;margin:0;color:#E2E8F0;font-size:16px;line-height:1.85}.architecture-final-card>div:last-child{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}

/* ---------- responsive ---------- */
@media(max-width:1100px){.architecture-hero-layout{grid-template-columns:1fr;gap:45px}.architecture-blueprint{width:min(78vw,520px)}.architecture-map-stage{height:auto;padding:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.architecture-connectors{display:none}.architecture-core{position:relative;left:auto;top:auto;transform:none;grid-column:1/-1;width:230px;min-height:230px;margin:0 auto 14px}.architecture-node,.architecture-node.n1,.architecture-node.n2,.architecture-node.n3,.architecture-node.n4,.architecture-node.n5,.architecture-node.n6,.architecture-node.n7,.architecture-node.n8{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:100%;transform:none}.architecture-node:hover,.architecture-node.n1:hover,.architecture-node.n5:hover{transform:translateY(-3px)}.architecture-components-grid{grid-template-columns:repeat(2,1fr)}.architecture-flow-lane{grid-template-columns:repeat(2,1fr)}.architecture-flow-stage:last-child{grid-column:1/-1}.flow-arrow{display:none}.journey-grid{grid-template-columns:repeat(2,1fr)}.journey-grid::before{display:none}.journey-step:last-child{grid-column:1/-1}}
@media(max-width:760px){body.m2a-master-template.architecture-page .container{width:min(100% - 28px,1200px)}.architecture-section-head{margin-bottom:26px}.architecture-section-head h2,.architecture-rail-head h2{font-size:34px;line-height:1.38}.architecture-section-head p{font-size:14.5px;line-height:1.82}.architecture-hero{min-height:auto;padding:118px 0 65px}.architecture-hero h1{font-size:clamp(44px,12.8vw,64px);line-height:1.15}.architecture-hero-copy>p{font-size:16px;line-height:1.86}.architecture-blueprint{width:min(88vw,440px)}.blueprint-chip{font-size:8px;padding:7px 9px}.architecture-map-section,.architecture-components,.architecture-flow,.architecture-journey{padding:60px 0}.architecture-map-stage{grid-template-columns:1fr;padding:18px;border-radius:25px}.architecture-core{grid-column:auto;width:205px;min-height:205px}.architecture-map-panel{align-items:flex-start;flex-direction:column}.architecture-components-grid,.architecture-flow-lane,.journey-grid{grid-template-columns:1fr}.architecture-component-card,.architecture-flow-stage,.journey-step{min-height:auto}.architecture-flow-stage:last-child,.journey-step:last-child{grid-column:auto}.flow-proof{grid-template-columns:1fr}.architecture-rail-section{padding:52px 0 58px}.architecture-rail-card{width:215px}.architecture-final{padding:22px 0 62px}.architecture-final-card{padding:31px 24px;border-radius:25px}.architecture-final-card h2{font-size:36px}.architecture-final-card p{font-size:14.5px}.architecture-primary-cta,.architecture-secondary-cta{width:100%}}
@media(max-width:420px){.architecture-hero h1{font-size:42px}.architecture-blueprint{width:96vw;max-width:360px}.blueprint-core{width:122px;height:122px}.blueprint-core strong{font-size:11px}.architecture-node{min-height:72px}.architecture-component-card{padding:20px}.architecture-final-card h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.blueprint-ring,.architecture-connectors path,.architecture-rail-track,.core-pulse{animation:none!important}.architecture-js .architecture-reveal{opacity:1;transform:none}.architecture-component-card,.architecture-node,.journey-step,.architecture-primary-cta,.architecture-secondary-cta{transition:none!important}}

/* =========================================================
   FINAL SIGNATURE PASS — UNIFIED DARK PREMIUM SURFACES
   No off-white blocks. One visual material across the page.
   ========================================================= */
body.m2a-master-template.architecture-page{
  --arch-unified-surface:linear-gradient(180deg,#10161D 0%,#0F141A 100%);
  --arch-unified-border:rgba(212,175,55,.24);
  --arch-unified-copy:#E2E8F0;
}

body.m2a-master-template.architecture-page .architecture-map-section,
body.m2a-master-template.architecture-page .architecture-components,
body.m2a-master-template.architecture-page .architecture-flow,
body.m2a-master-template.architecture-page .architecture-journey,
body.m2a-master-template.architecture-page .architecture-rail-section,
body.m2a-master-template.architecture-page .architecture-final{
  background:#0B0F12!important;
  color:#F8FAFC!important;
}

body.m2a-master-template.architecture-page .architecture-section-head.light>span{color:#D4AF37!important}
body.m2a-master-template.architecture-page .architecture-section-head.light h2{color:#F2D76A!important}
body.m2a-master-template.architecture-page .architecture-section-head.light p{color:#E2E8F0!important}

body.m2a-master-template.architecture-page :is(
  .architecture-component-card,
  .architecture-flow-stage,
  .journey-step,
  .architecture-map-panel,
  .flow-proof,
  .architecture-rail-card
){
  background:var(--arch-unified-surface)!important;
  color:#F8FAFC!important;
  border-color:var(--arch-unified-border)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045)!important;
}

body.m2a-master-template.architecture-page :is(.architecture-component-card,.journey-step):hover{
  border-color:rgba(57,228,255,.48)!important;
  box-shadow:0 22px 48px rgba(0,0,0,.34),0 0 26px rgba(57,228,255,.09),inset 0 1px 0 rgba(255,255,255,.055)!important;
}

body.m2a-master-template.architecture-page .architecture-component-card h3,
body.m2a-master-template.architecture-page .journey-step h3{color:#F8FAFC!important}
body.m2a-master-template.architecture-page .architecture-component-card p,
body.m2a-master-template.architecture-page .journey-step p,
body.m2a-master-template.architecture-page .architecture-flow-stage p,
body.m2a-master-template.architecture-page .flow-proof p{color:#E2E8F0!important}
body.m2a-master-template.architecture-page .architecture-component-card small{color:#AFC0CA!important}
body.m2a-master-template.architecture-page .component-card-top>span,
body.m2a-master-template.architecture-page .journey-step>span{color:#F2D76A!important}
body.m2a-master-template.architecture-page .architecture-component-card>b,
body.m2a-master-template.architecture-page .journey-step>b{color:#39E4FF!important}
body.m2a-master-template.architecture-page .architecture-component-card::after{opacity:.55}
body.m2a-master-template.architecture-page .journey-grid::before{opacity:.62}

/* ---------- architecture-scoped mobile drawer containment ---------- */
body.m2a-master-template.architecture-page .mobile-menu{
  position:fixed!important;
  inset:0!important;
  display:block!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  background:rgba(5,8,11,.64)!important;
  transition:opacity .24s ease,visibility .24s ease!important;
}
body.m2a-master-template.architecture-page .mobile-menu-inner{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  right:0!important;
  width:min(88vw,400px)!important;
  max-width:400px!important;
  overflow-y:auto!important;
  padding:22px!important;
  transform:translate3d(104%,0,0)!important;
  transition:transform .28s cubic-bezier(.2,.75,.25,1)!important;
}
body.m2a-master-template.architecture-page .mobile-menu.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
body.m2a-master-template.architecture-page .mobile-menu.is-open .mobile-menu-inner{transform:translate3d(0,0,0)!important}
body.m2a-master-template.architecture-page .mobile-menu-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin-bottom:24px!important}
body.m2a-master-template.architecture-page .mobile-menu-head img{display:block!important;max-width:104px!important;height:auto!important}
body.m2a-master-template.architecture-page .menu-close{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border:1px solid rgba(212,175,55,.28)!important;border-radius:12px!important;background:#10161D!important;color:#F2D76A!important;font-size:26px!important;line-height:1!important;cursor:pointer!important}
body.m2a-master-template.architecture-page .mobile-menu-inner>a{display:block!important;padding:14px 10px!important;border-bottom:1px solid rgba(148,163,184,.10)!important;color:#E2E8F0!important;text-decoration:none!important;font-weight:800!important}
body.m2a-master-template.architecture-page .mobile-menu-inner>a[aria-current="page"]{color:#F2D76A!important;background:rgba(212,175,55,.06)!important}
body.m2a-master-template.architecture-page .mobile-menu-contact{margin-top:22px!important;padding:16px!important;border:1px solid rgba(57,228,255,.18)!important;border-radius:16px!important;background:var(--arch-unified-surface)!important;color:#E2E8F0!important;line-height:1.8!important}
body.m2a-master-template.architecture-page .mobile-menu-contact strong{color:#F8FAFC!important}
body.m2a-master-template.architecture-page.architecture-menu-open{overflow:hidden!important}

@media(min-width:1101px){
  body.m2a-master-template.architecture-page .mobile-menu{display:none!important}
}
@media(max-width:1100px){
  body.m2a-master-template.architecture-page .mobile-menu{display:block!important}
}
@media(prefers-reduced-motion:reduce){
  body.m2a-master-template.architecture-page .mobile-menu,
  body.m2a-master-template.architecture-page .mobile-menu-inner{transition:none!important}
}