@font-face{font-family:"Onest Fallback";src:local("Arial");size-adjust:96%;ascent-override:95%;descent-override:24%;line-gap-override:0%}
@font-face{font-family:"Golos Fallback";src:local("Arial");size-adjust:99%;ascent-override:96%;descent-override:25%;line-gap-override:0%}
/* SecuRV — design-system theme. Tokens + page classes. Self-contained; upload as-is. */
:root{
--core-900:#08151b;--core-800:#0d1f28;--core-700:#123039;--core-600:#1a4652;--core-500:#245d6c;--core-400:#3d7f8f;
--steel-0:#fff;--steel-50:#f5f7f7;--steel-100:#eaeeee;--steel-200:#d7dedf;--steel-300:#bcc7c9;--steel-400:#93a2a5;--steel-500:#6d7d80;
--signal-600:#d24a12;--signal-500:#f2600f;--signal-400:#ff7a33;--signal-100:#ffe9dd;
--online-500:#1fc184;--alert-500:#e23d3d;--watch-500:#e0a213;
--text-strong:var(--core-900);--text-body:#2b3b40;--text-muted:var(--steel-500);--text-faint:var(--steel-400);
--text-on-core:#eef4f5;--text-on-core-muted:#93a8ad;
--surface-page:var(--steel-50);--surface-card:#fff;--surface-sunken:var(--steel-100);--surface-core:var(--core-900);
--line-hairline:var(--steel-200);--line-strong:var(--steel-300);--line-on-core:#1c3742;
--font-display:"Onest","Onest Fallback",system-ui,sans-serif;--font-ui:"Golos Text","Golos Fallback",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;
--lh-body:1.6;--track-label:.14em;
--radius-md:6px;--radius-lg:10px;--radius-xl:16px;--radius-pill:999px;
--shadow-sm:0 1px 2px rgba(8,21,27,.06);--shadow-md:0 2px 6px rgba(8,21,27,.07),0 12px 24px -16px rgba(8,21,27,.18);
--shadow-signal:0 8px 24px -10px rgba(242,96,15,.55);--ring-focus:0 0 0 3px rgba(36,93,108,.28);
--core-rules:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px 120px);
--core-sheen:radial-gradient(120% 150% at 12% -20%,rgba(61,127,143,.30) 0%,rgba(61,127,143,.07) 38%,transparent 66%);
--ease:cubic-bezier(.2,.6,.25,1);--dur-fast:150ms;--dur-base:220ms;
--container:1240px;--gutter:clamp(20px,4vw,40px);
}
*{box-sizing:border-box}
@view-transition{navigation:auto}
html{overflow-y:scroll;scrollbar-gutter:stable}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-ui);font-size:16px;line-height:var(--lh-body);-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--core-600);text-decoration:none;transition:color var(--dur-fast) var(--ease)}
a:hover{color:var(--signal-500)}
::selection{background:var(--signal-100);color:var(--core-900)}
@keyframes ping{0%{transform:scale(1);opacity:.55}70%,100%{transform:scale(2.6);opacity:0}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.wrap{max-width:var(--container);margin:0 auto}
.band{padding:clamp(56px,9vw,112px) var(--gutter)}
.band--tight{padding:clamp(48px,7vw,72px) var(--gutter)}
.band--core{background:var(--surface-core);color:var(--text-on-core-muted)}
.rules{position:absolute;inset:0;background-image:var(--core-sheen),var(--core-rules);pointer-events:none}

/* type */
.eyebrow{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--signal-600);margin:0 0 16px}
.eyebrow--core{color:var(--signal-500)}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-strong);margin:0;letter-spacing:-.025em;line-height:1.14;font-weight:600}
.h1{font-size:clamp(36px,5.4vw,68px);font-weight:700;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}
.h2{font-size:clamp(28px,3.8vw,46px);font-weight:600;letter-spacing:-.03em;line-height:1.08;text-wrap:balance}
.h3{font-size:clamp(20px,2vw,26px)}
.h4{font-size:18px}
.on-core,.on-core h1,.on-core h2,.on-core h3,.on-core h4{color:var(--text-on-core)}
.lead{font-size:clamp(16px,1.3vw,19px);line-height:var(--lh-body);color:var(--text-muted);text-wrap:pretty;margin:0}
.lead--core{color:var(--text-on-core-muted)}
.muted{color:var(--text-muted)}
.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-faint)}
.num{font-family:var(--font-display);font-weight:600;letter-spacing:-.03em;line-height:1}

/* buttons — capsule, gradient, inner highlight */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 26px;flex:0 0 auto;border:1px solid transparent;border-radius:23px;font-family:var(--font-ui);font-size:15px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform 90ms var(--ease)}
.btn:active{transform:translateY(1px)}
.btn--primary{background:linear-gradient(180deg,#ff7a33 0,#f2600f 52%,#e0530a 100%);border-color:#d24a12;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(0,0,0,.12)}
.btn--primary:hover{background:linear-gradient(180deg,#ff8845 0,#f2600f 48%,#d24a12 100%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),var(--shadow-signal)}
.btn--core{background:linear-gradient(180deg,#1a3440 0,#0d1f28 62%,#08151b 100%);border-color:#08151b;color:var(--text-on-core);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.btn--core:hover{background:linear-gradient(180deg,#245d6c 0,#123039 62%,#0d1f28 100%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),var(--shadow-md)}
.btn--outline{background:var(--surface-card);border-color:var(--line-strong);color:var(--text-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.btn--outline:hover{border-color:var(--core-600);color:var(--core-700);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),var(--shadow-sm)}
.btn--onCore{background:rgba(255,255,255,.07);border-color:var(--line-on-core);color:var(--text-on-core);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.btn--onCore:hover{background:rgba(255,255,255,.14);border-color:var(--core-500);color:#fff}
.btn--sm{height:38px;padding:0 19px;border-radius:19px;font-size:14px}
.btn--full{width:100%}

/* nav */
.nav{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 var(--gutter);height:72px;background:rgba(8,21,27,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-on-core)}
.mark{display:inline-flex;align-items:center;gap:10px}
.mark__text{font-family:"Onest Fallback",system-ui,sans-serif;font-size:21px;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--text-on-core)}
.mark__text b{color:var(--signal-500);font-weight:700}
.mark--ink .mark__text{color:var(--text-strong)}
.nav__links{position:absolute;left:50%;top:0;transform:translateX(-50%);height:72px;display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.nav__link{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:var(--radius-pill);font-size:14px;font-weight:600;white-space:nowrap;color:var(--text-on-core-muted);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}
.nav__link:hover{background:rgba(255,255,255,.05);color:var(--text-on-core)}
.nav__link.is-active{background:rgba(255,255,255,.09);color:var(--text-on-core)}
.nav__right{display:flex;align-items:center;gap:12px}
.nav__phone{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:13.5px;font-weight:500;letter-spacing:-.01em;white-space:nowrap;color:var(--text-on-core)}
.nav__phone:hover{color:var(--signal-400)}
.nav__sep{width:1px;height:22px;background:var(--line-on-core)}
#nav-burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;background:rgba(255,255,255,.06);border:1px solid var(--line-on-core);border-radius:var(--radius-pill);cursor:pointer}
#nav-burger span{display:block;width:16px;height:1.5px;background:#fff}
#nav-mobile-menu{position:sticky;top:72px;z-index:59;display:none;flex-direction:column;background:var(--surface-core);border-bottom:1px solid var(--line-on-core);padding:12px var(--gutter) 22px}
#nav-mobile-menu a{font-size:17px;font-weight:600;color:var(--text-on-core-muted);padding:13px 2px;border-bottom:1px solid var(--line-on-core)}
#nav-mobile-menu a:hover{color:var(--text-on-core)}
#nav-mobile-menu .btn{margin-top:16px}
@media (max-width:1024px){#nav-links,.nav__sep,.nav__cta{display:none!important}#nav-burger{display:flex!important}#nav-mobile-menu.open{display:flex!important}}
@media (max-width:620px){.nav__phone span{display:none}}

/* hero */
.hero{position:relative;background:var(--surface-core);overflow:hidden;padding:clamp(56px,8vw,104px) var(--gutter) 0}
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;z-index:0}
.hero__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(102deg,#08151b 18%,rgba(8,21,27,.62) 56%,rgba(8,21,27,.28) 100%)}
.hero__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(32px,5vw,64px);align-items:end;padding-bottom:clamp(44px,6vw,68px)}
.pill{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:11px;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-on-core);padding:7px 14px;border:1px solid var(--line-on-core);border-radius:var(--radius-pill);background:rgba(255,255,255,.04);white-space:nowrap;max-width:100%;overflow:hidden}
.dot{position:relative;width:6px;height:6px;border-radius:50%;background:var(--online-500);display:inline-block;flex:0 0 auto}
.dot i{position:absolute;inset:0;border-radius:50%;background:var(--online-500);animation:ping 2.4s ease-out infinite}

/* stat list */
.statlist{display:flex;flex-direction:column;gap:1px;background:var(--line-on-core);border:1px solid var(--line-on-core);border-radius:var(--radius-xl);overflow:hidden}
.statlist>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:20px 24px;background:var(--core-800)}
.statlist>div:last-child{background:var(--core-700)}
.statlist .num{font-size:clamp(28px,3vw,40px);color:var(--text-on-core)}
.statlist .mono{color:var(--text-on-core-muted);text-align:right}

/* brand strip */
.brandstrip{background:var(--surface-core);border-top:1px solid var(--line-on-core);padding:0 var(--gutter)}
.brandstrip .wrap{display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 0}
.brandstrip .logos{display:flex;align-items:center;justify-content:flex-start;gap:clamp(16px,2.6vw,36px);flex-wrap:nowrap;width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.brandstrip .logos::-webkit-scrollbar{display:none}
.brandstrip img{flex:0 0 auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.5;transition:opacity var(--dur-base) var(--ease)}
.brandstrip img:hover{opacity:1}
@media (min-width:1300px){.brandstrip .logos{justify-content:center}}

/* rows */
.rows{border-top:1px solid var(--line-hairline)}
.srow{display:grid;grid-template-columns:56px minmax(0,1.05fr) minmax(0,1.45fr) 34px;gap:clamp(10px,3vw,44px);align-items:center;padding:clamp(22px,2.5vw,32px) 10px;border-bottom:1px solid var(--line-hairline);color:var(--text-strong);transition:background var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}
.srow:hover{background:var(--core-900);color:var(--text-on-core)}
.srow:hover .srow__n,.srow:hover .srow__d{color:var(--text-on-core-muted)}
.srow:hover .srow__a{color:var(--signal-500)}
.srow__n{font-family:var(--font-mono);font-size:12px;color:var(--text-faint)}
.srow__t{font-family:var(--font-display);font-size:clamp(19px,2vw,25px);font-weight:600;letter-spacing:-.025em}
.srow__d{font-size:15px;line-height:1.55;color:var(--text-muted)}
.srow__a{font-size:19px;text-align:right}
@media (max-width:960px){.srow{grid-template-columns:34px minmax(0,1fr) 30px;gap:8px 12px}.srow__d{grid-column:2/4}.srow__a{grid-row:1;grid-column:3}}

/* cards */
.grid{display:grid;gap:clamp(16px,1.8vw,20px)}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.grid--4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.card{background:var(--surface-card);border:1px solid var(--line-hairline);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}
.card--hover:hover{border-color:var(--steel-300);box-shadow:var(--shadow-md)}
.card__head{background:var(--surface-core);padding:26px 24px 24px;display:flex;align-items:baseline;gap:11px;flex-wrap:wrap}
.card__head .num{font-size:clamp(34px,3.6vw,48px);color:var(--text-on-core)}
.card__head .unit{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--signal-500);letter-spacing:-.02em}
.card__head .mono{flex-basis:100%;color:var(--text-on-core-muted);margin-top:9px}
.card__body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:11px;flex:1}
.card__tag{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--signal-600)}
.card--core{background:var(--core-800);border-color:var(--line-on-core);color:var(--text-on-core-muted)}
.card--signal{background:var(--signal-500);border-color:var(--signal-500);color:#fff}
.pad{padding:24px}
.tile{background:var(--surface-card);border:1px solid var(--line-hairline);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:9px}
.tile .num{font-size:32px;color:var(--text-strong)}
.tile small{font-size:14.5px;line-height:1.5;color:var(--text-muted)}
.tile--signal{background:var(--signal-500);border-color:var(--signal-500)}
.tile--signal .num{color:#fff}
.tile--signal small{color:rgba(255,255,255,.88)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--line-on-core);border:1px solid var(--line-on-core);border-radius:var(--radius-xl);overflow:hidden}
.steps>div{background:var(--core-800);padding:28px 24px 32px;display:flex;flex-direction:column;gap:12px}
.steps .num{font-size:32px;color:var(--signal-500)}
.steps h3{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-on-core)}
.steps p{margin:0;font-size:14.5px;line-height:1.55;color:var(--text-on-core-muted)}

/* callout */
.callout{position:relative;display:flex;gap:14px;align-items:flex-start;padding:16px 20px;background:var(--surface-card);border:1px solid var(--line-hairline);border-left:none;border-radius:var(--radius-lg);overflow:hidden}
.callout::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--watch-500)}
.callout strong{display:block;font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-strong)}
.callout span{font-size:14px;color:var(--text-muted)}

/* forms — dark card on graphite */
input,select,textarea{font-family:var(--font-ui)}
.field{display:flex;flex-direction:column;gap:7px}
.field label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-on-core-muted)}
.field input,.field select,.field textarea{width:100%;background:rgba(255,255,255,.06);border:1px solid var(--line-on-core);border-radius:var(--radius-md);padding:12px 14px;font-size:15px;color:#fff;outline:none;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}
.field textarea{min-height:110px;resize:vertical}
.field select{cursor:pointer;color:#fff}
.field select option{background:var(--core-900);color:#fff}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--core-500);background:rgba(255,255,255,.09);box-shadow:0 0 0 3px rgba(36,93,108,.35)}
.field input::placeholder,.field textarea::placeholder{color:var(--steel-500)}
.formcard{background:rgba(255,255,255,.04);border:1px solid var(--line-on-core);border-radius:var(--radius-xl);padding:clamp(24px,3vw,40px)}
.contactrow{display:flex;align-items:baseline;justify-content:space-between;gap:16px;background:rgba(255,255,255,.05);border:1px solid var(--line-on-core);border-radius:var(--radius-lg);padding:18px 22px;color:var(--text-on-core);font-style:normal;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}
a.contactrow:hover{background:rgba(255,255,255,.09);border-color:var(--core-500);color:#fff}
.contactrow .big{font-family:var(--font-display);font-size:clamp(19px,1.9vw,24px);font-weight:600;letter-spacing:-.025em}
.contactrow .mono{color:var(--text-on-core-muted)}

/* faq */
.faq{border-top:1px solid var(--line-hairline)}
.faq details{border-bottom:1px solid var(--line-hairline)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 4px;font-family:var(--font-display);font-size:clamp(16px,1.5vw,19px);font-weight:600;color:var(--text-strong);letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--font-mono);font-size:19px;color:var(--signal-500);flex:0 0 auto}
.faq details[open] summary::after{content:"–"}
.faq p{margin:0 0 22px;padding-right:44px;font-size:15.5px;line-height:1.65;color:var(--text-muted)}

/* footer */
.footer{border-top:1px solid var(--line-hairline);padding:clamp(36px,4vw,52px) var(--gutter)}
.footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.footer ul{display:flex;align-items:center;gap:clamp(14px,2vw,24px);list-style:none;margin:0;padding:0;flex-wrap:wrap}
.footer a{font-size:14px;color:var(--text-muted)}
.footer a:hover{color:var(--signal-500)}
.footer .mono{letter-spacing:.08em}
.section-head{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(20px,4vw,56px);align-items:end;margin-bottom:clamp(32px,4vw,52px)}
