.hero{color:#edf7ff;background:radial-gradient(circle at 12% 18%,#00d8ff1f,#0000 24%),radial-gradient(circle at 78% 52%,#0082ff14,#0000 30%),#030812;height:100svh;min-height:720px;position:relative;overflow:hidden}.hero:before{content:"";opacity:.14;pointer-events:none;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 0%,#03081247 45%,#030812f5 100%);position:absolute;inset:0}.hero-shell{z-index:2;flex-direction:column;max-width:1640px;height:100%;margin:0 auto;padding:34px 72px;display:flex;position:relative}.hero-brand{height:28px;font-family:var(--font-mono), monospace;color:#00d8ff;letter-spacing:.02em;align-items:center;gap:16px;font-size:15px;display:flex}.hero-brand-dot{background:#00d8ff;border-radius:999px;width:7px;height:7px;box-shadow:0 0 16px #00d8ffe6}.hero-brand-line{background:linear-gradient(90deg,#00d8ff8c,#0000);width:520px;height:1px}.hero-content{flex:1;grid-template-columns:minmax(460px,.92fr) minmax(620px,1.08fr);align-items:center;gap:72px;min-height:0;padding-top:18px;display:grid}.hero-left{min-width:0;padding-left:66px;position:relative}.side-rail{height:430px;font-family:var(--font-mono), monospace;color:#00d8ff;flex-direction:column;justify-content:space-between;align-items:center;font-size:12px;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.side-rail-top{transform:rotate(90deg)}.side-rail-bottom{transform:rotate(-90deg)}.side-rail-line{background:#00d8ff40;width:1px;height:280px;position:relative}.side-rail-line:after{content:"";background:#00d8ff;width:4px;height:24px;position:absolute;top:43%;left:50%;transform:translate(-50%);box-shadow:0 0 14px #00d8ffcc}.hero-title{font-family:var(--font-display), Impact, sans-serif;letter-spacing:-.055em;text-transform:uppercase;color:#f2f8ff;text-shadow:0 0 18px #ffffff21;margin:0;font-size:clamp(84px,7.6vw,132px);font-weight:700;line-height:.92}.hero-title span{display:block}.hero-title .cyan{color:#00aeef;text-shadow:0 0 20px #00d8ff59}.hero-divider{background:#00d8ff;width:42px;height:1px;margin-top:34px}.hero-subtitle{max-width:560px;font-family:var(--font-mono), monospace;color:#c9d6e3;margin:26px 0 0;font-size:17px;line-height:1.8}.hero-actions{gap:22px;margin-top:38px;display:flex}.hero-button{color:#fff;min-width:230px;height:58px;font-family:var(--font-mono), monospace;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));background:#00d8ff14;border:1px solid #00d8ffe6;justify-content:center;align-items:center;gap:14px;padding:0 30px;font-size:15px;transition:background .18s,box-shadow .18s,transform .18s;display:inline-flex;position:relative;box-shadow:0 0 26px #00d8ff24}.hero-button.secondary{background:0 0}.hero-button:hover{background:#00d8ff29;transform:translateY(-1px);box-shadow:0 0 34px #00d8ff47}.hero-status{font-family:var(--font-mono), monospace;color:#edf7ffc7;align-items:center;gap:18px;margin-top:58px;font-size:14px;display:flex}.hero-status strong{color:#00d8ff;font-weight:400}.status-dot{background:#00d8ff;border-radius:999px;width:6px;height:6px}.status-line{background:linear-gradient(90deg,#00d8ff38,#0000);flex:1;height:1px}.hero-visual{justify-content:flex-end;align-items:center;min-width:0;display:flex;position:relative;transform:translateY(-24px)}.photo-frame{aspect-ratio:.96;clip-path:polygon(3.5% 0%,70% 0%,72% 1.2%,96% 1.2%,100% 5.5%,100% 94.5%,96.5% 100%,4% 100%,0% 96%,0% 4%);background:#00d8ffc7;width:min(100%,820px);padding:1px;position:relative;box-shadow:0 0 34px #00d8ff1f,inset 0 0 20px #00d8ff0f}.photo-inner{clip-path:polygon(3.5% 0%,70% 0%,72% 1.2%,96% 1.2%,100% 5.5%,100% 94.5%,96.5% 100%,4% 100%,0% 96%,0% 4%);background:#000;width:100%;height:100%;position:relative;overflow:hidden}.photo-inner img{object-fit:cover;object-position:center center;transform:scale(1)}.photo-inner:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#04101c08,#0000,#04101c1a),linear-gradient(#0308120f,#0000 45%,#03081224);position:absolute;inset:0}.hud-label{z-index:3;font-family:var(--font-mono), monospace;color:#00d8ff;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;top:28px;left:34px}.hud-corner{border-top:1px solid #00d8ff;border-left:1px solid #00d8ff;width:20px;height:20px}.hud-dots{z-index:3;gap:14px;display:flex;position:absolute;top:34px;right:38px}.hud-dots span{background:#00d8ff;width:6px;height:6px;box-shadow:0 0 10px #00d8ff80}.hud-ticks{z-index:3;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:50%;right:-2px;transform:translateY(-50%)}.hud-ticks span{background:#00d8ffbf;width:18px;height:1px}.hud-ticks span:nth-child(2n){width:30px}.camera-meta{z-index:3;font-family:var(--font-mono), monospace;letter-spacing:.03em;color:#00d8ffe6;font-size:12px;position:absolute;bottom:28px;right:34px}.photo-glow{z-index:-1;filter:blur(44px);background:#00d8ff13;position:absolute;inset:-18px}@media (max-width:1180px){.hero{height:auto;min-height:100svh;overflow:hidden}.hero-shell{height:auto;min-height:100svh;padding:28px 32px 40px}.hero-content{grid-template-columns:1fr;gap:48px;padding-top:36px}.hero-left{padding-left:0}.side-rail{display:none}.hero-title{font-size:clamp(70px,13vw,116px)}.hero-status{display:none}.hero-visual{justify-content:flex-start;max-width:820px;transform:none}.photo-frame{width:100%}}@media (max-width:640px){.hero-shell{padding:22px 18px 32px}.hero-brand-line{width:180px}.hero-title{font-size:58px}.hero-subtitle{font-size:14px;line-height:1.7}.hero-actions{flex-direction:column}.hero-button{width:100%}.camera-meta{display:none}.hud-label{top:22px;left:24px}.hud-dots{top:28px;right:28px}}