/*!
 * Summit Fencing - Landing page styles
 * Enqueued by template-summit-fencing.php (handle: summit-fencing)
 */

/* ===== Fonts: Oxanium (titles / nav / buttons) + Inter (body) ===== */
:root{
  --sf-font:"Inter",sans-serif;     /* all body text */
  --sf-head:"Oxanium",sans-serif;   /* titles, navigation, buttons */
}
h1,h2,h3,h4,h5,h6,
.sf-h2,.sf-hero__tag,.sf-eyebrow,.sf-badge,.sf-sublabel,
.sf-prod__name,.sf-prod__tag,
.sf-logo__txt,.sf-logos__lbl,.sf-logos__row span,
.sf-statrow b,.sf-bignum b,.sf-why__h b,
.sf-navlinks a,.sf-nav__cta,
.sf-btn,.sf-tab,
.sf-proj__tag,.sf-gatetags span,
.sf-faqitem summary,
.sf-card__head .k,.sf-card__head b,
.sf-sticky__txt b,.sf-sticky__phone,
.sf-final__phone a{
  font-family:var(--sf-head);
}
/* keep form inputs and labels in the body font */
.sf-field input,.sf-field select,.sf-field label{
  font-family:var(--sf-font);
}
a:visited {
    color: #fff;
}

:root{
  --sf-yellow:#ffd000; --sf-dark:#1c1c1c; --sf-black:#0d0d0d;
  --sf-light:#e4dfdb; --sf-paper:#f6f4f1; --sf-ink:#1c1c1c; --sf-muted:#524e47;
  --sf-font:"Montserrat",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sf-font);color:var(--sf-ink);background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
::selection{background:var(--sf-yellow);color:var(--sf-dark)}

/* helpers */
.sf-wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.sf-eyebrow{font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#a08a00;margin:0 0 14px}
.sf-eyebrow--y{color:var(--sf-yellow)}
.sf-h2{font-weight:800;font-size:38px;line-height:1.08;letter-spacing:-.015em;margin:0}
.sf-lead{font-size:16px;line-height:1.65;color:var(--sf-muted);margin:0}
.sf-diamond{flex:none;width:8px;height:8px;background:var(--sf-yellow);transform:rotate(45deg)}
.sf-btn{font-family:var(--sf-font);font-weight:700;font-size:15px;letter-spacing:.03em;color:var(--sf-dark);background:var(--sf-yellow);padding:15px 28px;border-radius:5px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s;justify-content:center}
.sf-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(255,208,0,.75)}
.sf-btn--ghost{background:transparent;color:#fff;border:1.5px solid #5a564e}
.sf-btn--ghost:hover{border-color:var(--sf-yellow);box-shadow:none;color:var(--sf-yellow)}
.sf-btn--dark{background:var(--sf-dark);color:#fff}
.sf-btn--sm{padding:12px 20px;font-size:13.5px}

.sf-frame{position:relative;padding:13px}
.sf-frame::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background-image:
    repeating-linear-gradient(to right,var(--fc,#fff) 0 20px,transparent 20px 24px),
    repeating-linear-gradient(to right,var(--fc,#fff) 0 20px,transparent 20px 24px),
    repeating-linear-gradient(to bottom,var(--fc,#fff) 0 20px,transparent 20px 24px),
    repeating-linear-gradient(to bottom,var(--fc,#fff) 0 20px,transparent 20px 24px);
  background-position:left top,left bottom,left top,right top;
  background-size:100% 2px,100% 2px,2px 100%,2px 100%;background-repeat:no-repeat}
.sf-frame--y::before{--fc:var(--sf-yellow)}
.sf-frame--grey::before{--fc:#c2bbb1}

.sf-media{width:100%;height:100%;object-fit:cover;display:block}
.sf-imgph{width:100%;height:100%;min-height:120px;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;letter-spacing:.02em;line-height:1.5;
  background:repeating-linear-gradient(45deg,#ece8e2 0 14px,#e4dfd8 14px 28px);color:#8a847a}
.sf-imgph--dark{background:repeating-linear-gradient(45deg,#202020 0 14px,#262626 14px 28px);color:#736e64; padding:0px !important;}
.sf-imgph--dark img{width: 100%; height: 250px; object-fit: cover; margin-bottom: 30px;}
.testi-imgs img{height: 300px !important; object-fit: cover; margin-bottom: 0px !important;}
.closing-img img{margin-bottom: 0px !important;}
.sf-frame-tab img {height: 330px !important; object-fit: cover; width: 100%;}
.sf-frame-tab .sf-imgph {padding:0px !important;}
.sf-card button{color:#000 !important;}
.sf-card button:hover{background:#000 !important; color:#fff !important}

.sf-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.sf-reveal.is-visible{opacity:1;transform:none}

/* top bar + nav */
.sf-topbar{background:var(--sf-black);color:#cfcbc4;font-size:12.5px;font-weight:500}
.sf-topbar__in{display:flex;align-items:center;justify-content:space-between;height:38px;gap:18px}
.sf-topbar a{color:var(--sf-yellow);text-decoration:none;font-weight:700}
.sf-topbar__pts{display:flex;gap:22px}
.sf-nav{position:sticky;top:0;z-index:999;background:rgba(13,13,13,.97);backdrop-filter:blur(8px);border-bottom:1px solid #262626; width:100%;}
.sf-nav__in{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.sf-logo{display:flex;align-items:center;gap:11px;text-decoration:none}
.sf-logo__peak{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:19px solid var(--sf-yellow)}
.sf-logo__txt{font-weight:800;font-size:20px;line-height:1;color:#fff}
.sf-logo__txt b{color:var(--sf-yellow)}
.sf-navlinks{display:flex;align-items:center;gap:22px}
.sf-navlinks a{position:relative;color:#cfcbc4;text-decoration:none;font-weight:600;font-size:13px;letter-spacing:.05em;text-transform:uppercase;transition:color .15s;padding:4px 0}
.sf-navlinks a:hover{color:#fff}
.sf-navlinks a.is-active{color:var(--sf-yellow)}
.sf-navlinks a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--sf-yellow)}
.sf-nav__cta{font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--sf-dark);background:var(--sf-yellow);padding:11px 18px;border-radius:5px;text-decoration:none;transition:transform .15s}
.sf-nav__cta:hover{transform:translateY(-2px)}
.sf-nav__menu{display:flex;align-items:center;gap:26px}
.sf-burger{display:none;flex:none;width:46px;height:46px;margin:-4px -8px -4px 0;padding:0;border:none;background:transparent;cursor:pointer;align-items:center;justify-content:center}
.sf-burger span{position:relative;display:block;width:26px;height:2px;background:#fff;border-radius:2px;transition:background .2s}
.sf-burger span::before,.sf-burger span::after{content:"";position:absolute;left:0;width:26px;height:2px;background:#fff;border-radius:2px;transition:transform .28s ease}
.sf-burger span::before{top:-8px}
.sf-burger span::after{top:8px}
.sf-burger:hover span,.sf-burger:hover span::before,.sf-burger:hover span::after{background:var(--sf-yellow)}
.sf-nav.is-open .sf-burger span{background:transparent}
.sf-nav.is-open .sf-burger span::before{transform:translateY(8px) rotate(45deg)}
.sf-nav.is-open .sf-burger span::after{transform:translateY(-8px) rotate(-45deg)}
.sf-nav.is-open .sf-burger:hover span::before,.sf-nav.is-open .sf-burger:hover span::after{background:var(--sf-yellow)}
.sf-tabsnav button::after{display:none !important;}

/* hero */
.sf-hero{position:relative;background:var(--sf-black);overflow:hidden; float:none; width:100%;}
.sf-hero__photo{position:absolute;inset:0}.sf-hero__photo .sf-imgph{height:100%}
.sf-hero__scrim{position:absolute;inset:0;background:linear-gradient(95deg,rgba(10,10,10,.96) 0%,rgba(10,10,10,.88) 40%,rgba(10,10,10,.55) 100%)}
.sf-hero__stripes{position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(255,208,0,.05) 0 2px,transparent 2px 30px)}
.sf-hero__grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;padding:60px 0 70px}
.sf-hero__tag{display:inline-flex;align-items:center;gap:9px;border-left:3px solid var(--sf-yellow);padding:5px 0 5px 13px;margin-bottom:22px;font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--sf-yellow)}
.sf-hero h1{font-weight:800;font-size:50px;line-height:1.04;letter-spacing:-.02em;color:#fff;margin:0 0 18px}
.sf-hero h1 em{color:var(--sf-yellow);font-style:normal}
.sf-hero__sub{font-size:17.5px;line-height:1.55;color:#c4c0b8;margin:0 0 24px;max-width:540px}
.sf-ticks{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;max-width:560px;margin-bottom:28px}
.sf-tick{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--sf-light);font-weight:500}
.sf-tick i{flex:none;width:21px;height:21px;border-radius:50%;background:var(--sf-yellow);color:var(--sf-dark);font-weight:700;font-size:12px;font-style:normal;display:flex;align-items:center;justify-content:center}
.sf-hero__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
a.treatmeny{background:#ffd000 !important; color:#000 !important;}

/* card / form */
.sf-card{background:#fff;border-radius:8px;box-shadow:0 30px 70px -24px rgba(0,0,0,.55);overflow:hidden}
.sf-card__head{background:var(--sf-dark);padding:18px 24px;border-bottom:4px solid var(--sf-yellow)}
.sf-card__head .k{font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sf-yellow);margin-bottom:5px}
.sf-card__head b{display:block;font-weight:700;font-size:19px;color:#fff;line-height:1.2}
.sf-card form{padding:20px 24px 24px;display:flex;flex-direction:column;gap:12px}
.sf-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sf-field{display:flex;flex-direction:column;gap:5px}
.sf-field label{font-weight:600;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--sf-ink)}
.sf-field input,.sf-field select{font-family:var(--sf-font);font-size:14px;padding:11px 12px;border:1px solid #d8d4cf;border-radius:5px;background:#faf9f7;outline:none;color:var(--sf-ink);width:100%}
.sf-field input:focus,.sf-field select:focus{border-color:var(--sf-yellow);background:#fff}
.sf-upload{position:relative;padding:13px;border-radius:6px;background:#faf9f7;text-align:center;cursor:pointer}
.sf-upload::before{content:"";position:absolute;inset:0;border-radius:6px;pointer-events:none;
  background-image:
    repeating-linear-gradient(to right,#cac5be 0 11px,transparent 11px 15px),
    repeating-linear-gradient(to right,#cac5be 0 11px,transparent 11px 15px),
    repeating-linear-gradient(to bottom,#cac5be 0 11px,transparent 11px 15px),
    repeating-linear-gradient(to bottom,#cac5be 0 11px,transparent 11px 15px);
  background-position:left top,left bottom,left top,right top;background-size:100% 1.5px,100% 1.5px,1.5px 100%,1.5px 100%;background-repeat:no-repeat}
.sf-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.sf-upload b{font-size:12.5px;font-weight:600;color:var(--sf-ink)}
.sf-upload span{font-size:11px;color:#8a857d}
.sf-card__note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11.5px;color:#8a857d;text-align:center}
.sf-card__note b{color:#2a7a3a;font-weight:700}
/* ===== Contact Form 7 compatibility (quote card) ===== */
.sf-field > .wpcf7-form-control-wrap{display:block;width:100%}
.sf-btn--full{width:100%;text-align:center}
.sf-card input.wpcf7-not-valid,.sf-card select.wpcf7-not-valid{border-color:#c0392b}
.sf-card .wpcf7-not-valid-tip{color:#c0392b;font-size:11px;font-weight:600;margin-top:5px}
.sf-card .wpcf7-response-output{margin:12px 0 0;padding:11px 14px;border-radius:5px;font-size:12.5px;line-height:1.5;border:1px solid #d8d4cf;background:#faf9f7;color:var(--sf-ink)}
.sf-card .wpcf7-spinner{margin:8px auto 0;display:block}
.sf-btn{background:#000 !important; color:#ffd000 !important;}
form p{margin:0px !important;}

/* logo strip */
.sf-logos{background:var(--sf-dark);padding:22px 0}
.sf-logos__in{display:flex;align-items:center;gap:26px;flex-wrap:wrap;justify-content:center}
.sf-logos__lbl{font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#7d786f}
.sf-logos__row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}
.sf-logos__row span{font-weight:700;font-size:15px;color:#9a958c}

/* sections */
.sf-sec{padding:84px 0}
.sf-sec--paper{background:var(--sf-paper)}
.sf-sec--dark{background:var(--sf-dark)}
.sf-sec--black{background:var(--sf-black)}
.sf-center{text-align:center;max-width:720px;margin:0 auto 50px}
.sf-split{display:grid;grid-template-columns:1fr 1fr;gap:66px;align-items:center}

/* strength */
.sf-pillars{display:flex;flex-direction:column;gap:11px;margin:0 0 22px}
.sf-pillar{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.5;color:#3a3630}
.sf-pillar .sf-diamond{margin-top:7px}
.sf-statrow{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px;border-top:2px solid #ddd8d2}
.sf-statrow>div{padding:18px 8px;text-align:center;border-right:1px solid #ddd8d2}
.sf-statrow>div:last-child{border-right:none}
.sf-statrow b{font-weight:800;font-size:36px;color:var(--sf-ink);line-height:1;display:block}
.sf-statrow span{font-size:12px;line-height:1.35;color:#6a655d;margin-top:6px;display:block}

/* results */
.sf-results{text-align:center;position:relative}
.sf-results .sf-h2{color:#fff;max-width:760px;margin:0 auto 14px}
.sf-results__lead{font-size:15.5px;line-height:1.65;color:#b8b4ac;margin:0 auto 42px;max-width:760px}
.sf-bignum{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.sf-bignum>div{border-top:3px solid var(--sf-yellow);padding-top:20px}
.sf-bignum b{font-weight:800;font-size:58px;color:var(--sf-yellow);line-height:1;display:block}
.sf-bignum span{font-weight:600;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--sf-light);margin-top:8px;display:block}

/* TABS — systems */
.sf-tabsnav{display:flex;gap:8px;border-bottom:2px solid #e7e2db;margin-bottom:34px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.sf-tab{flex:none;font-family:var(--sf-font);font-weight:700;font-size:14.5px;letter-spacing:.02em;color:#8a857d !important;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;padding:14px 22px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:9px;transition:color .15s}
.sf-tab:hover{color:var(--sf-ink)  !important; background:transparent !important; box-shadow:none !important;}
.sf-tab.is-active{color:#000 !important;}
.sf-tab.is-active{color:var(--sf-ink);border-bottom-color:var(--sf-yellow)}
.sf-tab small{font-weight:600;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:#a08a00}
.sf-panel{display:none}
.sf-panel.is-active{display:block;animation:sffade .35s ease}
@keyframes sffade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sf-prod{background:#fff;border:1px solid #e7e2db;border-radius:12px;overflow:hidden;box-shadow:0 18px 44px -30px rgba(0,0,0,.35)}
.sf-prod__top{display:grid;grid-template-columns:1fr 1fr}
.sf-prod__body{padding:40px}
.sf-badge{display:inline-flex;align-items:center;gap:9px;background:var(--sf-dark);padding:7px 13px;border-radius:4px;margin-bottom:16px;font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sf-yellow)}
.sf-prod__name{font-weight:800;font-size:30px;line-height:1.05;letter-spacing:-.01em;margin:0 0 5px}
.sf-prod__tag{font-weight:600;font-size:14.5px;color:#a08a00;margin-bottom:16px}
.sf-prod__intro{font-size:14.5px;line-height:1.65;color:var(--sf-muted);margin:0 0 24px}
.sf-prod__media{position:relative;background:#f1eee9;display:flex;align-items:center;padding:26px}
.sf-prod__media .sf-frame{width:100%}.sf-prod__media .sf-imgph{height:330px}
.sf-frame img{height:380px; object-fit:cover;}
.sf-sublabel{font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--sf-ink)}
.sf-feats{padding:0 40px 8px}
.sf-feats .sf-sublabel{border-top:2px solid #ededea;padding-top:28px;margin-bottom:22px}
.sf-featgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 30px}
.sf-feat__h{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.sf-feat__n{flex:none;width:26px;height:26px;border:2px solid var(--sf-yellow);border-radius:5px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.sf-feat__h b{font-weight:700;font-size:14px;line-height:1.15}
.sf-feat p{font-size:13px;line-height:1.55;color:#5a554d;margin:0}
.sf-specs{padding:30px 40px 38px}
.sf-details{border-top:2px solid #ededea}
.sf-details summary{list-style:none;cursor:pointer;padding:22px 0 0;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--sf-ink);display:flex;align-items:center;justify-content:space-between}
.sf-details summary::-webkit-details-marker{display:none}
.sf-details summary::after{content:"+ View";font-size:12px;color:#a08a00;font-weight:700;letter-spacing:.04em}
.sf-details[open] summary::after{content:"− Hide"}
.sf-spectable{border:1px solid #e7e2db;border-radius:6px;overflow:hidden;margin-top:18px}
.sf-specrow{display:grid;grid-template-columns:160px 1fr;border-bottom:1px solid #ededea}
.sf-specrow:last-child{border-bottom:none}
.sf-specrow:hover{background:#fbfaf8}
.sf-specrow dt{padding:12px 16px;background:var(--sf-paper);font-weight:600;font-size:12.5px;margin:0;border-right:1px solid #ededea}
.sf-specrow dd{padding:12px 16px;font-size:12.5px;line-height:1.5;color:var(--sf-muted);margin:0}
.sf-applist{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:30px 40px 38px;border-top:2px solid #ededea}
.sf-list{display:flex;flex-direction:column;gap:10px}
.sf-list>div{display:flex;gap:11px;align-items:flex-start;font-size:14px;line-height:1.5;color:#3a3630}
.sf-list .sf-diamond{margin-top:6px;width:7px;height:7px}
.sf-prod__cta{padding:0 40px 38px}
.sf-gatetags span:hover{background:#ffd000; color:#000;}
#wpcf7-f3285-o1 .wpcf7-submit{color:#ffd000 !important;}
#wpcf7-f3285-o1 .wpcf7-submit:hover{color:#fff !important;}


/* gates band */
.sf-gates{background:var(--sf-dark);border-radius:12px;padding:42px 46px;display:grid;grid-template-columns:1.3fr 1fr;gap:42px;align-items:center;margin-top:22px;position:relative;overflow:hidden}
.sf-gates__st{position:absolute;top:0;right:0;width:40%;height:100%;background-image:repeating-linear-gradient(90deg,rgba(255,208,0,.07) 0 2px,transparent 2px 26px);pointer-events:none}
.sf-gates h3{font-weight:800;font-size:27px;color:#fff;margin:0 0 14px}
.sf-gates p{font-size:14.5px;line-height:1.65;color:#b8b4ac;margin:0 0 22px}
.sf-gatetags{display:flex;flex-wrap:wrap;gap:9px;position:relative}
.sf-gatetags span{font-weight:600;font-size:12.5px;color:var(--sf-light);border:1px solid #3c3c38;padding:9px 14px;border-radius:5px}
.sf-gatetags span.is-y{color:var(--sf-dark);background:var(--sf-yellow);border-color:var(--sf-yellow)}

/* industries */
.sf-indgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sf-ind{background:#252525;border:1px solid #313131;border-radius:10px;padding:28px 26px;transition:transform .2s,border-color .2s,background .2s}
.sf-ind:hover{transform:translateY(-4px);border-color:var(--sf-yellow);background:#2b2b2b}
.sf-ind__ic{width:70px;height:70px;border:2px solid var(--sf-yellow);border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.sf-ind__ic img{width:50px; height:50px; object-fit:contain;}
.sf-ind__ic .sf-diamond{width:14px;height:14px}
.sf-ind h3{font-weight:700;font-size:18px;color:#fff;margin:0 0 9px}
.sf-ind p{font-size:13.5px;line-height:1.6;color:#a8a39b;margin:0}

/* why */
.sf-whygrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.sf-why{background:#fff;border:1px solid #e7e2db;border-left:4px solid var(--sf-yellow);border-radius:7px;padding:30px 32px}
.sf-why__h{display:flex;align-items:baseline;gap:13px;margin-bottom:11px}
.sf-why__h b{font-weight:800;font-size:21px;color:var(--sf-yellow);line-height:1}
.sf-why__h h3{font-weight:700;font-size:20px;line-height:1.15;margin:0}
.sf-why p{font-size:14px;line-height:1.65;color:var(--sf-muted);margin:0}

/* projects */
.sf-projgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:40px}
.sf-proj{background:var(--sf-dark);border:1px solid #2c2c2c;border-radius:10px;overflow:hidden;transition:transform .2s,border-color .2s}
.sf-proj:hover{transform:translateY(-5px);border-color:var(--sf-yellow)}
.sf-proj__media{position:relative;height:200px}.sf-proj__media .sf-imgph{height:100%}
.sf-proj__tag{position:absolute;top:12px;left:12px;z-index:3;background:var(--sf-yellow);color:var(--sf-dark);font-weight:700;font-size:10px;letter-spacing:.07em;text-transform:uppercase;padding:6px 11px;border-radius:4px}
.sf-proj__body{padding:24px 24px 28px}
.sf-proj h3{font-weight:700;font-size:18px;color:#fff;margin:0 0 7px;line-height:1.2}
.sf-proj__client{font-size:12px;color:var(--sf-yellow);font-weight:500;margin-bottom:12px}
.sf-proj p{font-size:13px;line-height:1.6;color:#a8a39b;margin:0}

/* testimonial */
.sf-quote{display:grid;grid-template-columns:.7fr 1.3fr;gap:46px;align-items:center}
.sf-quote__photo .sf-imgph{height:300px}
.sf-quote__mark{font-weight:800;font-size:84px;color:var(--sf-yellow);line-height:.6;height:44px}
.sf-stars{color:var(--sf-yellow);font-size:15px;letter-spacing:2px;margin-bottom:10px}
.sf-quote blockquote{font-weight:600;font-size:25px;line-height:1.4;color:#fff;margin:0 0 22px;letter-spacing:-.01em}
.sf-quote__by b{font-weight:700;font-size:15px;color:#fff}
.sf-quote__by span{font-size:13px;color:#928d84}

/* faq */
.sf-faq{max-width:860px;margin:0 auto}
.sf-faqitem{background:#fff;border:1px solid #e7e2db;border-radius:8px;overflow:hidden;margin-bottom:10px}
.sf-faqitem summary{list-style:none;cursor:pointer;padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:700;font-size:16px;color:var(--sf-ink)}
.sf-faqitem summary::-webkit-details-marker{display:none}
.sf-faqitem summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:5px;background:var(--sf-paper);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}
.sf-faqitem[open] summary::after{content:"−";background:var(--sf-yellow)}
.sf-faqitem__a{padding:0 22px 20px;font-size:14.5px;line-height:1.7;color:var(--sf-muted)}

/* clients */
.sf-clients{background:var(--sf-light)}
.sf-clientgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}
.sf-clientgrid>div{background:#fff;border:1px solid #d6d0c8;border-radius:6px;height:72px;display:flex;align-items:center;justify-content:center;padding:10px;text-align:center;transition:border-color .2s,transform .2s}
.sf-clientgrid>div:hover{border-color:var(--sf-yellow);transform:translateY(-3px)}
.sf-clientgrid span{font-weight:600;font-size:12.5px;color:var(--sf-muted);line-height:1.15}
.sf-clientnote{text-align:center;margin-top:20px;font-size:12px;color:#8a857d;font-style:italic}

/* final cta */
.sf-final{position:relative;overflow:hidden;background:var(--sf-black);padding:84px 0}
.sf-final__top{position:absolute;top:0;left:0;width:100%;height:5px;background:repeating-linear-gradient(90deg,var(--sf-yellow) 0 26px,var(--sf-dark) 26px 31px)}
.sf-final__grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.sf-final h2{font-weight:800;font-size:42px;line-height:1.05;color:#fff;margin:0 0 18px;letter-spacing:-.02em}
.sf-final p{font-size:16px;line-height:1.6;color:#b8b4ac;margin:0 0 26px;max-width:480px}
.sf-final__phone{display:flex;align-items:center;gap:13px;margin-top:20px}
.sf-final__phone small{font-size:12px;color:#928d84;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.sf-final__phone a{font-weight:800;font-size:22px;color:#fff;text-decoration:none}
.sf-final__phone a:hover{color:var(--sf-yellow)}
.sf-final__phone .bar{color:#5a564e}

/* footer */
.sf-footer{background:#070707;padding:42px 0 34px;border-top:1px solid #1c1c1c}
.sf-footer__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.sf-footer__meta{font-size:13px;color:#8a857d;line-height:1.6}
.sf-footer__meta a{color:#cfcbc4;text-decoration:none}.sf-footer__meta a:hover{color:var(--sf-yellow)}

/* sticky bar */
.sf-sticky{position:fixed;left:0;right:0;bottom:0;z-index:80;background:rgba(13,13,13,.97);backdrop-filter:blur(10px);border-top:2px solid var(--sf-yellow);transform:translateY(110%);transition:transform .3s ease}
.sf-sticky.is-on{transform:translateY(0)}
.sf-sticky__in{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0}
.sf-sticky__txt b{display:block;font-weight:700;font-size:15px;color:#fff}
.sf-sticky__txt span{font-size:12.5px;color:#928d84}
.sf-sticky__act{display:flex;align-items:center;gap:14px}
.sf-sticky__phone{font-weight:800;font-size:17px;color:#fff;text-decoration:none}
.sf-sticky__phone:hover{color:var(--sf-yellow)}
#sfBurger::after{display:none}

/* responsive */
@media(max-width:980px){
  .sf-hero h1{font-size:38px}
  .sf-hero__grid,.sf-split,.sf-prod__top,.sf-applist,.sf-whygrid,.sf-gates,.sf-quote,.sf-final__grid{grid-template-columns:1fr;gap:34px}
  .sf-statrow,.sf-bignum,.sf-indgrid,.sf-projgrid,.sf-featgrid{grid-template-columns:1fr}
  .sf-clientgrid{grid-template-columns:repeat(3,1fr)}
  .sf-topbar__pts{display:none}
  .sf-burger{display:flex}
  .sf-nav__menu{position:absolute;top:100%;left:0;right:0;z-index:1000;flex-direction:column;align-items:stretch;gap:0;background:rgba(13,13,13,.98);backdrop-filter:blur(8px);border-bottom:1px solid #262626;padding:6px 0 14px;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .3s ease,opacity .25s ease,visibility .3s ease}
  .sf-nav.is-open .sf-nav__menu{max-height:78vh;overflow-y:auto;opacity:1;visibility:visible}
  .sf-navlinks{flex-direction:column;align-items:stretch;gap:0;width:100%}
  .sf-navlinks a{padding:15px 28px;font-size:14px;border-bottom:1px solid #1c1c1c}
  .sf-navlinks a.is-active::after{display:none}
  .sf-nav__menu .sf-nav__cta{display:block;margin:14px 28px 0;text-align:center}
  .sf-prod__body,.sf-feats,.sf-specs,.sf-applist,.sf-prod__cta{padding-left:26px;padding-right:26px}
  .sf-gates{padding:32px 26px}
  .sf-quote__photo{max-width:360px}
	.sf-nav{overflow: visible;}
	.sf-hero, #sfSticky {padding: 0 20px;}
}
@media(max-width:560px){
  .sf-wrap{padding:0 18px}.sf-h2{font-size:29px}.sf-hero h1{font-size:32px}
  .sf-ticks,.sf-row2,.sf-clientgrid{grid-template-columns:1fr}
  .sf-statrow{grid-template-columns:1fr}.sf-statrow>div{border-right:none;border-bottom:1px solid #ddd8d2}
  .sf-sticky__txt{display:none}.sf-sticky__in{justify-content:center}
	.sf-hero{top:-38px;}
	.sf-sec--paper .sf-wrap{grid-template-columns: repeat(1,1fr) !important;}
}