/* EXANIA / MODELS — scoped design system. Shared header, footer and privacy styles are inherited from the V8 shell. */
body.ex-models-v9{background:#080b0e;color:#eef3f0}
body.ex-models-v9 .xm-page{--xm-ink:#122320;--xm-muted:#51635f;--xm-paper:#ecf0eb;--xm-green:#b2e4d5;--xm-line:#bbc9c2;overflow:clip}
body.ex-models-v9 .xm-page *,body.ex-models-v9 .xm-page *::before,body.ex-models-v9 .xm-page *::after{box-sizing:border-box}
body.ex-models-v9 .xm-page h1,body.ex-models-v9 .xm-page h2,body.ex-models-v9 .xm-page h3,body.ex-models-v9 .xm-page h4{font-family:'DM Sans',sans-serif;letter-spacing:-.065em;margin-top:0;font-weight:600}
body.ex-models-v9 .xm-page p{line-height:1.78}
body.ex-models-v9 .xm-page button{font-family:'DM Sans',sans-serif;cursor:pointer}
body.ex-models-v9 .xm-page [hidden]{display:none!important}
.xm-page .xm-micro,.xm-page .xm-label-row,.xm-page .xm-kicker,.xm-page .xm-hero-meta,.xm-page .xm-hero-foot,.xm-page .xm-spec-label,.xm-page .xm-case-meta{font:500 10px 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.12em}
.xm-page svg{width:17px;height:17px;flex:0 0 auto}
.xm-page a:focus-visible,.xm-page button:focus-visible,.xm-page summary:focus-visible{outline:2px solid #63bda6;outline-offset:4px}
.xm-section{padding:clamp(88px,9vw,143px) 0;position:relative}
.xm-paper{background:#eaf0ea;color:#152623}
.xm-dark{background:#0a1013;color:#edf3ef}
.xm-page .xm-label-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid currentColor;padding:0 0 21px;margin:0 0 clamp(60px,6vw,88px);color:inherit;opacity:.65}
.xm-page .xm-label-row span:last-child{text-align:right}
.xm-page .xm-heading-split{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(35px,6vw,120px);align-items:end;margin:0 0 60px}
.xm-page .xm-heading-split h2,.xm-page .xm-questions h2{font-size:clamp(49px,5.9vw,88px);line-height:1.04;margin:0}
.xm-page h2 em,.xm-page h1 em{font-style:normal;color:#6c958c}
.xm-page .xm-dark h2 em,.xm-page .xm-explorer h2 em,.xm-page .xm-questions h2 em{color:#a2d8c9}
.xm-page .xm-heading-split p{font-size:clamp(14px,1.15vw,16px);max-width:455px;line-height:1.85;color:inherit;opacity:.76;margin:0 0 6px}
.xm-page .xm-button{min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:0 20px;white-space:normal;text-decoration:none;font-size:12px;font-weight:700;line-height:1.3;transition:background .22s,color .22s,transform .22s,border-color .22s}
.xm-page .xm-button:hover{transform:translateY(-3px)}
.xm-page .xm-button-primary{background:#eaf2ec;color:#101e1b;border:1px solid #eaf2ec}
.xm-page .xm-button-primary:hover{background:#a5dccb;border-color:#a5dccb}
.xm-page .xm-button-ghost{background:transparent;color:#e7f1ec;border:1px solid rgba(237,249,241,.36)}
.xm-page .xm-button-ghost:hover{background:rgba(217,241,234,.1)}
.xm-page .xm-button-dark{background:#102a28;color:#f0f8f3;border:1px solid #102a28}
.xm-page .xm-button-dark:hover{background:#265d53}
.xm-page .xm-button-paper{background:transparent;color:#142c26;border:1px solid #647b73}
.xm-page .xm-button-paper:hover{background:rgba(21,50,42,.07)}
.xm-page .xm-inline{display:inline-flex;gap:25px;align-items:center;padding:9px 0 11px;border-bottom:1px solid currentColor;font-size:12px;font-weight:700;color:#203931}
.xm-page .xm-inline svg{transition:transform .2s}.xm-page .xm-inline:hover svg{transform:translateX(4px)}
.xm-page .xm-inline-light{color:#d1eee2}
/* Hero */
.xm-hero{position:relative;background:#070c11;min-height:min(875px,100svh);min-height:810px;color:#eef3f0;isolation:isolate;overflow:hidden}
.xm-hero::before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 49% 63% at 79% 51%,rgba(42,99,109,.25),transparent 80%),radial-gradient(ellipse 25% 30% at 20% 92%,rgba(31,54,78,.22),transparent 80%),#080b0e}
.xm-hero-raster{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.22;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(255,255,255,.07) 50%,transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),rgba(255,255,255,.06) 50%,transparent calc(50% + .5px))}
.xm-hero-shell{display:flex;flex-direction:column;min-height:810px;padding-top:123px}
.xm-hero-meta,.xm-hero-foot{display:flex;justify-content:space-between;align-items:center;gap:18px;color:#9ab8b0;font-size:9px}
.xm-hero-meta{margin:0 0 34px}
.xm-hero-grid{display:grid;grid-template-columns:1.18fr .82fr;align-items:center;gap:clamp(20px,4vw,78px);min-height:620px;flex:1}
.xm-hero-copy{position:relative;z-index:3;padding-bottom:42px}
.xm-kicker{display:flex;align-items:center;gap:11px;color:#afd7cc;margin-bottom:29px;font-size:9px}
.xm-kicker-line{width:25px;height:1px;background:#aee7d4}
.xm-page .xm-hero h1{font-size:clamp(59px,6.65vw,112px);font-weight:600;line-height:1.015;letter-spacing:-.079em;margin:0 0 31px;max-width:960px}
.xm-page .xm-hero h1 em{color:#a8e1d1}
.xm-hero-lead{font-size:clamp(15px,1.32vw,18px);color:#b4c9c3;max-width:605px;margin:0 0 33px}
.xm-hero-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap}
.xm-hero-foot{border-top:1px solid rgba(235,247,239,.21);padding:19px 0 23px;margin-top:auto}
.xm-hero-foot a{color:#d9ece4;display:flex;align-items:center;gap:11px}
.xm-hero-foot svg{height:16px;width:16px}
.xm-hero-visual{position:relative;min-height:535px;width:100%;max-width:590px;justify-self:center;isolation:isolate}
.xm-hero-visual::before{content:'';position:absolute;inset:9% 4%;background:radial-gradient(circle,rgba(54,148,141,.2),transparent 58%);filter:blur(10px)}
.xm-visual-rings{position:absolute;inset:6%;display:grid;place-items:center;pointer-events:none}
.xm-visual-rings span{position:absolute;border-radius:50%;width:82%;aspect-ratio:1;border:1px solid rgba(151,214,210,.2);animation:xm-ringturn 40s linear infinite}
.xm-visual-rings span:nth-child(2){width:66%;border-style:dashed;border-color:rgba(163,201,224,.22);animation-direction:reverse;animation-duration:47s}
.xm-visual-rings span:nth-child(3){width:101%;border-color:rgba(138,170,191,.12);animation-duration:54s}
@keyframes xm-ringturn{to{transform:rotate(1turn)}}
.xm-hub{position:absolute;inset:0;margin:auto;width:35%;aspect-ratio:1;max-width:180px;max-height:180px;border-radius:50%;border:1px solid rgba(157,225,204,.3);background:radial-gradient(circle,rgba(20,56,61,.94),rgba(9,18,22,.96));display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 85px rgba(57,155,147,.17);z-index:2}
.xm-hub img{width:67%;height:67%;object-fit:contain;animation:xm-hubfloat 8s ease-in-out infinite}
.xm-hub small{letter-spacing:.25em;font:600 9px 'IBM Plex Mono',monospace;color:#c5e4d8}
@keyframes xm-hubfloat{50%{transform:translateY(-6px)}}
.xm-satellite{position:absolute;z-index:3;display:flex;flex-direction:column;gap:5px;min-width:111px;border:1px solid rgba(203,235,223,.22);background:rgba(9,20,24,.89);backdrop-filter:blur(12px);padding:12px 15px;box-shadow:0 12px 34px rgba(0,0,0,.15);animation:xm-satfloat 8s ease-in-out infinite}
.xm-satellite b{font:650 13px 'DM Sans',sans-serif;letter-spacing:.055em;color:#e7f3ef}
.xm-satellite span{font:500 8px 'IBM Plex Mono',monospace;letter-spacing:.1em;color:#91aeab}
.xm-satellite.s1{left:8%;top:9%}.xm-satellite.s2{right:0;top:14%;animation-delay:-1s}.xm-satellite.s3{left:0;top:43%;animation-delay:-2s}.xm-satellite.s4{right:-3%;top:50%;animation-delay:-3s}.xm-satellite.s5{left:8%;bottom:10%;animation-delay:-4s}.xm-satellite.s6{right:5%;bottom:8%;animation-delay:-5s}
@keyframes xm-satfloat{50%{translate:0 -7px}}
.xm-visual-caption{position:absolute;bottom:0;left:50%;transform:translateX(-50%);color:#74928f;font:500 8px 'IBM Plex Mono',monospace;letter-spacing:.15em;white-space:nowrap}
/* Chapter nav */
.xm-anchor-nav{position:sticky;top:78px;z-index:75;background:rgba(8,14,16,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,245,238,.13)}
.xm-anchor-nav .shell{display:flex;gap:clamp(24px,2.8vw,46px);overflow-x:auto;scrollbar-width:none}
.xm-anchor-nav .shell::-webkit-scrollbar{display:none}
.xm-anchor-nav a{flex:none;display:flex;align-items:center;min-height:53px;border-bottom:2px solid transparent;color:#9aacaa;font-size:10px;font-weight:700;white-space:nowrap;transition:color .2s,border-color .2s}
.xm-anchor-nav a:hover,.xm-anchor-nav a.is-active{color:#e8f7f0;border-bottom-color:#a1e5d1}
/* Overview */
.xm-introduction{display:grid;grid-template-columns:1fr .86fr;gap:clamp(45px,7.5vw,130px);align-items:start;margin-bottom:96px}
.xm-introduction h2{font-size:clamp(54px,6.1vw,94px);line-height:1.04;margin:0}
.xm-introduction h2 em{color:#5a877c}
.xm-introduction>div{padding-top:6px}.xm-introduction p{font-size:15px;color:#42554e;line-height:1.96;margin:0 0 20px}
.xm-introduction .xm-inline{margin-top:18px}
.xm-pillars{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #9dadab;border-bottom:1px solid #9dadab}
.xm-pillars article{min-height:280px;display:flex;flex-direction:column;padding:27px 31px 30px 0;gap:8px}
.xm-pillars article+article{border-left:1px solid #9dadab;padding-left:31px}
.xm-pillars .xm-micro{color:#55716b;margin-bottom:37px}
.xm-pillars h3{font-size:30px;margin:0;color:#172a26}
.xm-pillars p{font-size:13px;color:#52645e;margin:0;max-width:370px}
/* Family catalogue */
.xm-family-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid rgba(205,235,225,.15);border-top:1px solid rgba(205,235,225,.15)}
.xm-family-cards>a{border-right:1px solid rgba(205,235,225,.15);border-bottom:1px solid rgba(205,235,225,.15);padding:30px 30px 28px;display:flex;flex-direction:column;min-height:290px;transition:background .25s}
.xm-family-cards>a:hover{background:rgba(182,231,216,.065)}
.xm-family-cards>a>span:first-child{font:500 9px 'IBM Plex Mono',monospace;letter-spacing:.09em;color:var(--family-accent)}
.xm-family-cards strong{font-size:clamp(35px,3.7vw,60px);font-weight:600;letter-spacing:-.062em;margin:35px 0 14px;color:#edf5ee;line-height:1}
.xm-family-cards p{font-size:13px;line-height:1.7;color:#aebfb9;max-width:305px;margin:0 0 18px}
.xm-family-cards .xm-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:13px;border-top:1px solid rgba(211,234,223,.15);color:#d7e9e1;font-size:11px;font-weight:700}
.xm-family-cards .xm-card-bottom svg{transition:transform .25s;width:17px;height:17px}
.xm-family-cards a:hover .xm-card-bottom svg{transform:translate(3px,-3px)}
/* Explorer */
.xm-explorer{background:#0c1618;color:#f0f6f1}
.xm-explorer .xm-label-row{color:#c5dfd4}
.xm-explorer-grid{display:grid;grid-template-columns:minmax(240px,.37fr) minmax(0,1fr);border:1px solid rgba(213,241,231,.18);background:#0e1b1c}
.xm-explorer-nav{border-right:1px solid rgba(213,241,231,.18)}
.xm-model-tab{display:grid;grid-template-columns:27px 1fr 21px;align-items:center;gap:14px;width:100%;min-height:106px;padding:20px 22px;border:0;border-bottom:1px solid rgba(215,243,233,.15);background:transparent;color:#bacdc8;text-align:left;transition:background .2s,color .2s}
.xm-model-tab:last-child{border-bottom:0}
.xm-model-tab:hover,.xm-model-tab.is-selected{background:#1b3734;color:#edf7f1}
.xm-model-tab-number{font:500 10px 'IBM Plex Mono',monospace;color:#7caaa0;align-self:start;padding-top:5px}
.xm-model-tab-main{display:flex;flex-direction:column;gap:7px;min-width:0}
.xm-model-tab-main strong{font-size:21px;letter-spacing:-.045em;font-weight:650}
.xm-model-tab-main small{font-size:11px;line-height:1.45;color:#8fa9a2}
.xm-model-tab.is-selected small,.xm-model-tab:hover small{color:#c1d7ce}
.xm-model-tab-arrow svg{width:17px;height:17px;opacity:.6}
.xm-model-tab.is-selected .xm-model-tab-arrow svg{opacity:1;color:#a7decf}
.xm-panels{min-width:0;position:relative}
.xm-model-panel{color:#eaf4ec;min-width:0;min-height:100%;padding:clamp(30px,3.35vw,58px);background:radial-gradient(ellipse 58% 28% at 90% 9%,color-mix(in srgb,var(--family-accent) 10%,transparent),transparent 75%),#102022}
.xm-model-panel>.xm-panel-top{display:flex;justify-content:space-between;gap:20px;align-items:start}
.xm-model-panel .xm-micro{color:var(--family-accent)}
.xm-panel-top h3{font-size:clamp(55px,5.4vw,90px);line-height:.95;margin:16px 0 10px;display:flex;align-items:center;gap:15px}
.xm-accent-dot{width:7px;height:7px;border-radius:50%;background:var(--family-accent);display:inline-block;box-shadow:0 0 20px var(--family-accent)}
.xm-panel-domain{font-size:12px;color:#a5c0b8;margin:0}
.xm-panel-symbol{height:95px;width:95px;flex:none;position:relative;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--family-accent) 60%,transparent);border-radius:50%;background:rgba(18,49,50,.42);color:var(--family-accent)}
.xm-panel-symbol>span{font:500 12px 'IBM Plex Mono',monospace;letter-spacing:.1em}
.xm-panel-symbol>i{position:absolute;width:7px;height:7px;border:1px solid var(--family-accent);border-radius:50%;background:#0c171a}
.xm-panel-symbol>i:nth-of-type(1){top:10%;left:20%}.xm-panel-symbol>i:nth-of-type(2){right:-3px;top:48%}.xm-panel-symbol>i:nth-of-type(3){bottom:7%;left:30%}
.xm-panel-tagline{font-size:clamp(26px,2.5vw,38px);font-weight:550;line-height:1.25;letter-spacing:-.055em;max-width:660px;margin:42px 0 23px}
.xm-panel-lede,.xm-panel-purpose{color:#bcd0c9;max-width:790px;font-size:14px;margin:0 0 14px}
.xm-panel-purpose{margin-bottom:37px}
.xm-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(221,245,233,.18);border-bottom:1px solid rgba(221,245,233,.18)}
.xm-spec-grid>div{padding:26px 15px 25px 0}.xm-spec-grid>div+div{padding-left:20px;border-left:1px solid rgba(221,245,233,.14)}
.xm-spec-label{display:block;color:var(--family-accent,#aad7c7);font-size:9px;line-height:1.55}
.xm-spec-grid ul{list-style:none;padding:0;margin:27px 0 0;display:grid;gap:14px}
.xm-spec-grid li{font-size:12px;line-height:1.6;color:#d7e7df;padding-left:15px;position:relative}
.xm-spec-grid li::before{content:'';position:absolute;left:0;top:.7em;width:5px;height:1px;background:var(--family-accent)}
.xm-panel-lower{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:32px 0}
.xm-panel-lower p{font-size:12px;line-height:1.8;color:#b8cec4;margin:12px 0 0}
.xm-panel-example{background:rgba(203,237,224,.065);border-left:2px solid var(--family-accent);padding:21px 25px;margin-bottom:26px}
.xm-panel-example p{font-size:12px;color:#c8dcd2;margin:10px 0 0}
.xm-panel-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid rgba(220,247,231,.16);padding-top:22px}
.xm-panel-bottom span{font:500 9px 'IBM Plex Mono',monospace;color:#9eb9b1;letter-spacing:.1em}
.xm-panel-bottom a{font-size:12px;font-weight:650;display:inline-flex;gap:11px;align-items:center;color:#eef8f0;white-space:nowrap}
.xm-panel-bottom svg{width:15px;height:15px}
.xm-explorer-note{display:grid;grid-template-columns:175px 1fr;gap:24px;margin-top:27px;align-items:start;padding:25px 29px;border:1px solid rgba(196,235,218,.2)}
.xm-explorer-note span{font:500 10px 'IBM Plex Mono',monospace;color:#a7dacc;letter-spacing:.12em}
.xm-explorer-note p{font-size:12px;color:#b5ccc2;max-width:800px;margin:0}
/* Methods */
.xm-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #aab9b0;border-left:1px solid #aab9b0}
.xm-method-grid article{border-right:1px solid #aab9b0;border-bottom:1px solid #aab9b0;display:flex;flex-direction:column;min-height:380px;padding:28px 26px 24px}
.xm-method-grid .xm-micro{color:#456e61}
.xm-method-symbol{font-family:'IBM Plex Mono',monospace;font-size:36px;letter-spacing:-.14em;color:#246657;margin:42px 0 32px;min-height:50px}
.xm-method-symbol i{font-style:normal;color:#77998e;font-size:20px;vertical-align:middle;margin:0 8px;letter-spacing:0}
.xm-method-grid h3{font-size:23px;line-height:1.15;margin:0 0 17px}
.xm-method-grid p{color:#4e625b;font-size:12px;line-height:1.75;margin:0 0 25px}
.xm-method-grid small{font:500 9px 'IBM Plex Mono',monospace;line-height:1.6;color:#476b60;letter-spacing:.05em;margin-top:auto}
.xm-method-footer{border-top:1px solid #abbbb2;padding-top:25px;margin-top:40px;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:12px;color:#50665f}
.xm-method-footer a{display:inline-flex;align-items:center;gap:9px;font-weight:700;color:#163c32;white-space:nowrap}
.xm-method-footer svg{width:15px;height:15px}
/* Selection */
.xm-selection{background:radial-gradient(ellipse 48% 45% at 10% 70%,rgba(41,88,80,.14),transparent 80%),#091115}
.xm-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid rgba(215,241,227,.22);margin-top:20px}
.xm-flow>div{position:relative;min-height:276px;padding:28px 24px 25px;border-right:1px solid rgba(215,241,227,.22)}
.xm-flow>div:last-child{border-right:0}
.xm-flow>div:not(:last-child)::after{content:'→';position:absolute;right:-11px;top:24px;color:#b5efdd;background:#102024;z-index:2;font:400 18px 'IBM Plex Mono',monospace}
.xm-flow span{font:500 9px 'IBM Plex Mono',monospace;color:#9dd4bf;letter-spacing:.1em}
.xm-flow strong{display:block;font-size:19px;line-height:1.2;letter-spacing:-.04em;margin:47px 0 15px;color:#f0f6f0;font-weight:600}
.xm-flow p{font-size:12px;color:#a5beb2;margin:0}
.xm-selection-note{border-top:1px solid rgba(218,243,230,.21);margin-top:50px;padding-top:31px;display:grid;grid-template-columns:.9fr 1fr;gap:55px;align-items:center}
.xm-selection-note h3{font-size:30px;margin:14px 0 0}
.xm-selection-note p{font-size:13px;color:#b9cabe;margin:0}
.xm-selection-note .xm-micro{color:#aedbc9}
/* Evaluation */
.xm-eval-layout{display:grid;grid-template-columns:minmax(260px,.48fr) 1fr;border:1px solid #98aaa0;background:#e2eae3}
.xm-eval-list{border-right:1px solid #98aaa0}
.xm-eval-list button{display:grid;grid-template-columns:24px 1fr 18px;align-items:center;gap:13px;width:100%;min-height:84px;padding:20px 22px;text-align:left;border:0;border-bottom:1px solid #a4b6ac;background:transparent;color:#4d6a5e;font:500 10px 'IBM Plex Mono',monospace;transition:background .2s}
.xm-eval-list button:last-child{border-bottom:0}
.xm-eval-list button strong{font:600 14px 'DM Sans',sans-serif;letter-spacing:-.02em;color:#263d33}
.xm-eval-list button:hover,.xm-eval-list button.is-selected{background:#cadbd1}
.xm-eval-list button svg{width:15px;height:15px}
.xm-eval-panel{position:relative;display:flex;flex-direction:column;min-height:438px;overflow:hidden;padding:40px clamp(26px,4vw,68px);background:linear-gradient(145deg,#dae6dd,#eaf0e9);color:#1b3028}
.xm-eval-panel .xm-micro{color:#4b796b}
.xm-eval-panel h3{font-size:clamp(39px,4vw,58px);margin:30px 0 16px;line-height:1.05}
.xm-eval-panel>p{font-size:14px;color:#466055;max-width:650px;margin:0 0 25px}
.xm-eval-points{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:2}
.xm-eval-points span{font-size:10px;font-weight:600;border:1px solid #93b3a1;padding:10px 12px;color:#265346;background:#d6e9db}
.xm-eval-panel small{font:500 9px 'IBM Plex Mono',monospace;line-height:1.5;letter-spacing:.07em;color:#698075;margin-top:auto;position:relative;z-index:2;padding-top:70px}
.xm-eval-outline{position:absolute;right:-95px;bottom:-210px;width:430px;height:430px;opacity:.13;pointer-events:none;border-radius:50%;border:1px solid #2c7863}
.xm-eval-outline span{position:absolute;inset:12%;border:1px solid #2c7863;border-radius:50%}.xm-eval-outline span:nth-child(2){inset:23%}.xm-eval-outline span:nth-child(3){inset:34%}.xm-eval-outline span:nth-child(4){inset:45%}
/* Governance */
.xm-governed{background:#dce8de;color:#1c3128}
.xm-guard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #9caca1;border-bottom:1px solid #9caca1}
.xm-guard-grid article{padding:30px 25px 35px 0;min-height:300px}
.xm-guard-grid article+article{border-left:1px solid #9caca1;padding-left:25px}
.xm-guard-grid article>span{font:500 11px 'IBM Plex Mono',monospace;color:#4b7964}
.xm-guard-grid h3{font-size:26px;margin:47px 0 15px}
.xm-guard-grid p{font-size:13px;color:#50675b;margin:0}
.xm-guard-footer{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:end;margin-top:36px}
.xm-guard-footer p{font-size:13px;max-width:760px;color:#4a6558;margin:0}
/* Scenarios */
.xm-casebox{border:1px solid #a8b9ae;display:grid;grid-template-columns:280px 1fr;min-height:485px}
.xm-case-tabs{border-right:1px solid #a8b9ae;display:flex;flex-direction:column}
.xm-case-tabs button{flex:1;display:flex;gap:24px;align-items:center;padding:21px 24px;border:0;border-bottom:1px solid #a8b9ae;background:transparent;color:#273e34;text-align:left;font-size:14px;font-weight:600;transition:background .2s}
.xm-case-tabs button:last-child{border-bottom:0}
.xm-case-tabs button span{font:500 10px 'IBM Plex Mono',monospace;color:#57816c}
.xm-case-tabs button:hover,.xm-case-tabs button.is-selected{background:#d0dfd4}
.xm-case-screen{padding:36px clamp(25px,4vw,62px);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-width:0;background:#dce7db;color:#23372e}
.xm-case-meta{display:flex;justify-content:space-between;gap:15px;color:#4b7463;font-size:9px;position:relative;z-index:2}
.xm-case-screen h3{font-size:clamp(39px,4.2vw,67px);line-height:1.07;max-width:690px;margin:55px 0 20px;position:relative;z-index:2}
.xm-case-screen>p{font-size:14px;line-height:1.9;max-width:640px;color:#405c4d;margin:0 0 25px;position:relative;z-index:2}
.xm-case-output{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #a4b7ab;padding-top:23px;margin-top:auto;position:relative;z-index:2}
.xm-case-output>div{display:flex;flex-direction:column;gap:11px}
.xm-case-output span{font:500 9px 'IBM Plex Mono',monospace;color:#4a7765;letter-spacing:.1em}
.xm-case-output strong{font-size:18px;letter-spacing:-.02em;font-weight:600}
.xm-case-grid{position:absolute;right:-70px;top:7%;width:210px;height:210px;opacity:.13;display:grid;grid-template-columns:1fr 1fr;gap:10px;transform:rotate(-22deg);pointer-events:none}
.xm-case-grid i{border:1px solid #255846}
/* FAQ */
.xm-questions{background:#091114}
.xm-questions-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(45px,7vw,125px)}
.xm-questions h2{margin-bottom:24px}
.xm-questions-grid>div:first-child>p{font-size:14px;color:#adbec5;max-width:445px;margin-bottom:25px}
.xm-faq{border-top:1px solid rgba(206,238,223,.21)}
.xm-faq details{padding:23px 0;border-bottom:1px solid rgba(206,238,223,.21)}
.xm-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#e5f1eb;font-size:clamp(16px,1.65vw,21px);font-weight:550;line-height:1.4;letter-spacing:-.025em}
.xm-faq summary::-webkit-details-marker{display:none}
.xm-faq summary span{font-size:25px;color:#a5d9c6;flex:none;transition:transform .2s}
.xm-faq details[open] summary span{transform:rotate(45deg)}
.xm-faq details p{font-size:12.5px;max-width:590px;color:#adbec5;line-height:1.85;margin:17px 0 0}
/* Final: deliberately scoped to avoid inherited .closing-cta contrast bug */
.xm-final{padding:clamp(91px,9vw,132px) 0;background:linear-gradient(128deg,#e8eee9,#d7e7dd);color:#182f27;position:relative;overflow:hidden}
.xm-final .xm-label-row{margin-bottom:70px;color:#385d50;opacity:1}
.xm-final-grid{display:grid;grid-template-columns:1fr 260px;gap:60px;align-items:center}
.xm-final h2{font-size:clamp(51px,5.7vw,84px);line-height:1.06;margin:0 0 23px;color:#173329}
.xm-final h2 em{color:#457c68}
.xm-final p{font-size:15px;max-width:650px;color:#425e51;margin:0 0 30px}
.xm-final-buttons{display:flex;flex-wrap:wrap;gap:12px}
.xm-final-mark{width:100%;max-width:240px;aspect-ratio:1;border:1px solid rgba(59,114,95,.35);border-radius:50%;position:relative;display:grid;place-items:center;align-content:center;gap:10px}
.xm-final-mark::before,.xm-final-mark::after{content:'';position:absolute;inset:-16px;border:1px dashed rgba(59,114,95,.26);border-radius:50%;pointer-events:none}
.xm-final-mark::after{inset:20px;border-style:solid}
.xm-final-mark img{height:90px;width:90px;object-fit:contain;position:relative;z-index:2}
.xm-final-mark span{font:500 9px 'IBM Plex Mono',monospace;line-height:1.6;text-align:center;letter-spacing:.13em;color:#3e6857;position:relative;z-index:2}
/* Header/footer consistency: NEVER change common layout, only guard against inherited visual conflicts. */
body.ex-models-v9>.xl-footer,body.ex-models-v9>.footer{background:#080c0f;color:#ecf0ed}
body.ex-models-v9 .xl-footer .xl-footer-intro>p{font-size:clamp(12px,1vw,14px);line-height:1.65;max-width:295px}
body.ex-models-v9 .xl-footer #ex-privacy-open{font-size:11px;line-height:1.45}
/* Tablet */
@media(max-width:1100px){
 .xm-hero-grid{grid-template-columns:1.1fr .9fr;gap:10px}
 .xm-page .xm-hero h1{font-size:clamp(53px,6.5vw,75px)}
 .xm-hero-visual{min-height:480px}.xm-satellite{padding:9px 10px;min-width:100px}.xm-satellite b{font-size:11px}
 .xm-page .xm-heading-split h2{font-size:clamp(48px,6vw,71px)}
 .xm-family-cards>a{padding:27px 24px}
 .xm-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .xm-flow{grid-template-columns:repeat(5,minmax(0,1fr))}.xm-flow>div{padding:22px 14px}.xm-flow strong{font-size:17px}
 .xm-guard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xm-guard-grid article:nth-child(3){border-left:0}.xm-guard-grid article:nth-child(-n+2){border-bottom:1px solid #9caca1}
 .xm-questions-grid{grid-template-columns:.78fr 1.22fr;gap:45px}
}
@media(max-width:820px){
 .xm-hero,.xm-hero-shell{min-height:0}
 .xm-hero-grid{grid-template-columns:1fr;gap:8px;min-height:0}
 .xm-hero-copy{padding-bottom:0}
 .xm-hero-visual{height:440px;min-height:440px;width:min(590px,100%);margin:0 auto}
 .xm-page .xm-hero h1{font-size:clamp(58px,9vw,80px)}
 .xm-hero-foot{margin-top:5px}
 .xm-page .xm-heading-split,.xm-introduction{grid-template-columns:1fr;gap:28px}
 .xm-introduction{margin-bottom:60px}
 .xm-page .xm-heading-split p{max-width:680px}
 .xm-pillars article{padding-right:16px}.xm-pillars article+article{padding-left:16px}
 .xm-family-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .xm-explorer-grid{grid-template-columns:1fr}
 .xm-explorer-nav{border-right:0;border-bottom:1px solid rgba(213,241,231,.18);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .xm-model-tab{min-height:87px;padding:14px;grid-template-columns:18px 1fr;gap:7px;border-right:1px solid rgba(215,243,233,.15)}
 .xm-model-tab-main strong{font-size:16px}.xm-model-tab-main small{font-size:9px}.xm-model-tab-arrow{display:none}
 .xm-flow{grid-template-columns:repeat(2,1fr)}
 .xm-flow>div{border-right:0;border-bottom:1px solid rgba(215,241,227,.22);min-height:185px}
 .xm-flow>div:nth-child(odd){border-right:1px solid rgba(215,241,227,.22)}
 .xm-flow>div:not(:last-child)::after{display:none}
 .xm-flow>div:last-child{grid-column:1/-1;border-bottom:0}
 .xm-flow strong{margin:28px 0 10px}
 .xm-eval-layout{grid-template-columns:1fr}.xm-eval-list{border-right:0;border-bottom:1px solid #98aaa0;display:grid;grid-template-columns:repeat(2,1fr)}
 .xm-eval-list button{min-height:68px;padding:14px}
 .xm-eval-panel{min-height:395px}
 .xm-casebox{grid-template-columns:1fr}.xm-case-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-right:0;border-bottom:1px solid #a8b9ae}
 .xm-case-tabs button{justify-content:center;padding:16px 8px;font-size:11px;gap:8px;border-right:1px solid #a8b9ae;border-bottom:0}
 .xm-case-tabs button:last-child{border-right:0}.xm-case-screen{min-height:455px}
 .xm-questions-grid{grid-template-columns:1fr;gap:35px}
 .xm-final-grid{grid-template-columns:1fr 170px;gap:30px}
 .xm-final-mark{max-width:160px}.xm-final-mark img{height:62px;width:62px}
}
/* Mobile */
@media(max-width:650px){
 .xm-section{padding:75px 0 83px}
 .xm-page .xm-label-row{font-size:8px;letter-spacing:.09em;gap:14px;margin-bottom:44px;padding-bottom:16px}
 .xm-page .xm-label-row span:last-child{max-width:45%}
 .xm-page .xm-heading-split{margin-bottom:37px}
 .xm-page .xm-heading-split h2,.xm-page .xm-questions h2{font-size:clamp(41px,11.2vw,58px);line-height:1.07}
 .xm-page .xm-heading-split p{font-size:13px;line-height:1.79}
 .xm-hero-shell{padding-top:104px}
 .xm-hero-meta{font-size:8px;margin-bottom:45px}
 .xm-kicker{font-size:8px;letter-spacing:.06em;margin-bottom:20px}
 .xm-page .xm-hero h1{font-size:clamp(43px,11vw,62px);line-height:1.04;letter-spacing:-.077em;margin-bottom:23px}
 .xm-hero-lead{font-size:14px;line-height:1.8;margin-bottom:27px}
 .xm-hero-actions{display:grid;grid-template-columns:1fr;gap:9px}
 .xm-page .xm-button{min-height:50px;font-size:11px}
 .xm-hero-visual{height:350px;min-height:350px;width:100%;margin:18px auto 10px}
 .xm-satellite{min-width:0;padding:8px 9px;gap:4px}
 .xm-satellite b{font-size:9px}.xm-satellite span{font-size:6px}
 .xm-satellite.s1{top:5%;left:1%}.xm-satellite.s2{right:0;top:12%}.xm-satellite.s3{left:0;top:43%}.xm-satellite.s4{right:0;top:49%}.xm-satellite.s5{left:2%;bottom:12%}.xm-satellite.s6{right:1%;bottom:10%}
 .xm-hub{width:38%}.xm-hub small{font-size:7px}
 .xm-hero-foot{padding:16px 0;font-size:7px;gap:10px}
 .xm-hero-foot>span:last-child{display:none}.xm-hero-foot a{gap:6px}
 .xm-anchor-nav{top:66px}.xm-anchor-nav .shell{gap:24px}.xm-anchor-nav a{min-height:47px;font-size:9px}
 .xm-introduction h2{font-size:clamp(45px,11.2vw,64px)}.xm-introduction p{font-size:13px}
 .xm-pillars{grid-template-columns:1fr}.xm-pillars article{min-height:0;padding:24px 0 28px!important;border-left:0!important}
 .xm-pillars article+article{border-top:1px solid #9dadab}
 .xm-pillars .xm-micro{margin-bottom:13px}.xm-pillars h3{font-size:26px}
 .xm-family-cards{grid-template-columns:1fr}.xm-family-cards>a{min-height:220px;padding:24px}
 .xm-family-cards strong{margin:25px 0 12px;font-size:46px}.xm-family-cards p{font-size:12px}
 .xm-explorer-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.xm-model-tab{min-height:79px;padding:10px 8px}
 .xm-model-tab-main strong{font-size:15px}.xm-model-tab-main small{font-size:8px}.xm-model-tab-number{font-size:8px}
 .xm-model-panel{padding:25px 20px}.xm-panel-top h3{font-size:clamp(48px,12vw,68px)}
 .xm-panel-symbol{height:53px;width:53px}.xm-panel-symbol>span{font-size:9px}
 .xm-panel-domain{font-size:11px}.xm-panel-tagline{font-size:26px;margin-top:31px}.xm-panel-lede,.xm-panel-purpose{font-size:12px}
 .xm-spec-grid{grid-template-columns:1fr}.xm-spec-grid>div,.xm-spec-grid>div+div{padding:21px 0;border-left:0}.xm-spec-grid>div+div{border-top:1px solid rgba(221,245,233,.18)}
 .xm-spec-grid ul{margin-top:15px;gap:9px}.xm-spec-grid li{font-size:12px}
 .xm-panel-lower{grid-template-columns:1fr;gap:21px;margin:24px 0}
 .xm-panel-example{padding:17px 18px}.xm-panel-example p{font-size:12px}
 .xm-panel-bottom{align-items:start;flex-direction:column;gap:12px}.xm-panel-bottom span{font-size:8px}
 .xm-explorer-note{grid-template-columns:1fr;gap:10px;padding:20px}
 .xm-method-grid{grid-template-columns:1fr}.xm-method-grid article{min-height:310px}
 .xm-method-symbol{margin:30px 0 20px}.xm-method-footer{flex-direction:column;align-items:start;gap:14px;font-size:11px}.xm-method-footer a{white-space:normal}
 .xm-flow{grid-template-columns:1fr}.xm-flow>div,.xm-flow>div:nth-child(odd){min-height:0;padding:23px;border-right:0;border-bottom:1px solid rgba(215,241,227,.22)}.xm-flow>div:last-child{grid-column:auto;border-bottom:0}
 .xm-flow strong{margin:13px 0 9px;font-size:21px}.xm-flow p{font-size:12px}
 .xm-selection-note{grid-template-columns:1fr;gap:16px}.xm-selection-note h3{font-size:29px}.xm-selection-note p{font-size:12px}
 .xm-eval-list{grid-template-columns:1fr}.xm-eval-list button{min-height:58px;border-right:0;grid-template-columns:24px 1fr 16px}
 .xm-eval-panel{padding:30px 22px;min-height:395px}.xm-eval-panel h3{font-size:37px;margin:25px 0 16px}.xm-eval-panel>p{font-size:13px}.xm-eval-points span{font-size:9px;padding:8px}
 .xm-guard-grid{grid-template-columns:1fr}.xm-guard-grid article{min-height:0;padding:23px 0 27px!important;border-left:0!important;border-bottom:1px solid #9caca1}
 .xm-guard-grid article:last-child{border-bottom:0}.xm-guard-grid h3{margin:16px 0 11px;font-size:25px}.xm-guard-grid p{font-size:12px}
 .xm-guard-footer{grid-template-columns:1fr;gap:16px}.xm-guard-footer p{font-size:12px}
 .xm-case-tabs{grid-template-columns:repeat(2,1fr)}.xm-case-tabs button{min-height:60px;border-right:1px solid #a8b9ae;border-bottom:1px solid #a8b9ae}.xm-case-tabs button:nth-child(2n){border-right:0}.xm-case-tabs button:nth-child(n+3){border-bottom:0}
 .xm-case-screen{min-height:465px;padding:24px 20px}.xm-case-meta{font-size:8px}.xm-case-meta span:last-child{display:none}
 .xm-case-screen h3{font-size:38px;margin:54px 0 17px}.xm-case-screen>p{font-size:13px}
 .xm-case-output{gap:16px}.xm-case-output span{font-size:8px}.xm-case-output strong{font-size:14px;line-height:1.5}
 .xm-faq details{padding:20px 0}.xm-faq summary{font-size:17px}.xm-faq details p{font-size:12px}
 .xm-final{padding:83px 0 95px}.xm-final .xm-label-row{margin-bottom:47px}.xm-final-grid{grid-template-columns:1fr;gap:55px}.xm-final h2{font-size:clamp(43px,11vw,59px)}.xm-final p{font-size:13px}
 .xm-final-buttons{flex-direction:column}.xm-final-mark{max-width:180px;margin:0 auto}
 body.ex-models-v9 .xl-footer .xl-footer-intro>p{font-size:12px}
 body.ex-models-v9 .xl-footer #ex-privacy-open{font-size:10px}
}
@media(max-width:360px){.xm-hero-visual{height:315px;min-height:315px}.xm-page .xm-hero h1{font-size:42px}.xm-model-tab-main small{font-size:7.5px}.xm-page .xm-label-row{font-size:7.2px}}
@media(prefers-reduced-motion:reduce){.xm-page *, .xm-page *::before,.xm-page *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}