:root{--tech-ink:#10171b;--tech-muted:#536168;--tech-blue:#13a7d5;--tech-blue-dark:#0c789c;--tech-line:#dce6e9;--tech-soft:#f2f7f8;--tech-paper:#fbfcfc}.technical-page{overflow:hidden;background:var(--tech-paper);color:var(--tech-ink)}.technical-page *{box-sizing:border-box}.technical-page a{color:inherit}.technical-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.technical-eyebrow{margin:0 0 14px;color:var(--tech-blue-dark);font-size:.7rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.technical-hero{padding:38px 0 72px;background:radial-gradient(circle at 91% 13%,rgba(37,181,218,.2),transparent 27%),linear-gradient(138deg,#f7fbfc 0%,#eef6f7 62%,#e2f2f5 100%)}.technical-hero-grid{display:grid;grid-template-columns:minmax(0,.97fr) minmax(400px,1.03fr);align-items:center;gap:60px}.technical-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:42px;color:#68777d;font-size:.76rem}.technical-breadcrumb a{text-decoration:none}.technical-breadcrumb a:hover{color:var(--tech-blue-dark)}.technical-badge{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--tech-blue-dark);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.technical-badge span{width:34px;height:3px;background:var(--tech-blue)}.technical-hero h1{max-width:780px;margin:0;font-size:clamp(2.05rem,4.15vw,3.9rem);line-height:1.03;letter-spacing:-.045em}.technical-intent{max-width:690px;margin:24px 0 0;color:#49595f;font-size:1.05rem;line-height:1.72}.technical-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.technical-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:52px;padding:0 23px;border:1px solid transparent;border-radius:5px;font-size:.84rem;font-weight:850;letter-spacing:.025em;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.technical-button:hover{transform:translateY(-2px)}.technical-button-dark{background:var(--tech-ink);color:#fff;box-shadow:0 14px 32px rgba(16,23,27,.18)}.technical-button-line{border-color:#afc7ce;background:rgba(255,255,255,.7)}.technical-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0 0}.technical-meta div{padding-top:13px;border-top:1px solid #bfd2d7}.technical-meta dt{color:#728187;font-size:.63rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.technical-meta dd{margin:6px 0 0;color:#2f3c41;font-size:.75rem;font-weight:700}.technical-hero-media{position:relative;margin:0}.technical-image-frame{position:relative;padding:16px;background:#fff;box-shadow:0 28px 72px rgba(23,58,67,.2)}.technical-image-frame:after{position:absolute;right:-16px;bottom:-16px;width:40%;height:42%;border-right:4px solid var(--tech-blue);border-bottom:4px solid var(--tech-blue);content:"";pointer-events:none}.technical-hero-media img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;background:#e8eff1}.technical-hero-media figcaption{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:18px 5px 0;color:#56656b;font-size:.76rem;line-height:1.5}.technical-hero-media figcaption b{color:var(--tech-blue-dark);font-size:.68rem}.technical-overview{padding:100px 0 90px;background:#fff}.technical-overview-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:88px}.technical-overview h2,.technical-toc h2,.technical-gallery h2,.technical-sources h2,.technical-faq h2,.technical-related h2,.technical-cta h2{margin:0;font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.12;letter-spacing:-.035em}.technical-difference{max-width:460px;margin:25px 0 0;color:#5b696f;font-size:.92rem;line-height:1.75}.technical-lead{padding-left:34px;border-left:3px solid var(--tech-blue)}.technical-lead p{margin:0;color:#3f4e54;font-size:1.02rem;line-height:1.82}.technical-lead p+p{margin-top:18px}.technical-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:65px;background:var(--tech-line);border:1px solid var(--tech-line)}.technical-highlights>div{min-height:188px;padding:27px;background:#fff}.technical-highlights b{display:block;margin-bottom:30px;color:var(--tech-blue);font-size:.68rem}.technical-highlights strong{display:block;font-size:1rem}.technical-highlights p{margin:10px 0 0;color:#5c696f;font-size:.86rem;line-height:1.65}.technical-toc{padding:76px 0;background:var(--tech-ink);color:#fff;scroll-margin-top:100px}.technical-toc .technical-eyebrow{color:#68d7f2}.technical-toc-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:76px}.technical-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;padding:0;background:#2b363b;list-style:none;border:1px solid #2b363b}.technical-toc a{display:grid;grid-template-columns:30px 1fr 22px;align-items:center;gap:10px;min-height:82px;padding:16px 18px;background:#141d21;color:#dae3e6;font-size:.8rem;line-height:1.4;text-decoration:none;transition:background .2s ease}.technical-toc a:hover{background:#1d2b31}.technical-toc a b{color:#63d2ee;font-size:.64rem}.technical-toc a i{color:#63d2ee;font-style:normal;font-size:1rem}.technical-content{padding:55px 0 105px}.technical-section{display:grid;grid-template-columns:300px 1fr;gap:72px;padding:68px 44px;border-bottom:1px solid var(--tech-line);scroll-margin-top:100px}.technical-section:nth-child(even){background:var(--tech-soft)}.technical-section-heading{position:sticky;top:118px;align-self:start}.technical-section-heading>span{display:block;margin-bottom:16px;color:var(--tech-blue);font-size:.7rem;font-weight:900;letter-spacing:.15em}.technical-section-heading h2{margin:0;font-size:clamp(1.42rem,2.15vw,2.05rem);line-height:1.18;letter-spacing:-.027em}.technical-section-body{min-width:0}.technical-prose{display:grid;grid-template-columns:1fr 1fr;gap:14px 35px}.technical-prose h3{grid-column:1/-1;margin:24px 0 0;font-size:1.12rem;line-height:1.35}.technical-prose h3:first-child{margin-top:0}.technical-prose p{margin:0;color:var(--tech-muted);font-size:.95rem;line-height:1.78}.technical-prose h3+p{grid-column:1/-1}.technical-callout{grid-column:1/-1;margin-top:15px;padding:27px 29px;border-left:4px solid var(--tech-blue);background:var(--tech-ink);color:#fff}.technical-callout strong{display:block;margin-bottom:9px;color:#6bd9f4;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.technical-callout p{color:#e0e8eb}.technical-bullets{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:25px 0 0;padding:0;list-style:none}.technical-bullets li{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:17px;background:#fff;border:1px solid var(--tech-line)}.technical-section:nth-child(odd) .technical-bullets li{background:var(--tech-soft)}.technical-bullets span{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#dff6fb;color:var(--tech-blue-dark);font-size:.68rem;font-weight:900}.technical-bullets p{margin:0;color:#4d5c62;font-size:.88rem;line-height:1.62}.technical-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0 0;padding:0;list-style:none}.technical-steps li{min-height:145px;padding:23px;border-top:3px solid var(--tech-blue);background:#fff}.technical-section:nth-child(odd) .technical-steps li{background:var(--tech-soft)}.technical-steps b{display:block;margin-bottom:22px;color:var(--tech-blue-dark);font-size:.7rem}.technical-steps p{margin:0;color:#48575d;font-size:.9rem;line-height:1.62}.technical-table-wrap{max-width:100%;margin-top:28px;overflow-x:auto;outline:none;box-shadow:0 12px 35px rgba(29,53,60,.08)}.technical-table-wrap:focus{box-shadow:0 0 0 3px rgba(19,167,213,.22)}.technical-table-wrap table{width:100%;min-width:720px;border-collapse:collapse;background:#fff;font-size:.82rem;line-height:1.5}.technical-table-wrap th,.technical-table-wrap td{padding:15px 16px;border:1px solid var(--tech-line);text-align:left;vertical-align:top}.technical-table-wrap thead th{background:var(--tech-ink);color:#fff;font-size:.72rem;letter-spacing:.03em}.technical-table-wrap tbody th{color:#172126;font-weight:800}.technical-table-wrap tbody tr:nth-child(even){background:#f4f8f9}.technical-gallery{padding:100px 0;background:var(--tech-ink);color:#fff}.technical-gallery .technical-eyebrow{color:#65d4ef}.technical-gallery-heading{display:grid;grid-template-columns:1fr .75fr;align-items:end;gap:70px;margin-bottom:42px}.technical-gallery-heading>p{margin:0;color:#afbcc1;font-size:.9rem;line-height:1.7}.technical-gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.technical-gallery-grid figure{margin:0;padding:12px;background:#1a252a}.technical-gallery-grid figure>div{display:flex;align-items:center;justify-content:center;min-height:320px;background:#0b1114}.technical-gallery-grid img{display:block;width:100%;height:auto;max-height:530px;object-fit:contain}.technical-gallery-grid figcaption{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:16px 4px 5px;color:#c1cdd1;font-size:.76rem;line-height:1.5}.technical-gallery-grid figcaption b{color:#64d4ef;font-size:.66rem}.technical-sources{padding:90px 0;background:#edf6f8}.technical-sources-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:75px}.technical-sources-grid>div:first-child>p:last-child{max-width:440px;margin:22px 0 0;color:#56666c;line-height:1.72}.technical-sources-grid>div:last-child{display:grid;gap:9px}.technical-sources a{display:grid;grid-template-columns:1fr 22px;align-items:center;gap:15px;min-height:67px;padding:15px 19px;border:1px solid #c8dde2;background:#fff;font-size:.83rem;font-weight:800;text-decoration:none}.technical-sources a:hover{border-color:var(--tech-blue)}.technical-sources a b{color:var(--tech-blue-dark)}.technical-faq{padding:100px 0;background:#f3f7f8}.technical-faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.technical-faq-grid>div:first-child{position:sticky;top:120px;align-self:start}.technical-faq-grid>div:first-child>p:last-child{max-width:390px;margin:22px 0 0;color:#5a686e;line-height:1.7}.technical-faq-list{border-top:1px solid #cbd9dd}.technical-faq-list details{border-bottom:1px solid #cbd9dd}.technical-faq-list summary{display:grid;grid-template-columns:1fr 24px;align-items:center;gap:20px;padding:24px 0;cursor:pointer;font-size:.98rem;font-weight:850;list-style:none}.technical-faq-list summary::-webkit-details-marker{display:none}.technical-faq-list summary b{color:var(--tech-blue);font-size:1.3rem;font-weight:400;transition:transform .2s ease}.technical-faq-list details[open] summary b{transform:rotate(45deg)}.technical-faq-list details p{margin:-5px 40px 25px 0;color:#526168;font-size:.94rem;line-height:1.75}.technical-related{padding:88px 0;background:#fff}.technical-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:30px}.technical-related-grid a{display:grid;grid-template-columns:28px 1fr 20px;align-items:center;gap:10px;min-height:92px;padding:19px;border:1px solid var(--tech-line);text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.technical-related-grid a:hover{transform:translateY(-3px);border-color:#8ecad9;background:#f2fafc}.technical-related-grid b{color:var(--tech-blue);font-size:.66rem}.technical-related-grid span{font-size:.87rem;font-weight:850;line-height:1.4}.technical-related-grid i{color:var(--tech-blue-dark);font-style:normal}.technical-cta{padding:85px 0;background:linear-gradient(125deg,#0d748f,#14a9d5);color:#fff}.technical-cta .technical-eyebrow{color:#d8f7ff}.technical-cta-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.technical-cta-grid>div:last-child{padding-left:34px;border-left:1px solid rgba(255,255,255,.35)}.technical-cta-grid>div:last-child>p{margin:0 0 24px;color:#ecfaff;line-height:1.72}.technical-button-light{background:#fff;color:#102027}.technical-button-light span{font-size:1.15rem}
@media(max-width:980px){.technical-hero-grid,.technical-overview-grid,.technical-toc-grid,.technical-sources-grid,.technical-faq-grid,.technical-cta-grid{grid-template-columns:1fr}.technical-hero-grid,.technical-overview-grid,.technical-toc-grid,.technical-sources-grid,.technical-faq-grid,.technical-cta-grid{gap:42px}.technical-hero-media{max-width:760px}.technical-section{grid-template-columns:225px 1fr;gap:38px;padding-inline:28px}.technical-section-heading{position:static}.technical-gallery-heading{grid-template-columns:1fr;gap:20px}.technical-related-grid{grid-template-columns:repeat(2,1fr)}.technical-faq-grid>div:first-child{position:static}.technical-cta-grid>div:last-child{padding-left:0;border-left:0}}
@media(max-width:680px){.technical-shell{width:min(100% - 26px,1180px)}.technical-hero{padding:22px 0 52px}.technical-hero-grid{display:flex;flex-direction:column}.technical-hero-copy{order:1}.technical-hero-media{order:2}.technical-breadcrumb{margin-bottom:28px}.technical-hero h1{font-size:clamp(1.85rem,10vw,2.65rem)}.technical-meta{grid-template-columns:1fr}.technical-overview{padding:68px 0 58px}.technical-lead{padding-left:20px}.technical-highlights{grid-template-columns:1fr;margin-top:44px}.technical-toc{padding:60px 0}.technical-toc ol{grid-template-columns:1fr}.technical-content{padding:28px 0 70px}.technical-section{display:block;padding:45px 18px}.technical-section-heading{margin-bottom:28px}.technical-prose{grid-template-columns:1fr}.technical-prose h3,.technical-prose h3+p,.technical-callout{grid-column:1}.technical-bullets,.technical-steps{grid-template-columns:1fr}.technical-gallery{padding:68px 0}.technical-gallery-grid{grid-template-columns:1fr}.technical-gallery-grid figure>div{min-height:220px}.technical-sources,.technical-faq,.technical-related,.technical-cta{padding:68px 0}.technical-related-grid{grid-template-columns:1fr}}