/* LubeX commercial website — visual system */
:root{--bg:#f6f8fa;--bg2:#eff3f6;--text:#142b3e;--muted:#536675;--muted2:#60717f;--blue:#123e5b;--blue2:#205977;--gold:#e6be62;--gold2:#f3d38c;--border:#dfe6eb;--r-xl:20px;--r-lg:16px;--shadow:0 8px 30px #142b3e06;--shadow2:0 18px 45px #142b3e0c;--max:1280px}
body{background:#f7f9fa;font-weight:400}h1,h2,h3,.btn,.nav-links a{font-family:Inter,system-ui,sans-serif}h1,h2{letter-spacing:-1.6px}p{line-height:1.8}.container{padding-left:32px;padding-right:32px}section{padding:88px 0;scroll-margin-top:82px}section:nth-of-type(even){background:#fff}.nav{background:#fffffff5;backdrop-filter:blur(16px)}.nav-inner{height:82px}.logo-wrap{min-width:125px}.logo-wrap img{height:49px}.nav-links{gap:16px;flex-wrap:nowrap}.nav-links a{font-size:13px;font-weight:600;text-transform:none;padding:10px 6px;letter-spacing:0}.nav-cta{min-width:0}.nav-cta .btn-ghost{display:none}.btn{border-radius:8px;text-transform:none;font-weight:650;font-size:14px;letter-spacing:0;padding:13px 20px;box-shadow:none;transition:background .2s,transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#163f5b}.btn-gold{background:#edc674;color:#152e40}.btn-lg{padding:16px 22px}.btn-lg span{font-size:20px;margin-left:10px}.hero{padding:82px 0 0;background:radial-gradient(ellipse at 88% 35%,#244a60 0,transparent 55%),#102c40;color:#fff}.hero-grid{grid-template-columns:1fr 1.08fr;gap:54px;min-height:660px;padding-top:85px;padding-bottom:80px}.hero-copy{margin:0;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;text-align:left;min-width:0}.kicker{padding:0;background:none;border:0;border-radius:0;color:#dbc58f;font-size:10px;letter-spacing:1.7px;font-weight:600;margin-bottom:25px}.dot{width:6px;height:6px;flex-shrink:0;box-shadow:none;background:var(--gold)}.hero h1{font-size:clamp(46px,4.7vw,68px);font-weight:600;line-height:1.06;letter-spacing:-3px;margin-bottom:25px}.hero h1 span{background:none;-webkit-text-fill-color:#edc674;color:#edc674}.hero p{font-size:16px;color:#c3d0d8;max-width:465px;margin:0 0 30px;line-height:1.85}.hero-cta{justify-content:flex-start;gap:10px}.hero .btn-ghost{background:transparent;border-color:#ffffff30;color:#fff}.hero-note{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:25px;font-size:11px;color:#b9cad5}.hero-note>span:first-child{color:#edc674}.hero-product{min-width:0;position:relative}.product-caption{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.5px;color:#b6cbd7;margin-bottom:16px}.product-label{color:#edc674;letter-spacing:0}.product-window{overflow:hidden;border:1px solid #ffffff38;border-radius:12px;box-shadow:0 35px 75px #0004;background:white;transform:perspective(1400px) rotateY(-5deg)}.window-bar{display:flex;align-items:center;justify-content:space-between;background:#edf2f5;padding:12px 15px;color:#5f7380;font-size:10px}.window-dots{font-size:8px;letter-spacing:3px;color:#a7b7c2}.product-window img{width:100%;height:auto}.product-detail{margin:22px 0 0 30px;padding:18px 20px;background:#ffffff09;border:1px solid #ffffff20;border-radius:10px;display:flex;align-items:center;gap:13px}.detail-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#edc674;background:#edc67415}.product-detail strong{display:block;font-size:13px;font-weight:600}.product-detail div>span{display:block;color:#b9cad5;font-size:11px;margin-top:3px}.product-detail a{margin-left:auto;font-size:24px;color:#edc674}.hero-bottom{border-top:1px solid #ffffff15;background:#071d2b25}.capabilities{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#c7d6df}.capabilities>span:first-child{font-size:9px;letter-spacing:1.4px;color:#dcc48e}.section-head{text-align:left;max-width:800px;margin-bottom:36px}.section-head .tag{padding:0;border:0;background:none;box-shadow:none;letter-spacing:1.6px;font-size:10px;color:#5b7180}.section-head h2{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.2;margin-top:16px}.section-head p{margin:16px 0 0;font-size:15px;max-width:720px}.grid{gap:18px}.card{padding:28px;background:#fff;box-shadow:none}.card::before{display:none}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow2);border-color:#adc1cf}.card h3{text-transform:none;letter-spacing:-.3px;font-size:17px;font-weight:650}.card p{font-size:14px}.ic{background:#edf3f6;border:0;border-radius:10px;font-size:13px;margin-bottom:24px}.showcase{background:#f0f4f7;padding:18px;box-shadow:none}.tabs{gap:8px}.tab{font-family:inherit;text-transform:none;border-radius:8px}.shot{border-radius:10px}.message-wall,.offer-card,.panel,.compare{box-shadow:none}.price-card{padding:30px;background:#fff;box-shadow:none;display:flex;flex-direction:column}.price-card.featured{border:2px solid #204e6a;box-shadow:0 16px 40px #163f5b10}.price-card .tier{flex-direction:column;margin-top:17px;gap:6px}.tier h3{text-transform:none;font-size:20px}.ribbon{top:0;right:0;border-radius:0 0 0 10px;padding:5px 14px;font-size:9px;letter-spacing:.8px;box-shadow:none;background:#204e6a;color:white}.price{font-size:36px;letter-spacing:-1.5px;margin-top:18px}.price span{font-size:13px;letter-spacing:0}.mini,.feat{font-size:13px}.feat{line-height:1.65;flex:1}.price-card>.btn{width:100%}summary{text-transform:none;font-size:14px;font-weight:600;letter-spacing:0}details{border-radius:12px;box-shadow:none;padding:22px}details[open] .plus{transform:rotate(45deg)}details p{font-weight:400;font-size:14px}.panel{padding:32px}label{text-transform:none;font-size:13px;font-weight:600}input,textarea,select{font:inherit;font-size:16px;border-radius:8px;background:#f9fbfc}.notice{font-size:12px;font-weight:400}footer{background:#102c40;padding-top:60px}.footer-brand,.footer-cta{border:0;background:none;box-shadow:none;padding:0}.footer-brand img{background:white;border-radius:6px;padding:6px}.footer-text,.footer-links a{font-size:13px;font-weight:400}.footer-grid{gap:38px}.footer-title{font-size:10px;letter-spacing:1.5px}.footer-bottom{font-size:11px;margin-top:45px;font-weight:400}.footer-cta .btn{font-size:12px;padding:10px 12px}.mobile-menu-panel{visibility:hidden}.menu-open .mobile-menu-panel{visibility:visible}.skip-link{position:fixed;top:10px;left:15px;z-index:1200;transform:translateY(-160%);padding:10px 18px;background:#fff;border-radius:8px;color:#142b3e}.skip-link:focus{transform:none}:focus-visible{outline:3px solid #ba881e;outline-offset:5px}.reveal{opacity:1;transform:none}
@media(min-width:981px) and (max-width:1150px){.hero-grid{gap:30px}.hero .btn-lg{padding:14px;font-size:12px}.nav-links{gap:10px}}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;padding-top:55px;padding-bottom:50px;gap:48px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:60px}.hero p{max-width:600px}.hero-product{max-width:720px;width:100%}.product-window{transform:none}.capabilities{flex-wrap:wrap;justify-content:flex-start;padding-top:23px;padding-bottom:23px;gap:15px 25px}.capabilities>span:first-child{width:100%}.hero{padding-top:82px}.section-head{max-width:700px}.mobile-menu-panel{top:82px;height:calc(100dvh - 82px)}.mobile-menu-backdrop{top:82px}.nav-cta{display:none}}
@media(max-width:600px){.container{padding-left:22px;padding-right:22px}.nav-inner{height:74px}.logo-wrap img{height:43px}.hero{padding-top:74px}.hero-grid{padding-top:42px;gap:38px}.hero h1{font-size:49px;letter-spacing:-2.4px}.kicker{font-size:8px;letter-spacing:1.1px;gap:8px}.hero p{font-size:15px}.hero-cta{align-items:stretch;flex-direction:column}.hero-cta .btn{width:100%}.hero-note{font-size:10px;gap:7px}.product-caption{font-size:8px;letter-spacing:.8px}.product-detail{margin-left:0;padding:14px}.capabilities{font-size:11px;gap:14px 20px}section{padding:58px 0;scroll-margin-top:74px}.section-head h2{letter-spacing:-1px}.section-head{margin-bottom:28px}.grid,.pricing{grid-template-columns:1fr}.card,.panel,.price-card{padding:24px}.showcase{padding:10px}.tabs{flex-wrap:wrap}.tab{font-size:11px;padding:9px 11px}.footer-grid{gap:28px}.mobile-menu-panel{top:74px;height:calc(100dvh - 74px)}.mobile-menu-backdrop{top:74px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}