:root { --red:#d71920; --ink:#111820; --paper:#f5f2eb; --line:rgba(17,24,32,.13); --muted:#626c76; }
body { background:var(--paper); color:var(--ink); font-family:'Outfit',sans-serif; }
#mobileAppTabbar,.mobile-app-tabbar{display:none!important}
.bg-grid,.bg-glow { opacity:.08; }
.public-nav { position:fixed; top:14px; left:50%; z-index:100; width:min(1240px,calc(100% - 32px)); transform:translateX(-50%); padding:.65rem 1rem; border:1px solid rgba(255,255,255,.1); border-radius:16px; background:rgba(11,16,22,.92); backdrop-filter:blur(18px); }
.mk-brand { display:flex; align-items:center; gap:.65rem; }
.mk-brand img { display:block; }
.logo-word { color:var(--red); }
.mk-links { display:flex; align-items:center; gap:.25rem; }
.mk-links a { padding:.6rem .75rem; border-radius:9px; color:#c5ccd3; font-size:.84rem; }
.mk-links a:hover,.mk-links a.active { color:#fff; background:rgba(255,255,255,.075); }
.mk-links .mk-cta { margin-left:.4rem; background:var(--red); color:#fff; }
.mk-hero { position:relative; overflow:hidden; max-width:none; min-height:620px; padding:11rem max(1.5rem,calc((100vw - 1180px)/2)) 6rem; text-align:left; background:#111820; border-bottom:1px solid rgba(255,255,255,.08); }
.mk-hero::before { content:""; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(to bottom,#000,transparent); }
.mk-hero>* { position:relative; z-index:1; }
.mk-eyebrow { color:#f07378; letter-spacing:.14em; text-transform:uppercase; }
.mk-title { max-width:900px; color:#fff; font-size:clamp(3.3rem,7vw,6.8rem); line-height:.93; letter-spacing:-.06em; }
.mk-title span { color:#ef5057; }
.mk-lead { max-width:670px; margin-left:0; color:#b5bec7; font-size:1.08rem; line-height:1.7; }
.mk-hero-actions { justify-content:flex-start; }
.btn { border-radius:11px; font-weight:700; }
.btn-primary { background:var(--red); border-color:var(--red); box-shadow:0 12px 28px rgba(215,25,32,.2); }
.btn-ghost { border-color:rgba(255,255,255,.28); color:#fff; }
.svc-grid { max-width:1180px; padding:6rem 1.25rem; grid-template-columns:repeat(3,1fr); gap:1rem; }
.svc-card { min-height:265px; padding:1.7rem; display:flex; flex-direction:column; background:rgba(255,255,255,.82); border-color:var(--line); border-radius:18px; box-shadow:0 14px 42px rgba(17,24,32,.055); }
.svc-card:hover { border-color:rgba(215,25,32,.35); box-shadow:0 22px 52px rgba(17,24,32,.1); }
.svc-card i { color:var(--red); }
.svc-card h3 { color:var(--ink); font-size:1.25rem; line-height:1.2; letter-spacing:-.025em; }
.svc-card p { color:var(--muted); line-height:1.65; }
.svc-card a { margin-top:auto; color:var(--red); }
.mk-footer { background:#0b1016; border-top:1px solid rgba(255,255,255,.09); }
@media(max-width:850px){body{padding-bottom:0!important}.mk-links a:not(.mk-cta){display:none}.mk-hero{min-height:560px;padding-top:9rem}.svc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.public-nav{top:8px;width:calc(100% - 16px)}.mk-title{font-size:3.25rem}.svc-grid{grid-template-columns:1fr;padding-top:4rem}.svc-card{min-height:230px}}
