/* The connection between hardware and software, using the site's shared grid. */
.technology-teaser{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:76px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tech-teaser-copy h2{font-size:clamp(38px,4.8vw,72px);font-weight:750;line-height:1;letter-spacing:-.055em;color:#000}
.tech-teaser-copy>p:not(.eyebrow){max-width:460px;font-size:18px;line-height:1.7;color:var(--muted);margin:26px 0}
.tech-teaser-copy .text-link{min-height:48px;align-items:center;font-size:16px}
.tech-teaser-visual{margin:0;min-width:0;background-image:linear-gradient(#c9cccf40 1px,transparent 1px),linear-gradient(90deg,#c9cccf40 1px,transparent 1px);background-size:32px 32px}
.tech-teaser-visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.tech-teaser-visual figcaption{display:flex;justify-content:space-between;gap:16px;padding:16px 0;background:var(--paper);border-top:1px solid var(--line);font-size:9px;letter-spacing:.08em;color:var(--muted)}
.technology-page{--tech-green:#abdbce;color:#000}
.technology-page .eyebrow,.technology-teaser .eyebrow{font-size:11px;letter-spacing:.12em;margin:0 0 26px}
.tech-hero{padding:46px 0 70px}
.tech-kicker{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}
.tech-kicker .eyebrow{margin:0}.tech-kicker>span{font-size:10px;letter-spacing:.1em;color:var(--muted)}
.tech-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:5%}
.tech-hero h1{font-size:clamp(48px,7vw,106px);font-weight:750;line-height:.96;letter-spacing:-.065em;color:#000;margin:20px 0 28px}
.tech-lead{font-size:24px;line-height:1.3;letter-spacing:-.025em;margin:0 0 16px;color:#000}
.tech-intro{font-size:17px;line-height:1.7;color:var(--muted);max-width:480px;margin:0 0 22px}
.tech-hero .text-link{font-size:14px;min-height:48px;align-items:center}
.tech-docking{margin:0;background-image:linear-gradient(#c9cccf55 1px,transparent 1px),linear-gradient(90deg,#c9cccf55 1px,transparent 1px);background-size:32px 32px;min-width:0}
.tech-docking video{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.tech-docking figcaption{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-top:1px solid var(--line);background:var(--paper);font-size:8px;letter-spacing:.1em;color:var(--muted)}
.tech-docking figcaption span,.tech-teaser-visual figcaption span{font:inherit}
.tech-interfaces{border-top:1px solid var(--line);padding:70px 0}
.tech-section-head{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;align-items:end;margin-bottom:38px}
.tech-section-head>.eyebrow{grid-column:1/-1}
.technology-page h2{font-size:clamp(34px,4.2vw,64px);font-weight:750;line-height:1;letter-spacing:-.055em;color:#000;margin:0}
.tech-section-head>p:last-child{font-size:17px;line-height:1.7;color:var(--muted);max-width:420px;margin:0}
.tech-interface-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tech-interface-grid article{padding:30px 28px 26px;display:flex;flex-direction:column;min-width:0}
.tech-interface-grid article:first-child{padding-left:0}.tech-interface-grid article:last-child{padding-right:0}.tech-interface-grid article+article{border-left:1px solid var(--line)}
.tech-index{font-size:11px;color:var(--muted);margin-bottom:34px}
.tech-interface-grid h3{font-size:clamp(23px,2.6vw,38px);font-weight:700;letter-spacing:-.04em;line-height:1.1;margin:0 0 18px;color:#000}
.tech-interface-grid p{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 30px}
.tech-detail{margin-top:auto;font-size:9px;letter-spacing:.1em}
.tech-architecture{padding:80px 0;background:#0b0e0e;color:#f9faf5}
.tech-architecture-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.tech-architecture h2{color:#f9faf5}.tech-architecture .eyebrow{color:var(--tech-green)}
.tech-architecture-grid>div>p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:450px;color:#b5bdb8;margin:26px 0}
.tech-architecture .text-link{color:#f9faf5;font-size:14px;min-height:48px;align-items:center}
.tech-architecture :focus-visible{outline-color:var(--tech-green)}
.tech-stack{min-width:0;text-align:center}
.tech-stack-modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:34px;position:relative}
.tech-stack-modules span{border:1px solid #64716c;font-size:10px;letter-spacing:.06em;padding:24px 4px;position:relative}
.tech-stack-modules span:after{content:'';position:absolute;left:50%;top:100%;height:18px;border-left:1px solid #64716c}
.tech-stack-modules:after{content:'';position:absolute;left:12.5%;right:12.5%;bottom:-18px;border-bottom:1px solid #64716c}
.tech-stack-interface{border:1px solid #64716c;position:relative;padding:20px;display:flex;flex-direction:column;gap:10px}
.tech-stack-interface:before,.tech-stack-interface:after{content:'';position:absolute;left:50%;height:17px;border-left:1px solid #64716c}
.tech-stack-interface:before{bottom:100%}.tech-stack-interface:after{top:100%;height:26px}
.tech-stack-interface>span{font-size:15px;font-weight:600;letter-spacing:.06em}.tech-stack-interface small{font-size:9px;letter-spacing:.08em;color:#b5bdb8}
.tech-stack-sigma{margin-top:26px;padding:24px;background:var(--tech-green);color:#153b33;display:flex;align-items:center;justify-content:space-between;gap:16px}
.tech-stack-sigma strong{font-size:clamp(30px,4vw,48px);font-weight:700;letter-spacing:-.06em;line-height:1}.tech-stack-sigma>span{font-size:10px;letter-spacing:.1em}
.tech-architecture-grid .tech-stack>p:not(.eyebrow){font-size:8px;letter-spacing:.1em;margin:18px 0 0;max-width:none}
.tech-software{padding:80px 0}
.tech-software-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.tech-software h2{margin-bottom:26px}.tech-workflow{list-style:none;margin:28px 0 0;padding:0}
.tech-workflow li{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:15px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.6}
.tech-workflow strong{font-weight:600}.tech-workflow span{color:var(--muted)}
.tech-sigma-preview{margin:0;min-width:0}.tech-sigma-preview>figcaption{font-size:9px;letter-spacing:.1em;color:var(--muted);margin-top:20px}
.technology-page .tech-note{font-size:12px;line-height:1.7;color:var(--muted);margin:28px 0 0}
.tech-development{display:grid;grid-template-columns:1fr auto;gap:6%;align-items:center;padding:60px 0 80px;border-top:1px solid var(--line)}
.tech-development h2{font-size:clamp(30px,3.5vw,52px)}
.tech-development p:not(.eyebrow):not(.tech-note){font-size:17px;line-height:1.7;max-width:720px;color:var(--muted);margin:24px 0 0}
.tech-development .button{background:var(--tech-green);color:#153b33;min-width:210px;border:1px solid transparent}
.tech-development .button:hover{background:#96cbbb}
@media(max-width:1050px){.tech-stack-modules{gap:6px}.tech-stack-modules span{font-size:8px}.tech-interface-grid article{padding-left:22px;padding-right:22px}}
@media(max-width:760px){
 .technology-teaser{grid-template-columns:1fr;gap:32px;padding:48px 0}.tech-teaser-copy h2{font-size:clamp(38px,9vw,60px)}.tech-teaser-copy>p:not(.eyebrow){font-size:16px;margin:22px 0}.tech-teaser-visual{max-width:560px;width:100%;justify-self:center}.tech-teaser-visual figcaption{font-size:8px;gap:10px}
 .tech-hero{padding:30px 0 48px}.tech-kicker{margin-bottom:20px}.tech-kicker>span{display:none}.tech-hero-grid{grid-template-columns:1fr;gap:30px}.tech-hero h1{font-size:clamp(46px,11.6vw,82px);margin:10px 0 24px}.tech-lead{font-size:23px}.tech-intro{font-size:16px}.tech-docking{max-width:560px;width:100%;justify-self:center}
 .tech-interfaces{padding:48px 0}.tech-section-head{grid-template-columns:1fr;gap:24px}.tech-section-head>.eyebrow{margin-bottom:0}.technology-page h2{font-size:clamp(34px,8.6vw,54px)}.tech-section-head>p:last-child{font-size:16px}.tech-interface-grid{grid-template-columns:1fr}.tech-interface-grid article,.tech-interface-grid article:first-child,.tech-interface-grid article:last-child{padding:26px 0}.tech-interface-grid article+article{border-left:0;border-top:1px solid var(--line)}.tech-index{margin-bottom:20px}.tech-interface-grid h3{font-size:30px}.tech-interface-grid p{font-size:15px;margin-bottom:22px}
 .tech-architecture{padding:48px 0}.tech-architecture-grid{grid-template-columns:1fr;gap:36px}.tech-architecture-grid>div>p:not(.eyebrow){font-size:16px}.tech-stack{max-width:560px;width:100%;justify-self:center}.tech-stack-modules span{font-size:8px;padding:22px 3px}.tech-stack-sigma strong{font-size:40px}.tech-stack-sigma>span{font-size:9px}
 .tech-software{padding:48px 0}.tech-software-grid{grid-template-columns:1fr;gap:36px}.tech-workflow li{font-size:14px}.tech-sigma-preview{width:100%;max-width:560px;justify-self:center}.tech-development{grid-template-columns:1fr;gap:28px;padding:48px 0}.tech-development h2{font-size:clamp(29px,7.4vw,48px)}.tech-development p:not(.eyebrow):not(.tech-note){font-size:16px}.tech-development .button{width:100%;min-height:72px}
}