:root{--c-primary:var(--c-blu);--bg-primary:var(--bg-blu);--bdc-primary:var(--bdc-blu)}
#main-contents [id^=c-tech-container]{display:flex;flex-direction:column}
#main-contents [id^=c-tech-section] .cmp-image__image{border-radius:15px}
#main-contents [id^=c-tech-section] .cmp-title{font-weight:700}
#main-contents [id^=c-tech-section] .cmp-container .cmp-container{display:flex;flex-direction:column}
#main-contents [id^=c-tech-section] .cmp-text:has(i){color:var(--c-primary);font-weight:300}
#main-contents [id^=c-tech-teaser]{border-top:1px solid #90bbde;position:relative}
#main-contents [id^=c-tech-teaser] .cmp-container{color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}
#main-contents [id^=c-tech-teaser] .cmp-image{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}
#main-contents [id^=c-tech-teaser] .cmp-image__image{border-radius:15px;height:100%;-o-object-fit:cover;object-fit:cover}
#main-contents [id^=c-tech-teaser] .cmp-title{font-weight:700}
#tech-anchor{position:relative}
#tech-anchor .cmp-container{display:grid}
#tech-anchor .cmp-button{align-items:center;border:1px solid var(--c-primary);color:var(--c-primary);display:flex;flex-direction:column;font-weight:700;gap:5px 0;justify-content:center}
#tech-anchor .cmp-button:after{background-color:var(--c-primary);content:"";display:block;height:6px;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6"><path d="M5,6L.1386,1.1381,1.2767,0l3.7233,3.7239L8.7233,0l1.1381,1.1381-4.8614,4.8619Z"/></svg>');mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6"><path d="M5,6L.1386,1.1381,1.2767,0l3.7233,3.7239L8.7233,0l1.1381,1.1381-4.8614,4.8619Z"/></svg>');width:10px}
#device,#hf,#opt,#power{position:absolute}
@media only screen and (max-width:980px){
#device,#hf,#opt,#power{top:-65px}
}
@media screen and (max-width:767.98px){
#main-contents [id^=c-section-block][id$="--device"]{margin-top:24px}
#main-contents [id^=c-tech-container]{gap:50px 0;margin-top:20px}
#main-contents [id^=c-tech-section]{display:flex;flex-direction:column;gap:15px 0}
#main-contents [id^=c-tech-section] .cmp-title{line-height:1.375;margin-bottom:12px}
#main-contents [id^=c-tech-section] .cmp-container .cmp-container{gap:15px 0;margin-top:25px}
#main-contents [id^=c-tech-section] .cmp-text:has(i){font-size:.75em;line-height:1.5;margin-top:12px}
#main-contents [id^=c-tech-teaser]{margin-top:50px;padding-top:25px}
#main-contents [id^=c-tech-teaser] .cmp-container{min-height:130px;padding:0 20px}
#main-contents [id^=c-tech-teaser] .cmp-title{font-size:1.125em;line-height:1.6111111111}
#main-contents [id^=c-tech-teaser] .cmp-text{font-size:.75em;line-height:1.5833333333}
#tech-anchor{padding:0 20px}
#tech-anchor .cmp-container{gap:12px;grid-template-columns:repeat(2,1fr)}
#tech-anchor .button{flex:1 0 auto}
#tech-anchor .cmp-button{border-radius:8px;font-size:.75em;height:58px}
}
@media print,screen and (min-width:768px){
:root{--maw-inner:1320px}
#main-contents [id^=c-section-block][id$="--device"]{margin-top:60px}
#main-contents [id^=c-tech-container]{gap:100px 0;margin-top:40px}
#main-contents [id^=c-tech-section]{display:grid;gap:0 3.4848484848%;grid-template-columns:39.5454545455% 56.9696969697%}
#main-contents [id^=c-tech-section] .cmp-title{font-size:1.7777777778em;line-height:1.3125;margin-bottom:25px}
#main-contents [id^=c-tech-section] .cmp-container .cmp-container{gap:20px 0;margin-top:40px}
#main-contents [id^=c-tech-section] .cmp-text:has(i){line-height:1.5;margin-top:20px}
#main-contents [id^=c-tech-teaser]{margin-top:80px;padding-top:80px}
#main-contents [id^=c-tech-teaser] .cmp-container{min-height:360px;padding:0 90px}
#main-contents [id^=c-tech-teaser] .cmp-title{font-size:1.7777777778em;line-height:1.625}
#main-contents [id^=c-tech-teaser] .cmp-text{font-size:.8888888889em;line-height:1.625}
#tech-anchor{padding:20px 20px 0}
#tech-anchor .cmp-container{gap:1.5151515152%;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1320px}
#tech-anchor .button{width:100%}
#tech-anchor .cmp-button{border-radius:20px;font-size:.8888888889em;height:80px;transition:background-color var(--trsdu-primary) var(--trstf-primary),color var(--trsdu-primary) var(--trstf-primary)}
#tech-anchor .cmp-button:after{transition:background-color var(--trsdu-primary) var(--trstf-primary)}
#tech-anchor .cmp-button:hover{background-color:var(--c-primary);color:#fff}
#tech-anchor .cmp-button:hover:after{background-color:#fff}
#device,#hf,#opt,#power{top:-85px}
}