@charset "UTF-8";
.sk12-channels{padding-block:96px}
.sk12-channel-list{border-top:1px solid var(--sk-ink)}
.sk12-channel-list>a{display:grid;grid-template-columns:55px minmax(230px,.8fr) minmax(180px,1.4fr) 105px 24px;align-items:center;gap:22px;min-height:72px;border-bottom:1px solid var(--sk-line);transition:.2s}
.sk12-channel-list>a>span{font-size:10px;color:var(--sk-hot);font-weight:900}
.sk12-channel-list strong{font-size:19px}
.sk12-channel-list i{position:relative;height:5px;background:#dedfd9;overflow:hidden}
.sk12-channel-list i b{position:absolute;inset:0 auto 0 0;width:var(--level);background:var(--sk-ink)}
.sk12-channel-list em{font-size:10px;font-style:normal;color:var(--sk-muted);text-transform:uppercase;letter-spacing:.08em;text-align:right}
.sk12-channel-list svg{justify-self:end}
.sk12-channel-list>a:hover{padding-inline:13px;background:var(--sk-white)}
.sk12-channel-list>a:hover i b{background:var(--sk-hot)}
.sk12-signalbank{padding-block:98px;background:#e6e5dd;border-block:1px solid var(--sk-line)}
.sk12-bank-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;grid-template-rows:repeat(2,370px);border:1px solid var(--sk-ink)}
.sk12-bank-card{position:relative;overflow:hidden;display:grid;background:var(--sk-white);border-right:1px solid var(--sk-ink);border-bottom:1px solid var(--sk-ink)}
.sk12-bank-card-1{grid-row:span 2;grid-template-rows:1fr auto}
.sk12-bank-card-2,.sk12-bank-card-3,.sk12-bank-card-4,.sk12-bank-card-5{grid-template-columns:45% 55%}
.sk12-bank-card-3,.sk12-bank-card-5{border-right:0}
.sk12-bank-card-4,.sk12-bank-card-5{border-bottom:0}
.sk12-bank-card-1 .sk12-bank-image{min-height:0}
.sk12-bank-image{display:flex;align-items:center;justify-content:center;padding:24px;min-width:0;background:linear-gradient(135deg,#f9f9f5,#e7e7df)}
.sk12-bank-image img{width:100%;height:100%;max-height:340px;object-fit:contain;transition:.3s}
.sk12-bank-card:hover img{transform:scale(1.035)}
.sk12-bank-card>div{padding:25px;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}
.sk12-bank-card small,.sk12-tool-rail small,.sk12-matrix-product small{font-size:9px;color:var(--sk-hot);font-weight:900;text-transform:uppercase;letter-spacing:.14em}
.sk12-bank-card h3{font-size:clamp(19px,2vw,30px);line-height:1.03;margin:7px 0 17px}
.sk12-bank-card strong{font-size:16px}
.sk12-bank-card>div>a,.sk12-terrain-copy>a,.sk12-tool-rail article>div>a{margin-top:20px;padding-top:13px;border-top:1px solid var(--sk-line);display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:900;text-transform:uppercase}
.sk12-card-no{position:absolute;z-index:2;top:14px;left:14px;padding:5px 8px;background:var(--sk-ink);color:#fff;font-size:9px;font-weight:900;letter-spacing:.1em}
.sk12-protocol{padding-block:110px;display:grid;grid-template-columns:minmax(260px,.76fr) 1.24fr;grid-template-areas:"title list" "cta list";gap:30px 90px}
.sk12-protocol-title{grid-area:title;align-self:end}
.sk12-protocol-title h2{font-size:clamp(40px,5vw,72px);line-height:.96;letter-spacing:-.05em;margin:0}
.sk12-protocol-title p{max-width:480px;color:var(--sk-muted);margin:24px 0 0}
.sk12-protocol ol{grid-area:list;list-style:none;margin:0;padding:0;border-top:1px solid var(--sk-ink)}
.sk12-protocol li{display:grid;grid-template-columns:80px 1fr;gap:25px;padding:31px 0;border-bottom:1px solid var(--sk-line)}
.sk12-protocol li>b{font-size:12px;color:var(--sk-hot)}
.sk12-protocol li h3{margin:0 0 7px;font-size:24px}
.sk12-protocol li p{margin:0;color:var(--sk-muted);font-size:14px}
.sk12-protocol-cta{grid-area:cta;align-self:start;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(100%,390px);padding:20px;background:var(--sk-ink);color:#fff;font-size:11px;font-weight:900;text-transform:uppercase}
.sk12-protocol-cta svg{color:var(--sk-mint);width:25px;height:25px}
.sk12-terrain{padding-block:100px;background:var(--sk-black);color:#fff}
.sk12-terrain-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #4a4f4a}
.sk12-terrain-grid article{display:grid;grid-template-columns:1fr .95fr;min-height:390px;border-right:1px solid #4a4f4a;border-bottom:1px solid #4a4f4a}
.sk12-terrain-grid article:nth-child(even){border-right:0}
.sk12-terrain-grid article:nth-last-child(-n+2){border-bottom:0}
.sk12-terrain-copy{padding:38px;display:flex;flex-direction:column;justify-content:flex-end}
.sk12-terrain-copy>span{font-size:9px;color:var(--sk-mint);letter-spacing:.13em;text-transform:uppercase}
.sk12-terrain-copy h3{font-size:clamp(24px,2.5vw,39px);line-height:1;margin:13px 0}
.sk12-terrain-copy p{color:#aab0aa;font-size:12px;margin:0 0 20px}
.sk12-terrain-copy strong{font-size:16px}
.sk12-terrain-copy>a{border-color:#424742}
.sk12-terrain-image{display:flex;align-items:center;justify-content:center;padding:24px;background:#1c201d;min-width:0}
.sk12-terrain-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(0,0,0,.45))}
.sk12-matrix{padding-block:105px}
.sk12-matrix-head,.sk12-matrix-list article{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr 45px;gap:30px;align-items:center}
.sk12-matrix-head{padding:0 18px 13px;border-bottom:1px solid var(--sk-ink);font-size:9px;color:var(--sk-muted);font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.sk12-matrix-list article{padding:17px 18px;border-bottom:1px solid var(--sk-line);transition:.2s}
.sk12-matrix-list article:hover{background:#fff}
.sk12-matrix-product{display:grid;grid-template-columns:78px 1fr;gap:20px;align-items:center;min-width:0}
.sk12-matrix-product img{width:78px;height:60px;object-fit:contain;background:#ebece7}
.sk12-matrix-product span{display:grid;min-width:0}
.sk12-matrix-product b{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk12-matrix-use{font-size:12px;color:var(--sk-muted)}
.sk12-meter{position:relative;height:6px;background:#d7d8d2}
.sk12-meter i{position:absolute;inset:0 auto 0 0;width:var(--meter);background:var(--sk-hot)}
.sk12-matrix-list article>strong{font-size:14px;white-space:nowrap}
.sk12-matrix-link{width:38px;height:38px;border:1px solid var(--sk-line);display:grid;place-items:center}
.sk12-service{background:var(--sk-hot);color:#fff}
.sk12-service-grid{min-height:350px;display:grid;grid-template-columns:1.1fr 1fr 230px;align-items:center;gap:65px;padding-block:65px}
.sk12-service-grid h2{margin:10px 0 0;font-size:clamp(38px,4vw,62px);line-height:.96;letter-spacing:-.045em}
.sk12-service-grid>div>span{color:#271209}
.sk12-service-grid ul{list-style:none;margin:0;padding:0}
.sk12-service-grid li{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.35)}
.sk12-service-grid li svg{flex:0 0 22px}
.sk12-service-grid li span{display:grid;font-size:12px}
.sk12-service-grid li b{font-size:14px;margin-bottom:3px}
.sk12-service-grid>a{min-height:150px;padding:24px;background:var(--sk-ink);display:flex;flex-direction:column;justify-content:space-between;font-size:12px;font-weight:900;text-transform:uppercase}
.sk12-service-grid>a svg{align-self:flex-end;width:35px;height:35px;color:var(--sk-mint)}
.sk12-tools{padding-block:105px}
.sk12-tool-rail{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--sk-ink)}
.sk12-tool-rail article{position:relative;min-width:0;border-right:1px solid var(--sk-line);padding:24px;display:grid;grid-template-rows:245px 1fr}
.sk12-tool-rail article:last-child{border-right:0}
.sk12-tool-rail article>a:first-of-type{display:flex;align-items:center;justify-content:center;min-width:0}
.sk12-tool-rail img{width:100%;height:100%;object-fit:contain}
.sk12-tool-rail article>div{padding-top:25px;display:flex;flex-direction:column}
.sk12-tool-rail h3{margin:8px 0 24px;font-size:23px;line-height:1.05}
.sk12-tool-rail article>div>a{margin-top:auto}
.sk12-tool-index{position:absolute;top:18px;left:18px;z-index:2;color:var(--sk-hot);font-size:10px;font-weight:900}
.sk12-guides{padding-block:100px;background:#202420;color:#fff}
.sk12-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #545954}
.sk12-guide-grid>a{position:relative;min-height:245px;padding:30px;border-right:1px solid #545954;border-bottom:1px solid #545954;display:flex;flex-direction:column;transition:.2s}
.sk12-guide-grid>a:nth-child(3n){border-right:0}
.sk12-guide-grid>a>span{color:var(--sk-hot);font-weight:900;font-size:11px}
.sk12-guide-grid small{margin-top:auto;color:#959b95;font-size:9px;text-transform:uppercase;letter-spacing:.13em}
.sk12-guide-grid h3{margin:9px 45px 0 0;font-size:20px;line-height:1.15}
.sk12-guide-grid i{position:absolute;right:28px;bottom:28px;color:var(--sk-mint)}
.sk12-guide-grid>a:hover{background:#2c312c}
.sk12-faq{padding-block:110px;display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}
.sk12-faq-lead h2{font-size:clamp(40px,5vw,70px);line-height:.95;letter-spacing:-.05em;margin:0}
.sk12-faq-lead p{color:var(--sk-muted);max-width:480px;margin-top:24px}
.sk12-accordions{border-top:1px solid var(--sk-ink)}
.sk12-accordions details{border-bottom:1px solid var(--sk-line)}
.sk12-accordions summary{cursor:pointer;list-style:none;padding:25px 46px 25px 0;position:relative;font-weight:900;font-size:17px}
.sk12-accordions summary::-webkit-details-marker{display:none}
.sk12-accordions summary i:before,.sk12-accordions summary i:after{content:"";position:absolute;right:8px;top:50%;width:16px;height:1px;background:var(--sk-ink)}
.sk12-accordions summary i:after{transform:rotate(90deg);transition:.2s}
.sk12-accordions details[open] summary i:after{transform:rotate(0)}
.sk12-accordions p{margin:-5px 70px 24px 0;color:var(--sk-muted);font-size:14px}
.sk12-brands{padding-block:34px;border-block:1px solid var(--sk-line);background:#e4e4dc}
.sk12-brands .sk12-shell{display:grid;grid-template-columns:130px repeat(8,minmax(0,1fr));align-items:center;gap:0;overflow:visible}
.sk12-brands .sk12-shell>span{padding-right:24px;font-size:9px;color:var(--sk-hot);font-weight:900;text-transform:uppercase;letter-spacing:.15em;white-space:nowrap}
.sk12-brands a{min-width:0;min-height:48px;padding:0 10px;border-left:1px solid #c0c2ba;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:900;white-space:nowrap}
.sk12-brands small{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:var(--sk-ink);color:#fff;font-size:8px}
.sk12-final{background:var(--sk-mint);border-bottom:1px solid var(--sk-ink)}
.sk12-final>.sk12-shell{min-height:430px;display:grid;grid-template-columns:190px 1fr 260px;gap:55px;align-items:center}
.sk12-final-code{align-self:stretch;border-inline:1px solid rgba(23,26,24,.25);display:flex;flex-direction:column;justify-content:center;align-items:center}
.sk12-final-code span{font-size:10px;letter-spacing:.2em}
.sk12-final-code b{font-size:42px;writing-mode:vertical-rl;line-height:1;margin-top:18px}
.sk12-final h2{margin:9px 0 20px;max-width:800px;font-size:clamp(42px,5vw,75px);line-height:.93;letter-spacing:-.055em}
.sk12-final p{max-width:730px;font-size:14px}
.sk12-final>div>a{min-height:180px;padding:24px;background:var(--sk-ink);color:#fff;display:flex;flex-direction:column;justify-content:space-between;font-size:12px;font-weight:900;text-transform:uppercase}
.sk12-final>div>a svg{align-self:flex-end;width:38px;height:38px;color:var(--sk-mint)}
.sk12-footer{background:var(--sk-black);color:#dfe2dc}
.sk12-footer-main{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:65px;padding-block:72px}
.sk12-footer-brand{padding-right:50px;border-right:1px solid #363b36}
.sk12-footer-brand img{width:190px;height:76px;object-fit:contain;object-position:left;background:#fff}
.sk12-footer-brand p{max-width:380px;margin:23px 0;color:#8e958e;font-size:13px}
.sk12-footer-brand>a:last-child{color:var(--sk-mint);font-weight:900}
.sk12-footer-main h2{margin:0 0 20px;color:var(--sk-hot);font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.sk12-footer-main>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start}
.sk12-footer-main>div:not(:first-child)>a{padding:7px 0;color:#aeb4ae;font-size:12px}
.sk12-footer-main>div:not(:first-child)>a:hover{color:#fff}
.sk12-footer-bottom{min-height:70px;border-top:1px solid #363b36;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;color:#717871;font-size:10px}
.sk12-footer-bottom span:nth-child(2){text-align:center}
.sk12-footer-bottom a{color:var(--sk-mint);text-transform:uppercase;font-weight:900}