/* Mono System Page editorial layouts; rebuilt from visual evidence, not donor CSS. */
.mono-system-offering{--offer-accent:#00bfff;color:var(--mono-text);overflow:hidden}
.mono-system-offering .mono-offer-hero{padding:clamp(74px,9vw,150px) 0 68px;background:radial-gradient(ellipse at 86% 22%,rgba(0,191,255,.13),transparent 50%),linear-gradient(155deg,rgba(9,29,45,.72),rgba(10,17,30,.45));}
.mono-system-offering .mono-offer-hero-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(280px,.86fr);gap:clamp(24px,5vw,80px);align-items:center}
.mono-system-offering .mono-offer-hero h1{font-size:clamp(2.3rem,4.7vw,4.7rem);line-height:1.07;letter-spacing:-.045em;max-width:13ch}
.mono-system-offering .mono-offer-hero .mono-lead{max-width:64ch}
.mono-system-offering .mono-offer-diagram{border:1px solid rgba(124,180,220,.25);border-radius:30px;padding:24px;min-height:290px;background:radial-gradient(circle at 70% 24%,rgba(0,191,255,.13),transparent 70%),rgba(11,25,42,.8);box-shadow:0 28px 75px rgba(0,0,0,.18);}
.mono-system-offering .mono-offer-diagram-top{font-size:.77rem;letter-spacing:.12em;text-transform:uppercase;opacity:.8;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(190,215,234,.15);padding-bottom:20px}
.mono-system-offering .mono-offer-flow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}
.mono-system-offering .mono-offer-flow>span{display:flex;align-items:center;justify-content:center;min-height:86px;border:1px solid rgba(124,180,220,.28);border-radius:15px;background:rgba(255,255,255,.045);font-weight:700;text-align:center;padding:15px}
.mono-system-offering .mono-offer-flow>span:first-child{grid-column:1/-1;border-color:var(--offer-accent)}
.mono-system-offering .mono-offer-section{padding:clamp(55px,6vw,100px) 0}
.mono-system-offering .mono-offer-section:nth-of-type(even){background:rgba(90,151,191,.045)}
.mono-system-offering .mono-offer-section h2{max-width:780px;margin:0 0 18px}
.mono-system-offering .mono-offer-section-lead{max-width:74ch}
.mono-system-offering .mono-offer-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px}
.mono-system-offering .mono-offer-card{border:1px solid var(--mono-border);background:rgba(255,255,255,.035);border-radius:22px;padding:clamp(20px,2.2vw,30px);min-width:0}
.mono-system-offering .mono-offer-card h3{font-size:1.1rem;line-height:1.32;margin:0 0 12px;overflow-wrap:anywhere}
.mono-system-offering .mono-offer-card p{margin:0 0 12px;line-height:1.7;overflow-wrap:anywhere}
.mono-system-offering .mono-offer-card p:last-child{margin-bottom:0}
.mono-system-offering .mono-offer-card small{display:block;font-size:.73rem;color:var(--mono-muted);margin-bottom:8px}
.mono-system-offering .mono-offer-cta{padding:40px 0 90px}
.mono-system-offering .mono-offer-related{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}
.mono-system-offering .mono-offer-related a{border:1px solid var(--mono-border);padding:10px 16px;border-radius:999px;text-decoration:none}
.mono-system-offering :is(a,button,summary):focus-visible{outline:3px solid var(--offer-accent);outline-offset:4px}
@media(max-width:900px){.mono-system-offering .mono-offer-hero-grid{grid-template-columns:1fr}.mono-system-offering .mono-offer-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mono-system-offering .mono-offer-diagram{min-height:210px}}
@media(max-width:580px){.mono-system-offering .mono-offer-cards{grid-template-columns:1fr}.mono-system-offering .mono-offer-hero h1{font-size:clamp(2.1rem,9vw,3.3rem)}.mono-system-offering .mono-offer-flow{grid-template-columns:1fr}.mono-system-offering .mono-offer-flow>span:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.mono-system-offering *, .mono-system-offering *::before,.mono-system-offering *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}