@font-face{font-family:"Open Sans";src:url("/_thm/OpenSans-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#11171b;--paper:#f7f6f2;--line:#d8d8d4;--muted:#646a6d;--soft:#efefec;--max:1500px;
/* AAM accent palette. Numeric names deliberately avoid semantic Journey-Step mapping. */
--aam-accent-01:#046276;--aam-accent-02:#211d51;--aam-accent-03:#9a2022;--aam-accent-04:#c2b79f;--aam-accent-05:#2f4c3b;--aam-accent-06:#876127;--aam-accent-07:#acdcf6;--aam-accent-08:#2c385f;
--aam-accent:var(--aam-accent-01)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Open Sans",Arial,sans-serif;font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}.site-header{height:72px;display:flex;align-items:center;gap:48px;padding:0 max(5vw,28px);border-bottom:1px solid var(--line);background:#faf9f6}.brand{display:inline-flex;align-items:center}.brand img{display:block;width:74px;height:auto}.site-header nav{display:flex;gap:38px;font-size:13px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:14px 22px;font-size:13px;min-width:190px}.button.dark{background:var(--ink);color:white}.button.light{background:white;color:var(--ink)}.hero{min-height:530px;background:#11171b;color:white;display:grid;grid-template-columns:minmax(420px,1fr) 1.1fr;overflow:hidden}.hero-copy{padding:48px max(5vw,28px) 50px}.eyebrow,.index{font-size:12px;display:flex;align-items:center;gap:18px}.eyebrow i,.index i{display:inline-block;width:40px;border-top:1px solid currentColor;opacity:.55}.hero h1{font-size:58px;line-height:.94;letter-spacing:-2.6px;font-weight:400;margin:32px 0 18px}.hero h2{font-size:22px;font-weight:400;margin:0 0 18px}.hero p{max-width:610px;color:#d6d8d9;margin:0 0 13px}.hero .button{margin-top:12px}.hero-visual{position:relative;min-height:530px;background:radial-gradient(ellipse at 65% 70%,#344047 0,#1b2429 38%,#11171b 72%);overflow:hidden}.mountains{position:absolute;left:3%;right:-10%;bottom:-2%;height:55%;clip-path:polygon(0 78%,8% 64%,18% 69%,29% 39%,38% 54%,47% 25%,55% 43%,65% 20%,73% 45%,84% 36%,100% 64%,100% 100%,0 100%);background:linear-gradient(150deg,#39434a 0,#9ba1a3 37%,#3e474c 40%,#171f23 70%);opacity:.82;filter:grayscale(1)}.orbit{position:absolute;border:1px solid rgba(255,255,255,.28);border-radius:50%}.orbit-a{width:560px;height:560px;left:8%;top:30px}.orbit-b{width:360px;height:360px;left:29%;top:126px}.hero-mark{position:absolute;font-size:11px;letter-spacing:1.3px;line-height:1.25;color:#e8e8e8;z-index:2}.hero-mark.top{right:10%;top:75px}.hero-mark.bottom{right:10%;bottom:50px}.band{border-bottom:1px solid var(--line);max-width:var(--max);margin:auto}.split{display:grid;grid-template-columns:250px 1fr;padding:42px max(5vw,28px);gap:55px}.section-head h2{font-size:32px;line-height:1.04;font-weight:400;letter-spacing:-.8px;margin:20px 0}.section-body{min-width:0}.section-body>p:first-child{margin-top:0}.cols-why{display:grid;grid-template-columns:1.6fr .7fr;gap:70px}.cols-why blockquote{border-left:1px solid #777;margin:4px 0;padding:8px 0 8px 26px;font-size:23px;line-height:1.15}.kicker{font-weight:500}.five-grid,.steps,.outcome-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:30px}.five-grid article{padding:0 24px;border-left:1px solid var(--line)}.five-grid article:first-child{padding-left:0;border-left:0}.five-grid b{display:block;font-size:37px;font-weight:300;color:#555;margin-bottom:8px}.five-grid h3,.steps h3{font-size:19px;font-weight:500;margin:0 0 8px}.five-grid p,.steps p{font-size:14px;color:#42484b}.steps{gap:28px}.steps b{width:32px;height:32px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-weight:400;font-size:12px;margin-bottom:14px}.outcome-grid{gap:14px}.outcome-grid article{background:var(--soft);min-height:150px;padding:20px}.outcome-grid span{font-size:24px}.outcome-grid p{font-size:14px;margin-top:28px}.deliverables{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:20px;font-size:12px}.deliverables span:before{content:"·";margin-right:22px}.why-scip{display:grid;grid-template-columns:1.3fr .8fr;gap:65px}.proof{border-left:1px solid #aaa;padding-left:40px}.proof div{display:grid;grid-template-columns:110px 1fr;align-items:start;margin-bottom:22px}.proof b{font-size:26px;font-weight:400}.proof span{font-size:14px}.compact{padding-top:34px;padding-bottom:34px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.cards a{background:var(--soft);padding:18px;display:flex;flex-direction:column;min-height:120px}.cards small{font-size:11px}.cards strong{font-size:14px;margin:5px 0 10px}.cards span{font-size:12px;color:#555}.research{max-width:720px}.research a{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.cta{max-width:var(--max);margin:auto;padding:38px max(5vw,28px);display:grid;grid-template-columns:170px 1.2fr 1fr auto;gap:35px;align-items:center;border-bottom:1px solid var(--line)}.cta .index{display:block}.cta .index i{margin-left:14px;vertical-align:middle}.cta .index small{display:block;margin-top:20px}.cta h2{font-size:31px;line-height:1.08;font-weight:400;letter-spacing:-.8px;margin:0}.cta p{font-size:13px;margin:0}.cta .button{min-width:210px}footer{max-width:var(--max);margin:auto;min-height:95px;padding:25px max(5vw,28px);display:flex;align-items:center;gap:35px;font-size:11px}footer nav{margin-left:auto;display:flex;gap:28px}footer .brand img{width:70px}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-visual{min-height:320px}.split{grid-template-columns:190px 1fr;gap:35px}.five-grid,.steps,.outcome-grid{grid-template-columns:repeat(2,1fr);gap:24px}.five-grid article{border-left:0;padding:0}.cta{grid-template-columns:1fr 1fr}.cta .index{grid-column:1/-1}}
@media(max-width:720px){.site-header nav{display:none}.header-actions>span{display:none}.site-header{gap:20px}.hero-copy{padding-top:36px}.hero h1{font-size:44px}.hero-visual{min-height:260px}.split{grid-template-columns:1fr;padding-top:32px;padding-bottom:32px}.section-head h2 br{display:none}.cols-why,.why-scip{grid-template-columns:1fr;gap:30px}.five-grid,.steps,.outcome-grid,.cards{grid-template-columns:1fr}.outcome-grid article{min-height:110px}.proof{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:25px}.cta{grid-template-columns:1fr}.cta .index{grid-column:auto}.cta .button{width:100%}footer{align-items:flex-start;flex-wrap:wrap}footer nav{width:100%;margin-left:0;flex-wrap:wrap}.button{min-width:0}.hero-mark{font-size:9px}}

/* Language switch: explicit cross-language URL, while module links remain relative. */
.language { white-space: nowrap; }
.language a { color: inherit; text-decoration: none; }
.language a:hover { text-decoration: underline; }
.language strong { font-weight: 400; text-decoration: underline; text-underline-offset: .2em; }


/* ---------------------------------------------------------
   AAM module accent system
   Colour is visual identity only; it does not encode a fixed
   AAM Module <-> Customer Journey Step relationship.
   --------------------------------------------------------- */
.aam-module-001{--aam-accent:var(--aam-accent-01)}
.module-code{color:var(--aam-accent)}
.module-code i{border-color:var(--aam-accent);opacity:1}
.section-head .index{position:relative}
.section-head .index::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--aam-accent);display:inline-block;margin-right:8px}
.five-grid b{color:var(--aam-accent)}
.steps b{border-color:var(--aam-accent);color:var(--aam-accent)}
.accent-section{position:relative}
.accent-section::before{content:"";position:absolute;left:max(5vw,28px);right:max(5vw,28px);top:0;height:2px;background:var(--aam-accent)}
.outcome-grid article{border-top:2px solid transparent}
.outcome-grid article:hover{border-top-color:var(--aam-accent)}
.cards a{border-top:2px solid transparent}
.cards a:hover{border-top-color:var(--aam-accent)}
.cta{position:relative}
.cta::before{content:"";position:absolute;left:max(5vw,28px);top:0;width:72px;height:3px;background:var(--aam-accent)}
@media (prefers-reduced-motion:no-preference){.outcome-grid article,.cards a{transition:border-color .18s ease}}




/* --------------------------------------------------------------------------
   AAM-002 — Architecture hero
   Pure CSS: planes, grid, lines and nodes. No image assets.
   -------------------------------------------------------------------------- */

.aam-module-002 {
    --aam-accent: var(--aam-accent-02);
}

.aam-module-002 .hero {
    background:
        radial-gradient(circle at 72% 42%, rgba(33,29,81,.15), transparent 31%),
        linear-gradient(120deg, #0d1218 0%, #10151c 52%, #151828 100%);
}

.aam-module-002 .architecture-visual {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.aam-module-002 .architecture-grid {
    position: absolute;
    inset: 8% 8% 8% 3%;
    opacity: .18;
    transform: perspective(650px) rotateX(62deg) rotateZ(-22deg) scale(1.12);
    transform-origin: center;
    background-image:
        linear-gradient(rgba(255,255,255,.22) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.22) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 82%, transparent 100%);
}

.aam-module-002 .architecture-plane {
    position: absolute;
    border: 1px solid rgba(255,255,255,.16);
    background: linear-gradient(145deg, rgba(33,29,81,.88), rgba(33,29,81,.22));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
    transform-origin: center;
}

.aam-module-002 .plane-a {
    width: 35%;
    height: 28%;
    left: 20%;
    top: 25%;
    transform: skewY(27deg);
}

.aam-module-002 .plane-b {
    width: 37%;
    height: 24%;
    left: 43%;
    top: 39%;
    opacity: .78;
    transform: skewY(-25deg);
}

.aam-module-002 .plane-c {
    width: 20%;
    height: 51%;
    left: 48%;
    top: 12%;
    opacity: .45;
    transform: skewY(8deg);
    background: linear-gradient(180deg, rgba(172,220,246,.22), rgba(33,29,81,.42));
}

.aam-module-002 .plane-d {
    width: 28%;
    height: 18%;
    left: 31%;
    top: 61%;
    opacity: .34;
    transform: skewY(-18deg);
    background: linear-gradient(145deg, rgba(172,220,246,.22), rgba(33,29,81,.35));
}

.aam-module-002 .architecture-line {
    position: absolute;
    height: 1px;
    background: rgba(172,220,246,.5);
    transform-origin: left center;
}

.aam-module-002 .line-a {
    width: 72%;
    left: 11%;
    top: 64%;
    transform: rotate(-27deg);
}

.aam-module-002 .line-b {
    width: 58%;
    left: 24%;
    top: 24%;
    transform: rotate(31deg);
}

.aam-module-002 .line-c {
    width: 46%;
    left: 45%;
    top: 54%;
    transform: rotate(-7deg);
    opacity: .45;
}

.aam-module-002 .architecture-node {
    position: absolute;
    width: 7px;
    height: 7px;
    border: 1px solid rgba(172,220,246,.85);
    background: #10151c;
    transform: rotate(45deg);
}

.aam-module-002 .node-a { left: 31%; top: 48%; }
.aam-module-002 .node-b { left: 58%; top: 35%; }
.aam-module-002 .node-c { left: 70%; top: 61%; }

.aam-module-002 .architecture-visual::before,
.aam-module-002 .architecture-visual::after {
    content: "";
    position: absolute;
    width: 1px;
    background: linear-gradient(to bottom, transparent, rgba(255,255,255,.34), transparent);
    z-index: 0;
}

.aam-module-002 .architecture-visual::before {
    height: 76%;
    left: 39%;
    top: 8%;
}

.aam-module-002 .architecture-visual::after {
    height: 62%;
    left: 73%;
    top: 19%;
}

.aam-module-002 .architecture-visual .hero-mark {
    z-index: 4;
    letter-spacing: .16em;
    line-height: 1.55;
}

.aam-module-002 .architecture-visual .hero-mark.top {
    right: 6%;
    top: 12%;
}

.aam-module-002 .architecture-visual .hero-mark.bottom {
    right: 6%;
    bottom: 11%;
}

@media (max-width: 900px) {
    .aam-module-002 .architecture-visual {
        min-height: 320px;
    }

    .aam-module-002 .architecture-visual .hero-mark {
        font-size: .65rem;
    }
}

@media (max-width: 600px) {
    .aam-module-002 .architecture-visual {
        min-height: 250px;
    }

    .aam-module-002 .architecture-grid {
        inset: 5%;
        background-size: 30px 30px;
    }

    .aam-module-002 .architecture-visual .hero-mark {
        display: none;
    }
}


/* ==========================================================================
   AAM-003 — AI Red Team hero
   Pure CSS: target, defensive boundaries, attack paths and breach point.
   No image assets.
   ========================================================================== */

.aam-module-003 { --aam-accent: var(--aam-accent-03); }

.aam-module-003 .hero {
    background:
        radial-gradient(circle at 68% 49%, rgba(154,32,34,.30), transparent 30%),
        radial-gradient(circle at 43% 58%, rgba(154,32,34,.10), transparent 24%),
        linear-gradient(120deg, #0d1117 0%, #141216 54%, #211012 100%);
}

.aam-module-003 .redteam-visual {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.aam-module-003 .target-ring {
    position: absolute;
    border: 1px solid rgba(255,255,255,.17);
    border-radius: 50%;
    left: 52%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.aam-module-003 .ring-1 { width: 38%; aspect-ratio: 1; border-color: rgba(154,32,34,.98); box-shadow: 0 0 32px rgba(154,32,34,.13); }
.aam-module-003 .ring-2 { width: 58%; aspect-ratio: 1; border-color: rgba(154,32,34,.42); }
.aam-module-003 .ring-3 { width: 78%; aspect-ratio: 1; border-color: rgba(154,32,34,.22); opacity: .72; }

.aam-module-003 .defence-boundary {
    position: absolute;
    width: 58%;
    height: 1px;
    left: 24%;
    top: 50%;
    background: linear-gradient(90deg, transparent, rgba(154,32,34,.48), rgba(255,255,255,.18), transparent);
}
.aam-module-003 .boundary-a { transform: rotate(42deg); }
.aam-module-003 .boundary-b { transform: rotate(-42deg); }

.aam-module-003 .attack-path {
    position: absolute;
    height: 2px;
    transform-origin: left center;
    background: linear-gradient(90deg, rgba(154,32,34,.10), rgba(154,32,34,1));
    box-shadow: 0 0 10px rgba(154,32,34,.16);
}
.aam-module-003 .path-a { width: 48%; left: 4%; top: 30%; transform: rotate(20deg); }
.aam-module-003 .path-b { width: 55%; left: 3%; top: 69%; transform: rotate(-17deg); }
.aam-module-003 .path-c { width: 42%; left: 22%; top: 13%; transform: rotate(46deg); opacity: .65; }

.aam-module-003 .attack-path::after {
    content:"";
    position:absolute;
    right:-1px; top:-4px;
    width:8px; height:8px;
    border-top:2px solid rgba(154,32,34,.95);
    border-right:2px solid rgba(154,32,34,.95);
    transform:rotate(45deg);
}

.aam-module-003 .attack-node {
    position:absolute;
    width:9px; height:9px;
    border:1px solid rgba(154,32,34,1);
    background:rgba(154,32,34,.28);
    box-shadow:0 0 12px rgba(154,32,34,.22);
    border-radius:50%;
}
.aam-module-003 .node-1 { left:18%; top:34%; }
.aam-module-003 .node-2 { left:27%; top:61%; }
.aam-module-003 .node-3 { left:38%; top:26%; }

.aam-module-003 .breach-point {
    position:absolute;
    left:52%; top:50%;
    width:18px; height:18px;
    transform:translate(-50%,-50%) rotate(45deg);
    background:var(--aam-accent);
    box-shadow:0 0 0 8px rgba(154,32,34,.18), 0 0 42px rgba(154,32,34,.72);
}

.aam-module-003 .redteam-visual::before,
.aam-module-003 .redteam-visual::after {
    content:"";
    position:absolute;
    background:rgba(255,255,255,.09);
}
.aam-module-003 .redteam-visual::before { width:1px; height:76%; left:52%; top:12%; }
.aam-module-003 .redteam-visual::after { height:1px; width:78%; left:13%; top:50%; }

.aam-module-003 .redteam-visual .hero-mark { z-index:5; letter-spacing:.16em; line-height:1.55; }
.aam-module-003 .redteam-visual .hero-mark.top { right:6%; top:12%; }
.aam-module-003 .redteam-visual .hero-mark.bottom { right:6%; bottom:11%; }

@media (max-width:600px) {
    .aam-module-003 .redteam-visual .hero-mark { display:none; }
    .aam-module-003 .ring-1 { width:42%; }
    .aam-module-003 .ring-2 { width:64%; }
    .aam-module-003 .ring-3 { width:86%; }
}


/* AAM-003 accent refinement — #9a2022 remains the only chromatic accent. */
.aam-module-003 .module-code,
.aam-module-003 .section-head .index,
.aam-module-003 .five-grid article > b,
.aam-module-003 .steps article > b {
    color: var(--aam-accent);
}

.aam-module-003 .hero-copy .module-code i,
.aam-module-003 .section-head .index i {
    background: var(--aam-accent);
}

.aam-module-003 .accent-section {
    border-top-color: rgba(154,32,34,.55);
}

.aam-module-003 .redteam-visual .hero-mark.top {
    color: rgba(255,255,255,.78);
}

.aam-module-003 .redteam-visual .hero-mark.bottom {
    color: rgba(154,32,34,.92);
}


/* ==========================================================================
   AAM Design System — shared module accent handling
   ========================================================================== */
.aam-module .module-code,
.aam-module .section-head .index,
.aam-module .section-head .index *,
.aam-module .cta .index,
.aam-module .cta .index * {
    color: var(--aam-accent);
}
.aam-module .module-code i,
.aam-module .section-head .index i,
.aam-module .cta .index i {
    background-color: var(--aam-accent);
}


/* ==========================================================================
   AAM-004 — AI Governance & Operating Model hero
   Pure CSS: nested frames, organisational levels, responsibilities and
   connecting control lines. No image assets.
   ========================================================================== */
.aam-module-004 { --aam-accent: var(--aam-accent-04); }

.aam-module-004 .hero {
    background:
        radial-gradient(circle at 68% 48%, rgba(194,183,159,.18), transparent 31%),
        linear-gradient(120deg, #0e1217 0%, #14171a 55%, #1d1b18 100%);
}

.aam-module-004 .governance-visual {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.aam-module-004 .gov-frame {
    position:absolute;
    left:50%; top:50%;
    transform:translate(-50%,-50%);
    border:1px solid rgba(194,183,159,.30);
}
.aam-module-004 .frame-outer { width:72%; height:68%; }
.aam-module-004 .frame-mid { width:52%; height:48%; border-color:rgba(194,183,159,.52); }

.aam-module-004 .gov-axis {
    position:absolute;
    background:linear-gradient(90deg, transparent, rgba(194,183,159,.48), transparent);
}
.aam-module-004 .axis-h { width:80%; height:1px; left:10%; top:50%; }
.aam-module-004 .axis-v {
    width:1px; height:78%; left:50%; top:11%;
    background:linear-gradient(180deg, transparent, rgba(194,183,159,.48), transparent);
}

.aam-module-004 .gov-level {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    justify-content:center;
    gap:28px;
}
.aam-module-004 .level-a { width:64%; top:24%; }
.aam-module-004 .level-b { width:48%; top:48%; }
.aam-module-004 .level-c { width:28%; top:70%; }

.aam-module-004 .gov-level i {
    display:block;
    width:42px; height:42px;
    border:1px solid rgba(194,183,159,.68);
    background:rgba(194,183,159,.06);
    position:relative;
}
.aam-module-004 .gov-level i::after {
    content:"";
    position:absolute;
    width:6px; height:6px;
    left:50%; top:50%;
    transform:translate(-50%,-50%);
    background:var(--aam-accent);
}

.aam-module-004 .gov-connector {
    position:absolute;
    left:50%;
    width:1px;
    background:rgba(194,183,159,.58);
}
.aam-module-004 .connector-a { top:29%; height:19%; margin-left:-70px; transform:rotate(20deg); }
.aam-module-004 .connector-b { top:29%; height:19%; margin-left:70px; transform:rotate(-20deg); }
.aam-module-004 .connector-c { top:53%; height:18%; }

.aam-module-004 .governance-visual::before,
.aam-module-004 .governance-visual::after {
    content:"";
    position:absolute;
    width:10px; height:10px;
    border:1px solid rgba(194,183,159,.9);
    background:#14171a;
    transform:rotate(45deg);
    z-index:3;
}
.aam-module-004 .governance-visual::before { left:calc(50% - 5px); top:calc(50% - 5px); }
.aam-module-004 .governance-visual::after { left:calc(50% - 5px); top:calc(70% - 5px); }

.aam-module-004 .governance-visual .hero-mark { z-index:5; letter-spacing:.16em; line-height:1.55; }
.aam-module-004 .governance-visual .hero-mark.top { right:6%; top:10%; color:rgba(255,255,255,.72); }
.aam-module-004 .governance-visual .hero-mark.bottom { right:6%; bottom:10%; color:rgba(194,183,159,.92); }

@media (max-width:600px) {
    .aam-module-004 .governance-visual .hero-mark { display:none; }
    .aam-module-004 .frame-outer { width:82%; }
    .aam-module-004 .frame-mid { width:60%; }
    .aam-module-004 .gov-level { gap:14px; }
    .aam-module-004 .gov-level i { width:32px; height:32px; }
}


/* ==========================================================================
   AAM-005 — Trustworthy AI Assessment hero
   Pure CSS: evidence fields converge around a stable trust core.
   No image assets.
   ========================================================================== */
.aam-module-005 { --aam-accent: var(--aam-accent-05); }

.aam-module-005 .hero {
    background:
        radial-gradient(circle at 66% 48%, rgba(47,76,59,.31), transparent 27%),
        linear-gradient(120deg, #0e1211 0%, #111815 55%, #122018 100%);
}

.aam-module-005 .trust-visual {
    position:relative;
    overflow:hidden;
    isolation:isolate;
}

.aam-module-005 .trust-field {
    position:absolute;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(47,76,59,.08);
    transform:rotate(45deg);
}
.aam-module-005 .field-a { width:54%; aspect-ratio:1; left:23%; top:20%; }
.aam-module-005 .field-b { width:38%; aspect-ratio:1; left:31%; top:28%; border-color:rgba(47,76,59,.50); }
.aam-module-005 .field-c { width:24%; aspect-ratio:1; left:38%; top:35%; border-color:rgba(47,76,59,.78); background:rgba(47,76,59,.14); }

.aam-module-005 .trust-orbit {
    position:absolute;
    left:50%; top:50%;
    transform:translate(-50%,-50%);
    border:1px solid rgba(255,255,255,.10);
    border-radius:50%;
}
.aam-module-005 .orbit-1 { width:66%; aspect-ratio:1; }
.aam-module-005 .orbit-2 { width:84%; aspect-ratio:1; border-color:rgba(47,76,59,.22); }

.aam-module-005 .trust-ray {
    position:absolute;
    left:50%; top:50%;
    width:36%; height:1px;
    transform-origin:left center;
    background:linear-gradient(90deg, rgba(47,76,59,.78), transparent);
}
.aam-module-005 .ray-a { transform:rotate(-18deg); }
.aam-module-005 .ray-b { transform:rotate(54deg); }
.aam-module-005 .ray-c { transform:rotate(126deg); }
.aam-module-005 .ray-d { transform:rotate(198deg); }
.aam-module-005 .ray-e { transform:rotate(270deg); }

.aam-module-005 .trust-point {
    position:absolute;
    width:8px; height:8px;
    border:1px solid rgba(47,76,59,1);
    background:#111815;
    transform:rotate(45deg);
    box-shadow:0 0 14px rgba(47,76,59,.25);
}
.aam-module-005 .point-a { left:75%; top:40%; }
.aam-module-005 .point-b { left:62%; top:76%; }
.aam-module-005 .point-c { left:28%; top:69%; }
.aam-module-005 .point-d { left:22%; top:31%; }
.aam-module-005 .point-e { left:49%; top:14%; }

.aam-module-005 .trust-core {
    position:absolute;
    left:50%; top:50%;
    width:92px; height:92px;
    transform:translate(-50%,-50%) rotate(45deg);
    border:1px solid rgba(47,76,59,1);
    background:rgba(47,76,59,.38);
    box-shadow:0 0 0 12px rgba(47,76,59,.08), 0 0 48px rgba(47,76,59,.28);
    display:grid;
    place-items:center;
    z-index:4;
}
.aam-module-005 .trust-core span {
    transform:rotate(-45deg);
    font-size:.62rem;
    letter-spacing:.18em;
    color:rgba(255,255,255,.82);
}

.aam-module-005 .trust-visual .hero-mark { z-index:5; letter-spacing:.16em; line-height:1.55; }
.aam-module-005 .trust-visual .hero-mark.top { right:6%; top:10%; color:rgba(255,255,255,.70); }
.aam-module-005 .trust-visual .hero-mark.bottom { right:6%; bottom:10%; color:rgba(47,76,59,1); }

@media (max-width:600px) {
    .aam-module-005 .trust-visual .hero-mark { display:none; }
    .aam-module-005 .trust-core { width:72px; height:72px; }
    .aam-module-005 .field-a { width:62%; left:19%; }
}


/* ==========================================================================
   AAM-006 — Decision Security hero
   Pure CSS: multiple information/influence paths converge on a decision
   point and continue toward action/impact. No image assets.
   ========================================================================== */
.aam-module-006 { --aam-accent: var(--aam-accent-06); }

.aam-module-006 .hero {
    background:
        radial-gradient(circle at 67% 50%, rgba(135,97,39,.30), transparent 27%),
        linear-gradient(120deg, #0e1115 0%, #151511 55%, #201a10 100%);
}
.aam-module-006 .decision-visual { position:relative; overflow:hidden; isolation:isolate; }

.aam-module-006 .decision-flow {
    position:absolute; left:10%; height:1px;
    transform-origin:left center;
    background:linear-gradient(90deg, rgba(135,97,39,.15), rgba(135,97,39,.92));
}
.aam-module-006 .flow-a { width:46%; top:22%; transform:rotate(25deg); }
.aam-module-006 .flow-b { width:45%; top:38%; transform:rotate(10deg); }
.aam-module-006 .flow-c { width:45%; top:62%; transform:rotate(-10deg); }
.aam-module-006 .flow-d { width:46%; top:78%; transform:rotate(-25deg); }

.aam-module-006 .decision-source {
    position:absolute; left:9%;
    width:10px; height:10px; transform:rotate(45deg);
    border:1px solid rgba(135,97,39,.9); background:#151511;
}
.aam-module-006 .source-a { top:21%; }
.aam-module-006 .source-b { top:37%; }
.aam-module-006 .source-c { top:61%; }
.aam-module-006 .source-d { top:77%; }

.aam-module-006 .decision-ring {
    position:absolute; left:61%; top:50%; transform:translate(-50%,-50%);
    border:1px solid rgba(135,97,39,.35); border-radius:50%;
}
.aam-module-006 .ring-a { width:34%; aspect-ratio:1; border-color:rgba(135,97,39,.70); }
.aam-module-006 .ring-b { width:50%; aspect-ratio:1; opacity:.55; }

.aam-module-006 .decision-core {
    position:absolute; left:61%; top:50%;
    width:104px; height:104px; transform:translate(-50%,-50%);
    border:1px solid rgba(135,97,39,1);
    border-radius:50%; background:rgba(135,97,39,.25);
    box-shadow:0 0 0 12px rgba(135,97,39,.07), 0 0 44px rgba(135,97,39,.28);
    display:grid; place-items:center; z-index:4;
}
.aam-module-006 .decision-core span { font-size:.58rem; letter-spacing:.17em; color:rgba(255,255,255,.82); }

.aam-module-006 .outcome-line {
    position:absolute; left:61%; top:50%; width:27%; height:2px;
    background:linear-gradient(90deg, rgba(135,97,39,.95), rgba(135,97,39,.22));
}
.aam-module-006 .outcome-point {
    position:absolute; left:87%; top:calc(50% - 6px); width:12px; height:12px;
    background:var(--aam-accent); transform:rotate(45deg);
    box-shadow:0 0 22px rgba(135,97,39,.48);
}
.aam-module-006 .decision-visual::before {
    content:""; position:absolute; left:61%; top:9%; width:1px; height:82%;
    background:linear-gradient(180deg, transparent, rgba(255,255,255,.14), transparent);
}
.aam-module-006 .decision-visual .hero-mark { z-index:5; letter-spacing:.16em; line-height:1.55; }
.aam-module-006 .decision-visual .hero-mark.top { right:5%; top:10%; color:rgba(255,255,255,.68); }
.aam-module-006 .decision-visual .hero-mark.bottom { right:5%; bottom:10%; color:rgba(135,97,39,1); }

@media (max-width:600px) {
  .aam-module-006 .decision-visual .hero-mark { display:none; }
  .aam-module-006 .decision-core { width:78px; height:78px; }
  .aam-module-006 .decision-flow { left:5%; }
  .aam-module-006 .decision-source { left:4%; }
}


/* ==========================================================================
   AAM-007 — AI Strategy & Adoption hero
   Pure CSS: independent paths align, converge and open into a shared
   direction. No image assets.
   ========================================================================== */
.aam-module-007 { --aam-accent: var(--aam-accent-07); }

.aam-module-007 .hero {
    background:
        radial-gradient(circle at 69% 47%, rgba(172,220,246,.19), transparent 30%),
        linear-gradient(120deg, #0d1217 0%, #101820 56%, #12222c 100%);
}
.aam-module-007 .strategy-visual { position:relative; overflow:hidden; isolation:isolate; }

.aam-module-007 .strategy-horizon {
    position:absolute; left:9%; right:8%; top:50%; height:1px;
    background:linear-gradient(90deg, transparent, rgba(172,220,246,.35), rgba(172,220,246,.75), transparent);
}
.aam-module-007 .strategy-path {
    position:absolute; left:11%; width:49%; height:1px;
    transform-origin:left center;
    background:linear-gradient(90deg, rgba(255,255,255,.14), rgba(172,220,246,.82));
}
.aam-module-007 .path-1 { top:22%; transform:rotate(25deg); }
.aam-module-007 .path-2 { top:38%; transform:rotate(10deg); }
.aam-module-007 .path-3 { top:62%; transform:rotate(-10deg); }
.aam-module-007 .path-4 { top:78%; transform:rotate(-25deg); }

.aam-module-007 .strategy-origin {
    position:absolute; left:10%; width:8px; height:8px;
    border:1px solid rgba(172,220,246,.72); background:#101820; transform:rotate(45deg);
}
.aam-module-007 .origin-1 { top:21%; }
.aam-module-007 .origin-2 { top:37%; }
.aam-module-007 .origin-3 { top:61%; }
.aam-module-007 .origin-4 { top:77%; }

.aam-module-007 .strategy-alignment {
    position:absolute; left:58%; top:50%; width:22px; height:22px;
    transform:translate(-50%,-50%) rotate(45deg);
    border:1px solid rgba(172,220,246,.95);
    background:rgba(172,220,246,.15);
    box-shadow:0 0 30px rgba(172,220,246,.18);
}
.aam-module-007 .strategy-direction {
    position:absolute; left:58%; top:calc(50% - 1px); width:27%; height:2px;
    background:linear-gradient(90deg, rgba(172,220,246,.95), rgba(172,220,246,.38));
}
.aam-module-007 .strategy-direction::before,
.aam-module-007 .strategy-direction::after {
    content:""; position:absolute; left:38%; width:46%; height:1px;
    background:rgba(172,220,246,.30); transform-origin:right center;
}
.aam-module-007 .strategy-direction::before { top:-25px; transform:rotate(-8deg); }
.aam-module-007 .strategy-direction::after { top:25px; transform:rotate(8deg); }

.aam-module-007 .strategy-target {
    position:absolute; left:84%; top:50%; width:54px; height:54px;
    transform:translate(-50%,-50%); border:1px solid rgba(172,220,246,.65); border-radius:50%;
}
.aam-module-007 .strategy-target i {
    position:absolute; width:9px; height:9px; left:50%; top:50%;
    transform:translate(-50%,-50%) rotate(45deg); background:var(--aam-accent);
    box-shadow:0 0 22px rgba(172,220,246,.55);
}
.aam-module-007 .strategy-visual::before {
    content:""; position:absolute; left:58%; top:12%; width:1px; height:76%;
    background:linear-gradient(180deg, transparent, rgba(255,255,255,.12), transparent);
}
.aam-module-007 .strategy-visual .hero-mark { z-index:5; letter-spacing:.16em; line-height:1.55; }
.aam-module-007 .strategy-visual .hero-mark.top { right:5%; top:9%; color:rgba(255,255,255,.68); }
.aam-module-007 .strategy-visual .hero-mark.bottom { right:5%; bottom:9%; color:rgba(172,220,246,.95); }

@media (max-width:600px) {
  .aam-module-007 .strategy-visual .hero-mark { display:none; }
  .aam-module-007 .strategy-path { left:5%; width:53%; }
  .aam-module-007 .strategy-origin { left:4%; }
  .aam-module-007 .strategy-target { left:87%; }
}


/* ==========================================================================
   AAM-008 — Continuous AI Assurance hero
   Pure CSS: recurring assurance cycles, changing evidence and periodic
   reassessment around a persistent assurance core. No image assets.
   ========================================================================== */
.aam-module-008 { --aam-accent: var(--aam-accent-08); }

.aam-module-008 .hero {
    background:
        radial-gradient(circle at 66% 49%, rgba(44,56,95,.34), transparent 29%),
        linear-gradient(120deg, #0d1117 0%, #111622 55%, #151b2d 100%);
}
.aam-module-008 .continuous-visual { position:relative; overflow:hidden; isolation:isolate; }

.aam-module-008 .continuous-orbit {
    position:absolute; left:52%; top:50%; transform:translate(-50%,-50%);
    border:1px solid rgba(44,56,95,.56); border-radius:50%;
}
.aam-module-008 .orbit-a { width:34%; aspect-ratio:1; border-color:rgba(255,255,255,.22); }
.aam-module-008 .orbit-b { width:57%; aspect-ratio:1; }
.aam-module-008 .orbit-c { width:79%; aspect-ratio:1; opacity:.48; }

.aam-module-008 .continuous-arc {
    position:absolute; left:52%; top:50%; border-radius:50%;
    transform:translate(-50%,-50%);
    border:2px solid transparent;
}
.aam-module-008 .arc-a { width:48%; aspect-ratio:1; border-top-color:rgba(44,56,95,1); transform:translate(-50%,-50%) rotate(24deg); }
.aam-module-008 .arc-b { width:68%; aspect-ratio:1; border-right-color:rgba(44,56,95,.92); transform:translate(-50%,-50%) rotate(-18deg); }
.aam-module-008 .arc-c { width:88%; aspect-ratio:1; border-bottom-color:rgba(44,56,95,.55); transform:translate(-50%,-50%) rotate(16deg); }

.aam-module-008 .continuous-node {
    position:absolute; width:10px; height:10px; transform:rotate(45deg);
    border:1px solid rgba(255,255,255,.45); background:#111622;
}
.aam-module-008 .node-a { left:51%; top:16%; }
.aam-module-008 .node-b { left:78%; top:47%; }
.aam-module-008 .node-c { left:51%; top:82%; }
.aam-module-008 .node-d { left:24%; top:47%; }

.aam-module-008 .continuous-core {
    position:absolute; left:52%; top:50%; width:96px; height:96px;
    transform:translate(-50%,-50%); border-radius:50%;
    border:1px solid rgba(44,56,95,1); background:rgba(44,56,95,.38);
    box-shadow:0 0 0 12px rgba(44,56,95,.09), 0 0 48px rgba(44,56,95,.35);
    display:grid; place-items:center; z-index:4;
}
.aam-module-008 .continuous-core span { font-size:.58rem; letter-spacing:.18em; color:rgba(255,255,255,.82); }

.aam-module-008 .continuous-pulse {
    position:absolute; left:52%; top:50%; transform:translate(-50%,-50%);
    border:1px solid rgba(44,56,95,.34); border-radius:50%;
}
.aam-module-008 .pulse-a { width:18%; aspect-ratio:1; }
.aam-module-008 .pulse-b { width:26%; aspect-ratio:1; opacity:.55; }

.aam-module-008 .continuous-visual::before,
.aam-module-008 .continuous-visual::after {
    content:""; position:absolute; left:52%; top:50%; width:38%; height:1px;
    transform-origin:left center; background:linear-gradient(90deg, rgba(44,56,95,.70), transparent);
}
.aam-module-008 .continuous-visual::before { transform:rotate(35deg); }
.aam-module-008 .continuous-visual::after { transform:rotate(215deg); }

.aam-module-008 .continuous-visual .hero-mark { z-index:5; letter-spacing:.16em; line-height:1.55; }
.aam-module-008 .continuous-visual .hero-mark.top { right:5%; top:9%; color:rgba(255,255,255,.68); }
.aam-module-008 .continuous-visual .hero-mark.bottom { right:5%; bottom:9%; color:rgba(116,132,185,.90); }

@media (max-width:600px) {
  .aam-module-008 .continuous-visual .hero-mark { display:none; }
  .aam-module-008 .continuous-core { width:74px; height:74px; }
  .aam-module-008 .orbit-c { width:88%; }
}


/* ==========================================================================
   AAM Design System — final editorial structure
   ========================================================================== */

:root {
  --aam-ink:#17191a;
  --aam-soft:#5f6568;
  --aam-muted:#858b8e;
  --aam-line:#e2e4e5;
  --aam-line-strong:#cdd1d3;
  --aam-paper:#fff;
  --aam-paper-soft:#f7f7f5;
}

.aam-module-001{--aam-accent:var(--aam-accent-01);--aam-accent-text:#046276}
.aam-module-002{--aam-accent:var(--aam-accent-02);--aam-accent-text:#211d51}
.aam-module-003{--aam-accent:var(--aam-accent-03);--aam-accent-text:#9a2022}
.aam-module-004{--aam-accent:var(--aam-accent-04);--aam-accent-text:#766f61}
.aam-module-005{--aam-accent:var(--aam-accent-05);--aam-accent-text:#2f4c3b}
.aam-module-006{--aam-accent:var(--aam-accent-06);--aam-accent-text:#876127}
.aam-module-007{--aam-accent:var(--aam-accent-07);--aam-accent-text:#35677f}
.aam-module-008{--aam-accent:var(--aam-accent-08);--aam-accent-text:#2c385f}

/* Editorial section rhythm */
.aam-module .band.split{
  grid-template-columns:minmax(150px,190px) minmax(0,1fr);
  column-gap:clamp(44px,7vw,100px);
  padding-top:clamp(72px,8vw,108px);
  padding-bottom:clamp(72px,8vw,108px);
}
.aam-module .section-head .index,
.aam-module .cta .index{
  color:var(--aam-accent-text);
  letter-spacing:.14em;
}
.aam-module .section-head .index i,
.aam-module .cta .index i{
  background:var(--aam-accent);
}
.aam-module .section-head h2{
  font-weight:400;
  letter-spacing:-.03em;
}
.aam-module .section-body>p{
  max-width:760px;
  line-height:1.72;
}

/* Scope: editorial grid, not cards */
.aam-module .five-grid{
  border-top:1px solid var(--aam-line-strong);
  border-bottom:1px solid var(--aam-line-strong);
  gap:0;
}
.aam-module .five-grid>div,
.aam-module .five-grid>article{
  border-radius:0;
  box-shadow:none;
  background:transparent;
}

/* Method: retain five-step logic, reduce visual noise */
.aam-module .steps{
  border-top:0;
}
.aam-module .steps>div{
  border-radius:0;
  box-shadow:none;
}

/* 04 Wissen is the primary body emphasis */
.aam-module .outcomes{
  background:var(--aam-paper-soft);
}
.aam-module .outcomes.band.split{
  padding-top:clamp(92px,10vw,136px);
  padding-bottom:clamp(92px,10vw,136px);
}
.aam-module .outcomes .section-head h2{
  font-size:clamp(34px,3.2vw,48px);
}
.aam-module .outcome-grid{
  border-top:1px solid var(--aam-line-strong);
}
.aam-module .outcome-grid>div,
.aam-module .outcome-grid>article{
  border-radius:0;
  box-shadow:none;
}
.aam-module .deliverables{
  color:var(--aam-muted);
  border-top:1px solid var(--aam-line);
}
.aam-module .outcome-grid>div::before,
.aam-module .outcome-grid>article::before,
.aam-module .outcome-grid>div::after,
.aam-module .outcome-grid>article::after,
.aam-module .outcomes .outcome-grid i,
.aam-module .outcomes .outcome-grid .icon,
.aam-module .outcomes .outcome-grid .mark,
.aam-module .outcomes .outcome-grid .symbol,
.aam-module .outcomes .tick,
.aam-module .outcomes .check,
.aam-module .outcomes .checkmark,
.aam-module .outcomes .decorative,
.aam-module .outcomes .outcome-icon{
  content:none;
  display:none;
}

/* 05 scip AG — three claims as plain stacked typography */
.aam-module #why-scip .proof{
  display:block;
  margin-top:36px;
  border:0;
  background:transparent;
}
.aam-module #why-scip .proof>div{
  min-height:0;
  display:block;
  padding:7px 0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.aam-module #why-scip .proof>div+div{
  padding-left:0;
  border:0;
}
.aam-module #why-scip .proof b,
.aam-module #why-scip .proof strong{
  font-size:18px;
  line-height:1.35;
  font-weight:400;
  letter-spacing:-.01em;
}

/* 06 Umblick — question navigation, not product cards */
.aam-module #next .cards{
  gap:0;
  border-top:1px solid var(--aam-line-strong);
}
.aam-module #next .cards a{
  border-radius:0;
  box-shadow:none;
  background:transparent;
}
.aam-module #next .cards small{
  color:var(--aam-accent-text);
}
.aam-module #next .cards strong{
  font-weight:400;
}

/* 07 Insights — restrained research references */
.aam-module #research .cards a{
  border-radius:0;
  box-shadow:none;
}

/* 08 CTA — editorial close */
.aam-module .cta{
  border-top:1px solid var(--aam-line-strong);
}
.aam-module .cta h2{
  font-weight:400;
  letter-spacing:-.035em;
}
.aam-module .cta .button{
  border-radius:0;
}

/* Responsive refinement */
@media(max-width:900px){
  .aam-module .band.split{
    grid-template-columns:130px minmax(0,1fr);
    column-gap:36px;
  }
}
@media(max-width:680px){
  .aam-module .band.split{
    display:block;
    padding-top:64px;
    padding-bottom:64px;
  }
  .aam-module .section-head{margin-bottom:32px}
  .aam-module #why-scip .proof{grid-template-columns:1fr}
  .aam-module #why-scip .proof>div+div{
    padding-left:0;
    border-left:0;
    border-top:1px solid var(--aam-line);
  }
}



/* ==========================================================================
   AAM Visual Language — final module hero grammar
   One family, eight distinct concepts.
   ========================================================================== */

.aam-module {
  --hero-stroke: 1px;
  --hero-stroke-strong: 1.5px;
  --hero-node: 7px;
  --hero-node-small: 4px;
  --hero-soft: rgba(17,18,20,.14);
  --hero-mid: rgba(17,18,20,.28);
  --hero-strong: rgba(17,18,20,.58);
}

/* Shared hero stage */
.aam-module .hero-visual {
  position: relative;
  isolation: isolate;
  min-height: 430px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}

/* All hero primitives obey the same material logic:
   thin lines, no shadows, no gradients, no glossy surfaces. */
.aam-module .hero-visual *,
.aam-module .hero-visual *::before,
.aam-module .hero-visual *::after {
  box-shadow: none;
}

/* Common neutral/accent relationship. Existing geometry remains module-specific. */
.aam-module .hero-visual [class*="line"],
.aam-module .hero-visual [class*="grid"],
.aam-module .hero-visual [class*="ring"],
.aam-module .hero-visual [class*="orbit"],
.aam-module .hero-visual [class*="path"],
.aam-module .hero-visual [class*="plane"],
.aam-module .hero-visual [class*="layer"],
.aam-module .hero-visual [class*="arc"] {
  border-color: var(--hero-soft);
}

/* Nodes / points: same scale and geometry across all eight heroes. */
.aam-module .hero-visual [class*="node"],
.aam-module .hero-visual [class*="point"],
.aam-module .hero-visual [class*="dot"] {
  width: var(--hero-node);
  height: var(--hero-node);
  border: var(--hero-stroke) solid var(--aam-accent);
  border-radius: 50%;
  background: var(--aam-paper);
}

/* Labels/marks share one typographic voice. */
.aam-module .hero-visual [class*="label"],
.aam-module .hero-visual [class*="mark"],
.aam-module .hero-visual small {
  color: var(--aam-soft);
  font-size: 10px;
  line-height: 1.35;
  letter-spacing: .13em;
  text-transform: uppercase;
}

/* Accent is used as signal, not as a second surface system. */
.aam-module .hero-visual [class*="accent"],
.aam-module .hero-visual .active,
.aam-module .hero-visual .core,
.aam-module .hero-visual .breach,
.aam-module .hero-visual .target,
.aam-module .hero-visual .decision {
  border-color: var(--aam-accent);
}

/* Module 001 — landscape / orientation:
   preserve the mountain concept, reduce illustration weight. */
.aam-module-001 .hero-visual [class*="mount"],
.aam-module-001 .hero-visual [class*="ridge"],
.aam-module-001 .hero-visual [class*="land"] {
  opacity: .72;
}
.aam-module-001 .hero-visual [class*="sun"],
.aam-module-001 .hero-visual [class*="focus"] {
  border-color: var(--aam-accent);
}

/* Module 002 — architecture:
   planes/grids remain precise and structural. */
.aam-module-002 .hero-visual [class*="plane"],
.aam-module-002 .hero-visual [class*="grid"],
.aam-module-002 .hero-visual [class*="layer"] {
  opacity: .76;
}

/* Module 003 — red team:
   neutral attack paths; breach/target carries the accent. */
.aam-module-003 .hero-visual [class*="attack"],
.aam-module-003 .hero-visual [class*="path"] {
  opacity: .76;
}
.aam-module-003 .hero-visual .breach,
.aam-module-003 .hero-visual [class*="breach"] {
  background: var(--aam-accent);
  border-color: var(--aam-accent);
}

/* Module 004 — governance:
   stable frame, restrained light accent. */
.aam-module-004 .hero-visual [class*="frame"],
.aam-module-004 .hero-visual [class*="govern"],
.aam-module-004 .hero-visual [class*="control"] {
  opacity: .82;
}

/* Module 005 — trust:
   evidence layers remain distinct; core is the only strong focal point. */
.aam-module-005 .hero-visual [class*="evidence"],
.aam-module-005 .hero-visual [class*="layer"] {
  opacity: .68;
}
.aam-module-005 .hero-visual .core,
.aam-module-005 .hero-visual [class*="core"] {
  opacity: 1;
}

/* Module 006 — decision:
   convergence is visually stronger than incoming paths. */
.aam-module-006 .hero-visual [class*="path"],
.aam-module-006 .hero-visual [class*="flow"] {
  opacity: .68;
}
.aam-module-006 .hero-visual .decision,
.aam-module-006 .hero-visual [class*="decision"] {
  opacity: 1;
}

/* Module 007 — strategy:
   multiple paths remain light until alignment. */
.aam-module-007 .hero-visual [class*="path"],
.aam-module-007 .hero-visual [class*="route"] {
  opacity: .68;
}
.aam-module-007 .hero-visual [class*="align"],
.aam-module-007 .hero-visual [class*="diamond"] {
  border-color: var(--aam-accent);
  opacity: 1;
}

/* Module 008 — continuous assurance:
   recurring cycles share a single thin-line orbit language. */
.aam-module-008 .hero-visual [class*="orbit"],
.aam-module-008 .hero-visual [class*="arc"],
.aam-module-008 .hero-visual [class*="ring"] {
  opacity: .72;
}
.aam-module-008 .hero-visual .core,
.aam-module-008 .hero-visual [class*="core"] {
  opacity: 1;
}

@media (max-width: 980px) {
  .aam-module .hero-visual { min-height: 360px; }
}

@media (max-width: 680px) {
  .aam-module .hero-visual {
    min-height: 300px;
    max-height: 360px;
  }
}

/* Module-specific final hero refinements */
.aam-module-001 .hero-visual::before{
 content:"";position:absolute;z-index:0;width:clamp(150px,18vw,230px);aspect-ratio:1;
 left:50%;top:46%;transform:translate(-50%,-50%);border:1.5px solid var(--aam-accent);
 border-radius:50%;background:transparent;opacity:.72;pointer-events:none;
}
.aam-module-007 .strategy-horizon{opacity:.24}
.aam-module-007 .strategy-path{opacity:.48;transform-origin:center}
.aam-module-007 .strategy-path.path-1{transform:translateY(-18px)}
.aam-module-007 .strategy-path.path-2{transform:translateY(-6px)}
.aam-module-007 .strategy-path.path-3{transform:translateY(8px)}
.aam-module-007 .strategy-path.path-4{transform:translateY(20px)}
.aam-module-007 [class*="align"],.aam-module-007 [class*="diamond"],.aam-module-007 [class*="vector"]{
 border-color:var(--aam-accent);opacity:.92;
}


/* --------------------------------------------------------------------------
   AI Assurance overview — overarching AAM page
   Static CSS-native visual language. No scripts or runtime dependencies.
   -------------------------------------------------------------------------- */
.aam-overview{--aam-accent:#42345f}
.aam-overview .hero{background:#11171b}
.aam-overview .overview-visual{position:relative;min-height:530px;overflow:hidden;background:
 radial-gradient(circle at 52% 50%,rgba(66,52,95,.28),transparent 29%),
 linear-gradient(135deg,#11171b 0%,#171b22 100%)}
.aam-overview .overview-orbit{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.aam-overview .overview-orbit.o1{width:190px;height:190px;border-color:rgba(139,95,209,.7)}
.aam-overview .overview-orbit.o2{width:330px;height:330px}
.aam-overview .overview-orbit.o3{width:470px;height:470px}
.aam-overview .overview-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:116px;height:116px;border-radius:50%;background:#11171b;border:1px solid rgba(255,255,255,.45);display:grid;place-content:center;text-align:center;color:#fff;font-size:12px;letter-spacing:.12em;z-index:3}
.aam-overview .overview-node{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--node-accent,#fff);box-shadow:0 0 0 5px rgba(255,255,255,.06)}
.aam-overview .overview-node:after{position:absolute;white-space:nowrap;font-size:10px;letter-spacing:.08em;color:#d7d9dc}
.aam-overview .q1{--node-accent:var(--aam-accent-01)}
.aam-overview .q2{--node-accent:var(--aam-accent-02)}
.aam-overview .q3{--node-accent:var(--aam-accent-03)}
.aam-overview .q4{--node-accent:var(--aam-accent-04)}
.aam-overview .q5{--node-accent:var(--aam-accent-05)}
.aam-overview .q6{--node-accent:var(--aam-accent-06)}
.aam-overview .q7{--node-accent:var(--aam-accent-07)}
.aam-overview .q8{--node-accent:var(--aam-accent-08)}
.aam-overview .q1{left:49%;top:12%}.aam-overview .q1:after{content:"UNDERSTAND";left:18px;top:-4px}
.aam-overview .q2{right:19%;top:25%}.aam-overview .q2:after{content:"DESIGN";left:18px;top:-4px}
.aam-overview .q3{right:11%;top:49%}.aam-overview .q3:after{content:"VALIDATE";right:18px;top:16px}
.aam-overview .q4{right:20%;bottom:22%}.aam-overview .q4:after{content:"GOVERN";right:18px;top:16px}
.aam-overview .q5{left:49%;bottom:10%}.aam-overview .q5:after{content:"TRUST";left:18px;top:16px}
.aam-overview .q6{left:18%;bottom:23%}.aam-overview .q6:after{content:"DECIDE";right:18px;top:16px}
.aam-overview .q7{left:10%;top:49%}.aam-overview .q7:after{content:"TRANSFORM";left:18px;top:16px}
.aam-overview .q8{left:19%;top:24%}.aam-overview .q8:after{content:"IMPROVE";right:18px;top:-4px}
.aam-overview .overview-caption{position:absolute;right:8%;bottom:7%;font-size:10px;letter-spacing:.12em;color:#c7c9cc}
.aam-overview .question-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:28px}
.aam-overview .question-grid article{background:var(--paper);padding:22px;min-height:155px}
.aam-overview .question-grid small{display:block;color:var(--muted);font-size:10px;letter-spacing:.1em;margin-bottom:12px}
.aam-overview .question-grid b{font-size:16px;font-weight:500}
.aam-overview .question-grid p{font-size:13px;color:#4c5255;margin:8px 0 0}
.aam-overview .module-map{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.aam-overview .module-map a{background:var(--soft);padding:20px;min-height:145px;border-top:3px solid var(--module-accent,#42345f);display:flex;flex-direction:column}
.aam-overview .module-map small{font-size:10px;letter-spacing:.08em}.aam-overview .module-map strong{font-size:16px;margin:8px 0}.aam-overview .module-map span{font-size:12px;color:#555;margin-top:auto}
.aam-overview .m1{--module-accent:var(--aam-accent-01)}.aam-overview .m2{--module-accent:var(--aam-accent-02)}.aam-overview .m3{--module-accent:var(--aam-accent-03)}.aam-overview .m4{--module-accent:var(--aam-accent-04)}
.aam-overview .m5{--module-accent:var(--aam-accent-05)}.aam-overview .m6{--module-accent:var(--aam-accent-06)}.aam-overview .m7{--module-accent:var(--aam-accent-07)}.aam-overview .m8{--module-accent:var(--aam-accent-08)}
.aam-overview .principle{font-size:28px;line-height:1.25;letter-spacing:-.5px;max-width:850px}
.aam-overview .equation{margin-top:28px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:19px;letter-spacing:.02em}
.aam-overview .research-links{max-width:850px}
.aam-overview .research-links a{display:flex;justify-content:space-between;gap:30px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}
@media(max-width:1050px){.aam-overview .question-grid,.aam-overview .module-map{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.aam-overview .question-grid,.aam-overview .module-map{grid-template-columns:1fr}.aam-overview .overview-visual{min-height:390px}.aam-overview .overview-orbit.o3{width:350px;height:350px}.aam-overview .overview-orbit.o2{width:255px;height:255px}.aam-overview .overview-orbit.o1{width:150px;height:150px}.aam-overview .overview-core{width:94px;height:94px;font-size:10px}}


/* --------------------------------------------------------------------------
   AAM Customer Journey — final CSS-native spacecraft visual
   Eight questions, not eight phases. Direction without a mandatory entry point.
   Horizontal Journey; vertical spacecraft; numbers read left to right.
   -------------------------------------------------------------------------- */
.aam-overview .journey-visual{
 position:relative;margin-top:46px;padding:26px 0 76px;display:grid;
 grid-template-columns:repeat(8,minmax(90px,1fr));gap:0
}
.aam-overview .journey-axis{position:absolute;left:3%;right:3%;top:54px;height:1px;background:#cfd2d5}
.aam-overview .journey-axis:after{content:"";position:absolute;right:-1px;top:-4px;width:8px;height:8px;border-top:1px solid #6f7479;border-right:1px solid #6f7479;transform:rotate(45deg)}
.aam-overview .journey-stop{position:relative;z-index:2;padding-right:13px}
.aam-overview .journey-dot{position:relative;width:64px;height:72px;margin:-8px 0 22px;border:0;border-radius:0;background:transparent;overflow:visible;display:grid;place-items:center}
.aam-overview .journey-dot:before{content:"";position:absolute;left:22px;top:15px;width:20px;height:44px;border:1px solid var(--journey-accent);border-radius:12px 12px 4px 4px;background:#fff;box-sizing:border-box}
.aam-overview .journey-dot:after{content:"";position:absolute;left:25px;top:7px;width:14px;height:14px;border-top:1px solid var(--journey-accent);border-right:1px solid var(--journey-accent);transform:rotate(-45deg) skew(-10deg,-10deg);background:#fff;border-radius:1px}
.aam-overview .journey-dot span{position:absolute;z-index:3;left:24px;top:31px;width:16px;height:12px;line-height:12px;text-align:center;font-size:7px;letter-spacing:.04em;color:var(--journey-accent);border-bottom:1px solid var(--journey-accent);writing-mode:horizontal-tb;transform:none}
.aam-overview .journey-stop:before,.aam-overview .journey-stop:after{content:"";position:absolute;z-index:3;top:48px;width:10px;height:14px;border-top:0;border-bottom:1px solid var(--journey-accent)}
.aam-overview .journey-stop:before{left:15px;border-left:1px solid var(--journey-accent);transform:skew(-22deg)}
.aam-overview .journey-stop:after{left:39px;border-right:1px solid var(--journey-accent);transform:skew(22deg)}
.aam-overview .journey-text{position:relative}
.aam-overview .journey-text:before{content:"";position:absolute;left:31px;top:61px;width:1px;height:11px;background:var(--journey-accent);opacity:.65}
.aam-overview .journey-text strong{display:block;font-size:11px;letter-spacing:.08em;color:var(--journey-accent)}
.aam-overview .journey-text p{font-size:12px;line-height:1.45;margin:7px 0 0;max-width:145px;color:#4c5255}
.aam-overview .js1{--journey-accent:var(--aam-accent-01)}
.aam-overview .js2{--journey-accent:var(--aam-accent-02)}
.aam-overview .js3{--journey-accent:var(--aam-accent-03)}
.aam-overview .js4{--journey-accent:#8a7e68}
.aam-overview .js5{--journey-accent:var(--aam-accent-05)}
.aam-overview .js6{--journey-accent:var(--aam-accent-06)}
.aam-overview .js7{--journey-accent:#4386aa}
.aam-overview .js8{--journey-accent:var(--aam-accent-08)}
.aam-overview .journey-return{position:absolute;left:3%;right:3%;bottom:7px;height:34px;border-left:1px solid #cfd2d5;border-right:1px solid #cfd2d5;border-bottom:1px solid #cfd2d5}
.aam-overview .journey-return:before{content:"";position:absolute;left:-4px;top:-1px;width:8px;height:8px;border-left:1px solid #6f7479;border-top:1px solid #6f7479;transform:rotate(45deg)}
.aam-overview .journey-return span{position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);background:#fff;padding:0 12px;font-size:9px;letter-spacing:.12em;color:#7b8085;white-space:nowrap}
@media(max-width:1050px){
 .aam-overview .journey-visual{grid-template-columns:repeat(4,1fr);gap:34px 0;padding-bottom:26px}
 .aam-overview .journey-axis,.aam-overview .journey-return{display:none}
}
@media(max-width:650px){
 .aam-overview .journey-visual{grid-template-columns:1fr;gap:0;margin-top:28px}
 .aam-overview .journey-stop{display:grid;grid-template-columns:74px 1fr;padding:0 0 24px}
 .aam-overview .journey-dot{width:64px;height:72px;margin:0}
 .aam-overview .journey-text:before{display:none}
 .aam-overview .journey-text p{max-width:none}
}

/* --------------------------------------------------------------------------
   AAM Module Gallery — CSS-native mini hero concepts v01
   Four by two on desktop; each tile carries its module's established visual concept.
   -------------------------------------------------------------------------- */
.aam-overview .module-visual-grid{
 display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px
}
.aam-overview .module-visual-card{
 --card-accent:#42345f;
 display:block;background:#f7f7f6;border-top:3px solid var(--card-accent);
 min-height:300px;overflow:hidden;text-decoration:none
}
.aam-overview .mvc1{--card-accent:var(--aam-accent-01)}
.aam-overview .mvc2{--card-accent:var(--aam-accent-02)}
.aam-overview .mvc3{--card-accent:var(--aam-accent-03)}
.aam-overview .mvc4{--card-accent:var(--aam-accent-04)}
.aam-overview .mvc5{--card-accent:var(--aam-accent-05)}
.aam-overview .mvc6{--card-accent:var(--aam-accent-06)}
.aam-overview .mvc7{--card-accent:var(--aam-accent-07)}
.aam-overview .mvc8{--card-accent:var(--aam-accent-08)}
.aam-overview .mini-vis{height:165px;position:relative;overflow:hidden;background:#11171b}
.aam-overview .mini-vis i{position:absolute;display:block}
.aam-overview .module-visual-copy{padding:17px 18px 19px;display:flex;min-height:132px;flex-direction:column}
.aam-overview .module-visual-copy small{font-size:9px;letter-spacing:.1em;color:var(--card-accent)}
.aam-overview .module-visual-copy strong{font-size:14px;font-weight:500;margin:7px 0 13px}
.aam-overview .module-visual-copy span{font-size:11px;color:#5a5f64;margin-top:auto}

/* 001 — Orientation Landscape */
.aam-overview .mv1 .sun{width:68px;height:68px;border:1px solid var(--card-accent);border-radius:50%;left:50%;top:28px;transform:translateX(-50%)}
.aam-overview .mv1 .horizon{height:1px;background:rgba(255,255,255,.38);left:12%;right:12%;top:104px}
.aam-overview .mv1 .marker{width:5px;height:5px;border-radius:50%;background:var(--card-accent);left:50%;top:102px;transform:translateX(-50%)}
.aam-overview .mv1:after{content:"ORIENTATION";position:absolute;right:13px;bottom:12px;color:#aeb3b7;font-size:8px;letter-spacing:.12em}

/* 002 — Architecture Layers */
.aam-overview .mv2 i{height:1px;background:var(--card-accent);left:18%;right:18%}
.aam-overview .mv2 i:nth-child(1){top:39px}.aam-overview .mv2 i:nth-child(2){top:67px;left:25%;right:12%}
.aam-overview .mv2 i:nth-child(3){top:95px;left:12%;right:27%}.aam-overview .mv2 i:nth-child(4){top:123px;left:22%;right:18%}
.aam-overview .mv2:after{content:"DEPENDENCIES";position:absolute;right:13px;bottom:12px;color:#aeb3b7;font-size:8px;letter-spacing:.12em}

/* 003 — Attack Paths */
.aam-overview .mv3 .boundary{width:1px;top:24px;bottom:24px;left:68%;background:rgba(255,255,255,.4)}
.aam-overview .mv3 .attack{height:1px;background:var(--card-accent);left:13%;width:57%;transform-origin:left}
.aam-overview .mv3 .a1{top:58px;transform:rotate(9deg)}.aam-overview .mv3 .a2{top:111px;transform:rotate(-11deg)}
.aam-overview .mv3 .breach{width:9px;height:9px;border-radius:50%;background:var(--card-accent);left:67%;top:78px}
.aam-overview .mv3:after{content:"ATTACK PATHS";position:absolute;right:13px;bottom:12px;color:#aeb3b7;font-size:8px;letter-spacing:.12em}

/* 004 — Governance Framework */
.aam-overview .mv4 .frame{border:1px solid var(--card-accent);left:50%;top:50%;transform:translate(-50%,-50%)}
.aam-overview .mv4 .f1{width:126px;height:94px}.aam-overview .mv4 .f2{width:88px;height:62px}.aam-overview .mv4 .f3{width:48px;height:32px}
.aam-overview .mv4 .core{width:6px;height:6px;background:var(--card-accent);left:50%;top:50%;transform:translate(-50%,-50%)}
.aam-overview .mv4:after{content:"RESPONSIBILITY";position:absolute;right:13px;bottom:12px;color:#aeb3b7;font-size:8px;letter-spacing:.12em}

/* 005 — Trust Fields */
.aam-overview .mv5 .field{width:80px;height:80px;border:1px solid var(--card-accent);border-radius:50%;top:41px}
.aam-overview .mv5 .x1{left:23%}.aam-overview .mv5 .x2{left:50%;transform:translateX(-50%)}.aam-overview .mv5 .x3{right:23%}
.aam-overview .mv5 .core{width:9px;height:9px;border-radius:50%;background:var(--card-accent);left:50%;top:78px;transform:translateX(-50%)}
.aam-overview .mv5:after{content:"TRUST CORE";position:absolute;right:13px;bottom:12px;color:#aeb3b7;font-size:8px;letter-spacing:.12em}

/* 006 — Decision Convergence */
.aam-overview .mv6 .path{height:1px;background:var(--card-accent);left:14%;width:57%;transform-origin:left}
.aam-overview .mv6 .p1{top:42px;transform:rotate(18deg)}.aam-overview .mv6 .p2{top:82px}.aam-overview .mv6 .p3{top:122px;transform:rotate(-18deg)}
.aam-overview .mv6 .decision{width:18px;height:18px;border:1px solid var(--card-accent);border-radius:50%;left:70%;top:73px}
.aam-overview .mv6:after{content:"DECISION";position:absolute;right:13px;bottom:12px;color:#aeb3b7;font-size:8px;letter-spacing:.12em}

/* 007 — Strategic Alignment */
.aam-overview .mv7 .track{height:1px;background:var(--card-accent);left:10%;width:42%;transform-origin:left}
.aam-overview .mv7 .t1{top:44px;transform:rotate(17deg)}.aam-overview .mv7 .t2{top:82px}.aam-overview .mv7 .t3{top:120px;transform:rotate(-17deg)}
.aam-overview .mv7 .direction{height:1px;background:var(--card-accent);left:51%;right:12%;top:82px}
.aam-overview .mv7 .direction:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid var(--card-accent);border-right:1px solid var(--card-accent);transform:rotate(45deg)}
.aam-overview .mv7:after{content:"ALIGNMENT";position:absolute;right:13px;bottom:12px;color:#aeb3b7;font-size:8px;letter-spacing:.12em}

/* 008 — Assurance Cycles */
.aam-overview .mv8 .orbit{border:1px solid var(--card-accent);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.aam-overview .mv8 .o1{width:46px;height:46px}.aam-overview .mv8 .o2{width:86px;height:86px}.aam-overview .mv8 .o3{width:126px;height:126px}
.aam-overview .mv8 .core{width:7px;height:7px;border-radius:50%;background:var(--card-accent);left:50%;top:50%;transform:translate(-50%,-50%)}
.aam-overview .mv8:after{content:"REASSESS";position:absolute;right:13px;bottom:12px;color:#aeb3b7;font-size:8px;letter-spacing:.12em}

@media(max-width:1050px){.aam-overview .module-visual-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.aam-overview .module-visual-grid{grid-template-columns:1fr}.aam-overview .module-visual-card{min-height:280px}}