/* MKProd / video-first art direction. Shared across the whole site. */
:root { --mkp-ink:#090c16; --mkp-white:#f0f4ff; --mkp-violet:#9b8aff; --mkp-cyan:#6de5dc; --mkp-line:rgba(202,211,255,.17); }
body:has(.mkp-film) { overflow-x:clip; }
.mkp-film { --film-accent:var(--rep-accent,var(--acid,#baff1a)); position:relative; z-index:1; width:100%; min-width:0; margin:0; color:var(--mkp-white); border:1px solid rgba(189,198,255,.3); border-radius:20px; background:linear-gradient(145deg,rgba(38,43,76,.96),rgba(10,13,25,.99) 62%); box-shadow:0 30px 90px #03050b80,inset 0 1px 0 #ffffff18,0 0 75px #8672ff18; isolation:isolate; text-align:left; scroll-margin-top:110px; }
.mkp-film::before { content:""; position:absolute; inset:-1px; z-index:-1; border-radius:inherit; background:linear-gradient(135deg,#c6c2ff70,transparent 25%,transparent 65%,#6de5dc60); mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite:exclude; padding:1px; pointer-events:none; }
.mkp-film::after { content:""; position:absolute; z-index:-2; inset:8% -12%; background:radial-gradient(ellipse,#6652d14d,transparent 64%); filter:blur(30px); pointer-events:none; }
.mkp-film-top { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:18px 22px; border-bottom:1px solid var(--mkp-line); font:600 10px/1.4 Onest,Arial,sans-serif; letter-spacing:1.5px; }
.mkp-film-top>span { display:flex; align-items:center; gap:9px; }
.mkp-film-top i { width:6px; height:6px; flex:none; border-radius:50%; background:var(--film-accent); box-shadow:0 0 15px var(--film-accent); }
.mkp-film-top small { color:#abb1cc; font-size:9px; white-space:nowrap; }
.mkp-film-screen { position:relative; aspect-ratio:16/9; overflow:hidden; background:radial-gradient(ellipse at 65% 20%,#7764d84a,transparent 65%),linear-gradient(135deg,#111528,#070b14); }
.mkp-film-screen::before { content:""; position:absolute; inset:0; background-image:linear-gradient(#090c1677,#090c16cc),var(--film-poster); background-position:center; background-size:cover; pointer-events:none; }
.mkp-film-screen iframe,.mkp-film-screen video { position:absolute; z-index:8; inset:0; display:block; width:100%; height:100%; border:0; background:#000; }
.mkp-film-canvas { position:absolute; z-index:1; inset:0; width:100%; height:100%; }
.mkp-film-person { position:absolute; z-index:3; bottom:-18%; right:3%; width:76%; max-width:none; height:120%; object-fit:contain; object-position:bottom; filter:drop-shadow(-12px -4px 24px #6e70db45); }
.mkp-film-monogram { position:absolute; z-index:2; left:5%; top:9%; font:800 clamp(48px,7vw,110px)/.8 Onest,Arial,sans-serif; letter-spacing:-.09em; color:#ffffff0d; -webkit-text-stroke:1px #c2b7ff4d; transform:rotate(-7deg); }
.mkp-film-monogram span { display:block; font-size:.35em; margin-top:15px; letter-spacing:.15em; color:#ffffff26; }
.mkp-film-scan { position:absolute; z-index:4; width:100%; height:1px; top:30%; background:linear-gradient(90deg,transparent,#a99bff99,transparent); box-shadow:0 0 20px #ada0ff; animation:mkp-scan 8s ease-in-out infinite; pointer-events:none; }
.mkp-film-pending { position:absolute; z-index:5; left:18px; bottom:18px; display:flex; align-items:center; gap:10px; max-width:75%; padding:12px 15px; border:1px solid #b4b9ff30; border-radius:12px; background:#0b1024d9; backdrop-filter:blur(12px); font-size:11px; line-height:1.6; color:#c6cbdf; }
.mkp-film-pending strong { color:#fff; font-size:12px; font-weight:500; }
.mkp-film-emblem { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; border:1px solid #a799ff80; color:var(--film-accent); font-size:28px; box-shadow:inset 0 0 20px #8378ff35,0 0 30px #8378ff30; }
.mkp-film-bottom { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 22px 11px; }
.mkp-film-bottom small { display:block; color:var(--film-accent); font:600 9px/1.5 Onest,Arial,sans-serif; letter-spacing:1.2px; margin-bottom:8px; }
.mkp-film-bottom h2 { max-width:510px; margin:0!important; padding:0!important; color:#f5f6ff!important; font:600 clamp(18px,1.8vw,27px)/1.18 Onest,Arial,sans-serif!important; letter-spacing:-.035em!important; }
.mkp-film-description { margin:0!important; padding:0 22px 20px!important; color:#afb8d0!important; font:400 12px/1.6 Onest,Arial,sans-serif!important; max-width:none!important; }
.mkp-film-sound { display:flex; align-items:center; gap:3px; height:30px; flex:none; }
.mkp-film-sound i { width:3px; height:10px; background:linear-gradient(var(--mkp-cyan),var(--mkp-violet)); border-radius:4px; animation:mkp-sound 2.5s ease-in-out infinite alternate; }
.mkp-film-sound i:nth-child(2n) { height:22px; animation-delay:-.6s; }.mkp-film-sound i:nth-child(3n) { height:30px; animation-delay:-1.3s; }
.mkp-film-orbits { position:absolute; z-index:-1; inset:-16%; pointer-events:none; overflow:visible; }
.mkp-film-orbits i { position:absolute; left:5%; top:28%; width:90%; height:48%; border:1px solid #aa9bff35; border-radius:50%; transform:rotate(-26deg); }
.mkp-film-orbits i:nth-child(2) { transform:rotate(31deg); border-color:#71ddd128; }.mkp-film-orbits i:nth-child(3) { transform:rotate(-50deg); top:19%; height:62%; border-color:#b3a3ff17; }
.mkp-film-orbits b { position:absolute; width:6px; height:6px; top:31%; left:4%; border-radius:50%; background:#94ffe4; box-shadow:0 0 25px 5px #94ffe44d; animation:mkp-orbit-light 7s ease-in-out infinite alternate; }
.mkp-film.has-video .mkp-film-screen::before { display:none; }
@keyframes mkp-scan { 0%,100%{transform:translateY(-70px);opacity:.3}50%{transform:translateY(140px);opacity:.8} }
@keyframes mkp-sound { to{transform:scaleY(.4);opacity:.6} }
@keyframes mkp-orbit-light { to{left:96%;top:58%} }

/* A video stage is part of the first screen, including the mobile layout. */
.site-shell>.hero { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:clamp(32px,5vw,92px); align-items:center; min-height:790px; min-height:min(850px,100svh); height:auto; padding:130px clamp(24px,4vw,76px) 75px; }
.site-shell>.hero .hero-copy { padding:0; align-self:center; min-width:0; }
.site-shell>.hero h1 { font-size:clamp(42px,5.15vw,78px); line-height:1.02; letter-spacing:-.065em; }
.site-shell>.hero .hero-status { margin-bottom:28px; font-size:10px; letter-spacing:1.2px; }.site-shell>.hero .hero-status>span { display:none; }
.site-shell>.hero .hero-lead { margin-top:24px; font-size:16px; line-height:1.65; color:#b6bfd2; max-width:520px; }
.site-shell>.hero .hero-actions { margin-top:28px; flex-wrap:wrap; gap:15px; }
.hero-video-column { width:100%; min-width:0; position:relative; }
.hero-video-footnote { display:flex; align-items:center; gap:10px; color:#c2c7dd; font-size:11px; margin:20px 0 0 15px; }.hero-video-footnote::before { content:""; width:24px; height:1px; background:#9389ff; }
.hero-write { min-height:48px; padding:0 10px; color:#e5e9f5; font:500 13px Onest,sans-serif; background:none; border:0; border-bottom:1px solid #c2caff38; cursor:pointer; }
.site-shell>.hero .hero-capabilities { margin-top:25px; }.site-shell>.hero .scroll-cue { display:none; }
.site-shell .preloader { display:none!important; }.site-shell>.hero .hero-reveal { opacity:1; animation-delay:0s; }
.site-shell>.hero .hero-mesh { background-size:80px 80px; opacity:.55; }
.site-shell>.hero::after { content:""; position:absolute; left:30%; top:-30%; width:75%; height:140%; border:1px solid #b2a0ff17; border-radius:50%; transform:rotate(36deg); pointer-events:none; }
.site-shell .dimension-gate { min-height:340px; }
.site-shell .section-intro p,.site-shell .process-title p { color:#b4bfd2; }
.home-direct-contacts { display:flex; align-items:center; flex-wrap:wrap; gap:14px 28px; padding:25px 0; border-top:1px solid #c2cbff22; }
.home-direct-contacts a { color:#d4dbed; font-size:14px; min-height:44px; display:inline-flex; align-items:center; gap:8px; }
.home-direct-contacts button { padding:12px 20px; color:#fff; border:1px solid #b4abff55; border-radius:30px; background:#9281ff12; }

.mkp-business-page .hero { min-height:0; padding-bottom:0; }
.mkp-business-page .hero-shell { display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); gap:clamp(25px,4vw,70px); align-items:center; min-height:calc(100svh - 96px); padding-top:45px; padding-bottom:45px; }
.mkp-business-page .hero-copy { width:auto; padding:0; }.mkp-business-page .hero-copy h1 { font-size:clamp(42px,4.7vw,72px); line-height:1.06; }
.mkp-business-page .hero-bottom-copy { display:block; margin-top:25px; }.mkp-business-page .hero-bottom-copy p { max-width:490px; font-size:15px; line-height:1.7; color:#bac4d3; }
.mkp-business-page .hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:25px; }.mkp-business-page .hero-actions a,.mkp-business-page .hero-actions button { min-height:48px; }
.mkp-business-page .hero-meta { padding-bottom:24px; }.mkp-business-page .hero-media { min-width:0; position:relative; }
.mkp-business-page .hero .hero-grain { opacity:.14; }
.mkp-business-page .header-contact { border-radius:30px; background:#ffffff09; }.mkp-business-page .button-primary { border-radius:30px; padding-inline:25px; }
.mkp-business-page .button-ghost { border-radius:30px; background:#0b1020a6; }
.calc-price-items { margin:14px 0; border-top:1px solid #ffffff30; padding-top:12px; }
.calc-price-items>div { display:flex; justify-content:space-between; gap:15px; padding:7px 0; font-size:12px; line-height:1.5; }
.calc-price-items b { text-align:right; font-weight:500; white-space:nowrap; }.calc-price-items span { color:#e4e8ff; }
.calc-included { margin-top:12px; color:#a6b6a7; font-size:12px; line-height:1.65; }.calc-step .calc-included { color:#4a515b; }
.calc-step .addon-options button small { line-height:1.45; }.calc-step .addon-options button:disabled { opacity:.6; }

.mkp-reputation-page .rep-hero-shell { grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:clamp(30px,5vw,85px); padding-top:80px; padding-bottom:75px; align-items:center; }
.mkp-reputation-page .rep-hero h1 { font-size:clamp(43px,4.6vw,70px); line-height:1.04; }.mkp-reputation-page .rep-hero-lead { color:#bac4d5; }
.rep-hero-media { position:relative; min-width:0; isolation:isolate; }.rep-hero-media .rep-hero-visual { position:absolute; z-index:-1; inset:-25px -15px 15px; width:auto; height:auto; max-height:100%; overflow:hidden; opacity:.16; transform:rotate(7deg); filter:blur(.2px); pointer-events:none; }
.rep-hero-media .rep-visual-chrome,.rep-hero-media .rep-status-card,.rep-hero-media .rep-deal-line,.rep-hero-media .rep-youtube-result { visibility:hidden; }
.rep-hero-media .mkp-film { --film-accent:var(--rep-accent); }
.mkp-reputation-page .rep-primary-button,.mkp-reputation-page .rep-header-cta { border-radius:30px; }.mkp-reputation-page .rep-hero-actions { flex-wrap:wrap; }
.mkp-reputation-page .rep-platform-rail { border-top-color:#babdff2b; }
.mkp-reputation-page .rep-hero-proof small { color:#a0acc1; }
.rep-hero-quick { background:transparent; color:#e1e7f6; border:0; padding:12px 0; min-height:44px; font:500 13px Onest,sans-serif; cursor:pointer; }
.business-hub .hub-hero { padding-top:75px; padding-bottom:70px; min-height:0; }.business-hub .hub-hero-layout { position:relative; }
.business-hub .hub-hero::after { content:""; position:absolute; right:-5%; top:12%; width:52%; height:70%; border:1px solid #948aff26; border-radius:50%; transform:rotate(-35deg); pointer-events:none; }
.business-hub .hub-hero h1 { font-size:clamp(44px,5.5vw,82px); }.business-hub .hub-catalog { padding-top:70px; scroll-margin-top:70px; }
.business-hub .hub-hero-panel { border-radius:18px; box-shadow:inset 0 1px #d6d2ff1a,0 20px 90px #564ad222; background:radial-gradient(ellipse at top right,#6550b433,transparent 70%); }
.hub-header,.rep-header,.site-header,.mkp-business-page .header { backdrop-filter:blur(24px); }
.hub-primary,.hub-secondary,.hub-header-cta { border-radius:30px; }

/* A direct line, independent of the detailed brief. */
.mkp-contact-dock { position:fixed; z-index:85; right:24px; bottom:22px; display:flex; align-items:center; gap:12px; padding:10px 18px 10px 10px; min-height:50px; border:1px solid #b1a5f877; border-radius:40px; color:#f6f6ff; background:linear-gradient(120deg,#26253de8,#0e1324f5); box-shadow:0 9px 35px #0008,inset 0 1px #ffffff25; backdrop-filter:blur(20px); font:500 13px Onest,sans-serif; cursor:pointer; }
.mkp-chat-icon { width:30px; height:30px; border-radius:50%; background:#b6a7ff; color:#0a1020; display:grid; place-items:center; font-size:20px; }
.mkp-contact-dock>i { width:5px; height:5px; border-radius:50%; background:#90edd6; box-shadow:0 0 12px #90edd6; }
.mkp-contact-dock:hover { transform:translateY(-3px); border-color:#e2dcff; }
.mkp-contact-dock[hidden] { display:none; }
body:has(#mkp-quick-dialog[open]) { overflow:hidden!important; }
.mkp-quick-dialog { position:fixed; inset:0; margin:auto; width:min(560px,calc(100% - 28px)); max-height:calc(100svh - 32px); padding:35px; border:1px solid #9a8beb70; border-radius:22px; color:#f4f5ff; background:radial-gradient(ellipse at top right,#6550b433,transparent 55%),#101420; box-shadow:0 45px 150px #000b; font-family:Onest,Arial,sans-serif; overflow:auto; }
.mkp-quick-dialog::backdrop { background:#02050bba; backdrop-filter:blur(9px); }.mkp-quick-dialog * { box-sizing:border-box; }
.mkp-quick-close { position:absolute; top:17px; right:17px; width:38px; height:38px; border-radius:50%; border:1px solid #bac4ff40; background:#ffffff08; color:#fff; font-size:27px; cursor:pointer; }
.mkp-quick-heading>span { color:#a99bff; font-size:9px; font-weight:600; letter-spacing:1.8px; }.mkp-quick-heading h2 { margin:18px 0 12px; font-size:45px; line-height:1.03; letter-spacing:-2px; font-weight:600; }
.mkp-quick-heading h2 em { color:#bcb4ff; font-style:normal; }.mkp-quick-heading p { color:#aebbd0; font-size:13px; line-height:1.6; }
.mkp-quick-links { display:flex; flex-wrap:wrap; gap:6px 18px; padding:14px 0 20px; border-bottom:1px solid #b2bcf12b; margin-bottom:22px; }
.mkp-quick-links a { color:#d6d5ff; font-size:12px; min-height:32px; display:flex; align-items:center; text-decoration:none; }
.mkp-quick-form label { display:block; color:#c2cde0; font-size:11px; line-height:1.6; }.mkp-quick-form input:not([type=checkbox]),.mkp-quick-form select,.mkp-quick-form textarea { display:block; width:100%; min-height:45px; margin-top:7px; padding:12px; border:1px solid #b0b9e12b; border-radius:9px; background:#060b1699; color:#edf1fc; font:400 14px/1.6 Onest,Arial,sans-serif; }
.mkp-quick-form textarea { resize:vertical; min-height:94px; }.mkp-quick-form select option { background:#131927; }.mkp-quick-form :focus-visible { outline:2px solid #a79aff; outline-offset:3px; }
.mkp-quick-fields { display:grid; grid-template-columns:.85fr 1.15fr; gap:12px; margin-top:14px; }.mkp-quick-form .mkp-quick-consent { display:flex; align-items:flex-start; gap:10px; margin-top:18px; font-size:10px; color:#b6c2d5; }.mkp-quick-consent input { accent-color:#a99bff; margin-top:3px; }
.mkp-quick-send,.mkp-quick-success button { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:48px; padding:12px 18px; border:0; border-radius:10px; background:#c4baff; color:#111222; font:600 13px Onest,sans-serif; cursor:pointer; }
.mkp-quick-send:disabled { opacity:.65; cursor:wait; }.mkp-quick-status { color:#ffb1c9; font-size:12px; line-height:1.5; min-height:0; }.mkp-quick-status:empty { margin:14px 0; }.mkp-quick-form .mkp-honeypot { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; overflow:hidden; clip-path:inset(100%); opacity:0; }
.mkp-quick-success { padding:20px 0 5px; }.mkp-quick-success[hidden] { display:none; }.mkp-quick-success>span { color:#8fefd4; font-size:36px; }.mkp-quick-success h3 { margin:15px 0; font-size:26px; }.mkp-quick-success p { font-size:14px; color:#c0cbe0; margin-bottom:25px; }
.mkp-quick-dialog [hidden] { display:none!important; }
@media(min-width:1450px) { .site-shell>.hero { padding-top:145px; } }
@media(max-width:1050px) and (min-width:761px) { .site-shell>.hero { gap:30px; padding-inline:28px; }.site-shell>.hero h1 { font-size:48px; }.site-shell>.hero .hero-lead { font-size:14px; }.mkp-film-top { padding:15px; font-size:8px; }.mkp-film-bottom { padding:16px 15px 10px; }.mkp-film-description { padding:0 15px 16px!important; font-size:11px!important; }.mkp-business-page .hero-shell { gap:25px; }.mkp-business-page .hero-copy h1 { font-size:46px; } }
@media(max-width:760px) {
  .site-shell>.hero { display:flex; flex-direction:column; align-items:stretch; gap:0; padding:100px 16px 40px; min-height:0; }
  .site-shell>.hero .hero-copy { display:contents; }.site-shell>.hero .hero-status { order:0; margin:0 0 15px; font-size:9px; }
  .site-shell>.hero h1 { order:1; margin:0 0 22px; font-size:clamp(34px,9.4vw,48px); line-height:1.02; letter-spacing:-.055em; }
  .site-shell>.hero .hero-video-column { order:2; }.site-shell>.hero .hero-lead { order:3; margin:22px 0 0; font-size:14px; line-height:1.6; }.site-shell>.hero .hero-actions { display:grid; grid-template-columns:minmax(0,1fr) auto; order:4; margin-top:20px; gap:10px; }.site-shell>.hero .hero-capabilities { order:5; margin:22px 0 0; }
  .site-shell>.hero .primary-action { width:auto; min-width:0; min-height:50px; padding-left:16px; font-size:12px; }.site-shell>.hero .primary-action>span:last-child { width:32px; height:32px; }.hero-write { font-size:11px; padding-inline:5px; }.hero-video-footnote { margin:12px 0 0; font-size:10px; }
  .mkp-film { border-radius:14px; }.mkp-film-top { padding:12px 14px; font-size:8px; letter-spacing:1px; }.mkp-film-top small { font-size:8px; }.mkp-film-bottom { padding:14px 14px 9px; gap:10px; }.mkp-film-bottom h2 { font-size:18px!important; }.mkp-film-bottom small { font-size:8px; margin-bottom:5px; }.mkp-film-description { padding:0 14px 15px!important; font-size:11px!important; }.mkp-film-pending { left:10px; bottom:10px; gap:8px; padding:8px 10px; font-size:9px; border-radius:9px; }.mkp-film-pending strong { font-size:10px; }.mkp-film-emblem { width:30px; height:30px; font-size:22px; }.mkp-film-sound { height:24px; }.mkp-film-sound i { width:2px; }.mkp-film-sound i:nth-child(3n) { height:23px; }.mkp-film-orbits { inset:-8%; }.mkp-film-person { right:0; }
  .mkp-business-page .hero-shell { display:flex; flex-direction:column; align-items:stretch; gap:0; padding:30px 0 35px; min-height:0; }.mkp-business-page .hero-shell .hero-copy { display:contents; }.mkp-business-page .hero-kicker { order:0; font-size:8px; margin:0 0 15px; }.mkp-business-page .hero-copy h1 { order:1; margin:0 0 22px; font-size:clamp(32px,8.7vw,43px); line-height:1.03; letter-spacing:-.045em; }.mkp-business-page .hero-media { order:2; }.mkp-business-page .hero-bottom-copy { display:contents; }.mkp-business-page .hero-bottom-copy>p { order:3; font-size:13px; margin:22px 0 0; }.mkp-business-page .hero-actions { order:4; margin-top:20px; }.mkp-business-page .hero-meta { display:none; }.mkp-business-page .hero-actions a,.mkp-business-page .hero-actions button { font-size:11px; padding-inline:15px; min-height:46px; }.mkp-business-page .hero { background-position:center; }
  .mkp-reputation-page .rep-hero-shell { display:flex; flex-direction:column; align-items:stretch; gap:0; padding-top:32px; padding-bottom:35px; }.mkp-reputation-page .rep-hero-copy { display:contents; }.mkp-reputation-page .rep-kicker { order:0; font-size:8px; margin-bottom:17px; }.mkp-reputation-page .rep-hero h1 { order:1; font-size:clamp(32px,8.7vw,43px); line-height:1.04; margin:0 0 22px; }.mkp-reputation-page .rep-hero h1 span { display:inline; }.mkp-reputation-page .rep-hero h1 span::after { content:" "; }.rep-hero-media { order:2; }.rep-hero-media .rep-hero-visual { inset:-20px; }.mkp-reputation-page .rep-hero-lead { order:3; font-size:13px; line-height:1.6; margin-top:22px; }.mkp-reputation-page .rep-hero-actions { order:4; margin-top:20px; }.mkp-reputation-page .rep-hero-proof { order:5; margin-top:22px; }.rep-hero-quick { font-size:12px; }.mkp-reputation-page .rep-platform-rail { margin-top:0; }
  .business-hub .hub-hero { padding-top:50px; padding-bottom:40px; }.business-hub .hub-hero h1 { font-size:42px; }.business-hub .hub-hero-copy>p:not(.hub-kicker) { font-size:14px; }.business-hub .hub-catalog { padding-top:45px; }.business-hub .hub-section-head { margin-bottom:30px; }.business-hub .hub-hero-panel { display:none; }
  .mkp-business-page .calculator { grid-template-columns:minmax(0,1fr); }.mkp-business-page .calculator>* { min-width:0; width:100%; }.mkp-business-page .calc-step-head { flex-wrap:wrap; }.mkp-business-page .calc-step-head .calc-included { flex:1 0 100%; margin-top:0; }.mkp-business-page .calc-price-items>div { flex-wrap:wrap; gap:3px 12px; }.mkp-business-page .calc-price-items b { white-space:normal; }.mkp-business-page .project-options button { min-width:0; }
  .mkp-contact-dock { right:12px; bottom:12px; min-height:44px; gap:9px; padding:7px 13px 7px 7px; font-size:11px; }.mkp-chat-icon { width:27px; height:27px; font-size:18px; }.mkp-quick-dialog { padding:30px 22px 24px; }.mkp-quick-heading h2 { font-size:38px; }.mkp-quick-fields { grid-template-columns:1fr; }.mkp-quick-form input:not([type=checkbox]),.mkp-quick-form select,.mkp-quick-form textarea { font-size:16px; }.mkp-quick-links { gap:4px 15px; }.home-direct-contacts { flex-direction:column; align-items:flex-start; gap:5px; }
}
@media(max-width:400px) { .site-shell>.hero .primary-action { font-size:11px; gap:8px; padding-left:12px; padding-right:8px; }.mkp-business-page .project-options { grid-template-columns:1fr; }.mkp-business-page .project-options button { min-height:64px; }.mkp-business-page .calc-breakdown>div { gap:14px; }.mkp-business-page .calc-breakdown b { min-width:0; overflow-wrap:anywhere; } }
@media(prefers-reduced-motion:reduce) { .mkp-film *,.mkp-film-orbits b { animation:none!important; }.mkp-film-canvas { opacity:.6; }.mkp-contact-dock { transition:none; } }

/* Deliverables: diagrams describe the work without posing as client cases. */
.mkp-delivery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.mkp-delivery-card { position:relative; min-width:0; overflow:hidden; background:#e9e8e2; border:1px solid #d1d1ca; padding:26px; }
.mkp-delivery-card:nth-child(2) { background:#121620; border-color:#252c3a; color:#f3f4f7; }
.mkp-delivery-card:nth-child(3) { background:#e6e8fc; border-color:#c8cdee; }
.mkp-delivery-index,.mkp-delivery-caption { display:block; font-size:9px; letter-spacing:.1em; font-weight:600; }
.mkp-delivery-index { opacity:.65; }.mkp-delivery-caption { border-top:1px solid #171c2924; padding-top:20px; margin-top:26px; line-height:1.6; }
.mkp-delivery-card:nth-child(2) .mkp-delivery-caption { border-color:#ffffff26; color:#b6ff20; }
.mkp-delivery-card h3 { font-size:25px; line-height:1.15; letter-spacing:-.04em; margin:8px 0 15px; }
.mkp-delivery-card>p { font-size:13px; line-height:1.75; margin:0; opacity:.7; }
.mkp-delivery-art { position:relative; height:255px; margin:20px -6px 20px; }
.mkp-blueprint { display:flex; align-items:center; padding:15px; background-image:linear-gradient(#9296ab20 1px,transparent 1px),linear-gradient(90deg,#9296ab20 1px,transparent 1px); background-size:24px 24px; }
.mkp-blueprint-browser { position:relative; width:94%; height:190px; padding:15px; background:#f7f7f3; box-shadow:0 24px 35px -24px #20273880; border:1px solid #a5a6af; transform:perspective(600px) rotateY(-10deg) rotateX(4deg); }
.mkp-blueprint-browser>span { display:block; font-size:7px; letter-spacing:1px; border-bottom:1px solid #2223; padding-bottom:12px; }.mkp-blueprint-browser>i { position:absolute; right:15px; top:12px; font-size:12px; font-style:normal; }.mkp-blueprint-browser>b { display:block; font-size:25px; letter-spacing:-1.5px; line-height:1.05; margin:18px 0 13px; }.mkp-blueprint-browser>div { display:flex; gap:5px; }.mkp-blueprint-browser>div i { width:30%; height:19px; background:repeating-linear-gradient(90deg,#818a97 0 5px,#515965 5px 7px); }.mkp-blueprint-browser>div i:nth-child(2) { background:repeating-linear-gradient(90deg,#827c70 0 4px,transparent 4px 8px); }.mkp-blueprint-browser>div i:nth-child(3) { background:repeating-linear-gradient(0deg,transparent 0 4px,#829083 4px 5px),repeating-linear-gradient(90deg,transparent 0 4px,#829083 4px 5px); }.mkp-blueprint-browser>small { display:inline-block; margin-top:13px; padding:6px 8px; background:#b5ff1e; font-size:6px; letter-spacing:.5px; }
.mkp-blueprint-mobile { position:absolute; width:64px; height:118px; background:#141a29; border:3px solid #4e5565; border-radius:9px; right:4px; bottom:8px; transform:rotate(8deg); padding:20px 8px; box-shadow:0 12px 18px #151a3126; }.mkp-blueprint-mobile i { display:block; height:5px; background:#ced2e4; margin-bottom:5px; }.mkp-blueprint-mobile i:nth-child(2) { width:75%; }.mkp-blueprint-mobile i:nth-child(3) { height:27px; margin-top:12px; background:repeating-linear-gradient(90deg,#a7b183 0 3px,#7f8860 3px 5px); }
.mkp-signal-map { display:flex; flex-direction:column; align-items:center; justify-content:space-between; padding:20px 0; background:radial-gradient(ellipse at center,#5767c82b,transparent 65%); }
.mkp-signal-map svg { position:absolute; inset:20px 0; width:100%; height:calc(100% - 40px); z-index:0; overflow:visible; }.mkp-signal-map path { fill:none; stroke:#9eafff; stroke-width:1; stroke-dasharray:4 6; opacity:.6; }
.mkp-signal-inputs { display:flex; justify-content:space-between; width:100%; z-index:1; }.mkp-signal-inputs span { background:#202736; border:1px solid #414e68; padding:10px 9px; border-radius:4px; font-size:7px; letter-spacing:1px; }
.mkp-signal-core { position:relative; display:grid; place-items:center; width:65px; height:65px; border-radius:50%; border:1px solid #a2adfc; box-shadow:0 0 30px #8f9bff33,inset 0 0 20px #8f9bff26; background:#1d2539; z-index:1; font-weight:700; font-size:21px; letter-spacing:-2px; }.mkp-signal-core>i { position:absolute; inset:-9px; border:1px solid #7181b74d; border-radius:50%; }.mkp-signal-core>i+i { inset:-20px; border-style:dashed; opacity:.5; }
.mkp-signal-output { display:flex; align-items:center; gap:12px; background:#b5ff20; color:#171b20; z-index:1; padding:12px 18px; font-size:9px; font-weight:600; letter-spacing:1px; box-shadow:0 0 35px #b5ff2017; }.mkp-signal-output>i { width:6px; height:6px; background:#171b20; border-radius:50%; }.mkp-signal-output>b { font-size:17px; }
.mkp-editor-stack { display:flex; flex-direction:column; justify-content:center; padding:0 15px; perspective:700px; }
.mkp-editor-stack>div { position:relative; display:flex; align-items:center; justify-content:space-between; padding:18px; background:#f7f8ff; border:1px solid #b8bee3; box-shadow:0 10px 20px #525eac12; transform:rotateY(-10deg) rotateX(7deg); margin-top:-2px; font-size:9px; letter-spacing:.08em; }.mkp-editor-stack>div:nth-child(2) { margin-left:12px; margin-right:-12px; }.mkp-editor-stack>div:nth-child(3) { margin-left:24px; margin-right:-24px; background:#414bef; color:white; }.mkp-editor-stack b { font-size:16px; font-weight:400; }.mkp-editor-stack>small { align-self:flex-end; margin-top:20px; font-size:7px; letter-spacing:1px; display:flex; align-items:center; gap:10px; }.mkp-editor-stack>small i { font-style:normal; background:#c0f979; width:20px; height:20px; display:grid; place-items:center; border-radius:50%; }
@media(max-width:1050px) and (min-width:761px) { .mkp-delivery-grid { gap:12px; }.mkp-delivery-card { padding:19px; }.mkp-delivery-card h3 { font-size:22px; }.mkp-delivery-art { height:225px; }.mkp-signal-inputs span { font-size:6px; padding:9px 5px; }.mkp-blueprint-browser>b { font-size:22px; } }
@media(max-width:760px) { .mkp-delivery-grid { grid-template-columns:minmax(0,1fr); gap:14px; }.mkp-delivery-card { padding:24px; }.mkp-delivery-art { max-width:360px; margin-inline:auto; height:240px; }.mkp-delivery-card h3 { font-size:25px; }.mkp-delivery-card>p { max-width:420px; }.mkp-delivery-caption { margin-top:22px; padding-top:18px; } }