:root{--ink:#0b1524;--text:#58677a;--blue:#155eef;--violet:#155eef;--pink:#32cbbb;--line:#dce4ee;--bg:#f5f8fc;--green:#16a574;--signal:#3ed7c3;--night:#0b1728}
.ref-body{background:#f5f8fc;color:var(--ink)}.ref-body em{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--blue);position:relative}.ref-body em:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:7px;background:var(--signal);opacity:.28;border-radius:2px;z-index:-1}
.ref-topbar{height:34px;background:var(--night);font-size:11px;letter-spacing:.15em;text-transform:uppercase}.ref-topbar-inner{justify-content:flex-start}.ref-topbar-inner strong{color:#85eee1;font-weight:700}.ref-topbar .top-dot{background:var(--signal);box-shadow:0 0 0 5px rgba(62,215,195,.12)}.ref-topbar a{text-transform:none;letter-spacing:0;font-size:13px}
.ref-header{height:78px;box-shadow:none;border-bottom:1px solid #e1e7ef}.ref-logo{font-size:16px!important;letter-spacing:.05em;color:var(--ink)!important;display:flex;align-items:center;gap:9px}.ref-logo:before{content:"W";display:grid;place-items:center;width:34px;height:34px;background:var(--blue);color:#fff;border-radius:10px;font-size:16px;letter-spacing:0;transform:rotate(-4deg)}.ref-logo span{color:var(--ink)}.ref-nav>nav a{font-size:14px;font-weight:650}.ref-tour{display:none}.ref-nav-cta{height:44px;border-radius:12px;background:var(--ink);color:#fff!important;border:0;padding:0 22px}.ref-nav-cta:after{content:" ↗";color:var(--signal);margin-left:8px}
.ref-hero{min-height:690px;background:linear-gradient(115deg,#fff 0,#fff 57%,#e8f4f5 57%,#dff1f0 100%);border:0;position:relative;overflow:hidden}.ref-hero:before{content:"ITW";position:absolute;right:-30px;bottom:-145px;color:rgba(15,63,83,.045);font-size:360px;font-weight:950;letter-spacing:-.12em}.ref-hero-inner{min-height:690px;grid-template-columns:1.02fr .98fr;gap:68px;padding:82px 0 112px}.ref-kicker{color:var(--blue);letter-spacing:.17em}.ref-kicker i{width:9px;height:9px;border-radius:2px;background:var(--signal);transform:rotate(45deg)}.ref-promo{border:0;border-radius:8px;background:#eaf1ff;color:#154895;margin:21px 0 25px;padding:9px 13px}.ref-promo span{background:var(--signal);border-radius:2px}.ref-hero h1{color:var(--ink);font-size:clamp(50px,5.3vw,72px);line-height:.96;margin-bottom:27px}.ref-hero-copy>p{max-width:610px}.ref-btn{min-height:54px;border-radius:12px}.ref-btn.primary{background:var(--blue);box-shadow:8px 8px 0 #b9f1e9}.ref-btn.primary:hover{transform:translate(-2px,-2px);box-shadow:11px 11px 0 #b9f1e9}.ref-btn.secondary{background:#fff;border:1px solid #cbd6e4;border-radius:12px;color:var(--ink)}
.wahleder-cockpit{background:var(--night);border-radius:26px;padding:17px;box-shadow:28px 30px 0 rgba(21,94,239,.11);transform:rotate(1.5deg);position:relative}.wahleder-cockpit:before{content:"";position:absolute;width:66px;height:66px;left:-27px;top:80px;background:var(--signal);border-radius:20px;z-index:-1;transform:rotate(-15deg)}.cockpit-top,.cockpit-bottom{display:flex;align-items:center;justify-content:space-between;color:#8ca0b8;font-size:10px;letter-spacing:.12em;padding:2px 4px 14px}.cockpit-top i{display:inline-block;width:7px;height:7px;background:var(--signal);border-radius:50%;margin-right:5px}.cockpit-top b{color:#73e0d1;font-weight:750}.cockpit-main{display:grid;grid-template-columns:1.18fr .82fr;gap:10px}.site-preview,.camera-preview{background:#fff;border-radius:16px;min-height:300px;padding:25px;position:relative;overflow:hidden}.site-preview{background:linear-gradient(155deg,#fff 0 70%,#e8f0ff 70%)}.site-preview small,.camera-preview small{color:var(--blue);font-weight:900;letter-spacing:.15em}.site-preview strong{display:block;font-size:28px;line-height:1.03;letter-spacing:-.04em;margin:55px 0 29px}.site-preview i{display:block;height:8px;border-radius:3px;background:#dfe6ef;margin-top:10px;width:90%}.site-preview i:nth-of-type(2){width:68%;background:#b7f0e8}.site-preview i:nth-of-type(3){width:42%;height:32px;background:var(--blue);border-radius:7px}.camera-preview{background:#12243b;color:#fff;display:flex;flex-direction:column;align-items:center}.camera-preview small{align-self:flex-start;color:#7f9ab9}.lens{width:116px;height:116px;border:1px solid #3a526d;border-radius:50%;margin:auto;display:grid;place-items:center;box-shadow:0 0 0 24px rgba(29,72,105,.35),0 0 0 48px rgba(29,72,105,.18)}.lens span{width:47px;height:47px;border:9px solid #42d6c2;border-radius:50%;background:#0b1728;box-shadow:inset 0 0 0 6px #245dd5}.camera-preview b{font-size:9px;letter-spacing:.15em;color:#6ee5d5}.cockpit-bottom{padding:14px 4px 1px}.cockpit-bottom span{display:flex;align-items:center;gap:5px}.cockpit-bottom b{color:var(--signal)}
.ref-stats{width:min(1120px,calc(100% - 44px));margin:-54px auto 0;position:relative;z-index:3;background:var(--night);border:0;border-radius:20px;overflow:hidden;box-shadow:0 20px 45px rgba(9,29,52,.13)}.ref-stats div{padding:25px 28px!important;border-color:#28394f}.ref-stats strong{color:#fff;font-size:26px}.ref-stats span{color:#8fa2b9}.ref-jump{width:min(1120px,calc(100% - 44px));margin:28px auto 0;background:transparent;border:0;grid-template-columns:repeat(3,1fr);gap:10px}.ref-jump a{min-height:64px;padding:15px 18px;border:1px solid #dde5ef;background:#fff;border-radius:12px;display:grid;grid-template-columns:32px 1fr;align-items:center}.ref-jump b{margin:0;color:var(--signal);background:var(--night);width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:9px}.ref-jump a:hover{border-color:var(--blue);transform:translateY(-2px)}
.ref-section,.ref-pricing,.ref-about,.ref-contact,.ref-values{background:#f5f8fc}.ref-heading{display:grid;grid-template-columns:1fr;max-width:740px}.ref-heading h2,.ref-price-heading h2{color:var(--ink);font-size:clamp(40px,4.4vw,56px)}.ref-heading p{max-width:640px}.ref-service-grid{grid-template-columns:repeat(4,1fr);grid-auto-flow:dense}.ref-service-grid article{border:0;border-radius:24px;min-height:420px;box-shadow:0 1px 0 #dce5ef;background:#fff;position:relative;overflow:hidden}.ref-service-grid article:after{content:"";position:absolute;right:-35px;top:-35px;width:95px;height:95px;border-radius:50%;border:18px solid rgba(21,94,239,.05)}.ref-service-grid article:nth-child(1),.ref-service-grid article:nth-child(4){grid-column:span 2}.ref-service-grid article:nth-child(2){background:var(--blue);color:#fff}.ref-service-grid article:nth-child(2) p,.ref-service-grid article:nth-child(2) li,.ref-service-grid article:nth-child(2) a{color:#e3ecff}.ref-service-grid article:nth-child(2) ul{border-color:rgba(255,255,255,.22)}.ref-service-grid article:nth-child(4){background:#dff7f3}.ref-icon{border:0;border-radius:11px;background:#eaf0ff;color:var(--blue)}.ref-service-grid article:nth-child(2) .ref-icon{background:#fff;color:var(--blue)}
.ref-pricing{background:var(--night);border:0;position:relative}.ref-pricing:before{content:"09";position:absolute;left:4%;top:0;color:rgba(255,255,255,.035);font-size:250px;font-weight:950}.ref-price-heading h2{color:#fff}.ref-price-heading p{color:#9aabc0}.ref-pricing .ref-kicker{color:var(--signal)}.ref-tabs{background:#13263e;border:1px solid #273b53;border-radius:12px}.ref-tabs button{border-radius:8px;color:#9cadc1}.ref-tabs button.active{background:var(--signal);color:var(--night);box-shadow:none}.ref-price-panel article{border:0;border-radius:22px}.ref-price-panel article.popular{background:#dff7f3;transform:translateY(-10px);box-shadow:0 22px 45px rgba(0,0,0,.18)}.ref-price-panel article.popular:before{display:none}.ref-price-panel article>b{background:var(--night);color:var(--signal);border-radius:7px}.ref-price-panel .popular h3{color:var(--ink)}.ref-price-panel article>a{border-radius:10px;background:#eff3f8;color:var(--ink)}.ref-price-panel article.popular>a{background:var(--blue);color:#fff}.ref-price-note{color:#8495aa}
.ref-webfocus{background:#fff}.ref-demo-window{border:0;border-radius:24px;box-shadow:20px 20px 0 #dff7f3}.ref-values{background:#fff}.ref-values-grid{gap:10px}.ref-values-grid article{background:#f5f8fc;border:0;border-radius:16px}.ref-values-grid article>div{color:var(--blue)}
.ref-about{background:#eef3f8}.ref-about-grid{grid-template-columns:1.15fr .85fr}.ref-portrait{border:0;border-radius:22px;background:var(--night);box-shadow:9px 9px 0 var(--signal)}.ref-portrait span{color:#96a9bf}.ref-timeline{background:#fff;border:0;border-radius:24px}.ref-timeline>div{border-left:2px solid #dfe7ef}.ref-timeline>div:before{border-radius:3px;background:var(--signal);box-shadow:0 0 0 2px #fff}
.ref-contact{background:#fff}.ref-contact-card{background:var(--night);border:0;border-radius:24px;color:#fff}.ref-contact-card h3,.ref-contact-card p,.ref-contact-card a{color:#fff}.ref-contact-card>div{border-color:#273a51;color:var(--signal)}.ref-form{background:#f4f7fb;border-radius:24px;padding:28px}.ref-form input,.ref-form select,.ref-form textarea{border:0;border-radius:9px;box-shadow:inset 0 0 0 1px #d8e1eb}.ref-check{border:0;border-radius:10px;background:#e7edf5}.ref-submit{border-radius:10px;background:var(--blue);box-shadow:7px 7px 0 #b9f1e9}.quick-tab{right:24px;top:auto;bottom:24px;writing-mode:horizontal-tb;border-radius:14px;padding:12px 16px;background:var(--signal);color:var(--night)!important;letter-spacing:0;font-size:13px;display:flex;gap:8px;align-items:center}.quick-tab span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:var(--night);color:#fff}.ref-footer{background:#07111e}.ref-footer .ref-logo:before{background:var(--signal);color:var(--night)}.ref-footer .ref-logo,.ref-footer .ref-logo span{color:#fff!important}
.service-page .ref-topbar{display:none}.service-intro{background:linear-gradient(115deg,#fff 0 63%,#e0f5f2 63%)}.service-intro h1{color:var(--ink)}.service-prices{background:#f5f8fc}.service-prices .ref-price-panel article.popular{background:#dff7f3}.service-detail{background:#fff}.process-grid article{border:0;background:#f3f7fb;border-radius:20px}.process-grid article:nth-child(even){background:#e1f5f2}.service-cta{background:var(--night);color:#fff}.service-cta h2{color:#fff}.service-cta p{color:#9cacc0}.camera-sketch{border:0;background:var(--night);border-radius:24px;box-shadow:18px 18px 0 #bcefe8}.camera-sketch:before,.camera-sketch:after{border-color:#294058}.camera-sketch small{color:var(--signal)}
@media(max-width:1040px){.ref-service-grid{grid-template-columns:repeat(2,1fr)}.ref-service-grid article:nth-child(1),.ref-service-grid article:nth-child(4){grid-column:span 1}.ref-nav>nav{gap:13px}}
@media(max-width:780px){.ref-topbar{display:none}.ref-header{top:0}.ref-hero{background:linear-gradient(160deg,#fff 0 72%,#e1f5f2 72%)}.ref-hero-inner{padding-bottom:90px}.wahleder-cockpit{max-width:520px;margin:auto}.ref-stats{margin-top:-42px}.ref-jump{grid-template-columns:1fr 1fr}.ref-service-grid{grid-template-columns:1fr 1fr}.ref-price-panel article.popular{transform:none}.quick-tab{display:flex}.ref-form{padding:20px}}
@media(max-width:520px){.ref-hero h1{font-size:43px}.wahleder-cockpit{display:none}.ref-stats{grid-template-columns:1fr 1fr}.ref-jump,.ref-service-grid{grid-template-columns:1fr}.ref-service-grid article{min-height:0}.quick-tab{right:14px;bottom:14px}.ref-about-grid{gap:45px}}