:root{
  --bg:#04101b;
  --bg2:#071827;
  --panel:#0a1d2f;
  --panel2:#0c2338;
  --text:#f6f9fc;
  --muted:#a6b7c9;
  --blue:#1688ff;
  --cyan:#22c7ff;
  --line:rgba(140,190,230,.14);
  --line2:rgba(255,255,255,.075);
  --shadow:0 24px 70px rgba(0,0,0,.34);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#020812}
body{margin:0;background:radial-gradient(circle at 50% -10%,#0b2944 0,#061522 32%,#030b13 68%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{width:min(100%,470px);margin:0 auto;min-height:100vh;padding-bottom:34px;background:
radial-gradient(circle at 50% -5%,rgba(13,56,95,.42),transparent 30%),
linear-gradient(180deg,rgba(5,16,28,.97),rgba(4,13,22,.99));position:relative;overflow:hidden;box-shadow:0 0 70px rgba(0,0,0,.22)}
.top-logo{height:36px;width:auto}
.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:#9bdfff}
h1,h2,h3,p{margin:0}
h1{font-size:45px;line-height:.96;letter-spacing:-.045em;font-weight:850}
h1 em,h2 em{font-style:normal;color:var(--cyan)}
h2{font-size:31px;line-height:1.05;letter-spacing:-.035em}
h3{font-size:20px;line-height:1.15}
p{font-size:16px;line-height:1.58;color:var(--muted)}
.section{padding:32px 20px}
.section-head{margin-bottom:20px}
.section-head h2{margin-top:7px}.section-head p{margin-top:10px}
.btn{min-height:52px;padding:0 18px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;border:1px solid var(--line2)}
.btn.primary{background:linear-gradient(135deg,var(--cyan),var(--blue));border:0;color:white;box-shadow:0 10px 28px rgba(16,143,255,.25)}
.btn.ghost{background:rgba(255,255,255,.035)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}

.start-hero{padding:34px 20px 24px;text-align:center;position:relative;isolation:isolate}
.premium-home:before{content:"";position:absolute;inset:-12px -10px 0;background:
linear-gradient(180deg,rgba(4,13,22,.12),rgba(4,13,22,.75) 72%,rgba(4,13,22,.98)),
url('assets/elec-hero.webp') center top/cover no-repeat;opacity:.28;z-index:-2}
.premium-home:after{content:"";position:absolute;left:-30px;right:-30px;bottom:-8px;height:145px;opacity:.26;background:linear-gradient(155deg,transparent 33%,#0a3c62 33% 40%,transparent 40%),linear-gradient(205deg,transparent 34%,#0a3151 34% 42%,transparent 42%);z-index:-1}
.start-hero h1{font-size:41px}.start-hero p{max-width:360px;margin:14px auto 0}
.selector{padding:12px 16px 22px;display:grid;gap:16px}
.area-card{overflow:hidden;border-radius:30px;border:1px solid var(--line);box-shadow:var(--shadow);background:#081827;position:relative}
.area-photo{height:235px;background-size:cover;background-position:center;position:relative}
.area-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,14,.08),rgba(2,8,14,.08) 38%,rgba(5,16,28,.94) 100%)}
.area-card.elektronik .area-photo{background-image:url('assets/elec-hero.webp');background-position:center}
.area-card.mietservice .area-photo{background-image:url('assets/rent-hero.webp');background-position:center}
.area-body{padding:0 22px 22px;margin-top:-34px;position:relative;z-index:2}
.area-badge{display:inline-flex;padding:9px 12px;border-radius:999px;background:rgba(8,25,40,.78);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.09);font-size:12px;font-weight:800;color:#cbeeff}
.area-body h2{margin-top:12px;font-size:30px}.area-body p{margin-top:9px;font-size:15px}.area-link{margin-top:16px;display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-radius:17px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-weight:800;color:#dff5ff}
.area-link span:last-child{color:var(--cyan);font-size:20px}
.start-contact{margin:0 16px;padding:19px 18px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(135deg,#0b2a45,#071827);display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.start-contact p{font-size:13px}.contact-wa{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 10px 26px rgba(16,143,255,.24)}.contact-wa svg{width:25px;height:25px;fill:none;stroke:white;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.legal{padding:22px 20px 10px;text-align:center;font-size:11px;line-height:1.55;color:#70879a}

.photo-hero{position:relative;height:560px;overflow:hidden}
.photo-hero .photo{position:absolute;inset:0;background-size:cover;background-position:center}
.photo-hero.electro .photo{background-image:url('assets/elec-hero.webp');background-position:center}
.photo-hero.rental .photo{background-image:url('assets/rent-hero.webp');background-position:center}
.photo-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,7,12,.15) 0%,rgba(2,8,14,.18) 35%,rgba(4,15,25,.78) 72%,#061421 100%)}
.hero-copy{position:absolute;left:20px;right:20px;bottom:28px;z-index:2}
.hero-copy h1{font-size:43px;max-width:390px}.hero-copy p{color:#d9e5f0;margin-top:14px;max-width:385px}.hero-copy .actions{margin-top:18px}

.service-list{display:grid;gap:16px}
.service-card{border-radius:26px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,#0a1f32,#071a2c 72%);display:grid;grid-template-columns:138px 1fr;min-height:164px;box-shadow:0 18px 42px rgba(0,0,0,.22)}
.service-card:nth-child(even){grid-template-columns:1fr 138px}
.service-card:nth-child(even) .service-media{order:2}
.service-media{background-size:cover;background-position:center;position:relative}
.service-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,12,20,.02),rgba(4,12,20,.16))}
.service-media.smart{background-image:url('assets/elec-smart.webp');background-position:18% center}
.service-media.security{background-image:url('assets/elec-security.webp');background-position:34% center}
.service-media.light{background-image:url('assets/elec-light.webp');background-position:center}
.service-media.water{background-image:url('assets/elec-water.webp');background-position:center}
.service-body{padding:18px 17px}.service-body h3{font-size:18px}.service-body p{font-size:13px;line-height:1.5;margin-top:7px}.service-link{display:inline-flex;margin-top:11px;color:#8bdfff;font-size:12px;font-weight:800}

.soft-panel{padding:22px;border-radius:26px;background:linear-gradient(135deg,#0d3150,#081a2b 65%);border:1px solid rgba(73,166,235,.22)}
.soft-panel h2{margin-top:7px}.soft-panel p{margin-top:10px}
.pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:16px;overflow:visible}.pill{min-width:0;white-space:normal;padding:11px 10px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);font-size:12px;line-height:1.25;color:#d5e6f2;text-align:center;display:flex;align-items:center;justify-content:center}
.steps{display:grid;gap:12px;margin-top:18px}.step{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start;padding:15px;border-radius:20px;background:rgba(255,255,255,.025);border:1px solid var(--line2)}.step-n{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));font-weight:900}.step p{font-size:13px;margin-top:4px}

.rental-products{display:grid;gap:14px}
.rental-product{padding:14px;border-radius:24px;background:linear-gradient(180deg,#0a1f32,#071724);border:1px solid var(--line);display:grid;grid-template-columns:112px 1fr;gap:16px;align-items:center;overflow:hidden}
.product-photo{height:112px;border-radius:18px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.product-photo.dachbox{background-image:url('assets/rent-dachbox.webp')}
.product-photo.heckbox{background-image:url('assets/rent-heckbox.webp')}
.product-photo.bike{background-image:url('assets/rent-bike.webp')}
.rental-product p{font-size:13px;margin-top:6px}.rental-product .mini{font-size:11px;color:#83d7ff;margin-top:8px;font-weight:800}
.rental-panel{background:linear-gradient(135deg,#133454,#081a2b 70%)}

.cta{margin:0 20px 14px;padding:24px;border-radius:28px;background:linear-gradient(135deg,#0e3557,#082038 64%,#0a2b46);border:1px solid rgba(69,174,246,.24);box-shadow:var(--shadow);text-align:center}.cta h2{margin-top:7px}.cta p{margin-top:10px}.cta .actions{justify-content:center}
.footer{padding:20px;text-align:center;font-size:12px;line-height:1.65;color:#8298ab}
@media(max-width:390px){h1{font-size:40px}.photo-hero{height:528px}.service-card{grid-template-columns:112px 1fr;min-height:152px}.service-card:nth-child(even){grid-template-columns:1fr 112px}.rental-product{grid-template-columns:96px 1fr}.product-photo{height:96px}.start-hero h1{font-size:38px}}

.footer-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:10px}.footer-links a{color:#a9c8dc;font-size:12px;text-decoration:none}.footer-links a:hover{color:var(--cyan)}


/* Local legal pages */
.legal-page{background:radial-gradient(circle at 50% 0,rgba(18,70,112,.28),transparent 30%),linear-gradient(180deg,#061522,#030b13)}
.legal-hero{padding:42px 20px 24px;position:relative;overflow:hidden}
.legal-hero:after{content:"";position:absolute;left:-35px;right:-35px;bottom:-55px;height:160px;background:radial-gradient(circle at center,rgba(34,199,255,.12),transparent 68%);pointer-events:none}
.legal-hero h1{font-size:44px;margin-top:8px}.legal-hero p{margin-top:12px;max-width:390px}
.legal-content{padding:0 20px 10px;display:grid;gap:14px}
.legal-card{padding:22px;border-radius:24px;background:linear-gradient(180deg,rgba(10,31,50,.96),rgba(7,22,36,.98));border:1px solid var(--line);box-shadow:0 16px 38px rgba(0,0,0,.20)}
.legal-card h2{font-size:22px;margin-bottom:12px}.legal-card p{font-size:14px;line-height:1.65;color:#b7c6d4}.legal-card p+p{margin-top:12px}.legal-card a{color:#8bdfff;text-decoration:none}.legal-card strong{color:#f6f9fc}.legal-note{background:linear-gradient(135deg,#0d3150,#081a2b 70%)}
.legal-footer{margin-top:12px;border-top:1px solid rgba(255,255,255,.05)}
@media(max-width:390px){.legal-hero h1{font-size:40px}.legal-card{padding:19px}}

/* Detail pages */
.detail-page{background:radial-gradient(circle at 50% -5%,rgba(19,70,113,.32),transparent 30%),linear-gradient(180deg,#061522,#030b13)}
.detail-back{display:inline-flex;align-items:center;gap:8px;color:#b9dff5;font-size:13px;font-weight:800;margin-bottom:14px}.detail-back:before{content:"←";color:var(--cyan);font-size:18px}
.detail-hero{padding:20px 20px 26px}
.detail-media{height:300px;border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background-size:cover;background-position:center;position:relative}
.detail-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,11,18,.02),rgba(3,11,18,.1) 55%,rgba(4,14,24,.42) 100%)}
.detail-copy{padding:22px 2px 0}.detail-copy h1{font-size:42px;margin-top:8px}.detail-copy p{margin-top:13px;color:#c3d0dc}
.detail-smart{background-image:url('assets/elec-smart.webp');background-position:center}
.detail-security{background-image:url('assets/elec-security.webp');background-position:30% center}
.detail-light{background-image:url('assets/elec-light.webp');background-position:center}
.detail-water{background-image:url('assets/elec-water.webp');background-position:center}
.detail-dachbox{background-image:url('assets/rent-dachbox.webp');background-position:center}
.detail-heckbox{background-image:url('assets/rent-heckbox.webp');background-position:center}
.detail-bike{background-image:url('assets/rent-bike.webp');background-position:center}
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.benefit{padding:14px 10px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--line2);text-align:center;font-size:12px;line-height:1.3;color:#d8e8f4;font-weight:750}
.detail-card{padding:22px;border-radius:26px;background:linear-gradient(180deg,#0b2237,#071827);border:1px solid var(--line);box-shadow:0 16px 38px rgba(0,0,0,.2)}.detail-card+.detail-card{margin-top:14px}.detail-card h2{font-size:24px}.detail-card p{margin-top:10px;font-size:14px}.detail-card ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:9px}.detail-card li{position:relative;padding-left:22px;color:#c4d2df;font-size:14px;line-height:1.45}.detail-card li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:900}
.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.fact{padding:14px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--line2)}.fact strong{display:block;font-size:18px;color:#f7fbff}.fact span{display:block;margin-top:4px;font-size:11px;line-height:1.35;color:#9fb4c6}
.detail-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 20px 0}.detail-nav a{padding:14px;border-radius:17px;border:1px solid var(--line2);background:rgba(255,255,255,.025);font-size:13px;text-align:center;color:#d4e8f5;font-weight:760}
@media(max-width:390px){.detail-media{height:270px}.detail-copy h1{font-size:38px}.benefit-grid{grid-template-columns:1fr}.fact-grid{grid-template-columns:1fr 1fr}}

/* Responsive desktop layout — mobile styles above remain the default */
@media (min-width: 860px){
  body{
    padding:24px;
    background:
      radial-gradient(circle at 50% -8%,#10365a 0,#07192b 30%,#030b13 72%);
  }
  .wrap{
    width:min(1180px,calc(100% - 24px));
    border-radius:34px;
    overflow:hidden;
    padding-bottom:42px;
    box-shadow:0 36px 120px rgba(0,0,0,.46);
    border:1px solid rgba(255,255,255,.045);
  }
.top-logo{height:42px}

  h1{font-size:68px}
  h2{font-size:40px}
  h3{font-size:23px}
  p{font-size:17px}
  .eyebrow{font-size:12px}
  .btn{min-height:56px;padding:0 24px;font-size:16px}

  /* Home */
  .start-hero{
    min-height:420px;
    padding:78px 70px 58px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-end;
    text-align:left;
  }
  .premium-home:before{
    inset:0;
    background:
      linear-gradient(90deg,rgba(4,13,22,.95) 0%,rgba(4,13,22,.72) 40%,rgba(4,13,22,.18) 72%,rgba(4,13,22,.36) 100%),
      linear-gradient(180deg,rgba(4,13,22,.08),rgba(4,13,22,.78) 95%),
      url('assets/elec-hero.webp') center 52%/cover no-repeat;
    opacity:1;
  }
  .premium-home:after{opacity:.18;height:190px}
  .start-hero h1{font-size:64px;max-width:760px}
  .start-hero p{max-width:640px;margin:18px 0 0;font-size:18px}

  .selector{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
    padding:30px 34px 28px;
  }
  .area-card{border-radius:32px}
  .area-photo{height:320px}
  .area-card.elektronik .area-photo{background-position:center 55%}
  .area-card.mietservice .area-photo{background-position:center 58%}
  .area-body{padding:0 28px 28px;margin-top:-42px}
  .area-body h2{font-size:36px}
  .area-body p{font-size:16px;min-height:76px}
  .area-link{padding:17px 18px}
  .start-contact{
    margin:6px 34px 0;
    padding:24px 26px;
    grid-template-columns:1fr auto;
  }
  .start-contact strong{font-size:20px}
  .start-contact p{font-size:15px;margin-top:4px}
  .contact-wa{width:58px;height:58px}
  .legal{padding:28px 34px 12px;font-size:12px}

  /* Main section pages */
  .photo-hero{height:690px}
  .photo-hero.electro .photo{background-position:center 55%}
  .photo-hero.rental .photo{background-position:center 55%}
  .photo-hero:after{
    background:linear-gradient(90deg,rgba(2,8,14,.78) 0%,rgba(2,8,14,.38) 44%,rgba(2,8,14,.10) 68%),
               linear-gradient(180deg,rgba(1,7,12,.06) 0%,rgba(4,15,25,.18) 60%,#061421 100%);
  }
  .hero-copy{
    left:64px;
    right:auto;
    bottom:64px;
    width:min(640px,55%);
  }
  .hero-copy h1{font-size:70px;max-width:640px}
  .hero-copy p{font-size:18px;max-width:560px;margin-top:18px}
  .hero-copy .actions{margin-top:24px}

  .section{
    padding:58px 56px;
    max-width:1180px;
    margin:0 auto;
  }
  .section-head{max-width:760px;margin-bottom:30px}
  .section-head h2{font-size:44px}
  .section-head p{font-size:18px}

  .service-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
  }
  .service-card,
  .service-card:nth-child(even){
    grid-template-columns:44% 56%;
    min-height:260px;
  }
  .service-card:nth-child(even) .service-media{order:0}
  .service-media.smart{background-position:20% center}
  .service-media.security{background-position:32% center}
  .service-body{padding:26px 24px;display:flex;flex-direction:column;justify-content:center}
  .service-body h3{font-size:25px}
  .service-body p{font-size:15px;line-height:1.55;margin-top:10px}
  .service-link{font-size:13px;margin-top:16px}

  .soft-panel{padding:34px;border-radius:30px}
  .soft-panel h2{font-size:38px}
  .soft-panel p{font-size:17px;max-width:780px}
  .pills{grid-template-columns:repeat(2,minmax(0,220px));justify-content:start;gap:12px 14px}
  .pill{padding:13px 16px;font-size:13px}
  .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
  .step{grid-template-columns:48px 1fr;padding:20px;min-height:150px}
  .step-n{width:48px;height:48px}
  .step p{font-size:14px}

  .rental-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .rental-product{
    grid-template-columns:1fr;
    align-items:start;
    padding:14px 14px 22px;
  }
  .product-photo{height:240px;border-radius:20px}
  .rental-product h3{font-size:24px;margin-top:4px}
  .rental-product p{font-size:14px;min-height:70px}

  .cta{
    margin:8px 56px 22px;
    padding:38px 44px;
    border-radius:32px;
  }
  .cta h2{font-size:42px}
  .cta p{font-size:17px;max-width:720px;margin:12px auto 0}
  .cta .actions{margin-top:24px}
  .footer{padding:28px 56px 34px;font-size:13px}
  .footer-links{margin-top:12px}

  /* Detail pages */
  .detail-hero{
    padding:44px 56px 34px;
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
    gap:44px;
    align-items:center;
  }
  .detail-back{grid-column:1 / -1;margin-bottom:-8px}
  .detail-media{height:520px;border-radius:30px}
  .detail-copy{padding:0}
  .detail-copy h1{font-size:58px}
  .detail-copy p{font-size:17px}
  .benefit-grid{grid-template-columns:1fr;gap:10px;margin-top:22px}
  .benefit{text-align:left;padding:14px 16px;font-size:13px}
  .detail-page > .section{padding-top:20px}
  .detail-card{padding:30px;border-radius:30px}
  .detail-card h2{font-size:30px}
  .detail-card p,.detail-card li{font-size:15px}
  .fact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .fact{padding:18px}
  .detail-nav{grid-template-columns:repeat(2,minmax(0,240px));justify-content:center;gap:12px;margin:24px 56px 0}
  .detail-nav a{padding:16px 18px;font-size:14px}

  /* Legal */
  .legal-hero{padding:68px 72px 34px;max-width:980px;margin:0 auto}
  .legal-hero h1{font-size:60px}
  .legal-hero p{font-size:17px;max-width:720px}
  .legal-content{max-width:980px;margin:0 auto;padding:0 72px 28px;gap:18px}
  .legal-card{padding:30px;border-radius:28px}
  .legal-card h2{font-size:28px}
  .legal-card p{font-size:15px}
}

@media (min-width: 1180px){
  body{padding:34px}
  .wrap{width:min(1280px,calc(100% - 34px))}
  .selector{padding-left:48px;padding-right:48px}
  .start-contact{margin-left:48px;margin-right:48px}
  .section{padding-left:70px;padding-right:70px}
  .cta{margin-left:70px;margin-right:70px}
  .footer{padding-left:70px;padding-right:70px}
  .detail-hero{padding-left:70px;padding-right:70px}
  .detail-nav{margin-left:70px;margin-right:70px}
}

/* --- Navigation / structure --- */
.site-header{height:72px;padding:13px 20px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:60;background:rgba(3,11,19,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.055)}
.brand-home{display:flex;align-items:center;flex:0 0 auto}.top-logo{height:36px;width:auto}
.desktop-nav{display:none;margin-left:auto;align-items:center;gap:6px}.desktop-nav a,.nav-panel a{font-size:13px;font-weight:750;color:#c5d6e4}.desktop-nav a{padding:11px 12px;border-radius:13px}.desktop-nav a:hover,.nav-panel a:hover{color:#fff;background:rgba(255,255,255,.045)}
.desktop-nav .nav-contact,.nav-panel .nav-contact{color:white;background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 8px 24px rgba(22,136,255,.2)}
.mobile-nav{margin-left:auto;position:relative}.mobile-nav summary{list-style:none;width:44px;height:44px;border-radius:50%;display:grid;place-content:center;gap:4px;cursor:pointer;border:1px solid var(--line2);background:rgba(255,255,255,.03)}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{display:block;width:19px;height:2px;border-radius:2px;background:#eef8ff}.mobile-nav[open] summary{background:rgba(34,199,255,.1);border-color:rgba(34,199,255,.28)}
.nav-panel{position:absolute;right:0;top:52px;width:min(310px,calc(100vw - 40px));padding:9px;border-radius:20px;display:grid;gap:4px;background:rgba(6,20,33,.98);border:1px solid rgba(141,196,235,.18);box-shadow:0 24px 60px rgba(0,0,0,.48);backdrop-filter:blur(18px)}.nav-panel a{padding:13px 14px;border-radius:13px}.nav-panel .nav-contact{text-align:center;margin-top:3px}

/* --- Start page requested additions --- */
.split-hero{scroll-margin-top:92px}.about-panel{box-shadow:var(--shadow)}.about-pills{grid-template-columns:repeat(2,minmax(0,1fr))}
.start-contact{scroll-margin-top:92px}.start-contact-actions{display:flex;align-items:center;gap:10px}.contact-email{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11);box-shadow:0 10px 26px rgba(0,0,0,.16)}.contact-email svg{width:24px;height:24px;fill:none;stroke:white;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* --- Rental inquiry --- */
.rent-inquiry{scroll-margin-top:92px}.inquiry-card{padding:20px;border-radius:26px;background:linear-gradient(180deg,#0b2237,#071827);border:1px solid var(--line);box-shadow:0 16px 42px rgba(0,0,0,.22)}.form-grid{display:grid;gap:13px}.form-field{display:grid;gap:7px}.form-field span{font-size:12px;font-weight:800;color:#cfe6f7}.form-field input,.form-field select{width:100%;min-height:50px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:#071522;color:#f7fbff;padding:0 14px;font:inherit;font-size:14px;outline:none;color-scheme:dark}.form-field input::placeholder{color:#6f8799}.form-field input:focus,.form-field select:focus{border-color:rgba(34,199,255,.6);box-shadow:0 0 0 3px rgba(34,199,255,.09)}.form-status{min-height:19px;margin-top:10px;font-size:12px;color:#9bdfff}.form-status.error{color:#ffb5b5}.form-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:12px}.form-actions .btn{width:100%;cursor:pointer}

/* --- Floating WhatsApp --- */
.wa-float{position:fixed;right:max(18px,calc((100vw - 1180px)/2 + 18px));bottom:18px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;z-index:80;background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 15px 35px rgba(0,0,0,.42),0 8px 24px rgba(22,136,255,.28);border:1px solid rgba(255,255,255,.12)}.wa-float svg{width:26px;height:26px;fill:none;stroke:white;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wa-float:hover{transform:translateY(-2px)}

/* Better keyboard access */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

@media (min-width:860px){
  .site-header{height:84px;padding:16px 34px}.top-logo{height:42px}.contact-email{width:58px;height:58px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-field.form-wide{grid-column:1 / -1}.form-actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px}.inquiry-card{padding:28px}.wa-float{width:58px;height:58px;bottom:26px}
}
@media (min-width:1000px){.desktop-nav{display:flex}.mobile-nav{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wa-float{transition:none}}


#rental-email{color:#fff}
.form-actions .btn:disabled{opacity:.65;cursor:wait}

/* --- V16.7 dynamic rental pricing / roof carrier logic --- */
.form-field small,.choice-label small{font-size:11px;font-weight:650;color:#8fa9bc}.conditional-panel{margin:0;padding:15px;border-radius:19px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025)}.conditional-panel[hidden],.form-field[hidden],.choice-question[hidden],.carrier-note[hidden],.price-estimate[hidden],.discount-info[hidden]{display:none!important}.conditional-panel legend{padding:0 7px;font-size:12px;font-weight:850;color:#cfe6f7}.choice-question{display:grid;gap:9px}.choice-question+.choice-question{margin-top:14px}.choice-label{font-size:12px;font-weight:800;color:#cfe6f7}.choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.choice-pill{position:relative;cursor:pointer}.choice-pill input{position:absolute;opacity:0;pointer-events:none}.choice-pill span{min-height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.11);background:#071522;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#cfe0ec;transition:.18s ease}.choice-pill input:checked+span{border-color:rgba(34,199,255,.72);background:rgba(34,199,255,.10);color:#fff;box-shadow:0 0 0 3px rgba(34,199,255,.07)}.choice-pill input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:3px}.carrier-note{margin:12px 0 0;padding:10px 12px;border-radius:13px;background:rgba(255,185,92,.08);border:1px solid rgba(255,185,92,.18);font-size:12px;line-height:1.45;color:#e8c995}.price-estimate{margin-top:16px;padding:17px;border-radius:20px;background:linear-gradient(135deg,rgba(13,49,80,.86),rgba(7,26,43,.94));border:1px solid rgba(73,166,235,.23)}.price-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.price-head span{font-size:12px;font-weight:850;color:#cfe6f7}.price-head strong{font-size:26px;line-height:1;color:#fff;white-space:nowrap}.price-lines{display:grid;gap:7px;margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#9fb4c6}.price-line{display:grid;grid-template-columns:1fr auto;gap:14px}.price-lines strong{text-align:right;color:#dcebf5}.discount-info{margin-top:14px;padding:12px 13px;border-radius:14px;background:rgba(34,199,255,.08);border:1px solid rgba(34,199,255,.18);display:grid;gap:3px}.discount-info strong{font-size:12px;color:#9be4ff}.discount-info span{font-size:11px;line-height:1.45;color:#adc4d5}.price-note{margin-top:12px;font-size:10px;line-height:1.5;color:#7891a4}