/* Bizorex Security — accent layer over styles.css */
:root,
[data-theme="dark"] {
  --sec-accent: #2ec4b6;
  --sec-accent-deep: #1a9e92;
  --sec-accent-soft: rgba(46, 196, 182, 0.14);
  --sec-accent-line: rgba(46, 196, 182, 0.35);
  --sec-mono: "IBM Plex Mono", "Consolas", "Courier New", monospace;
  --sec-grid: rgba(46, 196, 182, 0.04);
}

[data-theme="light"] {
  --sec-accent: #0d9488;
  --sec-accent-deep: #0f766e;
  --sec-accent-soft: rgba(13, 148, 136, 0.1);
  --sec-accent-line: rgba(13, 148, 136, 0.3);
  --sec-grid: rgba(13, 148, 136, 0.05);
}

body.sec-body {
  background-image:
    linear-gradient(var(--sec-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--sec-grid) 1px, transparent 1px),
    radial-gradient(ellipse 50% 40% at 0% 0%, var(--sec-accent-soft), transparent 55%),
    radial-gradient(ellipse 40% 35% at 100% 0%, rgba(46, 196, 182, 0.06), transparent 50%);
  background-size: 48px 48px, 48px 48px, 100% 100%, 100% 100%;
  background-attachment: fixed;
}

.sec-body .section-kicker,
.sec-body .hero-kicker i,
.sec-body .dir-open,
.sec-body .nav a.is-active,
.sec-body .faq-item summary::after,
.sec-body .contact-rows a:hover,
.sec-body .breadcrumb a:hover {
  color: var(--sec-accent);
}

.sec-body .hero-hub h1 em,
.sec-body .hero-kicker i { background: var(--sec-accent); }
.sec-body .hero-hub h1 em { background: none; color: var(--sec-accent); }

.sec-body .btn-primary,
.sec-body .nav-cta,
.sec-body .float-cta {
  background: linear-gradient(118deg, var(--sec-accent-deep) 0%, var(--sec-accent) 55%, #3dd6c5 100%) !important;
  box-shadow: 0 10px 28px rgba(46, 196, 182, 0.28) !important;
}

.sec-body .dir-card:hover,
.sec-body .why-item:hover,
.sec-body .faq-item[open],
.sec-body .svc-panel:hover,
.sec-body .other-link:hover {
  border-color: var(--sec-accent-line);
}

.sec-body .theme-toggle:hover {
  border-color: var(--sec-accent);
  box-shadow: 0 0 0 3px var(--sec-accent-soft);
}

.sec-body .scroll-progress {
  background: linear-gradient(90deg, var(--sec-accent-deep), var(--sec-accent));
}

.sec-body .hero-hub::before {
  background: linear-gradient(90deg, transparent, var(--sec-accent-line), transparent);
}

.sec-body .about-points li::before,
.sec-body .float-cta-dot {
  background: var(--sec-accent);
}

.sec-mono {
  font-family: var(--sec-mono);
  font-size: var(--sec-text-label);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--sec-accent);
  font-weight: 500;
}

/* Brand wordmark */
.sec-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
}
.sec-brand img {
  width: 34px;
  height: 34px;
  border-radius: 9px;
}
.sec-brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}
.sec-brand-text strong {
  font-family: var(--font-brand);
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: -0.02em;
}
.sec-brand-text span {
  font-family: var(--sec-mono);
  font-size: var(--sec-text-meta);
  letter-spacing: 0.07em;
  color: var(--sec-accent);
  font-weight: 600;
}

/* Header extras */
.sec-header .header-inner { gap: 12px; }
.sec-nav-back {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--line);
  color: var(--muted);
  font-size: var(--sec-text-secondary);
  font-weight: 500;
  white-space: nowrap;
  transition: color 0.2s, border-color 0.2s, background 0.2s;
}
.sec-nav-back:hover {
  color: var(--ink);
  border-color: var(--sec-accent-line);
  background: var(--sec-accent-soft);
}

.sec-nav-cta-consult {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 999px;
  background: linear-gradient(118deg, var(--sec-accent-deep), var(--sec-accent));
  color: #fff !important;
  font-size: var(--sec-text-secondary);
  font-weight: 600;
  white-space: nowrap;
}
.sec-nav-cta-consult:hover { filter: brightness(1.08); }

/* Dropdowns */
.sec-dd {
  position: relative;
}
.sec-dd > button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 999px;
  border: none;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: var(--sec-text-secondary);
  font-weight: 500;
  cursor: pointer;
  transition: color 0.2s, background 0.2s;
}
.sec-dd > button:hover,
.sec-dd.is-open > button {
  color: var(--ink);
  background: color-mix(in srgb, var(--ink) 6%, transparent);
}
.sec-dd > button svg {
  width: 12px;
  height: 12px;
  opacity: 0.7;
  transition: transform 0.2s;
}
.sec-dd.is-open > button svg { transform: rotate(180deg); }
.sec-dd-panel {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 260px;
  padding: 8px;
  background: var(--bg-card);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
  z-index: 60;
}
.sec-dd.is-open .sec-dd-panel { display: grid; gap: 2px; }
.sec-dd-panel a {
  padding: 10px 12px !important;
  border-radius: var(--radius-sm) !important;
  color: var(--muted) !important;
  font-size: var(--sec-text-secondary) !important;
  font-weight: 500 !important;
  background: transparent !important;
}
.sec-dd-panel a:hover {
  color: var(--ink) !important;
  background: var(--sec-accent-soft) !important;
}
.sec-dd-panel a small {
  display: block;
  color: var(--muted-2);
  font-size: var(--sec-text-meta);
  font-weight: 400;
  margin-top: 2px;
}

/* Threat / protect grid */
.sec-threat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 12px;
}
.sec-threat {
  padding: 20px;
  background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  transition: border-color 0.25s;
}
.sec-threat:hover { border-color: var(--sec-accent-line); }
.sec-threat .sec-ico {
  width: 36px;
  height: 36px;
  margin-bottom: 12px;
  color: var(--sec-accent);
}
.sec-threat h3 {
  font-family: var(--font-display);
  font-size: 1.02rem;
  margin: 0 0 8px;
  letter-spacing: -0.02em;
}
.sec-threat p {
  margin: 0;
  color: var(--muted);
  font-size: var(--sec-text-body);
}

/* Service / product cards */
.sec-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
}
.sec-card {
  display: flex;
  flex-direction: column;
  padding: 22px;
  background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  transition: transform 0.3s var(--ease), border-color 0.3s, box-shadow 0.3s;
  text-decoration: none;
  color: inherit;
}
.sec-card:hover {
  transform: translateY(-3px);
  border-color: var(--sec-accent-line);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);
}
.sec-card .sec-mono { margin-bottom: 10px; }
.sec-card h3 {
  font-family: var(--font-display);
  font-size: 1.15rem;
  margin: 0 0 10px;
  letter-spacing: -0.022em;
}
.sec-card p {
  margin: 0 0 16px;
  color: var(--muted);
  font-size: var(--sec-text-body);
  flex: 1;
}
.sec-card-link {
  font-weight: 600;
  font-size: var(--sec-text-secondary);
  color: var(--sec-accent);
}

/* Product blocks */
.sec-prod-split {
  display: grid;
  gap: 28px;
}
@media (min-width: 800px) {
  .sec-prod-split { grid-template-columns: 1fr 1fr; }
}
.sec-prod-block h3 {
  font-family: var(--font-display);
  font-size: 1.2rem;
  margin: 0 0 14px;
}
.sec-flag-grid {
  display: grid;
  gap: 10px;
}
.sec-flag {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px;
  background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  text-decoration: none;
  color: inherit;
  transition: border-color 0.25s;
}
.sec-flag:hover { border-color: var(--sec-accent-line); }
.sec-flag-ico {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: var(--sec-accent-soft);
  color: var(--sec-accent);
  border: 1px solid var(--sec-accent-line);
}
.sec-flag strong {
  display: block;
  font-size: 0.95rem;
  margin-bottom: 2px;
}
.sec-flag span {
  color: var(--muted);
  font-size: var(--sec-text-secondary);
}

/* Banner on main site */
.sec-banner {
  margin: 0;
  padding: clamp(20px, 4vw, 32px) 0;
  border-bottom: 1px solid var(--line);
}
.sec-banner-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: clamp(22px, 3vw, 32px);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(135deg, rgba(46, 196, 182, 0.1) 0%, transparent 50%),
    var(--bg-card);
  border: 1px solid var(--sec-accent-line);
  position: relative;
  overflow: hidden;
}
.sec-banner-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(46, 196, 182, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(46, 196, 182, 0.06) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events: none;
  opacity: 0.5;
}
.sec-banner-copy {
  position: relative;
  z-index: 1;
  max-width: 52ch;
}
.sec-banner-copy .sec-mono { margin: 0 0 8px; }
.sec-banner-copy h2 {
  font-family: var(--font-display);
  font-size: clamp(1.2rem, 2.4vw, 1.55rem);
  margin: 0 0 8px;
  letter-spacing: -0.028em;
}
.sec-banner-copy p {
  margin: 0;
  color: var(--muted);
  font-size: var(--sec-text-body);
}
.sec-banner-actions {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.btn-sec {
  background: linear-gradient(118deg, #1a9e92, #2ec4b6) !important;
  color: #fff !important;
  box-shadow: 0 10px 28px rgba(46, 196, 182, 0.3) !important;
}

.nav-sec {
  color: #2ec4b6 !important;
  font-weight: 650 !important;
}
[data-theme="light"] .nav-sec { color: #0d9488 !important; }
.nav-sec:hover {
  background: rgba(46, 196, 182, 0.12) !important;
}

/* Status badges */
.sec-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-family: var(--sec-mono);
  font-size: var(--sec-text-meta);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.sec-badge-soon {
  background: rgba(255, 180, 60, 0.12);
  color: #e8a838;
  border: 1px solid rgba(255, 180, 60, 0.3);
}
.sec-badge-ok {
  background: var(--sec-accent-soft);
  color: var(--sec-accent);
  border: 1px solid var(--sec-accent-line);
}
.sec-badge-order {
  background: rgba(91, 140, 255, 0.12);
  color: #7ba3ff;
  border: 1px solid rgba(91, 140, 255, 0.28);
}
.sec-badge-warn {
  background: rgba(255, 120, 80, 0.1);
  color: #ff9060;
  border: 1px solid rgba(255, 120, 80, 0.28);
}

.sec-note {
  margin: 16px 0 0;
  padding: 12px 14px;
  border-radius: var(--radius-sm);
  background: var(--sec-accent-soft);
  border: 1px solid var(--sec-accent-line);
  font-size: var(--sec-text-secondary);
  color: var(--ink);
}
.sec-note-warn {
  background: rgba(255, 120, 80, 0.08);
  border-color: rgba(255, 120, 80, 0.28);
}

.sec-price {
  font-family: var(--font-display);
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  margin: 0 0 4px;
}
.sec-price span {
  font-size: var(--sec-text-meta);
  font-weight: 500;
  color: var(--muted);
  font-family: var(--font-body);
}

/* Principles list */
.sec-principles {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}
.sec-principles li {
  display: flex;
  gap: 14px;
  padding: 16px 18px;
  background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}
.sec-principles .sec-mono {
  flex-shrink: 0;
  margin-top: 2px;
}
.sec-principles strong {
  display: block;
  margin-bottom: 4px;
  font-size: 0.98rem;
}
.sec-principles p {
  margin: 0;
  color: var(--muted);
  font-size: var(--sec-text-body);
}

/* Feature grid for products */
.sec-feat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
}
.sec-feat {
  padding: 18px;
  background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}
.sec-feat h3 {
  font-size: 0.98rem;
  margin: 0 0 6px;
  font-family: var(--font-display);
}
.sec-feat p {
  margin: 0;
  color: var(--muted);
  font-size: var(--sec-text-body);
}

.sec-schematic {
  padding: 28px;
  background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  font-family: var(--sec-mono);
  font-size: var(--sec-text-secondary);
  color: var(--muted);
  line-height: 1.8;
  overflow-x: auto;
  white-space: pre;
}
.sec-schematic .hl { color: var(--sec-accent); }

/* Audience chips */
.sec-audience {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 0;
}
.sec-audience span {
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--ink) 4%, transparent);
  font-size: var(--sec-text-secondary);
  color: var(--muted);
}

/* Form select */
.form-group select {
  padding: 12px 14px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line-strong);
  background: var(--bg-elev);
  color: var(--ink);
  font-size: 0.95rem;
  outline: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a8a8b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 36px;
}
.form-group select:focus {
  border-color: var(--sec-accent);
  box-shadow: 0 0 0 3px var(--sec-accent-soft);
}

.sec-channels {
  display: grid;
  gap: 8px;
  margin-top: 18px;
}
.sec-channels a {
  display: flex;
  justify-content: space-between;
  padding: 12px 14px;
  background: var(--bg-elev);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  font-size: var(--sec-text-secondary);
  font-weight: 500;
  transition: border-color 0.2s;
}
.sec-channels a:hover { border-color: var(--sec-accent-line); }
.sec-channels a span { color: var(--muted-2); font-weight: 400; font-size: var(--sec-text-secondary); }

/* Mobile nav for security */
@media (max-width: 860px) {
  .sec-dd-panel {
    position: static;
    box-shadow: none;
    border: none;
    background: transparent;
    padding: 0 0 0 12px;
    min-width: 0;
  }
  .sec-dd.is-open .sec-dd-panel { display: grid; }
  .sec-nav-back { display: none; }
  .sec-header .sec-nav-cta-consult { display: none; }
  .sec-dd > button {
    width: 100%;
    justify-content: space-between;
    padding: 13px 14px;
    border-radius: var(--radius-sm);
  }
}

.sec-footer-note {
  width: 100%;
  margin-top: 8px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
  color: var(--muted-2);
  font-size: var(--sec-text-meta);
}
.sec-footer-note a { color: var(--sec-accent); font-weight: 500; }

/* Catalog hierarchy */
.sec-cat {
  margin-bottom: 36px;
}
.sec-cat-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 16px;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
}
.sec-cat-head h2 {
  font-family: var(--font-display);
  font-size: 1.25rem;
  margin: 0;
  letter-spacing: -0.02em;
}
.sec-cat-head p {
  margin: 0;
  color: var(--muted);
  font-size: var(--sec-text-body);
}
.sec-subgrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px;
  margin-top: 10px;
}
.sec-sub {
  padding: 14px 16px;
  background: var(--bg-elev);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  font-size: var(--sec-text-secondary);
}
.sec-sub strong {
  display: block;
  margin-bottom: 4px;
  font-size: var(--sec-text-secondary);
}
.sec-sub span {
  color: var(--muted);
  font-size: var(--sec-text-secondary);
}

/* ================================================================
   BIZOREX SECURITY — premium experience / 2026
   Additive, scoped layer. Main Bizorex pages are intentionally untouched.
   ================================================================ */
.sec-premium {
  --font-brand: "Geologica", system-ui, sans-serif;
  --sec-mono: "IBM Plex Mono", Consolas, monospace;
  --max: 1240px;
  --header-h: 80px;
  --bg: #080e12;
  --bg-elev: #0e181e;
  --product-surface: #e0e8e3; /* Neutral studio stage: transparent dark hardware stays legible. */
  --bg-card: #101a20;
  --bg-card-2: #142129;
  --ink: #edf4f2;
  --muted: #a1b2b8;
  --muted-2: #89a0a9;
  --line: rgba(159,193,201,.13);
  --line-strong: rgba(159,193,201,.23);
  --sec-accent: #82e6cf;
  --sec-accent-deep: #62cdb9;
  --sec-accent-soft: rgba(130,230,207,.065);
  --sec-accent-line: rgba(130,230,207,.3);
  --header-bg: rgba(8,14,18,.88);
  --nav-mobile-bg: #0d171d;
  --radius: 14px;
  --radius-lg: 22px;
  background: var(--bg);
  line-height: 1.65;
  letter-spacing: -.015em;
}
[data-theme="light"] .sec-premium {
  --bg:#f4f7f5;--bg-elev:#eaf0ed;--product-surface:#eaf0ed;--bg-card:#fff;--bg-card-2:#f0f5f2;
  --ink:#142b2b;--muted:#4e6566;--muted-2:#536e70;
  --line:rgba(20,60,55,.14);--line-strong:rgba(20,60,55,.25);
  --sec-accent:#086e5d;--sec-accent-deep:#086e5d;--sec-accent-soft:rgba(8,110,93,.065);
  --sec-accent-line:rgba(8,110,93,.3);--header-bg:rgba(244,247,245,.9);--nav-mobile-bg:#f4f7f5;
}
.sec-premium ::selection{background:var(--sec-accent);color:var(--bg)}
.sec-premium a:focus-visible,.sec-premium button:focus-visible,.sec-premium summary:focus-visible,.sec-premium input:focus-visible,.sec-premium textarea:focus-visible,.sec-premium select:focus-visible{outline:2px solid var(--sec-accent);outline-offset:5px}
.sec-premium .skip-link{position:fixed;z-index:100;left:20px;top:-100px;padding:12px 20px;background:var(--sec-accent);color:var(--bg)}
.sec-premium .skip-link:focus{top:12px}
.sec-premium .sec-header{border-bottom:1px solid var(--line)}
.sec-premium .sec-brand{gap:12px;flex-shrink:0}
.sec-premium .sec-brand img{width:39px;height:39px;object-fit:contain;border-radius:0}
.sec-premium .sec-brand-text strong{font-size:1.14rem;letter-spacing:-.06em;font-weight:700}
.sec-premium .sec-brand-text span{font-size:var(--sec-text-meta);letter-spacing:0.07em;margin-top:5px}
.sec-premium .sec-header .nav{gap:0}
.sec-premium .nav a,.sec-premium .sec-dd>button{font-size:var(--sec-text-secondary);padding:10px 11px}
.sec-premium .sec-nav-back{font-size:var(--sec-text-secondary)!important;border-radius:7px;margin-inline:5px 9px}
.sec-premium .sec-nav-cta-consult{border:1px solid var(--sec-accent-line);border-radius:7px!important;background:var(--sec-accent-soft);color:var(--sec-accent)!important}
.sec-premium .theme-toggle{border-radius:9px;background:transparent;min-width:42px;height:40px;box-shadow:none}
.sec-premium .theme-label{display:none}
.sec-premium .sec-dd-panel{min-width:300px;border-radius:13px;background:var(--bg-card);padding:9px}
.sec-premium .sec-dd-panel a{border-radius:7px!important;padding:12px!important}
.sec-premium .section{padding-block:92px}
.sec-premium .section-head{max-width:740px;margin-bottom:36px}
.sec-premium .section-head-center{margin-inline:auto}
.sec-premium .section-kicker,.sec-premium .hero-kicker,.sec-premium .sec-mono{font-family:var(--sec-mono);font-size:var(--sec-text-label);letter-spacing:0.07em;text-transform:uppercase;font-weight:500;color:var(--sec-accent)}
.sec-premium .section-kicker{display:flex;gap:10px;align-items:center;margin:0 0 18px}
.sec-premium .section-kicker::before{content:"";width:20px;height:1px;background:var(--sec-accent)}
.sec-premium h1,.sec-premium h2,.sec-premium h3{font-weight:500;letter-spacing:-.05em;line-height:1.15}
.sec-premium h2{font-size:clamp(1.85rem,3.5vw,2.85rem);margin:0 0 18px}
.sec-premium .section-head>p:last-child{font-size:var(--sec-text-body);max-width:58ch;color:var(--muted)}
.sec-premium em{font-style:normal;color:var(--sec-accent)}
.sec-premium .btn{border-radius:8px;padding:15px 23px;font-weight:600;font-size:var(--sec-text-secondary);gap:14px;min-height:48px}
.sec-premium .btn-primary{background:var(--sec-accent)!important;color:#07231f!important;box-shadow:0 4px 22px rgba(90,210,179,.1)!important;border:1px solid transparent}
[data-theme="light"] .sec-premium .btn-primary{color:#fff!important}
.sec-premium .btn-primary:hover{box-shadow:0 4px 32px rgba(90,210,179,.2)!important;filter:brightness(1.08)}
.sec-premium .btn-ghost{background:transparent;border-color:var(--line-strong)}
.sec-premium .hero-actions{gap:12px;display:flex;flex-wrap:wrap;margin-top:30px;margin-bottom:0}
.sec-premium .hero-lead{font-size:var(--sec-text-body);line-height:1.85;max-width:54ch;color:var(--muted);margin:22px 0 0}
.sec-premium .hero-lead strong{font-weight:500;color:var(--ink)}
.sec-premium .hero-kicker{display:flex;align-items:center;gap:10px;margin:0 0 24px}
.sec-premium .hero-kicker i,.live-dot{display:inline-block;width:6px;height:6px;background:var(--sec-accent);border-radius:50%;box-shadow:0 0 14px var(--sec-accent-soft);flex-shrink:0}
.sec-premium .security-home-hero{padding:0;overflow:hidden;position:relative;background:radial-gradient(ellipse 45% 70% at 80% 35%,rgba(60,140,126,.09),transparent)}
.security-hero-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:38px;position:relative;z-index:1;padding-block:76px 68px}
.sec-premium .hero-hub h1{font-size:clamp(3rem,5.35vw,4.8rem);line-height:1.07;letter-spacing:-.065em;max-width:none;margin:0;font-weight:500}
.sec-premium .security-home-hero .hero-lead{font-size:var(--sec-text-body);max-width:51ch}
.sec-premium .hero-hub h1 em{color:var(--sec-accent)}
#securityParticles{position:absolute;inset:0;width:100%;height:100%;opacity:.4;pointer-events:none}
.hero-bottom-rail{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:18px;padding-block:22px;border-top:1px solid var(--line);font-family:var(--sec-mono);font-size:var(--sec-text-secondary);letter-spacing:0.07em;color:var(--muted)}
.hero-bottom-rail>span:first-child{color:var(--sec-accent);display:flex;align-items:center;gap:8px}
.hero-bottom-rail>a{color:var(--ink)}
/* Sculptural security architecture: no external animation library. */
.security-visual{position:relative;width:100%;min-width:0;isolation:isolate}
.visual-top,.visual-bottom{font:500 var(--sec-text-label)/1.7 var(--sec-mono);letter-spacing:0.07em;color:var(--muted);display:flex;gap:9px;align-items:center;justify-content:space-between}
.visual-top{border-bottom:1px solid var(--line);padding:12px 0}
.visual-top>.live-dot{margin-right:-4px}.visual-top>span:last-child{margin-left:auto}
.visual-bottom{border-top:1px solid var(--line);padding-top:15px;gap:10px;font-size:var(--sec-text-label)}
.visual-bottom>span:first-child{color:var(--sec-accent)}
.orbit-stage{height:410px;position:relative;perspective:800px;background:radial-gradient(ellipse at center,rgba(103,223,198,.1),transparent 64%)}
.orbit{position:absolute;inset:50%;width:325px;height:325px;margin:-162.5px;border-radius:50%;border:1px solid var(--sec-accent-line)}
.orbit::before,.orbit::after{content:"";position:absolute;inset:14px;border-radius:50%;border:1px dashed var(--line-strong)}
.orbit::after{inset:-20px;border:1px solid var(--line)}
.orbit-a{animation:orbit-spin 60s linear infinite}
.orbit-a::before{border:1px dashed var(--sec-accent-line)}
.orbit-a::after{content:"";inset:50%;width:7px;height:7px;background:var(--sec-accent);margin-top:-165px;box-shadow:0 0 20px var(--sec-accent)}
.orbit-b{width:235px;height:235px;margin:-117.5px;transform:rotateX(62deg) rotateZ(-28deg);border-color:var(--sec-accent);box-shadow:0 0 25px rgba(100,210,185,.07)}
.orbit-c{width:235px;height:235px;margin:-117.5px;transform:rotateY(62deg) rotateZ(28deg)}
.orbit-cross{position:absolute;inset:15% 8%;background:linear-gradient(transparent calc(50% - .5px),var(--line) 50%,transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px),var(--line) 50%,transparent calc(50% + .5px));opacity:.7}
.orbit-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130px;height:146px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--sec-accent);background:radial-gradient(ellipse,rgba(16,50,48,.75),transparent 75%)}
.orbit-core svg{width:73px;height:85px;filter:drop-shadow(0 0 12px rgba(120,240,210,.22))}
.orbit-core>span{font:500 var(--sec-text-label) var(--sec-mono);letter-spacing:0.07em;margin-top:10px;white-space:nowrap}
.orbit-label{position:absolute;padding:10px 14px;border:1px solid var(--line-strong);background:var(--header-bg);backdrop-filter:blur(8px);border-radius:8px;font-size:var(--sec-text-label);box-shadow:0 10px 30px rgba(0,0,0,.08);min-width:130px;animation:float 7s ease-in-out infinite}
.orbit-label i{display:inline-block;width:4px;height:4px;background:var(--sec-accent);border-radius:50%;margin-right:6px}
.orbit-label small{display:block;font:400 var(--sec-text-label) var(--sec-mono);letter-spacing:0.07em;color:var(--muted);margin:5px 0 0 13px}
.ol-one{top:58px;left:7px}.ol-two{right:0;top:176px;animation-delay:-2s}.ol-three{bottom:45px;left:27px;animation-delay:-4s}
.orbit-coordinate{position:absolute;font:400 var(--sec-text-label) var(--sec-mono);letter-spacing:0.07em;color:var(--muted-2)}
.oc-one{right:22px;top:44px}.oc-two{right:20px;bottom:42px}
[data-theme="light"] .orbit-core{background:radial-gradient(ellipse,rgba(195,230,216,.8),transparent 75%)}
@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-7px)}}
/* Quiet technology rail and in-page navigation. */
.tech-strip{border-block:1px solid var(--line);background:var(--bg-elev)}
.tech-inner{display:flex;align-items:center;gap:50px;padding-block:24px}
.tech-inner>span{font:500 var(--sec-text-label)/1.7 var(--sec-mono);letter-spacing:0.07em;color:var(--muted);white-space:nowrap;flex-shrink:0}
.tech-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);flex:1}
.tech-marquee>div{display:flex;align-items:center;gap:30px;width:max-content;white-space:nowrap;font-size:1.1rem;color:var(--muted);font-weight:500;letter-spacing:-.04em;animation:marquee 42s linear infinite}
.tech-marquee span{display:contents}.tech-marquee i{color:var(--sec-accent);font-size:var(--sec-text-secondary);font-style:normal}
.tech-strip:hover .tech-marquee>div{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}
.section-nav{position:sticky;top:var(--header-h);z-index:35;background:var(--header-bg);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.section-nav>.container{display:flex;gap:30px;align-items:center;padding-block:17px;font-size:var(--sec-text-secondary);white-space:nowrap}
.section-nav a{color:var(--muted)}.section-nav a:hover,.section-nav a.is-active{color:var(--sec-accent)}
.section-nav a:last-child{margin-left:auto;color:var(--sec-accent)}
.sec-premium section[id]{scroll-margin-top:140px}
/* Editorial sections and bento surfaces. */
.sec-premium #threats .sec-threat-grid{grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:14px;overflow:hidden}
.sec-premium .sec-threat{padding:30px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:transparent;position:relative}
.sec-premium .sec-threat .sec-ico{width:26px;height:26px;margin-bottom:27px}
.sec-premium .sec-threat h3{font-size:1.02rem;margin-bottom:10px;font-weight:500;letter-spacing:-.03em}
.sec-premium .sec-threat p{font-size:var(--sec-text-body);line-height:1.7;max-width:35ch}
.sec-premium #services{border-bottom:1px solid var(--line)}
.section-index{display:flex;align-items:center;gap:18px;position:absolute;right:0;bottom:0;color:var(--sec-accent)}
.section-index>strong{font:400 4.3rem/1 var(--font-display);letter-spacing:-.07em}
.section-index>span{font:400 var(--sec-text-label)/1.9 var(--sec-mono);color:var(--muted)}
.sec-premium #services .section-head{position:relative;max-width:none;padding-right:260px}
.sec-premium #services .sec-card-grid{grid-template-columns:repeat(4,1fr);gap:12px}
.sec-premium .sec-card{border-radius:var(--radius);padding:27px;background:linear-gradient(145deg,var(--bg-card-2),var(--bg-card));position:relative;overflow:hidden;min-width:0;transition:border-color .3s,transform .4s var(--ease),box-shadow .3s}
.sec-premium .sec-card::after{content:"";position:absolute;right:24px;top:26px;width:5px;height:5px;border-top:1px solid var(--muted-2);border-right:1px solid var(--muted-2);pointer-events:none}
.sec-premium .sec-card:hover{border-color:var(--sec-accent-line);box-shadow:0 20px 50px rgba(0,0,0,.12);transform:translateY(-5px)}
.sec-premium .sec-card .sec-mono{font-size:var(--sec-text-label);margin-bottom:42px;color:var(--sec-accent)}
.sec-premium .sec-card h3{font-size:1.2rem;line-height:1.3;letter-spacing:-.04em;font-weight:500;margin:0 0 14px}
.sec-premium .sec-card p{font-size:var(--sec-text-body);line-height:1.8;margin-bottom:24px}
.sec-premium .sec-card-link{display:flex;justify-content:space-between;font-size:var(--sec-text-secondary);padding-top:20px;border-top:1px solid var(--line);margin-top:auto;font-weight:500}
.sec-premium [data-glow]{background-image:radial-gradient(380px circle at var(--mx,-400px) var(--my,-400px),var(--sec-accent-soft),transparent 70%),linear-gradient(145deg,var(--bg-card-2),var(--bg-card))}
.sec-premium .sec-flag{padding:18px 20px;border-radius:10px;background:transparent;align-items:center}
.sec-premium .sec-flag strong{font-weight:500;font-size:var(--sec-text-secondary)}.sec-premium .sec-flag span{font-size:var(--sec-text-secondary)}
.sec-premium .sec-flag-ico{width:42px;height:42px;border-radius:9px}
.sec-premium .sec-prod-split{gap:30px}.sec-premium .sec-prod-block h3{font-size:1rem;letter-spacing:-.02em;margin-bottom:18px}
.featured-product{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-elev);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin:0 0 48px;min-height:420px}
.featured-product-image{position:relative;background:#e7e9ed;overflow:hidden;min-height:320px;display:flex;align-items:center}
.featured-product-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.featured-product:hover .featured-product-image img{transform:scale(1.045)}
.image-caption{font:500 var(--sec-text-label) var(--sec-mono);letter-spacing:0.07em;position:absolute;left:22px;bottom:20px;z-index:1;background:rgba(8,18,22,.82);color:#cde1dc;padding:8px 10px;border-radius:5px}
.featured-product-copy{padding:44px;align-self:center}
.featured-product-copy h3,.software-preview h3{font-size:clamp(1.6rem,2.6vw,2.15rem);line-height:1.2;margin:18px 0 20px;font-weight:500;letter-spacing:-.05em}
.featured-product-copy>p:not(.sec-mono),.software-preview>div>p:not(.sec-mono){color:var(--muted);font-size:.9rem;max-width:44ch;line-height:1.85}
.featured-product-copy .sec-audience{margin-bottom:25px}
.featured-product-copy>small{display:block;color:var(--muted);font-size:var(--sec-text-meta);line-height:1.8;margin-top:20px;max-width:52ch}
.sec-premium .sec-audience>span{font-size:var(--sec-text-secondary);padding:6px 9px;border-radius:5px}
.software-preview{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:74px;align-items:center}
/* Honest interactive console and software UI concepts. */
.console-demo,.software-ui{background:var(--bg-card);border:1px solid var(--line-strong);border-radius:13px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.18);width:100%;min-width:0;text-align:left;font:400 var(--sec-text-label)/1.8 var(--sec-mono)}
.console-top{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:var(--sec-text-label);letter-spacing:0.03em;color:var(--muted);background:var(--bg-elev)}
.console-dots{font-size:var(--sec-text-label);letter-spacing:2px;color:var(--muted-2);white-space:nowrap}.demo-label{font-size:var(--sec-text-label);letter-spacing:0.07em;margin-left:auto;border:1px solid var(--line-strong);padding:2px 5px;border-radius:4px}
.console-body,.ui-inner{padding:24px}
.console-prompt{color:var(--sec-accent);font-size:var(--sec-text-secondary);margin:0 0 22px}
.route-nodes{display:flex;align-items:center;justify-content:space-between;font-size:var(--sec-text-label);gap:6px;color:var(--muted)}
.route-nodes>span{border:1px solid var(--line-strong);padding:7px 9px;border-radius:5px}.route-nodes>b{color:var(--sec-accent);font-weight:400}
.console-state{display:flex;align-items:center;gap:9px;margin:24px 0 15px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.console-state strong{font-size:var(--sec-text-secondary);font-weight:500;color:var(--ink)}.console-state>span:last-child{margin-left:auto;color:var(--sec-accent);font-size:var(--sec-text-secondary)}
.console-rows p{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:8px 0;color:var(--muted);font-size:var(--sec-text-body)}.console-rows b{font-weight:400;color:var(--sec-accent);text-align:right;max-width:68%}
.console-demo.is-blocked .console-state>span:last-child,.console-demo.is-blocked [data-route-status]{color:#ffb69a}.console-demo.is-blocked .console-state>.live-dot{background:#ffb69a}
.console-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 12px}
.console-buttons button,.ui-action,.module-tabs button,.event-filters button{font:500 var(--sec-text-label) var(--sec-mono);cursor:pointer;border:1px solid var(--line-strong);border-radius:5px;background:var(--bg-elev);color:var(--muted);padding:10px 12px;min-height:36px;transition:background .2s,border-color .2s}
.console-buttons button:hover,.ui-action:hover,.module-tabs button:hover,.event-filters button:hover{border-color:var(--sec-accent-line);color:var(--sec-accent)}
.sec-premium .demo-disclaimer{font:400 var(--sec-text-secondary)/1.8 var(--font-body);color:var(--muted);margin:16px 0 0;letter-spacing:0}
.ui-title>span{font:400 var(--sec-text-label) var(--sec-mono);letter-spacing:0.07em;color:var(--sec-accent)}
.ui-title>strong{display:block;font:500 1.45rem/1.3 var(--font-display);letter-spacing:-.05em;margin:12px 0 25px}
.ui-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ui-stats>div{padding:10px 12px;border:1px solid var(--line);border-radius:6px}.ui-stats small{color:var(--muted);font-size:var(--sec-text-meta);display:block;letter-spacing:0.07em}.ui-stats b{font:400 1.5rem var(--font-display);color:var(--ink);display:block;margin-top:5px}
.traffic-chart{height:90px;display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid var(--line);margin:20px 0;background:repeating-linear-gradient(0deg,transparent,transparent 21px,var(--line) 22px,transparent 23px)}
.traffic-chart>i{height:var(--bar);flex:1;background:linear-gradient(to top,var(--sec-accent-soft),var(--sec-accent));opacity:.65;border-radius:2px 2px 0 0}
.event-filters,.module-tabs{display:flex;gap:5px;margin:20px 0 12px;flex-wrap:wrap}.module-tabs button{flex:1;font-size:var(--sec-text-secondary)}.event-filters button{font-size:var(--sec-text-secondary);padding:7px 10px}.event-filters .is-active,.module-tabs .is-active{color:var(--sec-accent);border-color:var(--sec-accent-line);background:var(--sec-accent-soft)}
.ui-log>span{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:10px 0;font-size:var(--sec-text-secondary);color:var(--muted)}
.ui-log>span:last-child{border-bottom:0}.ui-log b{font-size:var(--sec-text-secondary);font-weight:400;color:var(--sec-accent);margin-left:auto}.alert-dot{width:6px;height:6px;border-radius:50%;background:#f0b48e;display:inline-block;flex-shrink:0}
.ui-log [hidden]{display:none}.forensic-file{display:flex;align-items:center;gap:20px;padding:24px 10px;min-height:125px}.forensic-file svg{width:50px;height:55px;color:var(--sec-accent);flex-shrink:0}.forensic-file small{font-size:var(--sec-text-meta);letter-spacing:0.07em;color:var(--muted)}.forensic-file strong{display:block;color:var(--sec-accent);font-size:var(--sec-text-secondary);margin:8px 0}.forensic-file div>span{font-size:var(--sec-text-secondary);color:var(--muted)}
.analyzer-ring{width:175px;height:175px;border:1px solid var(--sec-accent-line);outline:1px dashed var(--line-strong);outline-offset:12px;margin:35px auto;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 50px var(--sec-accent-soft);text-align:center;color:var(--muted);font-size:var(--sec-text-secondary);letter-spacing:0.07em}.analyzer-ring b{font-size:var(--sec-text-secondary);font-weight:500;color:var(--sec-accent)}.ui-action{width:100%;color:var(--sec-accent)}
/* Matching tool, not a browser scanner. */
.security-check{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;border:1px solid var(--sec-accent-line);border-radius:20px;padding:50px;background:radial-gradient(ellipse at 0 0,var(--sec-accent-soft),transparent 70%),var(--bg-elev)}
.security-check h2{margin:20px 0}.security-check>div>p:not(.sec-mono):not(.check-question){font-size:.87rem;color:var(--muted);max-width:40ch}
.check-privacy{font:400 var(--sec-text-label)/1.8 var(--sec-mono);color:var(--muted);display:flex;align-items:center;gap:8px;margin-top:24px}
.check-question{font-size:var(--sec-text-secondary);color:var(--ink);margin:0 0 17px}.check-options{display:grid;gap:8px}.check-options button{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;text-align:left;background:var(--bg-card);border:1px solid var(--line-strong);border-radius:8px;padding:15px 18px;font:400 var(--sec-text-secondary) var(--font-body);color:var(--muted);cursor:pointer;transition:border-color .2s,background .2s}.check-options button>span{color:var(--sec-accent)}.check-options button:hover,.check-options button.is-active{border-color:var(--sec-accent-line);color:var(--ink);background:var(--sec-accent-soft)}
.check-result{border-top:1px solid var(--sec-accent-line);margin-top:20px;padding-top:20px}.check-result strong{font-size:1.1rem;font-weight:500;color:var(--sec-accent)}.check-result p{font-size:var(--sec-text-body);color:var(--muted)}.check-result a{font-size:var(--sec-text-secondary);color:var(--sec-accent)}
/* Process, principles, FAQ and contacts. */
.sec-premium .process{background:var(--bg-elev);border-block:1px solid var(--line)}
.sec-premium .timeline{gap:0;grid-template-columns:repeat(3,1fr)}
.sec-premium .timeline-item{padding:26px;border-radius:0;border:0;border-top:1px solid var(--line);background:none;box-shadow:none}
.sec-premium .timeline-item>span{background:transparent;color:var(--sec-accent);border:1px solid var(--line-strong);border-radius:7px;font:400 var(--sec-text-label) var(--sec-mono);width:34px;height:34px;margin-bottom:24px;display:grid;place-items:center}
.sec-premium .timeline-item h3{font-size:1rem;font-weight:500;margin:0 0 10px;letter-spacing:-.03em}.sec-premium .timeline-item p{font-size:var(--sec-text-body);color:var(--muted)}
.sec-premium .why-grid{gap:12px}.sec-premium .why-item{padding:26px;border-radius:12px;background:var(--bg-card);box-shadow:none}.sec-premium .why-item::before{background:var(--sec-accent)}.sec-premium .why-item h3{font-size:1rem;font-weight:500;margin-bottom:12px;letter-spacing:-.03em}.sec-premium .why-item p{font-size:var(--sec-text-body);line-height:1.8}
.sec-premium .sec-principles{gap:0;border-top:1px solid var(--line)}.sec-premium .sec-principles li{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:24px 10px;gap:35px}.sec-premium .sec-principles strong{font-size:1rem;font-weight:500;margin-bottom:9px;letter-spacing:-.03em}.sec-premium .sec-principles p{font-size:var(--sec-text-body)}
.sec-premium .faq-list{max-width:900px}.sec-premium .faq-item{background:none;border-radius:0;border:0;border-bottom:1px solid var(--line);box-shadow:none}.sec-premium .faq-item summary{font-size:.95rem;font-weight:500;padding:23px 42px 23px 0;letter-spacing:-.02em}.sec-premium .faq-item summary::after{right:4px}.sec-premium .faq-body{padding:0 50px 20px 0}.sec-premium .faq-body p{font-size:var(--sec-text-body);line-height:1.85}
.sec-premium .cta-band{padding-block:30px}.sec-premium .cta-band-inner{border-radius:16px;border-color:var(--sec-accent-line);background:linear-gradient(110deg,var(--sec-accent-soft),transparent),var(--bg-elev);padding:34px;box-shadow:none}.sec-premium .cta-band-inner::before{display:none}.sec-premium .cta-band-inner h2{font-size:1.6rem;font-weight:500}.sec-premium .cta-band-inner p{font-size:var(--sec-text-body);color:var(--muted)}
.sec-premium .contact-wrap{gap:80px;grid-template-columns:1fr 1fr}.sec-premium .contact-card{border-radius:16px;padding:32px;background:var(--bg-card);box-shadow:none}.sec-premium .contact-card h3{font-size:1.2rem;margin-bottom:25px}
.sec-premium .sec-channels a{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:17px 0;font-size:var(--sec-text-secondary)}.sec-premium .sec-channels a span{font-size:var(--sec-text-secondary);color:var(--muted)}
.sec-premium .form-group label{font-size:var(--sec-text-secondary);color:var(--muted);font-weight:400}.sec-premium .form-group input,.sec-premium .form-group textarea,.sec-premium .form-group select{border-radius:7px;background:var(--bg-elev);font-size:var(--sec-text-secondary);border-color:var(--line-strong);color:var(--ink)}.sec-premium .form-group input:focus,.sec-premium .form-group textarea:focus{border-color:var(--sec-accent);box-shadow:0 0 0 3px var(--sec-accent-soft)}
.sec-premium .form-note{color:var(--muted);font-size:var(--sec-text-meta)}.privacy-form-note,.contact-caution{color:var(--muted);font-size:var(--sec-text-meta);line-height:1.8;margin-top:20px}.contact-caution{max-width:48ch}
.contact-preview{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.contact-preview label{font-size:var(--sec-text-secondary);color:var(--sec-accent)}.contact-preview textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:12px;background:var(--bg-elev);color:var(--ink);font-size:var(--sec-text-secondary);resize:vertical;margin-top:12px}.contact-preview .hero-actions{margin-top:15px}.contact-preview .btn{font-size:var(--sec-text-secondary);padding:12px}.sec-premium .contact-preview[hidden]{display:none}
.sec-premium .site-footer{border-top:1px solid var(--line);padding-top:42px}.sec-premium .footer-inner{gap:24px}.sec-premium .footer-links a,.sec-premium .footer-contacts a{font-size:var(--sec-text-meta)}.sec-premium .copy{font-size:var(--sec-text-meta);color:var(--muted)}.sec-premium .sec-footer-note{font-size:var(--sec-text-meta);color:var(--muted);padding-top:22px}.footer-divider{margin:0 10px;opacity:.4}
.sec-premium .float-cta{border-radius:8px!important;background:var(--bg-card)!important;color:var(--ink)!important;border:1px solid var(--sec-accent-line);box-shadow:0 4px 20px rgba(0,0,0,.2)!important;padding:11px 16px;font-size:var(--sec-text-secondary);bottom:20px;right:20px}.sec-premium .float-cta-dot{width:5px;height:5px;box-shadow:none;animation:none}
.sec-premium .back-to-top{border-radius:8px;bottom:20px;right:155px;background:var(--bg-card);border-color:var(--line-strong)}
.sec-premium .scroll-progress{height:2px;background:var(--sec-accent);z-index:60}
/* Detail pages share the same premium visual system. */
.sec-premium .page-hero{padding:56px 0 62px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse 45% 90% at 85% 30%,var(--sec-accent-soft),transparent)}
.detail-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}
.sec-premium .breadcrumb{font-family:var(--sec-mono);font-size:var(--sec-text-meta);line-height:1.8;margin:0 0 34px;gap:10px;color:var(--muted);flex-wrap:wrap;display:flex}
.sec-premium .page-hero h1{font-size:clamp(2.5rem,4.4vw,4rem);line-height:1.1;max-width:14ch;margin:0;font-weight:500;letter-spacing:-.06em;overflow-wrap:normal}
.sec-premium .page-hero .hero-lead{font-size:var(--sec-text-body);margin:24px 0 0;max-width:55ch;line-height:1.9}
.sec-premium .sec-note{border-radius:8px;padding:14px 17px;font-size:var(--sec-text-secondary);line-height:1.85;background:var(--sec-accent-soft);margin-top:24px}.sec-premium .sec-note-warn{border-color:rgba(239,174,135,.3);background:rgba(239,174,135,.04)}
.sec-premium .detail-hero-copy>.sec-note{max-width:55ch}.sec-premium .detail-hero-grid .orbit-stage{height:350px}.sec-premium .detail-hero-grid .orbit{width:280px;height:280px;margin:-140px}.sec-premium .detail-hero-grid .orbit-b,.sec-premium .detail-hero-grid .orbit-c{width:210px;height:210px;margin:-105px}.sec-premium .detail-hero-grid .orbit-a::after{margin-top:-143px}.sec-premium .detail-hero-grid .ol-one{top:40px}.sec-premium .detail-hero-grid .ol-two{top:152px}.sec-premium .detail-hero-grid .ol-three{bottom:28px}
.sec-premium .sec-feat-grid{grid-template-columns:repeat(3,1fr);gap:13px}.sec-premium .sec-feat{padding:27px;border-radius:12px}.sec-premium .sec-feat h3{font-size:1rem;font-weight:500;letter-spacing:-.03em;margin-bottom:13px}.sec-premium .sec-feat p{font-size:var(--sec-text-body);line-height:1.85}
.sec-premium .sec-schematic{border-radius:14px;background:var(--bg-elev);color:var(--muted);font-size:var(--sec-text-secondary);border-color:var(--line-strong);padding:30px;line-height:2}
.sec-premium .sec-price{font-size:1.5rem;font-weight:500;color:var(--sec-accent)}.sec-premium .sec-price span{font-size:var(--sec-text-meta);color:var(--muted)}
.sec-premium .sec-badge{font-size:var(--sec-text-meta);align-self:flex-start;border-radius:4px;width:fit-content;max-width:100%;line-height:1.7;letter-spacing:0.06em;margin-bottom:16px;padding:3px 7px}.sec-premium .sec-badge-ok{color:var(--sec-accent);background:var(--sec-accent-soft)}
[data-theme="light"] .sec-premium .sec-badge-order{color:#315992}[data-theme="light"] .sec-premium .sec-badge-soon{color:#8c5a00}[data-theme="light"] .sec-premium .sec-badge-warn{color:#923d1a}
.sec-premium .about-points{gap:12px}.sec-premium .about-points li{font-size:var(--sec-text-secondary);color:var(--muted)}.sec-premium .about-copy .lead{font-size:1.1rem;font-weight:400}.sec-premium .about-copy p{font-size:var(--sec-text-body)}
.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-block:1px solid var(--line);padding-block:32px}.delivery-grid h3{font-size:1.15rem;font-weight:500;margin:0 0 23px}
.delivery-section .btn,.faq>.container>.btn{margin-top:28px}
/* Catalog: photographs are local, credited and never falsely represented as stock. */
.device-hero-art{position:relative;overflow:hidden;border-radius:18px;min-height:330px;background:#e6e9ed;border:1px solid var(--line-strong)}
.device-hero-art>img{width:100%;height:100%;min-height:330px;object-fit:cover;transition:transform .8s var(--ease)}.device-hero-art:hover>img{transform:scale(1.04)}
.device-art-label{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;background:rgba(8,18,22,.8);color:#d9ece5;border:1px solid rgba(130,230,207,.2);padding:9px 12px;border-radius:6px;font:400 var(--sec-text-label) var(--sec-mono)}
.catalog-toolbar{padding:22px 0;border-block:1px solid var(--line);margin:0 0 38px;display:flex;flex-wrap:wrap;align-items:center;gap:18px;justify-content:space-between}
.catalog-toolbar>span{font-size:var(--sec-text-secondary)!important}.catalog-toolbar>div{display:flex;gap:6px;flex-wrap:wrap}.catalog-toolbar button{padding:9px 12px;min-height:39px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);font:400 var(--sec-text-secondary) var(--font-body);cursor:pointer}.catalog-toolbar button:hover,.catalog-toolbar button[aria-pressed="true"]{border-color:var(--sec-accent-line);background:var(--sec-accent-soft);color:var(--sec-accent)}.catalog-count{font:400 var(--sec-text-label) var(--sec-mono);color:var(--muted);margin:0}.sec-premium .sec-cat[hidden]{display:none}
.sec-premium .sec-cat{margin-bottom:64px;scroll-margin-top:100px}.sec-premium .sec-cat-head{gap:18px;padding-bottom:17px;margin-bottom:24px}.sec-premium .sec-cat-head h2{font-size:1.35rem;font-weight:500;letter-spacing:-.04em}.sec-premium .sec-cat-head p{font-size:var(--sec-text-body);margin-left:auto;color:var(--muted)}.sec-premium .sec-cat-head .sec-mono{font-size:var(--sec-text-label)}
.pixel-models{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.model-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--bg-card);transition:border-color .3s,transform .3s}.model-card:hover{border-color:var(--sec-accent-line);transform:translateY(-4px)}
.model-photo{height:240px;overflow:hidden;position:relative;background:#e1e4e7}.model-photo img{height:100%;width:100%;object-fit:cover;transition:transform .8s var(--ease)}.model-card:hover img{transform:scale(1.05)}.model-photo>span{position:absolute;bottom:12px;left:12px;color:#d6e8e2;background:rgba(8,18,22,.85);border-radius:3px;padding:5px 8px;font:400 var(--sec-text-label) var(--sec-mono);letter-spacing:0.07em}
.model-copy{padding:23px}.model-copy h3{font-size:1.15rem;margin:0 0 12px}.model-copy>p{font-size:var(--sec-text-body);color:var(--muted);margin:0 0 15px}.model-copy>small{font-size:var(--sec-text-meta);color:var(--muted);line-height:1.7;display:block;max-width:29ch}.model-order{display:flex;align-items:center;justify-content:space-between;margin-top:20px;border-top:1px solid var(--line);padding-top:15px}.model-order>span{font-size:var(--sec-text-meta);color:var(--sec-accent)}.model-order>a{width:38px;height:38px;display:grid;place-items:center;background:var(--sec-accent-soft);border:1px solid var(--sec-accent-line);border-radius:6px;color:var(--sec-accent)}
.catalog-source{font-size:var(--sec-text-secondary);line-height:1.9;color:var(--muted);margin:0 0 28px;max-width:110ch}.catalog-source a{color:var(--sec-accent);text-decoration:underline;text-underline-offset:3px}
.hardware-photo{position:relative;margin:-27px -27px 25px;border-bottom:1px solid var(--line);background:var(--product-surface)}.hardware-photo>img{width:100%;height:260px;object-fit:contain}.hardware-photo.is-concept{background:#0c1519}.hardware-photo.is-concept>img{object-fit:cover}.hardware-photo figcaption{padding:9px 15px;color:#46615e;background:#e9efed;font-size:var(--sec-text-meta);font-family:var(--sec-mono)}.hardware-photo.is-concept figcaption{background:#0e2026;color:#a6bcb8}
.sec-premium .sec-subgrid{gap:8px}.sec-premium .sec-sub{background:var(--bg-elev);border-radius:6px;padding:13px}.sec-premium .sec-sub strong{font-size:var(--sec-text-secondary);font-weight:500}.sec-premium .sec-sub span{font-size:var(--sec-text-secondary)}
.software-card-art{margin:-27px -27px 25px;padding:20px;background:linear-gradient(140deg,var(--bg-elev),var(--sec-accent-soft));border-bottom:1px solid var(--line)}.software-card-art>span{font:400 var(--sec-text-label) var(--sec-mono);color:var(--muted);letter-spacing:0.07em}.mini-signal{height:60px;display:flex;align-items:flex-end;gap:6px;margin:25px 0 15px;opacity:.8}.mini-signal>i{flex:1;border-radius:2px 2px 0 0;background:linear-gradient(0deg,var(--sec-accent-soft),var(--sec-accent))}.software-card-art>small{font:400 var(--sec-text-label) var(--sec-mono);color:var(--muted)}
/* Safe motion and graceful progressive enhancement. */
.sec-premium .reveal{opacity:1;transform:none;transition:transform .55s var(--ease)}.sec-premium .reveal.is-in,.no-js .sec-premium .reveal{transform:none;opacity:1}
@view-transition{navigation:auto}
::view-transition-old(root){animation:sec-leave .22s ease both}::view-transition-new(root){animation:sec-enter .35s ease both}
@keyframes sec-leave{to{opacity:0;transform:translateY(-5px)}}@keyframes sec-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1300px){.sec-premium .featured-product-copy{padding:48px 54px}.sec-premium .device-hero-art{position:sticky;top:110px}}
@media(max-width:1100px){.sec-premium .container,.sec-premium .header-inner{width:calc(100% - 56px)}.sec-premium .nav a,.sec-premium .sec-dd>button{padding:9px 8px;font-size:var(--sec-text-secondary)}.sec-premium .sec-nav-back{display:none}.security-hero-grid{gap:25px;grid-template-columns:1.1fr 1fr}.sec-premium .hero-hub h1{font-size:clamp(2.8rem,5.5vw,4.5rem)}.orbit-stage{height:370px}.orbit{width:280px;height:280px;margin:-140px}.orbit-a::after{margin-top:-143px}.orbit-b,.orbit-c{width:210px;height:210px;margin:-105px}.orbit-label{min-width:110px;font-size:var(--sec-text-label);padding:9px 11px}.ol-one{top:40px}.ol-three{left:0;bottom:35px}.sec-premium #services .sec-card-grid{grid-template-columns:repeat(2,1fr)}.detail-hero-grid{gap:35px}.console-body,.ui-inner{padding:20px}.featured-product-copy{padding:30px}.security-check{gap:40px;padding:35px}.sec-premium .contact-wrap{gap:40px}.route-nodes>span{padding:7px 5px}.sec-premium .page-hero h1{font-size:3rem}}
@media(max-width:860px){
 .sec-premium{--header-h:70px}.sec-premium .header-inner{width:calc(100% - 36px)}.sec-premium .container{width:calc(100% - 40px)}.sec-premium .sec-brand img{width:34px;height:34px}.sec-premium .sec-brand-text strong{font-size:1rem}.sec-premium .sec-brand-text span{font-size:var(--sec-text-meta)}.sec-premium .header-actions{margin-left:auto}.sec-premium .theme-toggle{height:40px;width:40px}.sec-premium .burger{border-radius:8px;background:transparent;width:40px;height:40px}.sec-premium .nav{position:fixed;top:var(--header-h);left:0;right:0;padding:18px;max-height:calc(100dvh - var(--header-h));overflow:auto;border-bottom:1px solid var(--line-strong);background:var(--nav-mobile-bg)}.sec-premium .nav a,.sec-premium .sec-dd>button{font-size:var(--sec-text-secondary);padding:14px;border-radius:6px}.sec-premium .sec-dd-panel{min-width:0;padding-left:12px}.sec-premium .sec-dd-panel a{font-size:var(--sec-text-secondary)!important}.sec-premium .sec-nav-back{display:block;margin:8px 0 0;border:0}.sec-premium .sec-dd{width:100%}
 .security-hero-grid{grid-template-columns:1.06fr 1fr;padding-top:58px;gap:20px}.sec-premium .hero-hub h1{font-size:clamp(2.5rem,5.5vw,3.4rem)}.sec-premium .security-home-hero .hero-lead{font-size:var(--sec-text-body)}.sec-premium .hero-kicker .sec-mono{font-size:var(--sec-text-label)!important;letter-spacing:0.07em!important}.security-visual .visual-top,.visual-bottom{font-size:var(--sec-text-label)}.orbit-stage{height:320px}.orbit{width:230px;height:230px;margin:-115px}.orbit-a::after{margin-top:-118px}.orbit-b,.orbit-c{width:180px;height:180px;margin:-90px}.orbit-label{font-size:var(--sec-text-label);min-width:95px;padding:8px}.orbit-label small{font-size:var(--sec-text-label)}.ol-one{top:35px;left:-2px}.ol-two{top:145px;right:-6px}.ol-three{bottom:23px;left:0}.orbit-core{width:100px}.orbit-core svg{width:58px;height:66px}.orbit-core>span{font-size:var(--sec-text-label)}.orbit-coordinate{display:none}.sec-premium .hero-actions .btn{font-size:var(--sec-text-secondary);padding:13px 16px}.hero-bottom-rail{font-size:var(--sec-text-secondary)}.hero-bottom-rail>span:nth-child(3){display:none}
 .sec-premium .section{padding-block:65px}.tech-inner{gap:28px;padding-block:21px}.tech-marquee>div{font-size:.95rem;gap:22px}.section-nav>.container{gap:24px;font-size:var(--sec-text-secondary);padding-block:15px}.sec-premium #threats .sec-threat-grid{grid-template-columns:repeat(2,1fr)}.sec-premium .sec-threat{padding:25px}.featured-product-copy{padding:26px}.featured-product-copy h3,.software-preview h3{font-size:1.65rem}.featured-product-copy>p:not(.sec-mono){font-size:var(--sec-text-label)}.featured-product-image{min-height:360px}.software-preview{gap:30px}.security-check{gap:35px;padding:30px}.security-check h2{font-size:2rem}.check-options button{font-size:var(--sec-text-secondary)}.check-privacy{font-size:var(--sec-text-meta)}.sec-premium .sec-feat-grid{grid-template-columns:repeat(2,1fr)}
 .detail-hero-grid{grid-template-columns:1fr;gap:40px}.sec-premium .page-hero{padding:35px 0 45px}.sec-premium .page-hero h1{font-size:clamp(2.3rem,6vw,3.3rem);max-width:23ch}.sec-premium .page-hero .hero-lead{max-width:65ch}.detail-hero-grid>.security-visual{max-width:460px;margin:auto}.detail-hero-grid>.console-demo,.detail-hero-grid>.software-ui{max-width:580px;margin:auto}.detail-hero-grid>.device-hero-art{max-width:650px;width:100%;max-height:390px}.pixel-models{grid-template-columns:repeat(2,1fr)}.model-photo{height:240px}.sec-premium .sec-cat-head p{margin-left:0;width:100%}.sec-premium .contact-wrap{grid-template-columns:1fr;gap:35px}.sec-premium .contact-wrap>div:first-child{max-width:none}.sec-premium .sec-channels{max-width:560px}.sec-premium .timeline{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
 .sec-premium .container{width:calc(100% - 36px)}.sec-premium .section{padding-block:54px}.sec-premium .section-head{margin-bottom:28px}.sec-premium .section-kicker{font-size:var(--sec-text-label);margin-bottom:14px}.sec-premium h2{font-size:1.85rem;line-height:1.2}.sec-premium .section-head>p:last-child{font-size:var(--sec-text-body)}.security-hero-grid{grid-template-columns:1fr;padding:40px 0 30px;gap:24px}.sec-premium .hero-hub h1{font-size:clamp(2.7rem,10.8vw,4rem);line-height:1.08;max-width:12ch;letter-spacing:-.06em}.sec-premium .hero-kicker{margin-bottom:22px}.sec-premium .hero-kicker .sec-mono{font-size:var(--sec-text-label)!important}.sec-premium .security-home-hero .hero-lead{font-size:var(--sec-text-body);line-height:1.85;max-width:45ch}.sec-premium .hero-actions{margin-top:25px;gap:8px}.sec-premium .hero-actions .btn{font-size:var(--sec-text-secondary);min-height:47px;padding:13px 17px}.security-home-hero .security-visual{max-width:420px;margin:auto}.security-home-hero .orbit-stage{height:310px}.security-home-hero .orbit{width:245px;height:245px;margin:-122.5px}.security-home-hero .orbit-a::after{margin-top:-126px}.security-home-hero .orbit-b,.security-home-hero .orbit-c{width:180px;height:180px;margin:-90px}.orbit-label{font-size:var(--sec-text-label);min-width:106px;padding:9px 11px}.ol-two{right:3px}.ol-three{left:7px;bottom:18px}.visual-top{font-size:var(--sec-text-label)!important}.visual-bottom{font-size:var(--sec-text-label)!important}.hero-bottom-rail{padding-block:17px;font-size:var(--sec-text-secondary)}.hero-bottom-rail>span:not(:first-child){display:none}.hero-bottom-rail>a{font-size:var(--sec-text-secondary)}.tech-inner{gap:22px}.tech-inner>span{font-size:var(--sec-text-secondary)}.tech-marquee>div{font-size:var(--sec-text-secondary);gap:20px}.section-nav>.container{gap:23px;overflow-x:auto;width:100%;padding:14px 18px;scrollbar-width:none}.section-nav a:last-child{display:none}.sec-premium #threats .sec-threat-grid{grid-template-columns:1fr 1fr}.sec-premium .sec-threat{padding:21px 16px}.sec-premium .sec-threat h3{font-size:var(--sec-text-secondary);line-height:1.35}.sec-premium .sec-threat p{font-size:var(--sec-text-body);line-height:1.8}.sec-premium .sec-threat .sec-ico{width:23px;height:23px;margin-bottom:22px}.sec-premium #services .section-head{padding-right:0}.section-index{position:static;margin-top:28px}.section-index>strong{font-size:2.75rem}.section-index>span{font-size:var(--sec-text-secondary)}.sec-premium #services .sec-card-grid{grid-template-columns:1fr}.sec-premium .sec-card{padding:24px}.sec-premium .sec-card .sec-mono{margin-bottom:28px}.sec-premium .sec-card h3{font-size:1.2rem}.sec-premium .sec-card p{font-size:var(--sec-text-body)}.sec-premium .sec-prod-split{grid-template-columns:1fr;gap:30px}.featured-product{grid-template-columns:1fr;min-height:0;margin-bottom:35px}.featured-product-image{min-height:0;height:270px}.featured-product-copy{padding:27px 23px}.featured-product-copy h3{font-size:1.8rem}.featured-product-copy>p:not(.sec-mono){font-size:.85rem}.featured-product-copy .sec-audience{margin-bottom:20px}.featured-product-copy>small{font-size:var(--sec-text-meta)}.software-preview{grid-template-columns:1fr;gap:24px;margin-top:48px}.software-preview h3{font-size:1.8rem}.software-preview>div>p:not(.sec-mono){font-size:.85rem}.console-body,.ui-inner{padding:19px}.console-top{padding:12px 14px;font-size:var(--sec-text-label);gap:8px}.route-nodes>span{font-size:var(--sec-text-label);padding:7px 8px}.console-rows p{font-size:var(--sec-text-body)}.console-state strong{font-size:var(--sec-text-secondary)}.console-state>span:last-child{font-size:var(--sec-text-secondary)}.console-buttons button{font-size:var(--sec-text-secondary);padding:10px}.sec-premium .demo-disclaimer{font-size:var(--sec-text-secondary)}.ui-title>strong{font-size:1.35rem}.ui-log>span{font-size:var(--sec-text-secondary)}.security-check{grid-template-columns:1fr;gap:25px;padding:28px 22px}.security-check h2{font-size:2rem}.security-check>div>p:not(.sec-mono):not(.check-question){font-size:.82rem}.check-options button{font-size:var(--sec-text-secondary);padding:15px}.check-privacy{font-size:var(--sec-text-meta)}.sec-premium .timeline-item{padding:24px 15px}.sec-premium .timeline-item h3{font-size:.94rem}.sec-premium .timeline-item p{font-size:var(--sec-text-body)}.sec-premium .why-grid{grid-template-columns:1fr;gap:10px}.sec-premium .why-item{padding:24px}.sec-premium .sec-principles li{gap:20px;padding:22px 0}.sec-premium .sec-principles strong{font-size:var(--sec-text-secondary)}.sec-premium .sec-principles p{font-size:var(--sec-text-body)}.sec-premium .faq-item summary{font-size:var(--sec-text-secondary);padding-block:22px}.sec-premium .faq-body p{font-size:var(--sec-text-body)}.sec-premium .faq-body{padding-right:24px}.sec-premium .cta-band-inner{padding:27px 23px;gap:22px}.sec-premium .cta-band-inner h2{font-size:1.4rem}.sec-premium .cta-band-inner p{font-size:var(--sec-text-body)}.sec-premium .contact-card{padding:25px 20px}.sec-premium .sec-channels a{font-size:var(--sec-text-secondary)}.sec-premium .sec-channels a span{font-size:var(--sec-text-secondary)}.sec-premium .contact-wrap{gap:30px}.sec-premium .site-footer{padding-top:34px;padding-bottom:75px}.sec-premium .footer-inner{gap:24px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.sec-premium .footer-links{gap:13px;flex-wrap:wrap;width:100%;order:2}.sec-premium .footer-contacts{flex-direction:column;gap:8px}.sec-premium .sec-footer-note{order:4;line-height:2}.sec-premium .copy{order:3}.sec-premium .footer-links a{font-size:var(--sec-text-meta)}.footer-divider{margin:0 5px}.sec-premium .float-cta{right:15px;bottom:15px;padding:10px 14px;font-size:var(--sec-text-secondary)}.sec-premium .back-to-top{bottom:15px;right:141px;width:36px;height:36px}.sec-premium .page-hero{padding:28px 0 38px}.sec-premium .page-hero h1{font-size:clamp(2.1rem,9vw,3rem);letter-spacing:-.055em;max-width:16ch}.sec-premium .page-hero .hero-lead{font-size:var(--sec-text-body);line-height:1.85}.sec-premium .breadcrumb{font-size:var(--sec-text-meta);gap:8px;margin-bottom:28px}.detail-hero-grid{gap:30px}.detail-hero-grid>.security-visual{width:100%;margin-top:5px}.sec-premium .detail-hero-grid .orbit-stage{height:300px}.sec-premium .detail-hero-grid .orbit{width:230px;height:230px;margin:-115px}.sec-premium .detail-hero-grid .orbit-a::after{margin-top:-118px}.sec-premium .detail-hero-grid .orbit-b,.sec-premium .detail-hero-grid .orbit-c{width:175px;height:175px;margin:-87.5px}.sec-premium .detail-hero-grid .ol-two{top:130px}.sec-premium .sec-feat-grid{grid-template-columns:1fr}.sec-premium .sec-feat{padding:24px}.sec-premium .sec-feat p{font-size:var(--sec-text-body)}.sec-premium .sec-schematic{font-size:var(--sec-text-secondary);padding:20px}.delivery-grid{grid-template-columns:1fr;gap:30px;padding:24px 0}.delivery-grid h3{font-size:1.05rem}.sec-premium .sec-note{font-size:var(--sec-text-secondary);padding:13px 15px}.sec-premium .sec-price{font-size:1.3rem}.sec-premium .sec-price span{font-size:var(--sec-text-meta)}.sec-premium .about-grid{gap:15px}.sec-premium .about-copy .lead{font-size:var(--sec-text-body)}.pixel-models{grid-template-columns:1fr 1fr;gap:10px}.model-photo{height:170px}.model-copy{padding:16px 12px}.model-copy h3{font-size:1rem;margin-bottom:9px}.model-copy>p{font-size:var(--sec-text-body);line-height:1.7;margin-bottom:12px}.model-copy>small{font-size:var(--sec-text-meta)}.model-order{align-items:flex-start;gap:5px;padding-top:13px;margin-top:16px}.model-order>span{font-size:var(--sec-text-meta);line-height:1.7;max-width:9ch}.model-order>a{width:32px;height:34px;flex-shrink:0}.model-photo>span{font-size:var(--sec-text-secondary);padding:4px 6px;left:8px;bottom:8px}.catalog-toolbar{gap:15px;margin-bottom:30px}.catalog-toolbar>div{gap:6px}.catalog-toolbar button{font-size:var(--sec-text-secondary);padding:8px 10px;min-height:38px}.catalog-count{font-size:var(--sec-text-meta)}.sec-premium .sec-cat{margin-bottom:48px}.sec-premium .sec-cat-head h2{font-size:1.2rem}.sec-premium .sec-cat-head p{font-size:var(--sec-text-body)}.sec-premium .sec-cat .sec-card-grid{grid-template-columns:1fr}.hardware-photo{margin:-24px -24px 24px}.hardware-photo>img{height:230px}.hardware-photo figcaption{font-size:var(--sec-text-meta)}.software-card-art{margin:-24px -24px 24px}.device-hero-art,.device-hero-art>img{min-height:245px}.image-caption{font-size:var(--sec-text-meta);left:14px;bottom:14px;padding:6px}.device-art-label{font-size:var(--sec-text-secondary);top:14px;left:14px}.sec-premium .sec-audience>span{font-size:var(--sec-text-secondary)}.sec-premium .sec-cat .sec-card h3{font-size:1.15rem}.sec-premium .sec-subgrid{grid-template-columns:1fr}.sec-premium .sec-badge{font-size:var(--sec-text-meta)}.sec-premium .sec-sub strong{font-size:var(--sec-text-secondary)}
}
@media(max-width:360px){.sec-premium .container{width:calc(100% - 28px)}.sec-premium .hero-hub h1{font-size:2.65rem}.sec-premium .header-inner{width:calc(100% - 28px)}.sec-premium .hero-actions .btn{font-size:var(--sec-text-secondary);padding:12px 13px}.security-home-hero .orbit-stage{height:290px}.pixel-models{grid-template-columns:1fr}.model-photo{height:235px}.model-copy{padding:20px}.model-copy>small{font-size:var(--sec-text-meta)}.model-order>span{max-width:none}.sec-premium .sec-channels a span{font-size:var(--sec-text-secondary)}.console-body,.ui-inner{padding:15px}.console-state{gap:6px}.console-state strong{font-size:var(--sec-text-secondary)}.console-state>span:last-child{font-size:var(--sec-text-secondary)}.route-nodes>span{padding:7px 5px}.sec-premium .page-hero h1{font-size:2.2rem}.sec-premium .sec-brand{gap:8px}.sec-premium .theme-toggle,.sec-premium .burger{width:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.sec-premium *,.sec-premium *::before,.sec-premium *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sec-premium .reveal{opacity:1!important;transform:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
/* Final catalog composition and editorial rhythm. */
.sec-premium .hero-kicker{width:fit-content;font-weight:400;background:transparent;border:0;padding:0;border-radius:0}
.sec-premium[data-page="devices"] .sec-cat>.sec-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sec-premium[data-page="devices"] #pixel>.sec-card-grid{grid-template-columns:1fr}
.sec-premium[data-page="devices"] #pixel>.sec-card-grid>.sec-card{background:var(--bg-elev)}
.sec-premium[data-page="devices"] #pixel .sec-subgrid{grid-template-columns:repeat(3,1fr)}
.sec-premium[data-page="devices"] #pixel .sec-card>p{max-width:85ch}
.sec-premium .hardware-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.05fr;padding:0;align-items:stretch}
.sec-premium .hardware-wide>.hardware-photo{margin:0;border-bottom:0;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:350px}
.sec-premium .hardware-wide>.hardware-photo>img{height:100%;max-height:460px;flex:1;object-fit:contain;min-height:300px}
.sec-premium .hardware-wide .hardware-info{padding:35px}
.sec-premium .hardware-wide .sec-subgrid{grid-template-columns:repeat(3,1fr);gap:7px}
.sec-premium .hardware-wide .sec-sub{padding:10px}
.sec-premium .hardware-wide .sec-sub strong{font-size:var(--sec-text-secondary)}
.sec-premium .hardware-wide::after{display:none}
.sec-premium .hardware-wide .sec-note{font-size:var(--sec-text-secondary)}
.sec-premium .hardware-wide .hardware-info>.sec-mono{margin-bottom:20px}
.sec-premium .section-head>.section-kicker{color:var(--sec-accent);font-size:var(--sec-text-label);margin-bottom:15px}
.sec-premium .section-head-center .section-kicker{justify-content:center}
@media(max-width:860px){.sec-premium .hardware-wide .hardware-info{padding:25px}.sec-premium .hardware-wide .sec-subgrid{grid-template-columns:1fr}.sec-premium .hardware-wide>.hardware-photo>img{min-height:250px}}
@media(max-width:600px){.sec-premium[data-page="devices"] .sec-cat>.sec-card-grid{grid-template-columns:1fr}.sec-premium .hardware-wide{grid-template-columns:1fr}.sec-premium .hardware-wide>.hardware-photo{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.sec-premium .hardware-wide>.hardware-photo>img{height:250px;min-height:250px}.sec-premium .hardware-wide .hardware-info{padding:24px}.sec-premium .hardware-wide .sec-subgrid{grid-template-columns:1fr}.sec-premium[data-page="devices"] #pixel .sec-subgrid{grid-template-columns:1fr}.sec-premium .section-head>.section-kicker{font-size:var(--sec-text-label)}}
.sec-premium .sec-dd.is-current>button{color:var(--sec-accent)}
/* Source-verified Pixel catalog, November 2026. */
.pixel-models{align-items:start;gap:20px}.model-card[hidden]{display:none!important}
.model-photo{height:auto;aspect-ratio:960/760;background:#121c22}.model-photo img{object-fit:contain}
.model-photo>span{bottom:auto;top:12px;background:rgba(8,18,22,.88);font-size:var(--sec-text-secondary);letter-spacing:0.04em;color:#c6eee0;border:1px solid rgba(160,210,195,.17)}
.model-copy{padding:25px}.model-copy .model-overline{font:400 var(--sec-text-label)/1.5 var(--sec-mono);color:var(--sec-accent);letter-spacing:0.07em;margin:0 0 13px}.model-copy h3{font-size:1.4rem;line-height:1.2}.model-copy>p:not(.model-overline){font-size:var(--sec-text-label);min-height:6.3em;line-height:1.8}
.model-specs{margin:20px 0 18px;font-size:var(--sec-text-meta)}.model-specs>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--line)}.model-specs dt,.model-details dt{color:var(--muted);font-weight:400}.model-specs dd,.model-details dd{margin:0;line-height:1.7;color:var(--ink);overflow-wrap:anywhere}
.model-copy>.model-support{max-width:none;font-size:var(--sec-text-meta);line-height:1.8;color:var(--muted);background:var(--sec-accent-soft);padding:10px 12px;border-radius:5px}.model-support strong{font-weight:500;color:var(--sec-accent)}
.model-details{margin-top:19px;border-top:1px solid var(--line);font-size:var(--sec-text-meta)}.model-details summary{display:flex;align-items:center;justify-content:space-between;padding:15px 0;cursor:pointer;list-style:none;gap:10px;color:var(--ink)}.model-details summary::-webkit-details-marker{display:none}.model-details summary>span{color:var(--sec-accent);font-size:1rem}.model-details[open] summary>span{transform:rotate(45deg)}.model-details dl{margin:0}.model-details dl>div{padding:8px 0;border-top:1px solid var(--line)}.model-details dt{font-size:var(--sec-text-meta);margin-bottom:4px}.model-details p{color:var(--muted);font-size:var(--sec-text-meta);line-height:1.8}.model-details>a{color:var(--sec-accent);font-size:var(--sec-text-meta);text-decoration:underline;text-underline-offset:3px}
.model-order{margin-top:10px}.model-order>span{font-size:var(--sec-text-meta);max-width:none}.model-order>a{width:42px;height:42px}
.pixel-filter{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:20px 0;margin:0 0 24px;border-block:1px solid var(--line)}.pixel-filter>div:first-child{flex:1;min-width:180px}.pixel-filter p{margin:0}.pixel-filter>div>p:not(.sec-mono){font-size:var(--sec-text-label);color:var(--muted);margin-top:8px}.pixel-filter-buttons{display:flex;flex-wrap:wrap;gap:6px}.pixel-filter button{min-height:42px;border:1px solid var(--line);border-radius:6px;padding:10px 13px;font:400 var(--sec-text-secondary) var(--font-body);background:transparent;color:var(--muted);cursor:pointer}.pixel-filter button[aria-pressed=true],.pixel-filter button:hover{background:var(--sec-accent-soft);color:var(--sec-accent);border-color:var(--sec-accent-line)}.pixel-model-count{font:400 var(--sec-text-label) var(--sec-mono);color:var(--sec-accent);min-width:80px}
.pixel-assurance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:35px 0 25px;padding-block:30px;border-block:1px solid var(--line)}.pixel-assurance h3{font-size:1.2rem;margin:20px 0 14px}.pixel-assurance p{font-size:var(--sec-text-body);line-height:1.9;color:var(--muted)}.pixel-assurance .sec-mono{font-size:var(--sec-text-label)}.image-disclosure{font-size:var(--sec-text-secondary)}.sec-premium .device-hero-art,.sec-premium .featured-product-image{background:#121c22}.sec-premium .device-hero-art>img,.sec-premium .featured-product-image img{object-fit:contain}.device-hero-art .image-caption{font-size:var(--sec-text-meta);letter-spacing:0.05em;max-width:calc(100% - 35px)}
@media(max-width:1050px){.model-copy{padding:22px}.pixel-assurance{gap:20px}.pixel-filter-buttons{width:100%}}
@media(max-width:600px){.pixel-models{grid-template-columns:minmax(0,1fr);gap:22px}.model-photo{height:auto;aspect-ratio:960/760}.model-copy{padding:25px}.model-copy h3{font-size:1.5rem}.model-copy>p:not(.model-overline){font-size:.85rem;min-height:0}.model-copy .model-overline{font-size:var(--sec-text-label)}.model-photo>span{font-size:var(--sec-text-secondary);left:14px;top:14px;padding:6px 9px}.model-specs{font-size:var(--sec-text-meta)}.model-specs>div{grid-template-columns:76px minmax(0,1fr);gap:13px}.model-copy>.model-support{font-size:var(--sec-text-meta)}.model-details{font-size:var(--sec-text-meta)}.model-details dt{font-size:var(--sec-text-meta)}.model-details p{font-size:var(--sec-text-meta)}.model-details>a{font-size:var(--sec-text-meta)}.model-order>span{font-size:var(--sec-text-meta);max-width:none}.model-order>a{width:44px;height:44px}.pixel-assurance{grid-template-columns:1fr;gap:22px}.pixel-assurance h3{font-size:1.25rem;margin:15px 0 10px}.pixel-assurance p{font-size:var(--sec-text-body);margin:0}.pixel-filter{gap:15px}.pixel-filter button{font-size:var(--sec-text-secondary);padding:10px 11px}.pixel-filter>div>p:not(.sec-mono){font-size:var(--sec-text-label)}.pixel-model-count{font-size:var(--sec-text-meta)}.model-photo img{height:100%}.device-hero-art .image-caption{font-size:var(--sec-text-meta)}}

/* Full-frame media: one intrinsic image ratio at every breakpoint.
   Badges/captions have their own rows; hover never crops the hardware. */
.sec-premium .model-card .model-photo {
  display:flex;flex-direction:column;align-items:stretch;
  height:auto;min-height:0;max-height:none;aspect-ratio:auto;padding:0;
  overflow:hidden;background:#121c22;
}
.sec-premium .model-card .model-photo>img {
  display:block;flex:none;width:100%;max-width:100%;height:auto;
  min-height:0;max-height:none;aspect-ratio:960/760;
  box-sizing:border-box;object-fit:contain;object-position:center;
  padding:8px 12px 10px;transform:none;
}
.sec-premium .model-card:hover .model-photo>img {transform:none}
.sec-premium .model-card .model-photo>span {
  position:static;inset:auto;order:-1;align-self:flex-start;
  max-width:calc(100% - 28px);margin:14px 14px 0;padding:6px 9px;
  font-size:var(--sec-text-secondary);line-height:1.5;white-space:normal;
}
.sec-premium .detail-hero-grid>.device-hero-art {
  display:flex;flex-direction:column;align-items:stretch;
  height:auto;min-height:0;max-height:none;aspect-ratio:auto;
}
.sec-premium .device-hero-art>img {
  display:block;width:100%;max-width:100%;height:auto;min-height:0;max-height:none;
  aspect-ratio:960/760;object-fit:contain;object-position:center;
  box-sizing:border-box;padding:12px 18px;transform:none;
}
.sec-premium .device-hero-art:hover>img {transform:none}
.sec-premium .device-hero-art>.device-art-label {
  position:static;inset:auto;order:-1;align-self:flex-start;margin:16px 16px 0;
  max-width:calc(100% - 32px);line-height:1.6;
}
.sec-premium .device-hero-art>.image-caption,
.sec-premium .featured-product-image>.image-caption {
  position:static;inset:auto;align-self:flex-start;margin:0 16px 16px;
  max-width:calc(100% - 32px);box-sizing:border-box;line-height:1.7;
}
.sec-premium .featured-product-image {
  display:flex;flex-direction:column;justify-content:center;align-items:stretch;
  height:auto;min-height:0;max-height:none;
}
.sec-premium .featured-product-image>img {
  display:block;flex:none;width:100%;height:auto;min-height:0;max-height:none;
  aspect-ratio:960/760;object-fit:contain;object-position:center;
  box-sizing:border-box;padding:14px;transform:none;
}
.sec-premium .featured-product:hover .featured-product-image>img {transform:none}
.sec-premium .hardware-photo>img,
.sec-premium .hardware-photo.is-concept>img,
.sec-premium .hardware-wide>.hardware-photo>img {
  display:block;flex:none;width:100%;height:auto;min-height:0;max-height:none;
  aspect-ratio:5/3;object-fit:contain;object-position:center;
  box-sizing:border-box;padding:16px;
}
.sec-premium .hardware-photo.is-concept>img {aspect-ratio:460/280}
.sec-premium .hardware-wide>.hardware-photo {justify-content:center}

/* Security-only readability scale and minimal emblem. Main site is deliberately unchanged. */
.sec-premium{--sec-text-label:.8125rem;--sec-text-meta:.875rem;--sec-text-secondary:.9375rem;--sec-text-body:1.0625rem;font-size:var(--sec-text-body)}
.sec-premium small,.sec-premium figcaption,.sec-premium .breadcrumb,.sec-premium .copy,.sec-premium .sec-footer-note,.sec-premium .form-note,.sec-premium .privacy-form-note,.sec-premium .check-privacy,.sec-premium .catalog-source{font-size:var(--sec-text-meta);line-height:1.75}
.sec-premium .breadcrumb span,.sec-premium .sec-channels a{opacity:1!important}
.sec-premium .sec-brand-text span{font-size:var(--sec-text-label);letter-spacing:.05em}
.sec-premium .sec-mono,.sec-premium .mini-label{font-size:var(--sec-text-label);letter-spacing:.055em;line-height:1.7}
.sec-premium :is(p,li,dd){overflow-wrap:break-word}
.sec-premium :is(input,textarea,select){font-size:16px}
.sec-premium :is(.console-top,.console-state,.route-nodes,.hero-bottom-rail,.visual-top,.visual-bottom){flex-wrap:wrap;gap:10px}
.sec-premium :is(pre,code,.console-body,.ui-log){overflow-wrap:anywhere;white-space:pre-wrap}
.sec-premium .sec-schematic{white-space:pre-wrap;overflow-wrap:anywhere}
.sec-premium .minimal-security-visual{position:relative;isolation:isolate;width:100%;height:auto;aspect-ratio:1;max-width:530px;margin:auto;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;display:grid;place-items:center}
.minimal-shield-glow{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,var(--sec-accent-soft),transparent 68%);pointer-events:none}
.minimal-shield-ring{position:absolute;inset:15%;border:1px solid var(--sec-accent-line);border-radius:50%;opacity:.55;transform:rotateX(54deg) rotateZ(-22deg);pointer-events:none}
.minimal-shield-emblem{width:52%;color:var(--sec-accent);position:relative;animation:minimal-shield-float 9s ease-in-out infinite;filter:drop-shadow(0 18px 26px var(--sec-accent-soft))}
.minimal-shield-emblem svg{display:block;width:100%;height:auto}
.minimal-shield-emblem .shield-surface{fill:var(--sec-accent-soft);stroke:currentColor;stroke-width:1.3}
@keyframes minimal-shield-float{50%{transform:translateY(-9px)}}
.sec-premium .pentest-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.pentest-product{min-width:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:14px;background:var(--bg-card);display:flex;flex-direction:column;transition:border-color .25s,box-shadow .25s}
.pentest-product:hover{border-color:var(--sec-accent-line);box-shadow:0 14px 32px rgba(0,0,0,.12)}
.pentest-product-media{margin:0;position:relative;background:var(--product-surface);aspect-ratio:4/3;border-bottom:1px solid var(--line)}
.pentest-product-media img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:contain;object-position:center;transform:none!important}
.pentest-coming{position:absolute;top:14px;left:14px;padding:6px 11px;font:500 14px/1.5 var(--font-body);background:#123a31;color:#dcfff1;border-radius:5px}
.pentest-product-copy{padding:25px;display:flex;flex:1;flex-direction:column;min-width:0}
.pentest-overline{font:400 var(--sec-text-label)/1.7 var(--sec-mono);letter-spacing:.04em;color:var(--sec-accent);margin:0 0 13px}
.pentest-product h3{font:500 1.35rem/1.25 var(--font-display);letter-spacing:-.035em;margin:0 0 17px}
.pentest-product-copy>p:not(.pentest-overline){font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 20px}
.pentest-product-copy ul{padding:0;margin:0 0 22px;list-style:none;font-size:15px;line-height:1.7}
.pentest-product-copy li{padding:9px 0;border-bottom:1px solid var(--line);color:var(--ink);overflow-wrap:anywhere}
.pentest-manufacturer{font-size:14px;line-height:1.7;color:var(--sec-accent);text-decoration:underline;text-underline-offset:4px;margin-top:auto;padding-top:4px}
.pentest-product-order{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:23px;padding-top:20px;border-top:1px solid var(--line)}
.pentest-product-order>span{font-size:14px;line-height:1.6;color:var(--muted);flex:1}
.pentest-product-order .btn{font-size:14px;white-space:normal;min-height:44px;padding:11px 13px}
.sec-premium .model-card .model-photo>span,.sec-premium .image-caption,.sec-premium .device-art-label{font-size:14px;line-height:1.65;white-space:normal}
.sec-premium .pixel-model-count,.sec-premium .catalog-count{font-size:14px}
@media(max-width:1100px){.sec-premium .pentest-products{grid-template-columns:repeat(2,minmax(0,1fr))}.sec-premium .sec-header .header-inner{gap:10px}.sec-premium .sec-header .nav{gap:1px}.sec-premium .sec-header .nav a,.sec-premium .sec-header .sec-dd>button{padding-inline:7px;font-size:14px}}
@media(max-width:600px){.sec-premium .pentest-products{grid-template-columns:minmax(0,1fr);gap:24px}.pentest-product-copy{padding:24px}.sec-premium .minimal-security-visual{max-width:380px;aspect-ratio:1.2}.minimal-shield-ring{inset:12% 19%}.minimal-shield-emblem{width:46%}.sec-premium .ui-stats{grid-template-columns:minmax(0,1fr)}.sec-premium .model-specs>div{grid-template-columns:80px minmax(0,1fr)}.sec-premium .console-rows p{flex-wrap:wrap}.sec-premium .console-rows b{max-width:100%;text-align:left}.sec-premium .demo-label{margin-left:0}.sec-premium .back-to-top{left:12px;right:auto}.sec-premium .float-cta{max-width:calc(100% - 74px)}.sec-premium .sec-brand-text strong{font-size:18px}.sec-premium .sec-brand-text span{font-size:13px}.sec-premium .sec-brand{gap:7px}}
@media(max-width:360px){.sec-premium .sec-brand img{width:30px;height:30px}.sec-premium .sec-brand-text strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.minimal-shield-emblem{animation:none}.pentest-product{transition:none}}

.sec-premium .featured-product-copy>p:not(.sec-mono),.sec-premium .software-preview>div>p:not(.sec-mono),.sec-premium .security-check>div>p:not(.sec-mono):not(.check-question){font-size:var(--sec-text-body)}

/* Product silhouettes use true alpha, never blend-mode tricks or white image mats. */
.sec-premium .pentest-product-media>img,.sec-premium .hardware-photo:not(.is-concept)>img{filter:drop-shadow(0 10px 10px rgba(12,27,23,.12));mix-blend-mode:normal}

/* Catalog sections can be 15,000px tall on a phone: never hide/composite whole collections. */
.sec-premium .sec-cat,.sec-premium .sec-cat.reveal{opacity:1;transform:none;animation:none!important;transition:none}