@import url("styles.css");
@import url("products-hover.css");

/* Perimtr blue edition — the underlying layout remains shared with the original. */
:root {
  --ink: #080808;
  --cream: #ffffff;
  --sage: #eef5ff;
  --green: #0000FF;
  --line: rgba(8, 8, 8, 0.16);
  --lime: #7cc8ff;
}

.brand span { color: #0000FF; }
em { color: #0000FF; }
.page-grid { opacity: .16; }
.site-header { background: rgba(255,255,255,.92); }
.hero { min-height: 690px; }
.hero h1 { letter-spacing: -.062em; }
.hero-side { border-left: 2px solid #0000FF; padding-left: 20px; }
.hero-side .text-link { border-color: #0000FF; color: #0000FF; font-weight: 700; }
.statement .large-copy { font-size: 16px; line-height: 1.7; }
.system { background: linear-gradient(135deg, #0000FF 0%, #0000FF 100%); }
.system em { color: #080808; }
.system .section-intro div > p { color: rgba(255,255,255,.88); }
.flow { position: relative; }
.flow-step { min-height: 390px; display: flex; flex-direction: column; border-color: rgba(255,255,255,.46); }
.flow-step h3 { margin-bottom: 12px; }
.flow-step p { line-height: 1.55; }
.flow-step small { position: static; display: block; margin-top: auto; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.28); }
.flow-step.core { background: #080808; color: #fff; border-color: #080808; box-shadow: 10px 10px 0 rgba(0,0,0,.27); }
.flow-step.core small { border-color: rgba(255,255,255,.3); }
.flow-step.answer h3, .flow-step.source h3, .flow-step.core h3 { color: #fff; }
.source-icon { gap: 11px; }
.source-icon i { display: block !important; width: 25px !important; background: #fff !important; }
.source-icon i:first-child { height: 38px !important; }
.source-icon i:nth-child(2) { height: 76px !important; }
.source-icon i:last-child { height: 55px !important; }
.source-icon i::before, .source-icon::after { content: none !important; }
.core-icon { gap: 10px; }
.core-icon b { width: 16px; height: 16px; border: 2px solid #fff; transform: rotate(45deg); }
.core-icon b:nth-child(2), .core-icon b:nth-child(3), .core-icon b:nth-child(4) { background: transparent; border-radius: 0; }
.answer-icon span { width: 65px; height: 65px; display: block; }
.answer-icon span::before { content: none; }
.flow-arrow { color: #b7e8ff; font-size: 32px; }
.capabilities { border-top: 1px solid rgba(255,255,255,.42); padding-top: 18px; }
.capabilities div span { color: #b7e8ff; }
.principles { background: #fff; }
.rules article { transition: background .2s ease, padding .2s ease; }
.rules article:hover { background: #f0f6ff; padding-left: 14px; }
.rules article > span { color: #0000FF; }
.product { background: #fff; border-color: rgba(8,8,8,.22); }
.product:not(.featured):hover { background: #f0f6ff; transform: translateY(-4px); box-shadow: 7px 7px 0 #0000FF; }
.product { transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.product.featured { background: linear-gradient(145deg, #0000FF 0%, #0000FF 100%); border-color: #0000FF; box-shadow: 8px 8px 0 #080808; }
.product.featured h3 { color: #fff; }
.product.featured a { color: #b7e8ff; }
.applications .section-intro div > p { color: #080808; }
.partners { background: linear-gradient(135deg, #f3f8ff 0%, #e5f0ff 100%); border-top: 1px solid #c5dcff; border-bottom: 1px solid #c5dcff; }
.partners .section-number, .partner-services article > span { color: #0000FF; }
.partner-copy .lead { color: #0000FF; }
.partner-services article { border-color: #0000FF; }
.about h2 { color: #080808; }
.about h2::first-line { color: #0000FF; }
.header-cta:hover, .button-light:hover { background: var(--ink); color: var(--cream); }
.button-dark { background: #0000FF; box-shadow: 5px 5px 0 #080808; }
.button-dark:hover { transform: translate(-2px,-2px); box-shadow: 7px 7px 0 #080808; }
footer { background: #0000FF; }