:root{
  --bg:#05070d;
  --bg2:#090d16;
  --panel:#0b111d;
  --text:#f4f7ff;
  --muted:#93a0b7;
  --dim:#5e6a7f;
  --line:rgba(138,165,255,.16);
  --line2:rgba(174,105,255,.28);
  --cyan:#35d7ff;
  --blue:#3478ff;
  --violet:#8e48ff;
  --magenta:#d43cff;
  --green:#55ffb2;
  --danger:#ff5f7a;
  --container:1240px;
  --header:72px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:#05070d;color:var(--text);font-family:"Segoe UI Variable","Aptos","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::selection{background:#7e42ff;color:#fff}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
img{display:block;max-width:100%}
button{color:inherit}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.container{width:min(calc(100% - 48px),var(--container));margin-inline:auto}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}
.skip-link{position:fixed;left:14px;top:-80px;z-index:9999;padding:10px 14px;background:#fff;color:#000;font-weight:800}.skip-link:focus{top:14px}
.preview-badge{position:fixed;right:18px;bottom:18px;z-index:999;background:rgba(4,7,13,.88);border:1px solid rgba(53,215,255,.28);box-shadow:0 0 30px rgba(53,215,255,.09);backdrop-filter:blur(12px);padding:8px 11px;font:700 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#b7c7dc}
#ambientCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;background:radial-gradient(circle at 68% 8%,rgba(77,46,190,.18),transparent 30%),radial-gradient(circle at 20% 76%,rgba(0,119,255,.10),transparent 32%),#05070d}
.fx-noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.16;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 3px);mix-blend-mode:screen}
.scroll-progress{position:fixed;left:0;top:0;height:2px;width:0;z-index:2000;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--magenta));box-shadow:0 0 18px rgba(92,111,255,.8)}
.site-header{position:sticky;top:0;height:var(--header);z-index:1000;background:linear-gradient(180deg,rgba(5,7,13,.94),rgba(5,7,13,.76));border-bottom:1px solid rgba(255,255,255,.055);backdrop-filter:blur(18px)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand img{width:44px;height:30px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(126,75,255,.35))}.brand-word{font-weight:850;letter-spacing:-.045em;font-size:1rem}.brand-word b{color:#fff}.brand-word span{color:#8b98ad;font-weight:650}
.site-nav{display:flex;align-items:center;gap:26px}.site-nav>a{position:relative;font-size:.84rem;font-weight:680;color:#9da9bc;letter-spacing:.025em;padding:10px 0}.site-nav>a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:right .25s ease}.site-nav>a:hover,.site-nav>a[aria-current="page"]{color:#fff}.site-nav>a:hover::after,.site-nav>a[aria-current="page"]::after{right:0}
.nav-cta,.action{--cut:10px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 18px;border:1px solid rgba(99,132,255,.38);background:linear-gradient(135deg,rgba(53,215,255,.08),rgba(142,72,255,.12));clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));font-weight:800;font-size:.86rem;letter-spacing:.02em;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;position:relative;overflow:hidden}.nav-cta::before,.action::before{content:"";position:absolute;inset:-1px auto -1px -30%;width:26%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-18deg);transition:left .45s ease}.nav-cta:hover::before,.action:hover::before{left:120%}.nav-cta:hover,.action:hover{transform:translateY(-2px);border-color:rgba(53,215,255,.7);box-shadow:0 12px 38px rgba(55,109,255,.12)}.action-primary{background:linear-gradient(110deg,#174cc8 0%,#6c32da 52%,#a02bd0 100%);border-color:rgba(153,109,255,.55);box-shadow:0 12px 38px rgba(86,49,198,.2)}.action-ghost{background:rgba(255,255,255,.015);border-color:rgba(255,255,255,.14);color:#cbd4e3}.action .arrow{font-size:1.1em;transition:transform .2s ease}.action:hover .arrow{transform:translateX(4px)}
.nav-toggle{display:none;position:relative;width:46px;height:42px;border:0;background:transparent;cursor:pointer}.nav-toggle span,.nav-toggle::before,.nav-toggle::after{content:"";position:absolute;left:11px;width:24px;height:1px;background:#fff;transition:.22s}.nav-toggle::before{top:12px}.nav-toggle span{top:20px}.nav-toggle::after{top:28px}.nav-toggle[aria-expanded="true"]::before{transform:translateY(8px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span{opacity:0}.nav-toggle[aria-expanded="true"]::after{transform:translateY(-8px) rotate(-45deg)}
.hero{position:relative;min-height:calc(100svh - var(--header));display:grid;align-items:center;isolation:isolate;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.055)}
.hero::before{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,transparent,var(--bg));z-index:-1}.hero-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.88fr);gap:58px;align-items:center;padding:78px 0 96px}.hero-copy{position:relative;z-index:3}.hero-index{position:absolute;left:-52px;top:8px;writing-mode:vertical-rl;transform:rotate(180deg);font:700 .64rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em;color:#566177;text-transform:uppercase}.hero h1{margin:0;max-width:780px;font-size:clamp(3.1rem,6vw,6.15rem);line-height:.94;letter-spacing:-.065em;font-weight:860}.hero h1 .line{display:block}.hero h1 .neon{color:#f6f8ff;text-shadow:0 0 32px rgba(126,86,255,.18)}.hero h1 .signal{background:linear-gradient(105deg,#fff 2%,#8edcff 26%,#8c63ff 58%,#f07cff 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:690px;margin:28px 0 32px;color:#9ba8bd;font-size:1.06rem;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-proof{display:flex;flex-wrap:wrap;gap:22px;margin-top:34px;color:#718099;font:700 .68rem/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.13em}.hero-proof span{display:flex;align-items:center;gap:8px}.hero-proof i{width:5px;height:5px;background:var(--green);border-radius:50%;box-shadow:0 0 12px rgba(85,255,178,.75)}
.hero-visual{position:relative;min-height:570px;perspective:1200px}.holo-frame{position:absolute;inset:4% 0 0 5%;clip-path:polygon(34px 0,100% 0,100% calc(100% - 34px),calc(100% - 34px) 100%,0 100%,0 34px);border:1px solid rgba(112,141,255,.2);background:linear-gradient(155deg,rgba(10,17,31,.58),rgba(4,8,16,.16));box-shadow:inset 0 0 70px rgba(50,78,180,.05),0 0 80px rgba(54,48,160,.08);transform:rotateY(-8deg) rotateX(2deg);transform-style:preserve-3d}.holo-frame::before,.holo-frame::after{content:"";position:absolute;pointer-events:none}.holo-frame::before{inset:18px;background:linear-gradient(90deg,rgba(53,215,255,.22),transparent 18%,transparent 82%,rgba(142,72,255,.22));clip-path:polygon(0 0,70px 0,70px 1px,1px 1px,1px 70px,0 70px,0 100%,100% 100%,100% calc(100% - 70px),calc(100% - 1px) calc(100% - 70px),calc(100% - 1px) calc(100% - 1px),calc(100% - 70px) calc(100% - 1px),calc(100% - 70px) 100%,0 100%)}.holo-frame::after{left:0;right:0;top:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(53,215,255,.34),transparent);box-shadow:0 120px 0 rgba(130,78,255,.16),0 240px 0 rgba(130,78,255,.12),0 360px 0 rgba(130,78,255,.08);animation:scanLine 5.5s linear infinite}.holo-canvas{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 22px rgba(73,94,255,.25))}.holo-meta{position:absolute;left:30px;right:30px;bottom:26px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;font:700 .64rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#66748b}.holo-meta strong{display:block;color:#d7e1f0;font-size:.74rem}.holo-status{color:#79f9ba}.holo-status::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(85,255,178,.8);margin-right:8px}.holo-tags{position:absolute;inset:0;pointer-events:none}.holo-tag{position:absolute;padding:6px 8px;border-left:1px solid rgba(53,215,255,.6);background:linear-gradient(90deg,rgba(53,215,255,.07),transparent);font:700 .62rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;color:#8da1bc;text-transform:uppercase;animation:tagFloat 4s ease-in-out infinite}.holo-tag b{display:block;color:#dce7f6;font-size:.72rem;margin-bottom:2px}.holo-tag.t1{left:8%;top:19%;animation-delay:-1.2s}.holo-tag.t2{right:4%;top:30%;animation-delay:-2.1s}.holo-tag.t3{left:13%;bottom:27%;animation-delay:-.7s}.holo-tag.t4{right:8%;bottom:19%;animation-delay:-2.8s}
@keyframes scanLine{0%{transform:translateY(-30px);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(460px);opacity:0}}@keyframes tagFloat{50%{transform:translateY(-7px)}}
.signal-strip{border-bottom:1px solid rgba(255,255,255,.055);background:rgba(7,10,17,.6)}.signal-strip .container{display:grid;grid-template-columns:repeat(3,1fr)}.signal-cell{padding:18px 24px;border-right:1px solid rgba(255,255,255,.055);font:700 .67rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase;color:#68758a}.signal-cell:first-child{padding-left:0}.signal-cell:last-child{border-right:0}.signal-cell strong{display:block;color:#dce6f3;font-size:.78rem;letter-spacing:.035em;text-transform:none;margin-top:4px}
.section{position:relative;padding:112px 0}.section.compact{padding:86px 0}.section-rule{height:1px;background:linear-gradient(90deg,transparent,rgba(130,109,255,.28),transparent)}
.intro-line{display:grid;grid-template-columns:.62fr 1.38fr;gap:70px;align-items:start;margin-bottom:58px}.intro-line .index{font:800 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;color:#59667c;text-transform:uppercase;padding-top:10px}.intro-line h2{margin:0;font-size:clamp(2.2rem,4.3vw,4.65rem);line-height:1.01;letter-spacing:-.055em;max-width:930px}.intro-line p{margin:19px 0 0;max-width:720px;color:#8f9cb0;font-size:1rem;line-height:1.75}.line-accent{display:inline;color:#a9e8ff}
.systems{border-top:1px solid rgba(255,255,255,.07)}.system-row{position:relative;display:grid;grid-template-columns:86px minmax(240px,.72fr) minmax(300px,1fr) 210px;gap:28px;align-items:center;min-height:150px;border-bottom:1px solid rgba(255,255,255,.07);transition:background .3s ease,transform .3s ease;overflow:hidden}.system-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--cyan),var(--violet));transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.system-row::after{content:"";position:absolute;left:-20%;right:100%;top:0;bottom:0;background:linear-gradient(90deg,rgba(53,215,255,.04),rgba(142,72,255,.05),transparent);transition:right .42s ease}.system-row:hover{background:rgba(255,255,255,.012)}.system-row:hover::before{transform:scaleY(1)}.system-row:hover::after{right:-10%}.system-row>*{position:relative;z-index:1}.system-no{font:800 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#56637a;letter-spacing:.16em}.system-title{font-size:clamp(1.45rem,2.2vw,2.2rem);font-weight:790;letter-spacing:-.04em}.system-copy{color:#8f9caf;max-width:640px}.system-tech{justify-self:end;width:180px}.system-tech .rail{height:34px;position:relative;border-top:1px solid rgba(53,215,255,.25);border-bottom:1px solid rgba(142,72,255,.17);overflow:hidden}.system-tech .rail::before{content:"";position:absolute;top:50%;left:0;width:24px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:rail 2.8s linear infinite}.system-tech small{display:block;margin-top:8px;color:#536076;font:700 .6rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;text-align:right}@keyframes rail{from{transform:translateX(-30px)}to{transform:translateX(200px)}}
.statement{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.7fr);gap:70px;align-items:center}.statement-copy h2{font-size:clamp(2.5rem,5vw,5.35rem);line-height:.98;letter-spacing:-.06em;margin:0}.statement-copy p{max-width:760px;margin:24px 0 0;color:#929fb2;font-size:1.02rem;line-height:1.8}.spec-stack{border-left:1px solid rgba(114,140,255,.2);padding-left:28px}.spec{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.07)}.spec:first-child{padding-top:0}.spec:last-child{border-bottom:0}.spec span{display:block;color:#56647a;font:700 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}.spec strong{display:block;margin-top:8px;color:#e5ebf6;font-size:1rem;font-weight:700}
.process{position:relative;margin-top:54px}.process::before{content:"";position:absolute;left:39px;top:18px;bottom:18px;width:1px;background:linear-gradient(180deg,var(--cyan),rgba(142,72,255,.4),rgba(212,60,255,.1))}.process-step{display:grid;grid-template-columns:80px 220px 1fr;gap:26px;align-items:start;padding:22px 0}.process-dot{position:relative;width:80px;height:44px}.process-dot::before{content:"";position:absolute;left:33px;top:14px;width:12px;height:12px;border:1px solid var(--cyan);background:#05070d;transform:rotate(45deg);box-shadow:0 0 20px rgba(53,215,255,.25)}.process-step:nth-child(2) .process-dot::before{border-color:#6f7cff}.process-step:nth-child(3) .process-dot::before{border-color:#9b59ff}.process-step:nth-child(4) .process-dot::before{border-color:#d050ff}.process-step h3{margin:0;font-size:1.2rem;letter-spacing:-.02em}.process-step p{margin:0;color:#8592a7;max-width:720px}.process-step .step-no{font:800 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#59667a;letter-spacing:.13em;margin-top:5px}
.gallery-shell{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:46px}.gallery-main,.gallery-side{position:relative;min-height:360px;border:1px solid rgba(105,137,255,.18);background:linear-gradient(135deg,rgba(11,17,29,.8),rgba(7,11,19,.45));overflow:hidden;clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px)}.gallery-side{display:grid;grid-template-rows:1fr 1fr;gap:18px;background:none;border:0;clip-path:none}.gallery-mini{position:relative;border:1px solid rgba(105,137,255,.18);background:linear-gradient(135deg,rgba(11,17,29,.8),rgba(7,11,19,.45));overflow:hidden;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.placeholder-feed::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(53,215,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(142,72,255,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(black,transparent 88%)}.placeholder-feed::after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 22px rgba(53,215,255,.45);animation:feedScan 3.8s linear infinite}@keyframes feedScan{from{top:8%}to{top:94%}}.feed-label{position:absolute;left:24px;bottom:22px;z-index:2}.feed-label small{display:block;color:#627188;font:700 .61rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px}.feed-label strong{font-size:1.15rem}.feed-corner{position:absolute;right:20px;top:18px;color:#4f5d74;font:700 .58rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.quote-stage{margin-top:42px;display:grid;grid-template-columns:110px 1fr;gap:36px;align-items:start}.quote-index{font:800 .64rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:#57647a;text-transform:uppercase;padding-top:13px}.quote-viewport{position:relative;min-height:260px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}.quote-slide{position:absolute;inset:0;padding:34px 0 30px;opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease;pointer-events:none}.quote-slide.is-active{opacity:1;transform:none;pointer-events:auto}.quote-slide blockquote{margin:0;max-width:980px;font-size:clamp(1.5rem,3vw,2.75rem);line-height:1.22;letter-spacing:-.035em;color:#e7edf8;font-weight:560}.quote-slide footer{margin-top:24px;color:#67758a;font:700 .66rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.quote-controls{display:flex;gap:8px;margin-top:20px}.quote-controls button{width:34px;height:34px;border:1px solid rgba(255,255,255,.12);background:transparent;cursor:pointer}.quote-controls button:hover{border-color:var(--cyan);color:var(--cyan)}
.final-signal{padding:100px 0 120px}.signal-box{position:relative;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:46px 48px;border-top:1px solid rgba(53,215,255,.25);border-bottom:1px solid rgba(142,72,255,.23);background:linear-gradient(90deg,rgba(53,215,255,.035),rgba(142,72,255,.04),transparent)}.signal-box::before{content:"";position:absolute;left:0;top:-1px;width:120px;height:1px;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.signal-box h2{margin:0;font-size:clamp(2rem,4vw,4rem);line-height:1.04;letter-spacing:-.05em}.signal-box p{margin:14px 0 0;color:#8996aa;max-width:700px}
.page-hero{position:relative;padding:110px 0 90px;border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden}.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(67,44,168,.13),transparent 42%)}.page-hero .container{position:relative}.page-code{font:800 .65rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;color:#59667a;text-transform:uppercase;margin-bottom:20px}.page-hero h1{margin:0;max-width:1000px;font-size:clamp(3rem,6vw,6rem);line-height:.96;letter-spacing:-.062em}.page-hero .lead{max-width:760px;margin:24px 0 0;color:#8f9caf;font-size:1.04rem;line-height:1.75}
.service-module{position:relative;display:grid;grid-template-columns:100px minmax(250px,.8fr) minmax(320px,1.1fr);gap:34px;padding:46px 0;border-bottom:1px solid rgba(255,255,255,.07)}.service-module:first-child{border-top:1px solid rgba(255,255,255,.07)}.module-no{font:800 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#59667b;letter-spacing:.14em;padding-top:9px}.service-module h2{font-size:clamp(1.8rem,3vw,3.2rem);letter-spacing:-.045em;margin:0}.service-module p{margin:0;color:#8c99ad}.feature-rail{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px 20px}.feature-rail span{position:relative;padding-left:13px;color:#c4cedd;font-size:.84rem}.feature-rail span::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:1px;background:var(--cyan)}.module-schematic{height:72px;margin-top:22px;position:relative;overflow:hidden}.module-schematic::before{content:"";position:absolute;left:0;right:0;top:34px;height:1px;background:linear-gradient(90deg,rgba(53,215,255,.65),rgba(142,72,255,.12),transparent)}.module-schematic i{position:absolute;top:29px;width:11px;height:11px;border:1px solid var(--cyan);background:#05070d;transform:rotate(45deg);box-shadow:0 0 13px rgba(53,215,255,.25);animation:nodePulse 2.8s ease-in-out infinite}.module-schematic i:nth-child(1){left:8%}.module-schematic i:nth-child(2){left:44%;animation-delay:-1s}.module-schematic i:nth-child(3){left:74%;animation-delay:-2s}@keyframes nodePulse{50%{box-shadow:0 0 22px rgba(53,215,255,.7);border-color:#fff}}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-grid h2{font-size:clamp(2rem,4vw,4.2rem);line-height:1;letter-spacing:-.05em;margin:0}.about-grid p{color:#8d9aad;margin:0 0 18px;line-height:1.78}.mission-panel{position:relative;padding:34px 0 34px 36px;border-left:1px solid rgba(53,215,255,.27)}.mission-panel::before{content:"";position:absolute;left:-1px;top:0;width:1px;height:80px;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.mission-panel blockquote{margin:0;font-size:clamp(1.35rem,2.7vw,2.45rem);line-height:1.28;letter-spacing:-.035em;color:#dfe7f3}.principles{margin-top:58px;border-top:1px solid rgba(255,255,255,.07)}.principle{display:grid;grid-template-columns:70px 260px 1fr;gap:28px;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.07)}.principle .n{font:800 .64rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#5a687e;letter-spacing:.14em;padding-top:5px}.principle strong{font-size:1.05rem}.principle p{margin:0;color:#8794a8}
.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.contact-details{border-top:1px solid rgba(255,255,255,.08)}.contact-line{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:21px 0;border-bottom:1px solid rgba(255,255,255,.08)}.contact-line span{font:700 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#5d6a7f;padding-top:5px}.contact-line a,.contact-line strong{color:#e1e7f1;font-weight:650}.contact-line a:hover{color:var(--cyan)}.form-panel{position:relative;padding:0}.form-panel h2{font-size:clamp(2rem,3.7vw,3.75rem);letter-spacing:-.05em;margin:0 0 32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 26px}.field.full{grid-column:1/-1}.field label{display:block;margin-bottom:9px;font:700 .63rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#748298}.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.14);border-radius:0;background:rgba(255,255,255,.015);color:#edf2fa;padding:14px 12px;outline:0;transition:border-color .2s ease,background .2s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);background:rgba(53,215,255,.025)}.field select option{background:#0b111d}.field textarea{min-height:150px;resize:vertical}.checkbox{display:flex!important;align-items:flex-start;gap:10px!important;text-transform:none!important;letter-spacing:0!important;font-family:inherit!important;font-size:.84rem!important;line-height:1.5!important;color:#8794a8!important}.checkbox input{width:auto!important;margin-top:3px}.hp-field{position:absolute!important;left:-9999px!important}.notice{padding:14px 16px;margin:0 0 22px;border-left:2px solid var(--green);background:rgba(85,255,178,.045);color:#bcefd4}.notice.error{border-color:var(--danger);background:rgba(255,95,122,.05);color:#ffc1cb}.preview-note{margin-bottom:24px;padding:12px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);color:#7b899e;font:700 .63rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}
.privacy-copy{max-width:880px}.privacy-copy h2{margin:42px 0 12px;font-size:1.55rem}.privacy-copy p,.privacy-copy li{color:#8d99ac}.privacy-copy ul{padding-left:20px}
.site-footer{border-top:1px solid rgba(255,255,255,.07);padding:58px 0 28px;background:rgba(4,6,11,.74)}.footer-grid{display:grid;grid-template-columns:1.25fr .6fr .7fr;gap:56px}.footer-brand p{max-width:420px;margin:18px 0 0;color:#6f7c90;font-size:.88rem}.footer-title{font:800 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#56637a;margin-bottom:16px}.footer-links{display:grid;gap:10px}.footer-links a,.footer-links span{color:#8794a7;font-size:.86rem}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:46px;padding-top:22px;border-top:1px solid rgba(255,255,255,.06);color:#505d72;font-size:.72rem}.agency-credit img{width:196px;height:16px;opacity:.48}
.whatsapp-float{position:fixed;right:20px;bottom:64px;z-index:800;width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(85,255,178,.35);background:rgba(5,12,13,.88);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:0 0 30px rgba(85,255,178,.11);transition:.2s}.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 0 42px rgba(85,255,178,.22)}.whatsapp-float svg{width:24px;height:24px;color:#6cffb9}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.reveal[data-delay="1"]{transition-delay:.08s}.reveal[data-delay="2"]{transition-delay:.16s}.reveal[data-delay="3"]{transition-delay:.24s}
.tilt{transform-style:preserve-3d;will-change:transform}.tilt>*{transform:translateZ(1px)}
@media(max-width:1050px){.hero-shell{grid-template-columns:1fr;gap:28px;padding-top:62px}.hero-visual{min-height:470px;max-width:720px;width:100%;margin-inline:auto}.hero h1{max-width:900px}.system-row{grid-template-columns:70px .75fr 1.25fr}.system-tech{display:none}.statement{grid-template-columns:1fr;gap:50px}.contact-layout{grid-template-columns:1fr;gap:52px}.gallery-shell{grid-template-columns:1fr}.gallery-side{grid-template-columns:1fr 1fr;grid-template-rows:none}.gallery-mini{min-height:230px}}
@media(max-width:820px){.container{width:min(calc(100% - 34px),var(--container))}.site-nav{position:absolute;left:17px;right:17px;top:calc(100% + 1px);display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:rgba(5,8,14,.98);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px rgba(0,0,0,.45)}.js .site-nav.is-open{display:flex}.site-nav>a{padding:13px 10px}.site-nav>a::after{display:none}.nav-cta{margin-top:6px}.nav-toggle{display:block}.hero-index{display:none}.hero h1{font-size:clamp(2.9rem,10vw,5.2rem)}.hero-shell{padding-bottom:76px}.signal-strip .container{grid-template-columns:1fr}.signal-cell{padding:14px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.055)}.signal-cell:last-child{border-bottom:0}.intro-line{grid-template-columns:1fr;gap:16px}.system-row{grid-template-columns:56px 1fr;gap:18px;padding:32px 0}.system-copy{grid-column:2}.statement-copy h2{font-size:clamp(2.6rem,9vw,4.4rem)}.process-step{grid-template-columns:70px 1fr;gap:16px}.process-step p{grid-column:2}.quote-stage{grid-template-columns:1fr;gap:12px}.signal-box{grid-template-columns:1fr;padding:36px 28px}.service-module{grid-template-columns:64px 1fr;gap:18px}.service-module>div:last-child{grid-column:2}.about-grid{grid-template-columns:1fr;gap:46px}.principle{grid-template-columns:52px 1fr}.principle p{grid-column:2}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:600px){body{font-size:15px}.container{width:min(calc(100% - 28px),var(--container))}.brand-word{font-size:.94rem}.preview-badge{right:10px;bottom:10px;padding:7px 9px}.whatsapp-float{right:14px;bottom:52px;width:46px;height:46px}.hero{min-height:auto}.hero-shell{padding:52px 0 68px}.hero h1{font-size:clamp(2.7rem,14vw,4.35rem);line-height:.95}.hero-lead{font-size:.98rem;margin:22px 0 27px}.hero-proof{gap:12px 18px}.hero-visual{min-height:390px}.holo-frame{inset:0}.holo-tag{display:none}.holo-meta{left:18px;right:18px;bottom:18px}.section{padding:82px 0}.section.compact{padding:68px 0}.intro-line h2{font-size:clamp(2.15rem,10vw,3.5rem)}.system-row{grid-template-columns:44px 1fr}.system-no{font-size:.62rem}.system-title{font-size:1.45rem}.gallery-side{grid-template-columns:1fr}.gallery-mini{min-height:210px}.quote-viewport{min-height:310px}.signal-box{padding:30px 20px}.page-hero{padding:82px 0 68px}.page-hero h1{font-size:clamp(2.6rem,13vw,4.4rem)}.service-module{grid-template-columns:42px 1fr}.contact-line{grid-template-columns:100px 1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column}.agency-credit img{width:172px;height:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body::before,body::after,.hero::after,.holo-frame,.signal-strip::before,.system-row::after,.action-primary{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.holo-frame::after,.holo-tag,.module-schematic i,.placeholder-feed::after,.system-tech .rail::before{animation:none!important}.tilt{transform:none!important}}
/* V6 live motion layer */
main,.site-footer{position:relative;z-index:3}.site-header{z-index:1000}.preview-badge,.whatsapp-float{z-index:1200}
body::before{content:"";position:fixed;inset:-18%;z-index:0;pointer-events:none;background:conic-gradient(from 210deg at 72% 32%,transparent 0 18%,rgba(53,215,255,.08) 25%,transparent 32% 50%,rgba(142,72,255,.12) 61%,transparent 70% 100%);filter:blur(56px);animation:auroraDrift 14s ease-in-out infinite alternate;transform-origin:55% 45%}
body::after{content:"";position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.34;background-image:linear-gradient(rgba(53,215,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(142,72,255,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.15) 70%,transparent);animation:gridDrift 9s linear infinite}
@keyframes auroraDrift{0%{transform:translate3d(-3%,-1%,0) rotate(-3deg) scale(1)}50%{transform:translate3d(2%,3%,0) rotate(3deg) scale(1.06)}100%{transform:translate3d(4%,-2%,0) rotate(7deg) scale(1.02)}}
@keyframes gridDrift{to{background-position:54px 54px,54px 54px}}
.hero::after{content:"";position:absolute;inset:-25% -20%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 75% 42%,rgba(53,215,255,.17),transparent 18%),radial-gradient(circle at 63% 55%,rgba(142,72,255,.20),transparent 27%),radial-gradient(circle at 82% 70%,rgba(212,60,255,.11),transparent 17%);filter:blur(22px);animation:heroGlowOrbit 8s ease-in-out infinite alternate}
@keyframes heroGlowOrbit{0%{transform:translate3d(-2%,-1%,0) scale(.98)}50%{transform:translate3d(3%,2%,0) scale(1.04)}100%{transform:translate3d(-1%,4%,0) scale(1.01)}}
.holo-frame{animation:holoFloat 5.5s ease-in-out infinite}
@keyframes holoFloat{0%,100%{transform:rotateY(-8deg) rotateX(2deg) translate3d(0,0,0)}50%{transform:rotateY(-3deg) rotateX(-1deg) translate3d(0,-10px,18px)}}
.holo-frame::after{height:2px!important;box-shadow:0 0 18px rgba(53,215,255,.75),0 120px 0 rgba(130,78,255,.28),0 240px 0 rgba(130,78,255,.2),0 360px 0 rgba(130,78,255,.14)!important}
.signal-strip{position:relative;overflow:hidden}.signal-strip::before{content:"";position:absolute;top:0;bottom:0;width:22%;left:-30%;background:linear-gradient(90deg,transparent,rgba(53,215,255,.10),rgba(142,72,255,.12),transparent);transform:skewX(-18deg);animation:signalSweep 6s linear infinite;pointer-events:none}@keyframes signalSweep{to{left:120%}}
.system-row::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:18%;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent);filter:drop-shadow(0 0 8px rgba(53,215,255,.65));animation:rowPulse 4.4s linear infinite}@keyframes rowPulse{0%{transform:translateX(-130%)}100%{transform:translateX(650%)}}
.action-primary{animation:buttonCurrent 3.6s ease-in-out infinite}@keyframes buttonCurrent{0%,100%{box-shadow:0 12px 38px rgba(86,49,198,.2),inset 0 0 0 rgba(53,215,255,0)}50%{box-shadow:0 14px 44px rgba(86,49,198,.32),inset 0 0 24px rgba(53,215,255,.055)}}

.cyber-particles{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden}.cyber-particles i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#7be9ff;box-shadow:0 0 10px #35d7ff,0 0 22px rgba(142,72,255,.55);opacity:.55;animation:particleRise var(--d) linear var(--delay) infinite}@keyframes particleRise{0%{transform:translate3d(0,24px,0) scale(.7);opacity:0}12%{opacity:.65}60%{transform:translate3d(18px,-64px,0) scale(1.1);opacity:.38}100%{transform:translate3d(-12px,-140px,0) scale(.6);opacity:0}}
.cursor-energy{position:fixed;left:-130px;top:-130px;width:260px;height:260px;border-radius:50%;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(53,215,255,.09),rgba(142,72,255,.045) 36%,transparent 68%);filter:blur(10px);transition:opacity .25s ease;will-change:transform}.cursor-energy.is-active{opacity:1}



/* V7 refinement — Mainstream-specific systems language */
:root{--acid:#9effc9;--violet2:#6f4cff;--electric:#55e8ff}
.site-header{border-bottom-color:rgba(87,211,255,.1);box-shadow:0 10px 30px rgba(0,0,0,.16)}
.header-inner::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(53,215,255,.34) 22%,rgba(142,72,255,.34) 58%,transparent 86%);opacity:.65}
.header-inner{position:relative}
.brand-word{letter-spacing:-.035em}.brand-word b{font-weight:900}.brand img{animation:brandPulse 4.8s ease-in-out infinite}
@keyframes brandPulse{0%,100%{filter:drop-shadow(0 0 12px rgba(126,75,255,.25))}50%{filter:drop-shadow(0 0 18px rgba(53,215,255,.5)) drop-shadow(0 0 30px rgba(126,75,255,.26))}}

.system-bus{position:relative;z-index:4;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.055);background:rgba(4,7,13,.7);backdrop-filter:blur(12px)}
.system-bus-track{display:flex;width:max-content;gap:0;animation:busTravel 28s linear infinite;will-change:transform}
.system-bus-track span{display:flex;align-items:center;gap:11px;padding:9px 20px;border-right:1px solid rgba(255,255,255,.055);font:700 .61rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase;color:#6f7f97;white-space:nowrap}
.system-bus-track span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--electric);box-shadow:0 0 12px rgba(85,232,255,.75)}
.system-bus-track span:nth-child(3n)::before{background:var(--violet);box-shadow:0 0 12px rgba(142,72,255,.75)}
.system-bus-track span:nth-child(4n)::before{background:var(--acid);box-shadow:0 0 12px rgba(158,255,201,.65)}
@keyframes busTravel{to{transform:translateX(-50%)}}

.hero{min-height:calc(100svh - var(--header) - 36px)}
.hero-shell{grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr)}
.hero-copy::before{content:"";position:absolute;left:-26px;top:-36px;width:120px;height:120px;border-left:1px solid rgba(53,215,255,.16);border-top:1px solid rgba(53,215,255,.16);clip-path:polygon(0 0,100% 0,100% 1px,1px 1px,1px 100%,0 100%);opacity:.7}
.hero h1{max-width:850px;line-height:.9}.hero h1 .line:first-child{font-weight:900}.hero h1 .line:last-child{margin-top:.08em}
.hero-lead{max-width:720px;color:#a7b5c9}
.hero-proof{border-top:1px solid rgba(255,255,255,.07);padding-top:18px;max-width:780px}
.hero-actions{gap:14px}.hero-actions .action{min-height:48px}

.holo-frame{overflow:hidden;border-color:rgba(91,225,255,.24);box-shadow:inset 0 0 80px rgba(50,78,180,.07),0 0 80px rgba(54,48,160,.12),0 0 1px rgba(255,255,255,.4)}
.holo-frame::before{opacity:.78}
.brand-core{position:absolute;left:50%;top:46%;width:130px;height:130px;transform:translate(-50%,-50%);z-index:3;display:grid;place-items:center;pointer-events:none}
.brand-core::before,.brand-core::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(53,215,255,.34);inset:0;animation:coreSpin 9s linear infinite;box-shadow:0 0 30px rgba(53,215,255,.08),inset 0 0 30px rgba(142,72,255,.08)}
.brand-core::after{inset:18px;border-color:rgba(142,72,255,.38);animation-direction:reverse;animation-duration:6s}
.brand-core img{width:72px;filter:drop-shadow(0 0 18px rgba(255,255,255,.22)) drop-shadow(0 0 30px rgba(53,215,255,.35));opacity:.92;animation:coreBreath 3.2s ease-in-out infinite}
@keyframes coreSpin{to{transform:rotate(360deg)}}@keyframes coreBreath{50%{transform:scale(1.07);filter:drop-shadow(0 0 25px rgba(255,255,255,.28)) drop-shadow(0 0 40px rgba(142,72,255,.48))}}
.brand-core .tick{position:absolute;width:7px;height:7px;background:var(--electric);border-radius:50%;left:50%;top:-3px;box-shadow:0 0 14px var(--electric)}

.signal-strip{background:linear-gradient(90deg,rgba(6,9,16,.92),rgba(9,12,24,.76),rgba(6,9,16,.92))}.signal-cell{position:relative}.signal-cell::before{content:"";position:absolute;left:24px;top:0;width:42px;height:1px;background:linear-gradient(90deg,var(--electric),transparent)}

.intro-line{position:relative}.intro-line>.index{padding-top:10px}.intro-line h2{max-width:940px}.intro-line p{max-width:760px}
.section{position:relative}.section::before{content:"";position:absolute;left:0;top:0;width:clamp(50px,7vw,120px);height:1px;background:linear-gradient(90deg,rgba(53,215,255,.36),transparent)}

.systems{position:relative;margin-top:54px;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.systems::before{content:"";position:absolute;left:95px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(53,215,255,.28) 14%,rgba(142,72,255,.3) 62%,transparent)}
.system-row{min-height:150px;grid-template-columns:95px .9fr 1.32fr .72fr;align-items:center;padding:30px 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0));transition:background .3s ease,padding .3s ease}
.system-row:hover{background:linear-gradient(90deg,rgba(53,215,255,.025),rgba(142,72,255,.035),transparent);padding-left:12px;padding-right:12px}
.system-no{position:relative;color:#6f7f97}.system-no::after{content:"";position:absolute;right:-6px;top:50%;width:9px;height:9px;border:1px solid rgba(53,215,255,.6);background:#060913;transform:translateY(-50%) rotate(45deg);box-shadow:0 0 18px rgba(53,215,255,.12)}
.system-title{font-size:clamp(1.55rem,2.2vw,2.35rem);font-weight:830;letter-spacing:-.035em}.system-copy{max-width:650px}
.system-tech small{color:#6f7f97}.system-tech .rail{height:2px;background:linear-gradient(90deg,rgba(53,215,255,.18),rgba(142,72,255,.18));overflow:visible}.system-tech .rail::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--electric);box-shadow:0 0 14px rgba(53,215,255,.75)}

.statement{position:relative}.statement::after{content:"MSIT / SYSTEMS LAYER";position:absolute;right:0;top:-26px;color:rgba(255,255,255,.045);font:900 clamp(2.6rem,7vw,7.2rem)/.9 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.08em;pointer-events:none;white-space:nowrap}
.spec{position:relative;overflow:hidden}.spec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--electric),var(--violet));opacity:.55}.spec strong{letter-spacing:-.02em}

.process{position:relative}.process::before{content:"";position:absolute;left:31px;top:26px;bottom:26px;width:1px;background:linear-gradient(180deg,var(--electric),rgba(142,72,255,.25),transparent)}
.process-step{position:relative}.process-step::after{content:"";position:absolute;left:28px;top:30px;width:7px;height:7px;border-radius:50%;background:#07101b;border:1px solid var(--electric);box-shadow:0 0 14px rgba(53,215,255,.55);animation:nodePulse 2.6s ease-in-out infinite}.process-step:nth-child(2)::after{animation-delay:-.6s}.process-step:nth-child(3)::after{animation-delay:-1.2s}.process-step:nth-child(4)::after{animation-delay:-1.8s}@keyframes nodePulse{50%{box-shadow:0 0 0 8px rgba(53,215,255,0),0 0 18px rgba(53,215,255,.7);background:var(--electric)}}

.placeholder-feed{background-image:linear-gradient(rgba(53,215,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(53,215,255,.035) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(142,72,255,.08),transparent 42%);background-size:24px 24px,24px 24px,auto}.placeholder-feed::before{content:"";position:absolute;inset:20px;border:1px solid rgba(53,215,255,.16);clip-path:polygon(0 0,80px 0,80px 1px,1px 1px,1px 80px,0 80px,0 100%,100% 100%,100% calc(100% - 80px),calc(100% - 1px) calc(100% - 80px),calc(100% - 1px) calc(100% - 1px),calc(100% - 80px) calc(100% - 1px),calc(100% - 80px) 100%,0 100%)}

.quote-stage{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding-top:22px;padding-bottom:22px}.quote-index{color:var(--electric)}
.final-signal{position:relative;overflow:hidden}.final-signal::before{content:"";position:absolute;left:-10%;right:-10%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(53,215,255,.24),rgba(142,72,255,.3),transparent);transform:rotate(-2deg)}
.signal-box{background:linear-gradient(120deg,rgba(11,17,29,.82),rgba(10,14,24,.44));border-color:rgba(83,120,255,.2);box-shadow:inset 0 0 80px rgba(76,60,180,.04)}

.page-hero{position:relative;overflow:hidden}.page-hero::after{content:"";position:absolute;right:-8%;top:8%;width:42vw;height:42vw;border-radius:50%;border:1px solid rgba(53,215,255,.08);box-shadow:0 0 0 60px rgba(142,72,255,.018),0 0 0 120px rgba(53,215,255,.012);pointer-events:none;animation:pageOrbit 16s linear infinite}@keyframes pageOrbit{to{transform:rotate(360deg)}}
.page-code{color:#65768f}.page-hero h1{max-width:980px;letter-spacing:-.055em}
.service-module{position:relative;overflow:hidden}.service-module::after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(53,215,255,.18),transparent);transform:translateY(-100%);animation:moduleScan 5.8s linear infinite}@keyframes moduleScan{to{transform:translateY(100%)}}
.service-module:hover{background:linear-gradient(90deg,rgba(53,215,255,.025),rgba(142,72,255,.03),transparent)}
.feature-rail span{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.015)}

.site-footer{background:linear-gradient(180deg,rgba(4,6,11,.72),rgba(3,5,9,.94))}
.whatsapp-float{backdrop-filter:blur(12px)}

@media(max-width:1050px){.systems::before{left:70px}.system-row{grid-template-columns:70px .9fr 1.4fr}.system-row .system-tech{display:none}.statement::after{font-size:10vw}}
@media(max-width:820px){.system-bus-track span{padding:8px 14px}.hero-shell{padding-top:54px}.hero-copy::before{display:none}.brand-core{width:108px;height:108px}.brand-core img{width:58px}.systems::before{left:54px}.system-row{grid-template-columns:54px 1fr}.system-no::after{right:-4px}.process::before{left:24px}.process-step::after{left:21px}.statement::after{display:none}}
@media(max-width:600px){.hero h1{font-size:clamp(2.6rem,13vw,4.2rem)}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .action{width:100%}.brand-core{width:92px;height:92px}.brand-core::after{inset:14px}.brand-core img{width:50px}.system-bus{margin-top:0}.system-row:hover{padding-left:0;padding-right:0}.systems::before{left:44px}.system-row{grid-template-columns:44px 1fr}.system-no::after{right:-5px}}
@media(prefers-reduced-motion:reduce){.system-bus-track,.brand img,.brand-core::before,.brand-core::after,.brand-core img,.process-step::after,.page-hero::after,.service-module::after{animation:none!important}}


/* ==========================================================
   V8 RESPONSIVE POLISH
   Smaller type scale + tablet/mobile composition fixes.
   ========================================================== */

/* Desktop type scale: premium without billboard-sized headings */
.hero h1{font-size:clamp(2.9rem,4.55vw,4.9rem);line-height:.94;letter-spacing:-.058em;max-width:790px}
.intro-line h2{font-size:clamp(2rem,3.15vw,3.5rem);line-height:1.04;letter-spacing:-.048em;max-width:850px}
.statement-copy h2{font-size:clamp(2.2rem,3.65vw,4.05rem);line-height:1.01;letter-spacing:-.052em}
.page-hero h1{font-size:clamp(2.55rem,4.45vw,4.75rem);line-height:.98;letter-spacing:-.052em;max-width:900px}
.about-grid h2{font-size:clamp(1.95rem,3.2vw,3.45rem);line-height:1.04}
.form-panel h2{font-size:clamp(1.85rem,2.8vw,3rem);line-height:1.05}
.signal-box h2{font-size:clamp(1.95rem,3.2vw,3.25rem);line-height:1.06}
.service-module h2{font-size:clamp(1.7rem,2.45vw,2.65rem)}
.quote-slide blockquote{font-size:clamp(1.35rem,2.35vw,2.3rem)}

/* Tablet / small laptop */
@media (max-width:1050px){
  .container{width:min(calc(100% - 42px),var(--container))}
  .hero{min-height:auto}
  .hero-shell{grid-template-columns:1fr;gap:34px;padding:56px 0 72px}
  .hero-copy{max-width:860px}
  .hero h1{font-size:clamp(3rem,7vw,4.35rem);max-width:760px}
  .hero-lead{max-width:720px;margin:22px 0 28px}
  .hero-visual{min-height:430px;max-width:760px;width:100%;margin-inline:auto}
  .holo-frame{inset:0 2%;transform:rotateY(-3deg) rotateX(1deg)}
  .intro-line{grid-template-columns:150px 1fr;gap:34px;margin-bottom:44px}
  .intro-line h2{font-size:clamp(2.15rem,4.7vw,3.25rem)}
  .section{padding:92px 0}.section.compact{padding:74px 0}
  .statement{gap:44px}
  .statement-copy h2{font-size:clamp(2.25rem,4.8vw,3.45rem)}
  .page-hero{padding:86px 0 72px}
  .page-hero h1{font-size:clamp(2.65rem,5.6vw,4rem);max-width:800px}
  .service-module{grid-template-columns:72px minmax(210px,.8fr) minmax(280px,1.15fr);gap:24px;padding:38px 0}
  .service-module h2{font-size:clamp(1.75rem,3vw,2.35rem)}
  .about-grid{gap:44px}
  .about-grid h2{font-size:clamp(2rem,4.2vw,3.1rem)}
}

/* Tablet portrait */
@media (max-width:820px){
  :root{--header:68px}
  .container{width:min(calc(100% - 32px),var(--container))}
  .header-inner{gap:14px}
  .site-nav{max-height:calc(100vh - 90px);overflow:auto}
  .hero-shell{padding:46px 0 58px;gap:24px}
  .hero h1{font-size:clamp(2.65rem,7.8vw,3.75rem);line-height:.97;max-width:680px}
  .hero-lead{font-size:1rem;line-height:1.65;margin:20px 0 25px}
  .hero-proof{margin-top:26px;padding-top:15px;gap:11px 18px}
  .hero-visual{min-height:390px;max-width:650px}
  .holo-frame{clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px)}
  .holo-tag{font-size:.56rem}.holo-tag b{font-size:.66rem}
  .signal-strip .container{grid-template-columns:repeat(3,1fr)}
  .signal-cell{padding:13px 12px;border-right:1px solid rgba(255,255,255,.055);border-bottom:0;font-size:.61rem}
  .signal-cell:first-child{padding-left:0}.signal-cell:last-child{padding-right:0}
  .signal-cell strong{font-size:.72rem}
  .section{padding:78px 0}.section.compact{padding:64px 0}
  .intro-line{grid-template-columns:1fr;gap:12px;margin-bottom:36px}
  .intro-line .index{padding-top:0}
  .intro-line h2{font-size:clamp(2rem,6.2vw,2.9rem);line-height:1.05}
  .intro-line p{margin-top:14px;line-height:1.68}
  .systems{margin-top:38px}
  .system-row{min-height:0;grid-template-columns:48px 1fr;gap:12px 18px;padding:27px 0}
  .system-title{font-size:1.7rem}
  .system-copy{grid-column:2;font-size:.96rem;line-height:1.65}
  .statement{grid-template-columns:1fr;gap:36px}
  .statement-copy h2{font-size:clamp(2.05rem,6.5vw,3rem)}
  .spec-stack{padding-left:22px}
  .process{margin-top:38px}
  .process-step{grid-template-columns:56px 1fr;gap:10px 16px;padding:20px 0}
  .process-step p{grid-column:2;line-height:1.62}
  .process-dot{width:56px}
  .process-dot::before{left:21px}
  .process::before{left:27px}.process-step::after{left:24px}
  .gallery-shell{margin-top:34px;gap:14px}
  .gallery-main{min-height:300px}.gallery-side{gap:14px}.gallery-mini{min-height:205px}
  .quote-stage{grid-template-columns:1fr;gap:8px;margin-top:30px}
  .quote-index{padding-top:0}
  .quote-viewport{min-height:245px}
  .quote-slide{padding:28px 0}
  .quote-slide blockquote{font-size:clamp(1.35rem,4.1vw,2rem)}
  .signal-box{grid-template-columns:1fr;gap:24px;padding:32px 26px}
  .signal-box h2{font-size:clamp(1.95rem,6vw,2.65rem)}
  .page-hero{padding:70px 0 58px}
  .page-hero h1{font-size:clamp(2.35rem,7vw,3.25rem);max-width:690px}
  .page-hero .lead{font-size:1rem;line-height:1.65;margin-top:18px}
  .service-module{grid-template-columns:52px 1fr;gap:10px 18px;padding:32px 0}
  .service-module>div:last-child{grid-column:2}
  .service-module h2{font-size:1.9rem}
  .module-schematic{height:56px;margin-top:16px}
  .module-schematic::before{top:27px}.module-schematic i{top:22px}
  .about-grid{grid-template-columns:1fr;gap:34px}
  .about-grid h2{font-size:clamp(2rem,6vw,2.8rem)}
  .mission-panel{padding:28px 0 28px 26px}
  .mission-panel blockquote{font-size:clamp(1.35rem,4vw,1.9rem)}
  .principles{margin-top:42px}
  .principle{grid-template-columns:44px 1fr;gap:10px 16px;padding:22px 0}
  .principle p{grid-column:2}
  .contact-layout{grid-template-columns:1fr;gap:42px}
  .form-panel h2{font-size:clamp(1.9rem,5.6vw,2.55rem);margin-bottom:24px}
  .form-grid{gap:20px}
  .final-signal{padding:78px 0 92px}
}

/* Phone */
@media (max-width:600px){
  :root{--header:64px}
  body{font-size:15px}
  .container{width:min(calc(100% - 24px),var(--container))}
  .site-header{backdrop-filter:blur(14px)}
  .brand{gap:8px}.brand img{width:38px;height:27px}.brand-word{font-size:.9rem}
  .nav-toggle{width:42px;height:40px}
  .site-nav{left:12px;right:12px;padding:9px}
  .site-nav>a{padding:12px 9px}
  .system-bus-track span{padding:7px 12px;font-size:.56rem}
  .hero-shell{padding:38px 0 48px;gap:20px}
  .hero h1{font-size:clamp(2.25rem,10.9vw,3rem);line-height:.99;letter-spacing:-.048em}
  .hero h1 .line:last-child{margin-top:.12em}
  .hero-lead{font-size:.94rem;line-height:1.62;margin:17px 0 22px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .hero-actions .action{width:100%;min-height:45px}
  .hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;font-size:.6rem;margin-top:22px}
  .hero-proof span:last-child{grid-column:1/-1}
  .hero-visual{min-height:315px;width:100%}
  .holo-frame{inset:0;transform:none;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}
  .holo-frame::before{inset:10px}
  .holo-tag{display:none}
  .brand-core{width:82px;height:82px}.brand-core::after{inset:13px}.brand-core img{width:44px}
  .holo-meta{left:14px;right:14px;bottom:13px;font-size:.55rem;gap:8px}
  .holo-meta>div:first-child{display:none}.holo-status{margin-left:auto}
  .signal-strip .container{grid-template-columns:1fr}
  .signal-cell{padding:11px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.055)}
  .signal-cell:last-child{border-bottom:0}
  .section{padding:64px 0}.section.compact{padding:54px 0}
  .intro-line{margin-bottom:28px}
  .intro-line h2{font-size:clamp(1.8rem,8vw,2.35rem);line-height:1.08;letter-spacing:-.042em}
  .intro-line p{font-size:.94rem;line-height:1.62}
  .systems{margin-top:28px}
  .systems::before{display:none}
  .system-row{grid-template-columns:34px 1fr;gap:8px 12px;padding:23px 0}
  .system-no{font-size:.58rem}.system-no::after{display:none}
  .system-title{font-size:1.42rem;line-height:1.12}
  .system-copy{grid-column:2;font-size:.91rem;line-height:1.58}
  .statement-copy h2{font-size:clamp(1.9rem,8.2vw,2.45rem);line-height:1.06}
  .statement-copy p{font-size:.94rem;line-height:1.65;margin-top:18px}
  .spec-stack{padding-left:16px}.spec{padding:15px 0}.spec strong{font-size:.94rem}
  .process::before,.process-step::after{display:none}
  .process-step{grid-template-columns:36px 1fr;gap:8px 12px;padding:18px 0}
  .process-dot{width:36px;height:34px}.process-dot::before{left:9px;top:10px;width:10px;height:10px}
  .process-step h3{font-size:1.08rem}.process-step p{grid-column:2;font-size:.91rem;line-height:1.56}
  .gallery-main{min-height:250px}.gallery-mini{min-height:175px}
  .feed-label{left:16px;bottom:15px}.feed-label strong{font-size:1rem}.feed-corner{right:14px;top:13px}
  .quote-viewport{min-height:270px}
  .quote-slide{padding:24px 0}
  .quote-slide blockquote{font-size:clamp(1.25rem,6.3vw,1.65rem);line-height:1.3}
  .signal-box{padding:26px 18px;gap:20px}
  .signal-box h2{font-size:clamp(1.8rem,8vw,2.25rem)}
  .final-signal{padding:62px 0 76px}
  .page-hero{padding:56px 0 46px}
  .page-code{font-size:.58rem;margin-bottom:14px}
  .page-hero h1{font-size:clamp(2.05rem,9.5vw,2.75rem);line-height:1.02;letter-spacing:-.046em}
  .page-hero .lead{font-size:.94rem;line-height:1.62;margin-top:15px}
  .page-hero::after{width:70vw;height:70vw;right:-28%;top:12%}
  .service-module{grid-template-columns:30px 1fr;gap:8px 10px;padding:27px 0}
  .module-no{font-size:.58rem;padding-top:6px}
  .service-module h2{font-size:1.55rem;line-height:1.1}
  .service-module p{font-size:.92rem;line-height:1.58}
  .feature-rail{gap:7px 13px;margin-top:14px}.feature-rail span{font-size:.78rem}
  .module-schematic{height:48px}.module-schematic::before{top:23px}.module-schematic i{top:18px}
  .about-grid h2{font-size:clamp(1.85rem,8vw,2.35rem);line-height:1.06}
  .mission-panel{padding:24px 0 24px 18px}.mission-panel blockquote{font-size:1.35rem;line-height:1.34}
  .principle{grid-template-columns:30px 1fr;gap:8px 10px;padding:19px 0}.principle strong{font-size:1rem}.principle p{font-size:.91rem;line-height:1.58}
  .contact-line{grid-template-columns:1fr;gap:7px;padding:17px 0}.contact-line span{padding-top:0}
  .form-panel h2{font-size:1.9rem;margin-bottom:20px}
  .form-grid{grid-template-columns:1fr;gap:18px}.field.full{grid-column:auto}
  .field input,.field select,.field textarea{padding:12px 10px}
  .footer-grid{gap:30px}.footer-bottom{gap:12px;margin-top:32px}
  .preview-badge{font-size:.57rem;letter-spacing:.08em;padding:6px 8px}
}

@media (max-width:380px){
  .hero h1{font-size:2.12rem}
  .hero-proof{grid-template-columns:1fr}
  .hero-proof span:last-child{grid-column:auto}
  .hero-visual{min-height:292px}
  .intro-line h2{font-size:1.78rem}
  .page-hero h1{font-size:2rem}
  .system-title{font-size:1.32rem}
}


/* ==========================================================
   V9 EXECUTIVE TECH
   Same live system language, with quieter motion, less neon,
   and a more serious enterprise finish.
   ========================================================== */
:root{
  --bg:#070a10;
  --bg2:#0a0f17;
  --panel:#0d131c;
  --text:#f2f5f9;
  --muted:#9aa5b5;
  --dim:#657286;
  --line:rgba(129,151,183,.14);
  --line2:rgba(111,91,212,.18);
  --cyan:#5fb9d3;
  --blue:#4a73b8;
  --violet:#6f5bd4;
  --magenta:#8a5fa8;
  --green:#77c8a5;
}
body{background:#070a10}
#ambientCanvas{background:radial-gradient(circle at 72% 10%,rgba(69,79,132,.11),transparent 30%),radial-gradient(circle at 18% 74%,rgba(42,91,125,.07),transparent 34%),#070a10}
.fx-noise{opacity:.075;mix-blend-mode:normal}
.scroll-progress{background:linear-gradient(90deg,#5fb9d3,#6f5bd4);box-shadow:none}
.site-header{background:linear-gradient(180deg,rgba(7,10,16,.97),rgba(7,10,16,.89));border-bottom-color:rgba(255,255,255,.06);backdrop-filter:blur(16px)}
.brand img{filter:drop-shadow(0 0 8px rgba(95,185,211,.16))}
.site-nav>a:not(.nav-cta)::after{background:#6c8fb1}
.nav-cta,.action{border-color:rgba(126,150,187,.28);background:rgba(255,255,255,.025);box-shadow:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.nav-cta::before,.action::before{display:none}
.nav-cta:hover,.action:hover{transform:translateY(-1px);border-color:rgba(95,185,211,.46);background:rgba(255,255,255,.045);box-shadow:none}
.action-primary{background:linear-gradient(110deg,#1b3859 0%,#35406d 100%);border-color:rgba(118,151,193,.38);box-shadow:0 10px 28px rgba(0,0,0,.18)}
.action-primary:hover{background:linear-gradient(110deg,#204365 0%,#404b77 100%)}
.action-ghost{background:rgba(255,255,255,.018);border-color:rgba(255,255,255,.11)}
.hero h1 .neon{text-shadow:none}
.hero h1 .signal{background:linear-gradient(105deg,#fff 4%,#9fc4d2 34%,#9a90d0 72%,#d4d8e0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-proof i{background:#77c8a5;box-shadow:0 0 7px rgba(119,200,165,.35)}
.holo-frame{border-color:rgba(124,148,183,.17);background:linear-gradient(155deg,rgba(13,20,31,.66),rgba(6,10,16,.30));box-shadow:inset 0 0 60px rgba(50,78,120,.035),0 22px 60px rgba(0,0,0,.22)}
.holo-frame::after{opacity:.48;animation-duration:10.5s}
.holo-canvas{filter:drop-shadow(0 0 12px rgba(82,112,170,.14))}
.holo-status{color:#9bc8b4}.holo-status::before{background:#77c8a5;box-shadow:0 0 7px rgba(119,200,165,.35)}
.holo-tag{background:linear-gradient(90deg,rgba(95,185,211,.035),transparent);border-left-color:rgba(95,185,211,.34);color:#8290a3;animation-duration:8.5s}
.holo-tag b{color:#cbd4df}
.brand-core::before,.brand-core::after{border-color:rgba(95,185,211,.20);box-shadow:none;animation-duration:22s}
.brand-core::after{border-color:rgba(111,91,212,.20);animation-duration:30s}
.brand-core img{filter:drop-shadow(0 0 10px rgba(255,255,255,.12));animation-duration:7s}
.brand-core .tick{background:#78a9ba;box-shadow:0 0 7px rgba(95,185,211,.4)}
.signal-strip{background:rgba(8,12,18,.76)}
.system-bus{background:#080c12;border-color:rgba(255,255,255,.055)}
.system-bus-track{animation-duration:52s}
.system-bus-track span{color:#758194;border-right-color:rgba(255,255,255,.045);letter-spacing:.115em}
.system-bus-track span::before,.system-bus-track span:nth-child(3n)::before,.system-bus-track span:nth-child(4n)::before{background:#6c8da5;box-shadow:none}
.system-no::after{border-color:rgba(95,185,211,.34);box-shadow:none}
.system-tech .rail{background:linear-gradient(90deg,rgba(95,185,211,.12),rgba(111,91,212,.11))}
.system-tech .rail::after{background:#6c8da5;box-shadow:none}
.process-step::after{background:#0b1119;border-color:#6c8da5;box-shadow:none;animation-duration:4.8s}
.placeholder-feed{background-image:linear-gradient(rgba(95,185,211,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(95,185,211,.022) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(111,91,212,.045),transparent 42%)}
.placeholder-feed::before{border-color:rgba(95,185,211,.10)}
.signal-box{background:linear-gradient(120deg,rgba(13,19,28,.90),rgba(10,14,21,.72));border-color:rgba(126,150,187,.16);box-shadow:none}
.page-hero::after{border-color:rgba(95,185,211,.045);box-shadow:0 0 0 60px rgba(111,91,212,.010),0 0 0 120px rgba(95,185,211,.008);animation-duration:34s}
.service-module::after{background:linear-gradient(180deg,transparent,rgba(95,185,211,.10),transparent);animation-duration:11s}
.service-module:hover{background:linear-gradient(90deg,rgba(95,185,211,.018),rgba(111,91,212,.015),transparent)}
.site-footer{background:linear-gradient(180deg,rgba(6,9,14,.82),rgba(4,6,10,.98))}
.preview-badge{border-color:rgba(126,150,187,.18);box-shadow:none;background:rgba(7,10,16,.93)}
.whatsapp-float{box-shadow:0 10px 28px rgba(0,0,0,.22)!important}
.cursor-energy{display:none!important}
.cyber-particles i{opacity:.14;background:#90b7c4;box-shadow:none}

@media (hover:hover) and (pointer:fine){
  .system-row:hover{background:linear-gradient(90deg,rgba(95,185,211,.015),transparent 72%)}
}
@media(max-width:820px){
  .cyber-particles{display:none}
  .holo-frame::after{opacity:.32}
}


/* V10 refine: smaller titles + relevant section imagery */
.hero h1{font-size:clamp(2.35rem,4vw,4rem)!important;max-width:720px!important;line-height:.96!important;letter-spacing:-.05em!important}
.intro-line h2{font-size:clamp(1.75rem,2.7vw,2.9rem)!important;max-width:760px!important;line-height:1.08!important}
.statement-copy h2{font-size:clamp(1.9rem,3vw,3.15rem)!important;line-height:1.06!important}
.page-hero h1{font-size:clamp(2.15rem,3.4vw,3.45rem)!important;max-width:760px!important;line-height:1.02!important}
.about-grid h2{font-size:clamp(1.7rem,2.8vw,2.85rem)!important}
.form-panel h2{font-size:clamp(1.6rem,2.35vw,2.4rem)!important}
.signal-box h2{font-size:clamp(1.75rem,2.7vw,2.7rem)!important}
.service-module h2{font-size:clamp(1.45rem,2vw,2.05rem)!important;line-height:1.08!important}
.service-visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:28px}
.service-visual-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));min-height:100%;box-shadow:0 30px 70px rgba(0,0,0,.28)}
.service-visual-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#0c1320}
.service-visual-copy{padding:16px 16px 18px;border-top:1px solid rgba(255,255,255,.06)}
.service-visual-copy small{display:block;margin-bottom:7px;font:700 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#7b88a0}
.service-visual-copy strong{display:block;font-size:1rem;line-height:1.35;color:#e6edf8}
.service-visual-grid--services{margin-top:0}
@media (max-width:1050px){
  .service-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero h1{font-size:clamp(2.3rem,5.4vw,3.5rem)!important;max-width:680px!important}
  .page-hero h1{font-size:clamp(2rem,4.7vw,3rem)!important}
}
@media (max-width:820px){
  .hero h1{font-size:clamp(2.15rem,8vw,3rem)!important;max-width:620px!important}
  .intro-line h2{font-size:clamp(1.65rem,5.8vw,2.35rem)!important}
  .statement-copy h2{font-size:clamp(1.8rem,6.2vw,2.65rem)!important}
  .page-hero h1{font-size:clamp(1.95rem,6vw,2.75rem)!important}
  .service-module h2{font-size:clamp(1.35rem,3.8vw,1.8rem)!important}
}
@media (max-width:640px){
  .service-visual-grid{grid-template-columns:1fr;gap:16px}
  .hero h1{font-size:clamp(1.95rem,9.6vw,2.55rem)!important;line-height:1!important}
  .intro-line h2{font-size:clamp(1.5rem,7vw,2.05rem)!important;line-height:1.1!important}
  .statement-copy h2{font-size:clamp(1.6rem,7.2vw,2.2rem)!important}
  .page-hero h1{font-size:clamp(1.75rem,8vw,2.3rem)!important;line-height:1.05!important}
  .service-module h2{font-size:1.3rem!important}
}

/* V11 real-photo treatment */
.service-visual-card{background:#080d14}
.service-visual-card img{object-fit:cover;filter:saturate(.78) contrast(1.06) brightness(.78);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s ease}
.service-visual-card::after{content:"";position:absolute;inset:0 0 auto 0;height:72%;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(5,8,13,.78) 100%)}
.service-visual-card:hover img{transform:scale(1.035);filter:saturate(.92) contrast(1.05) brightness(.9)}
.service-visual-copy{position:relative;z-index:2;background:linear-gradient(180deg,rgba(7,11,18,.88),rgba(7,11,18,.98))}

/* V12: local real-photo treatment */
.real-photo-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;grid-template-rows:280px 280px;gap:18px;margin-top:32px}.real-photo{position:relative;overflow:hidden;margin:0;border:1px solid rgba(255,255,255,.08);background:#070b12;min-height:0}.real-photo--wide{grid-row:1/3}.real-photo:nth-child(4){grid-column:2/4}.real-photo img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.82) contrast(1.05) brightness(.82);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .35s ease}.real-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(4,7,12,.88) 100%);pointer-events:none}.real-photo figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:16px}.real-photo figcaption small{display:block;margin-bottom:6px;font:700 .6rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#95a3ba}.real-photo figcaption strong{display:block;font-size:1.03rem;color:#fff}.real-photo:hover img{transform:scale(1.025);filter:saturate(.92) contrast(1.06) brightness(.9)}.service-visual-card img{filter:saturate(.82) contrast(1.04) brightness(.86)}
@media(max-width:900px){.real-photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 230px 230px}.real-photo--wide{grid-column:1/3;grid-row:auto}.real-photo:nth-child(4){grid-column:auto}.real-photo-grid .real-photo:nth-child(4){grid-column:2}}
@media(max-width:640px){.real-photo-grid{grid-template-columns:1fr;grid-template-rows:none;gap:14px}.real-photo--wide,.real-photo:nth-child(4),.real-photo-grid .real-photo:nth-child(4){grid-column:auto;grid-row:auto}.real-photo{height:230px}.real-photo--wide{height:280px}}


/* V13 client-review polish */
.hero h1{font-size:clamp(2.15rem,3.55vw,3.5rem)!important;max-width:690px!important}
.page-hero h1{font-size:clamp(1.95rem,3vw,3rem)!important;max-width:720px!important}
.intro-line h2{font-size:clamp(1.6rem,2.35vw,2.55rem)!important;max-width:720px!important}
.statement-copy h2{font-size:clamp(1.75rem,2.6vw,2.8rem)!important}
.signal-box h2{font-size:clamp(1.65rem,2.35vw,2.45rem)!important}
.about-grid h2{font-size:clamp(1.65rem,2.4vw,2.5rem)!important}
.form-panel h2{font-size:clamp(1.55rem,2.1vw,2.15rem)!important}
.section{padding-top:84px;padding-bottom:84px}.section.compact{padding-top:68px;padding-bottom:68px}
.real-photo,.service-visual-card{border-color:rgba(130,151,181,.12)}
.real-photo img,.service-visual-card img{filter:saturate(.72) contrast(1.08) brightness(.8) hue-rotate(-2deg)}
.real-photo::before,.service-visual-card::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(45,98,138,.10),transparent 42%,rgba(96,76,146,.08));mix-blend-mode:screen}
.real-photo figcaption,.service-visual-copy{z-index:2}
@media(max-width:1050px){.section{padding-top:72px;padding-bottom:72px}.section.compact{padding-top:60px;padding-bottom:60px}}
@media(max-width:820px){
  .hero h1{font-size:clamp(2rem,6.7vw,2.7rem)!important;max-width:590px!important}
  .page-hero h1{font-size:clamp(1.8rem,5.5vw,2.4rem)!important}
  .intro-line h2{font-size:clamp(1.5rem,5vw,2.05rem)!important}
  .statement-copy h2{font-size:clamp(1.65rem,5.4vw,2.25rem)!important}
  .holo-tag,.cyber-particles{display:none!important}
  .system-bus-track{animation-duration:70s!important}
}
@media(max-width:640px){
  .section{padding-top:56px;padding-bottom:56px}.section.compact{padding-top:48px;padding-bottom:48px}
  .hero h1{font-size:clamp(1.85rem,8.6vw,2.35rem)!important;line-height:1.02!important}
  .page-hero h1{font-size:clamp(1.65rem,7.3vw,2.05rem)!important}
  .intro-line h2{font-size:clamp(1.42rem,6.5vw,1.9rem)!important}
  .statement-copy h2{font-size:clamp(1.5rem,6.7vw,2rem)!important}
  .signal-box h2{font-size:clamp(1.5rem,6.5vw,1.95rem)!important}
  .about-grid h2{font-size:clamp(1.5rem,6.5vw,1.95rem)!important}
  #ambientCanvas{opacity:.58}
  .holo-frame::after{animation-duration:16s!important;opacity:.22!important}
  .brand-core::before,.brand-core::after{animation-duration:36s!important}
  .real-photo img,.service-visual-card img{filter:saturate(.68) contrast(1.06) brightness(.82)}
}
@media(prefers-reduced-motion:reduce){.system-bus-track,.holo-frame::after,.brand-core::before,.brand-core::after{animation:none!important}}