/* NiroStay marketing site — one stylesheet for the landing page and every page behind it.
 *
 * The console is a workbench: dense, quiet, built to be read all day. The marketing site is the
 * opposite job — it is read once, by somebody deciding whether this is serious — so it borrows the
 * palette and the 6px geometry from tokens.css and none of the density. Type is large and measured,
 * sections are numbered like a document, and colour is used once per section rather than everywhere.
 *
 * Design system: design.md (teal, near-square, Inter). Product of 34orients Ltd.
 */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
@import url("tokens.css?v=12");

:root{
  --mk-ink:#0A1F24;
  --mk-ink-2:#33454C;
  --mk-body:#4A5B63;
  --mk-line:#DEE8ED;
  --mk-line-soft:#EDF3F6;
  --mk-paper:#FBFDFE;
  --mk-teal:#009C95;
  --mk-teal-deep:#00756F;
  --mk-mint:#DFF9F8;
  --mk-night:#062A2E;
  --mk-night-2:#082F34;
  --mk-wrap:74rem;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body.mk{margin:0;background:var(--mk-paper);color:var(--mk-ink);font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.mk img{max-width:100%;display:block}
.mk a{color:var(--mk-teal-deep);text-underline-offset:3px}
.mk :focus-visible{outline:2px solid var(--mk-teal);outline-offset:3px;border-radius:3px}
.mk h1,.mk h2,.mk h3,.mk h4{margin:0;font-weight:700;letter-spacing:-.03em;line-height:1.08;text-wrap:balance}
.mk p{margin:0}
.mk ul{margin:0;padding:0}
.mk-wrap{max-width:var(--mk-wrap);margin:0 auto;padding:0 1.75rem}
.mk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mk-skip{position:absolute;left:-999px;top:0;background:#fff;padding:.6rem 1rem;z-index:100}
.mk-skip:focus{left:1rem;top:1rem}

/* ---------- navigation ---------- */
.mk-nav{position:sticky;top:0;z-index:40;background:rgba(6,42,46,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
.mk-nav-in{max-width:var(--mk-wrap);margin:0 auto;display:flex;align-items:center;gap:1.5rem;padding:.85rem 1.75rem}
.mk-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:#fff;flex:none}
.mk-logo i{width:1.9rem;height:1.9rem;border-radius:5px;background:var(--mk-teal);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:.95rem;color:#fff}
.mk-logo b{font-size:.98rem;font-weight:700;letter-spacing:-.02em}
.mk-logo small{display:block;font-size:.58rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8FC9C5;margin-top:1px}
.mk-links{display:flex;gap:1.35rem;margin-left:.6rem}
.mk-links a{color:#CFE7E5;text-decoration:none;font-size:.83rem;font-weight:500;white-space:nowrap;padding:.2rem 0;border-bottom:1px solid transparent}
.mk-links a:hover{color:#fff;border-bottom-color:rgba(255,255,255,.5)}
.mk-nav-sp{flex:1}
.mk-nav .mk-btn{padding:.5rem .95rem;font-size:.8rem}
.mk-menu{display:none;margin-left:auto;background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:5px;color:#fff;padding:.4rem .7rem;font:inherit;font-size:.78rem;font-weight:600;cursor:pointer}
.mk-mobile{display:none;padding:0 1.75rem 1rem;border-top:1px solid rgba(255,255,255,.08)}
.mk-mobile.open{display:block}
.mk-mobile a{display:block;color:#DFF2F0;text-decoration:none;padding:.65rem 0;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.08)}

/* ---------- buttons ---------- */
.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.72rem 1.15rem;border-radius:6px;border:1px solid transparent;font:inherit;font-size:.875rem;font-weight:650;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background 180ms ease,border-color 180ms ease,transform 120ms ease}
.mk-btn:active{transform:translateY(1px)}
.mk-btn.primary{background:var(--mk-teal);color:#fff}
.mk-btn.primary:hover{background:var(--mk-teal-deep)}
.mk-btn.ghost{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}
.mk-btn.ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.mk-btn.line{border-color:var(--mk-line);background:#fff;color:var(--mk-ink)}
.mk-btn.line:hover{border-color:var(--mk-teal)}
.mk-btn.dark{background:var(--mk-ink);color:#fff}
.mk-btn.dark:hover{background:#123037}
.mk-btn.lg{padding:.9rem 1.5rem;font-size:.95rem}
.mk-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}

/* ---------- hero ---------- */
.mk-hero{background:
  radial-gradient(48rem 26rem at 88% -12%,rgba(0,156,149,.34),transparent 62%),
  radial-gradient(30rem 20rem at 8% 110%,rgba(34,199,195,.14),transparent 70%),
  var(--mk-night);
  color:#fff;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.mk-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 4.5rem;pointer-events:none;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 85%)}
.mk-hero-in{position:relative;z-index:1;max-width:var(--mk-wrap);margin:0 auto;padding:5.5rem 1.75rem 5rem;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:4rem;align-items:center}
.mk-eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#9FE0DB}
.mk-eyebrow::before{content:"";width:.45rem;height:.45rem;background:var(--mk-teal);border-radius:1px}
.mk-hero h1{font-size:clamp(2.5rem,4.6vw + .9rem,4.1rem);margin:1.1rem 0 1.25rem;letter-spacing:-.045em;line-height:1.015}
.mk-hero h1 em{font-style:normal;color:#5EEAD4}
.mk-hero .mk-lede{color:#C6E3E0;font-size:1.08rem;line-height:1.7;max-width:35rem}
.mk-hero .mk-actions{margin-top:2rem}
.mk-proof{display:flex;gap:2.2rem;margin-top:2.7rem;flex-wrap:wrap;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.12)}
.mk-proof div b{display:block;font-size:.92rem;font-weight:700;letter-spacing:-.01em}
.mk-proof div small{display:block;color:#8FC9C5;font-size:.72rem;font-weight:500;margin-top:2px}

/* the product shot: real interface proportions, labelled as a preview when it is not live */
.mk-shot{background:#fff;border-radius:8px;box-shadow:0 40px 80px -32px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.14);overflow:hidden;color:var(--mk-ink)}
.mk-shot-bar{display:flex;align-items:center;gap:.35rem;padding:.65rem .9rem;background:#F1F7FA;border-bottom:1px solid var(--mk-line)}
.mk-shot-bar i{width:.58rem;height:.58rem;border-radius:50%;background:#D3DFE6}
.mk-shot-bar i:nth-child(1){background:#F04452}.mk-shot-bar i:nth-child(2){background:#F59E0B}.mk-shot-bar i:nth-child(3){background:#16A36A}
.mk-shot-bar span{margin-left:.5rem;font-size:.66rem;font-weight:600;color:#7B8D96;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-shot-body{padding:1rem 1.1rem 1.1rem}
.mk-shot-note{display:flex;align-items:center;gap:.4rem;font-size:.6rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#7B8D96;margin-bottom:.7rem}
.mk-shot-note i{width:.4rem;height:.4rem;border-radius:50%;background:#C6D4DB}
.mk-shot-note.live{color:#0E8F5F}
.mk-shot-note.live i{background:#0E8F5F}
.mk-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:.75rem}
.mk-kpi{background:#F7FBFD;border:1px solid var(--mk-line);border-radius:5px;padding:.55rem .7rem;min-width:0}
.mk-kpi small{display:block;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7B8D96}
.mk-kpi b{display:block;font-size:1.05rem;font-weight:750;letter-spacing:-.02em;margin-top:.1rem;font-variant-numeric:tabular-nums}
.mk-shot-line{display:flex;justify-content:space-between;gap:.5rem;font-size:.73rem;padding:.42rem 0;border-top:1px solid var(--mk-line-soft);color:#41535B}
.mk-shot-line b{font-weight:650;color:var(--mk-ink);white-space:nowrap}
.mk-shot-line b.bad{color:#C02637}.mk-shot-line b.warn{color:#A25A08}.mk-shot-line b.ok{color:#128257}

/* ---------- sections ---------- */
.mk-section{padding:5.5rem 0 0}
.mk-section.tight{padding-top:3.5rem}
.mk-sec-head{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-bottom:2.4rem;padding-bottom:1.4rem;border-bottom:1px solid var(--mk-line)}
.mk-kicker{display:flex;align-items:baseline;gap:.6rem;font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--mk-teal-deep)}
.mk-kicker span{color:#A9BAC2;font-variant-numeric:tabular-nums}
.mk-sec-head h2{font-size:clamp(1.75rem,2.2vw + 1rem,2.55rem);margin-top:.7rem;letter-spacing:-.035em;max-width:22ch}
.mk-sec-head .mk-sub{color:var(--mk-body);max-width:38ch;font-size:.95rem;line-height:1.7;padding-top:.4rem}
.mk-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--mk-line)}
.mk-feature{padding:1.7rem 1.5rem 1.9rem;border-bottom:1px solid var(--mk-line);border-right:1px solid var(--mk-line);min-width:0}
.mk-grid-3 .mk-feature:nth-child(3n){border-right:0}
.mk-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
/* Four cards read better as 2×2 than as a 3+1 orphan with an empty cell beside it. */
.mk-grid-four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--mk-line)}
.mk-grid-four .mk-feature{border-right:1px solid var(--mk-line)}
.mk-grid-four .mk-feature:nth-child(2n){border-right:0}
.mk-feature .n{font-size:.66rem;font-weight:700;letter-spacing:.1em;color:#A9BAC2;font-variant-numeric:tabular-nums}
.mk-feature h3{font-size:1.02rem;margin:.55rem 0 .45rem;letter-spacing:-.02em}
.mk-feature p{color:var(--mk-body);font-size:.88rem;line-height:1.65}
.mk-feature .mk-ic{width:2rem;height:2rem;border-radius:5px;background:var(--mk-mint);color:var(--mk-teal-deep);display:grid;place-items:center;margin-top:1rem}
.mk-feature .mk-ic svg{width:1.05rem;height:1.05rem;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}

.mk-split{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:3.5rem;align-items:center;padding:5rem 0 0}
.mk-split h2{font-size:clamp(1.7rem,2vw + .9rem,2.35rem);margin:.7rem 0 1rem;letter-spacing:-.035em}
.mk-split p.mk-sub{color:var(--mk-body);font-size:.95rem;line-height:1.75}
.mk-list{list-style:none;display:grid;gap:.7rem;margin-top:1.5rem}
.mk-list li{display:flex;gap:.65rem;align-items:flex-start;font-size:.9rem;color:var(--mk-ink-2);line-height:1.6}
.mk-list svg{width:1rem;height:1rem;flex:none;margin-top:.28rem;stroke:var(--mk-teal);stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* the "night" band: one per page, for the sentence the page exists to say */
.mk-band{background:var(--mk-night);color:#fff;margin-top:5.5rem;padding:4.5rem 0}
.mk-band-in{max-width:var(--mk-wrap);margin:0 auto;padding:0 1.75rem;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:3rem;align-items:center}
.mk-band h2{font-size:clamp(1.8rem,2.4vw + 1rem,2.7rem);letter-spacing:-.04em}
.mk-band p{color:#B9DCD8;margin-top:1rem;max-width:36ch;font-size:.95rem;line-height:1.7}
.mk-band .mk-actions{margin-top:1.6rem}
.mk-band-note{color:#8FC9C5;font-size:.78rem;margin-top:.9rem}

/* ---------- pricing ---------- */
.mk-billing-toggle{display:inline-flex;border:1px solid var(--mk-line);border-radius:6px;background:#fff;padding:3px;gap:2px}
.mk-billing-toggle button{border:0;background:transparent;padding:.5rem .95rem;border-radius:4px;font:inherit;font-size:.8rem;font-weight:650;color:var(--mk-body);cursor:pointer}
.mk-billing-toggle button[aria-pressed="true"]{background:var(--mk-ink);color:#fff}
.mk-billing-toggle small{font-size:.72rem;color:var(--mk-teal-deep);font-weight:700;margin-left:.3rem}
.mk-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2.2rem;align-items:stretch}
/* The tag sits on the border rather than above the name, so a featured card's heading, price and
   limits line up with the three beside it. Otherwise the badge pushes one column down and the
   four prices that are meant to be compared are read at four different heights. */
.mk-plan{border:1px solid var(--mk-line);border-radius:8px;background:#fff;padding:1.8rem 1.35rem 1.5rem;display:flex;flex-direction:column;min-width:0;position:relative}
.mk-plan.featured{border-color:var(--mk-ink);box-shadow:0 20px 45px -30px rgba(6,42,46,.5)}
.mk-plan .tag{position:absolute;top:-.7rem;left:1.35rem;display:inline-flex;align-self:flex-start;font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--mk-ink);color:#fff;border-radius:3px;padding:.2rem .45rem;margin:0}
.mk-plan h3{font-size:1rem;letter-spacing:-.02em}
.mk-plan .who{color:var(--mk-body);font-size:.76rem;line-height:1.5;margin-top:.3rem;min-height:2.6em}
.mk-price{font-size:2rem;font-weight:800;letter-spacing:-.045em;line-height:1;margin:1.1rem 0 .15rem;font-variant-numeric:tabular-nums}
.mk-price small{font-size:.72rem;font-weight:600;letter-spacing:0;color:var(--mk-body)}
.mk-plan .per{font-size:.72rem;color:var(--mk-body);min-height:1.4em}
.mk-plan .limits{display:flex;flex-wrap:wrap;gap:.3rem;margin:1rem 0 .2rem}
.mk-plan .limits span{font-size:.65rem;font-weight:700;background:#F1F7FA;color:var(--mk-ink-2);border-radius:3px;padding:.16rem .4rem}
.mk-plan ul{list-style:none;display:grid;gap:.5rem;margin:.9rem 0 1.4rem;flex:1}
.mk-plan li{display:flex;gap:.45rem;font-size:.78rem;line-height:1.5;color:var(--mk-ink-2)}
.mk-plan li svg{width:.8rem;height:.8rem;flex:none;margin-top:.25rem;stroke:var(--mk-teal);stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mk-plan .mk-btn{width:100%}
.mk-plan.featured .mk-btn{background:var(--mk-ink);color:#fff;border-color:var(--mk-ink)}
.mk-plan.featured .mk-btn:hover{background:#123037}
.mk-footnote{color:var(--mk-body);font-size:.78rem;line-height:1.7;margin-top:1.4rem;max-width:75ch}
.mk-compare{width:100%;border-collapse:collapse;font-size:.82rem;margin-top:1rem}
.mk-compare th,.mk-compare td{padding:.7rem .8rem;border-bottom:1px solid var(--mk-line);text-align:left;vertical-align:top}
.mk-compare th{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#7B8D96;font-weight:700;background:#F7FBFD}
.mk-compare td:first-child{font-weight:600;color:var(--mk-ink)}
.mk-compare td{color:var(--mk-body)}
.mk-compare .yes{color:var(--mk-teal-deep);font-weight:650}

/* ---------- FAQ ---------- */
.mk-faq{max-width:52rem;margin:0 auto}
.mk-faq details{background:#fff;border:1px solid var(--mk-line);border-radius:6px;margin-top:.6rem}
.mk-faq summary{cursor:pointer;padding:1rem 1.15rem;font-size:.9rem;font-weight:650;list-style:none;display:flex;gap:.75rem;align-items:center}
.mk-faq summary::-webkit-details-marker{display:none}
.mk-faq summary::before{content:"+";font-size:1rem;font-weight:500;color:var(--mk-teal);width:.9rem;flex:none}
.mk-faq details[open] summary::before{content:"−"}
.mk-faq details p{padding:0 1.15rem 1.15rem 2.8rem;color:var(--mk-body);font-size:.86rem;line-height:1.7}

/* ---------- legal ---------- */
.mk-legal-hero{background:var(--mk-night);color:#fff;padding:4rem 0 3.2rem}
.mk-legal-hero h1{font-size:clamp(2rem,3vw + 1rem,3rem);letter-spacing:-.04em;margin:.8rem 0 .8rem}
.mk-legal-hero p{color:#B9DCD8;max-width:46rem;font-size:.95rem}
.mk-legal{max-width:48rem;margin:0 auto;padding:3.5rem 1.75rem 0;color:var(--mk-ink-2);font-size:.92rem;line-height:1.8}
.mk-legal h2{font-size:1.25rem;margin:2.6rem 0 .8rem;letter-spacing:-.02em;color:var(--mk-ink);padding-top:1.2rem;border-top:1px solid var(--mk-line)}
.mk-legal h2:first-of-type{margin-top:0;border-top:0;padding-top:0}
.mk-legal h3{font-size:1rem;margin:1.6rem 0 .5rem;letter-spacing:-.01em;color:var(--mk-ink)}
.mk-legal p{margin:0 0 1rem}
.mk-legal ul{margin:0 0 1.2rem;padding-left:1.15rem;display:grid;gap:.4rem}
.mk-legal li{padding-left:.2rem}
.mk-legal .mk-meta{font-size:.78rem;color:#7B8D96;margin-bottom:2rem}
.mk-legal .mk-callout{background:#F1F7FA;border:1px solid var(--mk-line);border-radius:6px;padding:1rem 1.15rem;margin:1.2rem 0;font-size:.85rem;line-height:1.7}
.mk-legal table{width:100%;border-collapse:collapse;font-size:.82rem;margin:.6rem 0 1.4rem}
.mk-legal th,.mk-legal td{border-bottom:1px solid var(--mk-line);padding:.55rem .6rem;text-align:left;vertical-align:top}
.mk-legal th{font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:#7B8D96}

/* ---------- footer ---------- */
.mk-foot{background:var(--mk-night-2);color:#C6E3E0;margin-top:6rem;padding:3.5rem 0 1.5rem}
.mk-foot-in{max-width:var(--mk-wrap);margin:0 auto;padding:0 1.75rem;display:grid;grid-template-columns:minmax(0,1.35fr) repeat(4,minmax(0,.72fr));gap:2rem}
.mk-foot .mk-logo b{color:#fff}
.mk-foot-brand p{color:#9FCBC7;font-size:.82rem;line-height:1.7;margin-top:1rem;max-width:26ch}
.mk-foot h4{font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8FC9C5;margin-bottom:.9rem}
.mk-foot ul{list-style:none;display:grid;gap:.5rem}
.mk-foot a{color:#D7EEEC;text-decoration:none;font-size:.82rem}
.mk-foot a:hover{color:#fff;text-decoration:underline}
.mk-foot-bot{max-width:var(--mk-wrap);margin:2.8rem auto 0;padding:1.3rem 1.75rem 0;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.74rem;color:#8FC9C5}

/* ---------- maturity labels ----------
   Used on the features and security pages, where the label is the point: a reader should be able to
   tell what they can rely on today without reading the paragraph twice. */
.mk-status{display:inline-flex;align-items:center;gap:.35rem;font-size:.6rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:.2rem .5rem;border-radius:3px;margin-top:.9rem;white-space:nowrap}
.mk-status i{width:.36rem;height:.36rem;border-radius:50%}
.mk-status.st-live{background:#E2F5EB;color:#128257}
.mk-status.st-live i{background:#128257}
.mk-status.st-pilot{background:#FDF1DC;color:#8A4B09}
.mk-status.st-pilot i{background:#B45309}
.mk-status.st-connecting{background:#E7F0FE;color:#1D4ED8}
.mk-status.st-connecting i{background:#3B82F6}
.mk-status.st-next{background:#EEF2F5;color:#5A6B74}
.mk-status.st-next i{background:#8FA1AA}

/* ---------- misc ---------- */
.mk-strip{border-top:1px solid var(--mk-line);border-bottom:1px solid var(--mk-line);background:#fff;padding:1.1rem 0;margin-top:4rem}
.mk-strip-in{max-width:var(--mk-wrap);margin:0 auto;padding:0 1.75rem;display:flex;gap:1.4rem;flex-wrap:wrap;align-items:center}
.mk-strip small{font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7B8D96;width:100%}
.mk-pill{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--mk-line);border-radius:4px;padding:.32rem .75rem;font-size:.76rem;font-weight:600;background:#fff;color:var(--mk-ink-2)}
.mk-pill i{width:.5rem;height:.5rem;border-radius:50%;flex:none}
.mk-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;border-top:1px solid var(--mk-line);padding-top:1.5rem;margin-top:3rem}
.mk-stats b{display:block;font-size:1.9rem;font-weight:800;letter-spacing:-.04em;color:var(--mk-ink)}
.mk-stats small{display:block;color:var(--mk-body);font-size:.78rem;margin-top:.2rem;line-height:1.5}
.mk-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:3.5rem;padding-top:3.5rem}
.mk-form{display:grid;gap:.9rem;background:#fff;border:1px solid var(--mk-line);border-radius:8px;padding:1.6rem}
.mk-field{display:grid;gap:.3rem}
.mk-field span{font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#7B8D96}
.mk-field input,.mk-field select,.mk-field textarea{border:1px solid var(--mk-line);border-radius:5px;padding:.62rem .75rem;font:inherit;font-size:.86rem;background:#fff;color:var(--mk-ink);width:100%}
.mk-field input:hover,.mk-field select:hover,.mk-field textarea:hover{border-color:var(--mk-teal)}
.mk-field textarea{min-height:6.5rem;resize:vertical}
.mk-form .mk-btn{margin-top:.3rem}

@media(max-width:68.75rem){
  .mk-hero-in{grid-template-columns:minmax(0,1fr);gap:2.8rem;padding-top:4.2rem}
  .mk-band-in,.mk-split,.mk-contact{grid-template-columns:minmax(0,1fr);gap:2.2rem}
  .mk-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-foot-in{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
  .mk-links{display:none}
  .mk-menu{display:block}
  .mk-nav .mk-btn{display:none}
}
@media(max-width:47.5rem){
  .mk-grid-3,.mk-grid-2,.mk-grid-four,.mk-stats{grid-template-columns:minmax(0,1fr)}
  .mk-grid-four .mk-feature{border-right:0}
  .mk-grid-3 .mk-feature{border-right:0}
  .mk-plans{grid-template-columns:minmax(0,1fr)}
  .mk-sec-head{gap:1rem;margin-bottom:1.6rem}
  .mk-section{padding-top:3.6rem}
  .mk-hero-in{padding-top:3.2rem;padding-bottom:3.4rem}
  .mk-band{padding:3.4rem 0;margin-top:3.6rem}
  .mk-foot{margin-top:3.6rem}
  .mk-legal{padding-top:2.4rem}
  .mk-legal-hero{padding:3rem 0 2.4rem}
  .mk-proof{gap:1.4rem}
  .mk-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}