/* microsoft.css: generated by tooling/convert.py from ProductMicrosoft.dc.html (v94). Edit the converter, not this file. */
@font-face{font-family:"Helvetica Ultra Compressed";src:url(../fonts/389c1dcd226eb0ba873432dd8924726c.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
.q-think{font-family:"Helvetica Ultra Compressed","Arial Narrow",sans-serif;font-weight:400;letter-spacing:0;line-height:1}
.q-i{position:relative;display:inline-block}
.q-i::after{content:"";position:absolute;left:50%;top:.1em;width:.16em;height:.16em;margin-left:-.08em;border-radius:50%;background:#E2231A}
.q-and{font-family:"Inter Tight",sans-serif;font-size:.42em;font-weight:500;color:#D6E0EE;margin:0 .45em;vertical-align:.35em}
.p-h2 .q-think{font-size:1.25em;vertical-align:-.06em}

body{margin:0}
a{color:#00529C}a:hover{color:#003E77}
.h-nav{display:flex;gap:30px;align-items:center;margin-left:auto}
.h-nav a{color:#16181D;text-decoration:none}
.h-nav a:hover{color:#00529C}
.h-btn{transition:transform .15s, background .15s}
.h-btn:hover{background:#2A2D35}
.h-btn:active{transform:translateY(1px)}
.h-ghost{transition:background .15s}
.h-ghost:hover{background:#F1F2F4}
.h-item:hover .h-t{text-decoration:underline;text-underline-offset:3px}
.h-lane{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.h-track{display:flex;align-items:center;gap:72px;width:max-content;padding:14px 0}
.h-left{animation:h-left 58s linear infinite}
.h-right{animation:h-right 66s linear infinite}
.h-lane:hover .h-track{animation-play-state:paused}
.h-track img{height:30px;width:auto;flex-shrink:0;display:block}
.h-track img.h-wide{height:20px}
@keyframes h-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes h-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.h-seg{transition:background .15s, color .15s}
.h-seg:focus-visible,.h-arrow:focus-visible{outline:2px solid #00529C;outline-offset:2px}
.h-strip{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:4px;scrollbar-width:none}
.h-strip::-webkit-scrollbar{display:none}
.h-sol{position:relative;flex:0 0 340px;height:480px;border-radius:12px;overflow:hidden;background:#14263D;scroll-snap-align:start;text-decoration:none;display:block}
.h-sol-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.h-sol::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,36,0) 35%,rgba(10,20,36,.88) 100%);pointer-events:none}
.h-sol-body{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:28px;display:flex;flex-direction:column;gap:12px}
.h-sol-more{display:flex;flex-direction:column;gap:8px;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease, opacity .3s ease}
.h-sol:hover .h-sol-more,.h-sol:focus-visible .h-sol-more{max-height:180px;opacity:1}
.h-sol:hover .h-sol-img{transform:scale(1.04)}
.h-arrow{width:44px;height:44px;border-radius:999px;border:1px solid #C9CBD1;background:#FFFFFF;color:#16181D;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}
.h-arrow:hover{background:#F1F2F4}
@media (prefers-reduced-motion: reduce){.h-strip{scroll-behavior:auto}.h-sol-img,.h-sol-more{transition:none}}
@media (max-width: 860px){.h-sol{flex-basis:280px;height:420px}.h-sol-more{max-height:180px;opacity:1}}
.h-prod{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.h-span2{grid-column:span 2}
.h-pc{display:flex;flex-direction:column;gap:14px;padding:32px;border:1px solid #E2E6EC;border-radius:12px;background:#FFFFFF;text-decoration:none;color:#16181D;transition:transform .2s, border-color .2s}
.h-pc:hover{transform:translateY(-3px);border-color:#9DB8DD}
.h-pc-t{font-weight:700;font-size:22px;padding-top:6px}
.h-pc-d{font-size:16px;line-height:1.55;color:#50545E;max-width:60ch}
.h-pc-l{margin-top:auto;padding-top:6px;font-weight:600;font-size:15px;color:#00529C}
.h-chips{display:flex;flex-wrap:wrap;gap:8px}
.h-chips span{font-size:13px;font-weight:500;color:#2F3A4A;background:#FFFFFF;border:1px solid #D3DCE8;border-radius:999px;padding:6px 12px}
@media (max-width: 960px){.h-prod{grid-template-columns:minmax(0,1fr)}.h-span2{grid-column:auto}}
.h-dd{position:relative;display:flex;align-items:center}
.h-ddt{display:inline-flex;align-items:center;gap:5px}
.h-ddt svg{transition:transform .2s}
.h-ddm{position:absolute;top:100%;left:-16px;min-width:240px;margin-top:14px;padding:10px;background:#0C1E3A;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 18px 40px rgba(2,8,20,.45);display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s, transform .18s, visibility .18s;z-index:10}
.h-ddm::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.h-dark .h-ddm a{display:block;padding:10px 12px;border-radius:8px;color:#D6E0EE;font-size:14px}
.h-dark .h-ddm a:hover{background:rgba(255,255,255,.07);color:#FFFFFF}
.h-mega{flex-direction:row;gap:0;min-width:640px;padding:22px}
.h-mcol{display:flex;flex-direction:column;gap:2px;min-width:230px}
.h-mbrand{min-width:340px}
.h-mh{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7FB6FF;padding:0 12px 10px}
.h-mbrand .h-mh{padding-left:0}
.h-mdiv{width:1px;background:rgba(255,255,255,.12);margin:0 22px}
.h-bgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.h-bcol{display:flex;flex-direction:column;gap:10px}
.h-dark .h-ddm a.h-bt{display:flex;align-items:center;justify-content:center;gap:12px;height:52px;padding:0 12px;background:#FFFFFF;border-radius:8px;transition:transform .15s, box-shadow .15s}
.h-dark .h-ddm a.h-bt:hover{background:#FFFFFF;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.25)}
.h-dark .h-ddm a.h-bt-text{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:#FFFFFF;font-weight:600;font-size:14px}
.h-dark .h-ddm a.h-bt-text:hover{background:rgba(255,255,255,.12)}
.h-dd:hover .h-ddm,.h-dd:focus-within .h-ddm{opacity:1;visibility:visible;transform:translateY(0)}
.h-dd:hover .h-ddt svg,.h-dd:focus-within .h-ddt svg{transform:rotate(180deg)}
.h-dark .h-nav a{color:#D6E0EE}
.h-dark .h-nav a:hover{color:#FFFFFF}
.h-btnw{transition:transform .15s, background .15s}
.h-btnw:hover{background:#DCE8F7}
.h-btnw:active,.h-ghostd:active{transform:translateY(1px)}
.h-ghostd{transition:background .15s, border-color .15s}
.h-ghostd:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.7)}
.h-herobg{position:relative;overflow:hidden;min-height:680px;display:flex;align-items:center;background:#07152B}
.h-bgimg{position:absolute;left:-4%;top:-4%;width:108%;height:108%;object-fit:cover;z-index:0;animation:h-push 40s ease-in-out infinite alternate;will-change:transform}
.h-herobg::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 48% 60% at 50% 52%,rgba(7,21,43,.78),rgba(7,21,43,.25) 70%,rgba(7,21,43,.45) 100%)}
.h-glow{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 50% 100%,rgba(78,163,255,.28),rgba(78,163,255,0) 70%);opacity:.4;animation:h-pulse 7s ease-in-out infinite;will-change:opacity}
.h-sweep{position:absolute;top:0;bottom:0;left:-35%;width:35%;z-index:1;pointer-events:none;background:linear-gradient(100deg,rgba(127,182,255,0),rgba(127,182,255,.14),rgba(127,182,255,0));opacity:0;animation:h-sweep 12s ease-in-out infinite;will-change:transform,opacity}
@keyframes h-push{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.08) translate3d(0,-1%,0)}}
@keyframes h-pulse{0%,100%{opacity:.35}50%{opacity:.8}}
@keyframes h-sweep{0%{transform:translateX(0);opacity:0}12%{opacity:1}55%{transform:translateX(420%);opacity:0}100%{transform:translateX(420%);opacity:0}}
@media (prefers-reduced-motion: reduce){.h-bgimg,.h-sweep,.h-glow{animation:none}.h-sweep{display:none}}
.h-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:2px solid #E2E6EC}
.h-steps li{display:flex;flex-direction:column;gap:10px;padding:28px 28px 0 0;position:relative}
.h-steps li::before{content:"";position:absolute;top:-2px;left:0;width:56px;height:2px;background:#00529C}
.h-step-n{font-size:14px;font-weight:600;color:#00529C}
.h-step-t{font-weight:700;font-size:24px;letter-spacing:-0.01em}
.h-step-d{font-size:16px;line-height:1.55;color:#50545E;max-width:26ch}
@media (max-width: 960px){.h-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}}
@media (max-width: 560px){.h-steps{grid-template-columns:minmax(0,1fr)}}
.h-contact{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:500;color:#16181D;text-decoration:none;min-height:32px}
.h-contact:hover{color:#00529C}
.h-fname{font-family:"Zilla Slab",Georgia,serif;font-weight:700}
.h-fcol{display:flex;flex-direction:column;gap:10px;font-size:15px}
.h-fh{font-weight:600;color:#FFFFFF;font-size:15px;padding-bottom:4px}
.h-office{display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.55;color:#C9D5E6}
.h-foot a{color:#C9D5E6;text-decoration:none}
.h-foot a:hover{color:#FFFFFF}
.h-card{transition:transform .2s, border-color .2s}
.h-card:hover{transform:translateY(-3px);border-color:#9DB8DD}
.h-tab{transition:color .15s, border-color .15s}
.h-tab:hover{color:#16181D}
.h-tab:focus-visible{outline:2px solid #00529C;outline-offset:2px}
@media (prefers-reduced-motion: reduce){.h-left,.h-right{animation:none}}
@media (max-width: 860px){
 .h-nav{display:none}
 .h-head{padding-left:140px !important;min-height:120px !important}
 .h-logomark{top:14px !important}
 .h-logomark img{width:96px !important;height:103px !important}
 .h-hero{padding-top:88px !important}
 .p-hero{padding-top:120px !important}
 .h-herobg{padding-top:120px !important}
 .h-h1{font-size:44px !important}
 .h-statement{font-size:28px !important}
}

.p-crumb{display:flex;gap:8px;font-size:14px;color:#8FA3BF;flex-wrap:wrap}
.p-crumb a{color:#B9CFEA;text-decoration:none}
.p-crumb a:hover{color:#FFFFFF}
.p-hero{position:relative;overflow:hidden;background:#07152B;padding-top:98px}
.p-hero .h-bgimg{animation:none}
.p-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(7,21,43,.92) 0%,rgba(7,21,43,.7) 55%,rgba(7,21,43,.45) 100%)}
.p-in{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:72px 24px 80px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px}
.p-h1{margin:0;font-weight:600;font-size:56px;line-height:1.06;letter-spacing:-0.03em;color:#FFFFFF;max-width:20ch}
.p-lead{margin:0;font-size:20px;line-height:1.6;color:#C9D5E6;max-width:56ch}
.p-sec{max-width:1240px;margin:0 auto;padding:96px 24px;box-sizing:border-box}
.p-h2{margin:0;font-weight:700;font-size:40px;line-height:1.1;letter-spacing:-0.02em}
.p-p{margin:0;font-size:18px;line-height:1.6;color:#50545E}
.p-slot{border-radius:12px;background:#DCE4EE;display:flex;align-items:center;justify-content:center;color:#50545E;font-size:14px;text-align:center;padding:24px;box-sizing:border-box}
.p-tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.p-tl li{display:grid;grid-template-columns:160px minmax(0,1fr);gap:32px;padding:28px 0;border-top:1px solid #E3E4E8}
.p-tl li:last-child{border-bottom:1px solid #E3E4E8}
.p-yr{font-family:"Zilla Slab",Georgia,serif;font-weight:700;font-size:40px;line-height:1;color:#00529C}
.p-tl-t{font-weight:700;font-size:22px;line-height:1.25}
.p-tl-d{font-size:17px;line-height:1.6;color:#50545E;max-width:60ch}
.p-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.p-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.p-card{display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid #E2E6EC;border-radius:12px;background:#FFFFFF;box-sizing:border-box}
.p-ct{font-weight:700;font-size:20px}
.p-cd{font-size:16px;line-height:1.55;color:#50545E}
.p-cl{margin-top:auto;padding-top:6px;font-weight:600;font-size:15px;color:#00529C;text-decoration:none}
.p-tag{align-self:flex-start;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#00529C;background:#EAF1F9;border-radius:999px;padding:5px 10px}
.p-form{display:flex;flex-direction:column;gap:18px}
.p-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.p-f{display:flex;flex-direction:column;gap:8px}
.p-f label{font-size:14px;font-weight:600;color:#16181D}
.p-f input,.p-f select,.p-f textarea{font-family:'Inter Tight',sans-serif;font-size:16px;color:#16181D;background:#FFFFFF;border:1px solid #C9CBD1;border-radius:8px;padding:12px 14px;min-height:48px;box-sizing:border-box;width:100%}
.p-f textarea{min-height:140px;resize:vertical}
.p-f input:focus,.p-f select:focus,.p-f textarea:focus{outline:2px solid #00529C;outline-offset:1px;border-color:#00529C}
.p-note{font-size:14px;line-height:1.55;color:#50545E}
.p-submit{align-self:flex-start;border:0;cursor:pointer;background:#16181D;color:#FFFFFF;font-family:'Inter Tight',sans-serif;font-weight:600;font-size:16px;padding:15px 28px;border-radius:999px;min-height:48px}
.p-submit:hover{background:#2A2D35}
.p-quick{display:flex;align-items:center;gap:14px;padding:20px 22px;border:1px solid #E2E6EC;border-radius:12px;background:#FFFFFF;text-decoration:none;color:#16181D;transition:border-color .2s, transform .2s}
.p-quick:hover{border-color:#9DB8DD;transform:translateY(-2px)}
.p-qi{width:44px;height:44px;border-radius:999px;background:#EAF1F9;color:#00529C;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.p-qt{font-weight:700;font-size:17px}
.p-qd{font-size:15px;color:#50545E}
.p-offs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}
.p-off{display:flex;flex-direction:column;gap:6px;font-size:16px;line-height:1.55;color:#50545E;padding-top:20px;border-top:2px solid #E2E6EC}
.p-off a{color:#00529C;text-decoration:none}
.p-off a:hover{text-decoration:underline;text-underline-offset:3px}
.p-off-h{font-weight:700;font-size:18px;color:#16181D;padding-bottom:2px}
.p-intl{display:flex;align-items:center;justify-content:space-between;max-width:420px;padding:16px 20px;border:1px solid #E2E6EC;border-radius:12px;color:#16181D;text-decoration:none;font-weight:600;font-size:17px;min-height:44px;box-sizing:border-box;transition:border-color .2s}
.p-intl:hover{border-color:#9DB8DD;color:#00529C}
.p-legal{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;align-items:start}
.p-toc{position:sticky;top:24px;display:flex;flex-direction:column;gap:4px;font-size:15px}
.p-toc a{color:#50545E;text-decoration:none;padding:6px 0 6px 14px;border-left:2px solid #E3E4E8}
.p-toc a:hover{color:#00529C;border-left-color:#00529C}
.p-doc{max-width:68ch;font-size:17px;line-height:1.7;color:#2F3440}
.p-doc h2{font-weight:700;font-size:26px;line-height:1.2;letter-spacing:-0.01em;color:#16181D;margin:48px 0 12px;scroll-margin-top:24px}
.p-doc p{margin:0 0 16px}
.p-doc ul{margin:0 0 16px;padding-left:22px;display:flex;flex-direction:column;gap:10px}
.p-light{background:#F7F8FA;border-bottom:1px solid #E3E4E8}
.p-light .p-crumb{color:#6B707A}
.p-light .p-crumb a{color:#00529C}
.p-404{font-family:"Zilla Slab",Georgia,serif;font-weight:700;line-height:.9;letter-spacing:-0.02em}
.p-search{display:flex;gap:10px;width:100%;max-width:520px}
.p-search input{flex:1;font-family:'Inter Tight',sans-serif;font-size:16px;border:1px solid #C9CBD1;border-radius:999px;padding:12px 20px;min-height:48px;box-sizing:border-box}
.p-search input:focus{outline:2px solid #00529C;outline-offset:1px}
.p-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%}
.p-lk{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);text-decoration:none;text-align:left;transition:background .2s,border-color .2s}
.p-lk:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4)}
.p-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:start}
.p-split2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:64px;align-items:start}
.p-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width: 960px){.p-split,.p-split2,.p-grid3{grid-template-columns:minmax(0,1fr)}.p-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.p-legal{grid-template-columns:minmax(0,1fr)}.p-toc{position:static}.p-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 680px){.p-grid2,.p-grid4,.p-row,.p-links{grid-template-columns:minmax(0,1fr)}.p-h1{font-size:40px}.p-tl li{grid-template-columns:minmax(0,1fr);gap:10px}}


.q-steps6{grid-template-columns:repeat(6,minmax(0,1fr))}
.q-hwrap{overflow-x:auto;padding-bottom:8px}
.q-htl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:auto 24px auto;min-width:1100px}
.q-hline{grid-column:1 / -1;grid-row:2;align-self:center;height:2px;background:linear-gradient(90deg,#00529C,#7FB6FF)}
.q-hdot{grid-row:2;align-self:center;justify-self:start;width:14px;height:14px;margin-left:-6px;border-radius:999px;background:#FFFFFF;border:3px solid #00529C;box-sizing:border-box;z-index:1}
.q-hdot.q-now{background:#00529C}
.q-hi{display:flex;flex-direction:column;gap:6px;border-left:2px dashed #B9C6D8;padding:0 16px 0 14px;margin-left:-1px}
.q-top{grid-row:1;align-self:end;padding-bottom:18px}
.q-bot{grid-row:3;align-self:start;padding-top:18px}
.q-hy{font-family:"Zilla Slab",Georgia,serif;font-weight:700;font-size:30px;line-height:1;color:#00529C}
.q-ht{font-weight:700;font-size:17px;line-height:1.3;color:#16181D}
.q-hd{font-size:15px;line-height:1.5;color:#50545E}
.q-now .q-hy{color:#07152B}
.q-steps5{grid-template-columns:repeat(5,minmax(0,1fr))}
.q-badges .q-msbadge{height:150px;width:auto;display:block}
@media (max-width: 680px){.q-badges .q-msbadge{height:96px}}
@media (max-width: 1100px){.q-steps5{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px}}
@media (max-width: 560px){.q-steps5{grid-template-columns:minmax(0,1fr)}}
@media (max-width: 1100px){.q-steps6{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px}}
@media (max-width: 560px){.q-steps6{grid-template-columns:minmax(0,1fr)}}
.q-rimg{position:relative;display:block;height:380px;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse 70% 45% at 50% 30%,rgba(127,182,255,.30),rgba(127,182,255,0) 70%),linear-gradient(160deg,#1E3A60 0%,#0C1E3A 100%);text-decoration:none;transition:transform .2s}
.q-rimg:hover{transform:translateY(-3px)}
.q-rimg::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(70,78,92,.6);transition:opacity .35s ease;pointer-events:none}
.q-rimg:hover::before,.q-rimg:focus-visible::before{opacity:0}
.q-rimg:focus-visible{outline:2px solid #7FB6FF;outline-offset:3px}
.q-rimg::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,21,43,0) 30%,rgba(7,21,43,.9) 100%);pointer-events:none}
.q-rimg img.q-rbg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:transform .4s ease}
.q-rimg:hover img.q-rbg{transform:scale(1.04)}
.q-rph{position:absolute;top:16px;left:16px;right:16px;border:1px dashed rgba(255,255,255,.35);border-radius:8px;padding:8px 12px;font-size:13px;color:#B9CFEA}
.q-rbody{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:28px;display:flex;flex-direction:column;gap:10px}
.q-rtag{align-self:flex-start;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#07152B;background:#DCE8F7;border-radius:999px;padding:5px 10px}
.q-rn2{font-size:44px;line-height:1;color:#FFFFFF;white-space:nowrap}
.q-rd{font-size:16px;line-height:1.5;color:#D6E0EE;min-height:3em}
.q-rl{font-weight:600;font-size:15px;color:#7FB6FF;padding-top:4px}
@media (prefers-reduced-motion: reduce){.q-rimg,.q-rimg img.q-rbg,.q-rimg::before{transition:none}}
.q-herorow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:40px 64px}
.q-herotxt{flex:1 1 560px;display:flex;flex-direction:column;gap:20px}
.q-badges{flex:0 1 auto;display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.q-bimg{height:140px;width:auto;display:block}
@media (max-width: 680px){.q-bimg{height:104px}}
.q-badge{background:#FFFFFF;border-radius:12px;min-height:120px;padding:20px 24px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;border:2px dashed #9DB8DD}
.q-bk{font-weight:700;font-size:18px;color:#07152B}
.q-bn{font-size:13px;color:#50545E}
.q-logo{align-self:flex-start;background:#FFFFFF;border-radius:10px;padding:14px 20px;display:inline-flex}
.q-btns{display:flex;gap:14px;flex-wrap:wrap;padding-top:8px}
.q-cred{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #E3E4E8}
.q-cred li{display:flex;gap:16px;padding:32px 28px 32px 0;align-items:flex-start}
.q-ci{width:48px;height:48px;border-radius:999px;background:#EAF1F9;color:#00529C;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.q-ct{font-weight:700;font-size:19px;line-height:1.3}
.q-cd{font-size:16px;line-height:1.55;color:#50545E;padding-top:6px}
.q-range{display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid #E2E6EC;border-radius:12px;background:#FFFFFF;text-decoration:none;color:#16181D;transition:transform .2s,border-color .2s}
.q-range:hover{transform:translateY(-3px);border-color:#9DB8DD}
.q-rn{font-family:"Zilla Slab",Georgia,serif;font-weight:700;font-size:28px;color:#00529C;line-height:1}
.q-model{display:flex;flex-direction:column;border:1px solid #E2E6EC;border-radius:12px;background:#FFFFFF;overflow:hidden;text-decoration:none;color:#16181D;transition:transform .2s,border-color .2s}
.q-model:hover{transform:translateY(-3px);border-color:#9DB8DD}
.q-model .p-slot{border-radius:0;aspect-ratio:4 / 3}
.q-mb{display:flex;flex-direction:column;gap:6px;padding:22px 24px 24px}
.q-pn{font-size:14px;color:#6B707A;font-variant-numeric:tabular-nums}
.q-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.q-list li{display:flex;gap:14px;align-items:flex-start;padding:18px 0;border-top:1px solid #E3E4E8;font-size:17px;line-height:1.5}
.q-list li:last-child{border-bottom:1px solid #E3E4E8}
.q-list svg{flex-shrink:0;color:#00529C;margin-top:2px}
.q-from{border:1px solid #E2E6EC;border-radius:16px;background:#FFFFFF;overflow:hidden}
.q-fromh{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 28px;background:#F7F8FA;border-bottom:1px solid #E2E6EC;font-size:14px;color:#50545E}
.q-fromb{display:flex;flex-direction:column;gap:20px;padding:28px}
.q-ccs{border:2px dashed #B9C6D8;border-radius:10px;background:#F4F7FB;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;color:#50545E;font-size:15px;padding:20px;box-sizing:border-box}
.q-ccs code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:#00529C;background:#EAF1F9;border-radius:6px;padding:3px 8px}
.q-crumbl{display:flex;gap:8px;font-size:14px;color:#6B707A;flex-wrap:wrap}
.q-crumbl a{color:#00529C;text-decoration:none}
@media (max-width: 960px){.q-cred{grid-template-columns:minmax(0,1fr)}.q-cred li{padding:24px 0;border-bottom:1px solid #E3E4E8}}

/* Contrast for focus rings and form fields (TASK-113, convert.py) */
.q-rimg:focus-visible{outline-color:#00529C}
.p-f input,.p-f select,.p-f textarea{border-color:#767B85}