
:root{
  --ink:#132238; --muted:#5b6777; --line:#d9e1ea; --paper:#f7f9fb; --white:#fff;
  --brand:#124a8a; --brand2:#1d6fb8; --accent:#d62828; --deep:#0d2948; --soft:#eaf3fb;
  --shadow:0 18px 50px rgba(20,49,79,.12); --radius:22px; --max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.6}
a{color:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.topbar{background:var(--deep);color:#fff;font-size:.9rem}.topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.topbar a{color:#fff;text-decoration:none}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px}.mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;color:#fff;font-weight:900;font-size:1.3rem;box-shadow:0 8px 20px rgba(18,74,138,.25)}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:1.22rem;letter-spacing:-.03em}.brand-copy span{font-size:.72rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:4px}

/* NeverTear brand logo */
.logo-brand{flex:0 0 auto}
.site-logo{display:block;width:min(330px,28vw);height:auto;max-height:92px;object-fit:contain}
.footer-logo-brand{display:inline-flex;margin-bottom:12px}
.footer-site-logo{display:block;width:300px;max-width:100%;height:auto;filter:drop-shadow(0 3px 8px rgba(0,0,0,.18))}

nav ul{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}nav a{text-decoration:none;font-weight:700;font-size:.94rem}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 21px;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer}.nav-cta,.btn.primary{background:var(--accent);color:#fff}.btn.secondary{background:#fff;color:var(--brand);border-color:#b9cde1}.btn.dark{background:var(--deep);color:#fff}.menu-btn{display:none;background:none;border:0;font-size:1.5rem}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f6fbff 0%,#eaf4fb 58%,#fff 100%)}.hero:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;right:-180px;top:-140px;background:radial-gradient(circle,rgba(29,111,184,.18),rgba(29,111,184,0) 70%)}.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;padding:82px 0}.eyebrow{font-size:.78rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--brand);margin-bottom:12px}.hero h1,.page-hero h1{font-size:clamp(2.5rem,5.4vw,5rem);line-height:.98;letter-spacing:-.055em;margin:0 0 22px}.hero p{font-size:1.18rem;color:var(--muted);max-width:700px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.pill{background:#fff;border:1px solid var(--line);padding:8px 12px;border-radius:999px;font-size:.86rem;font-weight:750;color:#34465c}
.menu-card{background:#fff;border-radius:30px;padding:28px;box-shadow:var(--shadow);transform:rotate(2deg);position:relative}.menu-card:before{content:"WATERPROOF MENU";position:absolute;top:20px;right:20px;background:var(--soft);color:var(--brand);font-size:.7rem;font-weight:900;letter-spacing:.09em;padding:7px 10px;border-radius:999px}.menu-card h3{font-family:Georgia,serif;font-size:2rem;margin:20px 0 6px}.menu-line{display:flex;justify-content:space-between;border-bottom:1px dotted #bfc8d3;padding:13px 0}.menu-note{margin-top:18px;border-radius:16px;background:#f8fafc;padding:14px;font-size:.88rem;color:var(--muted)}
section{padding:82px 0}.section-title{max-width:780px;margin-bottom:34px}.section-title h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 14px}.section-title p{color:var(--muted);font-size:1.08rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:27px;background:#fff}.card h3{margin:8px 0 8px;font-size:1.25rem}.card p{margin:0;color:var(--muted)}.icon{width:44px;height:44px;border-radius:13px;background:var(--soft);display:grid;place-items:center;font-size:1.25rem}
.band{background:var(--deep);color:#fff}.band .section-title p,.band .muted{color:#c7d5e5}.stat{font-size:2.7rem;font-weight:900;letter-spacing:-.04em}.quote-callout{padding:32px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);border-radius:24px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.checklist{display:grid;gap:14px}.check{display:flex;gap:12px}.check b{color:var(--brand)}
.case{background:#fff7ed;border:1px solid #fed7aa;border-radius:24px;padding:28px}.case .label{color:#9a3412;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.case strong{font-size:1.35rem;display:block;margin:8px 0}.fine{font-size:.82rem;color:var(--muted)}
.page-hero{background:linear-gradient(135deg,#f6fbff,#eef5fb);padding:68px 0}.page-hero h1{font-size:clamp(2.5rem,5vw,4.5rem)}.page-hero p{font-size:1.15rem;color:var(--muted);max-width:790px}.breadcrumbs{font-size:.84rem;color:var(--muted);margin-bottom:18px}.breadcrumbs a{color:var(--brand)}
.form-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:start}.form-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:.9rem}.field input,.field select,.field textarea{font:inherit;width:100%;padding:13px 14px;border:1px solid #c9d4df;border-radius:12px;background:#fff;color:var(--ink)}.field textarea{min-height:130px;resize:vertical}.hp{position:absolute;left:-9999px}.notice{background:#eef7f0;border:1px solid #b9dfc0;border-radius:14px;padding:14px;color:#245b31}.error{background:#fff0f0;border-color:#ffc7c7;color:#8b1e1e}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line)}th{background:#f3f7fa;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}
.cta{background:linear-gradient(135deg,var(--brand),var(--deep));color:#fff;border-radius:30px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:26px}.cta h2{margin:0;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.05}.cta p{margin:9px 0 0;color:#d6e5f4}
footer{background:#0a1d32;color:#dce6f0;padding:55px 0 24px;margin-top:70px}footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:34px}.footer-grid h4{color:#fff;margin-top:0}.footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.legal{border-top:1px solid rgba(255,255,255,.13);margin-top:35px;padding-top:20px;color:#a9b8c7;font-size:.8rem}
@media(max-width:900px){.site-logo{width:250px;max-height:78px}.hero .wrap,.split,.form-shell{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.hero .wrap{padding:58px 0}.menu-card{transform:none}nav ul{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 24px;flex-direction:column;align-items:flex-start}nav ul.open{display:flex}.menu-btn{display:block}.nav-cta{display:none}.cta{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.site-logo{width:205px;max-height:68px}.footer-site-logo{width:250px}.wrap{width:min(100% - 28px,var(--max))}.grid-2,.grid-3,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.hero h1,.page-hero h1{font-size:2.7rem}.topbar .wrap{flex-direction:column;gap:2px}.brand-copy span{display:none}.cta{padding:28px}}

/* Neutral site identity: avoids presenting NeverTear as a Lexdirect-owned mark */
.neutral-brand{display:flex!important;flex-direction:column;align-items:flex-start;text-decoration:none;line-height:1.02;min-width:210px}
.brand-domain{font-size:1.45rem;font-weight:900;letter-spacing:-.035em;color:#0b2d57}
.brand-sub{font-size:.67rem;font-weight:700;letter-spacing:.055em;text-transform:uppercase;color:#5b6d7f;margin-top:.22rem}
footer .brand-domain{color:#fff}.footer-sub{color:#b9c8d8}.footer-domain{font-size:1.25rem}
@media(max-width:760px){.brand-domain{font-size:1.15rem}.brand-sub{font-size:.56rem}.neutral-brand{min-width:160px}}

/* LexTera logo sizing - full artwork visible */
.logo-brand{display:flex;align-items:center;overflow:visible;flex:0 0 auto}
.lextera-logo{display:block;width:310px;max-width:31vw;height:auto;max-height:none;object-fit:contain;object-position:center;overflow:visible}
.footer-lextera-logo{width:330px;max-width:100%;height:auto;max-height:none;object-fit:contain}
header .nav{min-height:132px;overflow:visible}
@media(max-width:1050px){.lextera-logo{width:250px;max-width:29vw}header .nav{min-height:112px}nav ul{gap:15px}nav a{font-size:.88rem}}
@media(max-width:900px){.lextera-logo{width:235px;max-width:68vw}header .nav{min-height:108px}nav ul{top:108px}}
@media(max-width:620px){.lextera-logo{width:215px;max-width:72vw}.footer-lextera-logo{width:260px}header .nav{min-height:102px}nav ul{top:102px}}

/* v1.3 compact LexTera logo: no clipping */
header{overflow:visible}
.logo-brand{display:flex!important;align-items:center!important;overflow:visible!important;flex:0 0 auto!important}
.lextera-logo{display:block!important;width:330px!important;max-width:31vw!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;overflow:visible!important}
.footer-lextera-logo{width:320px!important;max-width:100%!important;height:auto!important;max-height:none!important}
header .nav{min-height:112px!important;overflow:visible!important}
@media(max-width:1050px){.lextera-logo{width:255px!important;max-width:29vw!important}header .nav{min-height:102px!important}nav ul{gap:14px!important}nav a{font-size:.87rem!important}}
@media(max-width:900px){.lextera-logo{width:245px!important;max-width:70vw!important}header .nav{min-height:104px!important}nav ul{top:104px!important}}
@media(max-width:620px){.lextera-logo{width:220px!important;max-width:72vw!important}.footer-lextera-logo{width:260px!important}header .nav{min-height:98px!important}nav ul{top:98px!important}}

/* v1.4 real photographic imagery from the approved LexTera design concept */
.hero-visual{position:relative;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);min-height:420px;background:#dbeaf7}
.hero-visual img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover}
.hero-badge{position:absolute;right:20px;bottom:20px;background:linear-gradient(135deg,#0a58b5,#138cf1);color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.04em;border-radius:16px;padding:13px 18px;box-shadow:0 10px 24px rgba(0,48,110,.25)}
.photo-card{padding:0!important;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.photo-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(20,55,90,.13)}
.photo-card .industry-img{display:block;width:100%;height:155px;object-fit:cover;margin:0}
.photo-card .icon,.photo-card h3,.photo-card p{margin-left:24px;margin-right:24px}
.photo-card .icon{margin-top:22px}.photo-card p{margin-bottom:26px}
.page-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center}
.page-hero-image{border-radius:26px;overflow:hidden;box-shadow:var(--shadow);min-height:300px;background:#e8f2fa}
.page-hero-image img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover}
@media(max-width:900px){.hero-visual,.hero-visual img{min-height:330px}.page-hero-grid{grid-template-columns:1fr}.page-hero-image,.page-hero-image img{min-height:250px}.photo-card .industry-img{height:180px}}
@media(max-width:620px){.hero-visual,.hero-visual img{min-height:260px}.hero-badge{right:12px;bottom:12px;font-size:.72rem;padding:10px 12px}.photo-card .industry-img{height:170px}}
