.sb-hiw{--sb-primary:var(--sb-theme-primary,#102085);--sb-accent:var(--sb-theme-accent,#ff7433);--sb-light:var(--sb-theme-light,#f5f2ec);position:relative;width:100vw;max-width:100vw;margin:0 calc(50% - 50vw);background:var(--sb-light);font-family:inherit;box-sizing:border-box}.sb-hiw *{box-sizing:border-box}.sb-hiw__inner{width:min(1320px,calc(100% - 48px));max-width:none;margin:0 auto;padding:130px 0 48px}.sb-hiw__head{max-width:820px;margin-bottom:26px}.sb-hiw__head>span{display:block;color:var(--sb-accent);font-size:12px;letter-spacing:.13em;font-weight:750;margin-bottom:9px}.sb-hiw__head h2{margin:0 0 10px;color:var(--sb-primary);font-size:clamp(32px,3.7vw,50px);line-height:1.03;letter-spacing:-.035em}.sb-hiw__head p{margin:0;color:color-mix(in srgb,var(--sb-primary) 61%,#fff);font-size:16px;line-height:1.52}.sb-hiw__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sb-hiw__card{position:relative;border:1px solid color-mix(in srgb,var(--sb-primary) 11%,#fff);border-radius:16px;padding:21px 20px 23px;background:#fff;min-height:188px;box-shadow:0 9px 28px color-mix(in srgb,var(--sb-primary) 4%,transparent);transition:.2s ease}.sb-hiw__card:hover{transform:translateY(-2px);box-shadow:0 15px 36px color-mix(in srgb,var(--sb-primary) 8%,transparent);border-color:color-mix(in srgb,var(--sb-accent) 32%,#fff)}.sb-hiw__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.sb-hiw__top small{font-size:10.5px;letter-spacing:.11em;color:color-mix(in srgb,var(--sb-primary) 60%,#fff);font-weight:700;line-height:1.45}.sb-hiw__icon{width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--sb-accent) 8%,#fff);display:flex;align-items:center;justify-content:center;flex:0 0 36px}.sb-hiw__icon svg{width:18px;height:18px;fill:none;stroke:var(--sb-primary);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sb-hiw__card h3{margin:0 0 9px;color:var(--sb-primary);font-size:19px;line-height:1.2}.sb-hiw__card p{margin:0;color:color-mix(in srgb,var(--sb-primary) 60%,#fff);font-size:13.5px;line-height:1.52}@media(max-width:1000px){.sb-hiw__inner{width:min(1320px,calc(100% - 48px));padding-left:0;padding-right:0}.sb-hiw__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.sb-hiw__inner{width:min(1320px,calc(100% - 32px));padding:44px 0 38px}.sb-hiw__grid{grid-template-columns:1fr}.sb-hiw__card{min-height:0}}

/* 0.2.3: shortcode-stack integration */
.sb-hiw{display:block!important;padding:0!important;vertical-align:top!important}
.sb-hiw+br,br+.sb-hiw{display:none!important}


/* 0.2.7 — premium stricter visual language, preserve spacing/layout */
.sb-hiw{
  --sb-hiw-ink:#111111;
  --sb-hiw-muted:#666666;
  --sb-hiw-line:rgba(17,17,17,.10);
  --sb-hiw-card:#fcfcfa;
  background:#f5f2ec;
}
.sb-hiw__inner{padding:130px 0 50px}
.sb-hiw__head>span{
  color:var(--sb-accent);
  font-size:12px;
  letter-spacing:.14em;
  font-weight:800;
  text-transform:uppercase;
}
.sb-hiw__head h2{
  color:var(--sb-hiw-ink);
  font-family:"Roboto Condensed",Arial,sans-serif !important;
  font-weight:800;
  letter-spacing:-.03em;
  line-height:.98;
  margin:0 0 18px;
}
.sb-hiw__head p{
  color:var(--sb-hiw-muted);
  font-size:16px;
  line-height:1.55;
}
.sb-hiw__grid{gap:18px}
.sb-hiw__card{
  border:1px solid var(--sb-hiw-line);
  border-top:2px solid rgba(212,157,44,.9);
  border-radius:3px;
  padding:22px 20px 24px;
  background:var(--sb-hiw-card);
  min-height:188px;
  box-shadow:none;
  transition:border-color .18s ease, transform .18s ease, background-color .18s ease;
}
.sb-hiw__card:hover{
  transform:translateY(-2px);
  box-shadow:none;
  border-color:rgba(212,157,44,.55);
  background:#fff;
}
.sb-hiw__top{
  margin-bottom:20px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(17,17,17,.08);
}
.sb-hiw__top small{
  font-size:11px;
  letter-spacing:.13em;
  color:rgba(17,17,17,.56);
  font-weight:800;
  line-height:1.45;
  text-transform:uppercase;
}
.sb-hiw__icon{
  width:34px;
  height:34px;
  border-radius:2px;
  background:transparent;
  border:1px solid rgba(212,157,44,.22);
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 34px;
}
.sb-hiw__icon svg{
  width:17px;
  height:17px;
  stroke:#111111;
  stroke-width:1.4;
}
.sb-hiw__card h3{
  margin:0 0 12px;
  color:var(--sb-hiw-ink);
  font-family:"Roboto Condensed",Arial,sans-serif !important;
  font-size:21px;
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.02em;
}
.sb-hiw__card p{
  margin:0;
  color:var(--sb-hiw-muted);
  font-size:15px;
  line-height:1.58;
}
@media(max-width:600px){
  .sb-hiw__card{border-radius:4px;padding:19px 18px 20px}
  .sb-hiw__card h3{font-size:20px}
  .sb-hiw__card p{font-size:14px}
}


/* 0.2.8 — force Roboto Condensed, reduce radii further */
.sb-hiw__head h2,
.sb-hiw__card h3{
  font-family:"Roboto Condensed", Arial, sans-serif !important;
  font-style:normal !important;
}
.sb-hiw__card,
.sb-hiw__icon{
  border-radius:2px;
}
@media(max-width:600px){
  .sb-hiw__card,
  .sb-hiw__icon{border-radius:2px}
}


/* 0.2.9 — align typography exactly with SB-Destinations hierarchy. */
.sb-hiw__head>span{
  font-family:inherit!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:var(--sb-accent)!important;
  margin:0 0 8px!important;
}
.sb-hiw__head h2{
  font-family:"Roboto Condensed",Arial,sans-serif!important;
  font-size:40px!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  margin:0 0 14px!important;
}
.sb-hiw__head p{
  font-family:inherit!important;
  font-size:16px!important;
  line-height:1.52!important;
  font-weight:400!important;
}
.sb-hiw__top small{
  font-family:inherit!important;
  font-size:10.5px!important;
  line-height:1.45!important;
  font-weight:700!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
.sb-hiw__card h3{
  font-family:"Roboto Condensed",Arial,sans-serif!important;
  font-size:19px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
  margin:0 0 9px!important;
}
.sb-hiw__card p{
  font-family:inherit!important;
  font-size:13.5px!important;
  line-height:1.52!important;
}
@media(max-width:600px){
  .sb-hiw__head h2{font-size:32px!important}
  .sb-hiw__card h3{font-size:19px!important}
}

/* 0.2.10 — add 20px more space below How It Works. */
.sb-hiw__inner{padding-bottom:70px!important}
@media(max-width:600px){.sb-hiw__inner{padding-bottom:58px!important}}