@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root {
  --md-primary-fg-color: #ec681c;
  --md-accent-fg-color: #ff8a43;
  --mf-bg: #080d16;
  --mf-surface: #101824;
  --mf-surface-soft: #151f2d;
  --mf-orange: #ff7626;
  --mf-orange-light: #ff9b5f;
  --mf-text: #f7f9fc;
  --mf-muted: #a9b3c2;
  --mf-line: rgba(255,255,255,.1);
  --mf-radius: 22px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body, input { font-family: "DM Sans", sans-serif; }
body { background: var(--mf-bg); }
.md-header { background: rgba(8,13,22,.9); backdrop-filter: blur(14px); border-bottom: 1px solid var(--mf-line); box-shadow: none; }
.md-tabs { background: rgba(8,13,22,.96); border-bottom: 1px solid var(--mf-line); }
.md-header__button.md-logo img { height: 2rem; }
.md-main { background: radial-gradient(circle at 85% 5%, rgba(255,118,38,.08), transparent 28%), var(--mf-bg); }
.md-main__inner { margin-top: 0; }
.md-content { min-width: 0; }
.md-content__inner { padding-top: 2rem; }
.md-content__inner::before { display: none; }
.md-typeset { color: #d6dde7; font-size: .78rem; line-height: 1.75; }
.md-typeset h1, .md-typeset h2, .md-typeset h3, .mf-hero h1, .mf-services h2 { color: var(--mf-text); font-family: "Manrope", sans-serif; font-weight: 800; letter-spacing: -.035em; }
.md-typeset h1 { margin-bottom: 1.3rem; font-size: clamp(2rem, 5vw, 3.1rem); }
.md-typeset h2 { margin-top: 2.5rem; padding-bottom: .45rem; border-bottom: 1px solid var(--mf-line); }
.md-typeset a { color: var(--mf-orange-light); }
.md-typeset table:not([class]) { border-radius: 12px; overflow: hidden; border: 1px solid var(--mf-line); }
.md-typeset table:not([class]) th { background: var(--mf-surface-soft); color: var(--mf-text); }
.md-typeset table:not([class]) td { border-top-color: var(--mf-line); }
.md-typeset blockquote { border-left-color: var(--mf-orange); background: rgba(255,118,38,.07); border-radius: 0 12px 12px 0; padding: .8rem 1rem; }
.md-nav__link--active { color: var(--mf-orange-light); font-weight: 700; }

/* Home layout */
.md-content:has(.mf-hero) .md-content__inner { padding-top: 0; }
.md-content:has(.mf-hero) { max-width: none; }
.mf-hero { min-height: 620px; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(320px,.95fr); align-items: center; gap: clamp(2rem,6vw,6rem); position: relative; padding: clamp(3rem,7vw,6.5rem) 0; }
.mf-hero__glow { position: absolute; width: 420px; height: 420px; left: -220px; top: 60px; border-radius: 50%; background: rgba(255,118,38,.16); filter: blur(100px); pointer-events: none; }
.mf-hero__content { position: relative; z-index: 1; }
.mf-eyebrow { display: inline-flex; align-items: center; gap: .55rem; color: var(--mf-orange-light); font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.mf-eyebrow::before { content: ""; width: 24px; height: 2px; background: var(--mf-orange); }
.mf-hero h1 { margin: .8rem 0 1.25rem; font-size: clamp(2.65rem,5.5vw,5.1rem); line-height: .99; }
.mf-hero h1 span { color: var(--mf-orange); }
.mf-hero__content > p { max-width: 660px; margin: 0; color: var(--mf-muted); font-size: clamp(1rem,1.7vw,1.25rem); line-height: 1.65; }
.mf-hero__actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.mf-button { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; min-height: 50px; padding: .7rem 1.3rem; border-radius: 12px; color: #fff !important; font-weight: 700; text-decoration: none; transition: transform .2s, box-shadow .2s, background .2s; }
.mf-button:hover { transform: translateY(-2px); }
.mf-button--primary { background: linear-gradient(135deg,var(--mf-orange),#df4d0d); box-shadow: 0 10px 28px rgba(236,104,28,.25); }
.mf-button--primary:hover { box-shadow: 0 14px 34px rgba(236,104,28,.36); }
.mf-button--ghost { border: 1px solid var(--mf-line); background: rgba(255,255,255,.04); }
.mf-button--ghost:hover { background: rgba(255,255,255,.08); }
.mf-button--light { background: white; color: #10141b !important; }
.mf-proof { display: flex; gap: clamp(1.3rem,3vw,2.5rem); margin: 2.6rem 0 0; padding: 1.4rem 0 0; list-style: none; border-top: 1px solid var(--mf-line); }
.mf-proof li { display: flex; flex-direction: column; }
.mf-proof strong { color: white; font: 800 1.35rem "Manrope"; }
.mf-proof span { color: var(--mf-muted); font-size: .65rem; }
.mf-hero__visual { position: relative; min-width: 0; }
.mf-hero__visual::before { content: ""; position: absolute; inset: -12px 20px 12px -12px; border: 1px solid rgba(255,118,38,.35); border-radius: 28px; }
.mf-hero__visual img { position: relative; display: block; width: 100%; aspect-ratio: 4/5; object-fit: cover; object-position: center; border-radius: 22px; filter: saturate(.8) contrast(1.07); box-shadow: 0 30px 70px rgba(0,0,0,.45); }
.mf-float-card { position: absolute; right: -24px; bottom: 38px; display: flex; align-items: center; gap: .8rem; padding: .85rem 1rem; border: 1px solid var(--mf-line); border-radius: 14px; background: rgba(15,23,34,.9); backdrop-filter: blur(15px); box-shadow: 0 16px 35px rgba(0,0,0,.35); }
.mf-float-card__icon { display:grid; place-items:center; width:38px; height:38px; border-radius:10px; color:white; background:var(--mf-orange); font-size:1.1rem; }
.mf-float-card strong,.mf-float-card small { display:block; } .mf-float-card strong { color:white;font-size:.72rem; }.mf-float-card small{color:var(--mf-muted);font-size:.58rem;}

.mf-services { padding: clamp(3rem,7vw,6rem) 0; border-top: 1px solid var(--mf-line); }
.mf-section-heading { max-width: 720px; margin-bottom: 2.4rem; }
.mf-section-heading h2, .mf-about h2, .mf-case h2, .mf-final-cta h2 { margin: .7rem 0 1rem; padding: 0; border: 0; font-size: clamp(1.8rem,3.5vw,3rem); line-height: 1.15; }
.mf-section-heading p { color: var(--mf-muted); font-size: .9rem; }
.mf-card-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.mf-card { position:relative; display:block; min-width:0; min-height:300px; padding:1.6rem; overflow:hidden; border:1px solid var(--mf-line); border-radius:var(--mf-radius); background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); color:inherit!important; text-decoration:none; transition:.25s ease; }
.mf-card:hover { transform:translateY(-6px); border-color:rgba(255,118,38,.55); box-shadow:0 20px 50px rgba(0,0,0,.28); }
.mf-card__number { position:absolute; right:1.2rem; top:1rem; color:rgba(255,255,255,.18); font:700 .7rem "Manrope"; }
.mf-card__icon { display:grid; place-items:center; width:48px;height:48px;margin-bottom:1.8rem;border-radius:14px;background:rgba(255,118,38,.12);color:var(--mf-orange);font-size:1.25rem; }
.mf-card h3 { margin:0 0 .7rem; color:white;font-size:1.15rem; }.mf-card p{color:var(--mf-muted);font-size:.74rem;line-height:1.65}.mf-card__link{position:absolute;left:1.6rem;bottom:1.4rem;color:var(--mf-orange-light);font-size:.7rem;font-weight:700}.mf-card__link b{display:inline-block;margin-left:.3rem;transition:transform .2s}.mf-card:hover .mf-card__link b{transform:translateX(4px)}

/* Direct purchase */
.mf-commerce { padding:clamp(3rem,8vw,6.5rem) 0; border-top:1px solid var(--mf-line); }
.mf-commerce__heading { max-width:780px; }
.mf-commerce__heading h2 { margin:.7rem 0 1rem; color:var(--mf-text); font:800 clamp(2rem,4vw,3.5rem)/1.1 "Manrope",sans-serif; letter-spacing:-.04em; }
.mf-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; align-items:stretch; }
.mf-product-card { display:flex; flex-direction:column; min-width:0; padding:clamp(1.4rem,3vw,2rem); border:1px solid var(--mf-line); border-radius:var(--mf-radius); background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018)); box-shadow:0 22px 60px rgba(0,0,0,.18); }
.mf-product-card__top { display:flex; align-items:center; gap:.65rem; margin-bottom:1.2rem; }
.mf-product-card__icon { display:grid; place-items:center; width:38px; height:38px; flex:0 0 38px; border-radius:11px; background:rgba(255,118,38,.14); color:var(--mf-orange); font:800 .85rem "Manrope",sans-serif; }
.mf-product-card__label { color:var(--mf-orange-light); font-size:.62rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.mf-product-card h3 { margin:0; color:white; font-size:clamp(1.35rem,2.5vw,1.8rem); }
.mf-product-card__price { display:flex; align-items:baseline; gap:.65rem; margin:.65rem 0 1rem; }
.mf-product-card__price strong { color:white; font:800 clamp(2.3rem,5vw,3.4rem)/1 "Manrope",sans-serif; letter-spacing:-.05em; }
.mf-product-card__price span { padding:.28rem .55rem; border-radius:999px; background:rgba(255,118,38,.14); color:var(--mf-orange-light); font-size:.65rem; font-weight:800; text-transform:uppercase; }
.mf-product-card > p { min-height:5.1em; margin:0 0 1.2rem; color:var(--mf-muted); font-size:.76rem; line-height:1.7; }
.mf-product-card ul { flex:1; margin:0 0 1.5rem; padding:1.2rem 0 0; border-top:1px solid var(--mf-line); list-style:none; }
.mf-product-card li { position:relative; margin:.55rem 0; padding-left:1.45rem; color:#dce2ea; font-size:.7rem; }
.mf-product-card li::before { content:"✓"; position:absolute; left:0; color:var(--mf-orange); font-weight:800; }
.mf-product-card__buy { min-height:106px; margin-top:auto; padding-top:1rem; border-top:1px solid var(--mf-line); text-align:center; }
.mf-product-card__buy stripe-buy-button { display:block; width:100%; }
.mf-product-card__cta-label { display:block; margin-top:.55rem; color:var(--mf-muted); font-size:.59rem; }
.mf-product-card__buy--pending { display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px dashed rgba(255,155,95,.35); border-radius:14px; background:rgba(255,118,38,.045); }
.mf-payment-pending { color:#d9dee6; font-size:.7rem; font-weight:700; }
.mf-commerce__note { max-width:750px; margin:1.4rem auto 0; padding:1rem 1.2rem; border:1px solid rgba(255,118,38,.25); border-radius:14px; background:rgba(255,118,38,.07); color:#cdd4de; text-align:center; font-size:.74rem; }
.mf-commerce__note strong { color:white; }
.mf-purchase-flow { display:flex; align-items:center; justify-content:center; gap:1rem; margin:1.3rem auto 0; color:var(--mf-muted); font-size:.65rem; }
.mf-purchase-flow span { display:flex; align-items:center; gap:.45rem; }
.mf-purchase-flow b { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:var(--mf-surface-soft); color:var(--mf-orange-light); }
.mf-purchase-flow i { color:var(--mf-orange); font-style:normal; }

.mf-about { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,7vw,7rem); padding:clamp(3rem,8vw,7rem) 0; border-top:1px solid var(--mf-line); }.mf-about p{color:var(--mf-muted);font-size:.86rem}.mf-text-link{display:inline-block;margin-top:.7rem;font-weight:700;text-decoration:none}
.mf-case { margin:1rem 0 clamp(3rem,8vw,7rem); padding:clamp(1.6rem,5vw,4rem); border:1px solid var(--mf-line);border-radius:28px;background:linear-gradient(135deg,#151f2d,#0e151f); }.mf-case>p{max-width:700px;color:var(--mf-muted);font-size:.88rem}.mf-case__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.mf-case__metrics div{padding:1rem 0;border-top:1px solid var(--mf-line)}.mf-case__metrics strong,.mf-case__metrics span{display:block}.mf-case__metrics strong{color:var(--mf-orange);font:800 clamp(1.6rem,4vw,2.5rem) "Manrope"}.mf-case__metrics span{color:var(--mf-muted);font-size:.67rem}
.mf-final-cta { margin-bottom:4rem;padding:clamp(2rem,6vw,5rem);text-align:center;border-radius:28px;background:linear-gradient(135deg,#f06b1b,#c8460d);box-shadow:0 20px 70px rgba(236,104,28,.18)}.mf-final-cta .mf-eyebrow{color:#fff}.mf-final-cta .mf-eyebrow::before{background:white}.mf-final-cta h2{max-width:780px;margin:1rem auto .8rem;color:white}.mf-final-cta p{margin:0 auto 1.8rem;color:#fff;font-weight:700}

.mf-thank-you { max-width:760px; margin:clamp(2rem,8vw,7rem) auto; padding:clamp(1.6rem,5vw,4rem); border:1px solid var(--mf-line); border-radius:28px; background:linear-gradient(145deg,var(--mf-surface-soft),#0d141e); text-align:center; box-shadow:0 30px 80px rgba(0,0,0,.3); }
.mf-thank-you__check { display:grid; place-items:center; width:64px; height:64px; margin:0 auto 1.2rem; border-radius:50%; background:rgba(31,186,96,.13); color:#45da83; font-size:1.8rem; }
.mf-thank-you .mf-eyebrow::before { display:none; }
.mf-thank-you h1 { margin:.6rem 0 .7rem; }
.mf-thank-you p { max-width:590px; margin:.6rem auto; color:var(--mf-muted); }
.mf-thank-you__lead { color:white!important; font-size:1rem; font-weight:700; }
.mf-thank-you .mf-button { margin:1.4rem auto 1rem; }
.mf-thank-you small { display:block; color:#8793a3; font-size:.62rem; }

.whatsapp-float { position:fixed;z-index:50;right:1.2rem;bottom:1.2rem;display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border-radius:999px;background:#20b858;color:white!important;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.35);font-size:.68rem;font-weight:700;transition:.2s }.whatsapp-float svg{width:27px;height:27px}.whatsapp-float:hover{transform:translateY(-3px);background:#25c761}

@media (max-width: 960px) {
  .mf-hero { grid-template-columns:1fr; min-height:0; padding-top:3rem; }
  .mf-hero__visual { max-width:620px; }
  .mf-hero__visual img { aspect-ratio:16/10; }
  .mf-card-grid { grid-template-columns:1fr 1fr; }.mf-card:last-child{grid-column:1/-1}
}
@media (max-width: 600px) {
  .md-content__inner { padding:1.2rem .8rem; }
  .md-typeset { font-size:.76rem; }
  .mf-hero { gap:2.2rem; padding:2.2rem 0 3.2rem; }
  .mf-hero h1 { font-size:clamp(2.45rem,13vw,3.45rem); }
  .mf-hero__actions { flex-direction:column; }.mf-button{width:100%}
  .mf-proof { justify-content:space-between;gap:.5rem }.mf-proof strong{font-size:1.12rem}.mf-proof span{max-width:80px;font-size:.55rem;line-height:1.35}
  .mf-hero__visual::before { inset:-8px 8px 8px -8px; }.mf-hero__visual img{aspect-ratio:1/1;}.mf-float-card{right:-4px;bottom:14px}
  .mf-services { padding:3.5rem 0; }.mf-card-grid{grid-template-columns:1fr}.mf-card:last-child{grid-column:auto}.mf-card{min-height:265px}
  .mf-commerce { padding:3.5rem 0; }.mf-product-grid{grid-template-columns:1fr}.mf-product-card>p{min-height:0}.mf-product-card__price{align-items:center}.mf-purchase-flow{flex-direction:column;align-items:flex-start;width:max-content;gap:.55rem}.mf-purchase-flow i{display:none}
  .mf-about { grid-template-columns:1fr;gap:.5rem;padding:3.5rem 0 }.mf-about h2 br{display:none}
  .mf-case__metrics{grid-template-columns:1fr}.mf-case__metrics div{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:.5rem}.mf-case__metrics strong{font-size:1.55rem}
  .mf-final-cta{border-radius:20px}.whatsapp-float span{display:none}.whatsapp-float{width:52px;height:52px;justify-content:center;padding:0;right:.8rem;bottom:.8rem}
  .md-typeset__table { width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch; }
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto!important;transition:none!important; } }
