/*
 * Lapkin Light Cyber Code · premium interface layer
 * Loaded last: extends Light Matrix without changing content semantics.
 * Version: 2026.08.15-cyber1
 */

@property --cyber-angle{
  syntax:'<angle>';
  inherits:false;
  initial-value:18deg;
}

:root{
  --cyber-ink:#071f18;
  --cyber-ink-2:#0b3024;
  --cyber-cyan:#00a89b;
  --cyber-cyan-soft:rgba(0,168,155,.12);
  --cyber-lime:#bdff68;
  --cyber-lime-soft:rgba(189,255,104,.18);
  --cyber-grid:rgba(7,114,83,.055);
  --cyber-grid-strong:rgba(7,114,83,.1);
  --cyber-line:rgba(0,168,155,.28);
  --cyber-surface:rgba(252,255,253,.88);
  --cyber-surface-strong:rgba(255,255,255,.96);
  --cyber-shadow:0 28px 80px -52px rgba(3,57,41,.46),0 12px 34px -28px rgba(0,168,155,.28);
  --cyber-corner:12px;
}

html{
  background:#f3f8f5;
  scrollbar-color:var(--accent) #dfe9e3;
}

body{
  background:
    radial-gradient(1100px 720px at 78% -8%,rgba(189,255,104,.11),transparent 64%),
    radial-gradient(900px 660px at -10% 54%,rgba(0,168,155,.065),transparent 68%),
    transparent!important;
}

::selection{background:rgba(189,255,104,.76);color:var(--cyber-ink)}

/* Ambient data field */
body>.matrix-field{
  background:
    radial-gradient(820px 580px at 77% 4%,rgba(189,255,104,.2),transparent 67%),
    radial-gradient(720px 620px at 2% 55%,rgba(0,168,155,.09),transparent 72%),
    linear-gradient(180deg,#fbfdfb 0%,#f2f8f4 43%,#edf5f0 100%);
}

.matrix-field::before{
  background-image:
    radial-gradient(circle,rgba(0,168,155,.11) 1px,transparent 1.25px),
    linear-gradient(var(--cyber-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--cyber-grid) 1px,transparent 1px),
    linear-gradient(rgba(7,114,83,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(7,114,83,.025) 1px,transparent 1px);
  background-position:0 0,0 0,0 0,0 0,0 0;
  background-size:18px 18px,72px 72px,72px 72px,18px 18px,18px 18px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.88),rgba(0,0,0,.48) 60%,transparent 96%);
}

.matrix-field::after{
  background:
    linear-gradient(90deg,rgba(250,253,251,.9) 0 8%,transparent 28% 76%,rgba(250,253,251,.68)),
    radial-gradient(circle at 50% 42%,transparent 0 43%,rgba(243,248,245,.3) 78%);
}

.matrix-column{
  color:rgba(0,116,87,var(--matrix-alpha));
  font-size:9px;
  line-height:2.25;
  letter-spacing:.12em;
  text-shadow:0 0 18px rgba(0,168,155,.18);
}

.matrix-column:nth-child(3n){color:rgba(82,136,52,var(--matrix-alpha))}
.matrix-column:nth-child(5n){filter:blur(.12px)}

.matrix-scan{
  position:absolute;
  z-index:3;
  right:-18%;
  left:-18%;
  top:-14%;
  height:1px;
  background:linear-gradient(90deg,transparent 4%,rgba(0,168,155,.03) 18%,rgba(0,168,155,.2) 50%,rgba(189,255,104,.12) 66%,transparent 94%);
  box-shadow:0 12px 46px 9px rgba(0,168,155,.025);
  opacity:.72;
  transform:rotate(-7deg) translate3d(0,0,0);
  animation:cyberFieldScan 18s linear infinite;
}

.matrix-beacon{
  position:absolute;
  z-index:2;
  left:var(--beacon-x);
  top:var(--beacon-y);
  width:5px;
  height:5px;
  border:1px solid rgba(0,128,98,.58);
  border-radius:50%;
  background:#f8fff9;
  box-shadow:0 0 0 5px rgba(0,168,155,.04),0 0 20px rgba(0,168,155,.18);
  opacity:var(--beacon-alpha,.68);
  animation:cyberBeacon 4.8s ease-in-out var(--beacon-delay,0s) infinite;
}

.matrix-axis{
  position:absolute;
  z-index:2;
  color:rgba(7,83,63,.25);
  font:700 8px/1.4 var(--font-mono);
  letter-spacing:.16em;
  text-transform:uppercase;
  user-select:none;
}

.matrix-axis-x{top:92px;right:22px;writing-mode:vertical-rl}
.matrix-axis-y{left:18px;bottom:22px}

@keyframes cyberFieldScan{
  0%{top:-14%;opacity:0}
  8%{opacity:.62}
  88%{opacity:.62}
  100%{top:116%;opacity:0}
}

@keyframes cyberBeacon{
  0%,100%{transform:scale(.86);opacity:.34}
  50%{transform:scale(1.16);opacity:.78}
}

/* Global chrome */
.scroll-progress{
  height:3px;
  background:linear-gradient(90deg,var(--accent),var(--cyber-cyan) 48%,var(--cyber-lime));
  box-shadow:0 0 16px rgba(0,168,155,.28);
}

header,.site-header{
  border-bottom-color:rgba(7,83,63,.22)!important;
  background:rgba(249,252,250,.82)!important;
  backdrop-filter:blur(22px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.18)!important;
}

header::after,.site-header::after{
  content:'';
  position:absolute;
  right:0;
  bottom:-1px;
  left:0;
  height:1px;
  background:linear-gradient(90deg,transparent 0 6%,rgba(0,168,155,.5) 13%,rgba(189,255,104,.48) 24%,transparent 42% 100%);
  opacity:.64;
  pointer-events:none;
}

header.is-scrolled,.site-header.is-scrolled{
  background:rgba(249,252,250,.95)!important;
  box-shadow:0 20px 54px -38px rgba(3,52,38,.42)!important;
}

.logo,.site-logo{position:relative;display:inline-flex;align-items:baseline;gap:.28em}
.logo::after,.site-logo::after{
  content:'SYS.01';
  margin-left:6px;
  color:var(--cyber-cyan);
  font:750 7px/1 var(--font-mono);
  letter-spacing:.12em;
  opacity:.82;
  transform:translateY(-8px);
}

nav ul a,.site-nav ul a{letter-spacing:-.01em}
nav ul a::after,.site-nav ul a::after{background:linear-gradient(90deg,var(--accent),var(--cyber-cyan),var(--cyber-lime))}

.burger{
  border-radius:12px 3px 12px 3px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.74),0 10px 26px -22px rgba(0,92,69,.5);
}

/* Machine labels and section rails */
.kicker,.eyebrow,.section-kicker,.card-label,.visual-code,.decision-head,.estimate-panel-head{
  text-rendering:geometricPrecision;
}

.kicker::before,.eyebrow::before,.section-kicker::before{
  content:'// ';
  color:var(--cyber-cyan);
}

.eyebrow,.section-kicker{
  display:inline-flex;
  align-items:center;
  gap:3px;
  border-left:1px solid rgba(0,168,155,.42);
  padding-left:10px;
}

.cyber-section{isolation:isolate}
.cyber-section-rail{
  position:absolute;
  z-index:2;
  top:34px;
  left:max(12px,calc(50% - 642px));
  display:flex;
  align-items:center;
  gap:9px;
  color:rgba(7,83,63,.42);
  font:750 8px/1 var(--font-mono);
  letter-spacing:.14em;
  text-transform:uppercase;
  pointer-events:none;
  user-select:none;
}

.cyber-section-rail::before{
  content:'';
  width:17px;
  height:1px;
  background:linear-gradient(90deg,var(--cyber-cyan),transparent);
}

.cyber-telemetry{
  position:absolute;
  z-index:4;
  top:22px;
  right:max(18px,calc(50% - 590px));
  display:flex;
  align-items:center;
  gap:15px;
  color:rgba(7,83,63,.48);
  font:700 8px/1.3 var(--font-mono);
  letter-spacing:.12em;
  text-transform:uppercase;
  pointer-events:none;
  user-select:none;
}

.cyber-telemetry span{display:inline-flex;align-items:center;gap:6px}
.cyber-telemetry span::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--cyber-cyan);box-shadow:0 0 0 3px rgba(0,168,155,.08)}
.cyber-telemetry span:last-child::before{background:var(--cyber-lime);box-shadow:0 0 0 3px rgba(108,165,64,.1)}

.cyber-card-id{
  position:absolute;
  z-index:4;
  top:12px;
  right:14px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:rgba(7,83,63,.44);
  font:760 8px/1 var(--font-mono);
  letter-spacing:.1em;
  pointer-events:none;
  user-select:none;
}

.cyber-card-id::before{content:'';width:10px;height:1px;background:rgba(0,168,155,.56)}

/* Hero: light command surface */
.page-home .hero,.page-med .hero,.content-hero{
  background:
    linear-gradient(90deg,rgba(250,253,251,.94),rgba(250,253,251,.52) 56%,rgba(250,253,251,.2)),
    linear-gradient(180deg,rgba(255,255,255,.16),transparent)!important;
}

.page-home .hero::after,.page-med .hero::after,.content-hero::after{
  background:
    linear-gradient(90deg,rgba(250,253,251,.9),transparent 44%,rgba(250,253,251,.12)),
    radial-gradient(circle,rgba(0,168,155,.105) 1px,transparent 1.25px),
    linear-gradient(var(--cyber-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--cyber-grid) 1px,transparent 1px)!important;
  background-size:auto,18px 18px,72px 72px,72px 72px!important;
  mask-image:linear-gradient(to bottom,black 0 76%,transparent 100%);
}

.page-home .hero h1,.page-med .hero h1,.content-hero h1{
  text-wrap:balance;
  text-shadow:0 1px 0 rgba(255,255,255,.82);
}

.page-home .hero h1 em,.page-med .hero h1 em,.content-hero h1 em{
  color:#08705a!important;
  background:none;
  -webkit-text-fill-color:#08705a;
  text-shadow:0 1px 0 rgba(255,255,255,.74),0 10px 34px rgba(0,168,155,.08);
}

.hero-assurance,.hero-facts{position:relative}
.hero-assurance::before,.hero-facts::before{
  content:'STATUS';
  flex:0 0 auto;
  align-self:center;
  color:rgba(7,83,63,.42);
  font:750 7px/1 var(--font-mono);
  letter-spacing:.12em;
}

.hero-assurance i,.hero-facts li::before{
  background:var(--cyber-cyan)!important;
  box-shadow:0 0 0 4px rgba(0,168,155,.08),0 0 14px rgba(0,168,155,.18)!important;
}

/* CTAs: precision-cut, still readable and accessible */
.btn{
  border-radius:12px 3px 12px 3px;
  background:linear-gradient(105deg,#075e49 0%,#08745b 62%,#087a66 100%);
  box-shadow:0 15px 34px -22px rgba(4,86,63,.9),inset 0 1px 0 rgba(255,255,255,.18);
}

.btn::before{
  content:'';
  position:absolute;
  z-index:2;
  top:5px;
  right:5px;
  width:7px;
  height:7px;
  border-top:1px solid rgba(189,255,104,.84);
  border-right:1px solid rgba(189,255,104,.84);
  opacity:.78;
  pointer-events:none;
}

.btn:hover{
  background:linear-gradient(105deg,#064f3e,#066b55 60%,#087b67);
  box-shadow:0 22px 46px -25px rgba(0,92,68,.82),0 0 0 1px rgba(0,168,155,.12);
}

.btn.ghost{
  border-color:rgba(74,103,88,.72);
  background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(242,249,245,.78));
}

.btn.ghost::before{border-color:rgba(0,168,155,.55)}
.btn.ghost:hover{border-color:var(--cyber-cyan);background:#fff;color:var(--accent)}

.text-link{width:fit-content;max-width:100%;min-width:0;flex-wrap:wrap;border-bottom-color:rgba(0,168,155,.42);overflow-wrap:anywhere}
.text-link::before{content:'>_';color:var(--cyber-cyan);font:760 9px/1 var(--font-mono);letter-spacing:-.08em}

/* Premium machine surfaces */
.system-visual,.med-visual,.decision-card,.estimate-panel,.quiz-box,.contact,.contact-shell,.expert-panel{
  border-color:rgba(7,102,76,.3)!important;
  box-shadow:var(--cyber-shadow),inset 0 1px 0 rgba(255,255,255,.9)!important;
}

.system-visual,.med-visual,.decision-card,.estimate-panel,.quiz-box,.contact-shell{
  background-color:rgba(250,254,251,.94)!important;
  background-image:
    radial-gradient(540px circle at var(--surface-x,82%) var(--surface-y,-10%),rgba(189,255,104,.2),transparent 58%),
    radial-gradient(circle,rgba(0,168,155,.08) 1px,transparent 1.2px),
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(231,244,237,.76))!important;
  background-size:auto,18px 18px,auto!important;
}

.system-visual,.med-visual,.decision-card,.estimate-panel,.quiz-box,.contact-shell,.content-card,.card,.related-link,.toc,.evidence-item,.system-node,.estimator-group{
  clip-path:polygon(0 0,calc(100% - var(--cyber-corner)) 0,100% var(--cyber-corner),100% 100%,var(--cyber-corner) 100%,0 calc(100% - var(--cyber-corner)));
}

.visual-top,.med-visual-head,.decision-head{
  position:relative;
  z-index:4;
  margin:-20px -20px 18px;
  border-bottom:1px solid rgba(189,255,104,.22)!important;
  padding:15px 18px;
  background:
    radial-gradient(240px circle at 84% -80%,rgba(189,255,104,.18),transparent 70%),
    linear-gradient(112deg,var(--cyber-ink),var(--cyber-ink-2));
  color:#eafff6!important;
  box-shadow:0 14px 28px -24px rgba(3,43,31,.78);
}

.visual-label,.med-visual-head,.decision-head span:first-child{color:#effff8!important}
.visual-code,.med-visual-head span:last-child,.decision-head span:last-child{color:var(--cyber-lime)!important}
.signal-dot{background:var(--cyber-lime)!important;box-shadow:0 0 0 4px rgba(189,255,104,.1),0 0 14px rgba(189,255,104,.42)!important}

.decision-card{padding:20px 26px 26px}
.decision-head{margin:-20px -26px 18px;padding-inline:25px}

.decision-step,.path-node,.system-node{
  border-color:rgba(7,102,76,.24)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(242,249,245,.8))!important;
  box-shadow:inset 0 1px 0 #fff,0 14px 30px -28px rgba(0,92,68,.48)!important;
}

.decision-step{transition:border-color var(--motion-fast) ease,transform var(--motion-fast) var(--ease-premium),box-shadow var(--motion-fast) ease}
.decision-step:hover{border-color:rgba(0,168,155,.52)!important;transform:translateX(3px);box-shadow:inset 3px 0 0 rgba(0,168,155,.72),0 16px 32px -28px rgba(0,92,68,.52)!important}
.decision-step i,.system-node i,.path-node i{border-radius:9px 3px 9px 3px!important}

.cyber-scanline{
  position:absolute!important;
  z-index:3!important;
  right:0;
  left:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,168,155,.42) 35%,rgba(189,255,104,.48) 55%,transparent 88%);
  opacity:0;
  pointer-events:none;
  transform:translate3d(0,0,0);
}

.is-revealed>.cyber-scanline,.system-visual .cyber-scanline,.med-visual .cyber-scanline,.decision-card .cyber-scanline{
  animation:cyberPanelScan 6.8s 1.1s var(--ease-premium) infinite;
}

@keyframes cyberPanelScan{
  0%,14%{top:0;opacity:0}
  18%{opacity:.58}
  52%{opacity:.28}
  64%,100%{top:100%;opacity:0}
}

/* Cards and evidence */
.card,.content-card,.related-link,.evidence-item,.process-item,.deliverable-list li,.proof,.proof-strip,.case-snapshot,.comparison-wrap,.truth-note,.article-callout,.toc,.faq-list details{
  border-color:rgba(7,102,76,.25)!important;
}

.card,.content-card,.related-link,.evidence-item,.deliverable-list li,.toc,.faq-list details{
  background-color:var(--cyber-surface)!important;
  box-shadow:0 16px 42px -34px rgba(0,83,61,.46),inset 0 1px 0 rgba(255,255,255,.94)!important;
}

.content-card::before,.grid:not(.steps)>.card::before,.related-link::before,.evidence-item::before{
  content:'';
  position:absolute;
  z-index:3;
  inset:-1px;
  border-radius:inherit;
  padding:1px;
  background:conic-gradient(from var(--cyber-angle),transparent 0 70%,rgba(0,168,155,.62) 81%,rgba(189,255,104,.72) 88%,transparent 96%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  opacity:0;
  pointer-events:none;
  transition:opacity var(--motion-fast) ease,--cyber-angle 900ms var(--ease-premium);
}

.content-card:hover::before,.grid:not(.steps)>.card:hover::before,.related-link:hover::before,.evidence-item:hover::before{
  --cyber-angle:230deg;
  opacity:1;
}

.card:hover,.content-card:hover,.related-link:hover,.evidence-item:hover{
  border-color:rgba(0,168,155,.4)!important;
  box-shadow:0 26px 64px -44px rgba(0,83,61,.62),0 0 0 1px rgba(0,168,155,.08),inset 0 1px 0 #fff!important;
}

.content-card .card-label,.card .tagline,.quiz-result .tagline{
  border:1px solid rgba(0,168,155,.18);
  border-radius:9px 3px 9px 3px;
  background:linear-gradient(110deg,rgba(0,168,155,.1),rgba(189,255,104,.13));
}

.steps .card::before,.process-item::before{
  border:1px solid rgba(7,83,63,.12);
  border-radius:11px 3px 11px 3px!important;
  background:linear-gradient(145deg,var(--cyber-lime),#8ddc72)!important;
  box-shadow:0 13px 28px -18px rgba(7,97,69,.55)!important;
}

.proof,.proof-strip,.case-snapshot{
  background:
    linear-gradient(rgba(255,255,255,.58),rgba(255,255,255,.58)),
    radial-gradient(circle,rgba(0,168,155,.08) 1px,transparent 1px)!important;
  background-size:auto,18px 18px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 18px 52px -45px rgba(0,83,61,.4);
}

.proof b,.proof-strip b,.case-snapshot b{font-variant-numeric:tabular-nums}
.proof b::before,.proof-strip b::before{content:'+';margin-right:3px;color:var(--cyber-cyan);font:760 .52em/1 var(--font-mono);vertical-align:top}

/* Section hierarchy */
.content-section,.page-home main>section,.page-med main>section{position:relative}
.section-alt,.page-home section[style*='background'],.page-med section[style*='background']{
  background:
    linear-gradient(rgba(232,241,234,.72),rgba(232,241,234,.72)),
    radial-gradient(circle,rgba(0,168,155,.08) 1px,transparent 1px)!important;
  background-size:auto,18px 18px!important;
  border-block-color:rgba(7,102,76,.12)!important;
}

.section-head h2,.page-home section .wrap>h2,.page-med section .wrap>h2{
  text-wrap:balance;
}

.section-head h2::after,.page-home section .wrap>h2::after,.page-med section .wrap>h2::after{
  content:'';
  display:inline-block;
  width:7px;
  height:7px;
  margin-left:10px;
  border-radius:1px;
  background:var(--cyber-cyan);
  box-shadow:0 0 0 4px rgba(0,168,155,.07);
  vertical-align:.18em;
}

/* Interactive modules */
.quiz-box{position:relative}
.quiz-head{position:relative;z-index:4}
.quiz-progress i{border-radius:2px;background:#b9cec3!important}
.quiz-progress span{background:linear-gradient(90deg,#c5d6cd,#aacbbd)!important}
.quiz-box[data-stage='1'] .quiz-progress i:nth-child(1),.quiz-box[data-stage='2'] .quiz-progress i:nth-child(-n+3),.quiz-box[data-stage='3'] .quiz-progress i{
  background:var(--cyber-cyan)!important;
  box-shadow:0 0 0 4px rgba(0,168,155,.09),0 0 12px rgba(0,168,155,.22)!important;
}

.quiz-opt,.estimate-choice span{
  border-radius:11px 3px 11px 3px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(244,250,247,.84))!important;
}

.quiz-opt:hover,.estimate-choice input:checked+span{
  border-color:var(--cyber-cyan)!important;
  background:linear-gradient(135deg,rgba(225,248,239,.92),rgba(242,255,226,.78))!important;
}

.estimate-panel-head{
  margin:-28px -28px 0;
  padding:17px 27px;
  background:linear-gradient(112deg,var(--cyber-ink),var(--cyber-ink-2));
  color:var(--cyber-lime)!important;
}

.estimate-result .estimate-price{background:linear-gradient(95deg,var(--accent),var(--cyber-cyan));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}

.faq-list details{overflow:hidden;border-radius:13px 3px 13px 3px}
.faq-list details[open]{box-shadow:inset 3px 0 0 var(--cyber-cyan),0 18px 40px -34px rgba(0,83,61,.42)!important}
.faq-list summary::after{font-family:var(--font-mono)}

/* Forms as a command handoff */
.contact,.contact-shell{position:relative}
.contact-shell-grid,.contact>h2,.contact>p,.contact>form{position:relative;z-index:4}
.contact-shell::before,.contact::before{
  content:'HANDOFF / SECURE INPUT';
  position:absolute;
  z-index:3;
  top:16px;
  right:20px;
  color:rgba(7,83,63,.42);
  font:750 8px/1 var(--font-mono);
  letter-spacing:.12em;
  pointer-events:none;
}

.form-field label,.field label{font-family:var(--font-mono);font-size:11px!important;letter-spacing:.035em}
.form-field label::before,.field label::before{content:'>';margin-right:6px;color:var(--cyber-cyan)}

.form-field input,.form-field textarea,input,textarea{
  border-radius:11px 3px 11px 3px!important;
  background:rgba(250,253,251,.92)!important;
}

.form-field input:focus,.form-field textarea:focus,input:focus,textarea:focus{
  border-color:var(--cyber-cyan)!important;
  box-shadow:0 0 0 4px rgba(0,168,155,.09),inset 3px 0 0 rgba(0,168,155,.5)!important;
}

.mobile-cta{
  border-radius:14px 4px 14px 4px!important;
  border-color:rgba(0,133,102,.34)!important;
  background:rgba(250,254,251,.95)!important;
  backdrop-filter:blur(18px) saturate(1.2);
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
}

/* Editorial and legal pages */
.article-body h2{position:relative;padding-left:18px}
.article-body h2::before{content:'';position:absolute;top:.17em;bottom:.12em;left:0;width:3px;background:linear-gradient(var(--cyber-cyan),var(--cyber-lime));border-radius:2px}
.article-callout,.truth-note{background:linear-gradient(125deg,rgba(222,244,235,.82),rgba(247,252,249,.82))!important}
.toc b::before{content:'// ';color:var(--cyber-cyan)}
.toc a[aria-current='true']{color:var(--accent);font-weight:720}

.page-legal .wrap{
  position:relative;
  border-color:rgba(7,102,76,.28);
  border-radius:24px 4px 24px 4px;
  background:
    linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.92)),
    radial-gradient(circle,rgba(0,168,155,.08) 1px,transparent 1px);
  background-size:auto,18px 18px;
  box-shadow:var(--cyber-shadow);
}

.page-legal .wrap::before{
  content:'DOCUMENT / VERIFIED STRUCTURE';
  position:absolute;
  top:18px;
  right:22px;
  color:rgba(7,83,63,.38);
  font:750 8px/1 var(--font-mono);
  letter-spacing:.12em;
}

.page-offer .page{border-radius:20px 3px 20px 3px;box-shadow:var(--cyber-shadow)}

/* Grid children must be allowed to shrink on the narrowest supported viewport. */
.page-home .about,.page-home .about>*{min-width:0;max-width:100%}
.page-home .about .text-link{white-space:normal}

/* Footer system rail */
footer,.site-footer{position:relative;background:rgba(248,252,249,.74)!important}
footer::before,.site-footer::before{
  content:'LAPKN / DIGITAL SYSTEMS · LIGHT CYBER INTERFACE · 2026';
  position:absolute;
  top:0;
  left:50%;
  width:min(1180px,calc(100% - 48px));
  border-top:1px solid rgba(0,168,155,.24);
  padding-top:7px;
  color:rgba(7,83,63,.36);
  font:700 7px/1 var(--font-mono);
  letter-spacing:.13em;
  transform:translateX(-50%);
  pointer-events:none;
}

@media(hover:hover) and (pointer:fine){
  .system-visual:hover,.med-visual:hover,.decision-card:hover,.estimate-panel:hover,.quiz-box:hover,.contact-shell:hover{
    border-color:rgba(0,168,155,.42)!important;
  }
}

@media(max-width:1320px){
  .cyber-section-rail{left:14px}
}

@media(max-width:1180px){
  .cyber-section-rail{display:none}
  .cyber-telemetry{right:24px}
}

@media(max-width:820px){
  .logo::after,.site-logo::after{content:'01';margin-left:1px;transform:translateY(-7px)}
  .cyber-telemetry{top:14px;right:18px;gap:10px}
  .cyber-telemetry span:not(:first-child){display:none}
  .visual-top,.med-visual-head{margin:-18px -18px 16px}
  .decision-card{padding:18px 22px 22px}
  .decision-head{margin:-18px -22px 16px;padding-inline:21px}
}

@media(max-width:620px){
  :root{--cyber-corner:9px}
  .matrix-axis{display:none}
  .matrix-column{opacity:.78}
  .cyber-telemetry{display:none}
  .hero-assurance::before,.hero-facts::before{display:none}
  .page-home .hero,.page-med .hero,.content-hero{background:linear-gradient(180deg,rgba(250,253,251,.91),rgba(250,253,251,.42))!important}
  .page-home .hero::after,.page-med .hero::after,.content-hero::after{background-size:auto,18px 18px,54px 54px,54px 54px!important}
  .visual-top,.med-visual-head{margin:-16px -16px 15px;padding:13px 14px}
  .decision-card{padding:16px 19px 19px}
  .decision-head{margin:-16px -19px 15px;padding:14px 18px}
  .estimate-panel-head{margin:-23px -20px 0;padding:15px 19px}
  .cyber-card-id{top:9px;right:10px}
  .page-home .about .photo,.page-home .about .text-link{width:100%;max-width:100%}
  .contact-shell::before,.contact::before,.page-legal .wrap::before{display:none}
  footer::before,.site-footer::before{width:calc(100% - 32px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

@media(max-width:400px){
  .text-link::before{display:none}
}

@media(prefers-reduced-motion:reduce){
  .matrix-scan,.matrix-beacon,.cyber-scanline{animation:none!important}
  .content-card::before,.grid:not(.steps)>.card::before,.related-link::before,.evidence-item::before{display:none}
  .decision-step:hover{transform:none}
}

html.motion-reduced .matrix-scan,
html.motion-reduced .matrix-beacon,
html.motion-reduced .cyber-scanline{animation:none!important}

@media print{
  .cyber-section-rail,.cyber-telemetry,.cyber-card-id,.cyber-scanline,.matrix-field{display:none!important}
  .system-visual,.med-visual,.decision-card,.estimate-panel,.quiz-box,.contact-shell,.content-card,.card,.related-link,.toc,.page-legal .wrap{clip-path:none!important}
}