/* IronPC palette over the retained Hoodak layout and content. */
:root {
  --bg: #0b0c12;
  --bg-2: #10121b;
  --surface: rgba(104, 129, 246, .055);
  --surface-2: rgba(104, 129, 246, .09);
  --surface-solid: #11131c;
  --line: rgba(183, 194, 255, .11);
  --line-2: rgba(183, 194, 255, .22);
  --text: #eef0f6;
  --text-2: #bfc3d1;
  --text-3: #777f99;
  --chrome: linear-gradient(155deg, #a9b8ff 0%, #7d93ff 42%, #6881f6 100%);
  --chrome-text: linear-gradient(150deg, #f4f6ff 0%, #abbaff 50%, #6881f6 100%);
  --glass-hi: inset 0 1px 0 rgba(209, 218, 255, .14), inset 0 0 0 1px rgba(104, 129, 246, .1);
}
body { background: var(--bg); }
body > .ironpc-page-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; background: var(--bg); }
.ironpc-page-bg > .fx-shadow { position: absolute; inset: 0; overflow: hidden; }
main, .footer { position: relative; z-index: 1; }
::selection { background: #6881f6; color: #070a1c; }
:focus-visible { outline-color: #6881f6; }
.btn--chrome, .tag--light, .keybox__btn, .logo__mark { color: #070a1c; }
.dot:not(.dot--live), .icon-badge { color: #6881f6; }
.hero { isolation: isolate; }
.hero__grid, .hero__glow { display: none; }
.fx-shadow canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1.2s ease; }
.fx-shadow.is-ready canvas { opacity: 1; }
.fx-noise { position: absolute; inset: 0; pointer-events: none; background: url('/assets/noise.png') repeat; }
.fx-mask { position: absolute; inset: 0; background-color: rgba(104,129,246,.55); -webkit-mask: url('/assets/shadow-mask.webp') center/cover no-repeat; mask: url('/assets/shadow-mask.webp') center/cover no-repeat; filter: blur(4px); }
@media (prefers-reduced-motion: reduce) { .fx-shadow canvas { display: none; } .fx-shadow { background: radial-gradient(ellipse at 60% 30%, rgba(104,129,246,.28), transparent 70%); } }
.ironpc-logo img { width: 142px; height: auto; max-width: none; }
.footer .ironpc-logo img { width: 128px; }
.ironpc-visual { position: absolute; inset: 2% 7% 2% 9%; display: grid; place-items: center; filter: drop-shadow(0 34px 70px rgba(3,5,14,.72)) drop-shadow(0 0 42px rgba(104,129,246,.2)); }
.ironpc-visual__image { width: 88%; height: 96%; object-fit: contain; object-position: center; animation: float 9s ease-in-out infinite; }
.ironpc-pricing-note { margin: 28px 0 0; text-align: center; color: var(--text-2); }
.pcard__price { font-size: clamp(28px,3vw,44px); }
.pcard__list li::before { content: '✓'; color: #8fa2ff; margin-right: 10px; }
.pcard .pbtn { display: grid; place-items: center; text-decoration: none; }
.status-card__brand img { width: 95px; height: auto; }
.bento__speed { grid-column: 1 / span 7; grid-row: 1 / span 2; min-width: 0; }
.bento__devices { grid-column: 8 / -1; grid-row: 1; min-width: 0; }
.bento__privacy { grid-column: 8 / -1; grid-row: 2; min-width: 0; }
@media (max-width: 900px) {
  .bento__speed, .bento__devices, .bento__privacy { grid-column: 1 / -1; grid-row: auto; }
}
@media (max-width: 900px) { .ironpc-visual { inset: 0 10% 0; } .ironpc-visual__image { width: 82%; } }
@media (max-width: 760px) { .ironpc-logo img { width: 118px; } .ironpc-visual { opacity: .88; inset: 0 4% 5%; } .ironpc-visual__image { width: 78%; } }
@media (prefers-reduced-motion: reduce) { .ironpc-visual__image { animation: none; } }