/* BECKER LICHT EDITION – separate progressive override, 2026
   White / silver / ice blue. Midnight navy is reserved for lettering. */
:root {
  --ink:#12334a;--night:#f8fcff;--blue:#16496c;--blue2:#107dba;
  --cyan:#00b8ea;--aqua:#a3eafa;--silver:#f3f8fb;--muted:#567389;
  --stroke:rgba(33,117,164,.14);--radius:24px;--max:1270px;
  --shadow:0 24px 75px rgba(30,111,150,.11);
}
html {background:#fff}
body{background:#ffffff;color:#17354c;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
a{color:inherit}::selection{background:#aeeaff;color:#12334a}
:focus-visible{outline:3px solid #009bcb;outline-offset:4px}
.text-gradient{background:linear-gradient(115deg,#174a74 0%,#00b7e8 48%,#1c80b8 77%,#73d6ed 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.smallcaps{color:#158cb8;letter-spacing:.19em}
.overline{color:#0d94c0}.muted{color:#617f93}
.top-notice{background:linear-gradient(90deg,#e6f7ff,#f4fbff,#e6f7ff);border-bottom:1px solid #d6eaf2;color:#32728d;letter-spacing:.045em;padding:8px 16px}
.site-header{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(27,107,148,.11);box-shadow:0 12px 29px rgba(16,92,123,.045)}
.header-inner{min-height:91px}.brand-symbol{filter:drop-shadow(0 3px 8px rgba(8,144,191,.14))}
.brand-name{color:#0d2e4e;letter-spacing:.02em;font-weight:900}.brand-caption{color:#4485a7}
.main-nav>a:not(.btn){color:#37576e}.main-nav>a:not(.btn):hover,.main-nav>a[aria-current=page]{color:#007fae}
.menu-toggle{background:#eefaff;border:1px solid #d1eaf6;color:#0a6a96}
.btn{border-radius:14px;box-shadow:none;transition:transform .22s,box-shadow .22s,background .22s}
.btn-primary{background:linear-gradient(110deg,#00bbe8,#40d7f3 50%,#00aee4);box-shadow:0 12px 33px rgba(7,170,217,.21);color:#08354c}
.btn-primary:hover{box-shadow:0 17px 40px rgba(7,170,217,.28)}
.btn-outline{background:rgba(255,255,255,.83);border:1px solid #a4d8eb;color:#165371}
.btn-outline:hover{background:#e9f8ff;border-color:#45bfe6}
.btn-light{background:#fff;color:#0d6383}
.pill{background:rgba(242,251,255,.94);border:1px solid #d7eef8;color:#197a9a;box-shadow:0 7px 22px rgba(43,147,187,.08);font-weight:790}
.pulse-dot{background:#00c6ec;box-shadow:0 0 0 4px rgba(0,190,242,.13)}
/* Split-image landing for the business homepage */
.hero{min-height:690px;background:linear-gradient(120deg,#fff,#f4fbff 72%,#e4f7ff);border-bottom:1px solid #e0f1fa;isolation:isolate;overflow:hidden}
.hero:before{content:"";position:absolute;width:530px;height:530px;left:-310px;bottom:-310px;border:1px solid #cbeefb;border-radius:50%;pointer-events:none;box-shadow:0 0 0 40px rgba(218,246,255,.25),0 0 0 90px rgba(221,247,255,.18)}
.hero-photo{inset:0 0 0 auto;width:69%;background:#e3f7fc url('../img/becker-team.webp') 52% center/cover no-repeat;z-index:-3}
.hero-photo:after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.95) 13%,rgba(255,255,255,.73) 28%,rgba(255,255,255,.05) 66%),linear-gradient(0deg,rgba(243,250,254,.37),transparent 25%)}
.hero-inner{text-align:left;padding:113px 0 112px}
.hero .pill{margin:0}
.hero h1{margin:25px 0 23px;max-width:690px;font-size:clamp(52px,6.25vw,88px);letter-spacing:-.066em;text-shadow:none;color:#0d2b49;line-height:1.03}
.hero p{max-width:540px;margin:0;color:#48697e;text-shadow:none;font-size:clamp(16px,1.45vw,19px);line-height:1.78}
.hero-actions{justify-content:flex-start;gap:13px;margin-top:34px}
.hero-trust{justify-content:flex-start;color:#4c7387;gap:19px;font-size:12px;margin-top:34px}
.tick{color:#0bb8db}.scroll-cue{left:50%;color:#4b90aa}.scroll-cue:before{background:#22c4e5}
.aurora-line{background:linear-gradient(90deg,transparent,#b1e9f7,#dff7fc,#85def4,transparent)}
.ticker{background:#eefaff;border-bottom:1px solid #d7eef6;border-top:1px solid #d7eef6}
.ticker-item{color:#49819a}.ticker-item:after{color:#00b5e1}
/* Light sections and interactive cards */
.stars:before{background:radial-gradient(circle at 4% 25%,rgba(0,182,228,.045),transparent 26%),radial-gradient(circle at 95% 70%,rgba(20,147,201,.075),transparent 36%)}
.section{padding:103px 0}.section-alt{background:linear-gradient(160deg,#eef9ff 0%,#fafdff 62%,#f1f9ff 100%);border-color:#e0eff8}
.section-head h2,.statement h2,.contact-feature h2{color:#103b58}.section-head p{color:#5a7589}
.service-card{background:linear-gradient(145deg,#fff,#f5fbff);border:1px solid #dbeef7;box-shadow:0 10px 32px rgba(31,119,165,.058);min-height:256px}
.service-card:hover{background:#fff;border-color:#73d2ef;box-shadow:0 30px 60px rgba(33,127,171,.13)}
.service-card:before{background:radial-gradient(circle,rgba(21,200,246,.13),transparent 72%)}
.service-icon{background:linear-gradient(140deg,#e6f8ff,#f6fcff);border:1px solid #c4e9f7}
.service-icon svg{stroke:#068fbc}.service-card h3{color:#18425d}.service-card p{color:#607e92}.text-link{color:#048bb6}
.glow-panel{background:#fff;border:1px solid #d8eefa;box-shadow:0 20px 60px rgba(13,118,163,.10)}
.glow-panel:before{background:rgba(56,216,249,.09)}.glow-panel h3{color:#12405f}
.glow-panel p{color:#60798a}.checklist li{color:#466d84}.checklist li:before{color:#086b8e;background:#bcf0fa}
.visual-block{background:radial-gradient(circle,rgba(115,207,236,.11),transparent 62%)}
.orbit{border-color:rgba(17,135,192,.17);box-shadow:0 0 65px rgba(12,159,221,.05) inset}
.orbit:nth-child(3){border-color:#b5e6f5;box-shadow:0 0 45px rgba(4,187,250,.08)}
.orbit-center{box-shadow:0 20px 40px rgba(34,127,164,.12)}
.orbit-tag{color:#226582;background:#fff;border:1px solid #d4eef8;box-shadow:0 7px 23px rgba(37,128,167,.09)}
.step{background:linear-gradient(130deg,#fff,#f9fdff);border-color:#d9edf6;box-shadow:0 10px 34px rgba(15,130,170,.05)}
.step-digit{color:#0798bc}.step h3{color:#143950}.step p{color:#5b7b8c}.step:after{background:linear-gradient(90deg,#a7e9f5,#c7eaf4)}
.statement{background:linear-gradient(115deg,#dcf7ff 0%,#f7fcff 47%,#c8eefb 100%);border-block:1px solid #c6ecf7}
.statement:before{opacity:.3}.statement h2{color:#104261}.statement p{color:#4d7488}.statement .smallcaps{color:#168daf}
.faq-item{background:#fff;border:1px solid #d8eaf3;box-shadow:0 9px 28px rgba(32,120,150,.04)}
.faq-item summary{color:#164963}.faq-item summary:after{color:#04a8cd}.faq-item p{color:#59798e}
.footer{background:#f5fbff;color:#33566b;border-top:1px solid #d8eef9}
.footer .brand-name{color:#103855}.footer p{color:#5b7889}.footer h4{color:#1a4e6a}
.footer-links a{color:#52788e}.footer-links a:hover{color:#008dbb}
.footer-bottom{color:#7893a3;border-color:#d7e8f2}.footer-bottom a{color:#4a7488}
/* Inner pages */
.page-hero{background:linear-gradient(145deg,#effaff 0%,#fff 60%,#e4f8fe 100%);border-bottom:1px solid #dceff7}
.page-hero h1{color:#103b58}.page-hero p{color:#577b8f}
.breadcrumbs{color:#6c92a7}.breadcrumbs a:hover{color:#008db6}.breadcrumbs span{color:#336e88}
.editorial h2,.editorial h3{color:#164461}.editorial p{color:#597589}
.side-card,.feature-tile,.intro-note,.info-box,.mini-kpi,.contact-card{background:linear-gradient(145deg,#fff,#f4fbff);border:1px solid #d8ecf7;box-shadow:0 8px 27px rgba(30,115,153,.05)}
.side-card h3{color:#18415d}.side-card p{color:#627b8e}
.feature-tile b{color:#17435f}.feature-tile span{color:#688399}
.intro-note{color:#4a7087}.filter-btn{color:#356b83;border-color:#cce8f4;background:#fff}.filter-btn.active{background:#d9f5ff;color:#0676a2;border-color:#70d6f0}
.info-box{color:#4c7488}.mini-kpi strong{color:#1589b0}.mini-kpi span{color:#608398}
/* Lead form should feel secure and crisp */
.contact-form{background:linear-gradient(145deg,#fff,#f5fbff);border:1px solid #cde8f3;box-shadow:0 20px 60px rgba(32,115,158,.10)}
.form-field label{color:#20506d}.form-field input,.form-field select,.form-field textarea{background:#fff;color:#173b56;border:1px solid #cbe4f0}
.form-field input::placeholder,.form-field textarea::placeholder{color:#8aa6b7}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#08b7e1;box-shadow:0 0 0 3px rgba(3,187,225,.09)}
.form-field select option{background:#fff}.form-field .help{color:#648294}.privacy{color:#5f7b8b}.contact-card h3{color:#204d66}.contact-card p{color:#618296}.contact-method{color:#058db9}
/* Light premium coming-soon reveal */
.launch-page{background:#fff;color:#183f57;min-height:100svh}
.launch-header{height:113px;z-index:9;position:relative}
.launch-logo{width:194px;max-height:95px;object-fit:contain;filter:none;padding:0;background:none;border-radius:0;box-shadow:none}
.launch-stage{min-height:calc(100svh - 191px);background:linear-gradient(116deg,#fff 0%,#f9fdff 46%,#e4f6fd 100%);overflow:hidden}
.launch-stage:before{background:#e9faff url('../img/becker-team.webp') center center /cover no-repeat;opacity:1;inset:0 0 0 auto;width:65%}
.launch-stage:after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.99) 23%,rgba(255,255,255,.82) 40%,rgba(255,255,255,.04) 77%),linear-gradient(0deg,rgba(239,250,255,.4),transparent 35%);inset:0}
.launch-stage .container{text-align:left;padding:65px 0 75px}
.launch-stage .container>*{position:relative}
.launch-title{max-width:775px;margin:20px 0 24px;color:#113752;line-height:1.04;font-size:clamp(52px,6.2vw,91px);text-shadow:none}
.launch-lead{max-width:550px;margin:0;color:#537488;font-size:clamp(16px,1.5vw,19px);line-height:1.78}
.countdown-wrap{margin:34px 0 0;max-width:620px;padding:23px;border:1px solid rgba(154,217,236,.75);background:rgba(255,255,255,.89);box-shadow:0 27px 80px rgba(50,127,158,.12);border-radius:25px;backdrop-filter:blur(17px)}
.countdown-caption{color:#0c90bd;margin-bottom:16px}
.count-unit{background:linear-gradient(155deg,#effaff,#fff);border:1px solid #d4eff7;border-radius:15px;padding:17px 6px}
.count-number{color:#133c57;font-size:clamp(34px,4.3vw,58px)}
.count-label{color:#64879a;font-size:10px}
.launch-actions{justify-content:flex-start;margin-top:24px}
.launch-foot{color:#7993a4;border-color:#e4f0f6;background:#fff}
.launch-foot a:hover{color:#008fb6}
.silver-shine{background:linear-gradient(transparent,#75dced,transparent);opacity:.5}
.silver-shine.two{opacity:.24}
@media(min-width:1500px){.hero{min-height:740px}}
@media(max-width:1050px){.hero-photo{width:73%}.hero h1{max-width:570px}.launch-stage:before{width:69%}}
@media(max-width:820px){
 .main-nav{background:rgba(255,255,255,.99);border-bottom:1px solid #d8edf7;box-shadow:0 20px 30px rgba(16,95,129,.1)}
 .hero{min-height:665px}.hero-photo{width:100%;opacity:.54;background-position:center}
 .hero-photo:after{background:linear-gradient(90deg,#fff,rgba(255,255,255,.89) 58%,rgba(255,255,255,.3)),linear-gradient(0deg,#fff 0%,transparent 55%)}
 .hero-inner{padding:80px 0}.hero h1{max-width:590px}
 .launch-stage:before{width:100%;opacity:.58}
 .launch-stage:after{background:linear-gradient(90deg,#fff,rgba(255,255,255,.92) 40%,rgba(255,255,255,.62) 100%),linear-gradient(0deg,#fff 0%,transparent 60%)}
 .launch-stage .container{padding:65px 0 80px}
}
@media(max-width:560px){
 .header-inner{min-height:75px}.brand-symbol{height:49px;width:49px}.hero{min-height:880px;display:block}
 .hero-photo{width:100%;height:385px;top:0;bottom:auto;opacity:1;background-image:url('../img/becker-team-mobile.webp');background-position:center 24%;background-size:cover}
 .hero-photo:after{background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.1) 24%,transparent 55%)}
 .hero-inner{padding:355px 0 70px;text-align:center}
 .hero .pill{font-size:9px}.hero h1{font-size:clamp(45px,11vw,60px);margin:17px auto 16px}
 .hero p{font-size:14px;margin:0 auto}.hero-actions{justify-content:center;margin-top:24px}
 .hero-trust{justify-content:center;margin-top:20px;gap:8px 13px}
 .hero-actions .btn{width:100%}.scroll-cue{display:none}
 .launch-page{overflow-x:hidden}.launch-header{height:97px}.launch-logo{width:150px}
 .launch-header .pill{font-size:9px;padding:8px 10px}
 .launch-stage{min-height:0;display:block}
 .launch-stage:before{width:100%;height:345px;top:0;bottom:auto;opacity:1;background-image:url('../img/becker-team-mobile.webp');background-position:center 19%;background-size:cover}
 .launch-stage:after{background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.02) 33%,transparent 55%);height:355px;bottom:auto}
 .launch-stage .container{padding:335px 0 48px;text-align:center}
 .launch-title{font-size:clamp(43px,11vw,57px);margin:18px auto 15px}
 .launch-lead{font-size:14px;margin:0 auto}
 .countdown-wrap{margin:25px auto 0;padding:12px;border-radius:19px}
 .countdown{gap:6px}.count-unit{border-radius:11px;padding:12px 3px}
 .count-number{font-size:clamp(27px,8vw,42px)}.count-label{font-size:8px;letter-spacing:.07em}
 .launch-actions{justify-content:center}.launch-foot{font-size:10px}.launch-actions .btn{width:100%}
 .orbit-tag{box-shadow:0 3px 12px rgba(41,111,156,.07)}
}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.silver-shine{animation:none}}
/* Team portrait intentionally keeps BOTH cleaners, bucket, mop and cloth in view. */
@media(min-width:1051px){
  .hero-photo{width:62%;background-image:url('../img/becker-team-mobile.webp');background-position:50% 17%;background-size:cover}
  .hero-photo:after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.9) 9%,rgba(255,255,255,.32) 23%,rgba(255,255,255,0) 42%),linear-gradient(0deg,rgba(240,249,252,.14),transparent 28%)}
  .launch-stage:before{width:62%;background-image:url('../img/becker-team-mobile.webp');background-position:50% 17%;background-size:cover}
  .launch-stage:after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 32%,rgba(255,255,255,.60) 42%,rgba(255,255,255,.03) 59%),linear-gradient(0deg,rgba(247,252,254,.09),transparent 35%)}
}