:root{--bg:#04191e;--deep:#011014;--teal:#45e4ed;--teal2:#03b6c3;--text:#f5fbfc;--muted:#c2d3d7;--line:rgba(58,226,229,.28);--width:1390px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:radial-gradient(ellipse 850px 450px at 102% 41%,#036c7835,transparent 73%),radial-gradient(ellipse 900px 350px at -4% 89%,#02566144,transparent 75%),var(--bg);color:var(--text);font-family:'Segoe UI',Arial,Helvetica,sans-serif;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%;display:block}svg{display:block}.shell{width:min(calc(100% - 76px),var(--width));margin:0 auto}h1,h2,h3,p{margin:0}h2{font-size:clamp(31px,3.1vw,44px);line-height:1.16;letter-spacing:-.035em}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.skip-link{position:fixed;top:-60px;left:16px;z-index:500;padding:10px;background:white;color:#003}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.scroll-line{position:fixed;height:2px;inset:0 0 auto;z-index:500}.scroll-line span{display:block;background:var(--teal);box-shadow:0 0 14px #38e7ee;height:100%;width:0}
.topbar{height:75px;position:absolute;top:0;left:0;right:0;z-index:50;background:rgba(1,15,18,.61);backdrop-filter:blur(13px);border-bottom:1px solid #4ce9ee25}.nav{height:100%;display:flex;align-items:center;gap:24px}.logo{display:flex;align-items:center;gap:18px;font-size:29px;font-weight:750;letter-spacing:.015em;line-height:1}.logo-mark{display:inline-flex;align-items:center;gap:5px;transform:skewX(-29deg);height:36px}.logo-mark i{display:block;width:11px;height:29px;background:linear-gradient(180deg,#88fbff,#00bcca);box-shadow:0 0 22px #0df9ff4e}.menu{display:flex;align-items:center;gap:43px;margin-left:auto}.menu a{color:#e7f2f5;font-size:14px;transition:color .2s}.menu a:hover{color:var(--teal)}.nav-call{border:1px solid #4be4eb77;padding:10px 17px;border-radius:24px;font-weight:700;font-size:13px;transition:background .2s}.nav-call:hover{background:#16bbc323}.nav-call span{margin-left:10px;color:var(--teal)}.menu-button,.mobile-menu{display:none}
.hero{min-height:666px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-image{z-index:-3;position:absolute;inset:0;background:url('../assets/hero.webp') center center/cover no-repeat;animation:hero-zoom 14s ease-in-out both}.hero-shade{z-index:-2;position:absolute;inset:0;background:linear-gradient(90deg,#001115 0%,#001115f4 23%,#001115b3 44%,#0011152b 66%,#0011150d 100%),linear-gradient(0deg,#00171c 0%,transparent 22%,#00171c38 95%)}.glow-wave-hero{position:absolute;inset:auto auto 0 -160px;width:810px;height:230px;background:radial-gradient(ellipse,#04c6d43c,transparent 69%);filter:blur(35px);z-index:-1;animation:wave-float 9s ease-in-out infinite}.hero-inner{padding:127px 0 100px;position:relative}.hero-copy{max-width:785px}.hero-overline{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.21em;color:#7beaf1;font-weight:750;margin-bottom:21px}.pulse-dot{height:7px;width:7px;background:#58f7ff;border-radius:50%;box-shadow:0 0 0 5px #13d9e61b;animation:blink 2.8s infinite}.hero h1{font-size:clamp(39px,4vw,61px);line-height:1.1;letter-spacing:-.035em;font-weight:800;text-shadow:0 4px 24px #0007}.hero h1 span{color:var(--teal);text-shadow:0 0 35px #14a9c744}.hero p{max-width:625px;font-size:17px;line-height:1.57;margin-top:26px;color:#e6edf0}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}.cta{border-radius:40px;padding:15px 26px;min-height:56px;display:inline-flex;justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:750;transition:transform .24s,box-shadow .24s,background .24s}.cta:hover{transform:translateY(-3px)}.cta-primary{background:linear-gradient(120deg,#72f6f7,#0ac4ce);color:#032228;box-shadow:0 0 0 2px #a7ffff36,0 5px 24px #13e6e26b}.cta-primary:hover{box-shadow:0 8px 38px #13e6e2aa}.cta-outline{border:1px solid #72dce2a0;background:#01242a7b;box-shadow:inset 0 0 15px #38e1e522}.cta-outline:hover{background:#08566283}.cta-arrow{font-size:18px;margin-left:8px}.ico{font-size:21px}.wave-bottom{position:absolute;left:0;right:0;bottom:-2px;height:100px;pointer-events:none;opacity:.8}.wave-bottom svg{width:100%;height:100%;animation:wave-slide 9s ease-in-out infinite}
.section{padding-top:45px;padding-bottom:35px}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:27px}.kicker{font-size:10px;letter-spacing:.18em;color:#69dce4;font-weight:750;margin-bottom:11px}.section-intro p{color:#b3c6ca;font-size:13px;max-width:340px;padding-bottom:5px}.services{position:relative;z-index:1}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.service-card{min-width:0;min-height:314px;aspect-ratio:1.04;position:relative;overflow:hidden;border:1px solid #16c5d599;border-radius:17px;background:#063037;box-shadow:inset 0 0 20px #21e6f111;transition:transform .3s,box-shadow .3s,border-color .3s;transform:perspective(900px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg))}.service-card:hover{border-color:#73f6f4;box-shadow:0 12px 45px #05bdcd25,0 0 0 1px #55dfed4a;translate:0 -5px}.service-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .6s}.service-card:hover img{transform:scale(1.06)}.service-card::after{content:'';position:absolute;inset:22% 0 0;background:linear-gradient(0deg,#00191ffb,#001a20db 38%,#00212a08 100%);pointer-events:none}.service-overlay{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:15px 17px 20px;display:flex;align-items:start;gap:12px}.service-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid #2feced7a;border-radius:9px;font-size:23px;line-height:1;color:#6af7f7;background:#00232bbf;box-shadow:0 0 12px #34e7ee20}.card-txt h3{font-size:16px;line-height:1.2;letter-spacing:-.02em;margin:2px 0 10px;font-weight:720}.card-txt p{font-size:12px;line-height:1.45;color:#cfdde0}
.solutions{padding-top:15px;padding-bottom:26px}.solutions-heading{display:flex;align-items:center;gap:27px;margin-bottom:22px}.solutions-heading h2{font-size:clamp(30px,2.7vw,40px);white-space:nowrap}.solutions-heading p{font-size:13px;color:#bdcdd2}.accent-line{height:2px;min-width:56px;width:56px;background:#4cf4ee;box-shadow:0 0 15px #4bf0f7}.solutions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.solution{display:flex;align-items:center;gap:19px;min-height:72px;padding:12px 26px;border-radius:14px;border:1px solid #21c8d07b;background:linear-gradient(145deg,#12343baa,#022229e0);box-shadow:inset 0 1px 22px #29d6e50f;transition:background .2s,transform .2s;font-size:15px;font-weight:650}.solution:hover{background:#10545b;transform:translateY(-3px)}.solution span{font-size:31px;line-height:1;min-width:42px;text-align:center;font-weight:800;color:#5ee9ed;text-shadow:0 0 12px #52edf087}
.contacts{padding-top:26px;padding-bottom:80px}.contact-panel{position:relative;overflow:hidden;border:1px solid #41dce39c;border-radius:22px;padding:37px 38px;min-height:235px;background:radial-gradient(ellipse 240px 120px at 0 100%,#14cddb36,transparent 85%),radial-gradient(ellipse 240px 180px at 100% 100%,#1be9ee44,transparent 90%),linear-gradient(140deg,#10353d,#021c21 58%,#093139);box-shadow:inset 0 0 27px #3dd9e91b,0 0 22px #01b4c018;display:grid;grid-template-columns:.95fr 1.25fr .62fr;gap:35px;align-items:center}.contact-panel::before{content:'';position:absolute;height:2px;left:30%;right:1%;top:0;background:linear-gradient(90deg,transparent,#5dfafa,transparent);box-shadow:0 0 21px #5dfafa}.contact-intro{padding-right:16px}.contact-intro h2{font-size:40px;margin-bottom:16px}.short-line{width:55px;height:3px;background:#49f3f5;box-shadow:0 0 16px #50edf3;margin-bottom:17px}.contact-intro p{color:#c5d9db;font-size:13px;max-width:300px;line-height:1.48}.contact-links{border-left:1px solid #44e3e652;border-right:1px solid #44e3e652;padding:0 26px}.contact-line{display:flex;align-items:center;gap:14px;min-height:57px;padding:6px 0;border-bottom:1px solid #45cbd126;transition:color .2s}.contact-line:last-child{border-bottom:0}.contact-line:hover{color:#6cf6f7}.contact-symbol{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#07434d;border:1px solid #35d2df55;color:#70f4f8;font-size:20px}.contact-line small{display:block;color:#90b4b9;font-size:10px;line-height:1.1}.contact-line strong{display:block;font-size:19px;letter-spacing:.015em;line-height:1.25;margin-top:3px;white-space:nowrap}.link-tail{margin-left:auto;color:#68ecf4}.copy-max{border-radius:20px;padding:5px 10px;border:1px solid #31d6df9d;background:#0e3c43;color:#e3f9f9;cursor:pointer;font-size:10px;margin-top:5px;transition:background .2s}.copy-max:hover{background:#176b72}.qr-contact{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.qr-contact img{height:148px;width:148px;border-radius:12px;border:7px solid white;background:white;box-shadow:0 0 23px #00dbe557}.qr-contact a{display:block;font-size:13px;font-weight:700;transition:color .2s}.qr-contact a:hover{color:#76f9fc}.qr-contact small{color:#a8c8cc;font-size:10px;max-width:170px;line-height:1.25}
.floating-contact{opacity:0;pointer-events:none;transform:translateY(15px);transition:opacity .25s,transform .25s}.floating-contact.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.floating-contact{position:fixed;z-index:30;right:26px;bottom:25px;display:flex;gap:12px;align-items:center}.floating-label{border:1px solid #46dfe4a8;background:#032831eb;padding:12px 18px;border-radius:26px;box-shadow:0 0 24px #0ac7d124;font-size:13px;font-weight:700}.floating-phone{display:grid;place-items:center;height:65px;width:65px;border-radius:50%;border:1px solid #a8ffff;background:linear-gradient(140deg,#69f9fa,#00abb9);color:#003037;box-shadow:0 0 0 5px #21dfe31c,0 0 30px #12c8d7a1;font-size:34px;animation:phone-breathe 3s ease-in-out infinite}.floating-phone:hover{transform:scale(1.08)}footer{border-top:1px solid #4bf5ef2b;background:#001116;padding:18px 0}.footer-content{display:flex;align-items:center;gap:42px;min-height:39px}.footer-logo{font-size:18px}.footer-logo .logo-mark{height:22px;gap:4px}.footer-logo .logo-mark i{width:7px;height:20px}.footer-menu{display:flex;gap:28px;font-size:12px;color:#c0d4d8}.footer-menu a:hover{color:#79eff2}.footer-note{margin-left:auto;font-size:12px;color:#a6c0c4}
@keyframes hero-zoom{0%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes wave-float{0%,100%{transform:translateX(0)}50%{transform:translateX(70px)}}@keyframes wave-slide{0%,100%{transform:translateX(0)}50%{transform:translateX(24px)}}@keyframes blink{50%{box-shadow:0 0 0 12px #19cfe300}}@keyframes phone-breathe{50%{box-shadow:0 0 0 8px #21dfe306,0 0 38px #12c8d7c0}}
@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;translate:0 22px;transition:opacity .75s ease,translate .75s ease}.reveal.visible{opacity:1;translate:0 0}.service-card:nth-child(2),.solution:nth-child(2n){transition-delay:.05s}.service-card:nth-child(3),.solution:nth-child(3n){transition-delay:.1s}.service-card:nth-child(4),.solution:nth-child(4n){transition-delay:.15s}}
@media(max-width:1199px){.service-card{min-height:290px}.service-overlay{display:block}.service-icon{margin-bottom:8px}.contact-panel{grid-template-columns:1fr 1.2fr .7fr;gap:20px;padding:30px 25px}.contact-links{padding:0 14px}.contact-line strong{font-size:16px}.qr-contact img{width:128px;height:128px}.solution{padding:12px 18px}}
@media(max-width:900px){.shell{width:min(calc(100% - 40px),var(--width))}.menu{gap:20px}.logo{font-size:24px}.nav-call{display:none}.hero{min-height:600px}.hero-inner{padding-top:110px}.hero h1{font-size:46px}.hero-shade{background:linear-gradient(90deg,#001216f9 0%,#001217e5 40%,#0012178c 80%,#00121766)}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:290px;aspect-ratio:1.25}.service-overlay{display:flex}.solutions-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.solution{flex-direction:column;gap:5px;text-align:center;padding:11px 5px;font-size:13px}.solutions-heading{flex-wrap:wrap;gap:14px}.contact-panel{grid-template-columns:1fr 1.1fr;gap:24px}.contact-intro{padding-right:0}.contact-links{border-right:0}.qr-contact{grid-column:1/-1;flex-direction:row;justify-content:center;gap:30px}.qr-contact img{width:100px;height:100px}}
@media(max-width:620px){html{scroll-padding-top:66px}.shell{width:calc(100% - 30px)}.topbar{height:66px}.logo{font-size:22px;gap:12px}.logo-mark{gap:4px;height:28px}.logo-mark i{width:8px;height:24px}.menu{display:none}.menu-button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-left:auto;border:1px solid #32d6dd65;border-radius:10px;background:#06333a;padding:9px;width:43px;height:43px;cursor:pointer}.menu-button span{width:20px;height:2px;background:#64e9ec;border-radius:2px}.mobile-menu{display:block;position:absolute;right:15px;left:15px;top:68px;background:#05272def;backdrop-filter:blur(12px);border:1px solid #46dce080;border-radius:12px;padding:12px}.mobile-menu[hidden]{display:none}.mobile-menu a{display:block;padding:13px;font-size:14px;border-bottom:1px solid #2acdd128}.mobile-menu a:last-child{border-bottom:0}.hero{min-height:560px;align-items:start}.hero-image{background-position:67% top}.hero-shade{background:linear-gradient(90deg,#001317f5 0%,#001317dd 46%,#0013177a 100%),linear-gradient(0deg,#001317 0%,transparent 39%)}.hero-inner{padding-top:125px;padding-bottom:75px}.hero-overline{font-size:9px;margin-bottom:13px}.hero h1{font-size:clamp(33px,8.3vw,44px);letter-spacing:-.04em;line-height:1.12}.hero p{font-size:13.5px;line-height:1.5;margin-top:18px;max-width:380px}.hero-actions{margin-top:25px;gap:11px}.cta{padding:13px 15px;min-height:48px;font-size:12px}.cta-primary{width:100%}.cta-outline{min-width:148px}.wave-bottom{height:55px}.section{padding-top:25px;padding-bottom:15px}.section-intro{display:block;margin-bottom:15px}.section-intro h2{font-size:28px}.section-intro p{font-size:12px;margin-top:8px}.service-grid{grid-template-columns:1fr;gap:10px}.service-card{aspect-ratio:auto;height:154px;min-height:0;display:grid;grid-template-columns:41% 59%}.service-card img{position:absolute;width:43%;height:100%;object-position:center}.service-card::after{inset:0;background:linear-gradient(90deg,transparent 24%,#00242bc9 40%,#00212aed 60%)}.service-overlay{left:40%;top:0;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:11px 11px 11px 6px}.service-icon{display:none}.card-txt h3{font-size:17px;margin:0 0 7px}.card-txt p{font-size:12px;line-height:1.35}.solutions{padding-top:21px}.solutions-heading{display:block;margin-bottom:14px}.solutions-heading h2{font-size:28px}.solutions-heading .accent-line{display:block;margin:8px 0 7px}.solutions-heading p{font-size:11px}.solutions-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.solution{font-size:11px;min-height:80px;gap:6px;padding:9px 3px;border-radius:12px}.solution span{min-width:0;font-size:25px}.contact-panel{display:block;padding:24px 18px;border-radius:16px}.contact-intro h2{font-size:31px}.contact-intro p{font-size:12px;margin-bottom:23px}.contact-links{border-left:0;border-right:0;border-top:1px solid #36cccf46;border-bottom:1px solid #36cccf46;padding:9px 0}.contact-line{min-height:60px}.contact-line strong{font-size:17px}.qr-contact{display:flex;flex-direction:column;gap:7px;margin-top:20px}.qr-contact img{height:130px;width:130px}.contacts{padding-bottom:80px}.floating-contact{right:16px;bottom:17px}.floating-label{display:none}.floating-phone{height:53px;width:53px;font-size:27px}.footer-content{flex-wrap:wrap;gap:15px}.footer-logo{font-size:16px}.footer-menu{order:3;flex-basis:100%;gap:18px}.footer-note{font-size:10px}}
@media(max-width:370px){.hero h1{font-size:31px}.card-txt h3{font-size:15px}.card-txt p{font-size:11px}.contact-line strong{font-size:15px}.solution{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;translate:none!important}.reveal{opacity:1!important}.service-card{transform:none!important}}
/* MENKOFF v1.6 Premium refinement */
:root{--teal:#54eff3}
.section{position:relative}
.ambient-pointer{pointer-events:none;position:fixed;inset:0;z-index:0;opacity:.22;background:radial-gradient(440px circle at var(--mouse-x,65%) var(--mouse-y,30%),rgba(30,211,227,.16),transparent 72%);transition:opacity .3s}
.ambient-orb{pointer-events:none;position:absolute;border-radius:50%;filter:blur(55px);z-index:0;opacity:.35;animation:orbDrift 18s ease-in-out infinite alternate}.ambient-orb-a{top:1220px;left:-180px;width:420px;height:420px;background:radial-gradient(circle,#00c6d85e,transparent 70%)}.ambient-orb-b{top:2130px;right:-140px;width:400px;height:400px;background:radial-gradient(circle,#11b3d451,transparent 70%);animation-delay:-8s}
.logo-mark{animation:logoShimmer 8s ease-in-out infinite}.logo-mark i:nth-child(2){animation-delay:.18s}
.nav{gap:20px}.menu{gap:26px}.menu a{white-space:nowrap}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.process-step{padding:22px 23px 24px;border-radius:17px;background:linear-gradient(150deg,rgba(16,63,70,.86),rgba(2,28,34,.96));border:1px solid rgba(79,222,233,.33);box-shadow:inset 0 1px 25px rgba(2,221,235,.035);position:relative;overflow:hidden}.process-step:before{content:'';position:absolute;top:-45px;right:-65px;width:150px;height:150px;background:radial-gradient(circle,rgba(57,229,234,.13),transparent 70%)}.process-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.process-n{font-size:30px;line-height:1;font-weight:800;letter-spacing:-.05em;color:rgba(112,244,246,.35)}.process-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(0,163,175,.16);border:1px solid rgba(69,231,235,.27);color:#85ffff;font-size:23px}.process-step h3{font-size:19px;line-height:1.3;letter-spacing:-.02em;margin:0 0 8px}.process-step p{font-size:13px;line-height:1.48;color:#b9d0d4}.process-step{transition:transform .25s,border-color .25s,box-shadow .25s}.process-step:hover{transform:translateY(-5px);border-color:#4ef4f0;box-shadow:0 12px 42px #04d0d01d}
.equipment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.equipment-card{border:1px solid rgba(75,225,233,.36);border-radius:18px;overflow:hidden;background:linear-gradient(160deg,#0a343b,#031b21);box-shadow:inset 0 1px 18px #25dde512;transition:transform .28s,border-color .28s,box-shadow .28s}.equipment-card:hover{transform:translateY(-5px);border-color:#58e9ee;box-shadow:0 10px 38px #13c1c123}.equipment-image{overflow:hidden;height:192px;background:#061c21;position:relative}.equipment-image:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#062b33)}.equipment-image img{height:100%;width:100%;object-fit:cover;transition:transform .5s;filter:saturate(.96)}.equipment-card:hover img{transform:scale(1.065)}.equipment-caption{padding:15px 17px 19px}.equipment-caption h3{font-size:17px;margin:0 0 4px}.equipment-caption p{font-size:12px;color:#b7cfd2;line-height:1.4}.equipment-note{font-size:11px;color:#8baeb5;margin-top:14px}
.contact-panel{grid-template-columns:.9fr 1.4fr .62fr}.contact-links{min-width:0}.quick-contact{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.quick-contact a,.quick-contact button{border:1px solid #60e1e18a;background:#06505a5e;border-radius:14px;min-height:36px;padding:8px 12px;font-size:12px;font-weight:750;color:#effbfb;cursor:pointer;transition:background .2s,transform .2s}.quick-contact a:hover,.quick-contact button:hover{background:#0b7078b4;transform:translateY(-2px)}.quick-contact .quick-call{background:linear-gradient(115deg,#80f8f4,#23cbd1);color:#002127;border:0}.copy-max{min-height:30px;font-size:11px;padding:6px 11px}.toast{position:fixed;bottom:108px;right:24px;z-index:80;background:#0b3b41;border:1px solid #74eaf0;border-radius:14px;color:#edffff;font-size:13px;padding:12px 17px;box-shadow:0 10px 35px #0006;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}
@keyframes orbDrift{from{transform:translate(-35px,-18px)}to{transform:translate(65px,30px)}}@keyframes logoShimmer{0%,85%,100%{filter:brightness(1)}90%{filter:brightness(1.45) drop-shadow(0 0 10px #28dce69b)}}
@media(max-width:1199px){.process-grid,.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.equipment-image{height:220px}.menu{gap:17px}.nav{gap:13px}.menu a{font-size:13px}.contact-panel{grid-template-columns:1fr 1.1fr .68fr}}
@media(max-width:900px){.process-grid,.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-panel{grid-template-columns:1fr 1.1fr}.equipment-image{height:190px}}
@media(max-width:620px){.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.process-step{padding:15px 13px 17px;border-radius:13px}.process-step-top{margin-bottom:12px}.process-n{font-size:25px}.process-icon{width:32px;height:32px;font-size:20px}.process-step h3{font-size:15px}.process-step p{font-size:11px}.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.equipment-image{height:115px}.equipment-caption{padding:12px}.equipment-caption h3{font-size:14px}.equipment-caption p{font-size:11px}.equipment-note{font-size:10px}.quick-contact{gap:7px;margin-top:10px}.quick-contact a,.quick-contact button{flex:1;text-align:center;white-space:nowrap;font-size:11px;padding:7px 8px}.contact-panel{display:block}.toast{right:16px;bottom:83px;left:16px;text-align:center;font-size:12px}}
@media(max-width:370px){.process-grid{grid-template-columns:1fr}.process-step{padding:16px}.equipment-image{height:95px}.quick-contact{gap:5px}.quick-contact a,.quick-contact button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ambient-orb,.logo-mark{animation:none!important}.ambient-pointer{display:none}.equipment-card img{transform:none!important}}

/* MENKOFF v1.7 Business Premium — accessible responsive modules */
.problem-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:18px;padding:18px;background:linear-gradient(130deg,#06303aec,#061d24f0);border:1px solid #45d9dc57;border-radius:24px;box-shadow:0 15px 70px #0005;isolation:isolate}
.problem-options{display:grid;gap:10px}.problem-option{appearance:none;display:flex;align-items:center;gap:14px;text-align:left;padding:16px;border:1px solid #46d4dc40;border-radius:15px;background:#06242c;color:#e5f8f8;min-height:80px;cursor:pointer;transition:background .23s,border-color .23s,transform .23s}.problem-option:hover{background:#0d4149;border-color:#5de5e9;transform:translateX(2px)}.problem-option:focus-visible,.cta:focus-visible,.faq summary:focus-visible{outline:3px solid #c9ffff;outline-offset:3px}.problem-option.is-active{background:linear-gradient(115deg,#14636b,#083139);border-color:#65faff;box-shadow:inset 0 0 18px #11aab52a}.problem-emoji{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:13px;background:#00c8d11c;color:#7cf8f6;font-weight:800;font-size:20px;border:1px solid #37a9b16b}.problem-option b{display:block;font-size:16px;line-height:1.25}.problem-option small{display:block;color:#bed8dc;font-size:12px;line-height:1.4;margin-top:6px}.problem-chevron{font-size:31px;color:#83e5e8;margin-left:auto}.problem-result{padding:25px 27px;background:linear-gradient(125deg,#0b3b45,#041c23);border-radius:18px;border:1px solid #46d5d83d;min-width:0}.problem-result-overline{font-size:11px;letter-spacing:.19em;color:#82e5e7;font-weight:800;display:flex;align-items:center;gap:9px}.live-dot{width:8px;height:8px;border-radius:50%;background:#5ff1e6;box-shadow:0 0 15px #5ff1e6;animation:softPulse 3s infinite}.problem-result h3{font-size:clamp(23px,3.2vw,31px);margin:15px 0 11px;letter-spacing:-.025em}.problem-result p{font-size:14px;line-height:1.55;color:#c7dee1}.problem-subhead{font-size:13px;color:#a2fcf7;font-weight:750;margin:17px 0 7px}.problem-result ul{margin:0;padding-left:19px;color:#eefbfb;line-height:1.85;font-size:13px}.problem-result li::marker{color:#59eced}.problem-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.problem-actions .cta{font-size:12px;min-height:44px;padding:11px 16px}.problem-safe{font-size:11px!important;border-top:1px solid #63d7dd36;padding-top:14px;margin-top:19px!important;color:#9fbfc3!important}
.care-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.care-item{border-radius:17px;padding:20px 23px 22px;background:linear-gradient(155deg,#0b373f,#061d24);border:1px solid #38c3ce49;min-height:184px;transition:transform .22s,border-color .22s}.care-item:hover{transform:translateY(-3px);border-color:#66e5e9}.care-symbol{display:grid;place-items:center;width:40px;height:40px;color:#7cfcff;font-size:24px;background:#11606e72;border-radius:11px;border:1px solid #43ceda66;margin-bottom:14px}.care-item h3{font-size:17px;margin:0 0 9px}.care-item p{font-size:13px;color:#bdcfd4;line-height:1.52}
.remote-panel{display:grid;grid-template-columns:.86fr 1.14fr;overflow:hidden;border:1px solid #49dce275;border-radius:24px;background:linear-gradient(135deg,#0c3d46,#031a20);box-shadow:0 20px 75px #0004}.remote-photo{min-height:410px;background-image:linear-gradient(90deg,#031a2026,#031a209c),url('../assets/remote-photo.webp');background-size:cover;background-position:55% center}.remote-body{padding:39px 41px}.remote-body h2{font-size:clamp(28px,3.7vw,43px);margin:8px 0 13px}.remote-body>p{font-size:14px;color:#c6d9dc;line-height:1.57}.remote-steps{counter-reset:remote;list-style:none;margin:20px 0 22px;padding:0;display:grid;gap:11px}.remote-steps li{counter-increment:remote;position:relative;min-height:34px;padding-left:43px;font-size:13px;color:#e0f3f3;line-height:1.5}.remote-steps li:before{content:counter(remote, decimal-leading-zero);position:absolute;left:0;top:1px;font-size:12px;display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#0f626c;border:1px solid #68e4e7;color:#99ffff;font-weight:800}.remote-actions{display:flex;flex-wrap:wrap;gap:9px}.remote-actions .cta{font-size:12px;min-height:45px;padding:11px 14px}.remote-disclaimer{font-size:11px!important;color:#9bbac0!important;margin-top:17px}
.faq-list{display:grid;gap:9px}.faq-list details{border:1px solid #42c8cf56;border-radius:15px;background:#08252c;padding:0 19px;transition:border-color .22s}.faq-list details[open]{border-color:#59e1e5;background:#0a323a}.faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:16px;font-weight:750;padding:19px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{display:grid;place-items:center;font-size:23px;font-weight:400;width:30px;height:30px;background:#164c54;color:#a6fbff;border-radius:8px;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;line-height:1.6;color:#c1d6db;padding:0 38px 18px 0;max-width:860px}.privacy-note{margin-bottom:12px;padding:5px 0 20px}.privacy-note details{font-size:11px;color:#89aeb3}.privacy-note summary{cursor:pointer;color:#aecbd0}.privacy-note p{line-height:1.6;margin-top:8px;max-width:930px}.footer-note a{margin-left:9px;font-size:10px;color:#b9d8d8;text-decoration:underline;text-underline-offset:3px}
.metrics-consent{position:fixed;z-index:190;left:20px;bottom:20px;right:20px;max-width:690px;margin:auto;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px 22px;background:#082d34f7;border:1px solid #5fe5e6;border-radius:18px;box-shadow:0 13px 52px #000b;backdrop-filter:blur(14px)}.metrics-consent[hidden]{display:none}.metrics-consent strong{font-size:14px}.metrics-consent p{font-size:12px;line-height:1.4;color:#b1d1d4;margin-top:5px}.consent-buttons{display:flex;gap:7px}.consent-buttons button{border:1px solid #6ed8dd;color:#e5f9fa;background:#104c53;border-radius:9px;padding:10px 12px;cursor:pointer;white-space:nowrap;font-size:12px}.consent-buttons button:last-child{background:#56e2e1;color:#03232b;font-weight:800}
@keyframes softPulse{50%{opacity:.6;box-shadow:0 0 5px #46f1ef}}
@media(max-width:1000px){.problem-layout{grid-template-columns:1fr}.problem-options{grid-template-columns:1fr 1fr}.care-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.remote-body{padding:29px}.remote-photo{min-height:380px}}
@media(max-width:700px){.remote-panel{grid-template-columns:1fr}.remote-photo{min-height:230px;background-position:center 52%}.remote-body{padding:25px}}
@media(max-width:620px){.problem-layout{padding:9px;border-radius:18px;gap:10px}.problem-options{grid-template-columns:1fr;gap:7px}.problem-option{min-height:65px;padding:11px 12px;gap:11px}.problem-emoji{width:36px;height:36px;border-radius:9px;font-size:15px}.problem-option b{font-size:14px}.problem-option small{font-size:11px;margin-top:2px}.problem-result{padding:18px 15px}.problem-result h3{font-size:23px}.problem-result p{font-size:12px}.problem-result ul{font-size:12px}.problem-actions .cta{flex:1;justify-content:center}.care-grid{grid-template-columns:1fr 1fr;gap:9px}.care-item{padding:14px 12px;min-height:172px}.care-symbol{width:34px;height:34px;font-size:19px;margin-bottom:11px}.care-item h3{font-size:14px}.care-item p{font-size:11px}.remote-photo{min-height:170px}.remote-body{padding:22px 17px}.remote-body h2{font-size:28px}.remote-steps li{font-size:12px}.remote-actions .cta{width:100%;text-align:center;justify-content:center}.faq-list details{padding:0 13px}.faq-list summary{padding:14px 0;font-size:13px}.faq-list details p{font-size:12px}.metrics-consent{left:10px;right:10px;bottom:11px;flex-direction:column;align-items:stretch;padding:14px}.consent-buttons button{flex:1}}
@media(max-width:360px){.care-grid{grid-template-columns:1fr}.problem-actions .cta{min-width:100%}}
@media(prefers-reduced-motion:reduce){.live-dot{animation:none!important}.problem-option,.care-item,.faq-list summary span{transition:none!important}}
/* Keep decorative ambient orbs from widening mobile pages. */
html, body {max-width:100%;overflow-x:clip}

/* v1.8: share-link control inside the contact panel */
.share-website{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;color:#bcd6da;font-size:14px;padding:4px 12px 0}
.share-website button{border:1px solid rgba(71,229,231,.48);border-radius:999px;background:rgba(11,69,77,.55);color:#b7fcff;padding:11px 17px;cursor:pointer;font:inherit;transition:background .2s ease,transform .2s ease}
.share-website button:hover,.share-website button:focus-visible{background:rgba(33,126,133,.6);transform:translateY(-1px)}
@media(max-width:640px){.share-website{font-size:13px;text-align:center;padding-top:12px}}

/* v1.8.3: contact actions work even without Windows default call/email apps */
.contact-dialog[hidden],.contact-dialog-draft[hidden]{display:none!important}
body.contact-dialog-open{overflow:hidden}
.contact-dialog{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:18px}
.contact-dialog-backdrop{position:absolute;inset:0;background:rgba(0,9,13,.82);backdrop-filter:blur(8px)}
.contact-dialog-box{position:relative;z-index:1;width:min(100%,540px);max-height:min(94vh,800px);overflow:auto;padding:28px;border:1px solid #69ebee;border-radius:22px;background:linear-gradient(140deg,#0a3942,#061d25 80%);box-shadow:0 24px 90px #000b;color:#efffff;outline:none}
.contact-dialog-close{position:absolute;top:12px;right:13px;border:1px solid #5de5e988;background:#0a4a52;color:#efffff;width:38px;height:38px;border-radius:12px;font-size:25px;cursor:pointer}
.contact-dialog-kicker{margin-right:36px;color:#93f4f6;font-size:11px;letter-spacing:.14em;font-weight:800}
.contact-dialog-box h2{font-size:clamp(23px,4vw,30px);margin:14px 0 12px}
.contact-dialog-box p{color:#c7dee1;font-size:13px;line-height:1.65;margin:0 0 16px}
.contact-dialog-value{margin:16px 0;padding:15px 18px;background:#022029;border:1px solid #58bdc5;border-radius:14px;color:#b5ffff;font-size:clamp(21px,4vw,26px);font-weight:800;overflow-wrap:anywhere}
.contact-dialog-draft{margin:13px 0}
.contact-dialog-draft-label{font-size:13px;font-weight:750;color:#e8fafa;margin-bottom:7px}
.contact-dialog-draft textarea{resize:vertical;display:block;min-height:120px;width:100%;border:1px solid #52aeb9;border-radius:12px;padding:13px;font:13px/1.6 system-ui,sans-serif;background:#031d25;color:#f2ffff}
.contact-dialog-copy-draft{margin-top:9px;min-height:38px;border:1px solid #4de3e7;border-radius:10px;padding:9px 12px;background:#0c505a;color:#edffff;cursor:pointer;font-weight:750}
.contact-dialog-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 12px}
.contact-dialog-actions .cta{display:flex;align-items:center;justify-content:center;flex:1 1 200px;min-height:44px;padding:12px;font-size:13px;text-align:center}
.contact-dialog-actions button.cta{cursor:pointer;font-family:inherit;font-weight:800}
.contact-dialog-box .contact-dialog-hint{font-size:12px;color:#9dc1c5;margin-top:12px}
.contact-dialog button:focus-visible,.contact-dialog a:focus-visible,.contact-dialog textarea:focus-visible{outline:3px solid #baffff;outline-offset:3px}
@media(max-width:620px){.contact-dialog{padding:10px}.contact-dialog-box{padding:22px 16px;border-radius:18px}.contact-dialog-actions{flex-direction:column}.contact-dialog-actions .cta{flex:auto;width:100%}.contact-dialog-value{font-size:21px}}


/* v1.8.4: Keep the QR/vCard in the right-hand contact column. */
.contact-panel{
  grid-template-columns:minmax(0,.91fr) minmax(0,1.35fr) minmax(170px,.68fr);
  grid-template-areas:"intro links qr" "share share share";
  column-gap:26px;
  row-gap:22px;
}
.contact-intro{grid-area:intro;min-width:0}
.contact-links{grid-area:links;min-width:0}
.qr-contact{grid-area:qr;min-width:0;align-self:center;justify-self:center;flex-direction:column}
.share-website{grid-area:share;padding-top:8px}
@media (min-width:621px) and (max-width:1000px){
  .contact-panel{
    grid-template-columns:minmax(0,1fr) minmax(160px,210px);
    grid-template-areas:"intro qr" "links qr" "share share";
    column-gap:20px;
    row-gap:16px;
    align-items:center;
  }
  .contact-links{border-left:0;border-right:0;border-top:1px solid #44e3e652;padding:10px 0 0}
  .qr-contact{margin-top:0;flex-direction:column;gap:9px}
}
@media (max-width:620px){
  .contact-panel{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"intro" "links" "qr" "share";
    row-gap:14px;
    column-gap:0;
  }
  .contact-links{padding:9px 0}
  .qr-contact{margin-top:3px;flex-direction:column;justify-self:center;gap:9px}
  .share-website{padding:6px 0 0}
}