:root{
--or-navy:#071337;
--or-blue:#0F2D86;
--or-blue-bright:#1B5BF0;
--or-sky:#38BDF8;
--or-sky-soft:#8FD0FF;
--or-slate:#5B6784;
--or-line:#D9E2F2;
--or-paper:#FFFFFF;
--or-mist:#F4F7FC;
--or-ink:#0B1226;
}

body .pp-promos{
--pp-wrap-bg:#F4F7FC;
--pp-wrap-border:#BBD3F7;
--pp-title-color:var(--or-blue);
--pp-more-bg:#E7F0FE;
--pp-more-bg-hover:#D3E4FD;
--pp-more-color:var(--or-blue);
--pp-row-bg:#FFFFFF;
--pp-gap:8px;
margin:0 0 20px;
padding:12px 14px;
border-radius:12px;
border:1px solid var(--or-line);
background:#F4F7FC;
}

body .pp-promos-title{
display:block;
font-family:"IBM Plex Sans Condensed",Arial,sans-serif;
font-size:15px;
font-weight:700;
letter-spacing:.02em;
margin:0 0 10px;
padding:0 0 8px;
color:var(--or-navy);
border-bottom:1px solid #C9DBF6;
text-transform:uppercase;
}

body .pp-promos-star{
color:var(--or-blue-bright);
}

body .pp-promos-sub{
margin:-4px 0 10px;
font-size:11.5px;
color:var(--or-slate);
}

body .pp-row{
grid-template-columns:150px 1fr 190px;
gap:12px;
align-items:center;
padding:9px 11px;
background:#FFFFFF;
border:1px solid var(--or-line);
border-radius:10px;
}

body .pp-promos-list{
gap:8px;
}

body .pp-row-name{
font-family:"IBM Plex Sans Condensed",Arial,sans-serif;
font-size:15px;
font-weight:700;
color:var(--or-blue);
text-decoration:none;
}

body .pp-row-label{
font-size:10px;
color:var(--or-slate);
text-transform:uppercase;
letter-spacing:1px;
}

body .pp-row-bonus{
font-family:"IBM Plex Sans Condensed",Arial,sans-serif;
font-size:13.5px;
font-weight:700;
color:var(--or-navy);
}

body .pp-row-meta,
body .pp-row-terms{
font-size:11px;
color:var(--or-slate);
}

body .pp-num{
color:var(--or-blue);
font-weight:700;
}

body .pp-stars .on{
color:#F79009;
}

body .pp-stars .off{
color:#D2D9E6;
}

body .pp-rank{
background:var(--or-blue-bright);
color:#FFFFFF;
font-weight:700;
border-radius:50%;
}

body .pp-btn{
display:inline-block;
padding:9px 16px;
font-family:"IBM Plex Sans Condensed",Arial,sans-serif;
font-size:12.5px;
font-weight:700;
color:#FFFFFF;
text-decoration:none;
background:linear-gradient(135deg,var(--or-blue) 0%,var(--or-blue-bright) 60%,var(--or-sky) 100%);
border:0;
border-radius:9px;
text-transform:uppercase;
letter-spacing:.02em;
}

body .pp-btn:hover{
filter:brightness(1.06);
}

body .pp-promos-more{
font-family:"IBM Plex Sans Condensed",Arial,sans-serif;
font-size:12.5px;
font-weight:700;
color:var(--or-blue);
background:#E7F0FE;
border:1px solid #BBD3F7;
border-radius:9px;
}

body .pp-promos-more:hover{
background:#D3E4FD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/opalreef/fonts/rax8HiqOu8IVPmn7coxpPDk.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/opalreef/fonts/rax8HiqOu8IVPmn7e4xpPDk.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/opalreef/fonts/rax8HiqOu8IVPmn7cIxpPDk.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/opalreef/fonts/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/opalreef/fonts/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/opalreef/fonts/rax8HiqOu8IVPmn7coxpPDk.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/opalreef/fonts/rax8HiqOu8IVPmn7e4xpPDk.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/opalreef/fonts/rax8HiqOu8IVPmn7cIxpPDk.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/opalreef/fonts/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/opalreef/fonts/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@charset "UTF-8";/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}.main__content p{margin:8px 28px 24px 0}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{margin:0 2px;padding:.35em .625em .75em;border:0}legend{border:0;padding:0}textarea{overflow:auto;resize:vertical}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html *{margin:0;padding:0}.disable-hover{pointer-events:none}*,:after,:before{box-sizing:inherit}body,button,html{-moz-osx-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}.tooltipster-default{border-radius:5px;border:2px solid #000;background:#4c4c4c;color:#fff}.tooltipster-default .tooltipster-content{font-family:Arial,sans-serif;font-size:14px;line-height:16px;padding:8px 10px;overflow:hidden}.tooltipster-icon{cursor:help;margin-left:4px}.tooltipster-punk{border-radius:5px;border-top:3px solid #cf142b;background:#102c73;color:#fff}.tooltipster-punk .tooltipster-content{font-family:"Segoe UI",sans-serif;font-size:14px;line-height:16px;padding:8px 10px}.tooltipster-base{padding:0;font-size:0;line-height:0;position:absolute;left:0;top:0;z-index:9999999;pointer-events:none;width:auto;overflow:visible}.tooltipster-base .tooltipster-content{overflow:hidden}.tooltipster-arrow{display:block;text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.tooltipster-arrow span,.tooltipster-arrow-border{display:block;width:0;height:0;position:absolute}.tooltipster-arrow-top span,.tooltipster-arrow-top-left span,.tooltipster-arrow-top-right span{border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-top:8px solid;bottom:-7px}.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border{border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-top:9px solid;bottom:-7px}.tooltipster-arrow-bottom span,.tooltipster-arrow-bottom-left span,.tooltipster-arrow-bottom-right span{border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-bottom:8px solid;top:-7px}.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom-left .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border{border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-bottom:9px solid;top:-7px}.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom span,.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top span{left:0;right:0;margin:0 auto}.tooltipster-arrow-bottom-left span,.tooltipster-arrow-top-left span{left:6px}.tooltipster-arrow-bottom-left .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border{left:5px}.tooltipster-arrow-bottom-right span,.tooltipster-arrow-top-right span{right:6px}.tooltipster-arrow-bottom-right .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border{right:5px}.tooltipster-arrow-left .tooltipster-arrow-border,.tooltipster-arrow-left span{border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-left:8px solid;top:50%;margin-top:-7px;right:-7px}.tooltipster-arrow-left .tooltipster-arrow-border{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-left:9px solid;margin-top:-8px}.tooltipster-arrow-right .tooltipster-arrow-border,.tooltipster-arrow-right span{border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-right:8px solid;top:50%;margin-top:-7px;left:-7px}.tooltipster-arrow-right .tooltipster-arrow-border{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-right:9px solid;margin-top:-8px}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;transition-property:opacity}.tooltipster-fade-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow-show{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.15);transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;transition-property:transform}.tooltipster-swing-show{opacity:1;-webkit-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(0.23,0.635,0.495,2.4);transition-timing-function:cubic-bezier(0.23,0.635,0.495,2.4)}.tooltipster-fall{top:0;-webkit-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.15);transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.15)}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{left:-40px;-webkit-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.15);transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.15)}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;transition-property:all;left:0!important;opacity:0}.tooltipster-content-changing{opacity:.5;-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}.icon{display:inline-block!important}@font-face{font-family:"Segoe UI";src:local("Segoe UI"),url(/static/opalreef/fonts/segoe/segoeui.ttf);font-weight:400;font-style:normal}@font-face{font-family:"Segoe UI";src:local("Segoe UI"),url(/static/opalreef/fonts/segoe/seguisb.ttf);font-weight:600;font-style:normal}@font-face{font-family:"Segoe UI";src:local("Segoe UI"),url(/static/opalreef/fonts/segoe/segoeuib.ttf);font-weight:700;font-style:normal}@font-face{font-family:fontello;src:url(/static/opalreef/fonts/fontello_99053599.eot);src:url(/static/opalreef/fonts/fontello_99053599.eot) format("embedded-opentype"),url(/static/opalreef/fonts/fontello_99053599.woff) format("woff"),url(/static/opalreef/fonts/fontello_99053599.ttf) format("truetype"),url(/static/opalreef/fonts/fontello_99053599.svg) format("svg");font-weight:400;font-style:normal}
img{max-width:100%;height:auto}
[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-gplus:before{content:'\e804'}.icon-twitter:before{content:'\e805'}.icon-fb:before{content:'\e806'}body,html{font-size:1rem;line-height:1.5;font-family:Bitter,Arial,sans-serif;height:100%;min-height:100%}h1,h2,h3,h4,h5,h6{margin-top:1rem;line-height:1.1}h2,h3{text-transform:uppercase}h2{background:url(/static/opalreef/img/flag.png) left no-repeat;padding:5px 0 0 80px;margin:15px 0 23px;text-align:left}h3{background:url(/static/opalreef/img/diamond.png) left/29px 20px no-repeat;padding-left:38px;text-align:left}li{position:relative;margin:8px 28px 0 0;padding:0 0 0 24px;background:url(/static/opalreef/img/star-y.png) left/15px 15px no-repeat}ul>li:before{font-weight:600;color:#081849;width:32px;text-align:center;position:absolute;top:0;left:0}ol li{background:0 0;margin:8px 0 20px 50px;padding:0;text-align:justify}ul{margin:8px 0 24px 27px;padding:0;text-align:justify}.grid,.list__row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.grid__cell{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.grid__cell--top{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.grid__cell--bottom{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.grid__cell--center{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.grid__cell--baseline{-webkit-align-self:baseline;-ms-flex-item-align:baseline;align-self:baseline}.grid__cell--stretch{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.grid--top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.grid--bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.grid--center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.grid--stretch{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.grid--baseline{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}.grid--start{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.grid--end{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.grid--j-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.grid--between,.list__row{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.grid--around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.grid--fit>.grid__cell{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.grid--full>.grid__cell{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.grid--1of2>.grid__cell{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}.grid--1of3>.grid__cell{-webkit-box-flex:0;-webkit-flex:0 0 33.3333%;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%}.grid--1of4>.grid__cell{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%}.grid__gutters{margin-left:-20px}.grid__gutters>.grid__cell{padding-left:20px}.btn{cursor:pointer;display:block;position:relative;text-decoration:none;text-transform:uppercase;vertical-align:middle;text-align:center}.btn:hover{text-decoration:none}.btn--small{width:120px;font-size:14px;font-weight:700;line-height:35px;color:#fefefe}.btn--large{width:200px;font-size:20px;font-weight:700;line-height:50px;color:#fefefe;background:url(/static/opalreef/img/large-btn.png) repeat-x #00c513!important}.btn--green{box-shadow:inset 0 0 20px rgba(255,255,255,0);outline:#00c513 solid 1px!important;outline-offset:0px;border-radius:0;background:url(/static/opalreef/img/button-bg.png) repeat-x #00c513;box-shadow:0 2px 3px 0 rgba(0,0,0,.45);-webkit-transition:1.25s cubic-bezier(.19, 1, .22, 1);transition:1.25s cubic-bezier(.19, 1, .22, 1);overflow:hidden;text-shadow:1px 1px 2px #427388}.btn--green span{z-index:20}.btn--green:after{background:#fff;content:"";height:155px;left:-75px;opacity:.2;position:absolute;top:-50px;-webkit-transform:rotate(35deg);-ms-transform:rotate(35deg);transform:rotate(35deg);-webkit-transition:550ms cubic-bezier(.19, 1, .22, 1);transition:550ms cubic-bezier(.19, 1, .22, 1);width:50px;z-index:10}.btn--green:active:after{left:120%;-webkit-transition:50ms cubic-bezier(.19, 1, .22, 1);transition:50ms cubic-bezier(.19, 1, .22, 1)}.btn--green:hover{border:1px solid;box-shadow:inset 0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.2);outline-color:rgba(255,255,255,0)!important;outline-offset:15px;text-shadow:1px 1px 2px #427388}nav,ul{list-style:none}.bottom,.footer,.header,.list,.nav,.section-5 .grid,.section-5 .list__row,.top-box,.top-text,.wrap{max-width:986px;margin:0 auto;width:100%}.hidden{display:none}.section-1{width:100%;height:95px;background:url(/static/opalreef/img/top-bg.png) repeat-x;padding-top:14px}.header{height:100%;position:relative}.header__menu-btn{background:url(/static/opalreef/img/menu-btn.png);width:41px;height:41px;position:absolute;right:12px;top:22px;cursor:pointer}@media (min-width:980px){.header__menu-btn{display:none}}.header__logo{background:url(/static/opalreef/img/logo.png) center no-repeat;width:100%;height:100%;display:block}@media (max-width:630px){.header__logo{background-size:contain}}.nav{background-color:#f5f7f9}.nav-s{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}@media (min-width:981px){.nav{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}}.nav a{color:#444;font-size:.875rem;text-transform:uppercase;text-decoration:none;padding:15px 20px;-webkit-transition:.2s linear;transition:.2s linear}.nav a:hover{background:url(/static/opalreef/img/a-bg.jpg) #00247d;box-shadow:0 3px 4px 0 rgba(0,0,0,.45);color:#fff}.top-text{margin-top:28px}@media (max-width:980px){.nav{display:none;position:absolute;width:200px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;z-index:100;right:0}.nav a{line-height:10px;padding:19px 20px 13px}.top-text{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.top-text__left h1{padding-top:17px;color:#444;font-size:2rem;width:413px;min-height:180px;border-right:1px solid #e0e0e0;padding-right:37px;line-height:1.125}.top-text__right{padding-top:17px;width:550px;text-align:justify;color:#444;font-size:.96rem;line-height:1.4}@media (max-width:980px){.top-text__left h1{margin:auto;border-right:0;width:95%;padding-right:0}.top-text__right{margin:auto;width:95%;border-bottom:1px solid #e0e0e0;padding-bottom:40px;padding-left:0}}.top-box{position:relative;padding-bottom:38px;margin-top:28px;margin-bottom:28px;border-bottom:1px solid #e0e0e0}@media (max-width:980px){.top-box{display:block;padding-bottom:120px}}@media (max-width:550px){.top-box{padding-bottom:0}}.top-box__item-1{width:300px}@media (max-width:980px){.top-box__item-1{margin:0 auto;text-align:center;border-bottom:1px solid #e0e0e0;padding-bottom:32px}}.top-box__item-1__h1{color:#444;font-size:2rem;margin-top:1.2rem;margin-bottom:10px;font-weight:400}.top-box__item-1__p{color:#cf142b;font-size:.875rem}.top-box__item-2{width:120px;height:101px;margin-left:-50px}@media (max-width:980px){.top-box__item-2{width:100%;height:300px;margin-left:0}.top-box__item-2__img-small{display:none}}.top-box__item-2__img-small{height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.top-box__item-2__img-small a{margin:auto}.top-box__item-2__img-small img{margin:auto;width:119px;height:48px}.top-box__item-2__img-small .btn{height:35px}.top-box__item-2__casino{position:absolute;right:0;top:190px}.top-box__item-2__casino__logo img{width:280px;height:119px}.top-box__item-2__casino__rating .btn{width:280px}.top-box__item-2__casino__rating .grid,.top-box__item-2__casino__rating .list__row{margin-top:16px}.top-box__item-2__casino__rating>.grid .list__row__rating__star-w,.top-box__item-2__casino__rating>.grid .list__row__rating__star-y,.top-box__item-2__casino__rating>.list__row .list__row__rating__star-w,.top-box__item-2__casino__rating>.list__row .list__row__rating__star-y{width:31px;height:31px}.top-box__item-2__casino__rating .list__row__rating__text a{font-family:"Segoe UI",sans-serif;color:#082b81;font-size:1.083rem;font-weight:600}.top-box__item-2__casino__visit a{width:280px;margin-top:24px}.top-box__item-3{background-color:#f7f7f7;width:224px;height:101px;text-align:center;text-decoration:none}@media (max-width:980px){.top-box__item-2__casino{position:initial;margin:20px auto 0;max-width:300px}.top-box__item-3{position:absolute;left:50%;margin-left:-234px}}@media (max-width:550px){.top-box__item-3{position:initial;left:0;margin:20px auto}}.top-box__item-3__h{color:#444;font-size:1.313rem;font-weight:700;text-transform:uppercase;line-height:3rem}.top-box__item-3 span{font-family:"Segoe UI",sans-serif;color:#cf142b;font-size:1rem;font-weight:600}.top-box__item-3 p{color:#444;font-family:"Segoe UI",sans-serif;font-size:1rem;font-weight:600}.top-box__item-4{background-color:#f7f7f7;width:224px;height:101px;text-align:center;text-decoration:none}@media (max-width:980px){.top-box__item-4{position:absolute;left:50%;margin-left:10px}.list>.grid,.list>.list__row{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}.top-box__item-4 p{font-family:"Segoe UI",sans-serif;color:#002fa9;font-size:2.626rem;font-weight:700;text-align:center;line-height:.8}.list{padding-bottom:15px}.list__h{color:#cf142b;font-size:.875rem}@media (max-width:550px){.top-box__item-4{position:initial;left:0;margin:20px auto}.list__h{text-align:center;font-size:1rem;padding-top:25px}}@media (max-width:980px) and (min-width:551px){.list__h{text-align:center;font-size:2rem;padding-top:25px}}.list__h--border-bottom{border-bottom:1px solid #e0e0e0;padding-bottom:3px;margin-bottom:14px}@media (max-width:980px){.list__h--border-bottom{border-bottom:none}}.list__sorted{border-radius:2px;border:1px solid #e0e0e0;background:url(/static/opalreef/img/list-span-bg.png) right no-repeat;width:118px;height:35px;margin-left:10px;cursor:pointer}.list__sorted>span{padding-left:10px}.list__sorted__span{font-family:"Segoe UI",sans-serif;color:#777;font-size:.75rem;line-height:35px;float:left;padding-left:10px}.list__sorted__items{background:#fff;z-index:62;position:relative}.list__sorted__item{font-family:"Segoe UI",sans-serif;color:#444;font-size:.75rem;line-height:35px;cursor:pointer;background-color:#fff;padding-left:10px}.list__sorted__item:hover{background-color:#f7f7f7}.list__row{position:relative;border-bottom:1px solid #e0e0e0}.list__row>div:nth-child(odd){background-color:#f7f7f7}@media (max-width:980px){.list__row{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:300px;margin:30px auto;padding-bottom:25px;height:330px}.list__row>div:nth-child(odd){background:0 0}.list__row__header{display:none}}.list__row__header{color:#444;font-size:1rem;font-weight:700;text-transform:uppercase;line-height:50px;border-top:1px solid #e0e0e0;border-bottom:1px solid #cf142b;margin-top:14px;text-align:center}.list__row__inner{height:57px;margin-top:15px;margin-bottom:10px}.list__row .list__row__inner{font-family:"Segoe UI",sans-serif;color:#444;font-size:1.75rem;line-height:57px;text-align:center}.list__row__rank{width:77px}.list__row__casino{width:153px}.list__row__casino a{margin:auto;height:48px}.list__row__casino img{margin:auto;width:119px;height:48px;vertical-align:baseline}@media (max-width:980px){.list__row__inner{margin:0;height:auto}.list__row .list__row__inner{line-height:30px}.list__row__rank__span{font-size:4.5rem;margin-left:0;margin-top:20px;position:absolute}.list__row__casino{width:74%;position:absolute;right:0}.list__row__casino img{margin:10PX 20PX 10PX 50PX;width:159px;height:68px}.list__row__bonus{margin-left:100px;margin-top:-8px}}.list__row__bonus{width:207px}.list__row__bonus .box{margin:auto;text-align:center;line-height:20px}.list__row__bonus span{font-family:"Segoe UI",sans-serif;color:#cf142b;font-size:1rem;font-weight:600;letter-spacing:.025rem;line-height:1.25;text-align:center}.list__row__bonus p{font-family:"Segoe UI",sans-serif;color:#444;font-size:1rem;font-weight:600}.list__row__features{width:163px}.list__row__features__diamond{background:url(/static/opalreef/img/diamond.png) center/contain no-repeat;width:24px;height:21px}.list__row__features__headphones{background:url(/static/opalreef/img/headphones.png) center/contain no-repeat;width:24px;height:21px}.list__row__features__phone{background:url(/static/opalreef/img/phone.png) center/contain no-repeat;width:24px;height:21px}.list__row__features__download{background:url(/static/opalreef/img/download.png) center/contain no-repeat;width:24px;height:21px}.list__row__features__tv{background:url(/static/opalreef/img/tv.png) center/contain no-repeat;width:24px;height:21px}.list__row__rating{width:164px}.list__row__rating .grid,.list__row__rating .list__row{width:110px;margin:auto;padding-top:4px}.list__row__rating__star-y{background:url(/static/opalreef/img/star-y.png) center/contain no-repeat;width:18px;height:18px}@media (max-width:980px){.list__row__bonus span{font-size:1rem;line-height:1.25}.list__row__bonus p{font-size:1rem;line-height:1.15}.list__row__features{position:absolute;bottom:12px;right:70px}.list__row__rating{position:absolute;right:20px;top:140px}.list__row__rating .grid,.list__row__rating .list__row{width:160px}.list__row__rating__star-y{width:48px;height:48px}}.list__row__rating__star-w{background:url(/static/opalreef/img/star-w.png) center/contain no-repeat;width:18px;height:18px}.list__row__rating__text{line-height:20px;text-align:center}.list__row__rating__text a{font-family:"Segoe UI",sans-serif;color:#082b81;font-size:.813rem;font-weight:600;line-height:1.539;text-decoration:underline}@media (max-width:980px){.list__row__rating__star-w{width:48px;height:48px}.list__row__rating__text{line-height:.3}.list__row__rating__text a{font-size:1rem}}.list__row__payout{width:86px}.list__row__payout .list__row__inner{font-family:"Segoe UI",sans-serif;color:#444;font-size:1.75rem;line-height:57px;text-align:center}.list__row__visit{width:144px}.list #Container .mix{display:block}@media (max-width:980px) and (min-width:881px){.list #Container .mix{float:left;margin:10px 7%}}@media (max-width:880px) and (min-width:781px){.list #Container .mix{float:left;margin:10px 5%}}@media (max-width:780px) and (min-width:761px){.list #Container .mix{float:left;margin:10px 40px}}.list .rank-1 .list__row__rank:before{content:' ';position:absolute;background:url(/static/opalreef/img/1.png) center/contain no-repeat;width:77px;height:82px;z-index:50;left:-4px}@media (max-width:980px){.list__row__payout .list__row__inner{border-radius:50%;background-color:#ebebeb;width:100px;height:100px;line-height:100px;position:absolute;top:100px;left:5px}.list__row__visit{position:absolute;top:230px;right:50px;width:200px}.list__row__visit .list__row__inner .btn--small{width:200px;font-size:20px;font-weight:700;line-height:50px;color:#fefefe;background:url(/static/opalreef/img/large-btn.png) repeat-x #00c513}.list .rank-1{background-color:#f9f1a9}.list .rank-1 .list__row__rank{width:102px;height:115px}.list .rank-1 .list__row__bonus{margin-left:100px;margin-top:-80px}.list .rank-1 .list__row__rank:before{background-size:contain;width:107px;height:119px;top:-5px;left:-2px}.list .rank-1 .list__row__payout .list__row__inner{background-color:#fff}}.list .rank-1 .list__row__inner{background-color:#f9f1a9}.list .rank-2 .list__row__rank:before{content:' ';position:absolute;background:url(/static/opalreef/img/2.png) center/contain no-repeat;width:77px;height:82px;z-index:50;left:-4px}.list .rank-2 .list__row__inner{background-color:#edeeee}@media (max-width:980px){.list .rank-2{background-color:#edeeee}.list .rank-2 .list__row__rank{width:102px;height:115px}.list .rank-2 .list__row__bonus{margin-left:100px;margin-top:-80px}.list .rank-2 .list__row__rank:before{background-size:contain;width:107px;height:119px;top:-5px;left:-2px}.list .rank-2 .list__row__inner{background:0 0}.list .rank-2 .list__row__payout .list__row__inner{background-color:#fff}.list .rank-3{background-color:#f7e0bc}.list .rank-3 .list__row__rank{width:102px;height:115px}.list .rank-3 .list__row__bonus{margin-left:100px;margin-top:-80px}}.list .rank-3 .list__row__rank:before{content:' ';position:absolute;background:url(/static/opalreef/img/3.png) center/contain no-repeat;width:77px;height:82px;z-index:50;left:-4px}.list .rank-3 .list__row__inner{background-color:#f7e0bc}.icon{background:#6495ed;position:relative;overflow:hidden}.icon .icon-effect{position:absolute;top:-110%;left:-210%;width:200%;height:200%;z-index:111111;opacity:0;background:rgba(255,255,255,.2);background:-webkit-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 75%,rgba(255,255,255,.5) 90%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.2)),color-stop(75%,rgba(255,255,255,.2)),color-stop(90%,rgba(255,255,255,.8)),color-stop(100%,rgba(255,255,255,0)));background:linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 75%,rgba(255,255,255,.5) 90%,rgba(255,255,255,0) 100%);-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg);-webkit-transition-property:left,top,opacity;transition-property:left,top,opacity;-webkit-transition-duration:.5s,.5s,.1s;transition-duration:.5s,.5s,.1s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.mix:hover .icon-effect{opacity:1;top:-30%;left:-30%}.icon:active .icon-effect{opacity:0}.section-5{padding-bottom:30px}.main{width:100%}@media (max-width:980px){.list .rank-3 .list__row__rank:before{background-size:contain;width:107px;height:119px;top:-5px;left:-2px}.list .rank-3 .list__row__inner{background:0 0}.list .rank-3 .list__row__payout .list__row__inner{background-color:#fff}.section-5 .grid,.section-5 .list__row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.main{margin:auto;width:95%}.main__h{text-align:center}}.main__h{color:#00247d;font-size:1.313rem;font-weight:400;border-bottom:1px solid #e0e0e0;padding-bottom:5px;margin-bottom:29px}.main__h--casino{border-bottom:none}.main__content{color:#444;font-size:.96rem;font-weight:400;text-align:justify;line-height:1.54}.main__content--casino__p{margin-top:40px}.main__content--casino__img{vertical-align:baseline;margin:0 20px 5px 0}.main__content--casino .grid,.main__content--casino .list__row{margin-top:60px;height:70px}.main__content--casino .btn{width:280px;margin:auto}@media (max-width:980px){.main__content{padding-right:0}}.aside{width:30%}.aside__game-box{width:100%;max-width:400px;margin:0 auto}.aside__game-box__item{margin-top:10px;margin-bottom:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.aside__game-box__item__img{width:39%}.aside__game-box__item__text{width:59%}.aside__game-box__item__text__h{color:#3e89c7;font-size:13px;font-weight:700}@media (min-width:981px){.aside__game-box__item__text__h{font-size:9px}}.aside__game-box__item__text__p{font-size:11px;margin:5px}.aside__game-box__item__text__find{color:#78b0dc;font-size:9px;border:1px solid #e6e6e6;background-color:#f0f0f0;padding:3px;border-radius:3px;text-decoration:none}@media (min-width:981px){.aside__game-box__item__text__p{font-size:9px;margin:1px}.aside__game-box__item__text__find{text-align:left;margin-top:10px}}.aside__game-box__item__text__date{font-size:10px;color:#969696;text-align:right;margin-top:-15px}@media (max-width:500px){.aside__game-box__item__text__date{text-align:left;margin-top:10px}}.aside__top-box__item:last-child{border-bottom:none}.aside__top-box__item{width:290px;height:75px;margin:15px auto 0;border-bottom:1px solid #e0e0e0}.aside__top-box__item__img{margin-right:24px}.aside__top-box__item__rating p{font-family:"Segoe UI",sans-serif;color:#2f2f2f;font-size:.9rem;font-weight:600}.aside__top-box__item .list__row__rating__text a:first-child{font-family:"Segoe UI",sans-serif;color:#c21515;font-size:.8rem;font-weight:600;padding-right:3px}.aside__top-box__item .list__row__rating__text a:last-child{font-family:"Segoe UI",sans-serif;color:#2445c3;font-size:.8rem;font-weight:600;padding-left:3px}.aside__top-box__item .list__row__rating__text{color:#e0e0e0}.aside__list .list__row__rating__star-w,.aside__list .list__row__rating__star-y{width:18px;height:18px}.aside__list .grid,.aside__list .list__row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.aside__casino{padding-top:310px;width:35%}@media (max-width:980px){.aside__casino{padding-top:0}.aside{margin:auto;width:95%}.aside__h{text-align:center;margin-top:50px}}.aside__h{color:#00247d;font-size:1.313rem;font-weight:400;border-bottom:1px solid #e0e0e0;padding-bottom:5px;margin-bottom:29px}.aside__content img{width:100%;max-width:400px;margin:auto;display:block}.section-6{background:url(/static/opalreef/img/footer-bg.jpg);height:238px}.footer__h{color:#cf142b;font-size:1.125rem;text-align:center;padding-top:10px;position:relative;margin-bottom:51px}.footer__h:after{content:'';position:absolute;width:220px;height:0;border-bottom:1px solid #e0e0e0;bottom:-10px;left:50%;margin-left:-110px}@media (max-width:980px){.section-6{height:138px}.footer__h{padding-top:10px}.footer__h:after{width:120px;margin-left:-60px}.footer__nav{display:none}}.footer__nav__a{font-family:"Segoe UI",sans-serif;color:#00247d;font-size:.75rem;font-weight:400;letter-spacing:.019rem;-webkit-transition:.5s linear;transition:.5s linear;text-decoration:none}.footer__nav__a:hover{color:#cf142b}.section-7{background-color:#f9fbfc;height:48px;margin-top:-66px;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0}.bottom__copy{padding-left:20px}.bottom__copy a,.bottom__copy p{font-family:"Segoe UI",sans-serif;color:#999;font-size:.688rem;letter-spacing:.017rem;line-height:48px;text-align:left}.bottom__social{float:right;margin-top:-37px;padding-right:20px}.bottom__social a{border-radius:50%;background-color:#b1b1b1;width:21px;margin-left:8px;height:21px;color:#fff;font-size:10px;display:inline-block;line-height:23px;text-align:center;text-decoration:none;-webkit-transition:.3s linear;transition:.3s linear}.bottom__social a:hover{color:#b1b1b1;background:#fff}.mix:hover .anim{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.anim{-webkit-transition:.3s linear;transition:.3s linear}

html,.a2-plate{--page:#F3F6FC;--card:#FFFFFF;--stripe:#F7F9FD;--text:#0B1733;--heading:#0B1733;--muted:#4A5878;--line:#DCE3F0;--link:#1747D6;--link-h:#0E2F99;--surface:#071337;--footer-bg:linear-gradient(160deg,#071337 0%,#0F2D86 100%);--plate:#FFFFFF;--no-bg:#FEE4E2;--no-tx:#B42318;--warn-bg:#FEF0C7;--warn-tx:#93370D;--yes-bg:#D1FADF;--yes-tx:#05603A;--na-bg:#EAEEF5;--na-tx:#344054;--shadow:rgba(15,45,134,.08);--drop:0 24px 48px rgba(7,19,55,.18);--drop-bd:transparent;--ring:#38BDF8;--bar:linear-gradient(90deg,#071337 0%,#0F2D86 100%);--bar-solid:#071337;--on-bar:#D6E3FF;--on-bar-hi:#FFFFFF;--accent:#8FD0FF;--pill:#FFFFFF;--pill-tx:#0F2D86;--hd-fill:rgba(255,255,255,.1);--hd-hover:rgba(255,255,255,.16);--hd-line:rgba(255,255,255,.14);--hd-edge:rgba(255,255,255,.28);--sky-tint:rgba(56,189,248,.16);--scrim:rgba(7,19,55,.6)}
html[data-theme=dark]{color-scheme:dark;--page:#0A1228;--card:#111C3A;--stripe:#15224A;--text:#E6ECFA;--heading:#FFFFFF;--muted:#A9B6D6;--line:#2A3A66;--link:#8FB4FF;--link-h:#B9D0FF;--surface:#050B1F;--footer-bg:#050B1F;--plate:#FFFFFF;--no-bg:#3A1418;--no-tx:#FDA29B;--warn-bg:#3A2A0C;--warn-tx:#FEC84B;--yes-bg:#0B2E22;--yes-tx:#6CE9A6;--na-bg:#1F2A47;--na-tx:#C3CCE0;--shadow:rgba(0,0,0,.35);--drop:0 24px 48px rgba(0,0,0,.5);--drop-bd:#2A3A66;--ring:#38BDF8;--bar:#050B1F;--bar-solid:#050B1F;--on-bar:#D6E3FF;--on-bar-hi:#FFFFFF;--accent:#8FD0FF;--pill:#FFFFFF;--pill-tx:#0F2D86;--hd-fill:rgba(255,255,255,.1);--hd-hover:rgba(255,255,255,.16);--hd-line:rgba(255,255,255,.14);--hd-edge:rgba(255,255,255,.28);--sky-tint:rgba(56,189,248,.16);--scrim:rgba(0,0,0,.6)}


html body{background:var(--page)!important;color:var(--text);margin:0;font-family:'IBM Plex Sans',system-ui,-apple-system,Roboto,Arial,sans-serif!important}
html body .wrapper{background:none!important;overflow:visible!important}
/* header: logo of the A2 header (TASK-0104 menu B: partial a2-menu-css, snippet a2menu) */
html body .a2-hd .a2-logo{display:block!important;width:250px!important;height:44px!important;flex:0 0 auto;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='250' height='44' viewBox='0 0 250 44'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%230F2D86'/><stop offset='.6' stop-color='%231B5BF0'/><stop offset='1' stop-color='%2338BDF8'/></linearGradient><linearGradient id='p' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%238FD0FF'/><stop offset='.5' stop-color='%23B794F6'/><stop offset='1' stop-color='%235EEAD4'/></linearGradient></defs><g transform='translate(1 1) scale(.875)'><rect width='48' height='48' rx='12' fill='url(%23g)'/><rect x='.75' y='.75' width='46.5' height='46.5' rx='11.25' fill='none' stroke='%23FFFFFF' stroke-opacity='.28' stroke-width='1.5'/><path d='M24 9 36 19.5 24 39 12 19.5Z' fill='url(%23p)' fill-opacity='.95'/><path d='M24 9 24 39M12 19.5h24M18 14l6 25 6-25' stroke='%23FFFFFF' stroke-opacity='.55' stroke-width='1.1' fill='none'/></g><g font-family='IBM Plex Sans Condensed,Arial Narrow,Arial,sans-serif' font-weight='700' font-size='19'><text x='54' y='20' fill='%23FFFFFF'>BarrierGale</text><text x='54' y='38' font-weight='600' font-size='12.5' fill='%238FD0FF'>AUSTRALIA</text></g></svg>") left center/contain no-repeat!important}
/* page frame */
.hp{display:block;margin:0;padding:0 0 56px;text-align:left}
.hp *,.hp *::before,.hp *::after{box-sizing:border-box}
html body .hp-art,html body .hp-art p,html body .hp-art li,html body .hp-art td{text-align:left!important}
.hp-in{max-width:1200px;margin:0 auto;padding:0 24px}
/* first screen: H1, intro, byline on the gradient; status card on white */
.hp-hero{color:#FFFFFF;background:radial-gradient(900px 420px at 85% 10%,rgba(56,189,248,.45),transparent 60%),linear-gradient(135deg,#071337 0%,#0F2D86 45%,#1B5BF0 85%,#2A8CF7 100%)}
.hp-hero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start;padding-top:48px;padding-bottom:64px}
html body .hp h1{margin:0 0 20px!important;padding:0!important;background:none!important;color:#FFFFFF!important;font:700 54px/56px 'IBM Plex Sans Condensed','Arial Narrow',system-ui,sans-serif!important;letter-spacing:normal!important;text-transform:none!important;text-align:left!important;text-wrap:balance}
html body .hp h1::before,html body .hp h1::after{content:none!important;display:none!important}
html body .hp-hero__main .pok-p{margin:0 0 20px!important;color:#D6E3FF!important;font-size:18px!important;line-height:28px!important;text-align:left!important}
.hp-hero__main strong,.hp-hero__main em{color:#FFFFFF}
.hp-hero__main a{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px}
.hp-hero__main a:hover{color:#D6E3FF}
.hp-hero .pok-byline{margin:0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.2);color:#D6E3FF;font:400 13px/20px 'IBM Plex Mono',ui-monospace,Menlo,monospace}
.hp-hero .pok-byline strong{color:#FFFFFF;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
html body .hp-hero .pok-notice{display:flex;flex-direction:column;gap:12px;margin:0!important;padding:20px 22px!important;border:0!important;border-radius:18px;background:var(--card)!important;color:var(--muted);box-shadow:0 12px 40px var(--shadow);font-size:14px;line-height:21px}
html body .hp-hero .pok-notice .pok-p{margin:0!important;color:var(--muted)!important;font-size:14px!important;line-height:21px!important}
.hp-hero .pok-notice strong{color:var(--text)}
.hp-hero .pok-notice a{color:var(--link)}
html body .hp-hero .pok-notice .hp-legal{order:-2;padding:12px 14px!important;border-left:4px solid #F04438;border-radius:10px;background:var(--no-bg);color:var(--text)!important;font-size:15px!important;line-height:22px!important}
.hp-hero .pok-notice .hp-legal time{font-weight:600}
.hp-days{order:-1;align-self:flex-start;display:inline-flex;align-items:baseline;gap:6px;margin:0;padding:6px 12px;border-radius:999px;background:var(--warn-bg);color:var(--warn-tx);font:600 12px/18px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}
.hp-days[hidden]{display:none}
.hp-days b{font-size:22px;line-height:24px;letter-spacing:0}
/* guide: contents on the left, article on white */
.hp-body{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:start;margin-top:40px}
.hp-body--plain{display:block}
html body .hp .pok-jump{position:sticky;top:16px;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 32px);overflow-y:auto;margin:0!important;padding:18px 12px!important;border-radius:18px;background:var(--card);box-shadow:0 6px 20px var(--shadow);font-size:0!important;line-height:0!important}
.hp .pok-jump strong{display:block;padding:0 8px 8px;color:var(--muted);font:600 12px/16px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.hp .pok-jump a{display:block;padding:6px 8px;border-radius:8px;color:var(--text);font-size:14px;line-height:20px;text-decoration:none}
.hp .pok-jump a:hover,.hp .pok-jump a:focus{background:var(--page);color:var(--link)}
/* TASK-0122 (owner: variant A): on the home page (hp-body--top, build.py) the contents sit as a wrapping row of pills
   above the article from 1024px up; text keeps a reading measure, tables and cards use the full width */
@media (min-width:1024px){
.hp-body--top{display:block}
html body .hp .hp-body--top > .pok-jump{position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;max-height:none;overflow:visible;margin:0 0 16px!important;padding:0!important;border-radius:0;background:none;box-shadow:none}
.hp .hp-body--top > .pok-jump strong{flex:0 0 auto;padding:0 4px 0 0}
.hp .hp-body--top > .pok-jump a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);white-space:nowrap}
.hp-body--top .hp-art > :is(p,ul,ol,.hp-faq,figcaption){max-width:66ch}
html body .hp-body--top .hp-art .affiliate-disclosure{max-width:80ch!important} /* 14px text: 80ch = the 66ch measure of 17px paragraphs */
}
.hp-body--top a:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.hp-art{min-width:0;padding:40px 48px;border-radius:20px;background:var(--card);box-shadow:0 12px 40px var(--shadow);color:var(--text);font-size:17px;line-height:27px;text-align:left}
html body .hp-art h2{margin:48px 0 16px!important;padding:0!important;border:0!important;background:none!important;color:var(--heading)!important;font:700 32px/36px 'IBM Plex Sans Condensed','Arial Narrow',system-ui,sans-serif!important;letter-spacing:normal!important;text-transform:none!important;text-align:left!important;scroll-margin-top:140px}
html body .hp-art h3{margin:28px 0 10px!important;padding:0!important;border:0!important;background:none!important;color:var(--heading)!important;font:700 22px/28px 'IBM Plex Sans Condensed','Arial Narrow',system-ui,sans-serif!important;letter-spacing:normal!important;text-transform:none!important}
html body .hp-art h2::before,html body .hp-art h2::after,html body .hp-art h3::before,html body .hp-art h3::after,html body .hp-art li::before,html body .hp-art li::after{content:none!important;display:none!important}
html body .hp-art p{margin:0 0 16px!important;padding:0!important;font-size:17px!important;line-height:27px!important;text-transform:none!important;text-align:left!important;color:var(--text)}
html body .hp-art ul,html body .hp-art ol{margin:0 0 16px!important;padding:0 0 0 24px!important}
html body .hp-art ul{list-style:disc!important}
html body .hp-art ol{list-style:decimal!important}
html body .hp-art li{margin:0 0 6px!important;padding:0!important;background:none!important;list-style:inherit!important;text-indent:0!important;text-transform:none!important;font-size:17px!important;line-height:27px!important}
.hp-art a{color:var(--link);overflow-wrap:anywhere}
.hp-art a:hover{color:var(--link-h)}
.hp-art hr{height:0;margin:40px 0 0;border:0;border-top:1px solid var(--line)}
.hp-art > hr:first-child{display:none}
html body .hp-art .pok-fig{margin:24px 0 28px!important;padding:16px 18px!important;border:1px solid var(--line)!important;border-radius:16px;background:var(--stripe)!important}
.hp-art .pok-fig svg{display:block;max-width:100%;height:auto}
.hp-art figcaption{margin-top:10px;color:var(--muted);font-size:14px;line-height:20px}
.hp-art .pok-tw{margin:16px 0 24px;overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.hp-art .pok-table{width:100%;border-collapse:collapse;font-size:15px;line-height:22px}
html body .hp-art .pok-table th{padding:12px 14px;border-bottom:1px solid var(--line);background:var(--stripe);color:var(--muted);font:600 12px/16px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase!important;text-align:left;vertical-align:top}
html body .hp-art .pok-table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;text-transform:none!important}
.hp-art .pok-table tr:last-child td{border-bottom:0}
/* rating table: 10 columns never fit the article column (538-714px), so cards at every width (TASK-0060 layout) */
.hp-art .pok-tw{overflow:visible;border:0;border-radius:0}
.hp-art .pok-table,.hp-art .pok-table tbody,.hp-art .pok-table tr,.hp-art .pok-table td{display:block;width:auto}
.hp-art .pok-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp-art .pok-table tr{margin:0 0 12px;padding:4px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 6px 20px var(--shadow)}
html body .hp-art .pok-table td{padding:10px 0;border-bottom:1px solid var(--line)}
html body .hp-art .pok-table tr td:last-child{border-bottom:0}
.hp-art .pok-table td:first-child{font-weight:600}
.hp-art .pok-table td[data-label]::before{content:attr(data-label);display:block;margin-bottom:2px;color:var(--muted);font:600 12px/16px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}
.hp-art .pok-table td:nth-child(2) a{word-break:normal;overflow-wrap:normal}
@media (min-width:1024px){
.hp-art .pok-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;padding:4px 18px}
html body .hp-art .pok-table tr td:nth-last-child(-n+2){border-bottom:0}
}
html body .hp-art .affiliate-disclosure{margin:0!important;padding:12px 14px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:none!important;color:var(--muted)!important;font-size:14px!important;line-height:21px!important;max-width:none!important}
.hp-art .affiliate-disclosure strong{color:var(--text)}
.hp-faq{border-bottom:1px solid var(--line)}
.hp-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:12px 0;cursor:pointer;list-style:none;font:700 18px/24px 'IBM Plex Sans Condensed','Arial Narrow',system-ui,sans-serif}
.hp-faq summary::-webkit-details-marker{display:none}
.hp-faq summary::after{content:"+";flex:0 0 auto;color:var(--link);font:600 22px/24px 'IBM Plex Mono',ui-monospace,Menlo,monospace}
.hp-faq[open] summary::after{content:"\2212"}
html body .hp-faq p{margin:0 0 16px!important}
/* "Explore the site" */
html body .hp .crl{max-width:1200px!important;margin:40px auto 0!important;padding:28px 24px!important}
html body .hp .crl h2{margin:0 0 16px!important;padding:0!important;background:none!important;color:var(--heading)!important;font:700 34px/38px 'IBM Plex Sans Condensed','Arial Narrow',system-ui,sans-serif!important;text-transform:none!important;letter-spacing:normal!important}
html body .hp .crl h2::before,html body .hp .crl h2::after{content:none!important;display:none!important}
html body .hp .crl ul.crl__list a{min-height:44px;text-align:left!important;color:var(--link)!important;border-bottom:1px solid var(--line)!important;font-size:15px!important}
/* footer: brand surface */
html body footer{margin-top:0!important;padding:40px 24px!important;background:var(--footer-bg)!important;color:#D6E3FF!important;font-size:14px!important;line-height:22px!important;font-family:'IBM Plex Sans',system-ui,-apple-system,Roboto,Arial,sans-serif!important}
html body footer > section{max-width:1200px!important}
html body footer a{color:#FFFFFF!important}
html body footer .fp{border-top:1px solid rgba(255,255,255,.2)!important}
html body footer .fp h2{color:#D6E3FF!important;font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace!important}
html body footer .fp .b{border-color:var(--line)!important;border-radius:12px!important;color:var(--text)!important}
html body footer .fp .s{color:var(--muted)!important}
html body footer .fp .ic{color:var(--link)!important}
html body footer .fp .age .ic{color:var(--no-tx)!important}
html body footer .fp .tag{border-left-color:#F04438!important;background:var(--card)!important;color:var(--text)!important}
html body footer .fp .tag span{color:var(--muted)!important}
html body footer .fp .note{color:#D6E3FF!important}
html body footer .fg strong{color:#FFFFFF!important}
html body footer .fg a{color:#D6E3FF!important}
html body footer nav{border-top-color:rgba(255,255,255,.2)!important}
/* theme (TASK-0095): button in the header, plates for pictures in dark */
html body footer .fp .b{background:var(--card)!important}
html[data-theme=dark] .hp img:not([src$=".svg"]){background:var(--plate);border-radius:8px}
.a2-theme{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 0 0 auto;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.1);color:#FFFFFF;cursor:pointer}
.a2-theme:hover{background:rgba(255,255,255,.2)}
.a2-theme:focus-visible{outline:3px solid #38BDF8;outline-offset:2px}
.a2-theme svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hp-ig{display:flex;flex-direction:column;gap:24px;margin-top:32px}
.hp-ig__box{min-width:0;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 6px 20px var(--shadow);color:var(--text)}
html body .hp-ig h2{margin:0 0 6px!important;padding:0!important;border:0!important;background:none!important;color:var(--heading)!important;font:700 26px/30px 'IBM Plex Sans Condensed','IBM Plex Sans',system-ui,sans-serif!important;text-transform:none!important}
.hp-ig__q{margin:0 0 14px;font-weight:600}
.hp-ig__src{margin:14px 0 0;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:19px}
/* TASK-0108: I1 links — review on the name, outlined "Visit" (ad), one main button: the full ranking */
.hp-ig__table tbody th a{color:var(--link);text-decoration:underline;text-underline-offset:2px}
.hp-ig__ad{margin:0 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:13px;line-height:19px}
.hp-ig__ad strong{color:var(--text)}
.hp-ig__ad a{color:var(--link)}
.hp-visit{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid var(--link);border-radius:10px;color:var(--link);font-weight:600;text-decoration:none;white-space:nowrap}
.hp-visit:hover{background:var(--na-bg)}
.hp-visit:focus-visible,.hp-ig__more a:focus-visible{outline:3px solid #38BDF8;outline-offset:2px}
.hp-ig__more{margin:16px 0 0}
.hp-ig__more a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:12px;background:linear-gradient(135deg,#1747D6,#2A8CF7);color:#FFFFFF;font-weight:600;text-decoration:none}
.hp-ig__alt{margin-top:10px;color:var(--muted);font-size:14px}
.hp-ig__alt summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--link)}
.hp-num{font:600 15px 'IBM Plex Mono',ui-monospace,Menlo,monospace}
.hp-ig__table{width:100%;border-collapse:collapse}
.hp-ig__table th,.hp-ig__table td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-size:15px}
.hp-ig__table thead th{color:var(--muted);font:600 12px/16px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}
.hp-ig__table td small{color:var(--muted)}
.hp-sig{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600;line-height:18px}
.hp-sig::before{content:"";flex:none;width:8px;height:8px;border-radius:999px;background:currentColor}
.hp-sig--green{background:var(--yes-bg);color:var(--yes-tx)}
.hp-sig--yellow{background:var(--warn-bg);color:var(--warn-tx)}
.hp-sig--red{background:var(--no-bg);color:var(--no-tx)}
.hp-sig--grey{background:var(--na-bg);color:var(--na-tx)}
.hp-steps{display:flex;gap:6px;margin:0;padding:0;list-style:none}
.hp-steps li{flex:var(--ig-m) 1 0;min-width:0;display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--line);border-top:6px solid var(--link);border-radius:12px;background:var(--stripe)}
.hp-steps__t{font-weight:600}
html body .hp-ig .hp-steps li{min-width:128px;margin:0!important;padding:12px!important;text-align:left!important}
html body .hp-ig p,html body .hp-ig td,html body .hp-ig th{text-align:left!important}
.hp-steps__m{color:var(--link);font:600 13px 'IBM Plex Mono',ui-monospace,Menlo,monospace}
.hp-steps__do{color:var(--muted);font-size:14px}
.hp-steps__total{margin:12px 0 0;font:600 14px 'IBM Plex Mono',ui-monospace,Menlo,monospace}
.hp-steps__total a{color:var(--link)}
.hp-bars{max-width:760px;margin:0}
.hp-bars__g{margin:14px 0 6px;color:var(--muted);font:600 12px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}
.hp-bars__r{display:grid;grid-template-columns:140px minmax(0,1fr);column-gap:12px;align-items:center;margin:0 0 8px}
.hp-bars__t{display:flex;align-items:center;gap:8px;min-width:0}
.hp-bars__t i{flex:none;display:block;width:calc((100% - 92px) * var(--ig-w));height:20px;border-radius:4px;background:var(--link)}
.hp-bars__t b{white-space:nowrap;font-size:14px}
.hp-bars__n{grid-column:2;color:var(--muted);font-size:13px}
@media (max-width:900px){
.hp-ig__table td[data-label="Offer"]::before{content:none}
.hp-ig__table td[data-label="Offer"] .hp-visit{flex:1 1 auto}
.hp-ig__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp-ig__table,.hp-ig__table tbody,.hp-ig__table tr,.hp-ig__table th,.hp-ig__table td{display:block;width:auto}
.hp-ig__table tr{margin:0 0 10px;padding:6px 12px;border:1px solid var(--line);border-radius:14px}
.hp-ig__table tbody th{padding:6px 0;border:0;font-size:17px}
.hp-ig__table td{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 10px;padding:5px 0;border:0}
.hp-ig__table td::before{content:attr(data-label);color:var(--muted);font-size:13px}
.hp-steps{flex-direction:column}
html body .hp-ig .hp-steps li{flex:none;min-width:0;border-top-width:1px;border-left:6px solid var(--link)}
.hp-bars__r{grid-template-columns:minmax(0,1fr)}
.hp-bars__n{grid-column:1}
}
@media (max-width:1099px){html body .hp-art h2{scroll-margin-top:130px}} /* sticky header: 107px at >=1100 (guides row shown), 56px below */
@media (max-width:1023px){
.hp-body{display:block;margin-top:16px}
html body .hp .pok-jump{position:static;flex-direction:row;align-items:center;gap:8px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0 0 4px!important;border-radius:0;background:none;box-shadow:none;scrollbar-width:none}
.hp .pok-jump strong{flex:0 0 auto;padding:0 4px 0 0}
.hp .pok-jump a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);white-space:nowrap}
}
@media (max-width:760px){
html body .a2-hd .a2-logo{width:200px!important;height:36px!important}
.hp-in{padding:0 16px}
.hp-ig{gap:16px;margin-top:20px}
.hp-ig__box{padding:16px;border-radius:16px}
html body .hp-ig h2{font-size:22px!important;line-height:26px!important}
.hp-hero{background:linear-gradient(160deg,#071337 0%,#0F2D86 62%,#1747D6 100%)}
.hp-hero__grid{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:16px;padding-bottom:26px}
html body .hp h1{margin:0 0 14px!important;font-size:32px!important;line-height:34px!important}
html body .hp-hero__main .pok-p{margin:0 0 16px!important;font-size:16px!important;line-height:24px!important}
html body .hp-hero .pok-notice{padding:14px!important;border-radius:16px}
.hp-art{margin:12px -16px 0;padding:20px 16px;border-radius:0;box-shadow:none}
html body .hp-art h2{margin:36px 0 12px!important;font-size:26px!important;line-height:30px!important}
html body .hp-art .affiliate-disclosure{margin:0 0 12px!important;padding:0 0 12px!important}
html body .hp .crl{padding:20px 16px 0!important}
html body .hp .crl h2{font-size:22px!important;line-height:26px!important}
html body footer{padding:32px 16px!important}
}


.a2-strip{background:var(--bar-solid);color:var(--on-bar);font:400 12.5px/1.4 'IBM Plex Sans',system-ui,sans-serif;border-bottom:1px solid var(--hd-line)}
.a2-strip__in{max-width:1200px;margin:0 auto;padding:7px 24px;display:flex;justify-content:space-between;gap:16px;box-sizing:border-box}
.a2-strip b{color:var(--on-bar-hi);font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-weight:600}
html body .a2-strip a{color:var(--accent);text-decoration:underline}
.a2-hd{position:sticky;top:0;z-index:50;background:var(--bar);color:var(--on-bar-hi);font-family:'IBM Plex Sans',system-ui,sans-serif}
.a2-hd *,.a2-hd *::before,.a2-hd *::after{box-sizing:border-box}
.a2-hd :focus-visible{outline:3px solid var(--ring);outline-offset:2px}
.a2-hd .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px}
.a2-hd .i{flex:none;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.b-in{max-width:1200px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;gap:16px;transition:height .18s}
html body .a2-hd .a2-logo{flex:0 40 250px;min-width:150px;width:auto!important;border-radius:10px}
.b-seg{flex:0 1 auto;min-width:0;display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:var(--hd-fill);border:1px solid var(--hd-line);overflow-x:auto;scrollbar-width:none}
.b-seg::-webkit-scrollbar{display:none}
/* TASK-0113: the scroller holds the hidden «(current section)» label; without this it escapes to the header and widens the page */
.b-seg{position:relative}
html body .a2-hd .b-s{flex:none;height:40px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;border-radius:999px;color:var(--on-bar);font:600 14.5px/1 'IBM Plex Sans',system-ui,sans-serif;text-decoration:none;white-space:nowrap}
.b-s:hover,.b-s.prev{background:var(--hd-hover);color:var(--on-bar-hi)}
html body .a2-hd .b-s.cur-sec{background:var(--pill);color:var(--pill-tx);font-weight:700}
.b-tools{flex:none;display:flex;align-items:center;gap:8px;margin-left:auto}
.b-tools .a2-theme{margin:0}
.b-all,.b-shead,.b-scrim{display:none}
.b-sub{background:var(--hd-fill);border-top:1px solid var(--hd-line)}
.b-lists{max-width:1200px;margin:0 auto;padding:0 24px}
.b-list{display:none;align-items:center;gap:6px;min-height:50px;padding:5px 0}
.b-list.show{display:flex}
html body .a2-hd .b-lh{flex:none;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 4px;margin-right:6px;border-radius:8px;text-decoration:none;color:var(--accent);font:600 12px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.b-lh .tile,.b-lh .b-n,.b-lh .b-la{display:none}
html body .a2-hd .b-lh:hover{color:var(--on-bar-hi)}
html body .a2-hd .b-list ul{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:2px;list-style:none;margin:0;padding:0}
html body .a2-hd .b-list li{position:static!important;flex:none;margin:0!important;padding:0!important;background:none!important;list-style:none!important;min-height:0!important}
html body .a2-hd .b-list li[hidden]{display:none}
html body .a2-hd .b-list .l{display:inline-flex;align-items:center;height:38px;padding:0 10px;border-radius:8px;color:var(--on-bar);font:400 14px/1 'IBM Plex Sans',system-ui,sans-serif;text-decoration:none;white-space:nowrap}
html body .a2-hd .b-list .l:hover{background:var(--hd-fill);color:var(--on-bar-hi)}
html body .a2-hd .b-list .l[aria-current=page]{color:var(--on-bar-hi);font-weight:600;box-shadow:inset 0 -2px 0 var(--ring);border-radius:8px 8px 0 0}
.b-more{flex:none;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--hd-edge);background:transparent;color:var(--on-bar-hi);font:600 13px 'IBM Plex Sans',system-ui,sans-serif;cursor:pointer}
.b-more:hover{background:var(--hd-fill)}
.a2-hd.compact .b-in{height:56px}
/* TASK-0120: the compact header keeps its place in the flow (margin = the 16px it lost), so the page under it never
   moves, scroll anchoring never shifts scrollY and the scroll handler cannot flip it back; below 1100px home-a2-js sets it */
@media (min-width:1100px){.a2-hd{transition:margin-bottom .18s}.a2-hd.compact{margin-bottom:16px}}
@media (min-width:1280px){.b-seg{overflow-x:visible}}
@media (min-width:1100px) and (max-width:1279px){
.b-in{gap:14px}
.b-s .i{display:none}
html body .a2-hd .b-s{padding:0 12px}
}
@media (max-width:1099px){
.a2-strip__r{display:none}
.a2-strip__in{padding:6px 16px}
.b-in{flex-wrap:wrap;height:auto;padding:0;gap:0}
.a2-hd.compact .b-in{height:auto}
html body .a2-hd .a2-logo{flex:0 1 250px;margin:6px 0 6px 16px}
.b-tools{margin-left:auto;padding:6px 12px 6px 0}
.b-tools .a2-theme{width:44px;height:44px}
.b-seg{order:5;flex:0 0 100%;border-radius:0;background:transparent;border:0;border-top:1px solid var(--hd-line);padding:6px 16px;gap:8px;scroll-snap-type:x proximity;scroll-padding-left:96px}
html body .a2-hd .b-s{height:44px;padding:0 16px;background:var(--hd-fill);scroll-snap-align:start}
html body .a2-hd .b-s.cur-sec{background:var(--pill)}
.b-all{display:inline-flex;position:sticky;left:-16px;margin-left:-16px;z-index:2;flex:none;align-items:center;gap:6px;height:44px;padding:0 14px 0 16px;border:0;border-radius:0 999px 999px 0;background:var(--bar-solid);color:var(--on-bar-hi);font:600 14.5px 'IBM Plex Sans',system-ui,sans-serif;cursor:pointer;box-shadow:8px 0 12px -6px var(--scrim)} /* TASK-0133: sticky offset counts from the .b-seg padding edge (16px); -16px pins it to the screen edge, no chip scrap on its left */
.b-all[hidden]{display:none}
.b-all span{border-bottom:1px dashed var(--hd-edge)}
.b-sub{border-top:0;background:transparent}
.b-lists{padding:0}
.b-list.show{display:block;padding:0 0 10px;min-height:0}
html body .a2-hd .b-lh{display:none}
html body .a2-hd .b-list ul{flex-wrap:nowrap;overflow-x:auto;padding:0 16px;gap:8px;scrollbar-width:none;scroll-snap-type:x proximity}
.b-list ul::-webkit-scrollbar{display:none}
html body .a2-hd .b-list li[hidden]{display:block}
html body .a2-hd .b-list li{scroll-snap-align:start}
html body .a2-hd .b-list .l{height:44px;padding:0 14px;border:1px solid var(--hd-edge);border-radius:999px}
html body .a2-hd .b-list .l[aria-current=page]{box-shadow:none;border-radius:999px;border-color:var(--ring);background:var(--sky-tint)}
.b-more{display:none!important}
.a2-hd.compact .a2-logo,.a2-hd.compact .b-tools,.a2-hd.compact .b-sub:not(.open){display:none!important}
.a2-hd.compact .b-seg{border-top:0}
/* sheet: «All» on the phone */
.b-scrim:not([hidden]){display:block;position:fixed;inset:0;z-index:55;background:var(--scrim)}
.b-sub.open{position:fixed;left:0;right:0;bottom:0;top:44px;z-index:60;display:flex;flex-direction:column;background:var(--card);color:var(--text);border:1px solid var(--drop-bd);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:var(--drop);animation:a2-up .24s cubic-bezier(.2,.8,.2,1);--ring:var(--link)}
.b-sub.open .b-shead{display:grid;grid-template-columns:1fr auto;align-items:center;padding:6px 12px 6px 16px;border-bottom:1px solid var(--line);position:relative}
.b-handle{position:absolute;left:50%;top:6px;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:var(--line)}
html body .a2-hd .b-st{margin:14px 0 6px;padding:0;color:var(--heading);font:700 22px/1.2 'IBM Plex Sans Condensed','IBM Plex Sans',system-ui,sans-serif}
.b-x{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);cursor:pointer}
.b-sub.open .b-lists{overflow-y:auto;flex:1;padding:14px 16px 24px;overscroll-behavior:contain}
.b-sub.open .b-list{display:block;margin:0 0 12px;padding:0;border:1px solid var(--line);border-top:4px solid var(--hc);border-radius:16px;background:var(--card)}
.b-sub.open .b-list.cur-sec{border-color:var(--link);border-top-color:var(--hc)}
html body .a2-hd .b-sub.open .b-lh{display:flex;height:auto;min-height:58px;margin:0;padding:8px 14px;gap:12px;color:var(--text);font:700 19px 'IBM Plex Sans Condensed','IBM Plex Sans',system-ui,sans-serif;letter-spacing:0;text-transform:none;border-radius:12px 12px 0 0}
.b-sub.open .b-lh .tile{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:var(--hc);color:var(--on-bar-hi)}
.b-sub.open .b-lh .b-n{display:inline;margin-left:auto;font:600 12px 'IBM Plex Mono',ui-monospace,Menlo,monospace;color:var(--muted)}
.b-sub.open .b-lh .b-la{display:block;color:var(--link)}
html body .a2-hd .b-sub.open .b-list ul{flex-wrap:wrap;overflow:visible;padding:0 14px 14px}
html body .a2-hd .b-sub.open .b-list .l{color:var(--text);border-color:var(--line);background:var(--stripe)}
html body .a2-hd .b-sub.open .b-list .l:hover{border-color:var(--link);color:var(--link)}
html body .a2-hd .b-sub.open .b-list .l[aria-current=page]{color:var(--link);border-color:var(--link);font-weight:600;background:var(--card)}
}
@keyframes a2-up{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.a2-hd *,.a2-hd{animation:none!important;transition:none!important}}


.crl{max-width:986px;margin:32px auto 0;padding:0 16px;box-sizing:border-box}
.crl h2{font-size:22px;margin:0 0 12px}
.crl ul.crl__list{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0 18px}
.crl ul.crl__list li,.crl ul.crl__list li[style]{list-style:none!important;background:none!important;padding:0!important;margin:0!important;position:static!important}
.crl ul.crl__list li::before,.crl ul.crl__list li::after{content:none!important;display:none!important}
.crl ul.crl__list a{display:block!important;padding:8px 0!important;border-bottom:1px solid #e5e5e5;color:#1f2a44!important;font-size:16px!important;line-height:1.4!important;text-decoration:none!important;text-transform:none!important;opacity:1!important;visibility:visible!important}
.crl ul.crl__list a:hover{text-decoration:underline!important}


        footer .fp{margin-top:20px;padding-top:16px;border-top:1px solid #e3dccb;text-align:left}
        footer .fp h2{background:none!important;padding:0!important;margin:0 0 12px!important;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#5b5670;font-weight:600;text-align:left!important;width:auto!important}
        footer .fp ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none!important;padding:0!important;margin:0!important}
        footer .fp ul li{background:none!important;padding:0!important;margin:0!important;list-style:none!important;position:static!important;text-align:left!important}
        footer .fp ul li::before,footer .fp ul li::after{content:none!important;display:none!important}
        footer .fp .b{display:flex;align-items:center;gap:11px;height:100%;box-sizing:border-box;min-height:62px;padding:11px 13px;border:1px solid #e3dccb;border-radius:10px;background:#fff;color:#15121f!important;text-decoration:none!important;text-align:left!important;transition:border-color .15s,box-shadow .15s}
        footer .fp a.b:hover,footer .fp a.b:focus{border-color:#0b5e55;box-shadow:0 1px 5px rgba(11,94,85,.16);text-decoration:none!important}
        footer .fp .ic{flex:0 0 28px;width:28px;height:28px;color:#0b5e55}
        footer .fp .ic svg{width:28px;height:28px;display:block}
        footer .fp .tx{min-width:0}
        footer .fp .t{display:block;font-weight:600;font-size:13.5px;line-height:1.25;text-align:left!important}
        footer .fp .s{display:block;font-size:11.5px;line-height:1.35;color:#5b5670;margin-top:3px;text-align:left!important}
        footer .fp .age .ic{color:#b3261e}
        footer .fp .note{margin:12px 0 0!important;padding:0!important;width:auto!important;font-size:12px;line-height:1.5;color:#5b5670;text-align:left!important}
        @media (max-width:900px){footer .fp ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
        footer .fp .tag{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 14px;border-left:3px solid #b3261e;background:#fff;border-radius:0 8px 8px 0;font-size:14px;font-weight:600;color:#15121f;text-align:left!important;line-height:1.35}
        footer .fp .tag span{font-weight:400;font-size:12px;color:#5b5670;white-space:nowrap}
        @media (max-width:560px){footer .fp .tag{flex-wrap:wrap;gap:4px;font-size:13.5px}footer .fp .tag span{white-space:normal}}
        @media (max-width:430px){footer .fp ul{grid-template-columns:1fr}}
      
footer .fg{display:flex;flex-wrap:wrap;gap:20px 32px;list-style:none;padding:0;margin:0}footer .fg>li{flex:1 1 200px;min-width:180px;background:none!important;padding:0!important;margin:0!important;list-style:none!important}footer .fg strong{display:block;margin-bottom:6px;color:#15121f}footer .fg ul{list-style:none;padding:0;margin:0}footer .fg ul li{background:none!important;padding:0!important;margin:0!important;list-style:none!important}footer .fg ul li a{display:inline-block;padding:6px 0}footer .fg a{color:#0b5e55;text-decoration:none}footer .fg a:hover{text-decoration:underline}
footer nav ul li, footer nav ul li[style] { background: none !important; padding: 0 !important; margin: 0 !important; list-style: none !important; }
.or-wrap{max-width:1180px;margin:0 auto;padding:0 16px 40px;box-sizing:border-box}
.or-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;margin-top:24px}
@media (max-width:960px){.or-layout{grid-template-columns:minmax(0,1fr)}}
.or-main{min-width:0}
.or-side{min-width:0}

.or-hero{padding:26px 0 6px}
.or-hero h1{font-size:30px;line-height:1.22;margin:0 0 10px;color:var(--heading,#0B1733);letter-spacing:-.01em}
.or-hero p{margin:0;color:var(--muted,#4A5878);font-size:15px;line-height:1.6}
.or-crumbs{font-size:12.5px;color:var(--muted,#4A5878);margin:18px 0 0}
.or-crumbs a{color:var(--link,#1B5BF0);text-decoration:none}
.or-crumbs a:hover{text-decoration:underline}
.or-crumbs .sep{margin:0 6px;opacity:.6}

.or-block{margin:26px 0 0}
.or-block-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line,#D9E2F2);padding:0 0 9px;margin:0 0 14px}
.or-block-title{font-size:17px;font-weight:700;color:var(--heading,#0B1733);letter-spacing:.01em}
.or-block-title::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:9px;vertical-align:middle;background:linear-gradient(135deg,#1B5BF0,#38BDF8)}
.or-seeall{font-size:12.5px;font-weight:600;color:var(--link,#1B5BF0);text-decoration:none;white-space:nowrap}
.or-seeall:hover{text-decoration:underline}

.or-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.or-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:820px){.or-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:540px){.or-grid,.or-grid--2{grid-template-columns:minmax(0,1fr)}}

.or-card{display:flex;flex-direction:column;background:var(--card,#fff);border:1px solid var(--line,#D9E2F2);border-radius:14px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.or-card:hover{border-color:#9FC0F5;box-shadow:0 4px 18px rgba(15,45,134,.10)}
.or-card-thumb{display:flex;align-items:center;justify-content:center;height:112px;background:linear-gradient(135deg,#0F2D86 0%,#1B5BF0 58%,#38BDF8 100%);color:#fff;font-size:26px;font-weight:700;letter-spacing:.04em}
.or-card-body{padding:13px 15px 15px;display:flex;flex-direction:column;gap:7px;flex:1}
.or-card-cat{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#1B5BF0}
.or-card-title{font-size:15.5px;line-height:1.32;margin:0;font-weight:700}
.or-card-title a{color:var(--heading,#0B1733);text-decoration:none}
.or-card-title a:hover{color:#1B5BF0}
.or-card-text{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted,#4A5878)}
.or-card-meta{margin-top:auto;font-size:11px;color:var(--muted,#4A5878);display:flex;gap:10px;flex-wrap:wrap}

.or-catnav{margin:16px 0 0}
.or-catnav ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.or-catnav a{display:inline-block;padding:6px 12px;border:1px solid var(--line,#D9E2F2);border-radius:999px;font-size:12.5px;font-weight:600;color:#0F2D86;text-decoration:none;background:var(--card,#fff)}
.or-catnav a:hover{border-color:#9FC0F5;background:#F4F7FC}

.or-pager{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:22px 0 0}
.or-pager a,.or-pager span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 9px;border:1px solid var(--line,#D9E2F2);border-radius:9px;font-size:13px;font-weight:600;color:#0F2D86;text-decoration:none;background:var(--card,#fff)}
.or-pager a:hover{border-color:#9FC0F5;background:#F4F7FC}
.or-pager .on{background:linear-gradient(135deg,#0F2D86,#1B5BF0);color:#fff;border-color:transparent}

.or-hero-band{padding-top:34px;padding-bottom:38px;color:#fff}
.or-hero-band h1{font-size:31px;line-height:1.22;margin:0 0 10px;color:#fff;letter-spacing:-.01em;font-weight:700}
.or-hero-band .or-hero-sub{margin:0;color:#D6E3FF;font-size:15.5px;line-height:1.62;max-width:820px}
.or-hero-band .or-crumbs{color:#AFC6F2;margin:0 0 14px}
.or-hero-band .or-crumbs a{color:#fff}
.or-hero-band .or-crumbs a:hover{color:#D6E3FF}
.or-band{padding-top:34px;padding-bottom:38px;color:#fff;background:radial-gradient(760px 340px at 88% 6%,rgba(56,189,248,.42),transparent 62%),linear-gradient(135deg,#071337 0%,#0F2D86 46%,#1B5BF0 88%,#2A8CF7 100%)}
.or-band h1{font-size:31px;line-height:1.22;margin:0 0 10px;color:#fff;letter-spacing:-.01em;font-weight:700}
.or-band .or-hero-sub{margin:0;color:#D6E3FF;font-size:15.5px;line-height:1.62;max-width:820px}

.or-side-card{background:var(--card,#fff);border:1px solid var(--line,#D9E2F2);border-radius:14px;padding:14px 16px;margin:0 0 16px}
.or-side-title{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#0F2D86;margin:0 0 10px}
.or-side-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.or-side-list a{display:block;padding:7px 9px;border-radius:8px;font-size:13.5px;color:var(--text,#0B1733);text-decoration:none;border-left:3px solid transparent}
.or-side-list a:hover{background:#F4F7FC;border-left-color:#1B5BF0}
.or-side-list a.on{background:#EEF4FE;border-left-color:#1B5BF0;font-weight:600}
.or-side-list .sub a{padding-left:20px;font-size:12.8px;color:var(--muted,#4A5878)}

.or-post{font-size:15.5px;line-height:1.72;color:var(--text,#0B1733)}
.or-post h2{font-size:22px;line-height:1.3;margin:28px 0 12px;color:var(--heading,#0B1733)}
.or-post h3{font-size:18px;line-height:1.34;margin:22px 0 10px;color:var(--heading,#0B1733)}
.or-post p{margin:0 0 14px}
.or-post ul,.or-post ol{margin:0 0 16px;padding-left:22px}
.or-post li{margin:0 0 7px}
.or-post a{color:var(--link,#1B5BF0)}
.or-post img{max-width:100%;height:auto;border-radius:10px}
.or-post table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14px}
.or-post th,.or-post td{border:1px solid var(--line,#D9E2F2);padding:9px 11px;text-align:left}
.or-post th{background:#F4F7FC;font-weight:700}
.or-post blockquote{margin:0 0 16px;padding:10px 16px;border-left:3px solid #1B5BF0;background:#F4F7FC;border-radius:0 8px 8px 0}

.or-post-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:12.5px;color:var(--muted,#4A5878);margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid var(--line,#D9E2F2)}
.or-post-meta a{color:var(--link,#1B5BF0);text-decoration:none}
.or-empty{color:var(--muted,#4A5878);font-size:14px;padding:10px 0}

.or-comments{margin:32px 0 0;border-top:1px solid var(--line,#D9E2F2);padding:20px 0 0}
.or-comments-title{font-size:16px;font-weight:700;margin:0 0 14px;color:var(--heading,#0B1733)}
.or-comment{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line,#D9E2F2)}
.or-comment-av{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,#0F2D86,#38BDF8)}
.or-comment-body{min-width:0}
.or-comment-head{font-size:13px;font-weight:700;color:var(--heading,#0B1733);margin:0 0 3px}
.or-comment-head span{font-weight:400;color:var(--muted,#4A5878);font-size:11.5px;margin-left:6px}
.or-comment-text{margin:0;font-size:13.5px;line-height:1.6;color:var(--text,#0B1733)}

.or-langs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:14px 0 0;padding:0}
.or-langs a{display:inline-block;padding:4px 10px;border:1px solid #E3DCCB;border-radius:999px;font-size:12px;color:#0b5e55;text-decoration:none;background:#fff}
.or-langs a.on{background:#0b5e55;color:#fff;border-color:#0b5e55}