/* EtherComm 2026, standalone light-mode system. No remote fonts/scripts. */
:root{color-scheme:light;--ink:#172744;--text:#223451;--muted:#60718b;--line:#dfe7f1;--blue:#126cc3;--blue2:#0089ce;--orange:#ed6e2d;--surface:#fff;--wash:#f3f7fc;--sh:0 22px 54px rgba(18,48,90,.08);--r:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.58}a{color:#075da7;text-underline-offset:3px}a:hover{color:#e36a30}button,a{outline-offset:4px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;color:var(--ink)}h1{font-size:clamp(2.7rem,5.2vw,5.3rem);letter-spacing:-.062em;font-weight:820}h2{font-size:clamp(2rem,3.5vw,3.45rem);letter-spacing:-.049em;font-weight:780}h3{font-size:1.38rem;letter-spacing:-.025em}p{color:var(--muted)}.wrap{width:min(1190px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:16px;top:16px;z-index:100;background:#fff;padding:12px}
.site-head{background:rgba(255,255,255,.94);border-bottom:1px solid #e9eef6;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.head-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.brand img{width:46px;height:46px;object-fit:contain}.brand strong{font-size:1.4rem;letter-spacing:-.055em;line-height:1;font-weight:850;color:var(--ink)}.brand strong span{color:var(--orange)}.desktop-nav{display:flex;align-items:center;gap:28px}.desktop-nav a,.mobile-nav a{font-size:.89rem;font-weight:740;text-decoration:none;color:#283b59}.desktop-nav .nav-contact{border:1px solid #cddbea;border-radius:999px;padding:10px 22px;background:#fff}.nav-contact:hover{border-color:var(--blue)}.mobile-nav{display:none}.mobile-nav summary{padding:7px 14px;border:1px solid var(--line);border-radius:13px;font-weight:700;cursor:pointer}.mobile-nav .mobile-links{position:absolute;top:74px;right:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh);padding:16px;display:grid;gap:12px;border-radius:16px}
.eyebrow{display:inline-block;color:#0b64a2;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;font-weight:850;margin-bottom:16px}.hero{background:radial-gradient(ellipse 820px 450px at 88% 10%,#e7effe 0%,transparent 74%),radial-gradient(ellipse 500px 350px at 7% 100%,#fff4ee 0%,transparent 76%),linear-gradient(#fff,#f8fbff);border-bottom:1px solid var(--line)}.hero-grid{min-height:650px;padding:82px 0 92px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:78px}.hero h1{margin:0 0 24px}.hero h1 em{font-style:normal;color:var(--blue)}.hero .lead{font-size:1.12rem;max-width:555px;color:#526780;line-height:1.85}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:29px 0 0}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;border-radius:13px;font-size:.92rem;font-weight:760;text-decoration:none;border:1px solid transparent;transition:transform .16s ease,box-shadow .16s ease}.btn:hover{transform:translateY(-2px);color:inherit}.btn.primary{color:#fff;background:linear-gradient(115deg,#1166af,#257dcb);box-shadow:0 12px 24px #126ab820}.btn.secondary{color:#254365;background:#fff;border-color:#d1dfef}.hero-note{font-size:.83rem;margin-top:24px;color:#687e98}.hero-visual{position:relative}.hero-visual::before{content:"";position:absolute;inset:-22px -25px 27px 35px;border:2px solid #dbe6f4;border-radius:35px;z-index:0}.hero-card{position:relative;background:#fff;min-height:445px;border:1px solid #e3ebf5;border-radius:28px;box-shadow:var(--sh);padding:18px;display:flex;align-items:center;justify-content:center}.hero-card img{width:min(100%,440px);height:auto;object-fit:contain}.hero-tab{position:absolute;bottom:18px;right:18px;background:#fff;box-shadow:0 6px 22px #25476814;border:1px solid var(--line);padding:10px 15px;border-radius:100px;font-weight:800;font-size:.74rem;color:#2b526f}
.trustline{border-bottom:1px solid var(--line);background:#fff}.trustgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:23px 0}.trustgrid span{font-size:.82rem;font-weight:720;color:#405878;display:flex;align-items:center;gap:10px}.trustgrid b{background:#e8f3fb;color:#166da5;border-radius:12px;width:33px;height:33px;display:grid;place-items:center;flex-shrink:0}
.section{padding:100px 0;scroll-margin-top:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:31px}.section-heading h2{margin-bottom:0}.section-heading p{max-width:360px;margin-bottom:6px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project{border:1px solid var(--line);border-radius:var(--r);background:#fff;overflow:hidden;box-shadow:0 20px 42px #17385d0b;display:flex;flex-direction:column}.project-top{height:244px;display:flex;align-items:center;justify-content:center;padding:25px;position:relative}.project-top.midi{background:linear-gradient(145deg,#e4f1ff,#f0efff)}.project-top.welooma{background:linear-gradient(145deg,#f7eee8,#fff8ed)}.project-top img.midi-logo{width:176px;height:176px;object-fit:contain;filter:drop-shadow(0 14px 15px #24436e1b)}.project-top img.welooma-logo{width:min(90%,345px);height:auto;object-fit:contain}.project-top .badge{position:absolute;top:18px;left:18px;background:#fff;color:#38516d;border:1px solid #dce4ed;border-radius:100px;font-size:.69rem;font-weight:820;letter-spacing:.09em;padding:7px 12px;text-transform:uppercase}.project-body{padding:29px 33px 32px;display:flex;flex-direction:column;flex:1}.kicker{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:850;color:var(--blue);margin-bottom:11px}.project-body h3{font-size:1.72rem;margin-bottom:12px}.project-body p{font-size:.96rem;line-height:1.8}.project-body .footrow{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:auto;gap:12px;flex-wrap:wrap}.go{font-size:.9rem;font-weight:820;text-decoration:none}.micro{font-size:.79rem;color:#667892}.tagbar{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 23px}.tagbar span{font-size:.77rem;font-weight:720;padding:5px 10px;background:#f1f5fb;color:#47607b;border-radius:999px}
.family-section{background:var(--wash);border-block:1px solid #e9eef6}.family-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.family-card{background:#fff;border:1px solid var(--line);border-radius:22px;display:grid;grid-template-columns:118px 1fr;gap:24px;align-items:center;padding:24px 27px;box-shadow:0 13px 29px #112d4907}.family-logo{width:118px;height:110px;display:flex;align-items:center;justify-content:center;border-radius:17px;background:#f6f8fa;overflow:hidden;padding:9px}.family-logo.eyewear{background:#fbf7cb}.family-logo.mofitech{background:#eff2f4}.family-logo img{max-height:98px;width:100%;object-fit:contain}.family-card h3{margin:0 0 8px}.family-card p{font-size:.88rem;margin:0 0 12px;line-height:1.6}
.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:68px}.about-card{background:linear-gradient(130deg,#f0f7ff,#fafcff);border:1px solid #dce8f5;border-radius:24px;padding:45px}.about-card p{font-size:1.02rem;line-height:1.9}.about-card h3{margin-bottom:18px}.small-list{display:grid;gap:12px;margin-top:22px}.small-list span{border-top:1px solid #d8e4f0;padding-top:12px;font-weight:700;color:#526b84}.about-quote{font-size:clamp(1.8rem,3.3vw,2.9rem);color:#183f68;line-height:1.28;letter-spacing:-.038em;font-weight:760;margin-top:8px}.about-signature{font-weight:800;color:var(--ink)}.contact-section{background:#f5f8fc;border-top:1px solid var(--line)}.contact-box{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;background:#fff;padding:46px;border:1px solid #e0e7f0;border-radius:28px;box-shadow:var(--sh)}.contact-box h2{margin-bottom:15px}.contact-box p{font-size:1.03rem}.contact-details{background:#eff6fd;border:1px solid #dce9f6;border-radius:19px;padding:26px}.contact-details strong{display:block;color:var(--ink);font-size:1.22rem;margin-bottom:6px}.contact-details a{font-weight:780;overflow-wrap:anywhere}.contact-details small{color:var(--muted)}
.footer{background:#f7f9fd;border-top:1px solid #dfe7f0}.visitor-panel{padding:33px 0 26px;border-bottom:1px solid #dfe6ef}.visitor-box{background:#fff;border:1px solid #dde6ef;border-radius:20px;padding:19px 24px;display:flex;gap:30px;justify-content:space-between;align-items:center;box-shadow:0 9px 30px #132c4c08}.visitor-intro{flex:0 0 210px}.visitor-intro .eyebrow{margin:0 0 7px;letter-spacing:.09em;font-size:.68rem}.visitor-intro strong{display:block;color:var(--ink);font-size:1.15rem}.visitor-intro small{display:block;color:#68809c;font-size:.72rem}.visitor-stats{flex:1;text-align:right}.visitor-total{font-size:1.1rem;font-weight:850;color:#163e63}.visitor-countries{display:flex;flex-wrap:wrap;gap:6px 9px;margin-top:6px;justify-content:flex-end}.country-pill{font-weight:720;color:#314b6d;font-size:.82rem;white-space:nowrap}.country-pill:not(:last-child)::after{content:"·";margin-left:9px;color:#b9c5d3}.country-empty{color:#79889e;font-size:.88rem}.footer-main{display:grid;grid-template-columns:1.65fr .9fr .9fr 1.1fr;gap:42px;padding:52px 0 43px}.footer-brand-image{width:min(100%,390px);height:auto;border:1px solid #dce4eb;border-radius:14px;background:#fff}.footer-brand p{font-size:.85rem;max-width:385px;margin:18px 0}.footer-col strong{display:block;font-size:.83rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:17px;color:#24405f}.footer-col a{display:block;text-decoration:none;margin:0 0 9px;color:#49617e;font-weight:670;font-size:.85rem}.footer-col a:hover{text-decoration:underline}.footer-col .email{color:#0c61a6;font-weight:820}.footer-bottom{border-top:1px solid #dde6ef;padding:17px 0 23px;display:flex;gap:18px;justify-content:space-between;align-items:center;color:#68819b;font-size:.78rem}.footer-bottom a{color:#486684}.privacy-note{border-top:1px solid #e2e9f2;padding:20px 0 28px;font-size:.79rem;color:#6a7d93}.privacy-note strong{color:#355474}.privacy-note p{font-size:inherit;margin:6px 0 0;max-width:900px}.preview-chip{display:none}
@media(max-width:900px){.hero-grid{gap:35px;min-height:0;padding:70px 0;grid-template-columns:1fr 1fr}.hero-card{min-height:300px}.section{padding:73px 0}.footer-main{grid-template-columns:1.4fr 1fr 1fr;gap:27px}.footer-brand{grid-column:1/-1}.visitor-box{align-items:start}.project-top{height:215px}.about-grid{gap:30px}}
@media(max-width:700px){.wrap{width:min(100% - 32px,550px)}.desktop-nav{display:none}.mobile-nav{display:block}.head-inner{min-height:70px}.hero-grid,.cards,.family-cards,.about-grid,.contact-box{grid-template-columns:1fr}.hero-grid{gap:35px;padding:52px 0 64px}.hero h1{font-size:clamp(2.55rem,10.4vw,4rem)}.hero-visual{max-width:420px;margin-inline:auto}.hero-card{min-height:0}.hero-visual::before{inset:-12px -10px 15px 15px}.section-heading{display:block}.section-heading p{margin-top:15px}.section{padding:65px 0}.trustgrid{grid-template-columns:1fr;gap:5px;padding:17px 0}.project-top{height:205px}.project-body{padding:23px}.family-card{grid-template-columns:90px 1fr;gap:14px;padding:17px}.family-logo{width:90px;height:91px}.family-logo img{max-height:83px}.contact-box{padding:24px}.about-card{padding:28px}.visitor-box{display:block}.visitor-intro{margin-bottom:12px}.visitor-stats{text-align:left}.visitor-countries{justify-content:start}.footer-main{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}}
@media(max-width:410px){.footer-main{grid-template-columns:1fr}.project-top img.midi-logo{width:150px;height:150px}.hero-tab{position:static;align-self:flex-end}.family-card{grid-template-columns:1fr}.family-logo{width:100%;height:110px}.family-logo img{max-height:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}


/* EtherComm V5: originele merkbeelden zonder schijnranden en zonder logo/tekst-overlap. */
.hero-visual::before{content:none!important;display:none!important}
.hero-card{box-shadow:none!important;border:1px solid #e5ecf5;background:#fff;min-height:0;padding:20px;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center}
.hero-card img{display:block;width:min(100%,420px);height:auto;max-height:420px;object-fit:contain;flex-shrink:1}
.hero-tab{position:static!important;align-self:center;margin:0!important;box-shadow:none!important;flex:0 0 auto;text-align:center;max-width:100%}
.project-top{height:auto;min-height:244px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:19px 19px 23px;overflow:hidden}
.project-top .badge{position:static!important;align-self:flex-start;max-width:100%;white-space:normal;line-height:1.35;text-align:left;flex-shrink:0;z-index:1}
.project-top img.midi-logo{display:block;width:171px;height:171px;max-width:100%;object-fit:contain;filter:none!important;flex:0 1 auto}
.project-top img.welooma-logo{display:block;max-width:90%;max-height:112px;width:min(90%,345px);height:auto;object-fit:contain;flex:0 1 auto}
.ec-detail-top .wrap{grid-template-columns:minmax(0,1fr) minmax(0,260px);align-items:center}
.ec-detail-top img{display:block;width:min(100%,260px);height:auto;max-height:236px;object-fit:contain}
.footer-brand-image{display:block;border:0;box-shadow:none;max-width:100%;height:auto;background:transparent}
@media(max-width:700px){
 .hero-card{padding:15px;gap:11px}
 .hero-card img{max-height:350px}
 .hero-tab{font-size:.7rem}
 .project-top{min-height:229px;gap:12px;padding:16px 17px 21px}
 .project-top img.midi-logo{width:160px;height:160px}
 .ec-detail-top .wrap{grid-template-columns:minmax(0,1fr)}
 .ec-detail-top img{margin:10px auto;max-height:200px}
}
@media(max-width:400px){.project-top img.midi-logo{width:150px;height:150px}}