/* Four-cell patches: independent tones, open seams, restrained junction pulses. */
.quad-patch{position:absolute;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;pointer-events:none;isolation:isolate}
.quad-patch>i{border-top:1px solid #68716e27;border-left:1px solid #68716e18;position:relative}
.quad-patch>i:nth-child(1){background:linear-gradient(145deg,#a9afad20,#d9dcd705)}
.quad-patch>i:nth-child(2){background:#7f88872b;border-top-color:#68716e59}
.quad-patch>i:nth-child(3){background-image:linear-gradient(#7c858515 1px,transparent 1px),linear-gradient(90deg,#7c858515 1px,transparent 1px);background-size:18px 18px}
.quad-patch>i:nth-child(4){background:linear-gradient(130deg,#999f9c0a,#a3aba82b);filter:blur(.7px)}
.quad-patch>i:nth-child(2):after{content:'';position:absolute;top:7px;right:8px;width:13px;height:2px;background:#68777366}
.patch-1{right:2%;top:8%;width:24%;height:22%;opacity:.67}
.patch-2{left:32%;bottom:9%;width:14.5%;height:19%;opacity:.62;transform:translateY(9px)}
.patch-2>i:nth-child(2){background:#fdfdf97a}.patch-2>i:nth-child(1){background:#828b881b}
.patch-3{right:-6%;bottom:17%;width:19%;height:18%;opacity:.46;filter:blur(1px)}
.grid-junction{position:absolute;left:50%;top:50%;width:5px;height:5px;transform:translate(-50%,-50%);border:1px solid #657d71;background:#f6f5ef;z-index:2}
.grid-junction:after{content:'';position:absolute;inset:-5px;border:1px solid #6f837d;opacity:0;animation:junction-breathe 7s ease-out infinite}
.patch-2 .grid-junction:after{animation-delay:2.4s}.patch-3 .grid-junction:after{animation-delay:4.8s}
.grid-trace{position:absolute;width:28%;height:1px;left:22%;top:50%;background:linear-gradient(90deg,transparent,#73867a);opacity:0;animation:grid-connect 7s ease-out infinite}
.patch-2 .grid-trace{animation-delay:2.4s}.patch-3 .grid-trace{animation-delay:4.8s}
@keyframes junction-breathe{0%,18%,100%{opacity:0;transform:scale(.6)}5%{opacity:.6;transform:scale(1)}16%{opacity:0;transform:scale(1.6)}}
@keyframes grid-connect{0%,20%,100%{opacity:0;transform:translateX(-20px)}4%{opacity:.55}15%{opacity:0;transform:translateX(35px)}}
.sketch-module{position:absolute;fill:none;stroke:#63796b;stroke-width:.8;opacity:.16;pointer-events:none}
.sketch-module .sketch-guide{stroke-dasharray:2 5;opacity:.5;stroke-width:.6}
.sketch-dish{left:31%;bottom:7%;width:16%;height:22%;transform:rotate(-8deg)}
.sketch-helix{right:4%;top:7%;width:17%;height:23%;opacity:.12}
.depth-grid.grid-near{top:9%;right:29%;width:22%;height:24%;opacity:.6}.depth-grid.grid-far{opacity:.5}
.rail-upper{opacity:.45}.caption-upper{top:5%;right:3%}.rail-lower{display:none}
.caption-lower{right:7%;bottom:12%}.orbit-blueprint{opacity:.3}
.hero-actions{display:flex;gap:12px;align-items:stretch;margin-top:29px;max-width:355px}
body[data-state=home] .hero-actions a{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 17px;font-size:13px;line-height:1.3;margin:0;width:50%;min-width:0;border:1px solid #879b8e;transition:background .2s,color .2s}
body[data-state=home] .hero-actions .primary{background:transparent;color:#274a3b}
.hero-actions .company-link{background:transparent;color:#274a3b}
body[data-state=home] .hero-actions a:hover{background:#284b3b;color:#fff}
body[data-state=home] .company-signature{display:block;margin-top:18px;font-size:11px;letter-spacing:.04em;color:#516f5d}
body[data-state=home] .home-scroll{font-size:12px;gap:24px;align-items:center;padding-top:13px;border-top:1px solid #9bac9c77;width:285px;justify-content:space-between}
.home-scroll .scroll-caption{font-size:9px;letter-spacing:.08em;color:#7b8f7d;display:flex;flex-direction:column;gap:7px}
.home-scroll .scroll-caption strong{font-size:13px;letter-spacing:.02em;color:#486752;font-weight:500}
body[data-grid-paused=true] .grid-junction:after,body[data-grid-paused=true] .grid-trace{animation-play-state:paused}
@media(max-width:650px){.patch-1{top:44%;right:-5%;width:45%;height:15%;opacity:.55}.patch-2{left:5%;bottom:8%;width:37%;height:18%;opacity:.4}.patch-3{display:none}.sketch-dish{left:5%;bottom:7%;width:35%;height:18%}.sketch-helix{right:-3%;top:43%;width:30%;height:15%}.hero-actions{margin-top:17px;max-width:310px;gap:9px}body[data-state=home] .hero-actions a{font-size:12px;padding:12px 13px;gap:10px}body[data-state=home] .company-signature{font-size:9px;margin-top:13px}body[data-state=home] .home-scroll{display:none}.depth-grid.grid-near{top:43%;right:27%;height:16%;width:33%}}
@media(prefers-reduced-motion:reduce){.grid-junction:after,.grid-trace{animation:none!important}.hero-actions a{transition:none!important}}
