
:root{
  --gold:#C8901A;--gold-light:#E9B949;--cyan:#2EC4F0;
  --ink:#0B1420;--panel:#132234;--line:#24384F;
  --text:#E8EEF5;--muted:#9DB0C4;
  --wrap:1180px;--r:10px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--cyan);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;font-weight:800;letter-spacing:-.02em}
h1{font-size:clamp(30px,5vw,50px)}
h2{font-size:clamp(23px,3.2vw,34px)}
h3{font-size:19px}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;background:var(--gold);color:#000;padding:8px 14px;z-index:99}

/* The meta description doubles as the first H2 for the SEO contract. It must
   read as body copy, not as a 45px headline. */
.sp-seo-desc{font-size:16px;font-weight:500;color:var(--muted);letter-spacing:0;
  line-height:1.6;max-width:70ch;margin:0 0 18px}

/* header */
.sp-header{position:sticky;top:0;z-index:50;background:rgba(11,20,32,.96);border-bottom:1px solid var(--line)}
.sp-header-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.sp-logo{text-decoration:none}
.sp-logo-mark{font-weight:900;font-size:22px;letter-spacing:.06em;color:var(--gold)}
.sp-logo-mark span{color:var(--text)}
.sp-nav ul{display:flex;align-items:center;gap:18px;list-style:none;margin:0;padding:0}
.sp-nav a{color:var(--text);font-size:14px;font-weight:600}
.sp-nav a:hover{color:var(--gold);text-decoration:none}
.sp-burger{display:none;background:none;border:0;cursor:pointer;padding:10px}
.sp-burger span{display:block;width:24px;height:2px;background:var(--text);margin:5px 0}

/* buttons */
.sp-btn{display:inline-block;padding:11px 20px;border-radius:var(--r);font-weight:700;
  font-size:14px;text-align:center;border:1px solid transparent;cursor:pointer}
.sp-btn:hover{text-decoration:none}
.sp-btn-gold{background:var(--gold);color:#11161d}
.sp-btn-gold:hover{background:var(--gold-light)}
.sp-btn-ghost{border-color:var(--line);color:var(--text)}
.sp-btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.sp-btn-shop{background:var(--cyan);color:#06202b}
.sp-btn-shop:hover{background:#63d7f7}
.sp-btn-lg{padding:14px 26px;font-size:15px}
.sp-btn-sm{padding:8px 14px;font-size:13px}

/* hero */
.sp-hero{padding:76px 0 60px;
  background:radial-gradient(1100px 460px at 18% -10%,rgba(46,196,240,.16),transparent 60%),
             radial-gradient(900px 420px at 88% 8%,rgba(200,144,26,.14),transparent 60%)}
.sp-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--cyan);margin:0 0 12px}
.sp-eyebrow-gold{color:var(--gold)}
.sp-hero h1{max-width:19ch}
.sp-hero-lead{font-size:18px;color:var(--muted);max-width:62ch}
.sp-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}

/* flagship */
.sp-flagship{padding:56px 0;background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sp-flagship-in{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.sp-flagship-media img{border-radius:var(--r);border:1px solid var(--line);width:100%}
.sp-lead{font-size:17px;color:var(--muted)}
.sp-flagship-buy{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px}
.sp-price{font-weight:800;color:var(--gold);font-size:20px}
.sp-price-lg{font-size:30px}

.sp-spec-list{list-style:none;margin:18px 0;padding:0;border-top:1px solid var(--line)}
.sp-spec-list li{display:flex;justify-content:space-between;gap:18px;
  padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.sp-spec-list span{color:var(--muted)}
.sp-spec-list strong{text-align:right}

/* sections */
.sp-section{padding:60px 0}
.sp-section-alt{background:var(--panel)}
.sp-head{max-width:64ch;margin:0 auto 34px;text-align:center}
.sp-head-left{margin-left:0;text-align:left}
.sp-head p{color:var(--muted);margin:0}
.sp-center{text-align:center;margin-top:28px}
.sp-two{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}

.sp-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sp-cat{display:block;padding:24px;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--r);color:var(--text)}
.sp-cat:hover{border-color:var(--gold);text-decoration:none}
.sp-cat h3{color:var(--gold);margin-bottom:6px}
.sp-cat p{color:var(--muted);font-size:14px;margin:0 0 10px}
.sp-cat-count{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);font-weight:700}
.sp-section-alt .sp-cat{background:var(--ink)}

/* product cards */
.sp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sp-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;display:flex;flex-direction:column}
.sp-section-alt .sp-card{background:var(--ink)}
.sp-card-img{display:block;aspect-ratio:4/3;overflow:hidden;background:#0d1a29}
.sp-card-img img{width:100%;height:100%;object-fit:cover}
.sp-card-body{padding:16px;display:flex;flex-direction:column;flex:1}
.sp-card h3{font-size:16px;margin-bottom:8px}
.sp-card h3 a{color:var(--text)}
.sp-card h3 a:hover{color:var(--gold);text-decoration:none}
.sp-card p{font-size:14px;color:var(--muted);flex:1}
.sp-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.sp-card-more{font-size:13px;margin-top:10px;display:inline-block}

/* product page */
.sp-prod{padding:44px 0}
.sp-prod-in{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.sp-prod-main{border-radius:var(--r);border:1px solid var(--line);width:100%}
.sp-prod-thumbs{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.sp-prod-thumbs img{width:88px;height:70px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}
.sp-crumb{font-size:13px;color:var(--muted);margin-bottom:12px}
.sp-crumb span{margin:0 6px;opacity:.5}
.sp-buybox{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:16px 0 8px}
.sp-buy-note{font-size:13px;color:var(--muted)}
.sp-page-head{padding:44px 0 8px;border-bottom:1px solid var(--line)}

/* prose */
.sp-prose{max-width:74ch}
.sp-prose h2{margin-top:1.6em}
.sp-prose h2:first-child{margin-top:0}
.sp-checklist{list-style:none;padding:0;margin:0 0 1.4em}
.sp-checklist li{position:relative;padding-left:26px;margin-bottom:9px;color:var(--muted)}
.sp-checklist li:before{content:"";position:absolute;left:0;top:.6em;width:9px;height:9px;
  border-radius:50%;background:var(--cyan)}
.sp-safety{border-left:3px solid var(--gold);background:rgba(200,144,26,.09);
  padding:14px 18px;border-radius:0 var(--r) var(--r) 0;color:var(--text)}

.sp-why{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sp-why>div{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.sp-why h3{color:var(--gold);font-size:16px}
.sp-why p{color:var(--muted);font-size:14px;margin:0}

.sp-contact-big{list-style:none;padding:0;margin:0}
.sp-contact-big li{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-bottom:1px solid var(--line)}
.sp-contact-big strong{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.sp-contact-big a,.sp-contact-big span{font-size:17px;font-weight:600;color:var(--text)}
.sp-contact-big a:hover{color:var(--gold)}

/* cta */
.sp-cta{padding:64px 0;text-align:center;background:var(--panel);border-top:1px solid var(--line)}
.sp-cta p{color:var(--muted);max-width:56ch;margin:0 auto 22px}
.sp-cta .sp-btn{margin:0 6px}

/* footer */
.sp-footer{background:#08101a;border-top:1px solid var(--line);padding:48px 0 20px}
.sp-foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:32px}
.sp-foot-logo{font-size:24px;margin-bottom:12px}
.sp-foot-blurb{color:var(--muted);font-size:14px;max-width:40ch}
.sp-footer h3{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold)}
.sp-footer ul{list-style:none;padding:0;margin:0}
.sp-footer li{margin-bottom:8px;font-size:14px;color:var(--muted)}
.sp-footer a{color:var(--muted)}
.sp-footer a:hover{color:var(--gold)}
.sp-dim{font-size:12px;opacity:.65}
.sp-foot-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  border-top:1px solid var(--line);margin-top:34px;padding-top:18px;font-size:13px;color:var(--muted)}
.sp-foot-base p{margin:0}

@media(max-width:980px){
  .sp-grid{grid-template-columns:repeat(2,1fr)}
  .sp-cat-grid{grid-template-columns:repeat(2,1fr)}
  .sp-foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .sp-flagship-in,.sp-prod-in,.sp-two{grid-template-columns:1fr;gap:28px}
  .sp-burger{display:block}
  /* The menu is hidden with display:none, never with [hidden] plus a flex rule,
     because display:flex beats [hidden] and leaves the menu stuck open. */
  .sp-nav ul{display:none;position:absolute;left:0;right:0;top:68px;flex-direction:column;
    align-items:flex-start;gap:0;background:var(--ink);border-bottom:1px solid var(--line);padding:10px 20px}
  .sp-nav ul.open{display:flex}
  .sp-nav li{width:100%;padding:10px 0;border-bottom:1px solid var(--line)}
  .sp-nav li:last-child{border-bottom:0}
}
@media(max-width:560px){
  .sp-grid,.sp-cat-grid,.sp-why,.sp-foot-grid{grid-template-columns:1fr}
}

/* SimPole: a direct, practical equipment catalog. */
:root{--gold:#b57913;--gold-light:#d6a740;--cyan:#24656b;--ink:#faf9f5;--panel:#efeee8;--line:#d0d2c9;--text:#222c29;--muted:#58615c;--r:0;--wrap:1320px}
body{font-family:Arial,Helvetica,sans-serif;background:var(--ink)}
a:focus-visible,button:focus-visible{outline:3px solid #24656b;outline-offset:4px}
h1,h2,h3{font-weight:700;letter-spacing:-.04em}
h1{font-size:clamp(36px,4.4vw,62px);line-height:1.04}h2{font-size:clamp(27px,3vw,40px)}
.wrap{padding-inline:36px}.sp-header{background:#faf9f5;border-top:5px solid #bd871c;border-bottom:1px solid var(--line)}.sp-header-in{min-height:86px}
.sp-logo-mark{font-size:31px;letter-spacing:-1.4px;color:#222c29;font-style:italic;font-weight:900}.sp-logo-mark span{color:#9b650c}.sp-nav ul{gap:20px}.sp-nav a{font-size:12px}.sp-nav a:hover{color:#805408}
.sp-btn{border-radius:0;font-size:13px;font-weight:600;padding:12px 20px}.sp-btn-gold,.sp-btn-shop{background:#24323b;color:white}.sp-btn-gold:hover,.sp-btn-shop:hover{background:#40515b;color:white}.sp-btn-ghost{border-color:#a9b3aa;color:#24323b}.sp-btn-ghost:hover{color:#24323b;border-color:#24323b;background:#ecefe7}.sp-btn-lg{padding:15px 22px}
.sp-hero{padding:0;background:#efeee8;border-bottom:1px solid var(--line)}.sp-hero>.wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:52px;align-items:center;padding-top:46px;padding-bottom:46px}
.sp-hero h1{max-width:17ch;margin-bottom:22px}.sp-eyebrow{font:500 11px/1.5 Arial,sans-serif;letter-spacing:1.6px;color:#59665b;margin-bottom:20px}.sp-hero .sp-seo-desc{font-size:14px;line-height:1.6;margin-bottom:14px;max-width:57ch}.sp-hero-lead{font-size:15px;line-height:1.6;max-width:57ch}.sp-hero-cta{gap:12px;margin-top:28px}
.sp-hero-photo{margin:0;align-self:stretch;display:flex;flex-direction:column;min-width:0}.sp-hero-photo img{width:100%;height:100%;min-height:420px;max-height:570px;object-fit:cover;object-position:center}.sp-hero-photo figcaption{font-size:11px;letter-spacing:.8px;text-transform:uppercase;padding-top:12px;display:flex;justify-content:space-between;gap:14px;color:#58615c}
.sp-flagship{background:#faf9f5;padding:64px 0;border-top:0}.sp-flagship-in{grid-template-columns:1fr 1fr;gap:72px}.sp-flagship-media{background:#efeee8;padding:24px}.sp-flagship-media img{border:0;max-height:510px;object-fit:contain}.sp-flagship-copy h2{font-size:42px}.sp-eyebrow-gold{color:#7a540d}.sp-price{color:#24323b;letter-spacing:-.5px}.sp-price-lg{font-size:31px}
.sp-section{padding:70px 0}.sp-head{max-width:760px;text-align:left;margin:0 0 35px}.sp-head p{font-size:15px}.sp-head .sp-eyebrow{margin-bottom:14px}.sp-section-alt{background:#efeee8}
.sp-cat-grid{grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}.sp-cat{background:none;padding:28px 26px 25px 0;border:0;border-bottom:1px solid var(--line);border-radius:0}.sp-cat:hover{background:#efeee8}.sp-cat h3{font-size:22px;letter-spacing:-.6px;color:#24323b}.sp-cat-count{color:#59665b;font-weight:400;letter-spacing:1px;font-size:10px}.sp-cat p{max-width:35ch}
.sp-grid{gap:24px}.sp-card,.sp-section-alt .sp-card{border:0;background:none;border-radius:0}.sp-card-img{background:#e4e5de;aspect-ratio:1/1}.sp-card-img img{object-fit:contain;mix-blend-mode:multiply;transition:transform .2s}.sp-card-img:hover img{transform:scale(1.035)}.sp-card-body{padding:20px 0}.sp-card h3{font-size:18px;font-weight:600;letter-spacing:-.5px}.sp-card p{font-size:14px}.sp-card-foot{border-top:1px solid #c2c8bd;padding-top:15px}.sp-card-more{color:#43584a;text-decoration:underline;text-underline-offset:4px}
.sp-why{gap:24px}.sp-why>div{background:none;border:0;border-top:1px solid var(--line);padding:20px 0}.sp-why h3{font-size:18px;color:#24323b;letter-spacing:-.3px}
.sp-page-head{padding:45px 0 35px;background:#efeee8}.sp-page-head h1{max-width:24ch}.sp-prod{padding:50px 0}.sp-prod-main{max-height:650px;object-fit:contain;background:#efeee8;border:0}.sp-prod-thumbs img{border-radius:0}.sp-prod-in{gap:64px}.sp-safety{border-radius:0;color:#343c30;background:#ede8d8}.sp-prose{font-size:17px}.sp-prose h2{letter-spacing:-.8px}
.sp-cta{background:#24323b;color:#fff;text-align:left;padding:55px 0}.sp-cta p{margin-left:0;color:#d8dfd8}.sp-cta .sp-btn{margin-left:0;margin-right:12px}.sp-cta .sp-btn-gold{background:#deb350;color:#1e2c23}.sp-cta .sp-btn-ghost{border-color:#c5d0c5;color:white}.sp-cta .sp-btn-ghost:hover{background:#40515b}
.sp-footer{background:#faf9f5;padding-top:55px}.sp-footer h3{color:#24323b}.sp-footer .sp-btn-gold{color:#fff}.sp-foot-base{font-size:11px}.sp-foot-logo{font-size:29px}.sp-footer a:hover{color:#24323b}
@media(max-width:1120px){.sp-nav ul{gap:12px}.sp-nav a{font-size:11px}.wrap{padding-inline:25px}.sp-logo-mark{font-size:27px}.sp-hero>.wrap{gap:30px}.sp-hero h1{font-size:45px}}
@media(max-width:980px){.sp-burger{display:block}.sp-nav ul{display:none;position:absolute;left:0;right:0;top:86px;flex-direction:column;align-items:flex-start;gap:0;background:#faf9f5;border-bottom:1px solid var(--line);padding:10px 25px}.sp-nav ul.open{display:flex}.sp-nav li{width:100%;padding:11px 0;border-bottom:1px solid var(--line)}.sp-nav a{font-size:14px}.sp-hero h1{font-size:40px}.sp-hero-photo img{min-height:420px}.sp-flagship-in{gap:35px}.sp-cat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wrap{padding-inline:22px}.sp-header-in{min-height:72px}.sp-nav ul{top:72px}.sp-hero>.wrap{grid-template-columns:1fr;padding-top:34px;padding-bottom:30px;gap:28px}.sp-hero h1{font-size:44px;max-width:19ch}.sp-hero-photo img{height:340px;min-height:0;max-height:none;object-position:center 55%}.sp-hero-photo figcaption{font-size:10px}.sp-hero-cta{margin-top:22px}.sp-flagship,.sp-section{padding:45px 0}.sp-flagship-in{grid-template-columns:1fr;gap:28px}.sp-flagship-media img{max-height:360px}.sp-flagship-copy h2{font-size:33px}.sp-cat-grid{grid-template-columns:1fr}.sp-cat{padding-right:0}.sp-prod-in{gap:28px}.sp-grid{gap:18px}.sp-cta .sp-btn{margin-bottom:10px}.sp-footer{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.sp-nav .sp-btn-shop,.sp-nav .sp-btn-shop:hover{color:#fff}

/* Product imagery and purchase controls share a consistent baseline. */
.sp-card{display:flex;flex-direction:column}.sp-card-body{display:flex;flex-direction:column;flex:1}.sp-card-body>p{flex:1}.sp-card-foot{margin-top:auto}
.sp-card-img{padding:16px;background:#eeeee8}.sp-card-img img{mix-blend-mode:normal}
.sp-cat{padding-left:20px}.sp-cat:first-child,.sp-cat:nth-child(4){padding-left:0}
.sp-prod-thumbs img{object-fit:contain;background:#efeee8}
.sp-safety a{text-decoration:underline;text-underline-offset:3px}
.sp-btn{min-height:44px}.sp-prose{max-width:72ch}
@media(max-width:760px){.sp-cat{padding-left:0}.sp-hero h1{font-size:clamp(34px,9.5vw,44px)}.sp-hero-photo img{height:290px}.sp-card-foot{gap:12px;flex-wrap:wrap}.sp-prod-main{max-height:430px}}
.sp-prod-thumbs button{padding:3px;border:1px solid #bac3b9;background:transparent;cursor:pointer}.sp-prod-thumbs button[aria-pressed=true]{border:2px solid #805408;padding:2px}.sp-prod-thumbs button img{display:block;border:0}
