.tech-hero{min-height:490px;padding:165px 0 95px;color:#f5fbfc;background-image:linear-gradient(90deg,rgba(3,13,21,.78),rgba(3,13,21,.35) 58%,rgba(3,13,21,.08)),url('assets/stars.jpg');background-position:center;background-size:cover;overflow:hidden}
.tech-hero-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:40px}
.tech-hero h1{max-width:760px;margin-bottom:22px}
.tech-hero p:not(.eyebrow){max-width:620px;color:#c0d5da;font-size:16px;line-height:1.7;margin:0}
.tech-orb{width:190px;height:190px;object-fit:contain;opacity:.8;filter:drop-shadow(0 0 26px rgba(104,205,251,.22))}
.tech-intro{padding:85px 0 0;background:#f5f6f1}
.tech-intro-top{display:grid;grid-template-columns:1fr .65fr;gap:70px;align-items:end}
.tech-intro h2 em,.tech-reference h2 em{color:#498ca5}
.tech-intro-top>p{font-size:15px;line-height:1.75;color:#647775;margin:0 0 8px}
.tech-jump{display:flex;flex-wrap:wrap;gap:9px;margin-top:40px;padding-bottom:29px;border-bottom:1px solid #d8e0da}
.tech-jump a{border:1px solid #ccdad7;border-radius:100px;padding:10px 15px;color:#315660;background:#fff;font-size:12px;font-weight:700;transition:background .2s,color .2s}
.tech-jump a:hover{background:#dbeef1;color:#173c4b}
.tech-groups{background:#f5f6f1;padding:23px 0 108px}
.tech-group{border-bottom:1px solid #d6e0da;scroll-margin-top:25px}
.tech-group summary{display:grid;grid-template-columns:58px 1fr 34px;gap:25px;align-items:center;min-height:116px;list-style:none;cursor:pointer}
.tech-group summary::-webkit-details-marker{display:none}
.tech-no{align-self:start;padding-top:38px;font-size:12px;font-weight:800;color:#45829a}
.tech-summary strong{display:block;font:700 clamp(20px,2.3vw,29px) Manrope,Arial,sans-serif;letter-spacing:-.04em;color:#17343b}
.tech-summary small{display:block;margin-top:7px;color:#687d7c;font-size:13px;line-height:1.45}
.tech-plus{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #a8c1be;color:#367e98;font-size:23px;line-height:1}
.tech-group[open] .tech-plus{transform:rotate(45deg)}
.tech-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 0 29px 83px}
.tech-detail-grid article{min-height:140px;background:#fff;border:1px solid #e1e9e4;border-radius:12px;padding:22px 24px}
.tech-detail-grid h3{font-size:15px;margin:0 0 9px;letter-spacing:-.03em}
.tech-detail-grid p{font-size:13px;line-height:1.65;color:#607674;margin:0}
.tech-detail-grid a{color:#277b9b;text-decoration:underline;text-underline-offset:3px}
.tech-scope-note{font-size:12px;color:#607674;line-height:1.6;margin-top:-75px;margin-bottom:85px}
.tech-reference{padding:100px 0;background:#e9ede4}
.tech-reference-grid{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:start}
.tech-reference-grid>div>p:not(.section-kicker){font-size:14px;color:#5d706a;line-height:1.7;margin:5px 0 26px}
.reference-names{display:flex;flex-wrap:wrap;gap:9px}
.reference-names span{background:#f7f9f4;border:1px solid #d7e0d6;border-radius:7px;padding:10px 13px;color:#425b59;font-size:12px;font-weight:700}
.tech-back{color:#bbd8df!important;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.tech-hero{min-height:0;padding:136px 0 72px}.tech-hero-inner{display:block}.tech-orb{position:absolute;right:-50px;top:5px;width:115px;height:115px;opacity:.35}.tech-hero h1{font-size:clamp(42px,9vw,62px)}.tech-hero p:not(.eyebrow){font-size:14px}.tech-intro{padding-top:70px}.tech-intro-top,.tech-reference-grid{grid-template-columns:1fr;gap:22px}.tech-jump{margin-top:27px}.tech-groups{padding-bottom:72px}.tech-group summary{grid-template-columns:28px 1fr 30px;gap:13px;min-height:105px}.tech-no{padding-top:36px}.tech-summary strong{font-size:19px}.tech-summary small{font-size:12px}.tech-detail-grid{grid-template-columns:1fr;padding-left:0}.tech-detail-grid article{min-height:0}.tech-reference{padding:74px 0}.tech-reference-grid{gap:20px}}
.tech-gallery{padding:100px 0 112px;background:#eef2e9}
.tech-gallery .tech-intro-top{margin-bottom:38px}
.tech-gallery h2 em{color:#4a9872}
.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.screen-card{display:block;padding:10px 10px 17px;background:#fff;border:1px solid #dce6dc;border-radius:11px;box-shadow:0 12px 26px rgba(15,52,38,.04)}
.screen-card>img{display:block;width:100%;border-radius:6px;background:#0b1b20}
.screen-phone>img{aspect-ratio:9/20;object-fit:contain}
.screen-card>strong{display:block;margin:13px 7px 0;color:#31524c;font:700 13px Manrope,Arial,sans-serif}
.screen-card:hover{border-color:#8ecaa7;transform:translateY(-2px)}
.screen-desktop{grid-column:1/-1}
.screen-desktop img{aspect-ratio:2048/996;object-fit:contain}
@media(max-width:760px){.tech-gallery{padding:72px 0 82px}.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.screen-card{padding:6px 6px 12px}.screen-card>strong{font-size:11px;margin:10px 4px 0}.screen-phone:nth-child(3){grid-column:1/-1;width:calc(50% - 5px);justify-self:center}.screen-desktop{grid-column:1/-1}}