:root{
  --bg:#07111c; --bg2:#0a1724; --panel:#0d1c2a; --panel2:#102336;
  --text:#f8fafc; --muted:#9fb0c3; --line:#1d3449;
  --blue:#38bdf8; --blue2:#2563eb; --cyan:#22d3ee; --green:#34d399;
  --max:1160px; --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:
  radial-gradient(900px 480px at 75% -10%,rgba(37,99,235,.20),transparent 60%),
  radial-gradient(700px 420px at -10% 20%,rgba(34,211,238,.08),transparent 60%),
  var(--bg);
  color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.65;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
header{
  position:sticky;top:0;z-index:50;
  background:rgba(7,17,28,.86);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(148,163,184,.12)
}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;min-width:0}



.brand-mark-img{
  width:46px;height:46px;flex:0 0 46px;
  object-fit:contain;background:#fff;border-radius:12px;
  padding:4px;box-shadow:0 8px 24px rgba(0,0,0,.22);
  border:1px solid rgba(148,163,184,.16)
}

.brand-wordmark{display:flex;align-items:baseline;gap:7px;white-space:nowrap;line-height:1}
.brand-wordmark strong{
  font-size:19px;letter-spacing:1.8px;font-weight:850;color:#f8fafc
}
.brand-wordmark span{
  font-size:18px;letter-spacing:.4px;font-weight:350;color:#7dd3fc
}

.navlinks{display:flex;gap:26px;align-items:center;color:#c9d5e2;font-size:14px}
.navlinks a:hover{color:white}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;
  border-radius:13px;font-weight:700;font-size:14px;border:1px solid var(--line);
  background:#102236;color:white;transition:.2s ease
}
.btn:hover{transform:translateY(-1px);border-color:#315372}
.btn.primary{border:0;background:linear-gradient(135deg,var(--blue2),#0284c7 55%,var(--cyan))}
.menu{display:none;background:none;color:white;border:0;font-size:28px}
.hero{padding:105px 0 82px}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.eyebrow{
  display:inline-flex;align-items:center;gap:9px;border:1px solid #1f4661;background:#0b2131;
  padding:8px 12px;border-radius:99px;color:#aee8ff;font-size:13px;font-weight:700
}
.dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}
h1{font-size:clamp(46px,7vw,82px);line-height:1.04;margin:22px 0 20px;letter-spacing:-3px}
h2{font-size:clamp(32px,4vw,52px);line-height:1.12;margin:0 0 16px;letter-spacing:-1.5px}
h3{font-size:22px;margin:0 0 8px}
.lead{font-size:19px;color:#b8c7d6;max-width:720px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-card{
  position:relative;padding:28px;border-radius:28px;border:1px solid #17344a;
  background:linear-gradient(145deg,#0c1b2a,#0b1825);box-shadow:0 30px 80px rgba(0,0,0,.35)
}
.hero-card:before{
  content:"";position:absolute;inset:-1px;border-radius:28px;padding:1px;
  background:linear-gradient(140deg,rgba(56,189,248,.5),transparent 35%,rgba(37,99,235,.35));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none
}
.logo-large{width:100%;max-width:235px;margin:0 auto;background:#fff;border-radius:18px;padding:8px}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.metric{padding:14px;border:1px solid #183449;background:#0b1926;border-radius:16px;text-align:center}
.metric strong{display:block;font-size:18px}.metric span{color:var(--muted);font-size:12px}
.section{padding:82px 0}.section.alt{background:rgba(10,23,36,.55);border-top:1px solid rgba(148,163,184,.08);border-bottom:1px solid rgba(148,163,184,.08)}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}
.section-head p{color:var(--muted);max-width:650px;margin:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{
  border:1px solid var(--line);background:linear-gradient(145deg,#0d1c2a,#0a1825);
  border-radius:var(--radius);padding:26px;min-height:250px
}
.card p{color:var(--muted)}
.product-card{display:flex;flex-direction:column;justify-content:space-between}
.product-top{display:flex;gap:16px;align-items:center}
.app-icon{width:72px;height:72px;border-radius:18px;box-shadow:0 10px 26px rgba(0,0,0,.35)}
.placeholder-icon{
  width:72px;height:72px;border-radius:18px;display:grid;place-items:center;
  background:linear-gradient(135deg,#142a3d,#0c1a29);border:1px solid #24445f;color:#91cceb;font-weight:900;font-size:20px
}
.badge{display:inline-block;padding:5px 9px;border-radius:999px;border:1px solid #29516c;color:#9edfff;background:#0a2131;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}
.badge.green{border-color:#1d5b49;color:#9af0cb;background:#09261d}
.link-arrow{color:#80dcff;font-weight:800}
.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.feature{padding:18px;border:1px solid var(--line);border-radius:18px;background:#0b1926}
.feature strong{display:block;margin-bottom:5px}.feature span{color:var(--muted);font-size:14px}
.product-hero{padding:76px 0 58px}.product-hero-grid{display:grid;grid-template-columns:1fr .7fr;gap:50px;align-items:center}
.product-icon-xl{width:170px;border-radius:38px;box-shadow:0 24px 70px rgba(0,0,0,.35);margin:auto}
.notice{border:1px solid #28516b;background:#0a2131;color:#c8eeff;padding:16px 18px;border-radius:16px}
.prose{max-width:880px}.prose h2{font-size:30px;margin-top:42px}.prose h3{margin-top:26px}
.prose p,.prose li{color:#c4d0dc}.prose ul{padding-left:22px}
.prose a{color:#77d9ff;text-decoration:underline;text-underline-offset:3px}
.meta{display:flex;gap:10px;flex-wrap:wrap;color:#aac0d3;font-size:13px;margin:18px 0 0}
.meta span{padding:7px 10px;border:1px solid #203a50;border-radius:10px;background:#0b1926}
.cta{padding:34px;border:1px solid #24455e;border-radius:28px;background:linear-gradient(135deg,#0d2030,#0c1826);display:flex;justify-content:space-between;align-items:center;gap:24px}
footer{border-top:1px solid rgba(148,163,184,.12);padding:34px 0 44px;color:#8fa2b5}
.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:center}
.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}
.small{font-size:13px;color:var(--muted)}
.kicker{color:#77d9ff;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;font-size:12px}
@media(max-width:850px){.brand-wordmark strong{font-size:17px}.brand-wordmark span{font-size:16px}
  .navlinks{display:none}.menu{display:block}.nav.open .navlinks{display:flex;position:absolute;top:78px;left:0;right:0;background:#07111c;border-bottom:1px solid var(--line);padding:22px;flex-direction:column;align-items:flex-start}
  .hero-grid,.product-hero-grid,.split{grid-template-columns:1fr}.hero{padding-top:72px}.hero-card{order:-1}.cards{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:10px}.feature-list{grid-template-columns:1fr}
  .footer-grid,.cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){.wrap{width:min(var(--max),calc(100% - 26px))}.metrics{grid-template-columns:1fr}.hero-card{padding:22px}h1{letter-spacing:-2px}}

/* M-İbadet product / store preview */
.mibadet-page{
  --mi-bg:#031b17;--mi-bg2:#052b23;--mi-panel:#07372d;--mi-panel2:#0a4436;
  --mi-line:rgba(87,230,178,.20);--mi-text:#f4fff9;--mi-muted:#b8d9cd;--mi-accent:#53e7ae;--mi-gold:#efc565;
  background:
    radial-gradient(900px 520px at 84% 4%,rgba(38,198,145,.12),transparent 65%),
    radial-gradient(780px 520px at 4% 14%,rgba(238,197,101,.07),transparent 64%),
    linear-gradient(180deg,#031814 0%,#041f1a 38%,#031814 100%);
}
.mibadet-page header{background:rgba(3,22,18,.88);border-bottom-color:rgba(83,231,174,.12)}
.mibadet-page footer{border-top-color:rgba(83,231,174,.12);background:#031512}
.mibadet-store-hero{padding:58px 0 46px}
.mibadet-app-head{display:flex;align-items:center;gap:26px;max-width:900px}
.mibadet-app-icon{width:126px;height:126px;border-radius:30px;box-shadow:0 28px 70px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.06)}
.mibadet-app-copy{min-width:0}
.mibadet-overline,.mibadet-kicker{color:var(--mi-accent);font-weight:800;text-transform:uppercase;letter-spacing:1.4px;font-size:12px}
.mibadet-app-copy h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2.2px;margin:4px 0 8px;line-height:1.04;color:var(--mi-text)}
.mibadet-app-copy p{font-size:18px;color:var(--mi-muted);max-width:740px;margin:0}
.mibadet-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.mibadet-primary{border:1px solid transparent!important;background:linear-gradient(135deg,#0ea574,#47dfaa)!important;color:#032018!important;box-shadow:0 12px 30px rgba(45,204,148,.16)}
.mibadet-ghost{background:rgba(7,55,45,.64)!important;border-color:var(--mi-line)!important;color:#e9fff6!important}
.mibadet-store-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:34px 0 24px;max-width:880px}
.mibadet-store-meta div{padding:14px 16px;border:1px solid var(--mi-line);background:rgba(5,43,35,.72);border-radius:16px}
.mibadet-store-meta strong{display:block;color:var(--mi-text);font-size:14px}.mibadet-store-meta span{display:block;color:#8fbcae;font-size:12px;margin-top:2px}
.mibadet-feature-graphic{margin:28px 0 0;border-radius:28px;overflow:hidden;border:1px solid rgba(239,197,101,.22);background:#052b23;box-shadow:0 30px 90px rgba(0,0,0,.36)}
.mibadet-feature-graphic img{width:100%;height:auto}
.mibadet-preview-section{padding:76px 0 72px;border-top:1px solid rgba(83,231,174,.08);background:linear-gradient(180deg,rgba(6,45,37,.55),rgba(3,24,20,.15))}
.mibadet-section-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:30px}.mibadet-section-heading.compact{display:block}
.mibadet-section-heading h2{font-size:clamp(32px,4.2vw,52px);color:var(--mi-text);margin:4px 0 0}.mibadet-section-heading p{max-width:590px;color:var(--mi-muted);margin:0}
.mibadet-gallery-shell{position:relative}
.mibadet-screenshot-strip{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 6px 24px;scrollbar-width:thin;scrollbar-color:#1b7358 transparent}
.mibadet-screenshot-strip::-webkit-scrollbar{height:8px}.mibadet-screenshot-strip::-webkit-scrollbar-track{background:transparent}.mibadet-screenshot-strip::-webkit-scrollbar-thumb{background:#1b7358;border-radius:99px}
.mibadet-shot{appearance:none;border:0;background:none;color:inherit;padding:0;text-align:left;flex:0 0 286px;scroll-snap-align:start;cursor:zoom-in}
.mibadet-shot img{width:100%;aspect-ratio:941/1672;object-fit:cover;border-radius:22px;border:1px solid rgba(83,231,174,.22);box-shadow:0 18px 48px rgba(0,0,0,.34);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.mibadet-shot:hover img{transform:translateY(-5px);border-color:rgba(83,231,174,.58);box-shadow:0 24px 58px rgba(0,0,0,.48)}
.mibadet-shot span{display:block;margin:10px 2px 0;color:#d9f6eb;font-size:13px;font-weight:750}
.mibadet-gallery-arrow{position:absolute;z-index:3;top:42%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(83,231,174,.26);background:rgba(3,30,25,.92);color:white;font-size:32px;line-height:1;box-shadow:0 12px 30px rgba(0,0,0,.35);cursor:pointer}.mibadet-gallery-arrow:hover{background:#0b513f}.mibadet-gallery-arrow.prev{left:-18px}.mibadet-gallery-arrow.next{right:-18px}
.mibadet-gallery-hint{color:#79a99a;font-size:12px;margin-top:4px}
.mibadet-feature-section{padding:74px 0;background:#031814;border-top:1px solid rgba(83,231,174,.08)}
.mibadet-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mibadet-feature-grid article{min-height:190px;padding:24px;border:1px solid var(--mi-line);background:linear-gradient(145deg,rgba(8,58,47,.92),rgba(4,34,28,.9));border-radius:22px}
.mibadet-feature-grid h3{color:#f3fff9;margin:14px 0 7px}.mibadet-feature-grid p{color:#9fc9bb;margin:0;font-size:14px}.mibadet-feature-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(83,231,174,.12);border:1px solid rgba(83,231,174,.18);color:#61e9b7;font-size:21px}
.mibadet-trust-section{padding:76px 0;background:linear-gradient(180deg,#05261f,#031814)}
.mibadet-trust-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}.mibadet-trust-grid h2{margin-top:6px}.mibadet-trust-grid p{color:var(--mi-muted);max-width:720px}.mibadet-text-link{color:var(--mi-accent);font-weight:800}
.mibadet-trust-card{border:1px solid var(--mi-line);background:rgba(6,49,40,.78);border-radius:24px;padding:18px}.mibadet-trust-card div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 8px;border-bottom:1px solid rgba(83,231,174,.1)}.mibadet-trust-card div:last-child{border-bottom:0}.mibadet-trust-card strong{color:#effff9}.mibadet-trust-card span{color:#7de7bd;font-size:13px;font-weight:750}
.mibadet-bottom-cta{padding:0 0 78px;background:#031814}.mibadet-cta-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:26px;border:1px solid rgba(239,197,101,.2);border-radius:26px;background:linear-gradient(135deg,rgba(9,63,51,.95),rgba(5,36,30,.96));box-shadow:0 22px 70px rgba(0,0,0,.22)}.mibadet-cta-card>img{width:78px;border-radius:20px}.mibadet-cta-card h2{font-size:clamp(26px,3vw,38px);margin:3px 0 3px}.mibadet-cta-card p{margin:0;color:var(--mi-muted)}
.mibadet-lightbox[hidden]{display:none}.mibadet-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(0,10,8,.88);backdrop-filter:blur(14px);display:grid;place-items:center;padding:32px}.mibadet-lightbox img{max-height:90vh;max-width:min(94vw,720px);border-radius:22px;box-shadow:0 35px 120px rgba(0,0,0,.65);border:1px solid rgba(83,231,174,.28)}.mibadet-lightbox-close{position:fixed;top:20px;right:24px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(3,30,25,.84);color:white;font-size:30px;cursor:pointer}
@media(max-width:900px){
  .mibadet-store-meta{grid-template-columns:repeat(2,1fr)}
  .mibadet-section-heading{display:block}.mibadet-section-heading p{margin-top:12px}
  .mibadet-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mibadet-trust-grid{grid-template-columns:1fr}.mibadet-gallery-arrow{display:none}
}
@media(max-width:640px){
  .mibadet-store-hero{padding-top:36px}.mibadet-app-head{align-items:flex-start;gap:16px}.mibadet-app-icon{width:88px;height:88px;border-radius:22px}.mibadet-app-copy h1{font-size:34px;letter-spacing:-1.4px}.mibadet-app-copy p{font-size:15px}.mibadet-actions{margin-left:-104px;padding-top:16px}.mibadet-store-meta{margin-top:26px}
  .mibadet-feature-graphic{border-radius:18px;margin-top:20px}.mibadet-preview-section{padding:58px 0}.mibadet-shot{flex-basis:74vw;max-width:310px}.mibadet-feature-grid{grid-template-columns:1fr}.mibadet-cta-card{grid-template-columns:auto 1fr}.mibadet-cta-card .btn{grid-column:1/-1;width:100%}.mibadet-lightbox{padding:18px}.mibadet-lightbox img{max-width:95vw;max-height:86vh}
}
@media(max-width:430px){.mibadet-store-meta{grid-template-columns:1fr 1fr}.mibadet-app-head{gap:13px}.mibadet-app-icon{width:76px;height:76px}.mibadet-actions{margin-left:-89px}.mibadet-shot{flex-basis:78vw}}


/* M-İbadet privacy & support — same emerald product identity */
.mibadet-legal-page .product-hero{
  padding:54px 0 82px;
  min-height:calc(100vh - 78px);
  background:
    radial-gradient(780px 420px at 88% 0%,rgba(83,231,174,.11),transparent 64%),
    radial-gradient(620px 360px at 4% 12%,rgba(239,197,101,.055),transparent 66%),
    linear-gradient(180deg,rgba(4,35,29,.62),rgba(3,24,20,.18));
}
.mibadet-legal-page .prose{max-width:960px}
.mibadet-legal-back{display:inline-flex;align-items:center;gap:8px;color:#8dc7b5;font-size:13px;font-weight:750;margin-bottom:28px}
.mibadet-legal-back:hover{color:var(--mi-accent)}
.mibadet-legal-head{display:flex;align-items:center;gap:22px;margin-bottom:18px}
.mibadet-legal-head>img{width:92px;height:92px;border-radius:24px;box-shadow:0 20px 55px rgba(0,0,0,.36);border:1px solid rgba(255,255,255,.06)}
.mibadet-legal-head h1{font-size:clamp(40px,5.5vw,66px);letter-spacing:-2.1px;line-height:1.03;margin:4px 0 7px;color:var(--mi-text)}
.mibadet-legal-head .lead{margin:0;max-width:760px;color:var(--mi-muted);font-size:17px}
.mibadet-legal-meta{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 18px}
.mibadet-legal-meta span{padding:9px 12px;border:1px solid var(--mi-line);border-radius:12px;background:rgba(6,49,40,.58);color:#a8d1c3;font-size:12px}
.mibadet-legal-meta strong{color:#f0fff9;margin-right:5px}
.mibadet-legal-page .notice{border:1px solid rgba(83,231,174,.20);background:linear-gradient(135deg,rgba(8,66,52,.78),rgba(4,39,32,.80));color:#cceadd;padding:17px 19px;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.13)}
.mibadet-legal-page .notice a,.mibadet-legal-page .prose a{color:#6ee8b9;text-decoration:none;font-weight:750}
.mibadet-legal-page .prose h2{font-size:28px;color:#f3fff9;margin-top:42px;padding-top:28px;border-top:1px solid rgba(83,231,174,.10)}
.mibadet-legal-page .prose h3{color:#effff8}
.mibadet-legal-page .prose p,.mibadet-legal-page .prose li{color:#b4d4c8}
.mibadet-legal-page .prose ul{padding-left:22px}
.mibadet-legal-page .prose li::marker{color:var(--mi-accent)}
.mibadet-legal-page .brand-wordmark span{color:#72d9b3}
.mibadet-legal-page .navlinks a:hover{color:#f2fff9}
.mibadet-legal-page .btn{background:rgba(7,55,45,.64);border-color:var(--mi-line)}
.mibadet-support-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:16px;margin-top:34px}
.mibadet-support-card{padding:26px;border:1px solid var(--mi-line);border-radius:24px;background:linear-gradient(145deg,rgba(8,58,47,.90),rgba(4,34,28,.88));box-shadow:0 20px 60px rgba(0,0,0,.18)}
.mibadet-support-card.featured{border-color:rgba(239,197,101,.22)}
.mibadet-support-card h2{border:0!important;padding:0!important;margin:15px 0 8px!important;font-size:27px!important}
.mibadet-support-card p{margin:0 0 19px}
.mibadet-support-tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.mibadet-support-tips div{padding:17px;border:1px solid rgba(83,231,174,.14);border-radius:17px;background:rgba(5,43,35,.58)}
.mibadet-support-tips strong{display:block;color:#effff9;font-size:13px;margin-bottom:4px}
.mibadet-support-tips span{display:block;color:#8fbcae;font-size:12px;line-height:1.5}
@media(max-width:850px){
  .mibadet-legal-page .nav.open .navlinks{background:#031814;border-bottom-color:var(--mi-line)}
  .mibadet-support-grid{grid-template-columns:1fr}
  .mibadet-support-tips{grid-template-columns:1fr}
}
@media(max-width:560px){
  .mibadet-legal-page .product-hero{padding-top:36px}
  .mibadet-legal-head{align-items:flex-start;gap:14px}
  .mibadet-legal-head>img{width:72px;height:72px;border-radius:19px}
  .mibadet-legal-head h1{font-size:34px;letter-spacing:-1.3px}
  .mibadet-legal-head .lead{font-size:14px}
}


/* M-İbadet v8 — Help / settings guide additions */
.mibadet-help-page .prose{max-width:1040px}
.mibadet-help-jump{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:30px 0 10px}
.mibadet-help-jump a{padding:12px 14px;border:1px solid rgba(83,231,174,.16);border-radius:14px;background:rgba(5,47,38,.64);color:#dff8ee;font-size:13px;font-weight:750;transition:.18s ease}
.mibadet-help-jump a:hover{border-color:rgba(83,231,174,.48);background:rgba(8,66,52,.78);transform:translateY(-1px)}
.mibadet-help-page .prose>h2{scroll-margin-top:100px}
.mibadet-help-table-wrap{overflow:auto;margin:18px 0 26px;border:1px solid rgba(83,231,174,.15);border-radius:20px;background:rgba(4,35,29,.58)}
.mibadet-help-table{width:100%;min-width:720px;border-collapse:collapse}
.mibadet-help-table th,.mibadet-help-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(83,231,174,.10)}
.mibadet-help-table th{color:#72e8bc;background:rgba(8,66,52,.46);font-size:12px;letter-spacing:.02em}
.mibadet-help-table td:first-child{width:31%;color:#f1fff9;font-weight:800}
.mibadet-help-table td{color:#b4d4c8}
.mibadet-help-table tr:last-child td{border-bottom:0}
.mibadet-help-page code{padding:2px 6px;border-radius:7px;background:rgba(2,23,19,.86);border:1px solid rgba(83,231,174,.16);color:#8ff0cb}
.mibadet-help-steps{counter-reset:mibadetstep;list-style:none;padding:0;display:grid;gap:10px;margin:18px 0 26px}
.mibadet-help-steps li{counter-increment:mibadetstep;position:relative;padding:15px 16px 15px 56px;border:1px solid rgba(83,231,174,.14);border-radius:17px;background:rgba(5,43,35,.58);color:#b8d7cc}
.mibadet-help-steps li::before{content:counter(mibadetstep);position:absolute;left:16px;top:14px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#43d49c;color:#05251d;font-size:12px;font-weight:900}
.mibadet-help-warning{border-color:rgba(239,197,101,.25)!important;background:linear-gradient(135deg,rgba(76,58,18,.32),rgba(4,39,32,.76))!important}
.mibadet-help-shot{max-width:420px;margin:22px auto 30px;text-align:center}
.mibadet-help-shot img{display:block;width:100%;border-radius:24px;border:1px solid rgba(83,231,174,.24);box-shadow:0 24px 70px rgba(0,0,0,.38)}
.mibadet-help-shot figcaption{padding:10px 8px 0;color:#8fbcae;font-size:12px}
.mibadet-help-tips{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:800px){
  .mibadet-help-jump{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mibadet-help-tips{grid-template-columns:1fr}
}
@media(max-width:520px){
  .mibadet-help-jump{grid-template-columns:1fr}
  .mibadet-help-shot{max-width:88vw}
}

/* M-İbadet v176 release highlights — inherit existing emerald visual system. */
.mibadet-release .mibadet-section-heading h2{font-size:clamp(26px,3.4vw,40px);margin-bottom:16px}
.mibadet-release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mibadet-release-grid article{border:1px solid var(--mi-line);background:linear-gradient(145deg,rgba(8,58,47,.94),rgba(5,34,28,.9));padding:19px;border-radius:18px}
.mibadet-release-grid h3{font-size:17px;color:#eafff7;margin:0 0 8px;line-height:1.36}
.mibadet-release-grid p{font-size:13.5px;color:#add0c1;line-height:1.65;margin:0}
@media(max-width:800px){.mibadet-release-grid{grid-template-columns:1fr}}

/* v177: Akıllı İlk Kurulum — responsive product showcase. Diagram is illustrative, not an app screenshot. */
.mibadet-onboard-section{position:relative;padding:90px 0 70px;overflow:hidden;background:radial-gradient(950px 520px at 96% 44%,rgba(28,155,111,.13),transparent 68%),linear-gradient(180deg,#041e19,#073329 58%,#05261f)}
.mibadet-onboard-section .wrap{position:relative;z-index:1}
.mibadet-onboard-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:8%;align-items:center}
.mibadet-onboard-copy h2{font-size:clamp(37px,4.6vw,65px);color:#f1fff9;letter-spacing:-2.3px;line-height:1.1;margin:18px 0 22px}
.mibadet-onboard-copy h2 em{font-style:normal;color:#7aefbd}
.mibadet-onboard-copy>p{font-size:17px;line-height:1.85;color:#b7d9ca;max-width:570px}
.mibadet-onboard-benefits{display:grid;gap:12px;margin:29px 0}
.mibadet-onboard-benefits>div{display:grid;grid-template-columns:27px 1fr;column-gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid rgba(83,231,174,.1)}
.mibadet-onboard-benefits>div>span{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;color:#052a20;background:#8befbd;font-weight:900}
.mibadet-onboard-benefits strong{color:#f3fff9;font-size:15px}
.mibadet-onboard-benefits small{grid-column:2;color:#a5c9b9;font-size:13px;line-height:1.65;margin-top:2px}
.mibadet-onboard-learn{display:inline-flex;gap:14px;align-items:center;border:1px solid rgba(118,230,178,.5);border-radius:999px;padding:14px 22px;text-decoration:none;color:#e9fff6;font-weight:800;font-size:14px;background:rgba(18,116,83,.25);transition:background .2s,transform .2s}
.mibadet-onboard-learn:hover{background:rgba(24,143,101,.40);transform:translateY(-2px)}
.mibadet-onboard-demo{position:relative;max-width:440px;margin:auto;width:100%}
.mibadet-onboard-glow{position:absolute;inset:15% -14% 7%;filter:blur(55px);background:rgba(29,180,120,.14);border-radius:50%}
.mibadet-demo-window{position:relative;background:linear-gradient(145deg,#102f29,#08211c);border:1px solid rgba(159,234,204,.2);border-radius:34px;box-shadow:0 35px 90px rgba(0,0,0,.42);padding:25px;color:#f2fff9}
.mibadet-demo-header{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.04em;font-size:12px}
.mibadet-demo-header img{width:40px;height:40px;border-radius:12px}
.mibadet-demo-header small{display:block;font-weight:600;color:#72ceb0;font-size:10px;margin-top:3px;letter-spacing:.08em}
.mibadet-demo-step{margin-left:auto;font-size:11px;color:#9ddcc5}
.mibadet-demo-progress{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:18px 0}
.mibadet-demo-progress span{height:5px;border-radius:10px;background:#1a5041}
.mibadet-demo-progress span:nth-child(-n+2){background:#74e9af}
.mibadet-demo-main{border-radius:22px;background:linear-gradient(140deg,#17966c,#07563e);padding:26px 22px;margin:13px 0 17px}
.mibadet-demo-main .mibadet-demo-icon{font-size:40px;display:block;margin-bottom:5px;line-height:1}
.mibadet-demo-main small{font-size:11px;letter-spacing:.09em;font-weight:800;color:#e7fff2}
.mibadet-demo-main h3{font-size:28px;line-height:1.2;margin:6px 0;color:white}
.mibadet-demo-main p{font-size:13px;line-height:1.6;margin:0;color:#e5fff2}
.mibadet-demo-option{display:flex;gap:14px;padding:15px 16px;border:1px solid rgba(161,228,193,.15);background:rgba(0,0,0,.11);border-radius:16px;margin-bottom:10px}
.mibadet-demo-option>span{font-size:23px;color:#8befbd}
.mibadet-demo-option strong{display:block;font-size:13px;color:#edfff7}
.mibadet-demo-option small{display:block;font-size:11px;color:#a7cdbc;line-height:1.55;margin-top:4px}
.mibadet-demo-note{font-size:11px;color:#9edabd;line-height:1.6;margin:12px 0 17px;padding-left:4px}
.mibadet-demo-buttons{display:flex;gap:9px;align-items:center}
.mibadet-demo-buttons>*{flex:1;text-align:center;border-radius:14px;padding:12px 8px;font-size:12px;font-weight:800}
.mibadet-demo-buttons>span{border:1px solid rgba(140,220,182,.24);color:#dfefe7}
.mibadet-demo-buttons>strong{background:#2bad78;color:#fff}
.mibadet-demo-disclaimer{text-align:center;font-size:11px;color:#83ae9b;line-height:1.5;margin:16px auto 0;max-width:360px}
.mibadet-onboard-steps{margin-top:66px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}
.mibadet-onboard-steps>div{min-width:0;border:1px solid rgba(141,237,181,.14);border-radius:15px;background:rgba(1,27,20,.31);padding:15px 12px}
.mibadet-onboard-steps span{display:block;color:#70d9ab;font-weight:900;font-size:12px;margin-bottom:6px}
.mibadet-onboard-steps strong{font-size:12px;color:#d8f4e7;line-height:1.45}
@media(max-width:1000px){.mibadet-onboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:5%}.mibadet-onboard-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:780px){.mibadet-onboard-section{padding:60px 0}.mibadet-onboard-grid{grid-template-columns:1fr;gap:42px}.mibadet-onboard-demo{max-width:410px}.mibadet-onboard-copy h2{letter-spacing:-1.4px}.mibadet-onboard-steps{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:35px}}
@media(max-width:430px){.mibadet-onboard-section{padding:52px 0}.mibadet-onboard-copy>p{font-size:15px}.mibadet-demo-window{padding:16px;border-radius:25px}.mibadet-demo-main{padding:22px 17px}.mibadet-onboard-steps>div{padding:13px 10px}}
@media(prefers-reduced-motion:reduce){.mibadet-onboard-learn{transition:none}.mibadet-onboard-learn:hover{transform:none}}

/* v177 four release points use a balanced two-by-two layout. */
@media(min-width:801px){.mibadet-release-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v179 updated promotional media — real screenshots remain labeled separately. */
.mibadet-feature-graphic figcaption{margin:0;padding:10px 16px;background:rgba(3,29,23,.94);font-size:12px;color:#a9d1c2;text-align:center}
.mibadet-feature-graphic img{display:block;width:100%;height:auto;object-fit:cover}
.mibadet-shot img{object-position:top;}
.mibadet-home-spotlight{padding:50px 0 66px;background:linear-gradient(180deg,#061e1b,#062d27);border-top:1px solid rgba(83,231,174,.16);border-bottom:1px solid rgba(83,231,174,.12)}
.mibadet-home-spotlight-head{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:22px}
.mibadet-home-spotlight-head h2{font-size:clamp(27px,3.5vw,43px);letter-spacing:-.045em;margin:9px 0;color:#ecfff5}
.mibadet-home-spotlight-head p{font-size:16px;color:#a7c7bb;margin:0}
.mibadet-home-tag{color:#66eac0;font-size:12px;letter-spacing:.13em;font-weight:800}
.mibadet-home-spotlight-photo{display:block;overflow:hidden;border-radius:26px;border:1px solid rgba(83,231,174,.28);box-shadow:0 24px 70px rgba(0,0,0,.34);background:#04291f}
.mibadet-home-spotlight-photo img{display:block;width:100%;height:auto;transition:transform .3s ease}
.mibadet-home-spotlight-photo:hover img{transform:scale(1.012)}
.mibadet-home-spotlight-disclaimer{font-size:12px;color:#8ca99c;margin:12px 0 0}
.mibadet-product-thumb{display:block;overflow:hidden;border:1px solid rgba(83,231,174,.17);border-radius:16px;margin:16px 0 12px;background:#031d18}
.mibadet-product-thumb img{display:block;width:100%;height:auto;transition:transform .22s}
.mibadet-product-thumb:hover img{transform:scale(1.03)}
@media(max-width:780px){.mibadet-home-spotlight{padding:30px 0 38px}.mibadet-home-spotlight-head{align-items:flex-start;flex-direction:column}.mibadet-home-spotlight-photo{border-radius:14px}.mibadet-feature-graphic figcaption{font-size:11px}}


/* v179 COMPACT GALLERY HOTFIX - root cause: old HTML pixel height + object-fit:cover cropped massive images. */
.mibadet-preview-section {padding:50px 0 58px}
.mibadet-preview-section .mibadet-section-heading {margin-bottom:22px}
.mibadet-gallery-shell {max-width:100%;min-width:0}
.mibadet-screenshot-strip {
  box-sizing:border-box;width:100%;min-width:0;
  display:flex;align-items:stretch;gap:14px;
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x proximity;overscroll-behavior-inline:contain;
  padding:6px 4px 16px;
}
.mibadet-screenshot-strip .mibadet-shot {
  box-sizing:border-box;display:block;flex:0 0 198px;
  width:198px;min-width:0;max-width:198px;
  padding:0;margin:0;overflow:visible;
  text-align:left;scroll-snap-align:start;
}
.mibadet-screenshot-strip .mibadet-shot img {
  box-sizing:border-box;display:block;width:100%;
  height:354px;max-width:100%;max-height:354px;
  aspect-ratio:auto;object-fit:contain;object-position:center center;
  padding:4px;background:linear-gradient(145deg,#062d25,#041c18);
  border:1px solid rgba(83,231,174,.28);border-radius:16px;
  box-shadow:0 10px 26px rgba(0,0,0,.25);
  transition:transform .2s ease,border-color .2s ease;
}
.mibadet-screenshot-strip .mibadet-shot:hover img{transform:translateY(-2px);border-color:rgba(83,231,174,.65)}
.mibadet-screenshot-strip .mibadet-shot span {
  display:block;margin:9px 1px 0;font-size:12px;line-height:1.35;
  font-weight:700;color:#d9f6eb;white-space:normal;
}
.mibadet-gallery-arrow {top:176px;width:38px;height:38px;font-size:25px}
.mibadet-gallery-arrow.prev{left:-10px}.mibadet-gallery-arrow.next{right:-10px}
.mibadet-feature-graphic {max-width:1000px;margin:26px auto 0}
.mibadet-feature-graphic img{display:block;width:100%;height:auto;object-fit:contain}
.mibadet-home-spotlight-photo{max-width:1020px;margin-inline:auto}
@media(max-width:780px){
  .mibadet-preview-section{padding:38px 0 45px}
  .mibadet-screenshot-strip{gap:12px}
  .mibadet-screenshot-strip .mibadet-shot{flex:0 0 169px;width:169px;max-width:169px}
  .mibadet-screenshot-strip .mibadet-shot img{height:302px;max-height:302px;border-radius:13px}
  .mibadet-gallery-arrow{display:none}
}
@media(max-width:430px){
  .mibadet-screenshot-strip .mibadet-shot{flex:0 0 151px;width:151px;max-width:151px}
  .mibadet-screenshot-strip .mibadet-shot img{height:270px;max-height:270px}
  .mibadet-screenshot-strip .mibadet-shot span{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.mibadet-screenshot-strip{scroll-behavior:auto}.mibadet-screenshot-strip .mibadet-shot img{transition:none}}

/* M-Toptanci public product page: scoped so M-Ibadet v179 visual system is untouched */
.mt-public{color:#eafff8; background:#061b20}
.mt-public a{color:inherit}
.mt-public h1,.mt-public h2,.mt-public h3{line-height:1.15}
.mt-public .wrap{max-width:1180px}
.mt-hero{padding:78px 0 88px;background:radial-gradient(circle at 84% 30%,#155b54 0,transparent 53%),linear-gradient(135deg,#07141c,#082f2b 78%);border-bottom:1px solid #23534e}
.mt-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:42px}
.mt-eyebrow,.mt-section-kicker{color:#67e7c7;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}
.mt-wordmark{display:block;width:300px;max-width:76%;height:auto;margin:18px 0 5px;border-radius:12px;background:#fff;padding:7px 10px}
.mt-hero h1{font-size:clamp(35px,4.4vw,58px);letter-spacing:-.048em; margin:14px 0 18px;color:#fff}
.mt-hero h1 em{font-style:normal;color:#67e1bf}
.mt-hero p.lead{font-size:17px;line-height:1.75;color:#b6d2ca;margin:0 0 25px}
.mt-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}
.mt-action-primary{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border:1px solid #2bc39f!important;border-radius:12px;background:#16a082!important;color:#fff!important;box-shadow:0 12px 33px #002c2c70;text-decoration:none!important}
.mt-action-secondary{color:#c3fff0!important;font-weight:750;text-decoration:none}
.mt-verification{border-left:3px solid #70cfb6;padding:11px 0 11px 14px;font-size:12px;color:#a6c9bf!important;margin:26px 0 0;line-height:1.7}
.mt-hero-shot{display:block;border:1px solid #3b796b;border-radius:20px;padding:12px;background:#0d3b34;box-shadow:0 24px 70px #0008;transform:rotate(1.6deg);transition:transform .18s ease;text-decoration:none}
.mt-hero-shot:hover{transform:rotate(.1deg) translateY(-4px)}
.mt-hero-shot img{width:100%;height:auto;display:block;border-radius:11px}
.mt-shot-tag{display:block;font-size:12px;color:#b8ebdc;margin:12px 6px 3px}
.mt-features{padding:78px 0;background:#08232a}
.mt-public h2{font-size:clamp(28px,3.2vw,40px);letter-spacing:-.03em;color:#f0fffa;margin:11px 0 25px}
.mt-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.mt-feature{padding:26px;border:1px solid #1c605d;background:#0a3236;border-radius:18px}
.mt-feature-num{display:block;color:#72dcc1;font-size:13px;font-weight:900;margin-bottom:17px}
.mt-feature h3{font-size:19px;color:#f0fffb;margin:0 0 9px}
.mt-feature p{margin:0;color:#b5d2ca;line-height:1.72;font-size:14px}
.mt-gallery-section{padding:77px 0;background:linear-gradient(165deg,#08272d,#061d25)}
.mt-gallery-intro{font-size:15px;color:#b8d2d0;max-width:850px;line-height:1.75;margin:0 0 30px}
.mt-gallery-desktop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mt-shot-card{display:block;background:#0a3135;border:1px solid #28635b;border-radius:18px;overflow:hidden;text-decoration:none;min-width:0;transition:transform .18s ease,border-color .18s ease}
.mt-shot-card:hover{transform:translateY(-3px);border-color:#70e5cb}
.mt-shot-card img{display:block;width:100%;height:240px;object-fit:contain;background:#142c31}
.mt-shot-card.mt-main-shot{grid-column:span 2}
.mt-shot-card.mt-main-shot img{height:auto;max-height:540px;object-fit:contain}
.mt-shot-card>span{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 17px;color:#e6fff8;font-size:15px}
.mt-shot-card small{font-size:12px;color:#99c3b7}
.mt-mobile-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin:85px 0 25px}
.mt-mobile-head h3{font-size:27px;letter-spacing:-.025em;margin:10px 0 0;color:#f7fffd}
.mt-mobile-head p{max-width:420px;color:#b6cec8;margin:0;line-height:1.65;font-size:14px}
.mt-mobile-grid{display:grid;grid-template-columns:260px 205px minmax(0,1fr);gap:28px;align-items:center}
.mt-phone-frame{display:block;width:100%;padding:9px 9px 0;background:#112f2f;border:1px solid #3a8376;border-radius:24px;overflow:hidden;text-align:center;text-decoration:none;box-shadow:0 25px 55px #0007}
.mt-phone-frame img{display:block;max-height:530px;width:100%;height:auto;object-fit:contain;border-radius:15px;background:#ebf4f3}
.mt-phone-frame span{display:block;padding:11px 4px 14px;color:#d2eee5;font-size:12px}
.mt-small-phone{max-width:205px}
.mt-phone-aside{padding:25px 20px}
.mt-phone-aside img{width:90px;height:90px;object-fit:contain;border-radius:18px;margin:0 0 20px}
.mt-phone-aside h3{font-size:clamp(23px,3vw,32px);color:#fff;margin:0 0 15px}
.mt-phone-aside p{font-size:15px;line-height:1.77;color:#b4d1ca}
.mt-phone-aside a{color:#76efd1;text-decoration:underline}
.mt-flow-section{background:#082c2a;padding:75px 0 80px}
.mt-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mt-flow-step{background:#0d3937;border:1px solid #286e65;border-radius:17px;padding:24px}
.mt-flow-step b{width:36px;height:36px;border-radius:50%;background:#1d927b;display:flex;align-items:center;justify-content:center;font-size:16px}
.mt-flow-step h3{font-size:19px;margin:18px 0 9px;color:#effff9}
.mt-flow-step p{line-height:1.7;margin:0;color:#b6d3c9;font-size:14px}
.mt-policy-note{margin-top:28px;padding:20px 23px;background:#102f37;border:1px solid #37625e;border-radius:15px;line-height:1.8;color:#bed7cf;font-size:14px}
.mt-policy-note a{color:#82e8d1;text-decoration:underline;margin:0 5px}
.mt-cta{padding:55px 0;background:linear-gradient(115deg,#074335,#082029)}
.mt-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.mt-cta-inner>div>span{color:#67e7c7;letter-spacing:.12em;font-size:12px;font-weight:800}
.mt-cta h2{margin:10px 0;font-size:28px}
.mt-cta p{color:#b8dbce;line-height:1.7}
.mt-product-thumb{display:block;overflow:hidden;border:1px solid rgba(83,231,174,.2);border-radius:16px;margin:16px 0 12px;background:#0b2b2b}
.mt-product-thumb img{display:block;width:100%;height:auto;max-height:210px;object-fit:contain}
@media(max-width:950px){.mt-hero-grid{grid-template-columns:1fr}.mt-hero-shot{max-width:850px}.mt-mobile-grid{grid-template-columns:240px 190px minmax(0,1fr);gap:14px}}
@media(max-width:740px){.mt-hero{padding:45px 0 55px}.mt-hero h1{font-size:clamp(30px,8vw,42px)}.mt-hero-shot{transform:none}.mt-feature-grid,.mt-flow-grid{grid-template-columns:1fr}.mt-gallery-section{padding:53px 0}.mt-gallery-desktop{grid-template-columns:1fr}.mt-shot-card.mt-main-shot{grid-column:auto}.mt-shot-card img,.mt-shot-card.mt-main-shot img{height:auto;max-height:360px}.mt-shot-card>span{flex-direction:column;align-items:flex-start}.mt-mobile-head{flex-direction:column;align-items:flex-start;margin-top:65px}.mt-mobile-grid{grid-template-columns:1fr 1fr;gap:12px;align-items:start}.mt-phone-frame{max-width:250px}.mt-phone-frame img{max-height:490px}.mt-phone-aside{grid-column:span 2;padding:18px 0}.mt-cta-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:400px){.mt-mobile-grid{grid-template-columns:1fr 1fr}.mt-phone-frame img{max-height:375px}.mt-phone-aside img{width:70px;height:70px}}
@media(prefers-reduced-motion:reduce){.mt-public *{transition:none!important}}