*{box-sizing:border-box}
:root{
  --bg:#050706;
  --bg2:#090d0a;
  --card:#101511;
  --card2:#151c16;
  --text:#f7faf7;
  --muted:#9ca69e;
  --line:#283229;
  --green:#91f22c;
  --green2:#68c913;
}
html{scroll-behavior:smooth;width:100%;overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input{font:inherit}
button{cursor:pointer}
.wrap{width:100%;max-width:1440px;margin:0 auto;padding-left:clamp(18px,3.2vw,56px);padding-right:clamp(18px,3.2vw,56px)}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--green);text-transform:uppercase;margin-bottom:16px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.035em}
h2{font-size:clamp(34px,4vw,64px);line-height:.98;margin-bottom:0}
.btn,.outline-btn{border:0;border-radius:7px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;transition:.2s}
.btn{background:var(--green);color:#071006}
.btn:hover{background:#a5ff48}
.outline-btn{background:transparent;color:#fff;border:1px solid #3b473d}
.outline-btn:hover{border-color:var(--green);color:var(--green)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(5,7,6,.9);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.06)}
.header-inner{height:78px;display:flex;align-items:center;gap:28px}
.brand{width:145px;height:64px;display:flex;align-items:center;overflow:hidden}
.brand img{width:100%;height:100%;object-fit:contain}
.desktop-nav{display:flex;gap:28px;margin-left:auto}
.desktop-nav a{font-size:12px;color:#c9d0ca}
.desktop-nav a:hover{color:var(--green)}
.btn-small{min-height:42px;padding:0 16px;font-size:11px}
.hero{position:relative;min-height:740px;background:
linear-gradient(90deg,rgba(4,6,5,.98) 0%,rgba(4,6,5,.88) 42%,rgba(4,6,5,.38) 70%,rgba(4,6,5,.50) 100%),
linear-gradient(0deg,rgba(4,6,5,.88),rgba(4,6,5,.12)),
url('images/hero.jpg') center 48%/cover no-repeat}
.hero-content{position:relative;z-index:2;min-height:740px;display:flex;align-items:center}
.hero-copy{max-width:790px;padding:72px 0 48px}
.hero h1{font-size:clamp(54px,6.6vw,104px);line-height:.88;margin-bottom:26px;max-width:900px}
.hero h1 em{font-style:normal;color:var(--green)}
.hero-copy>p{max-width:670px;color:#d5dcd6;font-size:16px;line-height:1.65}
.hero-actions{display:flex;align-items:center;gap:22px;margin-top:28px}
.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #657066;padding-bottom:3px}
.trust-grid{margin-top:64px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}
.trust-grid>div{padding:22px 18px 20px 0;border-right:1px solid rgba(255,255,255,.12)}
.trust-grid>div:not(:first-child){padding-left:18px}
.trust-grid>div:last-child{border-right:0}
.trust-grid span{display:block;color:var(--green);font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:12px}
.trust-grid b{display:block;font-size:14px;margin-bottom:5px}
.trust-grid small{color:#9aa49c;font-size:10px;line-height:1.4}
.section{padding:92px 0}
.section-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:60px;align-items:end;margin-bottom:42px}
.section-head>p{color:var(--muted);font-size:13px;line-height:1.7;margin-bottom:2px}
.packages{background:#070a08}
.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.package-card{position:relative;background:linear-gradient(145deg,#111712,#0c100d);border:1px solid #2a342b;border-radius:12px;padding:28px;display:flex;flex-direction:column;min-width:0}
.package-card.featured{border-color:var(--green);box-shadow:0 0 0 1px rgba(145,242,44,.1),0 22px 60px rgba(0,0,0,.22)}
.popular{position:absolute;right:18px;top:18px;background:var(--green);color:#071006;padding:7px 9px;border-radius:5px;font-size:9px;font-weight:900;letter-spacing:.12em}
.package-name{font-size:24px;font-weight:900;letter-spacing:.04em}
.package-price{font-size:35px;font-weight:900;color:var(--green);margin:13px 0 15px}
.package-price small{font-size:12px;color:#b9c0ba;margin-left:5px}
.package-card>p{font-size:12px;line-height:1.55;color:#c2c9c3;min-height:38px}
.package-card ul{list-style:none;margin:14px 0 24px;padding:0;display:grid;gap:9px}
.package-card li{position:relative;padding-left:20px;color:#dfe4e0;font-size:11px;line-height:1.45}
.package-card li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.example{margin-top:auto;border-top:1px solid var(--line);padding:18px 0;font-size:12px;color:#a9b2aa}
.example b{color:#fff;font-size:17px}
.package-card .btn,.package-card .outline-btn{width:100%}
.calculator{background:linear-gradient(180deg,#090d0a,#050706)}
.calc-shell{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:46px;align-items:start}
.calc-intro{position:sticky;top:110px;background:linear-gradient(145deg,#101711,#0a0e0b);border:1px solid #2d382f;border-radius:14px;padding:34px}
.calc-intro h2{font-size:clamp(38px,4vw,62px)}
.calc-intro>p{color:var(--muted);font-size:13px;line-height:1.7;margin-top:20px}
.calc-total{margin-top:28px;background:#0a100b;border:1px solid rgba(145,242,44,.3);border-radius:10px;padding:22px}
.calc-total span{display:block;color:#9ba69d;font-size:11px;margin-bottom:8px}
.calc-total strong{display:block;font-size:clamp(34px,4vw,56px);color:var(--green);line-height:1}
.calc-total small{display:block;color:#7f8a81;margin-top:10px}
form{background:#0d120e;border:1px solid #2a342b;border-radius:14px;padding:30px}
.field{display:grid;gap:8px}
.field label,fieldset legend{font-size:11px;font-weight:800;color:#dfe5df}
.field label small{font-weight:400;color:#738077;margin-left:5px}
input{width:100%;height:52px;background:#080c09;color:#fff;border:1px solid #323d34;border-radius:7px;padding:0 14px;outline:none}
input:focus{border-color:var(--green)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
fieldset{border:0;padding:0;margin:0 0 18px}
fieldset legend{margin-bottom:9px}
.package-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.package-pick input{position:absolute;opacity:0;pointer-events:none}
.package-pick label span{min-height:58px;border:1px solid #323d34;border-radius:7px;padding:11px 12px;display:flex;flex-direction:column;justify-content:center;gap:4px;background:#080c09;font-size:11px;cursor:pointer}
.package-pick label span b{font-size:10px;color:#929d94}
.package-pick input:checked+span{border-color:var(--green);background:rgba(145,242,44,.08)}
.package-pick input:checked+span b{color:var(--green)}
.phone-wrap{display:flex;align-items:center;height:52px;border:1px solid #323d34;border-radius:7px;background:#080c09;overflow:hidden}
.phone-wrap:focus-within{border-color:var(--green)}
.phone-wrap>span{padding-left:14px;padding-right:5px;font-weight:800}
.phone-wrap input{border:0;height:50px;padding-left:4px}
.submit{width:100%;margin-top:18px}
.privacy{text-align:center;color:#707b72;font-size:9px;margin-top:11px}
.hp{position:absolute;left:-9999px}
.message{margin-top:14px;padding:12px;border-radius:7px;background:rgba(145,242,44,.08);border:1px solid rgba(145,242,44,.3);font-size:11px;line-height:1.5}
.message.error{border-color:#71403d;background:#2a1513}
.included{position:relative;overflow:hidden;background:#070a08}
.included:before{content:"";position:absolute;inset:0;background:
linear-gradient(90deg,rgba(5,7,6,.96),rgba(5,7,6,.78)),
url('images/scandi.jpg') center/cover no-repeat;opacity:.56}
.included>.wrap{position:relative;z-index:1}
.info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.info-grid article{min-height:245px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,rgba(17,25,19,.95),rgba(8,12,9,.87));border:1px solid #334237;border-radius:10px}
.info-grid span{color:var(--green);font-size:11px;font-weight:900;letter-spacing:.14em;margin-bottom:auto}
.info-grid h3{font-size:22px;margin-bottom:9px}
.info-grid p{color:#aab4ac;font-size:12px;line-height:1.55;margin-bottom:0}
.works{background:#050706}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.work-grid article{overflow:hidden;border:1px solid #2b352c;border-radius:10px;background:#0d120e}
.work-grid img{width:100%;height:340px;object-fit:cover}
.work-grid article>div{padding:19px 20px 22px}
.work-grid h3{font-size:19px;margin-bottom:7px}
.work-grid p{margin-bottom:0;color:#9da79f;font-size:11px;line-height:1.5}
.process{background:#080b09}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.steps article{min-height:190px;background:#0e130f;border:1px solid #29332b;border-radius:9px;padding:20px}
.steps b{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--green);color:#071006;margin-bottom:28px}
.steps h3{font-size:17px;margin-bottom:8px}
.steps p{color:#8d9890;font-size:10px;line-height:1.5;margin-bottom:0}
.whitebox-note{position:relative;padding:92px 0;background:
linear-gradient(90deg,rgba(4,6,5,.97),rgba(4,6,5,.74)),
url('images/graphite.jpg') center/cover no-repeat}
.note-head{max-width:900px}
.note-head h2{font-size:clamp(36px,4.5vw,68px)}
.note-head>p{margin-top:22px;color:#c2cac3;font-size:13px;line-height:1.7;max-width:760px}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}
.principles article{background:rgba(8,13,9,.8);border:1px solid rgba(145,242,44,.24);backdrop-filter:blur(7px);padding:22px;border-radius:9px}
.principles span{color:var(--green);font-weight:900}
.principles h3{font-size:17px;margin:20px 0 7px}
.principles p{color:#aab4ac;font-size:11px;line-height:1.5;margin:0}
footer{padding:48px 0;background:#030504;border-top:1px solid #202720}
.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:48px;align-items:start}
.footer-brand img{width:190px;height:110px;object-fit:contain;background:#fff;border-radius:8px}
.footer-brand p{color:#8e9990;font-size:12px;line-height:1.5;max-width:330px;margin:18px 0 0}
.footer-brand p b{color:#fff}
.footer-nav{display:grid;gap:12px;padding-top:6px}
.footer-nav a{color:#b2bbb4;font-size:11px}
.footer-contacts{display:grid;gap:8px}
.footer-contacts h3{font-size:15px;margin-bottom:5px}
.footer-contacts span{font-size:11px;color:#89948b}
.footer-contacts .btn{margin-top:12px;width:max-content}

@media(max-width:1000px){
  .desktop-nav{display:none}
  .header-inner{gap:12px}
  .btn-small{margin-left:auto}
  .trust-grid{grid-template-columns:1fr 1fr}
  .trust-grid>div{border-bottom:1px solid rgba(255,255,255,.12)}
  .package-grid{grid-template-columns:1fr}
  .package-card.featured{order:-1}
  .calc-shell{grid-template-columns:1fr}
  .calc-intro{position:static}
  .info-grid{grid-template-columns:1fr 1fr}
  .work-grid{grid-template-columns:1fr 1fr}
  .work-grid article:last-child{grid-column:1/-1}
  .steps{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
  .wrap{padding-left:18px;padding-right:18px}
  .site-header{background:rgba(4,6,5,.96)}
  .header-inner{height:64px}
  .brand{width:105px;height:52px}
  .btn-small{min-height:38px;padding:0 12px;font-size:9px}
  .hero{min-height:620px;background-position:63% center}
  .hero-content{min-height:620px;align-items:stretch}
  .hero-copy{padding:44px 0 0;display:flex;flex-direction:column;width:100%}
  .hero h1{font-size:clamp(42px,12vw,58px);max-width:100%;margin-bottom:18px}
  .hero-copy>p{font-size:12px;max-width:92%;line-height:1.55}
  .hero-actions{margin-top:20px;gap:14px}
  .hero-actions .btn{min-height:47px;padding:0 15px;font-size:11px}
  .text-link{font-size:10px}
  .trust-grid{margin-top:auto;width:calc(100% + 36px);margin-left:-18px;grid-template-columns:1fr 1fr;border-bottom:0}
  .trust-grid>div,.trust-grid>div:not(:first-child){padding:14px 18px;border-right:1px solid rgba(255,255,255,.12)}
  .trust-grid b{font-size:10px}
  .trust-grid small{font-size:8px}
  .section{padding:58px 0}
  .section-head{grid-template-columns:1fr;gap:15px;margin-bottom:25px}
  h2,.section-head h2{font-size:34px}
  .section-head>p{font-size:11px}
  .package-card{padding:20px 17px}
  .package-name{font-size:20px}
  .package-price{font-size:30px}
  .calc-shell{padding-left:18px;padding-right:18px}
  .calculator>.wrap{padding-left:0;padding-right:0}
  .calc-intro{border-radius:0;border-left:0;border-right:0;padding:26px 18px}
  form{border-radius:0;border-left:0;border-right:0;padding:22px 18px}
  .package-pick{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .info-grid{grid-template-columns:1fr 1fr;gap:8px}
  .info-grid article{min-height:180px;padding:17px}
  .info-grid h3{font-size:16px}
  .info-grid p{font-size:10px}
  .work-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;width:calc(100% + 18px);padding-right:18px;scrollbar-width:none}
  .work-grid::-webkit-scrollbar{display:none}
  .work-grid article,.work-grid article:last-child{flex:0 0 calc(100vw - 54px);grid-column:auto;scroll-snap-align:start}
  .work-grid img{height:260px}
  .steps{display:flex;overflow-x:auto;gap:10px;width:calc(100% + 18px);padding-right:18px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .steps::-webkit-scrollbar{display:none}
  .steps article{flex:0 0 150px;min-height:170px;scroll-snap-align:start}
  .principles{grid-template-columns:1fr}
  .whitebox-note{padding:60px 0}
  .note-head h2{font-size:34px}
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .footer-nav{grid-template-columns:1fr 1fr}
  .footer-brand img{width:160px;height:90px}
  .footer-contacts .btn{width:100%}
}


/* ===== MOBILE V13 — approved compact mockup ===== */
.mobile-pack-hint{display:none}

@media(max-width:640px){
  body{background:#050706}
  .wrap{padding-left:14px;padding-right:14px}

  /* Header */
  .site-header{position:sticky;top:0;background:rgba(3,5,4,.96);border-bottom:1px solid #1b241d}
  .header-inner{height:58px;padding-left:12px;padding-right:12px}
  .brand{width:88px;height:44px;overflow:visible}
  .brand img{
    width:88px;height:44px;object-fit:contain;
    background:transparent;border-radius:0
  }
  .btn-small{
    min-height:34px;padding:0 12px;border-radius:6px;
    font-size:9px;line-height:1;white-space:nowrap
  }

  /* Compact hero with visible interior photo */
  .hero{
    min-height:auto;
    background:
      linear-gradient(90deg,rgba(4,6,5,.94) 0%,rgba(4,6,5,.78) 55%,rgba(4,6,5,.30) 100%),
      linear-gradient(0deg,rgba(4,6,5,.80),rgba(4,6,5,.05)),
      url('images/hero.jpg') 68% center/cover no-repeat;
  }
  .hero-content{min-height:auto;display:block;padding-top:0}
  .hero-copy{padding:30px 0 0}
  .hero .eyebrow{font-size:8px;margin-bottom:10px;letter-spacing:.15em}
  .hero h1{
    font-size:34px;line-height:.94;letter-spacing:-.04em;
    max-width:315px;margin:0 0 12px
  }
  .hero-copy>p{
    max-width:305px;font-size:9px;line-height:1.48;color:#d2d8d3;margin-bottom:0
  }
  .hero-actions{margin-top:14px;gap:9px}
  .hero-actions .btn{min-height:36px;padding:0 12px;font-size:9px;border-radius:5px}
  .text-link{font-size:8px}

  .trust-grid{
    margin-top:18px;width:100%;margin-left:0;
    grid-template-columns:repeat(4,minmax(0,1fr));
    border:1px solid #29402d;border-radius:0;
    background:rgba(3,7,4,.70)
  }
  .trust-grid>div,.trust-grid>div:not(:first-child){
    min-width:0;padding:9px 7px;border-right:1px solid #29402d;border-bottom:0
  }
  .trust-grid>div:last-child{border-right:0}
  .trust-grid span{font-size:7px;margin-bottom:5px}
  .trust-grid b{font-size:7.5px;line-height:1.2;margin-bottom:3px}
  .trust-grid small{font-size:5.8px;line-height:1.25}

  /* General spacing */
  .section{padding:34px 0}
  .section-head{gap:8px;margin-bottom:17px}
  .section-head .eyebrow{font-size:8px;margin-bottom:8px}
  .section-head h2,.section-head>div h2{font-size:29px;line-height:.98}
  .section-head>p{font-size:8.5px;line-height:1.45;max-width:320px}

  /* Packages: compact swipe cards, STANDARD first like approved mockup */
  .packages{padding-top:36px;padding-bottom:30px}
  .package-grid{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
    gap:10px;width:calc(100% + 14px);padding-right:14px;
    scrollbar-width:none;align-items:stretch
  }
  .package-grid::-webkit-scrollbar{display:none}
  .package-card{
    flex:0 0 calc(100vw - 58px);scroll-snap-align:start;
    padding:16px 15px;border-radius:9px;min-height:390px;
    background:linear-gradient(155deg,#101711,#0a0f0b)
  }
  .package-card.featured{order:-1}
  .package-name{font-size:17px}
  .popular{font-size:6px;top:12px;right:12px;padding:5px 7px}
  .package-price{font-size:26px;margin:7px 0 10px}
  .package-price small{font-size:8px}
  .package-card>p{font-size:8.5px;line-height:1.4;min-height:24px;margin-bottom:4px}
  .package-card ul{gap:5px;margin:9px 0 12px}
  .package-card li{font-size:8px;line-height:1.35;padding-left:14px}
  .package-card li:before{font-size:9px}
  .example{padding:11px 0;font-size:8px}
  .example b{font-size:13px}
  .package-card .btn,.package-card .outline-btn{min-height:38px;font-size:9px;border-radius:5px}
  .mobile-pack-hint{
    display:block;margin-top:9px;text-align:center;color:#6f7c72;
    font-size:7px;letter-spacing:.04em
  }

  /* Calculator immediately after packages, as one compact block */
  .calculator{padding:0 0 34px;background:#071009}
  .calculator>.wrap{padding:0 14px}
  .calc-shell{
    display:block;background:#0b120d;border:1px solid #26352a;border-radius:9px;
    overflow:hidden
  }
  .calc-intro{
    position:static;border:0;border-bottom:1px solid #26352a;border-radius:0;
    padding:17px 15px;background:#0c140e
  }
  .calc-intro .eyebrow{font-size:8px;margin-bottom:8px}
  .calc-intro h2{font-size:25px;line-height:1.02}
  .calc-intro>p{font-size:8px;line-height:1.45;margin-top:8px}
  .calc-total{margin-top:12px;padding:12px 13px;border-radius:7px}
  .calc-total span{font-size:7.5px;margin-bottom:5px}
  .calc-total strong{font-size:30px}
  .calc-total small{font-size:7px;margin-top:5px}

  form{
    border:0;border-radius:0;padding:15px;background:#0b120d
  }
  .field{gap:5px}
  .field label,fieldset legend{font-size:8px}
  input{height:40px;font-size:11px;padding:0 10px;border-radius:6px}
  fieldset{margin-bottom:10px}
  fieldset legend{margin-bottom:6px}
  .package-pick{grid-template-columns:repeat(3,1fr);gap:5px}
  .package-pick label span{
    min-height:43px;padding:7px 6px;border-radius:6px;
    font-size:7.5px;gap:3px
  }
  .package-pick label span b{font-size:6.7px}
  .form-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
  .phone-wrap{height:40px;border-radius:6px}
  .phone-wrap>span{font-size:10px;padding-left:10px}
  .phone-wrap input{height:38px;font-size:10px}
  .submit{min-height:40px;margin-top:10px;font-size:9px;border-radius:6px}
  .privacy{font-size:6.5px;margin-top:7px}
  .message{font-size:8px;padding:9px}

  /* Included block: compact 2x2 over image */
  .included{padding:36px 0}
  .included:before{opacity:.64}
  .info-grid{grid-template-columns:1fr 1fr;gap:7px}
  .info-grid article{min-height:150px;padding:13px;border-radius:7px}
  .info-grid span{font-size:7px}
  .info-grid h3{font-size:13px;margin-bottom:5px}
  .info-grid p{font-size:7px;line-height:1.4}

  /* Interior cards */
  .works{padding:36px 0}
  .work-grid{
    gap:9px;width:calc(100% + 14px);padding-right:14px
  }
  .work-grid article,.work-grid article:last-child{
    flex:0 0 calc(100vw - 58px);border-radius:8px
  }
  .work-grid img{height:210px}
  .work-grid article>div{padding:13px 14px 15px}
  .work-grid h3{font-size:14px;margin-bottom:4px}
  .work-grid p{font-size:7.5px}

  /* Process compact horizontal */
  .process{padding:36px 0}
  .steps{gap:8px;width:calc(100% + 14px);padding-right:14px}
  .steps article{
    flex:0 0 124px;min-height:145px;padding:13px;border-radius:7px
  }
  .steps b{width:31px;height:31px;font-size:11px;margin-bottom:19px}
  .steps h3{font-size:12px;margin-bottom:5px}
  .steps p{font-size:7px}

  /* WHITE BOX note */
  .whitebox-note{padding:36px 0}
  .note-head .eyebrow{font-size:8px;margin-bottom:8px}
  .note-head h2{font-size:28px;line-height:.99}
  .note-head>p{font-size:8.5px;line-height:1.48;margin-top:12px}
  .principles{gap:8px;margin-top:17px}
  .principles article{padding:14px;border-radius:7px}
  .principles h3{font-size:13px;margin:10px 0 4px}
  .principles p{font-size:7.5px}

  /* Footer */
  footer{padding:28px 0}
  .footer-grid{gap:17px}
  .footer-brand img{
    width:118px;height:63px;object-fit:contain;
    background:transparent;border-radius:0
  }
  .footer-brand p{font-size:8px;margin-top:9px}
  .footer-nav{grid-template-columns:1fr 1fr;gap:8px}
  .footer-nav a{font-size:8px}
  .footer-contacts{gap:5px}
  .footer-contacts h3{font-size:11px}
  .footer-contacts span{font-size:7.5px}
  .footer-contacts .btn{min-height:38px;font-size:8px}
}


/* ===== V14: image-led mobile layout, closer to approved reference ===== */
.package-photo{
  width:100%;
  height:150px;
  border-radius:8px;
  overflow:hidden;
  margin-bottom:14px;
  position:relative;
  background:#0a0e0b;
}
.package-photo:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(3,6,4,0) 45%,rgba(3,6,4,.78) 100%);
}
.package-photo img{
  width:100%;height:100%;object-fit:cover;
}
.mini-icon{
  display:block;
  width:36px;height:36px;
  border:1px solid var(--green);
  color:var(--green);
  border-radius:50%;
  align-items:center;justify-content:center;
  font-style:normal;font-weight:900;
  margin-bottom:18px;
}

@media(max-width:640px){
  /* Hero photo must be clearly visible like the approved visual */
  .hero{
    background:
      linear-gradient(90deg,rgba(4,6,5,.86) 0%,rgba(4,6,5,.65) 50%,rgba(4,6,5,.20) 100%),
      linear-gradient(0deg,rgba(4,6,5,.72),rgba(4,6,5,.02)),
      url('images/graphite.jpg') 62% center/cover no-repeat !important;
  }

  /* package card becomes image-first card like reference */
  .package-card{
    padding:10px 10px 13px;
    min-height:0;
  }
  .package-photo{
    height:150px;
    margin-bottom:10px;
    border-radius:7px;
  }
  .package-name,
  .package-price,
  .package-card>p,
  .package-card ul,
  .example,
  .package-card .btn,
  .package-card .outline-btn{
    margin-left:4px;
    margin-right:4px;
  }
  .package-card ul{
    max-height:118px;
    overflow:hidden;
    position:relative;
  }
  .package-card ul:after{
    content:"";
    position:absolute;left:0;right:0;bottom:0;height:28px;
    background:linear-gradient(180deg,rgba(10,15,11,0),rgba(10,15,11,1));
    pointer-events:none;
  }
  .package-card.featured ul{max-height:118px}
  .package-price{font-size:24px}
  .package-card>p{font-size:8px}
  .package-card li{font-size:7.6px}
  .example{padding:9px 0}
  .mobile-pack-hint{margin-top:7px}

  /* image card block with icons more like approved reference */
  .info-grid article{
    justify-content:flex-start;
    min-height:168px;
  }
  .info-grid span{margin-bottom:8px}
  .mini-icon{
    display:flex;
    width:29px;height:29px;
    margin-bottom:auto;
    font-size:13px;
  }
  .info-grid h3{margin-top:10px}

  /* bring sections closer together */
  .packages{padding-bottom:22px}
  .calculator{padding-bottom:26px}
  .included{padding-top:30px;padding-bottom:30px}
  .works{padding-top:30px;padding-bottom:30px}
  .process{padding-top:30px;padding-bottom:30px}
}


/* ===== V15: photo cards exactly in the spirit of approved reference ===== */
.service-photo-card{
  position:relative;
  overflow:hidden;
  padding:0 0 20px !important;
  min-height:0 !important;
  justify-content:flex-start !important;
  background:#0c120e !important;
}
.service-photo{
  width:100%;
  height:150px;
  overflow:hidden;
  position:relative;
  margin-bottom:0;
}
.service-photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(5,8,6,0) 48%,rgba(5,8,6,.74) 100%);
}
.service-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.service-photo-card>span{
  position:absolute;
  left:15px;
  top:13px;
  z-index:2;
  color:var(--green);
  font-size:12px;
  font-weight:900;
  text-shadow:0 1px 6px rgba(0,0,0,.8);
}
.service-photo-card>h3{
  margin:14px 16px 7px !important;
}
.service-photo-card>p{
  margin:0 16px !important;
}
.service-photo-card .mini-icon{display:none!important}

@media(max-width:640px){
  .info-grid{
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  .service-photo-card{
    min-height:230px !important;
    padding-bottom:13px !important;
  }
  .service-photo{
    height:115px;
  }
  .service-photo-card>span{
    left:11px;
    top:9px;
    font-size:8px;
  }
  .service-photo-card>h3{
    margin:10px 11px 5px !important;
    font-size:13px !important;
  }
  .service-photo-card>p{
    margin:0 11px !important;
    font-size:7px !important;
    line-height:1.35 !important;
  }
}

/* V16 final approved logo */
.brand img,.footer-brand img{
  background:#000 !important;
  object-fit:contain !important;
  border-radius:0 !important;
}
@media(max-width:640px){
  .brand{width:118px;height:48px}
  .brand img{width:118px;height:48px}
  .footer-brand img{width:150px;height:auto}
}

/* ===== DESKTOP HERO V1 — approved background + feature icons ===== */
@media (min-width:1001px){
  .hero{
    background:
      linear-gradient(90deg,rgba(4,6,5,.96) 0%,rgba(4,6,5,.84) 38%,rgba(4,6,5,.24) 68%,rgba(4,6,5,.18) 100%),
      linear-gradient(0deg,rgba(4,6,5,.72),rgba(4,6,5,.04)),
      url('images/desktop-hero.jpg') center center/cover no-repeat;
  }

  .trust-grid span{
    width:32px;height:32px;margin:0 0 11px 0;
    font-size:0;letter-spacing:0;
    background:var(--green);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:contain;
    mask-size:contain;
  }
  .trust-grid>div:nth-child(1) span{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='8' cy='6' rx='5' ry='2.5'/%3E%3Cpath d='M3 6v4c0 1.4 2.2 2.5 5 2.5s5-1.1 5-2.5V6'/%3E%3Cpath d='M3 10v4c0 1.4 2.2 2.5 5 2.5 1 0 2-.2 2.8-.5'/%3E%3Cellipse cx='16.5' cy='15.5' rx='4.5' ry='2.2'/%3E%3Cpath d='M12 15.5v3.5c0 1.2 2 2.2 4.5 2.2s4.5-1 4.5-2.2v-3.5'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='8' cy='6' rx='5' ry='2.5'/%3E%3Cpath d='M3 6v4c0 1.4 2.2 2.5 5 2.5s5-1.1 5-2.5V6'/%3E%3Cpath d='M3 10v4c0 1.4 2.2 2.5 5 2.5 1 0 2-.2 2.8-.5'/%3E%3Cellipse cx='16.5' cy='15.5' rx='4.5' ry='2.2'/%3E%3Cpath d='M12 15.5v3.5c0 1.2 2 2.2 4.5 2.2s4.5-1 4.5-2.2v-3.5'/%3E%3C/svg%3E");
  }
  .trust-grid>div:nth-child(2) span{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8 19 5.7v5.5c0 4.6-2.9 8.2-7 10-4.1-1.8-7-5.4-7-10V5.7L12 2.8Z'/%3E%3Cpath d='m8.7 12 2.1 2.1 4.6-5'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8 19 5.7v5.5c0 4.6-2.9 8.2-7 10-4.1-1.8-7-5.4-7-10V5.7L12 2.8Z'/%3E%3Cpath d='m8.7 12 2.1 2.1 4.6-5'/%3E%3C/svg%3E");
  }
  .trust-grid>div:nth-child(3) span{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M7 2v6M17 2v6M3 10h18'/%3E%3Cpath d='M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M7 2v6M17 2v6M3 10h18'/%3E%3Cpath d='M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01'/%3E%3C/svg%3E");
  }
  .trust-grid>div:nth-child(4) span{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.2'/%3E%3Cpath d='M5.5 21v-2.2c0-3.1 2.9-5.6 6.5-5.6s6.5 2.5 6.5 5.6V21H5.5Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.2'/%3E%3Cpath d='M5.5 21v-2.2c0-3.1 2.9-5.6 6.5-5.6s6.5 2.5 6.5 5.6V21H5.5Z'/%3E%3C/svg%3E");
  }
}

.footer-phone{color:#fff;text-decoration:none}
.footer-phone:hover{color:var(--green)}

/* ===== V19 FINAL PACKAGE: approved edits ===== */
.materials-included{
  display:flex;
  align-items:center;
  gap:12px;
  border:2px solid var(--green);
  border-radius:10px;
  padding:12px 14px;
  margin:2px 0 14px;
  background:linear-gradient(135deg,rgba(145,242,44,.08),rgba(6,11,7,.42));
}
.materials-included strong{
  color:#fff;
  font-size:14px;
  line-height:1.25;
  letter-spacing:.01em;
}
.materials-included strong em{color:var(--green);font-style:normal}
.materials-box{
  flex:0 0 34px;
  width:34px;height:34px;
  font-size:0!important;
  margin:0!important;
  background:var(--green);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='m12 2.8 8 4.4v9.6l-8 4.4-8-4.4V7.2l8-4.4Z'/%3E%3Cpath d='m4.4 7.4 7.6 4.2 7.6-4.2M12 11.6v9.2M8 5l8 4.4'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='m12 2.8 8 4.4v9.6l-8 4.4-8-4.4V7.2l8-4.4Z'/%3E%3Cpath d='m4.4 7.4 7.6 4.2 7.6-4.2M12 11.6v9.2M8 5l8 4.4'/%3E%3C/svg%3E") center/contain no-repeat;
}
.service-photo picture{display:block;width:100%;height:100%}
.footer-max{font-size:11px;color:var(--green);font-weight:800;width:max-content}
.footer-max:hover{color:#b2ff61}

@media(max-width:640px){
  .materials-included{gap:8px;padding:9px 10px;margin:2px 4px 10px;border-radius:7px;border-width:1px}
  .materials-included strong{font-size:9px;line-height:1.2}
  .materials-box{flex-basis:25px;width:25px;height:25px}
  .footer-max{font-size:8px}
}

/* Explicit desktop/mobile images for included-services cards */
.service-photo .service-img{width:100%;height:100%;object-fit:cover;display:block}
.service-photo .service-img-mobile{display:none}
@media (max-width:640px){
  .service-photo .service-img-desktop{display:none}
  .service-photo .service-img-mobile{display:block}
}

/* FINAL 2026-09-15: desktop service cards use numbers embedded in HD images; hide duplicate HTML numbers only on PC */
@media (min-width:641px){
  .service-photo-card>span{display:none!important;}
}

/* FINAL APPROVED 2026-09-15 — only approved visual corrections */
.service-photo-card>span{display:none!important;}
@media (min-width:1001px){
  .calc-intro h2{font-size:clamp(36px,3.45vw,54px);line-height:.98;overflow-wrap:normal;word-break:normal;}
}

/* 2026-09-15 calculator heading desktop-only fit */
@media (min-width:1001px){
  .calc-intro h2{font-size:clamp(34px,3vw,48px);line-height:1.02;letter-spacing:-.02em;}
}