@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{--bg:#fff;--surface:#f5f8fc;--surface-2:#edf3fb;--text:#101828;--muted:#5e6b7d;--line:rgba(20,42,74,.11);--primary:#246bfd;--primary-2:#7357ff;--nav:rgba(255,255,255,.82);--shadow:0 24px 70px rgba(31,67,124,.12);--radius:24px;--section:clamp(5rem,10vw,9rem)}
[data-bs-theme=dark]{--bg:#080c14;--surface:#0e1522;--surface-2:#141e2e;--text:#f4f7fb;--muted:#9ba9bd;--line:rgba(199,219,255,.12);--nav:rgba(8,12,20,.82);--shadow:0 24px 70px rgba(0,0,0,.3)}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}a{color:inherit}p{color:var(--muted)}h1,h2,h3{letter-spacing:-.045em;line-height:1.08}h3{font-size:1.15rem}.container{max-width:1200px}.skip-link{position:fixed;top:-100px;left:1rem;z-index:1100;background:var(--text);color:var(--bg);padding:.7rem 1rem;border-radius:8px}.skip-link:focus{top:1rem}.site-nav{padding:1rem 0;background:var(--nav);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.3s}.site-nav.scrolled{padding:.7rem 0;border-color:var(--line);box-shadow:0 5px 25px rgba(20,40,75,.05)}.brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:750;letter-spacing:-.04em;text-decoration:none}.brand-mark{width:2rem;height:2rem;border-radius:9px;display:inline-grid;place-items:center;background:linear-gradient(145deg,var(--primary),var(--primary-2));color:#fff;font-size:.9rem;box-shadow:0 8px 20px rgba(36,107,253,.3)}.nav-link{font-size:.85rem;font-weight:550;color:var(--muted)!important;margin:0 .25rem}.nav-link:hover,.nav-link.active{color:var(--text)!important}.login-link{font-size:.85rem;color:var(--text);text-decoration:none}.theme-toggle{width:2.4rem;height:2.4rem;border:1px solid var(--line);border-radius:50%;background:var(--surface);display:grid;place-items:center}.icon-moon{width:14px;height:14px;border:2px solid var(--text);border-radius:50%;box-shadow:-4px -2px 0 0 var(--surface);transform:rotate(-20deg)}.btn{font-weight:600;border-width:1px}.btn-primary{--bs-btn-bg:var(--primary);--bs-btn-border-color:var(--primary);--bs-btn-hover-bg:#1259e7;--bs-btn-hover-border-color:#1259e7;box-shadow:0 8px 24px rgba(36,107,253,.18)}.btn-lg{padding:.85rem 1.45rem;font-size:.95rem}.btn-outline-secondary{--bs-btn-color:var(--text);--bs-btn-border-color:var(--line);--bs-btn-hover-bg:var(--surface);--bs-btn-hover-color:var(--text);--bs-btn-hover-border-color:var(--line)}
.hero{min-height:100vh;display:flex;align-items:center;padding:9rem 0 5rem;position:relative}.hero-glow{position:absolute;width:700px;height:700px;right:-250px;top:0;background:radial-gradient(circle,rgba(54,125,255,.17),transparent 67%);pointer-events:none}.display-title{font-size:clamp(3rem,6.2vw,6.1rem);font-weight:750;margin:.7rem 0 1.8rem}.text-gradient{background:linear-gradient(100deg,var(--primary),var(--primary-2));-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.16em;color:var(--primary);margin-bottom:1rem}.hero-copy{font-size:clamp(1rem,1.6vw,1.22rem);max-width:640px;margin-bottom:2rem}.trust-row{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:2.2rem;font-size:.72rem;color:var(--muted)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#32c686;margin-right:.45rem;box-shadow:0 0 0 4px rgba(50,198,134,.12)}.section-space{padding:var(--section) 0}.soft-section{background:var(--surface)}.section-title{font-size:clamp(2.25rem,4.5vw,4.4rem);font-weight:720;margin-bottom:1.5rem}.section-heading{max-width:680px;margin-bottom:3.5rem}.section-heading>p:last-child{font-size:1.05rem}.lead{font-size:clamp(1.08rem,1.5vw,1.28rem);color:var(--text);opacity:.82}.feature-card,.mini-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:2rem;transition:transform .3s,border-color .3s,box-shadow .3s}.feature-card:hover,.mini-card:hover{transform:translateY(-5px);border-color:rgba(36,107,253,.3);box-shadow:var(--shadow)}.feature-card p,.mini-card p{margin-bottom:0;font-size:.9rem}.feature-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,rgba(36,107,253,.16),rgba(115,87,255,.08));display:grid;place-items:center;margin-bottom:2rem;position:relative}.feature-icon:after{content:'';width:15px;height:15px;border:2px solid var(--primary);border-radius:5px}.icon-key:after{border-radius:50%;box-shadow:8px 6px 0 -5px var(--primary)}.icon-share:after{border-radius:50%;box-shadow:9px -5px 0 -3px var(--primary),9px 6px 0 -3px var(--primary)}.icon-control:after{border-radius:2px;border-left-width:6px}.icon-badge:after{transform:rotate(45deg)}.icon-future:after{border-radius:50%;border-style:dashed}.card-index{display:block;color:var(--primary);font-weight:700;margin-bottom:2rem}
.network-visual{position:relative;min-height:530px;max-width:570px;margin:auto}.network-core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:42px;background:var(--bg);box-shadow:var(--shadow);border:1px solid rgba(36,107,253,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem}.network-orbit{position:absolute;inset:10%;border:1px solid var(--line);border-radius:50%;animation:spin 30s linear infinite}.orbit-two{inset:24%;border-style:dashed;animation-direction:reverse;animation-duration:22s}.network-node{position:absolute;z-index:2;background:var(--bg);border:1px solid var(--line);padding:.7rem .9rem;border-radius:14px;box-shadow:0 12px 32px rgba(20,48,90,.1);display:flex;align-items:center;gap:.6rem;font-size:.72rem;animation:float 5s ease-in-out infinite}.node-symbol{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--surface-2);color:var(--primary);font-weight:700}.node-doc{left:4%;top:17%}.node-mail{right:2%;top:20%;animation-delay:-1s}.node-cloud{right:0;bottom:16%;animation-delay:-2s}.node-calendar{left:4%;bottom:14%;animation-delay:-3s}.node-id{left:50%;top:3%;transform:translateX(-50%);animation-delay:-4s}.network-line{position:absolute;left:50%;top:50%;height:1px;width:39%;background:linear-gradient(90deg,var(--primary),transparent);transform-origin:left;opacity:.45}.line-a{transform:rotate(-150deg)}.line-b{transform:rotate(-35deg)}.line-c{transform:rotate(35deg)}.line-d{transform:rotate(145deg)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{translate:0 -8px}}
.mind-map{position:relative;min-height:500px;background:radial-gradient(circle at 50%,rgba(36,107,253,.12),transparent 52%);border-radius:50%}.mind-map:before,.mind-map:after{content:'';position:absolute;inset:18%;border:1px solid var(--line);border-radius:50%}.mind-map:after{inset:34%;border-style:dashed}.map-core,.map-item{position:absolute;z-index:1;border:1px solid var(--line);background:var(--bg);box-shadow:0 10px 30px rgba(22,48,90,.1);display:grid;place-items:center}.map-core{left:50%;top:50%;translate:-50% -50%;width:110px;height:110px;border-radius:50%;font-weight:700;color:var(--primary)}.map-item{padding:.7rem 1rem;border-radius:12px;font-size:.75rem}.map-1{left:10%;top:25%}.map-2{right:8%;top:18%}.map-3{right:3%;bottom:25%}.map-4{left:7%;bottom:20%}.map-5{left:43%;top:5%}.map-6{left:42%;bottom:4%}.check-list{list-style:none;padding:0;margin-top:2rem}.check-list li{position:relative;padding:.55rem 0 .55rem 1.8rem;color:var(--muted)}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--primary);font-weight:800}.two-columns{columns:2}.dark-panel-section{padding-top:0}.dark-panel{background:#0a1020;color:#fff;border-radius:clamp(24px,4vw,44px);padding:clamp(2rem,6vw,5rem);overflow:hidden}.dark-panel p{color:#aebbd0}.dark-panel .eyebrow{color:#75a2ff}.source-cloud{position:relative;min-height:390px}.source-core{position:absolute;left:50%;top:50%;translate:-50% -50%;padding:1.3rem 1.6rem;border-radius:18px;background:linear-gradient(145deg,#246bfd,#7357ff);font-weight:700;box-shadow:0 0 70px rgba(36,107,253,.42)}.source-pill{position:absolute;padding:.55rem .8rem;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:rgba(255,255,255,.07);font-size:.7rem}.source-pill:nth-child(2){left:2%;top:10%}.source-pill:nth-child(3){left:39%;top:2%}.source-pill:nth-child(4){right:1%;top:12%}.source-pill:nth-child(5){right:3%;top:43%}.source-pill:nth-child(6){right:12%;bottom:9%}.source-pill:nth-child(7){left:38%;bottom:2%}.source-pill:nth-child(8){left:4%;bottom:12%}.source-pill:nth-child(9){left:0;top:44%}.source-pill:nth-child(10){left:23%;top:25%}.source-pill:nth-child(11){right:20%;top:25%}.source-pill:nth-child(12){right:24%;bottom:26%}.source-pill:nth-child(13){left:20%;bottom:25%}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.process-grid:before{content:'';position:absolute;top:27px;left:7%;right:7%;height:1px;background:var(--line)}.process-step{position:relative;padding-right:2rem}.step-number{position:relative;z-index:1;background:var(--bg);border:1px solid var(--line);width:55px;height:55px;border-radius:50%;display:grid;place-items:center;color:var(--primary);font-size:.7rem;font-weight:700;margin-bottom:2rem}.process-step p{font-size:.85rem}.mini-card{padding:1.5rem}.cta-panel{padding:clamp(2.5rem,7vw,6rem);text-align:center;border-radius:clamp(24px,4vw,44px);background:linear-gradient(135deg,var(--surface),var(--surface-2));border:1px solid var(--line)}.cta-panel h2{font-size:clamp(2rem,5vw,4rem);max-width:750px;margin:0 auto 1rem}.cta-panel p:not(.eyebrow){max-width:600px;margin:0 auto 2rem}
.page-hero{padding:clamp(10rem,17vw,14rem) 0 clamp(5rem,8vw,8rem);border-bottom:1px solid var(--line);background:linear-gradient(140deg,var(--surface),var(--bg))}.page-hero h1{font-size:clamp(3.2rem,7vw,6.7rem);font-weight:750;max-width:900px}.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.integration-item{padding:1.5rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:.7rem;font-size:.85rem}.integration-dot{width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px rgba(36,107,253,.1)}.architecture{display:flex;align-items:center;justify-content:space-between;padding:3rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.architecture-node{text-align:center;display:flex;flex-direction:column;gap:.4rem}.architecture-node span{color:var(--primary);font-size:.65rem}.architecture-node strong{font-size:1.1rem}.architecture-node small{color:var(--muted)}.architecture-arrow{color:var(--primary)}.component-row{display:grid;grid-template-columns:80px 1fr 2fr;gap:2rem;align-items:start;padding:2.5rem 0;border-bottom:1px solid var(--line)}.component-number{color:var(--primary);font-weight:700}.component-row h2{font-size:2rem}.component-row p{margin:0}.security-orb{position:relative;min-height:460px;display:grid;place-items:center;background:radial-gradient(circle,rgba(36,107,253,.15),transparent 58%)}.orb-ring{position:absolute;width:350px;height:350px;border:1px solid var(--line);border-radius:50%;box-shadow:inset 0 0 60px rgba(36,107,253,.08);animation:pulse 4s ease-in-out infinite}.orb-shield{width:145px;height:165px;clip-path:polygon(50% 0,92% 16%,86% 73%,50% 100%,14% 73%,8% 16%);display:grid;place-items:center;background:linear-gradient(145deg,var(--primary),var(--primary-2));font-size:2rem;color:#fff;font-weight:800;box-shadow:var(--shadow)}.security-orb>span{position:absolute;bottom:8%;font-size:.75rem;color:var(--muted)}@keyframes pulse{50%{transform:scale(1.04);opacity:.6}}.business-visual{min-height:430px;position:relative;border-radius:50%;background:radial-gradient(circle,rgba(36,107,253,.13),transparent 60%);display:grid;place-items:center}.business-core{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary),var(--primary-2));color:#fff;font-weight:700}.business-visual span{position:absolute;padding:.7rem 1rem;background:var(--bg);border:1px solid var(--line);border-radius:12px;font-size:.75rem;box-shadow:0 10px 30px rgba(20,40,80,.08)}.business-visual span:nth-child(2){top:8%;left:42%}.business-visual span:nth-child(3){right:8%;top:25%}.business-visual span:nth-child(4){right:12%;bottom:18%}.business-visual span:nth-child(5){left:40%;bottom:5%}.business-visual span:nth-child(6){left:7%;bottom:23%}.business-visual span:nth-child(7){left:8%;top:22%}.form-card,.contact-card{border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.5rem,4vw,3rem);background:var(--bg)}.contact-card{background:var(--surface);position:sticky;top:110px}.form-control{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;color:var(--text)}.form-control:focus{background:var(--bg);color:var(--text);border-color:var(--primary);box-shadow:0 0 0 4px rgba(36,107,253,.1)}.form-label{font-size:.78rem;font-weight:650}.form-note{color:var(--muted)}.contact-details{margin-top:3rem}.contact-details dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.contact-details dd{margin-bottom:1.5rem}.success-state{text-align:center;padding:5rem 1rem}.success-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#32c686;color:#fff;margin:0 auto 1.5rem;font-size:1.5rem}.error-page{min-height:75vh;display:grid;place-items:center;padding:10rem 0 5rem}.error-page h1{font-size:clamp(2.5rem,7vw,6rem)}
.site-footer{padding:6rem 0 2rem;background:#080c14;color:#fff}.footer-brand{color:#fff;margin-bottom:2rem}.footer-lead h2{font-size:clamp(2.5rem,5vw,5rem)}.footer-lead p{color:#93a1b7}.text-link{color:var(--primary);font-weight:650;text-decoration:none}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:5rem;padding-top:2rem}.footer-links{display:flex;gap:1.3rem;flex-wrap:wrap}.footer-links a,.site-footer small{color:#8492a8;text-decoration:none;font-size:.72rem}.footer-links a:hover{color:#fff}.social-links{display:flex;gap:.5rem}.social-links a{width:32px;height:32px;border:1px solid rgba(255,255,255,.14);border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:.7rem}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:991.98px){.site-nav .navbar-collapse{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:1rem;margin-top:.8rem;box-shadow:var(--shadow)}.nav-actions{margin-top:.7rem}.hero{padding-top:8rem}.network-visual{min-height:460px}.process-grid{grid-template-columns:repeat(2,1fr);gap:3rem}.process-grid:before{display:none}.architecture{align-items:stretch;flex-direction:column;gap:1rem}.architecture-node{text-align:left;padding:1rem;border-bottom:1px solid var(--line)}.architecture-arrow{transform:rotate(90deg);align-self:center}.component-row{grid-template-columns:50px 1fr}.component-row p{grid-column:2}.integration-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575.98px){.display-title{font-size:2.8rem}.trust-row{gap:.8rem}.network-visual{min-height:390px;transform:scale(.88);margin-inline:-1rem}.network-node{font-size:.62rem}.section-title{font-size:2.3rem}.two-columns{columns:1}.source-cloud{min-height:450px}.process-grid{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr}.component-row{grid-template-columns:1fr;gap:.5rem}.component-row p{grid-column:1}.architecture{padding:1rem}.page-hero h1{font-size:3rem}.footer-bottom{align-items:flex-start!important}.mind-map{min-height:400px}.orb-ring{width:290px;height:290px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Matriark copper identity */
:root{
  --bg:#f5efe7;--surface:#ebe1d5;--surface-2:#ded0c0;--text:#21160f;
  --muted:#715f52;--line:rgba(91,54,29,.18);--primary:#c95717;--primary-2:#ff982f;
  --nav:rgba(245,239,231,.86);--shadow:0 26px 70px rgba(61,31,12,.18);
  --copper:#e66d1a;--copper-light:#ffad50;--copper-dark:#78300f
}
[data-bs-theme=dark]{
  --bg:#090706;--surface:#120e0b;--surface-2:#1c130e;--text:#f4eadf;
  --muted:#aa9788;--line:rgba(239,144,72,.16);--nav:rgba(9,7,6,.84);
  --shadow:0 30px 80px rgba(0,0,0,.54)
}
body{
  background:
    radial-gradient(circle at 20% 8%,rgba(230,109,26,.08),transparent 26rem),
    var(--bg);
}
h1,h2,h3,.brand{font-family:Inter,system-ui,sans-serif}
h1,h2{letter-spacing:-.055em}
::selection{background:var(--copper);color:#fff}
.site-nav{border-bottom-color:rgba(222,112,38,.08)}
.site-nav.scrolled{border-color:var(--line);box-shadow:0 10px 38px rgba(0,0,0,.22)}
.brand{gap:.8rem;text-transform:uppercase;letter-spacing:.2em;font-size:.78rem}
.brand-mark{
  position:relative;width:2.35rem;height:2.35rem;border-radius:10px;
  color:#160b05;font-size:.95rem;font-weight:900;letter-spacing:-.12em;text-indent:-.08em;
  background:linear-gradient(145deg,#ffb257 0%,#e96c18 45%,#8b340d 100%);
  border:1px solid #ffb060;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.65),inset 0 -5px 10px rgba(79,22,0,.35),0 8px 24px rgba(217,86,13,.24)
}
.brand-mark:before,.brand-mark:after{
  content:'';position:absolute;top:6px;width:4px;height:4px;border-radius:50%;
  background:linear-gradient(#fff1d1,#5e5149);border:1px solid #3c2418;box-shadow:0 1px 2px #2b1105
}
.brand-mark:before{left:6px}.brand-mark:after{right:6px}
.nav-link{text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}
.nav-link:after{content:'';display:block;width:0;height:1px;margin:.25rem auto 0;background:var(--copper);transition:width .25s}
.nav-link:hover:after,.nav-link.active:after{width:100%}
.navbar-toggler{border-color:var(--line)}
.login-link{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}
.theme-toggle{background:transparent;border-color:var(--line);color:var(--text)}
.btn{letter-spacing:.035em}
.btn-primary{
  --bs-btn-bg:#cf5b17;--bs-btn-border-color:#e87827;--bs-btn-hover-bg:#ed741f;
  --bs-btn-hover-border-color:#ff9a42;--bs-btn-color:#fff7ef;
  background:linear-gradient(135deg,#f07a25,#b84510);
  box-shadow:inset 0 1px rgba(255,255,255,.3),0 10px 30px rgba(218,88,15,.23)
}
.btn-outline-secondary{--bs-btn-border-color:rgba(210,106,38,.38)}
.hero{
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(9,7,6,.98) 0%,rgba(9,7,6,.88) 48%,rgba(9,7,6,.25) 100%),
    radial-gradient(ellipse at 80% 58%,rgba(255,167,79,.24),transparent 27%),
    repeating-linear-gradient(0deg,transparent 0 8px,rgba(255,255,255,.012) 9px),
    #0a0705;
  color:#f7eee5
}
[data-bs-theme=light] .hero{color:#f7eee5}
.hero:before{
  content:'M';position:absolute;right:-.03em;bottom:-.2em;z-index:-1;
  font-size:min(70vw,52rem);font-weight:900;line-height:1;color:transparent;
  -webkit-text-stroke:1px rgba(238,116,35,.08)
}
.hero-glow{right:-160px;top:10%;background:radial-gradient(circle,rgba(238,111,26,.22),transparent 64%)}
.display-title{font-weight:650;max-width:760px}
.text-gradient{
  background:linear-gradient(100deg,#ffb05b 0%,#e96b18 52%,#9d3d0d 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.eyebrow{color:var(--copper);letter-spacing:.24em}
.hero .eyebrow{color:#ef8a3d}.hero-copy,.hero .trust-row{color:#bba797}
.status-dot{background:#ec792b;box-shadow:0 0 0 4px rgba(236,121,43,.14),0 0 16px rgba(236,121,43,.65)}
.section-space{position:relative}
.soft-section{
  background:
    linear-gradient(135deg,rgba(230,109,26,.035),transparent 50%),
    var(--surface)
}
.section-title{font-weight:630}
.feature-card,.mini-card,.form-card{
  position:relative;overflow:hidden;background:linear-gradient(145deg,var(--bg),var(--surface));
  border-color:var(--line);box-shadow:inset 0 1px rgba(255,255,255,.03)
}
.feature-card:before,.mini-card:before{
  content:'';position:absolute;left:0;top:0;width:100%;height:2px;
  background:linear-gradient(90deg,var(--copper),transparent 60%);opacity:.55
}
.feature-card:hover,.mini-card:hover{border-color:rgba(230,109,26,.52);box-shadow:var(--shadow)}
.feature-icon{
  background:linear-gradient(145deg,rgba(255,170,79,.19),rgba(123,47,11,.16));
  border:1px solid rgba(232,112,31,.24)
}
.feature-icon:after{border-color:var(--copper-light)}
.icon-key:after{box-shadow:8px 6px 0 -5px var(--copper)}
.icon-share:after{box-shadow:9px -5px 0 -3px var(--copper),9px 6px 0 -3px var(--copper)}
.card-index,.component-number,.text-link{color:var(--copper)}
.network-visual,.mind-map,.business-visual,.security-orb{
  filter:drop-shadow(0 28px 45px rgba(0,0,0,.18))
}
.network-visual{background:radial-gradient(circle,rgba(226,101,21,.13),transparent 56%)}
.network-core,.network-node,.map-core,.map-item,.business-visual span{background:linear-gradient(145deg,var(--surface),var(--bg));border-color:var(--line)}
.network-core{border-color:rgba(237,119,40,.4);box-shadow:0 0 65px rgba(203,76,10,.18)}
.network-orbit{border-color:rgba(226,105,34,.22)}
.network-line{background:linear-gradient(90deg,var(--copper),transparent)}
.node-symbol{background:rgba(224,98,25,.12);color:var(--copper)}
.mind-map{background:radial-gradient(circle at 50%,rgba(220,91,17,.16),transparent 53%)}
.map-core{color:var(--copper);border-color:rgba(234,112,34,.4)}
.check-list li:before{color:var(--copper)}
.dark-panel{
  position:relative;background:
    radial-gradient(circle at 76% 42%,rgba(232,104,25,.18),transparent 34%),
    linear-gradient(145deg,#120b07,#050403);
  border:1px solid rgba(238,123,48,.21);box-shadow:var(--shadow)
}
.dark-panel:after{
  content:'';position:absolute;inset:0;pointer-events:none;opacity:.28;
  background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(255,255,255,.02) 8px)
}
.dark-panel .eyebrow{color:#ef873b}.source-core{background:linear-gradient(145deg,#fb9b43,#a93e0c);box-shadow:0 0 70px rgba(225,90,14,.34)}
.source-pill{border-color:rgba(241,138,71,.22);background:rgba(232,109,31,.07)}
.process-grid:before{background:linear-gradient(90deg,transparent,var(--copper),transparent)}
.step-number{color:var(--copper);border-color:rgba(232,111,34,.35)}
.cta-panel{
  background:
    radial-gradient(circle at 50% 120%,rgba(232,105,28,.2),transparent 47%),
    linear-gradient(145deg,var(--surface),var(--bg));
  border-color:rgba(224,103,30,.24)
}
.page-hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 82% 68%,rgba(230,106,30,.2),transparent 30%),
    repeating-linear-gradient(0deg,transparent 0 8px,rgba(255,255,255,.012) 9px),
    linear-gradient(140deg,#120c08,#070504);
  color:#f5eadf;border-color:rgba(231,114,40,.17)
}
.page-hero:after{
  content:'M';position:absolute;right:3%;bottom:-36%;font-size:23rem;font-weight:900;
  color:transparent;-webkit-text-stroke:1px rgba(236,119,41,.1);pointer-events:none
}
.page-hero .lead{color:#baa899}
.integration-grid,.architecture{border-color:var(--line)}
.integration-item{border-color:var(--line)}
.integration-dot{background:var(--copper);box-shadow:0 0 0 5px rgba(224,96,22,.12)}
.architecture{background:linear-gradient(135deg,var(--surface),var(--bg))}
.architecture-node span,.architecture-arrow{color:var(--copper)}
.security-orb{background:radial-gradient(circle,rgba(226,98,23,.17),transparent 58%)}
.orb-shield,.business-core{
  background:linear-gradient(145deg,#ffa348,#d85d14 52%,#7c2c0a);
  box-shadow:inset 0 1px rgba(255,255,255,.5),0 20px 55px rgba(201,72,8,.28)
}
.orb-ring{border-color:rgba(231,113,39,.24);box-shadow:inset 0 0 60px rgba(228,100,24,.1)}
.business-visual{background:radial-gradient(circle,rgba(225,98,24,.15),transparent 60%)}
.contact-card{background:linear-gradient(145deg,var(--surface),var(--bg))}
.form-control{background:var(--surface);border-color:var(--line)}
.form-control:focus{border-color:var(--copper);box-shadow:0 0 0 4px rgba(221,93,17,.12)}
.success-icon{background:linear-gradient(145deg,#ff9b40,#ac400e)}
.site-footer{
  position:relative;background:
    radial-gradient(circle at 18% 35%,rgba(222,94,18,.16),transparent 30%),
    repeating-linear-gradient(0deg,transparent 0 8px,rgba(255,255,255,.012) 9px),
    #050403;
  border-top:1px solid rgba(232,114,39,.18)
}
.footer-lead h2{background:linear-gradient(110deg,#fff3e7,#d76a25);-webkit-background-clip:text;background-clip:text;color:transparent}
.social-links a:hover{border-color:var(--copper);color:var(--copper)}
@media(max-width:991.98px){
  .site-nav .navbar-collapse{background:rgba(12,9,7,.98)}
  [data-bs-theme=light] .site-nav .navbar-collapse{background:rgba(245,239,231,.98)}
  .nav-link:after{margin-left:0}.nav-link:hover:after,.nav-link.active:after{width:2rem}
}
@media(max-width:575.98px){
  .hero:before{bottom:7%;right:-.16em}.page-hero:after{font-size:15rem;right:-20%}
}

/* Official Matriark logo kit */
.brand-logo{
  display:block;width:auto;height:3.35rem;object-fit:contain;
  filter:drop-shadow(0 7px 12px rgba(0,0,0,.3))
}
.site-nav .navbar-brand{padding:0;margin-right:1.5rem}
.site-nav .brand-logo{height:2.8rem}
.brand-logo-footer{height:4.2rem}
.network-logo{
  display:block;width:64px;height:55px;object-fit:contain;
  filter:drop-shadow(0 8px 8px rgba(0,0,0,.35))
}
.orb-shield{
  clip-path:none;width:190px;height:180px;background:transparent;
  box-shadow:none
}
.orb-shield img{
  width:100%;height:100%;object-fit:contain;
  filter:drop-shadow(0 20px 22px rgba(0,0,0,.45))
}
@media(max-width:575.98px){
  .site-nav .brand-logo{height:2.35rem}
  .brand-logo-footer{height:3.35rem;max-width:85vw}
}

/* Digital Memory production edition v4 */
:root{
  --bg:#090806;--surface:#12100d;--surface-2:#1a1611;--text:#f5efe7;
  --muted:#b9aa9b;--line:rgba(239,150,78,.18);--nav:rgba(9,8,6,.88);
  --section:clamp(5.5rem,9vw,8.5rem)
}
body{background:#090806;color:var(--text)}
.site-nav{background:var(--nav);border-bottom:1px solid rgba(239,150,78,.1)}
.site-nav .brand-logo{height:2.45rem}
.nav-link{color:#b9aa9b!important}.nav-link:hover,.nav-link.active{color:#fff!important}
.navbar-toggler{filter:invert(1)}
.hero-v4{
  background:
    radial-gradient(circle at 72% 45%,rgba(239,112,29,.16),transparent 25rem),
    linear-gradient(100deg,#080706 0%,#100a06 58%,#080706 100%);
  min-height:100vh
}
.hero-brand{position:relative;display:grid;place-items:center;min-height:34rem}
.hero-brand:before,.hero-brand:after{content:'';position:absolute;border:1px solid rgba(239,123,43,.18);border-radius:50%;inset:10%;animation:spin 36s linear infinite}
.hero-brand:after{inset:24%;border-style:dashed;animation-direction:reverse}
.hero-brand img{position:relative;z-index:1;width:min(100%,28rem);height:auto;filter:drop-shadow(0 35px 55px rgba(0,0,0,.58))}
.supporting-line{color:#e59658;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;font-weight:650;margin-top:2rem}
.memory-equation{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-top:2rem}
.memory-equation span,.memory-equation strong{padding:.65rem .85rem;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.memory-equation strong{color:#ff9b43}.memory-equation i{color:#8f7a69;font-style:normal}
.layer-stack{display:flex;flex-direction:column;gap:.65rem;max-width:850px;margin-inline:auto}
.layer{position:relative;padding:1.1rem 1.35rem;border:1px solid var(--line);border-radius:13px;background:linear-gradient(120deg,#15110d,#0d0b09);color:#b9aa9b;text-align:center;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}
.layer.active{color:#fff;border-color:#f08335;background:linear-gradient(120deg,#692807,#d45d16);box-shadow:0 16px 45px rgba(213,86,16,.2);transform:scale(1.025)}
.perspective-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);background:var(--line);border-radius:24px;overflow:hidden}
.perspective-card{background:#0e0c09;padding:2rem;min-height:150px}
.perspective-card span{display:block;color:#f28a3e;font-size:1.25rem;font-weight:650;margin-bottom:1.5rem}
.perspective-card p{margin:0}
.timeline-v4{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;position:relative}
.timeline-v4:before{content:'';position:absolute;left:4%;right:4%;top:1.3rem;height:1px;background:linear-gradient(90deg,transparent,#e96e1d,transparent)}
.timeline-step{position:relative;display:flex;flex-direction:column;gap:.25rem;padding-top:3.2rem}
.timeline-step>span{position:absolute;top:0;width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;background:#15110e;border:1px solid #a84711;color:#f39755;font-size:.65rem}
.timeline-step strong{font-size:.8rem}.timeline-step small{color:var(--muted);font-size:.68rem}
.comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center}
.comparison-column{display:flex;flex-direction:column;gap:.8rem;padding:2rem;border:1px solid var(--line);border-radius:20px;background:#0d0b09}
.comparison-column span{color:#e57a32;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}
.comparison-column strong{color:#9e9083;font-size:.85rem}.comparison-column.active{border-color:#d8611a}.comparison-column.active strong{color:#fff}
.comparison-arrow{color:#f1873c}
.object-graph{position:relative;min-height:420px;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle,rgba(229,96,21,.16),transparent 58%)}
.object-node{position:absolute;padding:.65rem .8rem;border:1px solid var(--line);border-radius:11px;background:#12100d;color:#bdae9f;font-size:.72rem}
.object-node.core{left:50%;top:50%;translate:-50% -50%;padding:1.5rem;color:#fff;border-color:#df6b24;box-shadow:0 0 55px rgba(223,91,17,.2)}
.object-node:nth-child(2){left:8%;top:15%}.object-node:nth-child(3){right:7%;top:17%}.object-node:nth-child(4){right:2%;bottom:25%}.object-node:nth-child(5){left:7%;bottom:18%}.object-node:nth-child(6){left:42%;top:4%}.object-node:nth-child(7){right:38%;bottom:4%}
.provenance-chain{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:2rem}
.provenance-chain span{padding:.6rem .8rem;border:1px solid var(--line);border-radius:9px;font-size:.7rem}
.provenance-chain span:not(:last-child):after{content:'←';color:#e8782e;margin-left:1rem}
.federation-map,.loss-map{min-height:360px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;padding:3rem;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle,rgba(225,94,18,.16),transparent 60%)}
.federation-map span,.loss-map span{padding:.8rem 1rem;border:1px solid var(--line);background:#12100d;border-radius:30px;color:#d9ccbf;font-size:.75rem}
.role-matrix,.information-layers{display:flex;flex-direction:column;gap:.65rem}
.role-row,.info-layer{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:12px;background:#100e0b}
.role-row span,.info-layer span{color:var(--muted);font-size:.75rem;text-align:right}
.info-layer{margin-inline:calc(var(--i,0) * 10px)}
.route-card{width:100%;height:100%;min-height:145px;text-align:left;padding:1.5rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#12100d,#0c0a08);color:#fff;transition:.25s}
.route-card strong,.route-card span{display:block}.route-card strong{margin-bottom:.75rem}.route-card span{color:var(--muted);font-size:.8rem}
.route-card:hover,.route-card:focus-visible,.route-card.selected{border-color:#ed7e32;transform:translateY(-3px);box-shadow:0 18px 45px rgba(0,0,0,.28)}
.form-card,.contact-card,.feature-card,.mini-card{background:linear-gradient(145deg,#12100d,#0c0a08)}
.form-control{background:#0b0907;color:#fff}.form-control:focus{background:#0b0907;color:#fff}
.page-hero{min-height:72vh;display:flex;align-items:end}
.page-hero h1{max-width:1000px}
.integration-grid{grid-template-columns:repeat(3,1fr)}
.process-grid.compact{grid-template-columns:repeat(4,1fr)}
@media(max-width:991.98px){
  .hero-brand{min-height:22rem}.perspective-grid{grid-template-columns:repeat(2,1fr)}
  .timeline-v4{grid-template-columns:repeat(3,1fr)}.timeline-v4:before{display:none}
}
@media(max-width:575.98px){
  .perspective-grid{grid-template-columns:1fr}.timeline-v4{grid-template-columns:1fr}
  .timeline-step{padding:0 0 1rem 3.5rem;min-height:3rem}.timeline-step>span{left:0}
  .comparison{grid-template-columns:1fr}.comparison-arrow{transform:rotate(90deg);text-align:center}
  .object-graph{min-height:360px}.integration-grid{grid-template-columns:1fr}
  .process-grid.compact{grid-template-columns:1fr}.role-row,.info-layer{flex-direction:column}.role-row span,.info-layer span{text-align:left}
}

/* Calm page and content transitions */
@view-transition{navigation:auto}
::view-transition-old(root){animation:matriark-page-out .3s ease-in both}
::view-transition-new(root){animation:matriark-page-in .46s ease-out both}
@keyframes matriark-page-out{
  from{opacity:1}
  to{opacity:0}
}
@keyframes matriark-page-in{
  from{opacity:0}
  to{opacity:1}
}
html{background:#090806}
body{
  opacity:0;
  animation:matriark-body-in .5s ease-out .03s forwards;
  transition:opacity .32s ease-in
}
html.page-leaving body{opacity:0}
@keyframes matriark-body-in{to{opacity:1}}
.site-nav{transition:padding .35s ease,border-color .35s ease,box-shadow .35s ease,background-color .35s ease}
.reveal{
  transform:translateY(28px) scale(.992);
  filter:blur(2px);
  transition:
    opacity .8s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),
    transform .8s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),
    filter .7s ease var(--reveal-delay,0ms)
}
.reveal.is-visible{transform:none;filter:none}
.feature-card,.mini-card,.route-card,.perspective-card,.integration-item{
  transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s ease,box-shadow .35s ease,background-color .35s ease
}
@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none}
  body{opacity:1;animation:none;transition:none}
  html.page-leaving body{opacity:1}
  .reveal{filter:none;transition:none}
}