.page-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:100;background:rgba(22,78,216,.08)}.page-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#164ed8,#60a5fa);transform:scaleX(0);transform-origin:left;box-shadow:0 0 14px #3673ff}
#network-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.7}.noise{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}
.site-header{position:fixed;background:rgba(242,239,232,.72);backdrop-filter:blur(18px) saturate(130%)}.hero{padding-top:130px}.hero:after{content:"";position:absolute;width:45vw;height:45vw;right:-10vw;top:15%;border-radius:50%;background:radial-gradient(circle,rgba(22,78,216,.13),transparent 68%);filter:blur(10px);animation:breathe 6s ease-in-out infinite}
.portrait-frame{filter:drop-shadow(0 40px 38px rgba(7,18,35,.2));transform:translateY(calc(var(--scroll,0)*-.025px))}.hero-copy{transform:translateY(calc(var(--scroll,0)*.018px))}.floating-note,.signal-panel{background:rgba(242,239,232,.72);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 22px 70px rgba(10,23,45,.13)}
.signal-panel{position:absolute;left:-2%;bottom:8%;z-index:6;width:210px;padding:16px;border:1px solid rgba(22,78,216,.25)}.signal-panel>div:first-child{display:flex;justify-content:space-between;font-size:.51rem;letter-spacing:.14em}.signal-panel b{color:#16a36a;font-weight:600}.signal-panel small{font-size:.45rem;letter-spacing:.14em;color:#718096}.signal-bars{height:44px;display:flex;align-items:flex-end;gap:5px;margin:12px 0}.signal-bars i{flex:1;background:linear-gradient(#64a0ff,#164ed8);animation:signal 1.2s ease-in-out infinite alternate}.signal-bars i:nth-child(1){height:25%;animation-delay:-.2s}.signal-bars i:nth-child(2){height:64%;animation-delay:-.7s}.signal-bars i:nth-child(3){height:40%;animation-delay:-.4s}.signal-bars i:nth-child(4){height:88%;animation-delay:-.9s}.signal-bars i:nth-child(5){height:52%;animation-delay:-.1s}.signal-bars i:nth-child(6){height:74%;animation-delay:-.6s}.signal-bars i:nth-child(7){height:36%;animation-delay:-.3s}
.system-strip{position:relative;z-index:3;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:18px;padding:32px 5vw;background:#0a1320;color:white;border-bottom:1px solid rgba(255,255,255,.1)}.system-strip div{display:grid;grid-template-columns:auto auto;gap:4px 20px;min-width:150px}.system-strip small{font-size:.48rem;letter-spacing:.16em;color:#719eff}.system-strip strong{grid-row:2;font:500 .72rem var(--display);letter-spacing:.1em}.system-strip div i{grid-row:1/3;grid-column:2;width:7px;height:7px;margin:auto;border:1px solid #5d91ff;border-radius:50%;box-shadow:0 0 12px #4a83ff;animation:blink 1.5s infinite}.pulse-line{height:1px;background:rgba(95,139,240,.28);position:relative;overflow:hidden}.pulse-line b{position:absolute;width:60px;height:100%;background:linear-gradient(90deg,transparent,#68a0ff,transparent);animation:travel 2.4s linear infinite}
.about{position:relative}.about:before{content:"SYSTEM / TRUST / RELIABILITY / 001";position:absolute;right:5vw;top:48px;font:500 .48rem var(--display);letter-spacing:.18em;color:rgba(22,78,216,.5)}.pillars article{position:relative;overflow:hidden;transition:.4s}.pillars article:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 50%,rgba(22,78,216,.08));transform:translate(100%,100%);transition:.55s}.pillars article:hover{padding-left:24px!important;background:rgba(255,255,255,.35)}.pillars article:hover:after{transform:none}
.portfolio{background:radial-gradient(circle at 75% 20%,#172a47 0,#101a29 28%,#0b1320 70%);position:relative}.portfolio:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(90,130,200,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(90,130,200,.06) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(black,transparent 90%)}.portfolio-head,.product-rail,.rail-guide,.portfolio-hud{position:relative;z-index:2}.portfolio-hud{display:flex;align-items:center;gap:14px;margin:44px 5vw -40px;font-size:.49rem;letter-spacing:.16em;color:#7fa8ff}.portfolio-hud i{height:1px;flex:1;background:rgba(127,168,255,.2)}.portfolio-hud b{font-weight:500;color:#b6c4d8}.portfolio-hud em{font-style:normal;color:#4ade9a}.product-rail{scroll-snap-type:x mandatory;padding-top:72px}.product-card{scroll-snap-align:center;position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform;transition:transform .25s ease,box-shadow .4s;border-color:rgba(110,155,255,.18);background:linear-gradient(145deg,rgba(29,43,64,.96),rgba(12,21,34,.96));box-shadow:0 30px 80px rgba(0,0,0,.25)}.product-card:before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(100,158,255,.16),transparent 42%)}.product-card figure{position:relative}.product-card figure:after{content:"SCAN / VERIFIED";position:absolute;right:14px;top:14px;padding:7px 9px;background:rgba(8,15,25,.74);backdrop-filter:blur(8px);border:1px solid rgba(128,170,255,.24);font-size:.43rem;letter-spacing:.14em;color:#9abaff}.product-card figure:before{content:"";position:absolute;z-index:2;left:0;right:0;height:1px;top:0;background:linear-gradient(90deg,transparent,#73a6ff,transparent);box-shadow:0 0 18px #4f8dff;animation:scan 4s linear infinite}.product-card:hover{box-shadow:0 45px 100px rgba(0,0,0,.42),0 0 0 1px rgba(90,144,255,.22)}
.step{position:relative;transition:.35s;padding-left:0}.step:before{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:var(--blue);transition:.7s}.step:hover{padding-left:18px;background:linear-gradient(90deg,rgba(22,78,216,.055),transparent)}.step:hover:before{width:100%}.vision{background:radial-gradient(circle at 25% 45%,#f0f1ef,#d6d9d7 55%,#c8cdd0)}.vision-art{filter:drop-shadow(0 30px 45px rgba(17,32,58,.16))}.contact{position:relative;overflow:hidden;background:linear-gradient(135deg,#1547c9,#0c36a9)}.contact:before{content:"";position:absolute;inset:-40%;background:repeating-radial-gradient(circle at center,transparent 0 90px,rgba(255,255,255,.055) 91px 92px);animation:spin 70s linear infinite}.contact>*{position:relative;z-index:2}.contact-links a{transition:.3s}.contact-links a:hover{padding-left:14px;padding-right:10px;background:rgba(255,255,255,.08)}
@keyframes signal{to{height:95%;filter:brightness(1.4)}}@keyframes blink{50%{opacity:.25;box-shadow:none}}@keyframes travel{from{left:-70px}to{left:100%}}@keyframes scan{from{top:0}to{top:100%}}@keyframes breathe{50%{transform:scale(1.12);opacity:.65}}
@media(max-width:900px){.system-strip{grid-template-columns:1fr;gap:12px}.system-strip .pulse-line{width:1px;height:22px;margin-left:3px}.signal-panel{left:0}.portfolio-hud{margin-top:35px}.product-card{transform:none!important}}
@media(max-width:600px){#network-canvas{opacity:.42}.signal-panel{display:none}.system-strip{padding:24px 22px}.portfolio-hud{margin-left:22px;margin-right:22px}.portfolio-hud b{display:none}.noise{opacity:.018}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.product-card{transform:none!important}}