:root{
  --sp-bg:#f7f1e7;
  --sp-fg:#152033;
  --sp-muted:#5c6677;
  --sp-card:rgba(255,253,248,.86);
  --sp-line:rgba(21,32,51,.12);
  --sp-accent:#db7c26;
  --sp-accent-strong:#c95b11;
  --sp-cool:#145b9a;
}

.sp-wrap{max-width:1240px;margin:0 auto;padding:20px 0 32px;color:var(--sp-fg)}
.sp-wrap > section,
.sp-wrap > nav{position:relative}

.sp-commercial-nav,
.sp-metric-grid,
.sp-cta-band{
  display:grid;
  gap:14px;
  margin-top:18px;
}

.sp-commercial-nav{
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
}

.sp-commercial-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid var(--sp-line);
  background:rgba(255,255,255,.78);
  color:var(--sp-fg);
  text-decoration:none;
  font-weight:800;
  box-shadow:0 12px 24px rgba(15,23,42,.05);
  transition:transform .22s ease,background-color .22s ease,color .22s ease;
}

.sp-commercial-nav a:hover,
.sp-commercial-nav a.is-active{
  transform:translateY(-2px);
  background:rgba(216,235,255,.92);
  color:var(--sp-cool);
}

.sp-metric-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.sp-metric{
  padding:16px;
  border-radius:22px;
  border:1px solid var(--sp-line);
  background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(238,245,255,.88));
  box-shadow:0 16px 30px rgba(15,23,42,.05);
}

.sp-metric strong{
  display:block;
  margin-bottom:8px;
  font:700 24px/1.1 var(--shell-font-display,"Iowan Old Style","Palatino Linotype",Georgia,serif);
}

.sp-metric span{
  color:var(--sp-muted);
  font-size:13px;
  line-height:1.55;
}

.sp-hero,
.sp-card,
.sp-panel,
.sp-route-card,
.sp-seo{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 24px 55px rgba(15,23,42,.09);
}

.sp-hero::before,
.sp-card::before,
.sp-panel::before,
.sp-route-card::before,
.sp-seo::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.55);
  pointer-events:none;
}

.sp-hero{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:20px;
  padding:32px;
  border-radius:30px;
  background:
    radial-gradient(circle at top left, rgba(219,124,38,.14), transparent 28%),
    linear-gradient(125deg, rgba(255,255,255,.38), transparent 44%),
    radial-gradient(circle at bottom right, rgba(20,91,154,.15), transparent 34%),
    linear-gradient(145deg, rgba(255,252,245,.92), rgba(255,255,255,.78));
}

.sp-hero--commerce{grid-template-columns:1.05fr .95fr}

.sp-hero > div:first-child{
  position:relative;
  z-index:1;
}

.sp-hero::after{
  content:"";
  position:absolute;
  left:20px;
  bottom:20px;
  width:160px;
  height:160px;
  border-radius:34px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.32), transparent),
    linear-gradient(135deg, rgba(219,124,38,.14), rgba(20,91,154,.08));
  border:1px solid rgba(255,255,255,.44);
  transform:rotate(-8deg);
  pointer-events:none;
}

.sp-hero::before{
  content:"";
  position:absolute;
  top:18px;
  right:18px;
  width:150px;
  height:150px;
  border-radius:32px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.42), transparent),
    linear-gradient(135deg, rgba(20,91,154,.14), rgba(219,124,38,.06));
  border:1px solid rgba(255,255,255,.54);
  transform:rotate(11deg);
  pointer-events:none;
}

.sp-eyebrow,
.sp-section-kicker,
.sp-route-card__tag,
.sp-highlight-card__label{
  display:inline-flex;
  align-items:center;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(216,235,255,.82);
  border:1px solid rgba(20,91,154,.12);
  color:var(--sp-cool);
  font-size:12px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.sp-hero h1,
.sp-section-head h2,
.sp-card h2,
.sp-card h3,
.sp-panel h2,
.sp-route-card h2,
.sp-route-card h3,
.sp-seo h2{
  font-family:var(--shell-font-display,"Iowan Old Style","Palatino Linotype",Georgia,serif);
  letter-spacing:-.02em;
}

.sp-hero h1{
  font-size:clamp(38px, 5vw, 64px);
  line-height:.96;
  margin:14px 0 12px;
  max-width:12ch;
}

.sp-hero p,.sp-section-head p,.sp-route-card__body p,.sp-route-card p,.sp-seo p{
  color:var(--sp-muted);
  line-height:1.65;
}

.sp-hero p{margin:0 0 14px;max-width:66ch;font-size:17px}
.sp-cta{display:flex;gap:10px;flex-wrap:wrap}

.sp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:11px 16px;
  border-radius:999px;
  border:1px solid transparent;
  text-decoration:none;
  font-weight:800;
  transition:transform .25s ease, box-shadow .25s ease;
}

.sp-btn:hover{transform:translateY(-2px)}
.sp-btn.call{background:linear-gradient(135deg, #172640, #0f172a);color:#fff;box-shadow:0 18px 30px rgba(15,23,42,.18)}
.sp-btn.wa{background:linear-gradient(135deg, #25b45e, #147c43);color:#fff;box-shadow:0 18px 30px rgba(20,124,67,.18)}
.sp-btn.soft{background:rgba(255,255,255,.8);border-color:var(--sp-line);color:#0f172a}

.sp-chip-list{
  list-style:none;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding:0;
  margin:18px 0 0;
}

.sp-chip-list li{
  padding:9px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid var(--sp-line);
  font-size:13px;
  color:var(--sp-muted);
}

.sp-media{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  min-height:390px;
  border:1px solid rgba(255,255,255,.52);
  background:
    radial-gradient(circle at 25% 18%, rgba(219,124,38,.28), transparent 24%),
    radial-gradient(circle at 82% 76%, rgba(20,91,154,.22), transparent 30%),
    linear-gradient(160deg, #fff1da 0%, #f3f7ff 54%, #dcecff 100%);
}

.sp-media::after{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.3);
  pointer-events:none;
}

.sp-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transform:scale(1.03);
  transition:opacity .6s ease, transform .8s ease;
}

.sp-media img.active{opacity:1;transform:scale(1)}

.sp-media img:first-child{
  object-fit:contain;
  padding:20px;
}

.sp-dots{
  position:absolute;
  left:26px;
  bottom:24px;
  display:flex;
  gap:8px;
  z-index:2;
}

.sp-dots button{width:12px;height:12px;border-radius:50%;border:0;background:rgba(255,255,255,.54)}
.sp-dots button.active{background:#fff}

.sp-grid,.sp-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.sp-section{margin-top:18px}

.sp-section-head{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.sp-section-head h2{margin:0;font-size:clamp(28px, 3vw, 40px)}
.sp-section-head p{margin:0;max-width:72ch}

.sp-section--split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}

.sp-card,
.sp-panel{
  border-radius:24px;
  padding:20px;
  background:linear-gradient(145deg, rgba(255,253,248,.88), rgba(255,255,255,.76));
}

.sp-card{backdrop-filter:blur(10px)}

.sp-card h2,.sp-card h3{margin:0 0 10px}
.sp-panel h2{margin:10px 0 12px;font-size:clamp(26px, 3vw, 36px)}
.sp-card-grid--products{grid-template-columns:repeat(3,minmax(0,1fr))}

.sp-route-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:20px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(241,247,255,.86));
}

.sp-route-card--form{
  grid-column:span 2;
  background:
    radial-gradient(circle at top right, rgba(20,91,154,.12), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(241,247,255,.9));
}

.sp-route-card--media{padding:0;text-decoration:none;color:var(--sp-fg);box-shadow:0 18px 34px rgba(15,23,42,.08);transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.sp-route-card--media:hover{transform:translateY(-4px);border-color:rgba(20,91,154,.18);box-shadow:0 24px 40px rgba(15,23,42,.1)}
.sp-route-card--media .sp-route-card__media{background:#e9eff7;aspect-ratio:4/3}
.sp-route-card--media .sp-route-card__media img{width:100%;height:100%;object-fit:cover}
.sp-route-card__body{padding:16px}
.sp-route-card__body h3,.sp-route-card h3,.sp-route-card h2{margin:0 0 8px}

.sp-marketplace-tags{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}

.sp-marketplace-tags span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid var(--sp-line);
  background:rgba(255,255,255,.78);
  color:var(--sp-cool);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.sp-inline-link{color:#0f172a;font-weight:800;text-decoration:none}
.sp-inline-link:hover{color:var(--sp-accent-strong)}

.sp-hero-stack{display:grid;gap:14px}

.sp-highlight-card{
  padding:20px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(238,248,255,.9), rgba(255,255,255,.82));
  border:1px solid var(--sp-line);
}

.sp-highlight-card--accent{background:linear-gradient(180deg, rgba(255,244,226,.92), rgba(255,255,255,.84))}
.sp-highlight-card__label{margin:0 0 8px}

.sp-hero-art{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  min-height:240px;
  border:1px solid rgba(255,255,255,.56);
  background:
    radial-gradient(circle at 20% 20%, rgba(255,214,157,.38), transparent 24%),
    radial-gradient(circle at 82% 70%, rgba(136,187,243,.26), transparent 32%),
    linear-gradient(160deg, rgba(255,249,240,.9), rgba(235,242,251,.88));
  box-shadow:0 18px 36px rgba(15,23,42,.08);
}

.sp-hero-art img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:18px;
  filter:drop-shadow(0 24px 28px rgba(15,23,42,.14));
}

.sp-list{margin:0;padding-left:18px;display:grid;gap:8px;line-height:1.55}
.sp-step-list{margin:0;padding-left:18px;display:grid;gap:12px}
.sp-step-list li{display:grid;gap:4px}
.sp-step-list span{color:var(--sp-muted)}

.mini-form{display:grid;gap:10px}

.mini-form input,
.mini-form select,
.mini-form textarea{
  width:100%;
  min-height:46px;
  border:1px solid var(--sp-line);
  border-radius:16px;
  padding:11px 14px;
  background:rgba(255,255,255,.86);
  color:var(--sp-fg);
  font:600 14px/1.4 var(--shell-font-body,"Trebuchet MS","Segoe UI",sans-serif);
}

.mini-form textarea{min-height:120px;resize:vertical}

.sp-form{display:grid;gap:10px}

.sp-hp-field{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.sp-form label{
  font-weight:800;
  color:var(--sp-fg);
}

.sp-form input,
.sp-form select,
.sp-form textarea{
  width:100%;
  min-height:46px;
  border:1px solid var(--sp-line);
  border-radius:16px;
  padding:11px 14px;
  background:rgba(255,255,255,.86);
  color:var(--sp-fg);
  font:600 14px/1.4 var(--shell-font-body,"Trebuchet MS","Segoe UI",sans-serif);
}

.sp-form-note{
  margin:12px 0 0;
  font-weight:700;
  color:var(--sp-cool);
}

.sp-form-note--bad{color:#b33f18}

.sp-faq details{
  border:1px solid var(--sp-line);
  border-radius:18px;
  padding:12px 14px;
  margin-bottom:10px;
  background:rgba(255,255,255,.78);
}

.sp-seo{
  margin-top:18px;
  border-radius:24px;
  padding:18px;
  color:#344255;
  background:linear-gradient(145deg, rgba(255,249,238,.88), rgba(234,244,255,.82));
}

.sp-seo h2{margin:0 0 10px}
.sp-map-panel iframe{width:100%;min-height:320px;border:0;border-radius:20px}

.sp-cta-band{
  grid-template-columns:1.15fr .85fr;
  align-items:center;
  padding:22px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.62);
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg, #13233b, #27476e);
  box-shadow:0 26px 56px rgba(15,23,42,.14);
  color:#ecf3ff;
}

.sp-cta-band::before{
  content:"";
  position:absolute;
  inset:auto -40px -60px auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,214,157,.24), transparent 64%);
  pointer-events:none;
}

.sp-cta-band h2{
  margin:10px 0 10px;
  font:700 clamp(30px,3.6vw,46px)/.98 var(--shell-font-display,"Iowan Old Style","Palatino Linotype",Georgia,serif);
}

.sp-cta-band p{
  margin:0;
  color:rgba(236,243,255,.8);
  line-height:1.68;
}

.sp-cta-band__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}

@media (max-width:1040px){
  .sp-hero,.sp-section--split{grid-template-columns:1fr}
  .sp-grid,.sp-card-grid,.sp-card-grid--products,.sp-commercial-nav,.sp-metric-grid,.sp-cta-band{grid-template-columns:1fr 1fr}
  .sp-route-card--form{grid-column:span 2}
  .sp-cta-band__actions{justify-content:flex-start}
}

@media (max-width:760px){
  .sp-wrap{padding-bottom:84px}
  .sp-hero{padding:22px;border-radius:26px}
  .sp-hero h1{font-size:clamp(34px, 13vw, 54px);max-width:none}
  .sp-media{min-height:280px}
  .sp-grid,.sp-card-grid,.sp-card-grid--products,.sp-commercial-nav,.sp-metric-grid,.sp-cta-band{grid-template-columns:1fr}
  .sp-route-card--form{grid-column:span 1}
  .sp-cta-band{padding:20px}
}