/* StretchMedia homepage — layout (composes DS tokens). */
*{box-sizing:border-box}
.mk{background:var(--bg-canvas)}
.mk a{text-decoration:none}
.mk-section{max-width:var(--container-site);margin:0 auto;padding:var(--section-y) clamp(16px,4vw,48px)}
.mk-section--tint{max-width:none;background:var(--bg-subtle)}
.mk-section--tint>*{max-width:var(--container-site);margin-inline:auto}
.mk-sec-head{max-width:760px;margin-bottom:44px}
.mk-sec-head h2{font-size:var(--fs-h2);line-height:1.15;margin-top:14px;text-wrap:balance}

/* Header */
.mk-header{position:sticky;top:0;z-index:var(--z-header);display:flex;align-items:center;gap:24px;
  padding:14px clamp(16px,4vw,48px);background:color-mix(in srgb,var(--bg-base) 86%,transparent);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle)}
.mk-nav{display:flex;gap:20px;margin-left:6px}
.mk-nav a{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-body);transition:var(--t-color)}
.mk-nav a:hover{color:var(--accent)}
.mk-header__actions{margin-left:auto;display:flex;align-items:center;gap:12px}
@media(max-width:1080px){.mk-nav{display:none}}

/* Hero */
.mk-hero{position:relative;overflow:hidden;background:var(--ink-950);padding:clamp(52px,6vw,96px) clamp(16px,4vw,48px) 0}
[data-theme="light"] .mk-hero{background:linear-gradient(180deg,var(--frost) 0%,var(--pale-blue) 100%)}
.mk-hero__grid{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent 0 47px,color-mix(in srgb,var(--brand-cyan-300) 8%,transparent) 47px 48px),repeating-linear-gradient(90deg,transparent 0 47px,color-mix(in srgb,var(--brand-cyan-300) 8%,transparent) 47px 48px);-webkit-mask-image:radial-gradient(80% 70% at 62% 34%,#000,transparent);mask-image:radial-gradient(80% 70% at 62% 34%,#000,transparent);pointer-events:none}
.mk-hero__glow{position:absolute;pointer-events:none;border-radius:50%}
.mk-hero__glow--1{top:-24%;right:8%;width:60%;height:100%;background:radial-gradient(circle,rgba(29,146,252,.35),transparent 62%)}
.mk-hero__glow--2{bottom:-30%;left:-6%;width:46%;height:90%;background:radial-gradient(circle,rgba(60,204,252,.20),transparent 64%)}
[data-theme="light"] .mk-hero__glow--1{background:radial-gradient(circle,rgba(29,146,252,.18),transparent 62%)}
[data-theme="light"] .mk-hero__glow--2{background:radial-gradient(circle,rgba(60,204,252,.14),transparent 64%)}
.mk-hero__inner{position:relative;max-width:var(--container-site);margin:0 auto;display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center;padding-bottom:44px}
@media(max-width:940px){.mk-hero__inner{grid-template-columns:1fr;gap:44px}}
.mk-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.mk-eyebrow i{width:26px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--brand-blue-700),var(--brand-cyan-300))}
[data-theme="dark"] .mk-eyebrow{color:var(--brand-cyan-300)}
.mk-hero__copy h1{color:var(--text-strong);font-size:clamp(2.75rem,5.4vw,4.75rem);line-height:1.02;letter-spacing:-.03em;font-weight:800;margin:20px 0 20px;max-width:15ch}
.mk-accent{background:linear-gradient(120deg,var(--brand-cyan-300),var(--brand-blue-500) 60%,var(--brand-blue-700));-webkit-background-clip:text;background-clip:text;color:transparent}
.mk-hero__copy p{color:var(--text-body);font-size:var(--fs-lead);line-height:1.6;max-width:50ch;margin:0 0 30px}
.mk-hero__cta{display:flex;gap:12px;flex-wrap:wrap}
.mk-hero__proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px}
.mk-hero__proof span{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--text-body)}
.mk-hero__proof i{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--brand-cyan-300),var(--brand-blue-500))}

/* Hero visual — layered browser shell + floating chips */
.mk-hero__visual{position:relative;height:clamp(360px,34vw,480px)}
.mk-orbit{position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--brand-cyan-300) 22%,transparent);pointer-events:none}
.mk-orbit--1{width:118%;height:118%;top:-9%;left:-9%}
.mk-orbit--2{width:78%;height:78%;top:11%;left:11%;border-style:dashed;opacity:.6}
.mk-shell{position:absolute;top:6%;left:0;width:92%;background:#0B1626;border:1px solid #1A293B;border-radius:16px;overflow:hidden;box-shadow:0 40px 90px rgba(3,10,20,.5)}
.mk-shell__bar{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#111C2C;border-bottom:1px solid #1A293B}
.mk-shell__bar span{width:9px;height:9px;border-radius:50%;background:#28394F}
.mk-shell__bar small{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:#5F7488}
.mk-shell__body{padding:20px}
.mk-shell__nav{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.mk-shell__nav b{font-family:var(--font-display);font-weight:800;font-size:12px;letter-spacing:.04em;color:#EAF2FB}.mk-shell__nav b span{color:var(--brand-cyan-300)}
.mk-shell__nav i{width:34px;height:6px;border-radius:3px;background:#28394F}.mk-shell__nav i:first-of-type{margin-left:auto}
.mk-shell__hero{margin-bottom:22px}
.mk-shell__kicker{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;color:var(--brand-cyan-300)}
.mk-shell__hero strong{display:block;font-family:var(--font-display);font-weight:800;font-size:clamp(18px,2vw,26px);color:#fff;letter-spacing:-.01em;margin:8px 0 14px;max-width:12ch}
.mk-shell__btns{display:flex;gap:8px}.mk-shell__btns i{width:76px;height:24px;border-radius:7px}.mk-shell__btns i:first-child{background:linear-gradient(135deg,var(--brand-blue-500),var(--brand-blue-700))}.mk-shell__btns i:last-child{width:52px;background:#1A293B}
.mk-shell__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mk-shell__cards i{height:96px;border-radius:12px;background:#0E1B2E;border:1px solid #1A293B}.mk-shell__cards i:nth-child(2){border-color:color-mix(in srgb,var(--brand-cyan-300) 34%,transparent)}
.mk-float{position:absolute;display:flex;align-items:center;gap:11px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:14px;padding:12px 15px;box-shadow:var(--shadow-lg)}
[data-theme="dark"] .mk-float{background:var(--ink-800);border-color:var(--ink-700)}
.mk-float small{display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle)}
.mk-float strong{display:block;font-family:var(--font-display);font-size:14px;color:var(--text-strong);margin-top:2px}
.mk-float--1{top:20%;right:-2%}
.mk-float--2{bottom:16%;left:-4%}
.mk-float__dot{width:12px;height:12px;border-radius:50%;background:var(--brand-cyan-300);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-cyan-300) 24%,transparent)}
.mk-float__code{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;color:var(--brand-cyan-300);background:color-mix(in srgb,var(--brand-blue-500) 18%,transparent)}
.mk-float__mark{position:absolute;bottom:4%;right:8%;width:72px;height:72px;border-radius:18px;background:var(--surface-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center}
[data-theme="dark"] .mk-float__mark{background:var(--ink-800);border-color:var(--ink-700)}
.mk-float__mark img{width:52px;height:52px;object-fit:contain}
@media(max-width:520px){.mk-float--1{right:0}.mk-float--2{left:0}.mk-hero__visual{height:clamp(300px,80vw,400px)}}

/* Capability strip */
.mk-capstrip{position:relative;max-width:var(--container-site);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 0 30px;border-top:1px solid color-mix(in srgb,var(--text-strong) 12%,transparent)}
.mk-capstrip span{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}

/* Services */
.mk-services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.mk-services{grid-template-columns:1fr}}
.mk-svc-g{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.mk-services h3{font-size:20px;margin:8px 0 8px}
.mk-services p{color:var(--text-muted);font-size:14.5px;line-height:1.55;margin:0 0 14px}
.mk-svc-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--accent)}
.mk-svc-link svg{transition:transform var(--dur-standard) var(--ease-standard)}
.mk-svc-link:hover svg{transform:translateX(3px)}

/* Packages */
.mk-pkgs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
@media(max-width:900px){.mk-pkgs{grid-template-columns:1fr}}
.mk-pkg-note{text-align:center;margin-top:26px;color:var(--text-muted);font-size:14px}.mk-pkg-note b{color:var(--text-strong)}

/* Process */
.mk-process{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:900px){.mk-process{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.mk-process{grid-template-columns:1fr}}
.mk-process li{padding:20px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card)}
.mk-step{font-family:var(--font-mono);font-size:13px;color:var(--accent);background:var(--surface-accent);padding:4px 9px;border-radius:var(--radius-sm)}
.mk-process h4{font-size:17px;margin:14px 0 6px}
.mk-process p{color:var(--text-muted);font-size:14px;line-height:1.5;margin:0}

/* CTA */
.mk-cta{position:relative;overflow:hidden;background:var(--brand-blue-900);margin:0}
.mk-cta__glow{position:absolute;inset:0;background:radial-gradient(60% 120% at 20% 0%,rgba(60,204,252,.35),transparent 60%)}
.mk-cta__inner{position:relative;max-width:820px;margin:0 auto;padding:var(--section-y) clamp(16px,4vw,48px);text-align:center}
.mk-cta h2{color:#fff;font-size:var(--fs-h1);line-height:1.1;margin:0 0 14px}
.mk-cta p{color:#B7C6D6;font-size:var(--fs-lead);line-height:1.6;margin:0 0 28px;max-width:56ch;margin-inline:auto}
.mk-cta__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* Footer */
.mk-footer{background:var(--ink-950);color:#B7C6D6;padding:clamp(48px,5vw,72px) clamp(16px,4vw,48px) 24px}
.mk-footer__top{max-width:var(--container-site);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-bottom:40px;border-bottom:1px solid var(--ink-800)}
@media(max-width:820px){.mk-footer__top{grid-template-columns:1fr 1fr}}
.mk-footer__brand p{color:#8496A8;font-size:14px;line-height:1.6;margin:14px 0 0;max-width:34ch}
.mk-footer__col h5{font-family:var(--font-display);font-size:13px;color:#EAF2FB;margin:0 0 14px;letter-spacing:.02em}
.mk-footer__col a{display:block;color:#8496A8;font-size:14px;padding:5px 0;transition:var(--t-color)}
.mk-footer__col a:hover{color:#8DE6FC}
.mk-footer__bar{max-width:var(--container-site);margin:22px auto 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:#5F7488}
.mk-footer__bar a{color:#5F7488;margin-left:18px}.mk-footer__bar a:hover{color:#8DE6FC}