/* Manaforge public trust and installation pages — Night Ops editorial extensions. */
.trust-page { --trust-line:#263c50; --trust-ink:#eaf5f9; --trust-soft:#a8b9ca; }
.trust-page main { overflow: clip; }
.trust-page .trust-hero { position:relative; padding:clamp(62px,8vw,118px) 0 clamp(56px,7vw,98px); border-bottom:1px solid #273b4b; background:radial-gradient(ellipse at 82% 40%,#07526b40,transparent 49%),#080f1c; }
.trust-page .trust-hero::after { content:""; position:absolute; pointer-events:none; inset:0; opacity:.28; background:linear-gradient(90deg,transparent 49.9%,#315368 50%,transparent 50.1%); background-size:110px 110px; mask-image:linear-gradient(90deg,transparent 42%,#000 100%); }
.trust-page .trust-hero .site-wrap { position:relative; z-index:1; }
.trust-page .trust-hero-inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.78fr); align-items:center; gap:clamp(32px,7vw,110px); }
.trust-page .trust-hero h1 { max-width:780px; margin:0 0 25px; font-size:clamp(48px,6.5vw,92px); font-weight:900; letter-spacing:-.065em; line-height:.96; text-transform:uppercase; }
.trust-page .trust-hero h1 span { color:#3bc8e9; }
.trust-page .trust-lead { max-width:640px; margin:0; color:#bac9d7; font-size:clamp(16px,1.45vw,20px); line-height:1.65; }
.trust-page .trust-hero .actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:30px; }
.trust-page .trust-aside { padding:30px; border:1px solid #35556a; border-radius:13px; background:linear-gradient(150deg,#162a3b,#0d1a2a 75%); box-shadow:0 28px 70px #0006; }
.trust-page .trust-aside .aside-label { margin:0 0 42px; color:#3bc8e9; text-transform:uppercase; font-weight:800; font-size:10px; letter-spacing:.2em; }
.trust-page .trust-aside strong { display:block; color:#f0f7fb; font:800 clamp(24px,2.5vw,36px)/1.15 Outfit,sans-serif; letter-spacing:-.04em; }
.trust-page .trust-aside p { color:#a8b9ca; font-size:14px; line-height:1.75; margin:16px 0 0; }
.trust-page .trust-aside .aside-rule { width:50px; height:2px; background:#3bc8e9; margin:0 0 22px; }
.trust-page .trust-aside img { display:block; width:min(100%,270px); height:auto; max-height:310px; object-fit:cover; object-position:top; border:1px solid #436278; border-radius:10px; margin:-20px auto 24px; box-shadow:0 18px 40px #0008; }
.trust-page .trust-aside figcaption { font-size:10px; color:#8299a9; line-height:1.5; }
.trust-page .trust-jump { background:#0e1928; border-bottom:1px solid #263b4d; }
.trust-page .trust-jump .site-wrap { display:flex; align-items:center; flex-wrap:wrap; gap:4px 25px; padding-block:18px; }
.trust-page .trust-jump span { color:#718fa2; font-size:10px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; margin-right:10px; }
.trust-page .trust-jump a { display:inline-flex; align-items:center; min-height:36px; color:#d8e9ee; font-size:12px; font-weight:700; }
.trust-page .trust-jump a:hover { color:#3bc8e9; }
.trust-page .trust-section { padding:clamp(66px,8vw,112px) 0; border-bottom:1px solid #26394b; }
.trust-page .trust-section.alt { background:#0b1625; }
.trust-page .trust-section-grid { display:grid; grid-template-columns:minmax(180px,.36fr) minmax(0,1fr); gap:clamp(38px,9vw,150px); }
.trust-page .trust-section-label { color:#3bc8e9; text-transform:uppercase; letter-spacing:.18em; font-size:11px; font-weight:800; padding-top:10px; }
.trust-page .trust-section-label i { display:block; width:34px; height:1px; background:#3bc8e9; margin-bottom:18px; }
.trust-page .trust-section h2 { margin:0 0 22px; font-size:clamp(35px,4vw,60px); line-height:1.03; letter-spacing:-.05em; font-weight:800; }
.trust-page .trust-section h3 { margin:0 0 10px; font-size:clamp(20px,2vw,27px); letter-spacing:-.03em; }
.trust-page .trust-section p { max-width:750px; margin:0 0 18px; font-size:clamp(15px,1.25vw,17px); color:#a8b9ca; line-height:1.8; }
.trust-page .trust-section p:last-child { margin-bottom:0; }
.trust-page .trust-section a:not(.button) { color:#62d9ef; text-decoration:underline; text-decoration-color:#3bc8e966; text-underline-offset:5px; }
.trust-page .trust-section a:not(.button):hover { color:#c5f7ff; }
.trust-page .trust-list { list-style:none; padding:0; margin:32px 0 0; border-top:1px solid #294257; }
.trust-page .trust-list li { display:grid; grid-template-columns:26px 1fr; gap:18px; border-bottom:1px solid #294257; padding:18px 0; color:#dceaf0; font-size:15px; line-height:1.6; }
.trust-page .trust-list li::before { content:"/"; color:#3bc8e9; font-weight:900; }
.trust-page .trust-list strong { color:#f0f7fb; }
.trust-page .trust-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:36px; }
.trust-page .trust-card { padding:clamp(24px,3vw,38px); background:#111f30; border:1px solid #2b4254; border-radius:10px; }
.trust-page .trust-card .card-number { display:block; color:#3bc8e9; font:800 11px 'Plus Jakarta Sans',sans-serif; letter-spacing:.18em; margin-bottom:24px; }
.trust-page .trust-card p { font-size:14px; line-height:1.75; margin-bottom:0; }
.trust-page .trust-note { margin-top:30px; padding:22px 26px; border-left:2px solid #3bc8e9; background:#122234; color:#c3d4df; font-size:14px; line-height:1.7; }
.trust-page .trust-note strong { color:#f0f7fb; }
.trust-page .trust-cta { padding:clamp(75px,9vw,120px) 0; text-align:center; background:radial-gradient(ellipse at 50% 100%,#067ca43a,transparent 65%),#08121f; }
.trust-page .trust-cta h2 { max-width:800px; margin:0 auto 18px; font-size:clamp(38px,5vw,70px); line-height:1.02; letter-spacing:-.055em; text-transform:uppercase; font-weight:900; }
.trust-page .trust-cta h2 span { color:#3bc8e9; }
.trust-page .trust-cta p:not(.eyebrow) { max-width:570px; margin:0 auto 27px; font-size:15px; line-height:1.7; }
.trust-page .trust-cta .actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.trust-page .steps { counter-reset:install; padding:0; margin:30px 0 0; list-style:none; }
.trust-page .steps li { counter-increment:install; display:grid; grid-template-columns:78px 1fr; gap:16px; padding:25px 0; border-top:1px solid #2b4354; }
.trust-page .steps li::before { content:counter(install,decimal-leading-zero); color:#3bc8e9; font:800 29px/1 Outfit,sans-serif; }
.trust-page .steps li:last-child { border-bottom:1px solid #2b4354; }
.trust-page .steps h3 { margin:0 0 6px; }
.trust-page .steps p { margin:0; font-size:15px; }
.trust-page .steps .ios-cue { display:inline-flex; align-items:center; gap:9px; min-height:32px; margin:0 0 13px; padding:5px 11px 5px 6px; border:1px solid #316177; border-radius:8px; background:#14283a; color:#78d9ee; font:700 10px/1.2 Outfit,sans-serif; letter-spacing:.12em; }
.trust-page .steps .ios-cue svg { width:24px; height:24px; flex:none; padding:3px; border-radius:5px; background:#23516a; }
.trust-page .install-mark { display:flex; align-items:center; justify-content:center; min-height:320px; position:relative; overflow:hidden; }
.trust-page .install-mark::before,.trust-page .install-mark::after { content:""; position:absolute; width:280px; height:280px; border:1px solid #30546b; border-radius:50%; }
.trust-page .install-mark::after { width:390px; height:390px; border-color:#20384b; }
.trust-page .install-mark img { position:relative; z-index:1; width:245px; height:auto; max-height:360px; object-fit:cover; object-position:top; border:5px solid #28465a; border-radius:25px; box-shadow:0 28px 60px #000a; transform:rotate(-5deg); }
.trust-page .install-caption { margin:14px 0 0; text-align:center; font-size:10px; color:#8396aa; }
@media (max-width:760px) {
  .trust-page .trust-hero-inner,.trust-page .trust-section-grid { grid-template-columns:1fr; gap:28px; }
  .trust-page .trust-hero { padding:60px 0 56px; }
  .trust-page .trust-hero h1 { font-size:clamp(46px,11.5vw,75px); }
  .trust-page .trust-aside { padding:24px; }
  .trust-page .trust-aside .aside-label { margin-bottom:20px; }
  .trust-page .trust-section { padding:65px 0; }
  .trust-page .trust-section-label { padding-top:0; }
  .trust-page .trust-pair { grid-template-columns:1fr; }
  .trust-page .trust-jump .site-wrap { gap:2px 18px; }
  .trust-page .trust-jump span { width:100%; }
}
@media (max-width:480px) {
  .trust-page .trust-hero h1 { font-size:clamp(43px,12vw,58px); }
  .trust-page .trust-hero .actions .button { width:100%; }
  .trust-page .steps li { grid-template-columns:48px 1fr; gap:9px; }
  .trust-page .steps li::before { font-size:24px; }
}
@media (prefers-reduced-motion:reduce) { .trust-page .install-mark img { transform:none; } }