:root {
    --mk-bg: #07111f;
    --mk-bg-soft: #0c1a2d;
    --mk-panel: #10233a;
    --mk-ink: #0d1b2a;
    --mk-muted: #596b80;
    --mk-line: #dce5ef;
    --mk-brand: #24d29b;
    --mk-brand-dark: #087357;
    --mk-accent: #f5bd3d;
    --mk-blue: #4c8dff;
    --mk-white: #f8fbff;
}

html { scroll-behavior: smooth; }
body.marketing-body { margin: 0; color: var(--mk-ink); background: #fff; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
.marketing-body a { text-underline-offset: 3px; }
.marketing-nav { background: rgba(7, 17, 31, .78); border-bottom: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(16px); transition: background .25s ease, box-shadow .25s ease; }
.marketing-nav.scrolled { background: rgba(7, 17, 31, .96); box-shadow: 0 12px 35px rgba(0,0,0,.18); }
.brand-lockup { display: inline-flex; align-items: center; gap: .65rem; color: #fff !important; text-decoration: none; font-size: 1.28rem; font-weight: 850; letter-spacing: -.04em; }
.brand-lockup > span:last-child > span { color: var(--mk-brand); }
.brand-mark { width: 2.35rem; height: 2.35rem; display: inline-flex; align-items: center; justify-content: center; border-radius: .75rem; color: #06110e; background: var(--mk-brand); box-shadow: 0 8px 22px rgba(36,210,155,.28); font-size: 1.15rem; }
.marketing-nav .nav-link { color: rgba(255,255,255,.7); font-weight: 600; padding: .65rem .85rem !important; border-radius: .7rem; }
.marketing-nav .nav-link:hover, .marketing-nav .nav-link.active { color: #fff; background: rgba(255,255,255,.08); }
.btn-brand, .btn-brand-light, .btn-link-light { border-radius: .8rem; font-weight: 750; padding: .68rem 1.05rem; }
.btn-brand { color: #04120e; background: var(--mk-brand); border-color: var(--mk-brand); box-shadow: 0 8px 24px rgba(36,210,155,.2); }
.btn-brand:hover { color: #03100c; background: #46dfaf; border-color: #46dfaf; transform: translateY(-1px); }
.btn-brand-light { color: var(--mk-brand); background: rgba(36,210,155,.1); border: 1px solid rgba(36,210,155,.36); }
.btn-brand-light:hover { color: #07111f; background: var(--mk-brand); }
.btn-link-light { color: rgba(255,255,255,.84); border: 1px solid rgba(255,255,255,.16); }
.btn-link-light:hover { color: #fff; background: rgba(255,255,255,.08); }

.hero { min-height: 850px; display: flex; align-items: center; position: relative; overflow: hidden; color: var(--mk-white); background: var(--mk-bg); padding: 9.5rem 0 6rem; }
.hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 78% 24%, rgba(76,141,255,.25), transparent 32%), radial-gradient(circle at 16% 80%, rgba(36,210,155,.18), transparent 30%); pointer-events: none; }
.hero-grid { position: absolute; inset: 0; opacity: .14; 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: 54px 54px; mask-image: linear-gradient(to bottom, #000, transparent 88%); }
.eyebrow { display: inline-flex; align-items: center; gap: .55rem; padding: .48rem .82rem; color: var(--mk-brand); background: rgba(36,210,155,.08); border: 1px solid rgba(36,210,155,.24); border-radius: 999px; font-size: .82rem; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; }
.eyebrow-dot { width: .48rem; height: .48rem; border-radius: 50%; background: var(--mk-brand); box-shadow: 0 0 0 5px rgba(36,210,155,.12); }
.hero h1 { max-width: 750px; margin: 1.45rem 0 1.25rem; font-size: clamp(2.75rem, 6vw, 5.35rem); line-height: .98; letter-spacing: -.065em; font-weight: 900; }
.hero h1 .accent { color: var(--mk-brand); }
.hero-lead { max-width: 640px; color: #adbed2; font-size: clamp(1.05rem, 2vw, 1.25rem); line-height: 1.7; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.btn-hero-primary, .btn-hero-secondary { display: inline-flex; align-items: center; justify-content: center; padding: .92rem 1.3rem; border-radius: .9rem; font-weight: 800; text-decoration: none; transition: .2s ease; }
.btn-hero-primary { color: #06130f; background: var(--mk-brand); box-shadow: 0 14px 35px rgba(36,210,155,.2); }
.btn-hero-primary:hover { color: #06130f; background: #50e3b5; transform: translateY(-2px); }
.btn-hero-secondary { color: #fff; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.06); }
.btn-hero-secondary:hover { color: #fff; border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.1); }
.trust-row { display: flex; flex-wrap: wrap; gap: 1rem 1.3rem; margin-top: 2rem; color: #91a5bc; font-size: .88rem; }
.trust-row span { display: inline-flex; align-items: center; gap: .42rem; }
.trust-row i { color: var(--mk-brand); }

.product-stage { position: relative; z-index: 2; padding: 1.1rem; border: 1px solid rgba(255,255,255,.12); border-radius: 1.55rem; background: rgba(255,255,255,.055); box-shadow: 0 35px 100px rgba(0,0,0,.35); transform: perspective(1200px) rotateY(-3deg) rotateX(2deg); }
.product-window { overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 1rem; background: #f4f7fb; color: #19283a; }
.window-top { display: flex; align-items: center; justify-content: space-between; padding: .72rem 1rem; background: #fff; border-bottom: 1px solid #e7edf4; }
.window-dots { display: flex; gap: .35rem; }
.window-dots i { width: .55rem; height: .55rem; border-radius: 50%; background: #d4dce6; }
.window-dots i:first-child { background: #ff7b72; }.window-dots i:nth-child(2) { background: #f5bd3d; }.window-dots i:last-child { background: #24d29b; }
.window-title { color: #758599; font-size: .72rem; font-weight: 750; }
.product-shell { display: grid; grid-template-columns: 76px 1fr; min-height: 455px; }
.mock-sidebar { padding: 1.15rem .75rem; background: #0d1d30; }
.mock-logo { display: flex; align-items: center; justify-content: center; width: 2.45rem; height: 2.45rem; margin: 0 auto 1.45rem; color: #07111f; background: var(--mk-brand); border-radius: .7rem; }
.mock-nav-item { width: 2.4rem; height: 2.4rem; display: flex; align-items: center; justify-content: center; margin: 0 auto .65rem; color: #7f95ad; border-radius: .65rem; }
.mock-nav-item.active { color: #fff; background: #2869de; }
.mock-content { padding: 1.1rem; }
.mock-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
.mock-header strong { font-size: .92rem; }.mock-header small { color: #8190a2; font-size: .65rem; }
.mock-avatar { width: 1.8rem; height: 1.8rem; border-radius: .55rem; background: #dbe8fb; }
.mock-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; }
.mock-kpi { padding: .8rem; border: 1px solid #e5ebf3; border-radius: .8rem; background: #fff; }
.mock-kpi span { display: block; color: #7b8b9e; font-size: .56rem; font-weight: 700; text-transform: uppercase; }.mock-kpi strong { font-size: 1rem; }.mock-kpi b { float: right; width: 1.55rem; height: 1.55rem; display: inline-flex; align-items: center; justify-content: center; color: #167f60; background: #e3faf2; border-radius: .48rem; }
.mock-main-grid { display: grid; grid-template-columns: 1.4fr .8fr; gap: .65rem; margin-top: .65rem; }
.mock-card { padding: .9rem; border: 1px solid #e5ebf3; border-radius: .8rem; background: #fff; }
.mock-card-title { display: flex; align-items: center; justify-content: space-between; font-size: .68rem; font-weight: 800; }
.mock-chart { height: 120px; margin-top: .75rem; display: flex; align-items: end; gap: .42rem; border-bottom: 1px solid #e8edf3; }
.mock-chart i { flex: 1; min-width: 8px; border-radius: .3rem .3rem 0 0; background: linear-gradient(to top, #2468dc, #68a2ff); }
.mock-chart i:nth-child(2n) { background: linear-gradient(to top, #0eaa7c, #51deb3); }
.mock-job { display: flex; gap: .55rem; padding: .55rem 0; border-bottom: 1px solid #edf1f6; }.mock-job:last-child { border: 0; }.job-icon { width: 1.7rem; height: 1.7rem; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; color: #2767ce; background: #e8f1ff; border-radius: .5rem; font-size: .7rem; }.mock-job strong { display: block; font-size: .61rem; }.mock-job small { color: #8795a6; font-size: .52rem; }
.floating-note { position: absolute; right: -1.25rem; bottom: 2.5rem; display: flex; align-items: center; gap: .7rem; padding: .8rem 1rem; border: 1px solid rgba(255,255,255,.16); border-radius: .85rem; background: rgba(13,29,48,.94); color: #fff; box-shadow: 0 18px 40px rgba(0,0,0,.32); }
.floating-note i { width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; color: #07111f; background: var(--mk-brand); border-radius: .6rem; }.floating-note strong { display:block; font-size: .72rem; }.floating-note small { display:block; color: #91a5bc; font-size: .62rem; }

.logo-strip { background: #0a1626; color: #9cafc3; border-top: 1px solid rgba(255,255,255,.06); }
.logo-strip-inner { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.2rem 2.2rem; padding: 1.4rem 0; font-size: .88rem; font-weight: 700; }
.logo-strip-inner span { display:flex; align-items:center; gap:.45rem; }.logo-strip-inner i { color: var(--mk-brand); }

.section-space { padding: 6.5rem 0; }
.section-soft { background: #f5f8fc; }
.section-dark { color: #fff; background: var(--mk-bg); }
.section-kicker { color: var(--mk-brand-dark); font-size: .78rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.section-dark .section-kicker { color: var(--mk-brand); }
.section-heading { max-width: 760px; margin-top: .65rem; font-size: clamp(2rem, 4vw, 3.45rem); line-height: 1.08; letter-spacing: -.045em; font-weight: 880; }
.section-lead { max-width: 690px; color: var(--mk-muted); font-size: 1.08rem; line-height: 1.75; }
.section-dark .section-lead { color: #9eb1c7; }
.feature-card { height: 100%; padding: 1.65rem; border: 1px solid var(--mk-line); border-radius: 1.15rem; background: #fff; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.feature-card:hover { transform: translateY(-5px); border-color: #b9d2f2; box-shadow: 0 20px 45px rgba(20,46,78,.09); }
.feature-icon { width: 3rem; height: 3rem; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 1.2rem; color: #156bcd; background: #eaf3ff; border-radius: .9rem; font-size: 1.25rem; }
.feature-card:nth-child(2n) .feature-icon { color: #0b8f69; background: #e4faf3; }
.feature-card h3 { font-size: 1.05rem; font-weight: 820; }.feature-card p { margin: 0; color: var(--mk-muted); line-height: 1.65; font-size: .92rem; }

.workflow { position: relative; }
.workflow::before { content:""; position:absolute; top: 2.25rem; left: 12%; right: 12%; height: 1px; background: linear-gradient(90deg, transparent, #bdd0e5 10%, #bdd0e5 90%, transparent); }
.workflow-step { position: relative; text-align: center; }
.step-number { position: relative; z-index: 2; width: 4.5rem; height: 4.5rem; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: var(--mk-bg-soft); border: 7px solid #f5f8fc; border-radius: 50%; font-size: 1.1rem; font-weight: 850; }
.workflow-step h3 { margin-top: 1.1rem; font-size: 1.02rem; font-weight: 820; }.workflow-step p { max-width: 250px; margin: .45rem auto 0; color: var(--mk-muted); font-size: .88rem; line-height: 1.55; }

.bento { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: minmax(180px, auto); gap: 1rem; }
.bento-card { position: relative; overflow: hidden; padding: 1.7rem; border: 1px solid rgba(255,255,255,.1); border-radius: 1.25rem; background: var(--mk-bg-soft); }
.bento-card::after { content:""; position:absolute; width: 180px; height:180px; right:-80px; bottom:-95px; border-radius:50%; background:var(--mk-brand); opacity:.08; }
.bento-card.large { grid-column: span 7; }.bento-card.medium { grid-column: span 5; }.bento-card.third { grid-column: span 4; }
.bento-card i { color: var(--mk-brand); font-size: 1.5rem; }.bento-card h3 { margin: 1rem 0 .55rem; font-size: 1.18rem; font-weight: 820; }.bento-card p { margin:0; color:#9eb1c7; line-height:1.65; font-size:.91rem; }
.bento-tags { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:1.15rem; }.bento-tags span { padding:.35rem .6rem; color:#b8c7d8; border:1px solid rgba(255,255,255,.1); border-radius:999px; font-size:.7rem; }

.cta-band { position: relative; overflow: hidden; padding: 3.2rem; border-radius: 1.5rem; color: #fff; background: linear-gradient(120deg, #12345b, #0b604e); box-shadow: 0 30px 70px rgba(13,35,58,.2); }
.cta-band::after { content:""; position:absolute; width:340px; height:340px; right:-100px; top:-180px; border:70px solid rgba(255,255,255,.06); border-radius:50%; }
.cta-band h2 { max-width:720px; font-size:clamp(1.8rem,4vw,3.1rem); font-weight:880; letter-spacing:-.045em; }.cta-band p { max-width:650px; color:#c0d2df; }

.page-hero { position:relative; overflow:hidden; padding: 10.5rem 0 5.5rem; color:#fff; background:var(--mk-bg); }
.page-hero::after { content:""; position:absolute; width:560px; height:560px; right:-180px; top:-250px; border-radius:50%; background:radial-gradient(circle, rgba(36,210,155,.2), transparent 68%); }
.page-hero h1 { max-width:880px; margin:1.25rem 0 1rem; font-size:clamp(2.6rem,5vw,4.7rem); line-height:1; letter-spacing:-.06em; font-weight:900; }.page-hero p { max-width:700px; color:#a9bbcf; font-size:1.12rem; line-height:1.7; }
.detail-block { padding:2rem; border:1px solid var(--mk-line); border-radius:1.2rem; background:#fff; }
.detail-block .detail-icon { width:3.4rem; height:3.4rem; display:flex; align-items:center; justify-content:center; color:#087b5a; background:#e3faf2; border-radius:1rem; font-size:1.35rem; }.detail-block h2 { margin:1.2rem 0 .7rem; font-size:1.35rem; font-weight:850; }.detail-block p { color:var(--mk-muted); line-height:1.7; }.detail-list { list-style:none; padding:0; margin:1.25rem 0 0; }.detail-list li { display:flex; gap:.6rem; padding:.45rem 0; color:#40536a; font-size:.91rem; }.detail-list i { color:var(--mk-brand-dark); }
.security-card { height:100%; padding:1.8rem; border:1px solid rgba(255,255,255,.1); border-radius:1.15rem; background:rgba(255,255,255,.045); }.security-card i { color:var(--mk-brand); font-size:1.55rem; }.security-card h3 { margin:1rem 0 .55rem; font-size:1.08rem; font-weight:820; }.security-card p { margin:0; color:#9eb1c7; font-size:.9rem; line-height:1.65; }
.security-flow { display:grid; grid-template-columns:repeat(3, 1fr); gap:1rem; }.security-flow-item { padding:1.5rem; border:1px solid var(--mk-line); border-radius:1rem; background:#fff; }.security-flow-item span { display:inline-flex; width:2rem; height:2rem; align-items:center; justify-content:center; color:#fff; background:var(--mk-ink); border-radius:.6rem; font-weight:800; }.security-flow-item h3 { margin:.9rem 0 .45rem; font-size:1rem; font-weight:820; }.security-flow-item p { margin:0; color:var(--mk-muted); font-size:.88rem; line-height:1.6; }

.marketing-footer { color:#9eb1c7; background:#050d17; }.marketing-footer h6 { color:#fff; font-size:.8rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }.marketing-footer a:not(.brand-lockup) { display:block; margin:.65rem 0; color:#9eb1c7; text-decoration:none; font-size:.88rem; }.marketing-footer a:hover { color:var(--mk-brand); }.footer-copy { max-width:470px; line-height:1.7; }.footer-bottom { border-top:1px solid rgba(255,255,255,.08); font-size:.78rem; }
.footer-trust { display:inline-flex; align-items:center; gap:.45rem; margin-top:.65rem; padding:.48rem .7rem; border:1px solid rgba(36,210,155,.2); border-radius:.7rem; color:#b9cadd; background:rgba(36,210,155,.06); font-size:.76rem; }.footer-trust i { color:var(--mk-brand); }.footer-note { display:block; color:#6f8298; font-size:.76rem; line-height:1.55; }
.footer-cookie-button { display:block; margin:.65rem 0; padding:0; color:#9eb1c7; border:0; background:transparent; font-size:.88rem; text-align:left; }.footer-cookie-button:hover,.footer-cookie-button:focus { color:var(--mk-brand); }

.cookie-consent { position:fixed; z-index:1100; right:1.25rem; bottom:1.25rem; left:1.25rem; display:flex; align-items:center; justify-content:space-between; gap:1.5rem; max-width:980px; margin:0 auto; padding:1.05rem 1.2rem; color:#fff; border:1px solid rgba(255,255,255,.13); border-radius:1rem; background:rgba(7,17,31,.97); box-shadow:0 22px 60px rgba(0,0,0,.35); backdrop-filter:blur(14px); }
.cookie-consent[hidden] { display:none !important; }
.cookie-consent-copy { display:grid; gap:.3rem; }
.cookie-consent-copy strong { font-size:.93rem; }
.cookie-consent-copy strong i { color:var(--mk-brand); }
.cookie-consent-copy span { color:#b8c7d8; font-size:.79rem; line-height:1.5; }
.cookie-consent-actions { display:flex; align-items:center; gap:.6rem; flex-shrink:0; }
.cookie-policy-link { color:#b8c7d8; font-size:.79rem; font-weight:700; }
.cookie-policy-link:hover { color:#fff; }

.pricing-hero::after { background:radial-gradient(circle, rgba(245,189,61,.22), transparent 68%); }
.pricing-grid { align-items:stretch; }.public-price-card { position:relative; display:flex; flex-direction:column; padding:2rem; border:1px solid var(--mk-line); border-radius:1.3rem; background:#fff; box-shadow:0 18px 48px rgba(15,35,58,.07); }.public-price-card.featured { color:#fff; border-color:#0d7259; background:linear-gradient(145deg,#0a1a2d,#0d7259); transform:translateY(-10px); box-shadow:0 25px 60px rgba(9,80,63,.2); }.price-term { margin-bottom:.9rem; color:var(--mk-brand-dark); font-size:.8rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }.featured .price-term { color:#7df0cb; }.public-price { display:flex; align-items:end; gap:.6rem; margin-bottom:.5rem; }.public-price strong { font-size:clamp(2.7rem,5vw,4rem); line-height:1; letter-spacing:-.06em; }.public-price span { padding-bottom:.42rem; color:var(--mk-muted); font-size:.82rem; }.featured .public-price span,.featured p { color:#bad3ce; }.public-price-card p { flex:1; color:var(--mk-muted); line-height:1.65; }.price-equivalent { margin-bottom:.65rem; color:#6b7f95; font-size:.82rem; font-weight:700; }.featured .price-equivalent { color:#9fe4cf; }.price-badge { align-self:flex-start; margin-bottom:1rem; padding:.42rem .7rem; color:#07382c; background:#9ff1d7; border-radius:999px; font-size:.7rem; font-weight:850; }.price-badge.secondary { color:#594105; background:#ffe49e; }
.included-panel { margin-top:4rem; padding:2.2rem; border:1px solid var(--mk-line); border-radius:1.3rem; background:#f8fbff; }.included-panel h2 { margin:.6rem 0; font-weight:850; letter-spacing:-.035em; }.included-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }.included-grid span { display:flex; align-items:center; gap:.55rem; padding:.78rem .9rem; border:1px solid #e2eaf3; border-radius:.8rem; background:#fff; color:#34495f; font-size:.88rem; font-weight:650; }.included-grid i { color:var(--mk-brand-dark); }
.commerce-trust-card { height:100%; padding:1.6rem; border:1px solid var(--mk-line); border-radius:1rem; background:#fff; }.commerce-trust-card > i { color:var(--mk-brand-dark); font-size:1.6rem; }.commerce-trust-card h3 { margin:.9rem 0 .45rem; font-size:1rem; font-weight:820; }.commerce-trust-card p { margin:0; color:var(--mk-muted); font-size:.87rem; line-height:1.65; }.pricing-legal-note { margin:2rem 0 0; color:var(--mk-muted); text-align:center; font-size:.82rem; }.pricing-legal-note a { color:#1266bd; font-weight:700; }

.compact-page-hero { padding-bottom:4.5rem; }.contact-primary-card { height:100%; display:flex; gap:1.5rem; padding:2.2rem; border-radius:1.3rem; color:#fff; background:linear-gradient(135deg,#102c4f,#0b6c55); box-shadow:0 24px 60px rgba(15,45,70,.16); }.contact-primary-card h2 { margin:.65rem 0 .8rem; font-size:clamp(1.55rem,4vw,2.5rem); font-weight:850; letter-spacing:-.04em; word-break:break-word; }.contact-primary-card p { max-width:650px; color:#bed0dc; line-height:1.7; }.contact-icon { width:3.5rem; height:3.5rem; flex:0 0 3.5rem; display:flex; align-items:center; justify-content:center; color:#07111f; background:var(--mk-brand); border-radius:1rem; font-size:1.45rem; }.operator-card { padding:2rem; border:1px solid var(--mk-line); border-radius:1.3rem; background:#fff; }.operator-card dl { margin:1.35rem 0 0; }.operator-card dl div { display:grid; grid-template-columns:115px 1fr; gap:1rem; padding:.75rem 0; border-bottom:1px solid #edf1f5; }.operator-card dl div:last-child { border:0; }.operator-card dt { color:#718096; font-size:.78rem; }.operator-card dd { margin:0; color:#24384d; font-size:.86rem; font-weight:700; word-break:break-word; }.contact-topic { height:100%; padding:1.5rem; border:1px solid var(--mk-line); border-radius:1rem; background:#f8fbff; }.contact-topic i { color:#1771cb; font-size:1.35rem; }.contact-topic h3 { margin:.8rem 0 .35rem; font-size:1rem; font-weight:820; }.contact-topic p { margin:0; color:var(--mk-muted); font-size:.86rem; line-height:1.6; }

.legal-hero { padding:9.5rem 0 3.8rem; color:#fff; background:linear-gradient(135deg,#07111f,#102943); }.legal-hero h1 { max-width:900px; margin:.7rem 0 .55rem; font-size:clamp(2.2rem,5vw,4rem); font-weight:900; letter-spacing:-.055em; }.legal-hero p { margin:0; color:#9fb2c8; }.legal-section { padding:4rem 0 6rem; background:#f5f8fc; }.legal-nav { position:sticky; top:7rem; overflow:hidden; border:1px solid var(--mk-line); border-radius:1rem; background:#fff; }.legal-nav strong { display:block; padding:1rem 1.1rem; color:#fff; background:#0c1a2d; font-size:.84rem; }.legal-nav a { display:block; padding:.72rem 1.1rem; color:#52667c; border-bottom:1px solid #edf1f5; text-decoration:none; font-size:.82rem; font-weight:650; }.legal-nav a:last-child { border:0; }.legal-nav a:hover { color:#087b5a; background:#f2fbf8; }.legal-document { padding:clamp(1.5rem,4vw,3rem); border:1px solid var(--mk-line); border-radius:1.25rem; background:#fff; box-shadow:0 18px 50px rgba(20,46,78,.06); }.legal-document h2 { margin:2rem 0 .65rem; color:#172b40; font-size:1.15rem; font-weight:850; }.legal-document h2:first-child { margin-top:0; }.legal-document p,.legal-document li { color:#55697f; line-height:1.8; font-size:.92rem; }.legal-document li + li { margin-top:.35rem; }.legal-document a { color:#087b5a; font-weight:700; }.legal-callout { margin-bottom:1.8rem; padding:1rem 1.1rem; color:#27445d; border-left:4px solid var(--mk-brand); border-radius:.4rem .8rem .8rem .4rem; background:#eafbf5; line-height:1.65; font-size:.9rem; }.legal-table { overflow:hidden; margin:1rem 0; border:1px solid var(--mk-line); border-radius:.8rem; }.legal-table > div { display:flex; justify-content:space-between; gap:1rem; padding:.85rem 1rem; border-bottom:1px solid var(--mk-line); color:#52667c; font-size:.86rem; }.legal-table > div:last-child { border:0; }.legal-table strong { color:#23384e; }
.reveal { opacity:1; transform:none; }.reveal.is-visible { opacity:1; transform:none; }

@media (max-width: 991.98px) {
    .marketing-nav .navbar-collapse { margin-top:.7rem; padding:1rem; border:1px solid rgba(255,255,255,.1); border-radius:1rem; background:#0b192b; }
    .hero { min-height:auto; padding-top:8.5rem; }.product-stage { margin-top:3rem; transform:none; }.floating-note { right:.2rem; }.workflow::before { display:none; }.public-price-card.featured { transform:none; }.legal-nav { position:static; }
    .bento-card.large, .bento-card.medium { grid-column:span 12; }.bento-card.third { grid-column:span 6; }
}
@media (max-width: 767.98px) {
    .marketing-body .row { --bs-gutter-x:1.5rem; }.hero { padding-bottom:4.5rem; }.hero h1 { font-size:clamp(2.65rem,13vw,4rem); }.product-shell { grid-template-columns:54px 1fr; }.mock-sidebar { padding:1rem .4rem; }.mock-logo,.mock-nav-item { width:2rem;height:2rem; }.mock-main-grid { grid-template-columns:1fr; }.mock-main-grid .mock-card:last-child { display:none; }.floating-note { display:none; }.section-space { padding:4.5rem 0; }.bento-card.third { grid-column:span 12; }.cta-band { padding:2rem; }.security-flow { grid-template-columns:1fr; }.included-grid { grid-template-columns:1fr; }.included-panel { padding:1.35rem; }.contact-primary-card { flex-direction:column; padding:1.5rem; }.operator-card dl div { grid-template-columns:1fr; gap:.2rem; }.legal-hero { padding-top:8rem; }.legal-section { padding-top:2.5rem; }.legal-document { padding:1.35rem; }.legal-table > div { flex-direction:column; gap:.2rem; }
    .cookie-consent { right:.75rem; bottom:.75rem; left:.75rem; align-items:stretch; flex-direction:column; gap:.85rem; padding:1rem; }
    .cookie-consent-actions { flex-wrap:wrap; justify-content:flex-end; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; }.reveal { opacity:1; transform:none; transition:none; } }