:root{
     --bg:#0f0f10;
     --card:#16171a;
     --muted:#a6acb7;
     --text:#f4f5f7;
     --accent:#F71ECE;
     --accent-2:#00c2ff;
     --ok:#31d0aa;
     --danger:#ff6b6b;
     --radius:16px;
     --shadow:0 10px 30px rgba(0,0,0,.25);
}
 *{
    box-sizing:border-box
}
 html,body{
    margin:0;
    padding:0;
    background:var(--bg);
    color:var(--text);
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;
}
 a{
    color:inherit
}
 .wrap{
    max-width:1200px;
    margin:0 auto;
    padding: clamp(16px, 4vw, 32px);
}
 .hero{
    position:relative;
    overflow:hidden;
    border-radius:calc(var(--radius) + 8px);
    background:linear-gradient(120deg, #15161a, #0f0f10 60%), url('set-mod-4-1.jpg') center/cover no-repeat;
    min-height:68svh;
    display:grid;
    align-items:end
}
 .hero-inner{
    padding:clamp(20px,5vw,48px);
    display:grid;
    gap:18px;
    background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.45) 40%, rgba(0,0,0,.75) 100%)
}
 .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:13px;
    color:#000;
    background:var(--accent);
    padding:6px 10px;
    border-radius:999px;
    font-weight:700;
    width:max-content
}
 h1{
    font-size:clamp(28px,5.5vw,56px);
    line-height:1.05;
    margin:0
}
 .sub{
    font-size:clamp(14px,2.2vw,18px);
    color:var(--muted);
    max-width:840px
}
 .cta-row{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:6px
}
 .btn{
    appearance:none;
    border:0;
    border-radius:12px;
    padding:14px 18px;
    font-weight:700;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:10px;
    box-shadow:var(--shadow);
    text-decoration:none
}
 .btn-primary{
    background:var(--accent);
    color:#000
}
 .btn-ghost{
    background:transparent;
    border:1px solid #2a2d33;
    color:var(--text)
}
 .trust{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-top:8px;
    color:var(--muted);
    font-size:13px
}
 .badges{
    display:flex;
    gap:10px;
    flex-wrap:wrap
}
 .badge{
    border:1px solid #2a2d33;
    border-radius:999px;
    padding:6px 10px;
    color:var(--muted);
    font-size:12px
}
 .grid{
    display:grid;
    gap:clamp(16px,2vw,20px)
}
 .grid-3{
    grid-template-columns:repeat(1,1fr)
}
 @media(min-width:840px){
    .grid-3{
        grid-template-columns:repeat(3,1fr)
    }
}
 .card{
    background:var(--card);
    border:1px solid #222328;
    border-radius:var(--radius);
    padding:clamp(16px,2.5vw,20px);
    box-shadow:var(--shadow)
}
 .card h3{
    margin:0 0 8px 0;
    font-size:20px
}
 .muted{
    color:var(--muted)
}
 .features{
    display:grid;
    gap:16px
}
 .features li{
    display:grid;
    grid-template-columns:24px 1fr;
    gap:12px;
    align-items:start
}
 .icon{
    width:24px;
    height:24px;
    display:inline-block
}
/* Pricing */
 .pricing{
    display:grid;
    gap:20px
}
 @media(min-width:960px){
    .pricing{
        grid-template-columns:1.1fr .9fr
    }
}
 .price-cards{
    display:grid;
    gap:16px
}
 .price-card{
    background:var(--card);
    border:1px solid #24262c;
    border-radius:var(--radius);
    padding:22px;
    display:grid;
    gap:8px
}
 .price{
    font-weight:800;
    font-size:28px
}
 .pill{
    font-size:12px;
    color:#000;
    background:var(--accent);
    border-radius:999px;
    padding:3px 8px;
    font-weight:700;
    display:inline-block
}
 .ul{
    margin:10px 0 0 0;
    padding:0 0 0 18px;
    color:var(--muted)
}
/* Calculator */
 .calc{
    background:linear-gradient(180deg,#141519,#0f1013);
    border:1px solid #1f2026;
    border-radius:var(--radius);
    padding:18px;
    display:grid;
    gap:12px
}
 label{
    font-size:13px;
    color:var(--muted);
    display:block;
    margin-bottom:6px
}
 select,input[type="number"],input[type="text"],input[type="email"],textarea{
    width:100%;
    background:#0d0e11;
    border:1px solid #2a2d33;
    border-radius:10px;
    padding:12px;
    color:var(--text)
}
 .calc-row{
    display:grid;
    gap:12px
}
 @media(min-width:720px){
    .calc-row{
        grid-template-columns:1fr 1fr
    }
}
 .totals{
    display:grid;
    gap:10px;
    background:#0b0c0f;
    border:1px dashed #2a2d33;
    padding:14px;
    border-radius:12px
}
 .totals div{
    display:flex;
    justify-content:space-between;
    align-items:center
}
 .totals .grand{
    font-size:22px;
    font-weight:800
}
/* Sections */
 section{
    margin-top:clamp(28px,6vw,64px)
}
 h2{
    font-size:clamp(22px,3.6vw,34px);
    margin:0 0 10px 0
}
 .kicker{
    color:var(--accent);
    font-weight:800;
    letter-spacing:.06em;
    font-size:12px;
    text-transform:uppercase
}
/* FAQ */
 details{
    background:var(--card);
    border:1px solid #212329;
    border-radius:14px;
    padding:14px;
    margin-bottom:10px
}
 details>summary{
    cursor:pointer;
    font-weight:700
}
 details[open]{
    border-color:#2c2f36
}
/* Sticky CTA */
 .sticky-bar{
    position:sticky;
    bottom:0;
    z-index:50;
    background:rgba(15,16,19,.9);
    backdrop-filter:blur(8px);
    border-top:1px solid #24262c
}
 .sticky-inner{
    max-width:1200px;
    margin:0 auto;
    display:flex;
    gap:10px;
    align-items:center;
    justify-content:space-between;
    padding:10px 16px
}
 .sticky-inner small{
    color:var(--muted)
}
/* Footer */
 footer{
    color:var(--muted);
    font-size:12px;
    padding:30px 0
}
/* Simple utility */
 .nowrap{
    white-space:nowrap
}

.hide{
    display:none
}

#gform_submit_button_2{
  appearance: none;
  border: 0;
  border-radius: 12px;
  padding: 14px 18px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: var(--shadow);
  text-decoration: none;
  background: var(--accent); /* #ccff00 */
  color: #000;
}
#gform_submit_button_2:hover{ transform: translateY(-1px); }
#gform_submit_button_2:active{ transform: translateY(0); }
#gform_submit_button_2:focus{ outline: 2px solid var(--accent-2); outline-offset: 2px; }
.map-card{display:grid;gap:10px}
.map-wrap{border:1px solid #24262c;border-radius:12px;overflow:hidden;background:#0b0c0f}
.map-embed{width:100%;height:340px;border:0;display:block}
@supports (aspect-ratio: 16/9){ .map-embed{height:auto;aspect-ratio:16/9} }
.map-links{display:flex;gap:10px;flex-wrap:wrap}

/* Top slideshow */
.slider{position:relative;border-radius:var(--radius);overflow:hidden;margin-bottom:clamp(16px,3vw,24px)}
.slider-track{display:flex;transition:transform .6s ease;will-change:transform}
.slide{min-width:100%;height:60svh;position:relative}
.slide img{width:100%;height:100%;object-fit:cover;display:block}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.45))}
.slider-nav{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.slider-btn{pointer-events:auto;background:rgba(0,0,0,.35);border:1px solid #2a2d33;border-radius:999px;width:40px;height:40px;display:grid;place-items:center;color:#fff}
.slider-btn:hover{transform:translateY(-1px)}
.slider-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:12px;display:flex;gap:8px}
.slider-dot{width:8px;height:8px;border-radius:999px;background:#fff3;border:1px solid #fff6}
.slider-dot.active{background:var(--accent);border-color:#000}
@media(max-width:640px){.slide{height:48svh}}