:root{
  --orange:#ff6a13;
  --orange2:#ff7a1f;
  --black:#090909;
  --dark:#111114;
  --panel:#17181d;
  --paper:#fbfaf7;
  --text:#151515;
  --muted:#666b74;
  --line:#ece5dc;
  --radius:26px;
  --shadow:0 24px 60px rgba(0,0,0,.16);
  --soft:0 12px 30px rgba(0,0,0,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--paper);color:var(--text)}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}

.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06)}
.nav-wrap{max-width:1220px;margin:auto;padding:12px 22px;display:flex;align-items:center;gap:18px;position:relative}
.brand{display:flex;align-items:center;gap:13px;min-width:0;flex:1}
.brand img{width:74px;height:74px;object-fit:contain;flex:0 0 74px}
.brand-copy{line-height:.88;text-transform:uppercase;font-style:italic;font-weight:1000;letter-spacing:-.04em;white-space:nowrap}
.brand-top{font-size:32px;color:#111}
.brand-bottom{font-size:32px;color:#111}
.brand-bottom span{font-family:Inter,Arial,sans-serif;font-size:11px;letter-spacing:.08em;font-style:normal;margin-left:4px;color:#111}
.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.nav a{font-weight:1000;text-transform:uppercase;font-size:13px;letter-spacing:.08em;padding:13px 15px;border-radius:13px}
.nav a:hover,.nav a.active{background:#111;color:#fff}
.quote-link{background:var(--orange)!important;color:#fff!important;box-shadow:0 10px 20px rgba(255,106,19,.25)}
.menu-btn{display:none;margin-left:auto;border:0;background:#111;color:#fff;border-radius:13px;padding:12px 14px;font-weight:1000;font-size:18px}

.hero{position:relative;background:#090909;color:#fff;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:
  radial-gradient(circle at 12% 20%,rgba(255,106,19,.20),transparent 32%),
  radial-gradient(circle at 88% 12%,rgba(255,106,19,.13),transparent 30%),
  radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:auto,auto,24px 24px;opacity:1}
.hero-inner{position:relative;max-width:1220px;margin:auto;padding:78px 22px 74px;display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.eyebrow,.kicker{display:inline-flex;align-items:center;width:max-content;max-width:100%;background:var(--orange);color:#fff;border-radius:999px;padding:10px 15px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.hero h1,.page-hero h1{font-family:Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.01em;line-height:.9;margin:20px 0 18px}
.hero h1{font-size:clamp(54px,8vw,106px)}
.hero h1 span{color:#fff}
.hero p{font-size:21px;line-height:1.6;color:#f0f0f0;font-weight:800;max-width:610px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 22px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:15px;padding:15px 21px;font-weight:1000;text-transform:uppercase;letter-spacing:.07em;border:0}
.btn.primary{background:var(--orange);color:#fff;box-shadow:0 12px 25px rgba(255,106,19,.25)}
.btn.phone{background:#fff;color:#111;border:3px solid #fff}
.btn img{width:22px;height:22px;object-fit:contain}
.trust-row{display:flex;gap:10px;flex-wrap:wrap}
.trust-row span{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.10);border-radius:999px;padding:9px 13px;font-weight:900;color:#eee}
.hero-art{min-width:0}
.art-card{background:#fff;border-radius:30px;padding:18px;box-shadow:var(--shadow);transform:rotate(.6deg)}
.art-card img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 14px 20px rgba(0,0,0,.10))}

.orange-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--orange);color:#fff;text-align:center;font-family:Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-style:italic;font-size:24px}
.orange-strip div{padding:21px 12px;border-right:1px solid rgba(255,255,255,.26)}
.section{max-width:1220px;margin:auto;padding:78px 22px}
.section-heading{text-align:center;margin-bottom:32px}
.section-heading .kicker{margin:auto}
.section h2,.story-card h2,.callout h2,.quote-info h2{font-size:clamp(36px,5.2vw,62px);line-height:.95;margin:14px 0 12px;text-transform:uppercase;font-weight:1000;letter-spacing:-.045em}
.section-heading p,.big-copy,.callout p,.quote-info p{color:var(--muted);font-size:18px;line-height:1.7;font-weight:750}
.process-grid,.cards-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.process-grid article,.service-card,.price-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--soft);padding:28px}
.process-grid span{font-family:Anton,Impact,sans-serif;color:#111;font-size:44px}
.process-grid h3,.service-card h3,.price-card h3{font-size:25px;text-transform:uppercase;margin:8px 0 10px}
.process-grid p,.service-card p,.price-card p,.story-card p,.faq-list p{color:var(--muted);line-height:1.68;font-weight:700}
.split-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}
.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.service-cards article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--soft)}
.service-cards img,.service-card img{width:84px;height:84px;object-fit:contain;margin-bottom:14px}
.text-link{display:inline-flex;margin-top:16px;color:#111;font-weight:1000;text-transform:uppercase}
.callout{display:flex;justify-content:space-between;align-items:center;gap:26px;background:#111;color:#fff;border-radius:34px;padding:42px;margin-top:30px;margin-bottom:78px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.callout:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(255,106,19,.22),transparent 35%);pointer-events:none}
.callout>*{position:relative}
.callout p{color:#e7e7e7;max-width:650px}
.page-hero{background:#111;color:#fff;text-align:center;padding:78px 22px;position:relative;overflow:hidden}
.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:24px 24px;opacity:.30}
.page-hero>*{position:relative}
.page-hero .kicker{margin:auto}
.page-hero h1{font-size:clamp(46px,7vw,86px)}
.page-hero p{max-width:760px;margin:auto;color:#eaeaea;font-weight:750;font-size:20px;line-height:1.65}
.price-card h3{font-size:42px;color:#111}
.price-card.featured{border:3px solid var(--orange);transform:translateY(-8px)}
.story-card{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:34px;padding:38px;box-shadow:var(--shadow)}
.story-logo{background:#fff;border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--soft)}
.story-logo img{filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}
.faq-list{display:grid;gap:14px}
.faq-list details{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--soft)}
.faq-list summary{cursor:pointer;font-size:20px;font-weight:1000;text-transform:uppercase}
.quote-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}
.quote-info,.quote-form{background:#111;color:#fff;border-radius:30px;padding:30px;box-shadow:var(--shadow)}
.info-line{display:flex;align-items:center;gap:13px;margin:14px 0;font-weight:1000;word-break:break-word}
.info-line img{width:34px;height:34px;object-fit:contain;flex:0 0 34px}
.quote-form{display:grid;gap:14px;background:#fff;color:#111}
.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:2px solid var(--line);border-radius:15px;padding:15px 16px;font:inherit;font-weight:800}
.quote-form textarea{min-height:140px;resize:vertical}

.footer{background:#070707;color:#fff;position:relative;overflow:hidden;padding:54px 22px}
.footer:before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 8% 20%,rgba(255,106,19,.16),transparent 26%),
  radial-gradient(circle at 92% 10%,rgba(255,106,19,.10),transparent 24%),
  radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:auto,auto,24px 24px;opacity:1}
.footer-inner{position:relative;max-width:1220px;margin:auto;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:26px;align-items:stretch}
.footer-brand-block,.footer-panel{background:linear-gradient(180deg,#181818,#111);border:1px solid rgba(255,255,255,.10);border-radius:30px;padding:28px;box-shadow:0 20px 50px rgba(0,0,0,.28)}
.footer-logo-lockup{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.footer-logo-lockup img{width:112px;height:112px;object-fit:contain;flex:0 0 112px}
.footer-logo-top,.footer-logo-bottom{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-style:italic;line-height:.88;letter-spacing:.02em}
.footer-logo-top{font-size:42px;color:#fff}
.footer-logo-bottom{font-size:42px;color:#fff}
.footer-logo-bottom span{font-family:Inter,Arial,sans-serif;font-size:13px;letter-spacing:.09em;font-style:normal;margin-left:5px;color:#fff}
.footer p{color:#e2e2e2;font-weight:750;line-height:1.7;margin:0}
.footer-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.footer-pills span{background:var(--orange);border-radius:999px;padding:8px 12px;font-weight:1000;text-transform:uppercase;font-size:12px}
.footer h3{text-transform:uppercase;font-size:20px;margin:0 0 18px}
.footer-contact{display:flex;align-items:center;gap:12px;color:#fff;font-weight:900;margin:0 0 14px;word-break:break-word}
.footer-contact img{width:34px;height:34px;object-fit:contain;flex:0 0 34px}
.footer-cta{display:inline-flex;margin-top:18px;background:var(--orange);color:#fff;padding:14px 16px;border-radius:14px;font-weight:1000;text-transform:uppercase;letter-spacing:.05em}

@media(max-width:1120px){
  .menu-btn{display:block}
  .nav{display:none;position:absolute;top:calc(100% + 8px);left:14px;right:14px;background:#fff;border:1px solid #eee;border-radius:20px;box-shadow:var(--shadow);padding:12px;flex-direction:column;align-items:stretch;z-index:99}
  .nav.open{display:flex}
  .nav a{text-align:center}
  .brand{max-width:calc(100% - 72px)}
  .hero-inner,.split-section,.story-card,.quote-layout,.footer-inner{grid-template-columns:1fr}
  .process-grid,.cards-grid,.pricing-grid{grid-template-columns:1fr}
  .service-cards{grid-template-columns:1fr}
}
@media(max-width:680px){
  .nav-wrap{padding:10px 12px}
  .brand img{width:54px;height:54px;flex-basis:54px}
  .brand-top,.brand-bottom{font-size:21px}
  .brand-bottom span{display:block;margin-left:0;margin-top:2px}
  .hero-inner{padding:54px 16px}
  .hero h1{font-size:58px}
  .hero p{font-size:18px}
  .orange-strip{grid-template-columns:1fr 1fr;font-size:20px}
  .section{padding:58px 16px}
  .callout{display:block;padding:28px;margin-left:16px;margin-right:16px}
  .callout .btn{margin-top:18px}
  .story-card{padding:24px}
  .footer{padding:34px 14px}
  .footer-brand-block,.footer-panel{padding:22px}
  .footer-logo-lockup{gap:12px}
  .footer-logo-lockup img{width:80px;height:80px;flex-basis:80px}
  .footer-logo-top,.footer-logo-bottom{font-size:30px}
}


/* v11 text color fix only */
.pricing-grid .kicker,
.price-card .kicker{
  color:#ffffff !important;
}

.price-card p,
.price-card .small{
  color:#111111 !important;
}

.process-grid p,
.service-card p,
.story-card p,
.faq-list p,
.section-heading p,
.big-copy{
  color:#111111 !important;
}