/* Short Stay — Airbnb management services (Luxury Dark & Gold Theme) */
.ss-page{
  background:var(--bg-page, #090a0f);
  color:var(--ink, #f4f5f8);
}

/* ——— Hero ——— */
.ss-hero{
  padding:48px 0 28px;
  border-bottom:1px solid var(--line, rgba(255, 255, 255, 0.08));
  background:
    radial-gradient(900px 320px at 12% -10%, rgba(184, 134, 40, .16), transparent 60%),
    radial-gradient(700px 280px at 88% 0%, rgba(201, 155, 59, .12), transparent 55%),
    var(--bg-page, #090a0f);
}
.ss-hero-inner{
  max-width:820px;
}
.ss-hero h1{
  margin:16px 0 14px;
  font-size:clamp(32px,4.2vw,48px);
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:900;
  color:#ffffff;
}
.ss-hero > .container > .ss-hero-inner > p,
.ss-hero-inner > p{
  margin:0 0 22px;
  color:var(--muted);
  font-size:17px;
  line-height:1.7;
  max-width:640px;
}
.ss-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.ss-hero-actions .btn-outline{
  background:#161928;
  border:1px solid var(--gold-border, rgba(184, 134, 40, 0.25));
  color:#ffffff;
}
.ss-hero-actions .btn-outline:hover{
  background:#1c2033;
  border-color:var(--primary-2);
  color:var(--primary-2);
}

/* ——— Sections ——— */
.ss-section{padding:48px 0}
.ss-section-soft{
  background:#0c0e15;
  border-top:1px solid var(--line, rgba(255, 255, 255, 0.08));
  border-bottom:1px solid var(--line, rgba(255, 255, 255, 0.08));
}
.ss-section-intro{
  max-width:720px;
  margin-bottom:28px;
}
.ss-section-intro h2,
.ss-two-col h2,
.ss-cta-copy h2{
  margin:0 0 12px;
  font-size:clamp(24px,2.6vw,34px);
  font-weight:900;
  letter-spacing:-.025em;
  line-height:1.15;
  color:#ffffff;
}
.ss-section-intro p,
.ss-two-col p,
.ss-service-body > p,
.ss-audience-note,
.ss-cta-copy p{
  margin:0 0 14px;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}
.ss-section-intro p:last-child,
.ss-two-col p:last-child,
.ss-service-body > p:last-child{
  margin-bottom:0;
}

/* ——— Service pillars ——— */
.ss-service-list{
  display:grid;
  gap:16px;
}
.ss-service{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  align-items:start;
  background:#11131c;
  border:1px solid var(--line, rgba(255, 255, 255, 0.08));
  border-radius:18px;
  padding:22px 22px 20px;
  box-shadow:var(--shadow-sm);
  transition:all .18s ease;
}
.ss-service:hover{
  border-color:var(--gold-border);
  transform:translateY(-1px);
}
.ss-service-num{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-size:16px;
  font-weight:900;
  color:#000;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  box-shadow:0 10px 20px rgba(184, 134, 40, .25);
  flex-shrink:0;
}
.ss-service-body h3{
  margin:2px 0 10px;
  font-size:clamp(18px,2vw,22px);
  font-weight:900;
  letter-spacing:-.02em;
  line-height:1.25;
  color:#ffffff;
}
.ss-label{
  margin:14px 0 8px !important;
  font-size:13px !important;
  font-weight:800 !important;
  color:#ffffff !important;
}
.ss-service-body ul,
.ss-check-list{
  margin:0 0 14px;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}
.ss-service-body ul li,
.ss-check-list li{
  position:relative;
  padding-left:22px;
  color:#c6c9d8;
  font-size:14px;
  line-height:1.55;
}
.ss-service-body ul li::before,
.ss-check-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
}

/* ——— Two column ——— */
.ss-two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  align-items:start;
}
.ss-two-col > div{
  background:#11131c;
  border:1px solid var(--line, rgba(255, 255, 255, 0.08));
  border-radius:18px;
  padding:24px;
  box-shadow:var(--shadow-sm);
}

/* ——— Audience ——— */
.ss-audience-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin-bottom:18px;
}
.ss-audience{
  background:#11131c;
  border:1px solid var(--line, rgba(255, 255, 255, 0.08));
  border-radius:14px;
  padding:18px 14px;
  text-align:center;
  font-size:14px;
  font-weight:800;
  color:#ffffff;
  box-shadow:var(--shadow-sm);
  transition:all .15s ease;
}
.ss-audience:hover{
  border-color:var(--gold-border);
  transform:translateY(-2px);
}
.ss-audience-note{
  max-width:860px;
}

/* ——— Benefits ——— */
.ss-benefit-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
.ss-benefit{
  background:#11131c;
  border:1px solid var(--line, rgba(255, 255, 255, 0.08));
  border-radius:16px;
  padding:18px;
  box-shadow:var(--shadow-sm);
  display:flex;
  flex-direction:column;
  gap:8px;
  transition:all .15s ease;
}
.ss-benefit:hover{
  border-color:var(--gold-border);
  transform:translateY(-2px);
}
.ss-benefit strong{
  font-size:15px;
  font-weight:900;
  color:#ffffff;
  letter-spacing:-.01em;
}
.ss-benefit span{
  font-size:13px;
  line-height:1.55;
  color:var(--muted);
}

/* ——— CTA ——— */
.ss-cta{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(240px,.7fr);
  gap:24px;
  align-items:center;
  background:#11131c;
  border:1px solid var(--gold-border, rgba(184, 134, 40, 0.25));
  border-radius:22px;
  padding:28px;
  box-shadow:var(--shadow);
  background-image:
    radial-gradient(500px 220px at 0% 0%, rgba(184, 134, 40, .14), transparent 60%),
    linear-gradient(#11131c,#11131c);
}
.ss-cta-brand{
  margin-top:8px !important;
  color:var(--primary-2) !important;
  font-weight:800 !important;
}
.ss-cta-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ss-cta-actions .btn{
  width:100%;
  justify-content:center;
  text-align:center;
}
.ss-cta-actions .btn.btn-outline{
  background:#161928;
  border:1px solid var(--gold-border);
  color:#ffffff;
}
.ss-cta-actions .btn.btn-outline:hover{
  background:#1c2033;
  color:var(--primary-2);
}

/* ——— Responsive ——— */
@media (max-width:1100px){
  .ss-audience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ss-benefit-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .ss-hero{padding:36px 0 22px}
  .ss-section{padding:36px 0}
  .ss-two-col,
  .ss-cta{grid-template-columns:1fr}
  .ss-audience-grid{grid-template-columns:1fr 1fr}
  .ss-cta-actions{flex-direction:row;flex-wrap:wrap}
  .ss-cta-actions .btn{width:auto}
}
@media (max-width:640px){
  .ss-service{grid-template-columns:1fr;gap:12px}
  .ss-benefit-grid,
  .ss-audience-grid{grid-template-columns:1fr}
  .ss-hero-actions{flex-direction:column;align-items:stretch}
  .ss-hero-actions .btn{justify-content:center;text-align:center}
  .ss-cta{padding:22px}
}