@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--ink:#0b1112;--navy:#102b40;--lime:#b7ff00;--blue:#0876b8;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.skip{position:absolute;top:-100px;background:var(--lime);color:#000;padding:12px;z-index:20}.skip:focus{top:0}.sr-only,.hidden{position:absolute;left:-9999px}.header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:13px clamp(18px,4vw,65px);background:#0a1011;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;font:900 clamp(22px,2.7vw,37px)/.85 'Barlow Condensed',Impact,sans-serif;letter-spacing:.4px;transform:skew(-5deg)}.brand em{color:var(--lime);font-style:normal}.brand small{display:block;font:700 10px Inter,Arial,sans-serif;letter-spacing:1px;margin-top:9px;transform:skew(5deg)}.brand-mark{color:var(--lime);font-size:45px}.nav{display:flex;gap:clamp(12px,2vw,29px);align-items:center}.nav a{font:800 17px 'Barlow Condensed',sans-serif;text-transform:uppercase}.nav a:hover,.text-link:hover{color:var(--lime)}.header-phone{border:2px solid var(--lime);border-radius:10px;padding:7px 15px;display:flex;gap:10px;align-items:center;color:var(--lime);font-size:26px;font-weight:900;white-space:nowrap}.header-phone span{color:#fff;font:900 24px 'Barlow Condensed',sans-serif}.header-phone small{display:block;text-align:center;font:700 11px Inter,sans-serif}.menu-toggle{display:none}.hero{position:relative;min-height:560px;overflow:hidden;background:linear-gradient(125deg,#061016 8%,#034c80 60%,#1596d8 100%);display:flex;align-items:center;padding:60px clamp(22px,5vw,80px)}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 10%,#ffffff70,transparent 23%),linear-gradient(0deg,#09100d 0%,transparent 40%);pointer-events:none}.skyline{position:absolute;bottom:10%;left:25%;right:0;height:46%;display:flex;gap:9px;align-items:flex-end;opacity:.45}.skyline i{display:block;background:linear-gradient(90deg,#062b46,#104a70);width:8%;height:65%;box-shadow:inset 5px 0 #69c9fa33}.skyline i:nth-child(2n){height:85%}.skyline i:nth-child(3n){height:50%}.skyline i:nth-child(5){height:100%}.hero-inner{position:relative;z-index:2;max-width:760px}.eyebrow{color:var(--lime);font-weight:900;letter-spacing:2px;font-size:13px}.hero h1{font:italic 900 clamp(57px,7.3vw,112px)/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;text-shadow:5px 7px 0 #060a0bcc;margin:26px 0}.hero h1 span{display:block;color:var(--lime);font-size:.73em}.hero h1 strong{display:block;transform:rotate(-2deg);transform-origin:left center}.hero-sub{font-weight:900;font-style:italic;letter-spacing:2px}.hero-sub b{color:var(--lime);margin:0 8px}.hero-desc{max-width:440px;line-height:1.6}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.btn{border:0;border-radius:999px;padding:15px 26px;background:var(--lime);color:#091009;font:900 21px 'Barlow Condensed',sans-serif;letter-spacing:.4px;display:inline-block;cursor:pointer;text-align:center}.btn:hover{filter:brightness(.9)}.btn-outline{background:#071215aa;color:#fff;border:2px solid var(--lime)}.hero-graphic{position:absolute;right:4%;bottom:10%;width:33%;height:290px;z-index:1;transform:rotate(-8deg)}.machine{position:absolute;inset:12% 0 10% 5%;border:12px solid #151a1a;border-radius:30% 35% 16% 15%;background:linear-gradient(135deg,var(--lime),#5a8e00);box-shadow:15px 20px 0 #02030388}.machine-top{position:absolute;left:15%;top:24%;color:#111;font:900 clamp(22px,3vw,42px)/.8 'Barlow Condensed',sans-serif;transform:skew(-8deg)}.machine-track{position:absolute;bottom:-24px;left:1%;height:55px;width:70%;border:13px dashed #444;background:#101313;border-radius:50%}.machine-wheel{position:absolute;right:-22px;bottom:-10px;width:38%;aspect-ratio:1;border:25px ridge #222;border-radius:50%;background:#333}.stump{position:absolute;right:-5%;bottom:-18%;width:50%;height:50px;border-radius:50% 50% 15% 15%;background:repeating-linear-gradient(90deg,#67401b 0 8px,#b27c38 8px 14px)}.services{display:grid;grid-template-columns:repeat(3,1fr);padding:38px 5%;background:radial-gradient(circle at center,#172325,#0a1011);text-align:center}.services article{padding:8px 28px}.services article+article{border-left:1px solid var(--lime)}.service-icon{border:4px solid var(--lime);color:var(--lime);border-radius:50%;width:85px;height:85px;display:grid;place-items:center;margin:0 auto 12px;font-size:48px;font-weight:900}.services h2,.results h2,.about h2,.estimate h2{font:900 clamp(30px,3vw,43px)/1 'Barlow Condensed',Impact,sans-serif;margin:10px 0}.services p{line-height:1.5;margin:10px auto;max-width:300px}.results{background:#f6f7f4;color:#101717;text-align:center;padding:48px 5%}.dark{color:#4c7300}.results h2{font-style:italic;font-size:clamp(35px,5vw,65px)}.results h2 span{color:#6b9d00}.before-after{display:grid;grid-template-columns:1fr 55px 1fr;align-items:center;gap:15px;max-width:1050px;margin:25px auto}.photo-placeholder{min-height:240px;border:6px solid white;box-shadow:0 3px 16px #0003;border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:16px;background:linear-gradient(165deg,#528e29 0 48%,#856746 49% 68%,#36781c 69%)}.photo-placeholder.after{background:linear-gradient(165deg,#528e29 0 48%,#493326 49% 70%,#36781c 71%)}.photo-placeholder span{font:900 25px 'Barlow Condensed',sans-serif;background:#101717;color:var(--lime);padding:6px 13px}.photo-placeholder p{background:#fffde9dd;padding:8px;font-size:13px}.arrow{font-size:40px;color:#6e9d00}.note{font-size:12px;color:#555}.about-estimate{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:55px max(5%,20px);background:radial-gradient(circle at 30% 65%,#194c30,#071013 62%)}.about{padding:20px 10px}.about h2{font-size:clamp(42px,5vw,75px);font-style:italic;transform:rotate(-2deg);color:#fff;text-shadow:4px 5px 0 #6b9d00}.about ul{padding:0;list-style:none;margin:35px 0}.about li{font-size:19px;font-weight:700;margin:18px 0}.about li:before{content:'✓';color:var(--lime);border:2px solid var(--lime);border-radius:50%;padding:0 4px;margin-right:13px}.text-link{font-weight:800}.estimate{border:2px solid #168fe6;border-radius:22px;background:#102b40;padding:25px}.estimate h2{text-align:center;font-size:44px}.estimate>p{text-align:center}.estimate label{display:block;font-size:12px;font-weight:700;margin:11px 0}.estimate input,.estimate textarea{display:block;width:100%;border:0;border-radius:8px;padding:13px;margin-top:6px;background:#fff;color:#111}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.submit{display:block;width:100%;margin-top:18px}.form-note{font-size:11px;line-height:1.5;color:#d4e1e8}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:28px 5%;background:#050808;align-items:center;font-size:13px}.footer div span{display:block;color:#c7d0cf;margin-top:6px}.footer a:hover{color:var(--lime)}@media(max-width:950px){.header{flex-wrap:wrap}.nav{order:3;width:100%;justify-content:center}.hero-graphic{opacity:.3;width:46%}}@media(max-width:650px){.header{gap:12px}.brand{font-size:25px}.brand-mark{font-size:30px}.header-phone{font-size:18px;padding:7px}.header-phone span{font-size:18px}.menu-toggle{display:block;margin-left:auto;background:transparent;border:1px solid var(--lime);color:var(--lime);font-size:23px;border-radius:5px;padding:4px 9px}.nav{display:none;order:4;flex-direction:column;align-items:stretch;text-align:center;background:#111d20;padding:15px}.nav.open{display:flex}.hero{min-height:560px;padding:55px 20px}.hero h1{font-size:clamp(56px,13vw,85px)}.hero-graphic{width:70%;opacity:.17}.services,.about-estimate{grid-template-columns:1fr}.services article+article{border-left:0;border-top:1px solid var(--lime);padding-top:25px}.before-after{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}.photo-placeholder{min-height:190px}.form-grid{grid-template-columns:1fr}.footer{flex-direction:column;align-items:flex-start}.estimate{padding:18px}}

/* V2 branded image assets from the approved concept mockup. */
.brand{transform:none;min-width:195px}.brand-logo{width:clamp(160px,18vw,235px);height:105px;object-fit:contain;object-position:left center;display:block;mix-blend-mode:screen}.header{padding-top:3px;padding-bottom:3px}.hero{isolation:isolate;background:linear-gradient(90deg,#061017 0%,#082b43 47%,#0876b8 100%)}.hero:before{background:linear-gradient(90deg,#061016 0%,#061016c9 35%,transparent 78%),linear-gradient(0deg,#06100d 0%,transparent 37%)}.hero-photo{right:0;bottom:0;width:min(47%,650px);height:auto;transform:none;opacity:1;overflow:hidden;filter:drop-shadow(0 10px 14px #0008)}.hero-photo img{display:block;width:100%;height:auto;mask-image:linear-gradient(90deg,transparent 0%,black 13%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 13%)}.hero-inner{max-width:680px}.hero h1{font-size:clamp(55px,6.7vw,104px)}.results{background:#fff}.services{background:radial-gradient(circle at center,#192425,#0a1011)}
@media(max-width:950px){.brand-logo{height:82px}.hero-photo{width:53%;opacity:.62}.hero-inner{max-width:70%}}
@media(max-width:650px){.brand{min-width:0}.brand-logo{width:150px;height:72px}.hero-inner{max-width:100%}.hero-photo{width:95%;opacity:.24}.hero h1{font-size:clamp(54px,12vw,78px)}}

/* STUMP TECH FL — DESIGN REFINEMENTS */

/* Desktop header refinement */
@media (min-width: 951px) {
  .header {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .brand-logo {
    width: 225px;
    height: 120px;
  }

  .nav {
    gap: 30px;
  }

  .nav a {
    font-size: 18px;
  }

  .header-phone {
    padding: 9px 18px;
  }
}
/* Desktop hero refinement */
@media (min-width: 951px) {
  .hero {
    min-height: 585px;
  }

  .hero-inner {
    max-width: 720px;
    padding-left: 1%;
  }

  .hero h1 {
    font-size: clamp(60px, 6.5vw, 106px);
    line-height: .88;
  }

  .hero-desc {
    max-width: 500px;
  }

  .hero-photo {
    width: min(49%, 700px);
  }

  .skyline {
    opacity: .25;
  }
}

/* SERVICE SECTION REFINEMENTS */

@media (min-width: 951px) {
  .services {
    padding: 48px 5% 52px;
  }

  .services article {
    padding: 12px 42px 18px;
  }

  .service-icon {
    width: 100px;
    height: 100px;
    font-size: 56px;
    margin-bottom: 18px;
    border-width: 4px;
  }

  .services h2 {
    font-size: 34px;
    margin-bottom: 10px;
  }

  .services p {
    font-size: 17px;
    line-height: 1.45;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* CUSTOM SERVICE SVG ICONS */

.service-icon svg {
  width: 62px;
  height: 62px;
  fill: none;
  stroke: var(--lime);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  display: block;
}
/* SERVICE PNG ICON SIZING */
.service-icon {
  width: 130px;
  height: 130px;
  margin: 0 auto 6px;
  border: none;
}

.service-icon img {
  width: 130px;
  height: 130px;
  object-fit: contain;
  display: block;
}

  /* BEFORE & AFTER RESULTS SECTION */

.results {
  padding: 52px 5% 60px;
  background: #fff;
}

.results .eyebrow {
  margin-bottom: 8px;
}

.results h2 {
  margin: 0 0 30px;
}

.before-after {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 70px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  max-width: 1180px;
  margin: 0 auto;
}

.result-card {
  position: relative;
  min-width: 0;
}

.result-photo {
  display: block;
  width: 100%;
  aspect-ratio: 1200 / 620;
  object-fit: cover;
  border: 6px solid #fff;
  border-radius: 6px;
  box-shadow: 0 3px 16px rgba(0, 0, 0, .20);
}

.result-label {
  position: absolute;
  z-index: 2;
  top: 20px;
  left: 20px;
  padding: 8px 16px;
  background: #0b1112;
  color: var(--lime);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
}

.result-arrow {
  color: var(--lime);
  font-size: 54px;
  font-weight: 900;
  text-align: center;
  line-height: 1;
}

/* BEFORE & AFTER MOBILE */

@media (max-width: 700px) {
  .before-after {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .result-arrow {
    transform: rotate(90deg);
    font-size: 42px;
  }

  .result-label {
    top: 14px;
    left: 14px;
    font-size: 20px;
  }

  .results {
    padding: 42px 5%;
  }
}
/* RESULT LABEL REFINEMENT */

.result-label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0;
  padding: 10px 15px;
}
  /* MOBILE WIDTH REPAIR */

@media (max-width: 650px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .header,
  .hero,
  .services,
  .results,
  .about-estimate,
  .footer {
    width: 100%;
    max-width: 100%;
  }
  .services,
  .about-estimate {
    grid-template-columns: 1fr;
  }

  .before-after {
    width: 100%;
    max-width: 100%;
    grid-template-columns: 1fr;
  }

  .result-card,
  .result-photo {
    width: 100%;
    max-width: 100%;
  }
  }

