.tech-page{background:#0c0e0d;color:#e8ece9;font-family:Arial,sans-serif}.tech-wrap{max-width:1600px;margin:auto;padding:0 4.5%}.tech-intro{padding:86px 0 55px}.tech-intro>p{font:10px var(--mono);letter-spacing:.08em;color:#879b8d;margin-bottom:23px}.tech-intro h2{font:400 clamp(30px,3vw,46px)/1.15 Arial,sans-serif;letter-spacing:-.035em;margin-bottom:20px}.tech-intro>span{font-size:16px;line-height:1.6;color:#94a098}.tech-system,.workflow-system{border:1px solid #263029}.pixel-banner{height:380px;position:relative;overflow:hidden;background:#080d0b;border-bottom:1px solid #263029;isolation:isolate}.pixel-banner canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.pixel-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090d0cd9,transparent 70%);z-index:-1;pointer-events:none}.banner-copy{padding:35px;max-width:650px}.banner-copy h2{font:400 clamp(26px,2.5vw,39px)/1.25 Arial,sans-serif;letter-spacing:-.025em}.banner-copy h2 span{color:#9ba99f}.banner-copy p{font-size:14px;line-height:1.7;color:#9faf9f;margin-top:19px}.tech-actions{display:flex;gap:9px;margin-top:28px}.tech-actions a,.tech-link{display:inline-block;background:#ecf0eb;color:#101712;padding:10px 13px;font:11px var(--mono)}.tech-actions a:hover,.tech-link:hover{background:#d7ee7b}.tech-actions .ghost{background:#202722;color:#c6d1c9;border:1px solid #39473d;padding:9px 12px}.banner-meta{position:absolute;bottom:22px;left:35px;font:9px var(--mono);letter-spacing:.05em;color:#7f9a87}.motion-toggle{position:absolute;bottom:18px;right:23px;padding:8px 10px;color:#a9bdb0;background:#0a120dcc;border:1px solid #364a3d;font:9px var(--mono);cursor:pointer}.tech-grid{display:grid;grid-template-columns:1fr 1fr}.tech-feature{min-width:0;padding:22px 28px 32px;overflow:hidden}.tech-feature:nth-child(even){border-left:1px solid #263029}.tech-feature:nth-child(n+3){border-top:1px solid #263029}.figure-top{font:9px var(--mono);color:#75887a;display:flex;justify-content:space-between;align-items:center;letter-spacing:.025em}.figure-top i{width:5px;height:5px;display:block}.green{background:#66d7b7}.purple{background:#a0a4ee}.amber{background:#e7a465}.lime{background:#d8eb77}.tech-drawing{height:310px;margin:25px 0 33px;display:flex;align-items:center;justify-content:center}.tech-drawing svg{width:100%;height:100%;max-width:600px}.svg-label{fill:#97a89d;font:10px var(--mono);letter-spacing:.03em}.feature-details{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;align-items:start}.feature-details h3{font:400 22px/1.3 Arial,sans-serif;letter-spacing:-.02em;grid-column:1/-1}.feature-details h3 span{font-weight:400;color:#758d7f;margin-right:10px}.feature-details p{font:16px/1.65 Arial,sans-serif;color:#98a69d}.feature-details ul{padding:0;margin:0;list-style:none;counter-reset:items}.feature-details li{font:12px/1.7 Arial,sans-serif;color:#8b9c90;margin-bottom:12px;padding-left:20px;position:relative}.feature-details li:before{content:'·';position:absolute;left:3px;color:#c4dbb0}.feature-details .tech-link{justify-self:start;grid-column:1/-1;margin-top:8px;font-size:10px}.color-statement{margin:48px 0;display:grid;grid-template-columns:1.3fr 1fr;min-height:320px;background:#d9ee69;color:#172016;position:relative;overflow:hidden}.color-statement>div{padding:40px;position:relative;z-index:1}.color-statement span{font:10px var(--mono);letter-spacing:.02em}.color-statement h2{font:400 clamp(35px,3.5vw,55px)/1.12 Arial,sans-serif;letter-spacing:-.04em;margin:23px 0}.color-statement p{font:15px/1.65 Arial,sans-serif;max-width:570px;color:#3e4d2b}.color-statement svg{height:100%;width:100%;position:absolute;right:-7%;top:0;max-width:600px}.small-banner{height:295px}.small-banner:after{background:linear-gradient(90deg,#090d0cee,transparent 75%)}.flow-tabs{display:flex;border-bottom:1px solid #263029}.flow-tabs button{flex:1;padding:22px;text-align:left;background:transparent;border:0;border-right:1px solid #263029;color:#6d8777;cursor:pointer;font:11px var(--mono)}.flow-tabs button:last-child{border-right:0}.flow-tabs button span{color:#8ba194;margin-left:16px}.flow-tabs button[aria-selected=true]{background:#18231c;box-shadow:inset 0 -2px #a9ddbd;color:#bce7c9}.flow-tabs button[aria-selected=true] span{color:#e0ece3}.flow-body{display:grid;grid-template-columns:1fr 1fr;min-height:360px}.flow-body>div:first-child{padding:45px}.flow-label{font:10px var(--mono);color:#a7c5b1}.flow-body h3{font:400 29px/1.2 Arial,sans-serif;letter-spacing:-.025em;margin:24px 0}.flow-body p{font:16px/1.75 Arial,sans-serif;color:#96a89b;max-width:430px}.flow-terminal{background:#101612;border-left:1px solid #263029;padding:30px}.terminal-top{display:flex;justify-content:space-between;gap:20px;font:9px var(--mono);color:#738c7c;border-bottom:1px solid #263029;padding-bottom:20px}.flow-terminal pre{font:12px/1.85 var(--mono);color:#a8b5aa;margin:26px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.flow-terminal pre span{color:#aadc98}.tech-contact{padding:85px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.tech-contact h2{font:400 43px/1.15 Arial,sans-serif;letter-spacing:-.03em;margin-top:25px}.tech-contact details{border-bottom:1px solid #35453a;padding:25px 0}.tech-contact summary{list-style:none;display:flex;justify-content:space-between;font-size:18px;cursor:pointer}.tech-contact summary::-webkit-details-marker{display:none}.tech-contact summary span{color:#a9d293}.tech-contact details p{font-size:14px;line-height:1.8;color:#94aa9b;margin-top:20px}.tech-page button:focus-visible,.tech-page a:focus-visible{outline:2px solid #d9ee69;outline-offset:4px}.footer{background:#111612}.review-note{background:#111612;color:#8a9e8f}
@media(max-width:800px){.tech-wrap{padding:0 22px}.tech-intro{padding:55px 0 35px}.pixel-banner{height:360px}.banner-copy{padding:26px}.banner-copy h2{font-size:28px}.banner-copy p{max-width:260px}.tech-actions{flex-wrap:wrap;gap:10px}.tech-actions a{font-size:9px}.banner-meta{left:26px;bottom:53px;font-size:8px}.motion-toggle{right:18px;bottom:16px}.tech-grid{grid-template-columns:1fr}.tech-feature{padding:22px}.tech-feature:nth-child(even){border-left:0}.tech-feature+.tech-feature{border-top:1px solid #263029}.tech-drawing{height:240px;margin:24px 0}.feature-details{gap:20px;grid-template-columns:1fr}.feature-details p{font-size:15px}.feature-details h3{font-size:23px}.feature-details ul{display:none}.color-statement{margin:30px 0;display:block}.color-statement>div{padding:28px}.color-statement svg{opacity:.4;right:-50%;max-width:500px}.color-statement p{font-size:14px;max-width:90%}.small-banner{height:270px}.flow-tabs button{padding:17px 10px;font-size:9px}.flow-tabs button span{margin-left:5px}.flow-body{grid-template-columns:1fr}.flow-body>div:first-child{padding:28px}.flow-body p{font-size:14px}.flow-terminal{border-left:0;border-top:1px solid #263029;padding:26px}.tech-contact{padding:55px 0;grid-template-columns:1fr;gap:25px}.tech-contact h2{font-size:36px}}

/* Spacious, typographic footer inspired by the supplied reference. */
.quiet-footer{background:#131514;color:#c5cbc7;padding:76px 7.5% 0;overflow:hidden;font-family:var(--sans);border-top:1px solid #ffffff0c}.quiet-footer-top{display:grid;grid-template-columns:1.55fr 1fr 1.2fr .7fr;gap:55px;max-width:1440px;margin:auto}.footer-brand>a{display:block;font-size:21px;font-weight:600;letter-spacing:-.045em;max-width:250px;line-height:1.3;color:#f1f4ef}.brand-dot{color:#b4d7c1}.footer-brand p{color:#747f77;font-size:13px;line-height:1.7;margin-top:23px}.quiet-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:19px}.quiet-footer nav>span{font-size:12px;color:#788179;margin-bottom:5px}.quiet-footer nav a{font-size:14px;color:#c5cdc7}.quiet-footer a:hover{color:#eff6f0}.quiet-footer-bottom{display:flex;justify-content:space-between;gap:25px;max-width:1440px;margin:95px auto 0;font-size:11px;color:#808b82}.footer-monument{max-width:1440px;margin:95px auto -25px;line-height:.9;letter-spacing:-.075em;font-weight:600;user-select:none;color:#353d37;background:linear-gradient(130deg,#242a25 5%,#626d63 52%,#222822 94%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-monument>span{display:block;font-size:clamp(38px,9.9vw,155px);white-space:nowrap}.footer-monument>span:last-child{font-size:clamp(100px,22vw,335px);line-height:.92;margin-top:12px;letter-spacing:-.085em}.review-note{background:#131514;padding-top:36px;padding-bottom:20px;color:#6c796f;font-size:9px}
@media(max-width:800px){.quiet-footer{padding:50px 25px 0}.quiet-footer-top{grid-template-columns:1fr 1fr;gap:40px 24px}.footer-brand>a{font-size:20px;max-width:190px}.quiet-footer nav{gap:16px}.quiet-footer nav a{font-size:12px}.quiet-footer-bottom{margin-top:60px;font-size:10px}.footer-monument{margin-top:60px;margin-bottom:0}.footer-monument>span{font-size:10vw}.footer-monument>span:last-child{font-size:25vw}.review-note{padding-top:24px}}

.footer-monument{font-size:clamp(20px,7.65vw,119px);line-height:1.15;white-space:nowrap;letter-spacing:-.065em;margin-bottom:0;padding-bottom:12px}
@media(max-width:800px){.footer-monument{font-size:7.5vw;letter-spacing:-.07em;padding-bottom:0}}

/* Full-width footer signature with a small edge inset. */
.footer-monument{width:calc(100vw - 40px);max-width:none;margin-left:calc(50% - 50vw + 20px);margin-right:0;font-size:calc(10.57vw - 4.23px);letter-spacing:-.065em;line-height:1.12}
@media(max-width:800px){.footer-monument{width:calc(100vw - 24px);margin-left:calc(50% - 50vw + 12px);font-size:calc(10.57vw - 2.54px);letter-spacing:-.065em}}
/* Keep the opening composition contained within the visible browser frame. */
.hero-live{aspect-ratio:auto;height:100svh;min-height:560px;max-height:none}
.hero-live .hero-photo{object-fit:cover;object-position:center center}
.live-hero-copy{top:auto;bottom:14%;max-width:52%}
@media(max-width:1050px){.hero-live{min-height:560px}.live-hero-copy{top:auto;bottom:12%;max-width:65%}}
@media(max-width:760px){.hero-live{height:100svh;min-height:640px}.hero-live .hero-photo{object-position:62% center}.live-hero-copy{top:auto;bottom:8%;max-width:none}}
@media(min-width:761px) and (max-height:650px){.hero-live{min-height:480px}.live-hero-copy{bottom:9%}.live-eyebrow{margin-bottom:14px}.live-hero-body{margin-top:17px}.live-hero-actions{margin-top:20px}}
/* Blend the photograph into the next section without extending the hero. */
.hero-live::before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:clamp(150px,25svh,280px);background:linear-gradient(to bottom,rgba(12,14,13,0) 0%,rgba(12,14,13,.12) 24%,rgba(12,14,13,.48) 53%,rgba(12,14,13,.84) 78%,#0c0e0d 100%);pointer-events:none;z-index:-1}
.hero-live::before{z-index:0}.live-header{position:relative;z-index:1}.live-hero-copy{z-index:1}

/* Quiet environmental movement; all UI stays fixed. */
.hero-live .hero-photo,.hero-water-motion{animation:hero-camera 28s ease-in-out infinite alternate;transform-origin:65% 45%;will-change:transform}.hero-water-motion{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.hero-mist{position:absolute;inset:10% -8% 0 30%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 64% 62%,#cce0d317,transparent 26%),radial-gradient(ellipse at 39% 29%,#e7eee714,transparent 23%);filter:blur(20px);animation:hero-mist-drift 19s ease-in-out infinite alternate;will-change:transform,opacity}.hero-motion-control{position:absolute;right:28px;bottom:28px;z-index:2;width:32px;height:32px;border:1px solid #c7dece38;border-radius:50%;color:#c1d4c6;background:#0c140d55;font:12px Arial,sans-serif;cursor:pointer}.hero-motion-control:hover{background:#24372c}.hero-motion-control:focus-visible{outline:2px solid #c1f7dc;outline-offset:4px}.hero-paused .hero-photo,.hero-paused .hero-water-motion,.hero-paused .hero-mist{animation-play-state:paused}
@keyframes hero-camera{from{transform:scale(1.025) translate3d(-.2%,0,0)}to{transform:scale(1.065) translate3d(.45%,-.35%,0)}}
@keyframes hero-mist-drift{from{transform:translate3d(-3%,2%,0);opacity:.4}to{transform:translate3d(4%,-2%,0);opacity:.9}}
@media(max-width:760px){.hero-water-motion{display:none}.hero-motion-control{right:20px;bottom:18px}.hero-mist{left:0}}
@media(prefers-reduced-motion:reduce){.hero-live .hero-photo,.hero-water-motion,.hero-mist{animation:none!important}.hero-water-motion,.hero-mist{display:none}}

/* Locked camera, downstream-only water, and an independent final fade layer. */
.hero-live .hero-photo,.hero-live .hero-water-motion{animation:none!important;transform:none!important;will-change:auto}
.hero-live::before{display:none}
.hero-bottom-fade{position:absolute;z-index:3;left:0;right:0;bottom:0;height:clamp(190px,32svh,350px);pointer-events:none;background:linear-gradient(to bottom,rgba(12,14,13,0) 0%,rgba(12,14,13,.15) 25%,rgba(12,14,13,.55) 55%,rgba(12,14,13,.92) 82%,#0c0e0d 96%,#0c0e0d 100%)}
.hero-live .live-header,.hero-live .live-hero-copy,.hero-live .hero-motion-control{z-index:4}
/* Disable the rejected still-image water effect. */
.hero-live .hero-water-motion,.hero-live .hero-motion-control{display:none!important}

/* Downstream foam is drawn independently of the locked photograph. */
.hero-current{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;mix-blend-mode:screen}
.hero-live .hero-motion-control{display:block!important}
.hero-live .hero-photo{animation:none!important;transform:none!important}
.hero-bottom-fade{bottom:0;z-index:3;transform:none;background:linear-gradient(to bottom,rgba(12,14,13,0),rgba(12,14,13,.15) 25%,rgba(12,14,13,.55) 55%,rgba(12,14,13,.92) 82%,#0c0e0d 95%)}
@media(prefers-reduced-motion:reduce){.hero-current{display:none}}

/* Water texture replaces the photograph only inside the flow field. */
.hero-current{mix-blend-mode:normal}
/* Carry the visible scene farther down before resolving to the next section. */
.hero-bottom-fade{height:clamp(150px,22svh,245px);background:linear-gradient(to bottom,rgba(12,14,13,0) 0%,rgba(12,14,13,.08) 25%,rgba(12,14,13,.38) 55%,rgba(12,14,13,.82) 82%,#0c0e0d 100%)}

/* Seamless hero transition retained across lower-page revisions. */
body,main,.tech-page{background-color:#0c0e0d}
.tech-page{display:flow-root;margin-top:0}
.hero-bottom-fade{background:linear-gradient(to bottom,rgba(12,14,13,0) 0%,rgba(12,14,13,.08) 24%,rgba(12,14,13,.38) 53%,rgba(12,14,13,.82) 79%,#0c0e0d 96%,#0c0e0d 100%)}

/* Brand mark: uppercase S, lowercase i, within a square. */
.si-logo{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;flex:none;border:1px solid currentColor;color:#eff4ef;font-family:var(--sans);font-size:23px;font-weight:600;line-height:1;letter-spacing:-.065em;padding-right:2px}
.footer-brand .si-logo{width:48px;height:48px;font-size:31px}

/* Selected fine-outline Si artwork, shared by header and footer. */
.hero-live img.si-logo,.footer-brand img.si-logo{position:static;display:block;width:35px;height:35px;flex:none;border:0;padding:0;object-fit:contain}
.footer-brand img.si-logo{width:48px;height:48px}

/* Full company name at the right, with the Si mark retained at the left. */
.live-header{align-items:stretch}.live-nav{margin-left:auto}.header-company-name{display:flex;align-items:center;justify-content:center;padding:0 25px;border-left:1px solid #d9eddf25;font:450 16px var(--sans);letter-spacing:-.035em;white-space:nowrap;color:#edf2ec}
.footer-monument .footer-name-fit,.footer-monument .footer-name-fit:last-child{display:block;font-size:inherit;line-height:1.12;letter-spacing:inherit;margin:0;white-space:nowrap}
.footer-monument{font-size:9.7vw;padding-right:5px;padding-bottom:18px}
@media(max-width:1050px){.header-company-name{font-size:13px;padding:0 15px}.live-nav a{padding:0 10px}}
@media(max-width:760px){.live-header{display:grid;grid-template-columns:auto 1fr;height:auto}.live-wordmark{border:0;height:54px}.header-company-name{grid-column:2;grid-row:1;justify-content:flex-end;border:0;padding-right:24px;font-size:15px}.live-nav{grid-column:1/-1;grid-row:2;width:100%;margin:0}}

.live-wordmark{gap:12px}.header-brand-name{font-size:17px;letter-spacing:-.035em;white-space:nowrap;color:#edf2ec}
@media(max-width:760px){.live-wordmark{grid-column:1/-1}.header-brand-name{font-size:16px}}

/* Prerendered hero: native video playback, with the original bottom fade. */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}
@media(max-width:760px){.hero-video{object-position:62% center}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}}
/* Avoid Safari's native play overlay; blocked autoplay uses an animated image. */
.hero-video{opacity:0}
.hero-video.is-playing{opacity:1}
.hero-video::-webkit-media-controls,.hero-video::-webkit-media-controls-start-playback-button{display:none!important}