:root{--shell:1180px;--gd:22px;--gm:16px;--gp:12px;--navy:#07172e;--navy2:#0a2343;--ink:#0c1d34;--blue:#1477ee;--cyan:#72d8ff;--green:#2cd568;--bg:#f5f8fc;--panel:#fff;--line:#dfe7f0;--muted:#61758b;--shadow:0 30px 90px rgba(5,27,54,.12);--ease:cubic-bezier(.22,.8,.22,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video,svg,canvas,iframe{max-width:100%;height:auto}.shell{width:min(var(--shell),calc(100% - (var(--gd)*2)));margin:0 auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:9999;background:#fff;padding:10px}.page-noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.topbar{height:76px;position:sticky;top:0;z-index:100;background:rgba(7,23,46,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.topbar.scrolled{box-shadow:0 12px 36px rgba(3,14,29,.22)}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#1c8cff,#34cfff 60%,#4ee6a8);color:#041b35;font-weight:950;font-size:22px;box-shadow:0 8px 24px rgba(0,0,0,.23)}.brand-copy{display:flex;flex-direction:column;line-height:1.05;color:#fff}.brand-copy strong{font-size:15px}.brand-copy small{font-size:11px;color:#91a8bf;margin-top:5px}.nav{display:flex;align-items:center;gap:5px;color:#dce7f1}.nav>a{font-size:13px;font-weight:750;padding:10px 12px;border-radius:10px}.nav>a:hover{background:rgba(255,255,255,.07);color:#fff}.nav-demo{border:1px solid rgba(255,255,255,.18)}.nav-toggle{display:none;border:0;background:transparent;color:#fff;flex-direction:column;align-items:center;gap:3px}.nav-toggle span{width:22px;height:2px;background:#fff;border-radius:9px}.nav-toggle i{font-style:normal;font-size:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border-radius:12px;background:linear-gradient(135deg,#2389ff,#0f6edc);color:#fff;font-weight:800;border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 28px rgba(20,119,238,.2);transition:.22s var(--ease)}.btn:hover{transform:translateY(-2px)}.btn.xl{padding:15px 21px}.btn.ghost{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.2);box-shadow:none}.btn.light{background:#fff;color:#0b2b4f;box-shadow:0 12px 32px rgba(0,0,0,.16)}.btn.ghost-dark{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.hero{position:relative;overflow:hidden;padding:88px 0 0;background:radial-gradient(circle at 75% 18%,#123d70 0,transparent 31%),radial-gradient(circle at 18% 0,#0d315d 0,transparent 28%),var(--navy);color:#fff}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:190px;background:linear-gradient(180deg,transparent,rgba(2,12,25,.16))}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:54px;position:relative;z-index:2}.hero-copy{padding-bottom:76px}.hero-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;color:#9ec9f7;display:flex;align-items:center;gap:10px}.hero-kicker span{width:28px;height:1px;background:linear-gradient(90deg,#2cd568,#75ddff)}.hero h1{font-size:clamp(52px,6.2vw,82px);line-height:.94;letter-spacing:-.065em;margin:22px 0 25px}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#68b6ff,#78e1ff 54%,#83ffce);background-clip:text;-webkit-background-clip:text}.hero-lead{font-size:19px;line-height:1.65;color:#c1d2e3;max-width:630px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:33px 0 25px}.hero-meta{display:flex;gap:17px;flex-wrap:wrap;color:#9fb5c9;font-size:12px}.hero-stage{position:relative;min-height:590px;display:grid;place-items:center}.stage-halo{position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(20,119,238,.22),rgba(25,156,255,.08) 42%,transparent 70%)}.portfolio-window{width:min(650px,100%);background:#fff;color:var(--ink);border-radius:23px;overflow:hidden;box-shadow:0 46px 130px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.23);position:relative;z-index:2;transform:rotateY(-2deg) rotateX(1deg)}.window-top{height:48px;background:#f6f9fc;border-bottom:1px solid #e5ebf2;display:flex;align-items:center;padding:0 15px;gap:10px;color:#6c8196}.traffic{display:flex;gap:5px}.traffic i{width:8px;height:8px;border-radius:50%;background:#cbd4df}.traffic i:first-child{background:#ff7169}.traffic i:nth-child(2){background:#ffbf4f}.traffic i:nth-child(3){background:#4fd18b}.window-top b{font-size:10px}.window-top small{margin-left:auto;color:#278f58;font-weight:800}.portfolio-body{padding:22px;background:#f5f8fc;display:grid;grid-template-columns:1fr 1fr;gap:10px}.portfolio-kpi{background:#fff;border:1px solid #e3eaf2;border-radius:13px;padding:16px}.portfolio-kpi span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#7890a7;font-weight:800}.portfolio-kpi strong{display:block;font-size:20px;margin:4px 0}.portfolio-kpi small{color:#657a90}.portfolio-flow{grid-column:1/-1;height:120px;background:linear-gradient(135deg,#081d37,#0d3d70);border-radius:14px;position:relative;display:grid;place-items:center;overflow:hidden}.portfolio-flow span{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1a80ef,#36d7e9);color:#fff;font-weight:900;box-shadow:0 0 0 15px rgba(255,255,255,.06)}.portfolio-flow i{position:absolute;width:155px;height:1px;background:linear-gradient(90deg,transparent,#57caff,transparent)}.portfolio-flow i:nth-child(1){transform:rotate(0deg)}.portfolio-flow i:nth-child(2){transform:rotate(45deg)}.portfolio-flow i:nth-child(3){transform:rotate(90deg)}.portfolio-flow i:nth-child(4){transform:rotate(135deg)}.section{padding:104px 0}.section-light{background:var(--bg)}.section-head{max-width:760px;margin:0 auto 54px;text-align:center}.section-kicker{font-size:11px;font-weight:900;letter-spacing:.15em;color:var(--blue)}.section-kicker.light{color:#70c6ff}.section-head h2{font-size:clamp(34px,4.3vw,56px);line-height:1.04;letter-spacing:-.045em;margin:12px 0 17px}.section-head p{font-size:17px;color:var(--muted);margin:0}.bento-section{background:linear-gradient(180deg,#fff,#f5f9fd)}.bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.bento-card{position:relative;background:rgba(255,255,255,.94);border:1px solid #dfe8f1;border-radius:24px;padding:28px;box-shadow:0 18px 55px rgba(8,37,70,.065);min-height:300px;display:flex;flex-direction:column;overflow:hidden}.bento-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--accent,#1477ee)}.bento-half{grid-column:span 6}.bento-third{grid-column:span 4}.bento-card.marqentra{--accent:#1682f2}.bento-card.linkentra{--accent:#29c6dc}.bento-card.debentra{--accent:#6c7df5}.bento-card.affilentra{--accent:#26b879}.bento-card.blog-card{--accent:#ff9b45}.card-top{display:flex;justify-content:space-between;align-items:center}.mini-label{font-size:10px;font-weight:900;letter-spacing:.13em;color:var(--accent)}.card-number{font-size:11px;color:#9badbf}.bento-card h3{font-size:32px;letter-spacing:-.04em;margin:26px 0 8px}.bento-card>strong{font-size:16px;line-height:1.4}.bento-card p{color:#62748a;max-width:560px}.bento-card>a{margin-top:auto;color:var(--accent);font-weight:850}.dashboard-preview{margin-top:20px;border-radius:26px;padding:42px;background:linear-gradient(135deg,#07172e,#0b3159);color:#fff;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;box-shadow:var(--shadow)}.dashboard-preview-copy h3{font-size:clamp(30px,4vw,48px);line-height:1.03;letter-spacing:-.045em;margin:10px 0 16px}.dashboard-preview-copy p{color:#c5d7e8;font-size:16px}.preview-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.preview-pills span{font-size:10px;padding:7px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06)}.preview-board{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-board div{background:#fff;color:#132943;border-radius:16px;padding:18px;display:flex;align-items:center;gap:11px}.preview-board b{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eaf4ff;color:#1477ee}.preview-board span{font-weight:800}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.principle-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.principle-grid span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eaf4ff;color:#1477ee;font-weight:900}.principle-grid h3{font-size:19px;margin:17px 0 8px}.principle-grid p{color:var(--muted);font-size:14px;margin:0}.blog-home{background:#fff}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 38px rgba(8,37,70,.05)}.post-image{display:block;aspect-ratio:16/9;background:#eaf1f8;overflow:hidden}.post-image img{width:100%;height:100%;object-fit:cover}.post-body{padding:22px}.post-body time{font-size:11px;color:#7a8da0}.post-body h2,.post-body h3{font-size:22px;line-height:1.2;letter-spacing:-.025em;margin:8px 0}.post-body p{color:var(--muted);font-size:14px}.post-body>a{color:#1477ee;font-weight:800;font-size:13px}.blog-empty{grid-column:1/-1;padding:35px;border:1px dashed #b9c8d8;border-radius:20px;text-align:center;background:#f8fbfe}.blog-empty span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#1477ee}.blog-empty h3{font-size:27px;margin:10px 0}.blog-empty p{color:var(--muted);margin:0}.center-actions{text-align:center;margin-top:28px}.final-cta{background:linear-gradient(145deg,#06152a,#0a2b4b 70%,#0a3656);color:#fff}.final-inner{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center}.final-inner h2{font-size:clamp(34px,4vw,52px);line-height:1.03;letter-spacing:-.045em;margin:10px 0}.final-inner p{color:#c8d8e7}.final-actions{display:flex;gap:10px}.site-footer{background:#061326;color:#fff;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}.footer-brand p{color:#9fb5ca;max-width:280px;font-size:13px}.site-footer h3{font-size:13px;margin:4px 0 12px}.site-footer div>a:not(.brand){display:block;color:#9fb4ca;font-size:12.5px;margin:7px 0}.site-footer div>a:hover{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:34px;padding-top:20px;color:#7893ad;font-size:11.5px;text-align:right}.page-hero,.legal-hero{background:linear-gradient(145deg,#07172e,#0b3159);color:#fff;padding:78px 0 72px}.page-hero h1,.legal-hero h1{font-size:clamp(42px,6vw,70px);line-height:.98;letter-spacing:-.055em;margin:12px 0 15px}.page-hero p,.legal-hero p{color:#c5d7e8;font-size:18px;max-width:780px}.blog-page{background:#f7fafc}.post-single{padding-bottom:90px}.post-hero{background:#f4f8fc;padding:70px 0 42px}.post-shell{max-width:850px}.back-link{color:#1477ee;font-weight:800}.post-hero time{display:block;color:#6f8296;font-size:12px;margin:26px 0 7px}.post-hero h1{font-size:clamp(40px,6vw,68px);line-height:1.02;letter-spacing:-.05em;margin:0}.post-hero p{font-size:20px;color:#607286}.post-cover{max-width:1050px;margin-top:38px}.post-cover img{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:24px}.post-content{padding-top:44px;font-size:17px;line-height:1.75}.post-content h2{font-size:32px;line-height:1.12;margin-top:42px}.post-content h3{font-size:24px;margin-top:34px}.post-content a{color:#126fd6;text-decoration:underline}.post-content blockquote{margin:30px 0;padding:18px 24px;border-left:4px solid #1477ee;background:#f2f7fc}.legal-section{padding:70px 0 100px;background:#f5f8fc}.legal-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}.legal-nav{position:sticky;top:98px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.legal-nav strong{display:block;margin-bottom:10px}.legal-nav a{display:block;padding:7px 0;color:#63758a;font-size:13px}.legal-nav a:hover{color:#1477ee}.legal-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:42px;box-shadow:0 16px 50px rgba(8,37,70,.05)}.legal-card h2{font-size:24px;margin:32px 0 10px}.legal-card h2:first-child{margin-top:0}.legal-card p,.legal-card li{color:#44586e}.legal-card a{color:#126fd6;text-decoration:underline}.legal-box{background:#f5f8fc;border:1px solid #dfe8f0;border-radius:14px;padding:20px;line-height:1.8}.orb-one{position:absolute;width:520px;height:520px;right:-180px;top:-210px;border:1px solid rgba(87,174,255,.24);border-radius:50%}.orb-two{position:absolute;width:360px;height:360px;left:-190px;bottom:140px;background:radial-gradient(circle,rgba(35,137,255,.18),transparent 69%);border-radius:50%}@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:20px;text-align:center}.hero-kicker,.hero-actions,.hero-meta{justify-content:center}.hero-lead{margin-left:auto;margin-right:auto}.hero-stage{min-height:500px}.principle-grid{grid-template-columns:1fr 1fr}.blog-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.dashboard-preview{grid-template-columns:1fr}.legal-layout{grid-template-columns:1fr}.legal-nav{position:relative;top:auto;display:flex;gap:12px;flex-wrap:wrap}.legal-nav strong{width:100%}}@media(max-width:800px){html,body{width:100%;max-width:100%;overflow-x:clip}.shell{width:calc(100% - (var(--gm)*2))!important;max-width:var(--shell)!important}.nav-toggle{display:flex}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#07172e;padding:16px;flex-direction:column;align-items:stretch;border-top:1px solid rgba(255,255,255,.08)}.nav.open{display:flex}.hero,.section,.final-cta{overflow:hidden}.hero-grid,.dashboard-preview,.final-inner,.footer-grid,.principle-grid,.blog-grid{grid-template-columns:minmax(0,1fr)!important}.hero h1,.section-head h2,.final-inner h2,.page-hero h1,.legal-hero h1{max-width:100%!important;overflow-wrap:anywhere;hyphens:auto}.hero h1{font-size:clamp(36px,10.4vw,54px)!important;line-height:1!important}.hero-lead{font-size:16px!important;line-height:1.55!important}.hero-actions,.final-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%}.hero-actions .btn,.final-actions .btn{width:100%!important}.hero-stage,.portfolio-window{width:100%!important;max-width:100%!important;transform:none!important}.hero-stage{min-height:auto!important;padding:22px 0 55px}.bento-grid{grid-template-columns:minmax(0,1fr)!important}.bento-card,.bento-half,.bento-third{grid-column:1/-1!important;width:100%!important;max-width:100%!important;min-width:0!important}.preview-board{grid-template-columns:1fr 1fr}.footer-grid>*{grid-column:auto!important}.copyright{text-align:left}.legal-card{padding:28px}.legal-nav{display:none}}@media(max-width:520px){.shell{width:calc(100% - (var(--gp)*2))!important}.hero h1{font-size:clamp(33px,10.6vw,46px)!important;line-height:1.01!important}.section-head h2{font-size:clamp(29px,9.4vw,38px)!important}.portfolio-body,.preview-board{grid-template-columns:1fr}.portfolio-flow{grid-column:auto}.section{padding:72px 0}.bento-card{padding:22px;min-height:0}.dashboard-preview{padding:25px}.legal-card{padding:22px}.btn{min-height:46px}.topbar-inner{gap:12px}.brand-copy{min-width:0;max-width:calc(100% - 58px)}.brand-copy strong,.brand-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

.brand-logo{display:block;height:42px;width:auto;max-width:220px;object-fit:contain}.brand-light .brand-logo{filter:brightness(1.02)}.footer-brand-logo{display:inline-flex}.brand-logo-footer{height:38px;max-width:220px}.hero-stage-orbit{display:grid;place-items:center;min-height:560px}.orbit-hero{position:relative;width:min(100%,560px);aspect-ratio:1/1;display:grid;place-items:center}.orbit-glow{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(55,150,255,.33),rgba(12,44,76,.02) 68%,transparent 74%);filter:blur(10px)}.orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(113,184,255,.28);box-shadow:inset 0 0 70px rgba(60,146,255,.07)}.orbit-ring-1{inset:10%;animation:spinOrbit 24s linear infinite}.orbit-ring-2{inset:0;animation:spinOrbitReverse 34s linear infinite}.orbit-center{position:relative;z-index:2;width:220px;height:220px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 30% 30%,#103967,#07172e 68%);border:1px solid rgba(150,210,255,.28);box-shadow:0 24px 90px rgba(3,15,34,.45)}.orbit-center img{width:122px;height:auto;display:block;filter:drop-shadow(0 10px 26px rgba(0,0,0,.25))}.orbit-center strong{margin-top:8px;font-size:18px;letter-spacing:-.02em}.orbit-center small{color:#bcd2e7;font-size:11px;margin-top:4px}.satellite{position:absolute;z-index:3;min-width:150px;padding:13px 15px;border-radius:18px;background:rgba(8,24,46,.92);border:1px solid rgba(116,191,255,.22);box-shadow:0 18px 50px rgba(2,10,24,.32);backdrop-filter:blur(7px)}.satellite span{display:block;color:#fff;font-size:15px;font-weight:850;letter-spacing:-.02em}.satellite small{display:block;color:#9fc0de;font-size:11px;margin-top:3px}.sat-marqentra{top:8%;left:50%;transform:translateX(-50%);animation:floatA 6.5s ease-in-out infinite}.sat-linkentra{right:0;top:46%;transform:translateY(-50%);animation:floatB 7.2s ease-in-out infinite}.sat-debentra{bottom:9%;left:50%;transform:translateX(-50%);animation:floatA 6.8s ease-in-out infinite 1s}.sat-affilentra{left:0;top:46%;transform:translateY(-50%);animation:floatB 7.4s ease-in-out infinite 1.2s}.sat-marqentra:before,.sat-linkentra:before,.sat-debentra:before,.sat-affilentra:before{content:"";position:absolute;inset:-1px;border-radius:18px;padding:1px;background:linear-gradient(135deg,rgba(123,201,255,.35),rgba(20,119,238,.05));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.sat-marqentra{border-color:rgba(58,160,255,.32)}.sat-linkentra{border-color:rgba(41,198,220,.32)}.sat-debentra{border-color:rgba(108,125,245,.32)}.sat-affilentra{border-color:rgba(38,184,121,.32)}@keyframes spinOrbit{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinOrbitReverse{from{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes floatA{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes floatB{0%,100%{translate:0 0}50%{translate:0 10px}}@media(max-width:1000px){.brand-logo{height:38px;max-width:200px}.hero-stage-orbit{min-height:500px}.orbit-hero{width:min(100%,500px)}.satellite{min-width:136px;padding:12px 13px}}@media(max-width:800px){.brand-logo{height:34px;max-width:180px}.hero-stage-orbit{padding:8px 0 35px!important}.orbit-hero{width:min(100%,440px)}.orbit-center{width:190px;height:190px}.orbit-center img{width:108px}.satellite{min-width:124px;padding:10px 12px}.satellite span{font-size:13px}.satellite small{font-size:10px}.sat-marqentra{top:0}.sat-debentra{bottom:2%}}@media(max-width:520px){.brand-logo{height:30px;max-width:160px}.orbit-hero{width:100%;max-width:340px;aspect-ratio:auto;min-height:390px}.orbit-ring-1{inset:14% 8%}.orbit-ring-2{inset:7% 0}.orbit-center{width:158px;height:158px}.orbit-center img{width:92px}.satellite{min-width:0;width:118px;padding:9px 10px;border-radius:15px}.satellite span{font-size:12px}.satellite small{font-size:9px;line-height:1.25}.sat-linkentra,.sat-affilentra{top:48%}.sat-marqentra{top:4%}.sat-debentra{bottom:5%}}

/* MDH Group v2.0.2 — MASTER v1.6 / Brandboard skin */
:root{--mdh-deep:#0b2d5b;--mdh-blue:#3b82f6;--mdh-sky:#93c5fd;--mdh-light:#e5eaf1;--mdh-white:#fff}
.hero{padding-top:88px;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(249,252,255,.93) 42%,rgba(232,244,255,.78) 100%),url('/assets/brand/mdh-master-background.png') center/cover no-repeat;color:var(--mdh-deep);border-bottom:1px solid #dbe8f6}
.hero:after{height:180px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.18))}
.hero-kicker{color:#2d64b5}.hero-kicker span{background:linear-gradient(90deg,#3b82f6,#93c5fd)}
.hero h1{color:#0b2d5b}.hero h1 em{background:linear-gradient(90deg,#3b82f6,#5aa7f7 48%,#80bff8);background-clip:text;-webkit-background-clip:text}
.hero-lead{color:#425f82}.hero-meta{color:#5f7691}.hero .btn.ghost{background:rgba(255,255,255,.66);border-color:#9ebde1;color:#0b2d5b}.hero .btn.ghost:hover{background:#fff}
.orb-one{border-color:rgba(59,130,246,.18)}.orb-two{background:radial-gradient(circle,rgba(59,130,246,.14),transparent 69%)}
.orbit-glow{background:radial-gradient(circle,rgba(59,130,246,.22),rgba(147,197,253,.09) 52%,transparent 72%)}
.orbit-ring{border-color:rgba(31,99,181,.27);box-shadow:inset 0 0 70px rgba(59,130,246,.07)}
.orbit-center{background:rgba(255,255,255,.82);border:1px solid rgba(74,132,202,.25);box-shadow:0 30px 90px rgba(55,107,164,.2),inset 0 0 42px rgba(147,197,253,.18);backdrop-filter:blur(14px)}
.orbit-center img{width:136px;filter:none}.orbit-center strong{color:#0b2d5b}.orbit-center small{color:#66809e}
.satellite{display:flex;align-items:center;gap:10px;min-width:176px;padding:10px 13px;background:rgba(255,255,255,.82);border-color:rgba(48,111,187,.23);box-shadow:0 18px 45px rgba(53,101,153,.16);backdrop-filter:blur(13px)}
.satellite img{width:42px;height:42px;object-fit:cover;border-radius:12px;flex:0 0 42px}.satellite span{color:#0b2d5b;font-size:14px}.satellite small{color:#66809e;font-size:10px}
.sat-marqentra{border-color:rgba(168,85,247,.34)}.sat-linkentra{border-color:rgba(0,212,255,.4)}.sat-debentra{border-color:rgba(20,209,184,.4)}.sat-affilentra{border-color:rgba(0,230,118,.4)}
.bento-card.marqentra{--accent:#a855f7}.bento-card.linkentra{--accent:#00bfe8}.bento-card.debentra{--accent:#14b8a6}.bento-card.affilentra{--accent:#00bfa5}.bento-card.blog-card{--accent:#3b82f6}
.brand-band{position:relative;width:100%;overflow:hidden}.brand-band>.shell{position:relative;z-index:2}.brand-band-dark{padding:58px 0;background:linear-gradient(115deg,rgba(6,26,52,.96),rgba(11,45,91,.9)),url('/assets/brand/mdh-dashboard-background.png') center/cover no-repeat;color:#fff}.brand-band-dark:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(147,197,253,.08),transparent);pointer-events:none}.brand-band-card{max-width:940px;margin:0 auto;text-align:center}.brand-band-card h2{font-size:clamp(30px,4vw,48px);line-height:1.06;letter-spacing:-.045em;margin:10px 0 13px}.brand-band-card p{max-width:790px;margin:0 auto;color:#c7d8ea;font-size:16px}.brand-band-light{padding:44px 0;background:linear-gradient(90deg,rgba(255,255,255,.86),rgba(238,247,255,.8)),url('/assets/brand/mdh-master-background.png') center/cover no-repeat;border-top:1px solid #dbe8f6;border-bottom:1px solid #dbe8f6}.brand-family-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.brand-family-row>div{padding:20px 18px;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid rgba(113,158,209,.24);box-shadow:0 14px 34px rgba(59,99,145,.08);backdrop-filter:blur(10px)}.brand-family-row span{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#3b82f6}.brand-family-row strong{display:block;color:#0b2d5b;margin:7px 0 3px;font-size:15px}.brand-family-row small{display:block;color:#67819c;font-size:11px}.bento-section{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,250,255,.94)),url('/assets/brand/mdh-master-background.png') center top/cover fixed no-repeat}.dashboard-preview{background:linear-gradient(125deg,rgba(6,26,52,.97),rgba(11,45,91,.92)),url('/assets/brand/mdh-dashboard-background.png') center/cover no-repeat}.section-light{background:linear-gradient(180deg,#f8fbff,#eff6fc)}.final-cta{background:linear-gradient(120deg,rgba(6,26,52,.97),rgba(11,45,91,.93)),url('/assets/brand/mdh-dashboard-background.png') center/cover no-repeat}
@media(max-width:1000px){.brand-family-row{grid-template-columns:1fr 1fr}.satellite{min-width:160px}.orbit-center img{width:122px}}
@media(max-width:800px){.hero{background-position:62% center}.brand-band-dark{padding:46px 0}.brand-band-light{padding:34px 0}.brand-family-row{grid-template-columns:1fr 1fr}.satellite{min-width:145px;padding:9px 10px}.satellite img{width:36px;height:36px;flex-basis:36px}.satellite span{font-size:12px}.orbit-center img{width:105px}}
@media(max-width:520px){.brand-family-row{grid-template-columns:1fr}.brand-band-card h2{font-size:clamp(28px,9vw,36px)}.satellite{width:132px}.satellite img{width:32px;height:32px;flex-basis:32px}.satellite div{min-width:0}.satellite span,.satellite small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero{background-position:70% center}}
@media(max-width:800px){.bento-section{background-attachment:scroll}}
@media(max-width:520px){.orbit-center{width:132px;height:132px}.orbit-center img{width:88px}.satellite{width:108px;min-width:108px;padding:8px}.satellite img{width:28px;height:28px;flex-basis:28px;border-radius:9px}.satellite span{font-size:11px}.satellite small{font-size:8.5px}.sat-marqentra{top:2%}.sat-debentra{bottom:3%}.sat-linkentra,.sat-affilentra{top:49%}}


/* MDH Group v2.0.3 — orbit refinement / background balance / product card accents */
.satellite{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;width:148px;min-width:148px;padding:14px 10px 12px;border-radius:18px}
.satellite img{width:48px;height:48px;flex:0 0 48px;object-fit:cover;border-radius:13px;display:block}
.satellite div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;width:100%}
.satellite span{font-size:13px;line-height:1.15;white-space:normal}
.satellite small{font-size:10px;line-height:1.22;white-space:normal}
.sat-debentra small{font-size:9.7px}
.sat-marqentra{top:6.5%}
.sat-debentra{bottom:7%}
.sat-linkentra,.sat-affilentra{top:46%}

.bento-card.marqentra{--accent:#A855F7}
.bento-card.linkentra{--accent:#00D4FF}
.bento-card.debentra{--accent:#FFB020}
.bento-card.affilentra{--accent:#00BFA5}
.bento-card.blog-card{--accent:#3B82F6}
.bento-card{background:rgba(255,255,255,.96)}
.bento-card.marqentra{background:linear-gradient(180deg,rgba(168,85,247,.08),rgba(255,255,255,.96) 24%)}
.bento-card.linkentra{background:linear-gradient(180deg,rgba(0,212,255,.08),rgba(255,255,255,.96) 24%)}
.bento-card.debentra{background:linear-gradient(180deg,rgba(255,176,32,.11),rgba(255,255,255,.96) 24%)}
.bento-card.affilentra{background:linear-gradient(180deg,rgba(0,191,165,.09),rgba(255,255,255,.96) 24%)}

/* stronger, more centered background boards across full transition areas */
.brand-band-dark,.brand-band-light,.bento-section,.dashboard-preview,.final-cta{position:relative;overflow:hidden;isolation:isolate}
.brand-band-dark>.shell,.brand-band-light>.shell,.bento-section>.shell,.dashboard-preview>*,.final-cta>.shell{position:relative;z-index:2}
.brand-band-dark{background:linear-gradient(115deg,rgba(6,26,52,.76),rgba(11,45,91,.72)),#0b2d5b}
.brand-band-dark::after{content:"";position:absolute;inset:0;background:url('/assets/brand/mdh-dashboard-background.png') 42% center/cover no-repeat;opacity:.62;pointer-events:none;z-index:1}
.brand-band-light{background:linear-gradient(90deg,rgba(255,255,255,.82),rgba(238,247,255,.78));border-top:1px solid #dbe8f6;border-bottom:1px solid #dbe8f6}
.brand-band-light::after{content:"";position:absolute;inset:0;background:url('/assets/brand/mdh-master-background.png') 40% center/cover no-repeat;opacity:.54;pointer-events:none;z-index:1}
.bento-section{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,250,255,.95))}
.bento-section::before{content:"";position:absolute;inset:0;background:url('/assets/brand/mdh-master-background.png') 42% center/cover no-repeat;opacity:.42;pointer-events:none;z-index:1}
.dashboard-preview{background:linear-gradient(125deg,rgba(6,26,52,.88),rgba(11,45,91,.82))}
.dashboard-preview::before{content:"";position:absolute;inset:0;background:url('/assets/brand/mdh-dashboard-background.png') 44% center/cover no-repeat;opacity:.5;pointer-events:none;z-index:1}
.final-cta{background:linear-gradient(120deg,rgba(6,26,52,.86),rgba(11,45,91,.82))}
.final-cta::before{content:"";position:absolute;inset:0;background:url('/assets/brand/mdh-dashboard-background.png') 42% center/cover no-repeat;opacity:.48;pointer-events:none;z-index:1}

@media(max-width:1000px){
  .satellite{width:138px;min-width:138px;padding:12px 9px 10px}
  .satellite img{width:44px;height:44px;flex-basis:44px}
  .brand-band-dark::after,.brand-band-light::after,.bento-section::before,.dashboard-preview::before,.final-cta::before{background-position:center center;background-size:cover}
}
@media(max-width:800px){
  .satellite{width:126px;min-width:126px;padding:10px 8px}
  .satellite img{width:40px;height:40px;flex-basis:40px}
  .satellite span{font-size:12px}
  .satellite small{font-size:9px}
}
@media(max-width:520px){
  .satellite{width:112px;min-width:112px;padding:9px 7px}
  .satellite img{width:34px;height:34px;flex-basis:34px;border-radius:10px}
  .satellite span{font-size:11px}
  .satellite small{font-size:8.2px}
}


/* MDH Group v2.0.4 — vivid color refresh */
.hero{position:relative;background:linear-gradient(118deg,rgba(7,23,46,.97) 0%,rgba(11,45,91,.95) 34%,rgba(59,130,246,.78) 100%);color:#fff;border-bottom:1px solid rgba(147,197,253,.18)}
.hero::before{content:"";position:absolute;inset:0;background:url('/assets/brand/mdh-master-background.png') center center/cover no-repeat;opacity:.42;mix-blend-mode:screen;pointer-events:none}
.hero:after{height:190px;background:linear-gradient(180deg,transparent,rgba(7,23,46,.42))}
.hero .shell{position:relative;z-index:2}
.hero-kicker{color:#badaff}.hero-kicker span{background:linear-gradient(90deg,#93c5fd,#d8ebff)}
.hero h1{color:#fff}.hero h1 em{background:linear-gradient(90deg,#8ec5ff,#d9ebff 48%,#ffffff)}
.hero-lead{color:#d5e4f3}.hero-meta{color:#c1d6ea}.hero .btn{background:linear-gradient(135deg,#4a8cff,#2f74ea);box-shadow:0 16px 36px rgba(8,43,102,.35)}
.hero .btn.ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.32);color:#fff}
.hero .btn.ghost:hover{background:rgba(255,255,255,.14)}
.orb-one{border-color:rgba(255,255,255,.11)}.orb-two{background:radial-gradient(circle,rgba(147,197,253,.18),transparent 69%)}
.orbit-glow{background:radial-gradient(circle,rgba(147,197,253,.28),rgba(59,130,246,.12) 52%,transparent 72%)}
.orbit-ring{border-color:rgba(191,221,255,.28);box-shadow:inset 0 0 78px rgba(147,197,253,.10)}
.orbit-center{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.96),rgba(219,234,254,.88) 72%);border:1px solid rgba(191,221,255,.52);box-shadow:0 32px 90px rgba(4,17,39,.34),inset 0 0 42px rgba(147,197,253,.20)}
.orbit-center strong{color:#0b2d5b}.orbit-center small{color:#43668d}
.satellite{background:rgba(255,255,255,.90);box-shadow:0 18px 48px rgba(8,29,58,.18);border-width:1px}
.satellite span{color:#0b2d5b}.satellite small{color:#537092}

.brand-band-dark{background:linear-gradient(115deg,rgba(7,23,46,.93),rgba(18,66,124,.84))}
.brand-band-dark::after{background:url('/assets/brand/mdh-dashboard-background.png') center center/cover no-repeat;opacity:.70}
.brand-band-card{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(191,221,255,.16);border-radius:28px;padding:34px 28px;backdrop-filter:blur(8px);box-shadow:0 24px 60px rgba(3,16,39,.16)}
.brand-band-card h2{color:#fff}.brand-band-card p{color:#d6e5f4}

.brand-band-light{background:linear-gradient(120deg,rgba(223,236,251,.88),rgba(205,228,252,.84));border-top:1px solid #d4e3f3;border-bottom:1px solid #d4e3f3}
.brand-band-light::after{background:url('/assets/brand/mdh-master-background.png') center center/cover no-repeat;opacity:.72}
.brand-family-row>div{background:rgba(255,255,255,.90);box-shadow:0 16px 38px rgba(24,57,101,.09)}
.brand-family-row strong{color:#0b2d5b}.brand-family-row small{color:#4f6e90}

.bento-section{position:relative;background:linear-gradient(180deg,#ecf4ff,#dcecff)}
.bento-section::before{content:"";position:absolute;inset:0;background:url('/assets/brand/mdh-master-background.png') center center/cover no-repeat;opacity:.58;pointer-events:none;z-index:1}
.bento-section>.shell{position:relative;z-index:2}
.section-head p{color:#516d8e}
.bento-card{box-shadow:0 18px 55px rgba(9,37,74,.11);border-color:#d7e3ef}
.bento-card:before{height:5px}
.bento-card h3,.bento-card strong{color:#0c1d34}.bento-card p{color:#576d86}
.dashboard-preview{background:linear-gradient(125deg,rgba(9,37,74,.90),rgba(33,95,170,.76));box-shadow:0 24px 72px rgba(10,32,61,.22)}
.dashboard-preview::before{background:url('/assets/brand/mdh-dashboard-background.png') center center/cover no-repeat;opacity:.58}
.dashboard-preview-copy p{color:#d7e7f5}.preview-pills span{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18)}
.preview-board div{box-shadow:0 12px 30px rgba(0,0,0,.06)}

.section-light,.blog-home{position:relative;background:linear-gradient(180deg,#eff6ff,#ddebf9)}
.section-light::before,.blog-home::before{content:"";position:absolute;inset:0;background:url('/assets/brand/mdh-master-background.png') center center/cover no-repeat;opacity:.46;pointer-events:none;z-index:1}
.section-light>.shell,.blog-home>.shell{position:relative;z-index:2}
.principle-grid article,.post-card,.blog-empty{background:rgba(255,255,255,.92);box-shadow:0 12px 38px rgba(15,48,90,.06)}
.principle-grid span{background:#d9e9ff;color:#2f74ea}.principle-grid p,.blog-empty p{color:#5a718d}

.final-cta{position:relative;background:linear-gradient(120deg,rgba(7,23,46,.94),rgba(24,76,142,.80))}
.final-cta::before{content:"";position:absolute;inset:0;background:url('/assets/brand/mdh-dashboard-background.png') center center/cover no-repeat;opacity:.58;pointer-events:none;z-index:1}
.final-cta>.shell{position:relative;z-index:2}
.final-inner p{color:#deebf7}.final-actions .btn.light{box-shadow:0 14px 34px rgba(255,255,255,.20)}

.site-footer{background:linear-gradient(180deg,#07172e,#0b2d5b 68%,#082145)}
.site-footer::before{content:"";position:absolute;inset:0;background:url('/assets/brand/mdh-dashboard-background.png') center center/cover no-repeat;opacity:.24;pointer-events:none}.site-footer>.shell{position:relative;z-index:2}

@media(max-width:800px){
  .hero::before,.brand-band-dark::after,.brand-band-light::after,.bento-section::before,.dashboard-preview::before,.section-light::before,.blog-home::before,.final-cta::before,.site-footer::before{background-position:center center;background-size:cover}
}


/* MDH Group v2.0.5 — section separation, real backgrounds, hero cleanup */
:root{--mdh-dark:#0a274b;--mdh-dark-2:#123b6c;--mdh-light:#eef4fb;--mdh-light-2:#dfeaf6;--mdh-line:#cfdeef}
body{background:#ffffff}

/* 1) hero cleanup: remove buggy gradient-clip rectangles and keep clear contrast */
.hero{background:linear-gradient(120deg,#07172e 0%,#0b2d5b 55%,#123b6c 100%);border-bottom:1px solid #18477f;box-shadow:inset 0 -1px 0 rgba(255,255,255,.06)}
.hero::before{background:url('/assets/brand/mdh-wide-dark.png') center center/cover no-repeat;opacity:.34;mix-blend-mode:screen}
.hero h1 em{color:#79b8ff;background:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;-webkit-text-fill-color:currentColor}
.hero-lead{color:#d7e5f2}
.hero .btn.ghost{background:rgba(255,255,255,.10)}

/* 2) clear opaque section transitions with explicit separators */
.brand-band,.section,.final-cta,.site-footer{position:relative}
.brand-band-dark,.bento-section,.brand-band-light,.section-light,.blog-home,.final-cta,.site-footer{border-top:1px solid var(--mdh-line);border-bottom:1px solid var(--mdh-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(9,31,59,.04)}
.brand-band-dark,.final-cta,.site-footer{border-top-color:#163d6c;border-bottom-color:#0a2341;box-shadow:inset 0 1px 0 rgba(255,255,255,.06), inset 0 -1px 0 rgba(0,0,0,.16)}

/* 3) use true full-width background artwork behind the content, not only on the empty right side */
.brand-band-dark{background:#0b2d5b;color:#fff}
.brand-band-dark::after{content:"";position:absolute;inset:0;background:url('/assets/brand/mdh-wide-dark.png') center center/cover no-repeat;opacity:.82;pointer-events:none;z-index:1}
.brand-band-dark>.shell{position:relative;z-index:2}
.brand-band-card{background:linear-gradient(135deg,rgba(7,23,46,.74),rgba(11,45,91,.58));border:1px solid rgba(191,221,255,.18);box-shadow:0 28px 65px rgba(3,16,39,.18)}
.brand-band-card h2{color:#ffffff}.brand-band-card p{color:#dae6f2}

.bento-section{background:#eef4fb}
.bento-section::before{content:"";position:absolute;inset:0;background:url('/assets/brand/mdh-wide-light.png') center center/cover no-repeat;opacity:.72;pointer-events:none;z-index:1}
.bento-section>.shell{position:relative;z-index:2}
.section-head h2{color:#0c1d34}.section-head p{color:#486580}

.dashboard-preview{background:linear-gradient(135deg,rgba(7,23,46,.96),rgba(11,45,91,.92));border:1px solid rgba(155,196,240,.18);box-shadow:0 28px 70px rgba(10,32,61,.20)}
.dashboard-preview::before{background:url('/assets/brand/mdh-wide-dark.png') center center/cover no-repeat;opacity:.56}
.dashboard-preview-copy h3,.dashboard-preview-copy p{color:#fff}
.preview-pills span{background:rgba(255,255,255,.10)}

.brand-band-light{background:#dfeaf6}
.brand-band-light::after{content:"";position:absolute;inset:0;background:url('/assets/brand/mdh-wide-light.png') center center/cover no-repeat;opacity:.78;pointer-events:none;z-index:1}
.brand-band-light>.shell{position:relative;z-index:2}
.brand-family-row>div{background:rgba(255,255,255,.94);border:1px solid rgba(116,151,196,.26);box-shadow:0 14px 34px rgba(39,76,124,.08)}
.brand-family-row strong{color:#0b2d5b}.brand-family-row small{color:#577391}

.section-light{background:#f7fbff}
.section-light::before{content:"";position:absolute;inset:0;background:url('/assets/brand/mdh-wide-light.png') center center/cover no-repeat;opacity:.66;pointer-events:none;z-index:1}
.section-light>.shell{position:relative;z-index:2}
.principle-grid article{background:rgba(255,255,255,.96);border-color:#d5e2ee;box-shadow:0 12px 34px rgba(15,48,90,.05)}
.principle-grid h3,.principle-grid p{color:#0c1d34}
.principle-grid p{color:#566f89}

.blog-home{background:#eef5fc}
.blog-home::before{content:"";position:absolute;inset:0;background:url('/assets/brand/mdh-wide-light.png') center center/cover no-repeat;opacity:.60;pointer-events:none;z-index:1}
.blog-home>.shell{position:relative;z-index:2}
.post-card,.blog-empty{background:rgba(255,255,255,.96);border-color:#d4e1ed;box-shadow:0 14px 36px rgba(15,48,90,.06)}
.blog-home .section-head h2,.blog-home .section-head p,.blog-empty h3,.blog-empty p{color:#0c1d34}
.blog-home .section-head p,.blog-empty p{color:#5a738e}

.final-cta{background:#0a274b}
.final-cta::before{content:"";position:absolute;inset:0;background:url('/assets/brand/mdh-wide-dark.png') center center/cover no-repeat;opacity:.74;pointer-events:none;z-index:1}
.final-cta>.shell{position:relative;z-index:2}
.final-inner h2,.final-inner p{color:#fff}
.final-inner p{color:#dbe7f3}
.final-actions .btn.light{background:#fff;color:#0b2d5b}
.final-actions .btn.ghost{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.32);color:#fff}

.site-footer{background:#081d38}
.site-footer::before{content:"";position:absolute;inset:0;background:url('/assets/brand/mdh-wide-dark.png') center center/cover no-repeat;opacity:.34;pointer-events:none}
.site-footer>.shell{position:relative;z-index:2}

/* keep background artwork visible behind content rather than only in the empty margin */
@media(min-width:801px){
  .hero::before,.brand-band-dark::after,.bento-section::before,.brand-band-light::after,.section-light::before,.blog-home::before,.dashboard-preview::before,.final-cta::before,.site-footer::before{background-position:center center !important;background-size:cover !important}
}
@media(max-width:800px){
  .brand-band-dark,.bento-section,.brand-band-light,.section-light,.blog-home,.final-cta{border-top-width:1px;border-bottom-width:1px}
}


/* MDH Group v2.0.6 — dark feature band + contact form */
.brand-band-features{padding:58px 0}
.brand-band-features .brand-family-row{position:relative;z-index:2}
.brand-band-features .brand-family-row>div{background:rgba(255,255,255,.94);border:1px solid rgba(167,204,245,.22);box-shadow:0 20px 45px rgba(0,0,0,.12)}
.brand-band-features .brand-family-row span{color:#3ca4ff}
.brand-band-features .brand-family-row strong{color:#0b2d5b}
.brand-band-features .brand-family-row small{color:#577391}

.contact-home{position:relative;background:#eff6ff;border-top:1px solid var(--mdh-line);border-bottom:1px solid var(--mdh-line)}
.contact-home::before{content:"";position:absolute;inset:0;background:url('/assets/brand/mdh-wide-light.png') center center/cover no-repeat;opacity:.58;pointer-events:none;z-index:1}
.contact-home>.shell{position:relative;z-index:2}
.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:22px;align-items:start}
.contact-panel{background:rgba(255,255,255,.95);border:1px solid #d7e4f0;border-radius:24px;padding:28px;box-shadow:0 16px 42px rgba(15,48,90,.06)}
.contact-info h3{font-size:32px;line-height:1.05;letter-spacing:-.04em;margin:12px 0 10px;color:#0b2d5b}
.contact-info p{color:#5d7691;margin:0 0 18px}
.contact-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.contact-list li{padding:14px 0;border-top:1px solid #e3ebf3;display:grid;gap:4px}
.contact-list li:first-child{border-top:0;padding-top:0}
.contact-list strong{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#4e89ca}
.contact-list span{color:#17304d}
.contact-form{display:block}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-grid label{display:grid;gap:8px;color:#17304d;font-weight:700;font-size:14px}
.form-grid label.full,.field-error.full{grid-column:1/-1}
.form-grid input,.form-grid textarea{width:100%;border:1px solid #cfdceb;background:#fff;border-radius:14px;padding:13px 15px;font:inherit;color:#122743;outline:none;transition:border-color .2s ease, box-shadow .2s ease}
.form-grid input:focus,.form-grid textarea:focus{border-color:#63a9ff;box-shadow:0 0 0 4px rgba(99,169,255,.16)}
.form-grid textarea{resize:vertical;min-height:160px}
.consent-row{display:flex!important;align-items:flex-start;gap:12px;border:1px solid #d7e4f0;background:#f7fbff;border-radius:16px;padding:14px 16px}
.consent-row input{width:18px;height:18px;min-width:18px;margin-top:1px}
.consent-row span{font-weight:600;color:#405b77}
.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.field-error{display:block;font-size:12px;color:#b42318;font-weight:700}
.form-notice{border-radius:16px;padding:14px 16px;margin-bottom:16px;font-weight:700}
.form-notice.success{background:#e8f8ef;border:1px solid #9ed8b0;color:#17653b}
.form-notice.error{background:#fff2f0;border:1px solid #f3b0a6;color:#9a2c21}
.hp-field{position:absolute;left:-9999px;opacity:0;pointer-events:none}

@media(max-width:1000px){.contact-grid{grid-template-columns:1fr}.brand-band-features .brand-family-row{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.contact-actions{display:grid;grid-template-columns:1fr}.contact-actions .btn{width:100%}.form-grid{grid-template-columns:1fr}}
@media(max-width:520px){.brand-band-features .brand-family-row{grid-template-columns:1fr}}


/* MDH Group v2.0.7 — header logo + hero band */
.brand-logo{height:44px;max-width:260px}
.hero-copy h1{max-width:11ch}
.hero-band-shell{position:relative;z-index:2;margin-top:6px;padding-bottom:42px}
.hero-band-card{max-width:760px;margin:0 auto 0;box-shadow:0 26px 70px rgba(8,24,48,.22)}
.hero .hero-grid{padding-bottom:36px}
.hero .brand-band-card h2{max-width:12ch;margin-left:auto;margin-right:auto}
@media(max-width:1000px){.brand-logo{height:40px;max-width:230px}.hero-band-shell{padding-bottom:34px}.hero .hero-grid{padding-bottom:26px}}
@media(max-width:800px){.brand-logo{height:36px;max-width:210px}.hero-copy h1{max-width:none}.hero-band-card{margin-top:6px}}
@media(max-width:520px){.brand-logo{height:32px;max-width:190px}.hero-band-shell{padding-bottom:26px}}


/* MDH Group v2.0.8 — corrected header + hero typography */
.brand-mdh{gap:12px}
.brand-logo-icon{width:54px;height:54px;max-width:none;border-radius:14px;box-shadow:0 10px 24px rgba(3,16,39,.14)}
.brand-wordmark{display:flex;flex-direction:column;line-height:1.02;color:#dce8f6}
.brand-wordmark strong{font-size:28px;font-weight:800;letter-spacing:-.035em;color:#79a8da}
.brand-wordmark small{margin-top:5px;font-size:9px;letter-spacing:.22em;color:#8aa4c1;white-space:nowrap}
.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start}
.hero-copy{padding-bottom:0}
.hero-copy h1{max-width:16ch!important}
.hero h1{margin-bottom:20px}
.hero h1 .hero-line{display:block}
.hero h1 .hero-line:first-child{white-space:nowrap}
.hero h1 em.hero-line{white-space:nowrap}
.hero-band-shell{grid-column:1 / -1;width:100%;margin-top:8px;padding:0 0 28px}
.hero-band-card{max-width:none!important;width:100%;padding:30px 40px 34px;border-radius:30px;text-align:center}
.hero-band-card h2{max-width:none!important;margin:10px auto 0;line-height:1.1}
.hero-band-card p{display:none}
@media(max-width:1100px){
  .brand-wordmark strong{font-size:25px}
  .brand-wordmark small{font-size:8px;letter-spacing:.18em}
  .hero-copy h1{max-width:14ch!important}
}
@media(max-width:900px){
  .brand-logo-icon{width:48px;height:48px}
  .brand-wordmark strong{font-size:24px}
  .hero-grid{grid-template-columns:1fr}
  .hero-band-shell{margin-top:18px;padding-bottom:26px}
}
@media(max-width:680px){
  .brand-wordmark strong{font-size:20px}
  .brand-wordmark small{display:none}
  .hero-copy h1{max-width:none!important}
  .hero h1 .hero-line:first-child,.hero h1 em.hero-line{white-space:normal}
  .hero-band-card{padding:24px 22px 28px}
}
@media(max-width:520px){
  .brand-logo-icon{width:42px;height:42px;border-radius:12px}
  .brand-wordmark strong{font-size:18px}
}


/* MDH Group v2.0.9 — solid divider before product cards */
.mdh-solid-divider{position:relative;background:#0B2D5B;border-top:1px solid #163d6c;border-bottom:1px solid #072244;padding:34px 0 36px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06), inset 0 -1px 0 rgba(0,0,0,.18)}
.mdh-solid-divider .shell{display:flex;align-items:center;justify-content:center}
.mdh-solid-divider h2{margin:0;text-align:center;font-size:clamp(28px,3vw,44px);line-height:1.1;font-weight:800;letter-spacing:-.035em;color:#FFFFFF;white-space:nowrap}
.bento-section{padding-top:36px}
.bento-section .bento-grid{margin-top:0}
@media(max-width:1100px){.mdh-solid-divider h2{white-space:normal;max-width:14ch}}
@media(max-width:800px){.mdh-solid-divider{padding:28px 0 30px}.mdh-solid-divider h2{font-size:clamp(24px,7vw,34px)}}


/* =========================================================
   MDH GROUP v2.0.10
   CONTACT DIVIDER / SECTION SPACING
   ========================================================= */
.mdh-solid-divider-contact{margin-top:0}
.contact-home{padding-top:42px}
@media(max-width:800px){
  .contact-home{padding-top:34px}
}

/* =========================================================
   MDH GROUP v2.0.12 / MASTER-DESIGN v1.7
   VISUAL HARMONIZATION
   - Brandboard nur noch als Farbquelle
   - ruhigere Produktfamilien-Hintergründe
   - einheitliche Trennbereiche
   ========================================================= */
:root{
  --mdh-deep:#0B2D5B;
  --mdh-mid:#3B82F6;
  --mdh-sky:#93C5FD;
  --mdh-soft:#E5EAF1;
  --mdh-paper:#F7F9FC;
  --mdh-divider-height:138px;
}

/* HERO: tiefer, ruhiger und weniger vom hellen Brandboard-Hintergrund abhängig */
.hero{
  background:
    radial-gradient(circle at 76% 18%,rgba(59,130,246,.20),transparent 34%),
    radial-gradient(circle at 18% 0,rgba(147,197,253,.10),transparent 30%),
    linear-gradient(112deg,#07172E 0%,#0B2D5B 56%,#123A69 100%)!important;
  border-bottom-color:rgba(147,197,253,.16)!important;
}
.hero::before{
  background:url('/assets/brand/mdh-master-background.png') center/cover no-repeat!important;
  opacity:.13!important;
  mix-blend-mode:screen!important;
}
.hero::after{background:linear-gradient(180deg,transparent,rgba(4,17,36,.42))!important}
.topbar{background:rgba(6,20,40,.94)!important}
.hero h1 em{background:linear-gradient(90deg,#93C5FD 0%,#FFFFFF 52%,#6FB5FF 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}

/* Ruhige helle Szenen – kein großflächiges hellblaues Brandboard mehr */
.bento-section,
.section-light,
.blog-home,
.contact-home{
  background:
    radial-gradient(circle at 8% 14%,rgba(147,197,253,.16),transparent 32%),
    radial-gradient(circle at 92% 82%,rgba(59,130,246,.08),transparent 34%),
    linear-gradient(180deg,#F8FAFD 0%,#F2F6FA 100%)!important;
}
.bento-section::before,
.section-light::before,
.blog-home::before,
.contact-home::before{
  background:
    linear-gradient(118deg,transparent 0 44%,rgba(147,197,253,.09) 44.2% 44.8%,transparent 45%),
    radial-gradient(circle at 82% 20%,rgba(59,130,246,.08),transparent 28%)!important;
  opacity:1!important;
}
.bento-card,.principle-grid article,.post-card,.blog-empty,.contact-panel{
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(151,173,199,.28)!important;
  box-shadow:0 18px 48px rgba(11,45,91,.075)!important;
  backdrop-filter:blur(8px);
}

/* Dashboard/CTA/Footer: klare dunkle Flächen statt großflächiger Hintergrundgrafik */
.dashboard-preview{
  background:
    radial-gradient(circle at 85% 10%,rgba(59,130,246,.22),transparent 34%),
    linear-gradient(125deg,#07172E 0%,#0B2D5B 64%,#123A69 100%)!important;
}
.dashboard-preview::before{background:none!important;opacity:0!important}
.final-cta{
  background:
    radial-gradient(circle at 82% 10%,rgba(59,130,246,.18),transparent 32%),
    linear-gradient(115deg,#07172E 0%,#0B2D5B 72%,#102F58 100%)!important;
}
.final-cta::before{background:none!important;opacity:0!important}
.site-footer{background:linear-gradient(180deg,#07172E 0%,#061426 100%)!important}
.site-footer::before{background:none!important;opacity:0!important}

/* ---------------------------------------------------------
   TRENNBEREICHE – ein gemeinsamer Standard
   Mittlere Markenfarbe: Corporate Blue #3B82F6
   --------------------------------------------------------- */
.brand-band-dark,
.mdh-solid-divider{
  position:relative;
  min-height:var(--mdh-divider-height);
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 50% -45%,rgba(147,197,253,.26),transparent 54%),
    linear-gradient(100deg,#0B2D5B 0%,#245FB8 27%,#3B82F6 50%,#245FB8 73%,#0B2D5B 100%)!important;
  border-top:1px solid rgba(147,197,253,.22)!important;
  border-bottom:1px solid rgba(3,18,39,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -1px 0 rgba(0,0,0,.16)!important;
}
.brand-band-dark::after{background:none!important;opacity:0!important}
.brand-band-dark>.shell,.mdh-solid-divider>.shell{width:min(var(--shell),calc(100% - (var(--gd)*2)));position:relative;z-index:2}
.brand-band-features{padding:24px 0!important}
.brand-band-features h1,.brand-band-features h2{
  margin:0;
  color:#fff;
  text-align:center;
  font-size:clamp(28px,3vw,42px);
  line-height:1.08;
  letter-spacing:-.035em;
}
.mdh-solid-divider{padding:0!important}
.mdh-solid-divider h2{font-size:clamp(28px,3vw,42px)!important}

/* Die vier Standard-Karten im Trenner als dunkles Glas statt weiße Fremdkörper */
.brand-band-features .brand-family-row{width:100%}
.brand-band-features .brand-family-row>div{
  background:rgba(5,25,50,.64)!important;
  border:1px solid rgba(191,221,255,.24)!important;
  box-shadow:0 16px 36px rgba(2,15,34,.18)!important;
  backdrop-filter:blur(12px);
}
.brand-band-features .brand-family-row span{color:#B9D8FF!important}
.brand-band-features .brand-family-row strong{color:#FFFFFF!important}
.brand-band-features .brand-family-row small{color:#D1E2F5!important}

/* Helle Übergänge nur noch als sehr dezente Nebenflächen */
.brand-band-light{
  background:linear-gradient(180deg,#F5F8FC 0%,#EEF3F8 100%)!important;
  border-color:rgba(151,173,199,.24)!important;
}
.brand-band-light::after{background:none!important;opacity:0!important}

@media(max-width:800px){
  :root{--mdh-divider-height:118px}
  .brand-band-dark,.mdh-solid-divider{min-height:var(--mdh-divider-height)}
  .brand-band-features{padding:22px 0!important}
  .brand-band-features h1,.brand-band-features h2,.mdh-solid-divider h2{font-size:clamp(24px,7vw,34px)!important}
  .hero::before{opacity:.09!important}
}
@media(max-width:520px){
  .brand-band-features:has(.brand-family-row){min-height:auto}
  .brand-band-features .brand-family-row{gap:10px}
}

/* =========================================================
   MDH GROUP v2.0.13 / MASTER-DESIGN v1.7.1
   VERBINDLICHER TRENNBEREICH-STANDARD
   Referenzhöhe: Linkentra / Debentra / Affilentra
   Mittlere Brandboard-Farbe (3. Swatch): #93C5FD
   ========================================================= */
:root{--mdh-divider-height:300px}
.brand-band-dark,
.mdh-solid-divider{
  height:var(--mdh-divider-height)!important;
  min-height:var(--mdh-divider-height)!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  background:
    radial-gradient(circle at 50% -34%,rgba(255,255,255,.42),transparent 52%),
    linear-gradient(100deg,#3B82F6 0%,#6AA9F4 28%,#93C5FD 50%,#6AA9F4 72%,#3B82F6 100%)!important;
  border-top:1px solid rgba(11,45,91,.16)!important;
  border-bottom:1px solid rgba(11,45,91,.26)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(11,45,91,.10)!important;
}
.brand-band-dark::before,
.brand-band-dark::after,
.mdh-solid-divider::before,
.mdh-solid-divider::after{background:none!important;opacity:0!important}
.brand-band-dark>.shell,
.mdh-solid-divider>.shell{width:min(var(--shell),calc(100% - (var(--gd)*2)));position:relative;z-index:2}
.brand-band-features{padding:28px 0!important}
.brand-band-features h1,
.brand-band-features h2,
.mdh-solid-divider h2{color:#0B2D5B!important;text-shadow:none!important}
.brand-band-features .brand-family-row>div{
  background:rgba(11,45,91,.88)!important;
  border-color:rgba(255,255,255,.24)!important;
}
.brand-band-features .brand-family-row span{color:#93C5FD!important}
.brand-band-features .brand-family-row strong{color:#FFFFFF!important}
.brand-band-features .brand-family-row small{color:#DCEBFB!important}
@media(max-width:980px){:root{--mdh-divider-height:240px}}
@media(max-width:800px){
  :root{--mdh-divider-height:220px}
  .brand-band-dark,.mdh-solid-divider{height:auto!important;min-height:var(--mdh-divider-height)!important;padding:28px 0!important}
  .brand-band-features:has(.brand-family-row){height:auto!important;min-height:var(--mdh-divider-height)!important}
}

/* =========================================================
   MDH GROUP v2.0.14 / MASTER-DESIGN v1.7.2
   HERO-ORBIT-SYNCHRONISIERUNG
   Referenz: Zentrum + Satelliten = MDH Group
             Umlaufbahnen + 48s Orbit = Marqentra
   ========================================================= */
@keyframes mdhUnifiedHeroOrbit{
  from{transform:rotate(0deg) translateX(var(--mdh-orbit-radius)) rotate(0deg)}
  to{transform:rotate(360deg) translateX(var(--mdh-orbit-radius)) rotate(-360deg)}
}
@media(min-width:801px){
  .orbit-hero{
    width:min(100%,560px);
    --mdh-orbit-radius:194px;
  }
  /* Marqentra-Geometrie: außen 90 %, innen 60 %. */
  .orbit-ring-2{inset:5%!important}
  .orbit-ring-1{inset:20%!important}
  .orbit-center{
    width:220px!important;
    height:220px!important;
    border-radius:50%!important;
  }
  .satellite{
    top:50%!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:148px!important;
    min-width:148px!important;
    height:112px!important;
    min-height:112px!important;
    margin-left:-74px!important;
    margin-top:-56px!important;
    padding:14px 10px 12px!important;
    border-radius:18px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    transform:none;
    animation:mdhUnifiedHeroOrbit 48s linear infinite!important;
    will-change:transform;
  }
  .sat-marqentra{transform:rotate(-90deg) translateX(var(--mdh-orbit-radius)) rotate(90deg);animation-delay:-36s!important}
  .sat-linkentra{transform:rotate(0deg) translateX(var(--mdh-orbit-radius)) rotate(0deg);animation-delay:0s!important}
  .sat-debentra{transform:rotate(90deg) translateX(var(--mdh-orbit-radius)) rotate(-90deg);animation-delay:-12s!important}
  .sat-affilentra{transform:rotate(180deg) translateX(var(--mdh-orbit-radius)) rotate(-180deg);animation-delay:-24s!important}
}
@media(min-width:801px) and (max-width:1000px){
  .orbit-hero{width:min(100%,500px);--mdh-orbit-radius:170px}
  .orbit-center{width:190px!important;height:190px!important}
  .satellite{width:138px!important;min-width:138px!important;height:104px!important;min-height:104px!important;margin-left:-69px!important;margin-top:-52px!important}
}
@media(prefers-reduced-motion:reduce){
  .satellite{animation:none!important;will-change:auto}
}


/* ============================================================
   MASTER-DESIGN v1.7.3 – HERO COLUMN SYNC
   Verbindlich auf Desktop: identische 50/50-Spalten + 54px Gap.
   Shell bleibt 1180px; Mobile bleibt einspaltig.
   ============================================================ */
@media (min-width:1051px){
  .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:54px!important;
  }
  .hero-grid>*{min-width:0}
}