:root{
  --white:#fff;
  --black:#000;
  --lighter-blue-color:#f1ffff;
  --light-blue-color:#b8fdff;
  --default-blue-color:#4dfbff;
  --dark-blue-color:#00e8ed;
  --default-gray-50-color:#f3f3f5;
  --default-gray-100-color:#e7e7ea;
  --default-gray-200-color:#d9d9dd;
  --default-gray-700-color:#75757b;
  --default-gray-1000-color:#1d1d1f;
  --default-black-color:#1d1d1f;
  --default-page-color:var(--default-blue-color);
  --light-page-color:var(--light-blue-color);
  --lighter-page-color:var(--lighter-blue-color);
  --dark-page-color:var(--dark-blue-color);
  --container-text-color:var(--default-black-color);
  --default-ui-lib-text-color:var(--container-text-color);
  --button-text-transform:uppercase;
  --small-border-radius:0px;
  --big-border-radius:0px;
  --navigation-active-indicator-height:6px;
  --price-box-border-width:6px;
  --font-family:"Source Sans Pro",Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}
html{background:var(--lighter-page-color)}
body{margin:0;background:var(--lighter-page-color);color:var(--default-ui-lib-text-color);font-family:var(--font-family);line-height:1.32}
a{color:inherit}
.wrap{max-width:1180px;margin:auto;padding-left:24px;padding-right:24px}
.top{position:sticky;top:0;z-index:20;background:var(--white);border-bottom:2px solid var(--default-black-color)}
.bar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand img{width:160px;max-height:44px;display:block;object-fit:contain}
.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nav a{min-height:36px;display:inline-flex;align-items:center;border:2px solid var(--default-black-color);border-radius:var(--small-border-radius);padding:0 14px;text-decoration:none;font-weight:800;background:var(--white);text-transform:var(--button-text-transform)}
.nav a:first-child{background:var(--default-black-color);color:var(--white)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;padding-top:42px;padding-bottom:34px}
.eyebrow{display:inline-flex;margin:0 0 14px;border:2px solid var(--default-black-color);border-radius:var(--small-border-radius);background:var(--light-page-color);padding:7px 12px;font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:0}
h1{max-width:930px;margin:0;font-size:clamp(44px,7vw,88px);line-height:.96;letter-spacing:0}
.lead{max-width:820px;margin:20px 0 0;color:var(--default-black-color);font-size:22px;line-height:1.32}
.stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.stats span{display:inline-flex;align-items:center;gap:7px;border:2px solid var(--default-black-color);border-radius:var(--small-border-radius);background:var(--white);padding:8px 12px;font-weight:800}
.stats strong{font-size:19px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.seller-card{align-self:start;border:2px solid var(--default-black-color);border-radius:var(--big-border-radius);background:var(--white);padding:18px;box-shadow:8px 8px 0 var(--default-page-color)}
.seller-card img{width:178px;max-width:100%;display:block;margin-bottom:24px}
.seller-card strong{display:block;font-size:22px;line-height:1.05}
.seller-card span{display:block;margin-top:8px;color:var(--default-gray-700-color);font-weight:800;overflow-wrap:anywhere}
.btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--default-black-color);border-radius:var(--small-border-radius);padding:0 15px;font-weight:950;text-decoration:none;color:var(--default-black-color);background:var(--white);box-shadow:none;text-align:center;text-transform:var(--button-text-transform)}
.btn.big{min-height:50px;padding:0 20px;font-size:18px}
.btn.black{background:var(--default-black-color);color:var(--white)}
.btn.blue{background:var(--default-page-color);color:var(--default-black-color)}
.btn.outline{background:var(--white);color:var(--default-black-color)}
.group{margin:0 0 34px}
.group-head{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:2px solid var(--default-black-color);padding-bottom:10px;margin-bottom:12px}
.group h2{margin:0;font-size:30px;line-height:1}
.group-head span{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--default-black-color);border-radius:var(--small-border-radius);background:var(--default-page-color);font-weight:950}
.resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.resource{display:grid;grid-template-columns:66px minmax(0,1fr);grid-template-rows:auto auto;gap:12px;align-items:center;border:2px solid var(--default-black-color);border-radius:var(--big-border-radius);background:var(--white);padding:14px}
.badge{width:58px;height:58px;border:2px solid var(--default-black-color);border-radius:var(--small-border-radius);background:var(--light-page-color);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:950}
.resource-main{min-width:0}
.resource h3{margin:0;font-size:20px;line-height:1.08;letter-spacing:0}
.resource p{margin:7px 0 0;color:var(--default-gray-700-color);font-size:14px;line-height:1.25;overflow-wrap:anywhere}
.resource-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.resource-actions .single{grid-column:1/-1}
.foot{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:2px solid var(--default-black-color);padding-top:20px;padding-bottom:34px;margin-top:18px;color:var(--default-black-color);font-weight:800}
@media(max-width:860px){
  .wrap{padding-left:18px;padding-right:18px}
  .bar{align-items:flex-start;flex-direction:column;padding-top:12px;padding-bottom:12px}
  .brand img{width:132px}
  .nav{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .nav a{justify-content:center;border-radius:var(--small-border-radius)}
  .hero{grid-template-columns:1fr;padding-top:28px}
  .seller-card{display:none}
  h1{font-size:clamp(42px,12vw,66px)}
  .lead{font-size:19px}
  .hero-actions{display:grid;grid-template-columns:1fr;width:100%}
  .resources{grid-template-columns:1fr}
  .resource{grid-template-columns:54px minmax(0,1fr);padding:12px}
  .badge{width:48px;height:48px;font-size:11px}
  .resource h3{font-size:19px}
  .btn{min-height:44px;padding-left:10px;padding-right:10px}
}