@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#080b16;--bg2:#0d1220;--panel:#111827;--panel2:#151c2d;--text:#f4f7fb;--muted:#9da8bb;--line:rgba(255,255,255,.10);--teal:#22c8ba;--cyan:#54c7e8;--pink:#e65a9e;--magenta:#d948a5;--purple:#8065db;--blue:#5d91df;--amber:#d6a15a;--max:1480px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 15%,rgba(48,104,144,.14),transparent 28%),radial-gradient(circle at 15% 45%,rgba(126,57,132,.10),transparent 30%),var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 72px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(8,11,22,.82);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{border-color:var(--line);box-shadow:0 10px 40px rgba(0,0,0,.2)}.nav-wrap{height:72px;display:flex;align-items:center;gap:32px}.brand img{width:202px;height:auto;display:block}.desktop-nav{display:flex;gap:29px;align-items:center;margin-left:auto}.desktop-nav a,.mobile-nav a{font-size:14px;color:#dbe2ed}.desktop-nav a:hover,.mobile-nav a:hover{color:#fff}.nav-actions{display:flex;gap:12px;margin-left:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:11px;padding:10px 18px;font-weight:600;font-size:14px;transition:.2s}.btn-primary{border:0;background:linear-gradient(100deg,#d94caa,#8b5de8);box-shadow:0 10px 30px rgba(185,72,155,.18)}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.06)}.btn-ghost{background:rgba(255,255,255,.025)}.btn-video{background:rgba(255,255,255,.035);padding:14px 20px}.play{width:25px;height:25px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center;font-size:10px}.btn-large{padding:15px 24px;font-size:15px}.mobile-toggle,.mobile-nav{display:none}
.hero{position:relative;overflow:hidden;padding:68px 0 54px;min-height:620px}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:30px;align-items:center}.hero-glow{position:absolute;filter:blur(50px);border-radius:50%;pointer-events:none}.glow-a{width:430px;height:430px;background:rgba(62,100,176,.16);right:12%;top:12%}.glow-b{width:300px;height:300px;background:rgba(181,54,137,.12);left:7%;bottom:-10%}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker{letter-spacing:4px;font-size:11px;font-weight:700;color:#59c9e7}.eyebrow{display:inline-flex;border:1px solid rgba(55,196,220,.55);border-radius:30px;padding:7px 14px;margin-bottom:18px}.hero h1{font:700 clamp(46px,5.2vw,76px)/.98 "Space Grotesk",sans-serif;letter-spacing:-3px;margin:0 0 22px}.hero h1 span{color:var(--teal)}.hero-lead{font-size:21px;max-width:680px;margin:0 0 12px;color:#eef2f8}.hero-sub{font-size:16px;color:var(--muted);max-width:650px;margin:0 0 25px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-points{display:flex;gap:28px;margin-top:34px}.hero-points>div{display:flex;gap:10px;align-items:center}.point-icon{width:37px;height:37px;border:1px solid;border-radius:50%;display:grid;place-items:center}.teal{color:var(--teal)}.blue{color:var(--blue)}.pink{color:var(--pink)}.hero-points strong,.hero-points small{display:block}.hero-points strong{font-size:13px}.hero-points small{font-size:11px;color:var(--muted);margin-top:2px}
.hero-visual{position:relative;min-height:470px}.dashboard-shell{position:absolute;left:4%;right:5%;top:52px;border:1px solid rgba(109,141,194,.35);background:#0e1422;border-radius:17px;box-shadow:0 35px 90px rgba(0,0,0,.45),0 0 80px rgba(43,95,140,.12);overflow:hidden;transform:perspective(1100px) rotateY(-2deg)}.browser-bar{height:34px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 13px;color:#8e9ab0;font-size:10px}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#667086}.browser-bar b{margin-left:10px;color:#42bfb5}.dashboard{display:grid;grid-template-columns:155px 1fr;min-height:350px}.dash-side{background:#0b101c;padding:17px 10px;border-right:1px solid var(--line);font-size:10px}.dash-side strong{display:block;margin:0 8px 18px;color:#31c6ba;font-size:12px}.dash-side strong span{color:#df4fa3}.dash-side a{display:block;padding:8px;border-radius:5px;color:#9aa5b8;margin:2px 0}.dash-side a.active{background:#34276a;color:#fff}.dash-main{padding:17px}.dash-head{display:flex;justify-content:space-between;gap:15px}.dash-head h3{font-size:17px;margin:0}.dash-head p{font-size:9px;color:var(--muted);margin:3px 0 15px}.dash-head>span{font-size:8px;border:1px solid var(--line);border-radius:6px;height:max-content;padding:6px 8px;color:#9ca8ba}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.metric-row>div,.chart-card,.ai-card{background:#151d2d;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:10px}.metric-row small{font-size:7px;color:#9ba7ba;display:block}.metric-row strong{display:block;font-size:17px;margin:3px 0}.metric-row em{font-size:7px;color:#2fc5a5;font-style:normal}.dash-lower{display:grid;grid-template-columns:1.5fr .85fr;gap:8px;margin-top:8px}.card-title{font-size:9px;font-weight:600}.card-title span{float:right;color:#8995a9;font-size:7px;font-weight:400}.fake-chart{height:128px;margin-top:10px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0 31px,rgba(255,255,255,.045) 32px);overflow:hidden}.fake-chart:before,.fake-chart:after{content:"";position:absolute;left:-3%;width:108%;height:2px;transform-origin:left center}.fake-chart:before{top:66%;background:#4db9c1;transform:rotate(-12deg);box-shadow:65px -23px 0 #4db9c1,130px -8px 0 #4db9c1,205px -40px 0 #4db9c1,280px -24px 0 #4db9c1}.fake-chart:after{top:53%;background:#d54e9d;transform:rotate(8deg);box-shadow:70px 9px 0 #d54e9d,145px -7px 0 #d54e9d,220px 18px 0 #d54e9d}.ai-item{margin-top:9px;padding:8px;border-radius:6px;background:#1b2437;font-size:8px}.ai-item small{display:block;color:#8794aa;font-size:7px;margin-top:2px}.channel-float{position:absolute;top:0;left:25%;z-index:3;display:flex;gap:8px}.channel-float span{width:35px;height:35px;border:1px solid rgba(110,150,205,.4);background:#152033;border-radius:8px;display:grid;place-items:center;font-size:15px;box-shadow:0 10px 25px rgba(0,0,0,.25)}.float-card{position:absolute;border:1px solid rgba(76,190,210,.45);background:rgba(14,22,38,.94);border-radius:10px;padding:12px 15px;box-shadow:0 15px 35px rgba(0,0,0,.25);font-size:11px}.float-card b{font-weight:500;margin-left:7px}.float-ai{right:-1%;top:22px}.float-publish{right:-3%;top:175px}.float-audience{right:0;bottom:60px}.publish-card{position:absolute;left:12%;bottom:28px;background:rgba(23,30,47,.97);border:1px solid rgba(82,195,208,.4);padding:10px 16px;border-radius:10px;font-size:10px}.publish-card small{display:block;color:#6bc9d2;margin-top:4px}
.section{padding:88px 0}.section h2{font:700 clamp(31px,4vw,48px)/1.08 "Space Grotesk",sans-serif;letter-spacing:-1.5px;text-align:center;margin:8px 0 10px}.section-intro{max-width:760px;text-align:center;color:var(--muted);margin:0 auto 35px;font-size:15px}.section-intro.left{text-align:left;margin-left:0}.ecosystem{border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(22,28,52,.45),transparent)}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.feature-card{min-height:190px;padding:17px;border:1px solid var(--line);border-radius:13px;background:rgba(15,21,34,.72);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.06),transparent 50%);pointer-events:none}.feature-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:18px}.feature-card h3{font:600 18px "Space Grotesk",sans-serif;margin:12px 0 7px}.feature-card p{font-size:12px;color:#a9b3c5;margin:0 0 15px}.feature-card small{position:absolute;bottom:15px;left:17px;right:17px;color:#78c9ce;font-size:9px}.feature-card small b{float:right;font-size:14px}.pink-card{border-color:rgba(220,72,155,.55)}.blue-card{border-color:rgba(84,139,218,.55)}.purple-card{border-color:rgba(126,98,212,.55)}.amber-card{border-color:rgba(202,151,80,.55)}.ai-card-main{border-color:rgba(90,126,220,.55)}
.ai-section{background:radial-gradient(circle at 80% 50%,rgba(99,72,153,.10),transparent 30%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.two-col h2{text-align:left;max-width:610px}.ai-capabilities{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.ai-capabilities span{padding:8px 12px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.025);font-size:11px;color:#c6d0de}.mode-panel{border:1px solid var(--line);background:rgba(15,21,34,.78);border-radius:16px;padding:8px}.mode{display:grid;grid-template-columns:46px 1fr;gap:12px;padding:20px;border-bottom:1px solid var(--line)}.mode:last-child{border:0}.mode>b{color:#55c5d3;font-size:11px;letter-spacing:1px}.mode strong{font:600 18px "Space Grotesk"}.mode p{font-size:12px;color:var(--muted);margin:5px 0 0}
.channel-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.channel-item{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(15,21,34,.65)}.channel-item>span{font-size:21px;color:#61b8d7}.channel-item b,.channel-item small{display:block}.channel-item b{font-size:12px}.channel-item small{font-size:9px;color:var(--muted)}.channel-item em{margin-left:auto;white-space:nowrap;font-size:7px;font-style:normal;background:#d9c7ee;color:#553a74;border-radius:20px;padding:4px 6px}.channel-item.live{border-color:rgba(34,200,186,.35)}.channel-item.live em{background:#38bb8d;color:#08261f}
.workflow{background:#0b101b}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:38px;background:var(--line);border:1px solid var(--line)}.workflow-grid>div{background:#0d1320;padding:28px}.workflow-grid span{color:#5fc5d2;font-size:11px}.workflow-grid h3{font:600 21px "Space Grotesk";margin:12px 0 5px}.workflow-grid p{font-size:12px;color:var(--muted);margin:0}
.audience{padding-top:45px}.audience-panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;border:1px solid var(--line);border-radius:17px;padding:38px;background:linear-gradient(100deg,rgba(22,31,52,.85),rgba(17,21,35,.65))}.audience-panel h2{text-align:left;font-size:35px}.audience-list{display:flex;flex-wrap:wrap;gap:9px}.audience-list span{padding:10px 13px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);font-size:11px;color:#c4cedc}
.cta{padding:90px 0}.cta-box{text-align:center;border:1px solid rgba(96,113,181,.25);border-radius:22px;padding:65px 30px;background:radial-gradient(circle at 50% 30%,rgba(105,72,163,.17),transparent 55%),#0e1422}.cta-box h2{font-size:49px}.cta-box h2 span{color:#58c7d1}.cta-box p{color:var(--muted);margin:0 0 25px}
footer{border-top:1px solid var(--line);padding:50px 0 20px;background:#070a12}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer-logo{width:190px}.footer-grid p{font-size:12px;color:var(--muted);max-width:300px}.footer-grid b{font-size:12px}.footer-grid a{display:block;color:var(--muted);font-size:11px;margin-top:10px}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:17px;display:flex;justify-content:space-between;color:#687388;font-size:9px}
@media(max-width:1200px){.desktop-nav{gap:16px}.feature-grid{grid-template-columns:repeat(3,1fr)}.channel-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:850px}.hero-visual{min-height:500px}.float-ai{right:2%}.float-publish{right:0}.float-audience{right:2%}}
@media(max-width:800px){.container{width:min(100% - 34px,var(--max))}.desktop-nav,.nav-actions{display:none}.mobile-toggle{display:block;margin-left:auto;background:none;border:0;color:#fff;font-size:24px}.mobile-nav{padding:12px 17px 18px;border-top:1px solid var(--line);background:#080b16}.mobile-nav.open{display:grid;gap:14px}.hero{padding-top:45px}.hero h1{font-size:47px;letter-spacing:-2px}.hero-lead{font-size:18px}.hero-points{gap:13px;flex-wrap:wrap}.hero-visual{min-height:420px}.dashboard-shell{left:0;right:0;top:48px}.dashboard{grid-template-columns:105px 1fr}.dash-side a{font-size:8px}.float-card{font-size:9px;padding:9px}.float-ai{top:0}.float-publish{top:auto;bottom:95px}.float-audience{display:none}.publish-card{left:4%;bottom:10px}.channel-float{left:20%;gap:4px}.channel-float span{width:28px;height:28px;font-size:12px}.section{padding:65px 0}.feature-grid,.channel-grid{grid-template-columns:1fr 1fr}.two-col,.audience-panel{grid-template-columns:1fr;gap:35px}.workflow-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}.cta-box h2{font-size:37px}}
@media(max-width:520px){.brand img{width:160px}.feature-grid,.channel-grid,.workflow-grid{grid-template-columns:1fr}.hero-visual{min-height:340px}.dashboard-shell{top:40px;transform:none}.dashboard{grid-template-columns:80px 1fr}.dash-side{padding:10px 5px}.dash-side a{padding:6px 4px;font-size:7px}.dash-main{padding:10px}.metric-row{grid-template-columns:1fr 1fr}.dash-lower{grid-template-columns:1fr}.chart-card{display:none}.channel-float span:nth-child(n+5){display:none}.float-card{display:none}.publish-card{font-size:8px}.hero-actions .btn{width:100%}.hero-points{display:grid}.footer-grid{grid-template-columns:1fr}.audience-panel h2{font-size:30px}}


/* --- Marktechie layout normalization --- */
html, body {
  width: 100%;
  min-width: 0;
  overflow-x: hidden;
}

.container {
  width: calc(100% - 72px);
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
}

.brand {
  display: block;
  flex: 0 0 202px;
  width: 202px;
  max-width: 202px;
}

.brand img {
  display: block;
  width: 202px !important;
  max-width: 202px !important;
  height: auto !important;
}

.footer-logo {
  display: block;
  width: 190px !important;
  max-width: 190px !important;
  height: auto !important;
}

@media (max-width: 800px) {
  .container {
    width: calc(100% - 34px);
  }

  .brand {
    flex-basis: 160px;
    width: 160px;
    max-width: 160px;
  }

  .brand img {
    width: 160px !important;
    max-width: 160px !important;
  }
}

/* Explicit logo containers */
.brand-logo {
  display: block;
  width: 202px;
  height: 46px;
  overflow: hidden;
  flex: none;
}

.brand-logo img {
  display: block;
  width: 202px !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}

.footer-logo-wrap {
  display: block;
  width: 190px;
  height: 58px;
  overflow: hidden;
}

.footer-logo-wrap .footer-logo {
  display: block;
  width: 190px !important;
  height: auto !important;
  max-width: none !important;
}

@media (max-width: 800px) {
  .brand-logo {
    width: 160px;
    height: 38px;
  }

  .brand-logo img {
    width: 160px !important;
  }
}