:root {
    --mk-ink:#10131a;
    --mk-muted:#5d6472;
    --mk-bg:#f6f3eb;
    --mk-surface:#fff;
    --mk-yellow:#f5c518;
    --mk-blue:#3156d9;
    --mk-purple:#7455e8;
    --mk-line:#dcd8ce;
    --mk-dark:#121722;
    --mk-dark2:#1a202c;
    --mk-green:#25814b
}
* {
    box-sizing:border-box
}
html {
    scroll-behavior:smooth
}
body.mk-body {
    margin:0;
    background:var(--mk-bg);
    color:var(--mk-ink);
    font-family:Ubuntu,system-ui,sans-serif;
    line-height:1.6
}
.mk-container {
    width:min(1180px,calc(100% - 40px));
    margin:auto
}
.mk-skip {
    position:fixed;
    top:-80px;
    left:16px;
    z-index:100;
    padding:12px;
    background:#fff;
    color:#000
}
.mk-skip:focus {
    top:12px
}
.mk-header {
    position:sticky;
    top:0;
    z-index:50;
    border-bottom:1px solid rgba(16,19,26,.1);
    background:rgba(246,243,235,.94);
    backdrop-filter:blur(18px)
}
.mk-nav {
    height:78px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px
}
.mk-logo {
    display:flex;
    align-items:center;
    gap:11px;
    color:inherit;
    text-decoration:none
}
.mk-logo-mark {
    display:block;
    width:42px;
    height:42px;
    flex:0 0 42px;
    object-fit:contain;
    border-radius:13px
}
.mk-logo strong {
    font:24px/1 'Yatra One',sans-serif
}
.mk-logo small {
    display:block;
    margin-top:4px;
    color:var(--mk-muted);
    font:700 8px/1 Ubuntu,sans-serif;
    letter-spacing:.11em;
    text-transform:uppercase
}
.mk-links {
    display:flex;
    align-items:center;
    gap:22px
}
.mk-links a {
    color:inherit;
    font-size:14px;
    font-weight:700;
    text-decoration:none
}
.mk-links a:hover {
    color:var(--mk-blue)
}
.mk-nav-cta {
    padding:11px 16px;
    border-radius:11px;
    background:var(--mk-ink);
    color:#fff!important;
    box-shadow:0 8px 20px rgba(16,19,26,.15)
}
.mk-menu {
    display:none;
    border:0;
    background:none
}
.mk-kicker {
    display:inline-flex;
    padding:7px 11px;
    border-radius:999px;
    background:rgba(245,197,24,.17);
    color:#735c00;
    font-size:11px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase
}
.mk-kicker.dark {
    background:#ece8dc;
    color:#5f5640
}
.mk-dark .mk-kicker,.mk-cta .mk-kicker,.plan-value .mk-kicker,.contact-hero .mk-kicker {
    background:rgba(245,197,24,.16);
    color:#ffe276
}
.mk-hero {
    position:relative;
    padding:clamp(72px,9vw,118px) 0 100px;
    overflow:hidden
}
.mk-hero:before {
    content:"";
    position:absolute;
    right:-12%;
    top:-20%;
    width:650px;
    height:650px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(116,85,232,.18),transparent 68%)
}
.mk-hero-grid {
    position:relative;
    display:grid;
    grid-template-columns:.92fr 1.08fr;
    gap:72px;
    align-items:center
}
.mk-hero h1,.mk-section h2,.mk-cta h2,.plan-hero h1,.contact-hero h1 {
    margin:18px 0;
    font-family:'Yatra One',sans-serif;
    line-height:.98;
    letter-spacing:-.038em
}
.mk-hero h1 {
    font-size:clamp(50px,6.5vw,84px)
}
.mk-lead {
    max-width:680px;
    color:var(--mk-muted);
    font-size:19px
}
.mk-actions {
    display:flex;
    gap:12px;
    margin-top:30px
}
.mk-actions.center {
    justify-content:center
}
.mk-button {
    display:inline-flex;
    min-height:52px;
    align-items:center;
    justify-content:center;
    padding:0 21px;
    border:1px solid var(--mk-ink);
    border-radius:12px;
    color:var(--mk-ink);
    font-weight:900;
    text-decoration:none;
    transition:.2s ease
}
.mk-button:hover {
    transform:translateY(-2px);
    box-shadow:0 12px 28px rgba(16,19,26,.12)
}
.mk-button.primary {
    background:var(--mk-yellow)
}
.mk-button.secondary {
    background:transparent
}
.mk-button.light {
    border-color:#fff;
    color:#fff
}
.mk-trust {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px
}
.mk-trust span {
    font-size:12px;
    font-weight:800
}
.mk-trust span:before {
    content:'✓';
    margin-right:6px;
    color:var(--mk-green)
}
.mk-product-stage {
    position:relative;
    padding:22px 0 34px
}
.mk-product-glow {
    position:absolute;
    inset:0;
    border-radius:50%;
    background:radial-gradient(circle,rgba(49,86,217,.18),transparent 64%);
    filter:blur(10px)
}
.mk-os-window {
    position:relative;
    overflow:hidden;
    border:1px solid #2c3344;
    border-radius:24px;
    background:#121722;
    color:#fff;
    box-shadow:20px 30px 0 #e3dece,0 38px 90px rgba(16,19,26,.28);
    transform:rotate(1deg)
}
.mk-window-top {
    height:48px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:0 15px;
    background:#1d2330
}
.mk-window-top i {
    width:9px;
    height:9px;
    border-radius:50%;
    background:#6a7282
}
.mk-window-top i:first-child {
    background:#f06b65
}
.mk-window-top i:nth-child(2) {
    background:#e8b94d
}
.mk-window-top i:nth-child(3) {
    background:#51b777
}
.mk-window-top b {
    margin-left:auto;
    color:#bbc2d0;
    font-size:10px
}
.mk-window-body {
    display:grid;
    grid-template-columns:140px 1fr;
    min-height:420px
}
.mk-window-body aside {
    display:flex;
    flex-direction:column;
    gap:9px;
    padding:22px 13px;
    background:#0d111a
}
.mk-window-body aside strong {
    margin-bottom:8px;
    color:var(--mk-yellow);
    font-size:11px
}
.mk-window-body aside span {
    padding:8px;
    border-radius:7px;
    color:#9ea7b8;
    font-size:10px
}
.mk-window-body aside span.active {
    background:#202838;
    color:#fff
}
.mk-dashboard {
    padding:25px
}
.mk-welcome small {
    color:#7e8aa0;
    font-size:9px
}
.mk-welcome h3 {
    margin:4px 0 0;
    font-size:23px
}
.mk-welcome p {
    margin:2px 0 20px;
    color:#939db0;
    font-size:10px
}
.mk-metrics {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:9px
}
.mk-metrics article {
    padding:13px;
    border:1px solid #333b4c;
    border-radius:11px;
    background:#1a202c
}
.mk-metrics span,.mk-metrics strong,.mk-metrics em {
    display:block
}
.mk-metrics span {
    color:#96a0b3;
    font-size:8px
}
.mk-metrics strong {
    font-size:23px
}
.mk-metrics em {
    color:#72d39a;
    font-size:8px;
    font-style:normal
}
.mk-dashboard-lower {
    display:grid;
    grid-template-columns:1.45fr .8fr;
    gap:10px;
    margin-top:14px
}
.mk-chart {
    height:155px;
    display:flex;
    align-items:end;
    gap:10px;
    padding:18px;
    border-radius:13px;
    background:#181e29
}
.mk-chart span {
    flex:1;
    border-radius:5px 5px 0 0;
    background:linear-gradient(var(--mk-yellow),#d08b16)
}
.mk-chart span:nth-child(1) {
    height:32%
}
.mk-chart span:nth-child(2) {
    height:55%
}
.mk-chart span:nth-child(3) {
    height:42%
}
.mk-chart span:nth-child(4) {
    height:75%
}
.mk-chart span:nth-child(5) {
    height:64%
}
.mk-chart span:nth-child(6) {
    height:90%
}
.mk-activity {
    display:flex;
    flex-direction:column;
    gap:9px;
    padding:15px;
    border-radius:13px;
    background:#181e29
}
.mk-activity b {
    font-size:10px
}
.mk-activity span {
    padding-bottom:7px;
    border-bottom:1px solid #2c3442;
    color:#9da7b9;
    font-size:8px
}
.mk-floating-card {
    position:absolute;
    z-index:2;
    padding:13px 15px;
    border-radius:14px;
    background:#fff;
    color:var(--mk-ink);
    box-shadow:0 18px 50px rgba(16,19,26,.22)
}
.mk-floating-card small,.mk-floating-card strong,.mk-floating-card span {
    display:block
}
.mk-floating-card small {
    color:var(--mk-purple);
    font-size:8px;
    font-weight:900
}
.mk-floating-card strong {
    font-size:14px
}
.mk-floating-card span {
    color:var(--mk-muted);
    font-size:9px
}
.mk-float-ticket {
    left:-28px;
    bottom:0
}
.mk-float-site {
    right:-20px;
    top:0
}
.mk-logo-strip {
    padding:28px 0;
    border-block:1px solid var(--mk-line);
    background:#fff
}
.mk-logo-strip p {
    text-align:center;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.1em
}
.mk-logo-strip div div {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:12px 25px;
    color:var(--mk-muted);
    font-size:13px;
    font-weight:700
}
.mk-section {
    padding:100px 0
}
.mk-section h2,.mk-cta h2 {
    font-size:clamp(39px,5vw,64px)
}
.mk-section p {
    color:var(--mk-muted)
}
.mk-section-head {
    max-width:780px
}
.mk-section-head p {
    font-size:18px
}
.mk-center {
    margin-inline:auto;
    text-align:center
}
.mk-problem-grid,.mk-connected-grid,.mk-pricing-teaser-grid,.mk-value-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center
}
.mk-tool-cloud {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    padding:30px;
    border:1px solid var(--mk-line);
    border-radius:24px;
    background:#fff;
    box-shadow:0 20px 50px rgba(16,19,26,.07)
}
.mk-tool-cloud span {
    padding:11px 14px;
    border-radius:10px;
    background:#f0ede5;
    color:var(--mk-muted);
    font-size:13px;
    font-weight:700
}
.mk-tool-cloud strong {
    width:100%;
    margin-top:8px;
    padding:15px;
    border-radius:12px;
    background:var(--mk-ink);
    color:#fff;
    text-align:center
}
.mk-dark {
    background:var(--mk-dark);
    color:#fff
}
.mk-dark p {
    color:#aeb6c6
}
.mk-benefit-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    margin-top:42px
}
.mk-benefit-grid article {
    min-height:285px;
    padding:25px;
    border:1px solid #303849;
    border-radius:20px;
    background:var(--mk-dark2);
    transition:.2s
}
.mk-benefit-grid article:hover {
    transform:translateY(-4px);
    border-color:#4b5870
}
.mk-benefit-grid article>span {
    color:var(--mk-yellow);
    font-size:12px;
    font-weight:900
}
.mk-benefit-grid h3 {
    margin:34px 0 8px;
    font-size:23px
}
.mk-benefit-grid p {
    font-size:14px
}
.mk-benefit-grid b {
    display:block;
    margin-top:20px;
    color:#fff;
    font-size:11px
}
.mk-platform-showcase {
    margin-top:44px;
    border:1px solid var(--mk-line);
    border-radius:24px;
    background:#fff;
    box-shadow:0 25px 65px rgba(16,19,26,.09);
    overflow:hidden
}
.mk-platform-nav {
    display:flex;
    gap:3px;
    padding:8px;
    border-bottom:1px solid var(--mk-line);
    background:#efebe2
}
.mk-platform-nav button {
    flex:1;
    padding:13px;
    border:0;
    border-radius:10px;
    background:transparent;
    font-weight:900;
    cursor:pointer
}
.mk-platform-nav button.active {
    background:var(--mk-ink);
    color:#fff
}
.mk-platform-panel {
    display:none;
    grid-template-columns:.9fr 1.1fr;
    gap:70px;
    align-items:center;
    padding:50px
}
.mk-platform-panel.active {
    display:grid
}
.mk-platform-panel small {
    color:var(--mk-purple);
    font-weight:900;
    letter-spacing:.1em
}
.mk-platform-panel h3 {
    margin:8px 0;
    font-size:34px;
    line-height:1.1
}
.mk-platform-panel ul {
    display:grid;
    gap:9px;
    padding:0;
    list-style:none
}
.mk-platform-panel li:before {
    content:'✓';
    margin-right:8px;
    color:var(--mk-green);
    font-weight:900
}
.mk-ui-preview {
    min-height:300px;
    padding:30px;
    border-radius:20px;
    background:linear-gradient(145deg,#111722,#222b3b);
    color:#fff;
    box-shadow:15px 18px 0 #e2ddcf
}
.mk-site-preview {
    background:linear-gradient(145deg,#253eaa,#7753df)
}
.mk-preview-bar {
    display:block;
    width:100%;
    height:18px;
    margin-bottom:48px;
    border-radius:8px;
    background:rgba(255,255,255,.18)
}
.mk-site-preview h4 {
    max-width:390px;
    margin:0;
    font:38px/1 'Yatra One'
}
.mk-site-preview p {
    color:#e8eaff
}
.mk-site-preview div {
    display:flex;
    gap:8px;
    margin-top:30px
}
.mk-site-preview b {
    padding:9px;
    border:1px solid rgba(255,255,255,.3);
    border-radius:8px;
    font-size:9px
}
.mk-ticket-preview {
    display:flex;
    flex-direction:column;
    justify-content:center
}
.mk-ticket-preview small {
    color:#ffe06c
}
.mk-ticket-preview h4 {
    margin:5px 0;
    font-size:34px
}
.mk-ticket-preview>strong {
    font:50px/1 'Yatra One'
}
.mk-ticket-preview button,.mk-people-preview button {
    margin-top:28px;
    padding:13px;
    border:0;
    border-radius:10px;
    background:var(--mk-yellow);
    font-weight:900
}
.mk-ticket-preview>span {
    margin-top:10px;
    color:#9ba7b9;
    font-size:10px
}
.mk-people-preview h4,.mk-report-preview h4 {
    font-size:26px
}
.mk-people-preview div {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px
}
.mk-people-preview div span {
    padding:14px;
    border:1px solid #3a4558;
    border-radius:10px;
    color:#9ca8b9;
    font-size:10px
}
.mk-people-preview div strong {
    display:block;
    color:#fff;
    font-size:21px
}
.mk-report-preview>strong {
    display:block;
    font:54px/1 'Yatra One'
}
.mk-report-preview>span {
    color:#a6b0c0
}
.mini-bars {
    height:110px;
    display:flex;
    align-items:end;
    gap:12px;
    margin-top:28px
}
.mini-bars i {
    flex:1;
    border-radius:5px 5px 0 0;
    background:linear-gradient(var(--mk-yellow),#c68f1b)
}
.mini-bars i:nth-child(1) {
    height:40%
}
.mini-bars i:nth-child(2) {
    height:58%
}
.mini-bars i:nth-child(3) {
    height:48%
}
.mini-bars i:nth-child(4) {
    height:78%
}
.mini-bars i:nth-child(5) {
    height:92%
}
.mk-text-link {
    color:var(--mk-blue);
    font-weight:900;
    text-decoration:none
}
.mk-connected {
    background:#ebe7dc
}
.mk-orbit {
    position:relative;
    aspect-ratio:1;
    max-width:500px;
    margin:auto;
    border:1px dashed #9f9785;
    border-radius:50%
}
.mk-orbit:before,.mk-orbit:after {
    content:"";
    position:absolute;
    inset:17%;
    border:1px solid #c1b9a8;
    border-radius:50%
}
.mk-orbit:after {
    inset:34%
}
.mk-orbit strong {
    position:absolute;
    inset:38%;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--mk-ink);
    color:#fff;
    text-align:center
}
.mk-orbit span {
    position:absolute;
    padding:9px 12px;
    border-radius:10px;
    background:#fff;
    font-size:12px;
    font-weight:900;
    box-shadow:0 8px 20px rgba(16,19,26,.08)
}
.mk-orbit span:nth-child(1) {
    left:42%;
    top:-4%
}
.mk-orbit span:nth-child(2) {
    right:-3%;
    top:26%
}
.mk-orbit span:nth-child(3) {
    right:2%;
    bottom:18%
}
.mk-orbit span:nth-child(4) {
    left:42%;
    bottom:-4%
}
.mk-orbit span:nth-child(5) {
    left:-2%;
    bottom:19%
}
.mk-orbit span:nth-child(6) {
    left:-5%;
    top:27%
}
.mk-audience-section {
    background:#fff
}
.mk-audience-cards {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
    margin-top:38px
}
.mk-audience-cards article {
    min-height:250px;
    padding:24px;
    border:1px solid var(--mk-line);
    border-radius:18px;
    background:var(--mk-bg)
}
.mk-audience-cards span {
    color:var(--mk-purple);
    font-size:10px;
    font-weight:900;
    letter-spacing:.1em
}
.mk-audience-cards h3 {
    margin:40px 0 8px;
    font-size:22px
}
.mk-pricing-teaser {
    background:linear-gradient(135deg,#263baa,#754fd7);
    color:#fff
}
.mk-pricing-teaser p {
    color:#e3e6ff
}
.mk-price-stack {
    display:grid;
    gap:9px
}
.mk-price-stack article {
    display:grid;
    grid-template-columns:110px 1fr 1fr;
    align-items:center;
    padding:17px 20px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:14px;
    background:rgba(255,255,255,.08)
}
.mk-price-stack article.featured {
    background:#fff;
    color:var(--mk-ink);
    transform:translateX(-15px)
}
.mk-price-stack small {
    font-weight:900
}
.mk-price-stack span {
    font-size:12px
}
.mk-trust-section {
    padding:28px 0;
    background:#fff;
    border-block:1px solid var(--mk-line)
}
.mk-trust-section .mk-container {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px
}
.mk-trust-section strong,.mk-trust-section span {
    display:block
}
.mk-trust-section span {
    color:var(--mk-muted);
    font-size:12px
}
.mk-cta {
    padding:95px 0;
    background:linear-gradient(135deg,#283db0,#7951dc);
    color:#fff;
    text-align:center
}
.mk-cta p {
    color:#e4e7ff
}
.mk-footer {
    padding:70px 0 25px;
    background:#0b0e15;
    color:#fff
}
.mk-footer-grid {
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    gap:50px
}
.mk-footer-grid p {
    max-width:420px;
    color:#9fa8b8
}
.mk-footer-grid>div:not(:first-child) {
    display:flex;
    flex-direction:column;
    gap:10px
}
.mk-footer a {
    color:#c8ced9;
    text-decoration:none
}
.mk-footer-bottom {
    display:flex;
    justify-content:space-between;
    margin-top:45px;
    padding-top:20px;
    border-top:1px solid #2a303c;
    color:#858e9f;
    font-size:12px
}
/* pricing */.plan-hero {
    padding:90px 0 55px;
    text-align:center
}
.plan-hero h1 {
    max-width:920px;
    margin:16px auto;
    font-size:clamp(48px,7vw,78px)
}
.plan-hero>div>p {
    max-width:760px;
    margin:auto;
    color:var(--mk-muted);
    font-size:18px
}
.billing-toggle {
    display:inline-flex;
    gap:5px;
    margin-top:28px;
    padding:5px;
    border:1px solid var(--mk-line);
    border-radius:12px;
    background:#fff
}
.billing-toggle button {
    padding:10px 15px;
    border:0;
    border-radius:8px;
    background:transparent;
    font-weight:900;
    cursor:pointer
}
.billing-toggle button.active {
    background:var(--mk-ink);
    color:#fff
}
.plan-login {
    margin-top:18px!important;
    font-size:13px!important
}
.plan-login a {
    color:var(--mk-blue);
    font-weight:900
}
.plan-section {
    padding:35px 0 95px
}
.plan-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px
}
.plan-card {
    display:flex;
    flex-direction:column;
    padding:25px;
    border:1px solid var(--mk-line);
    border-radius:21px;
    background:#fff;
    box-shadow:0 17px 45px rgba(16,19,26,.07)
}
.plan-card.featured {
    border:2px solid var(--mk-purple);
    transform:translateY(-10px)
}
.plan-badge {
    align-self:start;
    margin-bottom:14px;
    padding:6px 9px;
    border-radius:999px;
    background:#ede9ff;
    color:#4b32a7;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase
}
.plan-eyebrow {
    color:var(--mk-purple);
    font-weight:900;
    letter-spacing:.1em
}
.plan-card h2 {
    margin:8px 0 0;
    font-size:28px
}
.plan-card h3 {
    min-height:58px;
    margin:5px 0 8px;
    font-size:18px;
    line-height:1.25
}
.plan-summary {
    min-height:88px;
    color:var(--mk-muted);
    font-size:13px
}
.plan-price {
    margin:15px 0;
    font:48px/1 'Yatra One',sans-serif
}
.plan-price small {
    font:700 11px Ubuntu;
    color:var(--mk-muted)
}
.plan-outcome {
    min-height:68px;
    padding:13px;
    border-radius:11px;
    background:#f2efe8;
    color:var(--mk-ink);
    font-size:12px;
    font-weight:700
}
.plan-includes {
    margin:16px 0
}
.plan-includes strong {
    font-size:12px
}
.plan-includes ul {
    display:grid;
    gap:8px;
    padding:0;
    list-style:none;
    font-size:12px
}
.plan-includes li:before {
    content:'✓';
    margin-right:7px;
    color:var(--mk-green);
    font-weight:900
}
.plan-allowance {
    display:grid;
    gap:7px;
    margin:0 0 20px;
    padding-top:15px;
    border-top:1px solid var(--mk-line)
}
.plan-allowance span {
    font-size:11px
}
.plan-allowance b {
    font-size:14px
}
.plan-card form {
    margin-top:auto
}
.plan-card button {
    width:100%;
    min-height:49px;
    border:0;
    border-radius:11px;
    background:var(--mk-ink);
    color:#fff;
    font-weight:900;
    cursor:pointer
}
.plan-card.featured button {
    background:var(--mk-purple)
}
.plan-note {
    display:flex;
    gap:15px;
    margin-top:28px;
    padding:19px;
    border:1px solid var(--mk-line);
    border-radius:16px;
    background:#fff;
    color:var(--mk-muted);
    font-size:12px
}
.plan-note strong {
    color:var(--mk-ink)
}
.plan-alert {
    max-width:900px;
    margin:20px auto;
    padding:14px;
    border-radius:12px;
    background:#fff1f2;
    color:#9f1239
}
.plan-value {
    padding:95px 0;
    background:linear-gradient(135deg,#283db0,#7951dc);
    color:#fff
}
.plan-value h2 {
    font:clamp(40px,5vw,62px)/1 'Yatra One'
}
.plan-value p {
    color:#e1e5ff
}
.mk-value-list {
    display:flex;
    flex-wrap:wrap;
    gap:9px
}
.mk-value-list span,.mk-value-list strong {
    padding:12px 14px;
    border-radius:10px;
    background:rgba(255,255,255,.1);
    font-size:12px
}
.mk-value-list strong {
    width:100%;
    background:var(--mk-yellow);
    color:var(--mk-ink);
    text-align:center
}
.compare {
    padding:95px 0;
    background:var(--mk-dark);
    color:#fff
}
.compare-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    margin-top:32px
}
.compare article {
    padding:24px;
    border:1px solid #303849;
    border-radius:18px;
    background:var(--mk-dark2)
}
.compare small {
    color:var(--mk-yellow);
    font-weight:900
}
.compare h3 {
    font-size:22px
}
.compare p {
    color:#aeb6c6
}
.plan-faq {
    padding:95px 0
}
.faq-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:32px
}
.faq-grid details {
    padding:20px;
    border:1px solid var(--mk-line);
    border-radius:14px;
    background:#fff
}
.faq-grid summary {
    cursor:pointer;
    font-weight:900
}
.faq-grid p {
    font-size:13px;
    color:var(--mk-muted)
}
/* contact */.contact-hero {
    padding:90px 0;
    background:var(--mk-dark);
    color:#fff
}
.contact-hero-grid {
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:80px;
    align-items:center
}
.contact-hero h1 {
    font-size:clamp(49px,6vw,76px)
}
.contact-hero p {
    max-width:690px;
    color:#aeb6c6;
    font-size:18px
}
.contact-promise {
    padding:25px;
    border:1px solid #303849;
    border-radius:20px;
    background:var(--mk-dark2)
}
.contact-promise>small {
    color:var(--mk-yellow);
    font-weight:900;
    letter-spacing:.1em
}
.contact-promise ol {
    display:grid;
    gap:18px;
    padding:0;
    list-style:none
}
.contact-promise li {
    display:grid;
    grid-template-columns:38px 1fr;
    gap:12px
}
.contact-promise li>b {
    display:grid;
    width:36px;
    height:36px;
    place-items:center;
    border-radius:10px;
    background:var(--mk-yellow);
    color:var(--mk-ink)
}
.contact-promise strong,.contact-promise span {
    display:block
}
.contact-promise span {
    color:#aeb6c6;
    font-size:12px
}
.contact-promise strong {
    color:#fff;
    font-size:14px
}
.contact-section {
    padding:95px 0
}
.contact-grid {
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:35px;
    align-items:start
}
.contact-card {
    padding:32px;
    border:1px solid var(--mk-line);
    border-radius:22px;
    background:#fff;
    box-shadow:0 18px 50px rgba(16,19,26,.07)
}
.contact-card h2,.contact-aside h2 {
    margin:10px 0;
    font:42px/1.05 'Yatra One'
}
.contact-intro {
    color:var(--mk-muted)
}
.mk-form {
    display:grid;
    gap:18px;
    margin-top:24px
}
.mk-form-columns {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px
}
.mk-form label {
    display:block;
    margin-bottom:6px;
    font-size:12px;
    font-weight:900
}
.mk-form input,.mk-form select,.mk-form textarea {
    width:100%;
    padding:13px;
    border:1px solid #cfc9bb;
    border-radius:10px;
    background:#fff;
    font:inherit
}
.mk-form input:focus,.mk-form select:focus,.mk-form textarea:focus {
    outline:3px solid rgba(49,86,217,.15);
    border-color:var(--mk-blue)
}
.mk-form button {
    min-height:52px;
    border:0;
    border-radius:11px;
    background:var(--mk-ink);
    color:#fff;
    font-weight:900;
    cursor:pointer
}
.mk-field-hint {
    display:block;
    margin-top:5px;
    color:var(--mk-muted);
    font-size:10px
}
.mk-field-error {
    display:block;
    color:#b42318
}
.mk-form-success,.mk-form-alert {
    padding:14px;
    border-radius:11px
}
.mk-form-success {
    background:#ecfdf3;
    color:#166534
}
.mk-form-alert {
    background:#fff1f2;
    color:#9f1239
}
.mk-honeypot {
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important
}
.cf-turnstile {
    min-height:65px
}
.contact-aside {
    position:sticky;
    top:105px;
    padding:30px;
    border-radius:22px;
    background:linear-gradient(145deg,#253eaa,#7753df);
    color:#fff
}
.contact-aside>div p,.contact-aside section p {
    color:#e1e5ff
}
.contact-aside section {
    padding:18px 0;
    border-bottom:1px solid rgba(255,255,255,.18)
}
.contact-aside section strong {
    font-size:14px
}
.contact-aside section p {
    margin:4px 0;
    font-size:12px
}
.contact-email {
    display:inline-block;
    margin-top:22px;
    color:#fff;
    font-weight:900;
    text-decoration:none
}
@media(max-width:1100px) {
    .plan-grid {
        grid-template-columns:1fr 1fr
    }
    .plan-card.featured {
        transform:none
    }
    .mk-audience-cards {
        grid-template-columns:1fr 1fr
    }
    .mk-benefit-grid {
        grid-template-columns:1fr 1fr
    }
    .mk-hero-grid {
        gap:40px
    }
    .mk-floating-card {
        display:none
    }
}
@media(max-width:900px) {
    .mk-menu {
        display:block
    }
    .mk-menu span {
        display:block;
        width:24px;
        height:2px;
        margin:5px;
        background:#111
    }
    .mk-menu b {
        position:absolute;
        clip:rect(0,0,0,0)
    }
    .mk-links {
        display:none;
        position:absolute;
        top:78px;
        left:0;
        right:0;
        flex-direction:column;
        align-items:stretch;
        padding:20px;
        background:#f6f3eb;
        border-bottom:1px solid var(--mk-line)
    }
    .mk-links.is-open {
        display:flex
    }
    .mk-hero-grid,.mk-problem-grid,.mk-connected-grid,.mk-pricing-teaser-grid,.mk-platform-panel,.mk-value-grid,.contact-hero-grid,.contact-grid {
        grid-template-columns:1fr
    }
    .mk-os-window {
        transform:none
    }
    .mk-window-body {
        min-height:380px
    }
    .mk-platform-panel {
        gap:35px
    }
    .mk-orbit {
        margin-top:30px
    }
    .mk-price-stack article.featured {
        transform:none
    }
    .mk-trust-section .mk-container {
        grid-template-columns:1fr 1fr
    }
    .contact-aside {
        position:static
    }
    .mk-footer-grid {
        grid-template-columns:1fr 1fr
    }
    .mk-footer-grid>div:first-child {
        grid-column:1/-1
    }
}
@media(max-width:650px) {
    .mk-container {
        width:min(100% - 28px,1180px)
    }
    .mk-hero {
        padding-top:55px
    }
    .mk-actions {
        flex-direction:column
    }
    .mk-benefit-grid,.mk-audience-cards,.plan-grid,.compare-grid,.faq-grid,.mk-form-columns,.mk-trust-section .mk-container,.mk-footer-grid {
        grid-template-columns:1fr
    }
    .mk-window-body {
        grid-template-columns:1fr
    }
    .mk-window-body aside {
        display:none
    }
    .mk-metrics {
        grid-template-columns:1fr
    }
    .mk-dashboard-lower {
        grid-template-columns:1fr
    }
    .mk-os-window {
        box-shadow:10px 14px 0 #e3dece
    }
    .mk-platform-nav {
        overflow:auto
    }
    .mk-platform-nav button {
        min-width:95px
    }
    .mk-platform-panel {
        padding:25px
    }
    .mk-ui-preview {
        box-shadow:8px 10px 0 #e2ddcf
    }
    .mk-site-preview div {
        flex-direction:column
    }
    .mk-price-stack article {
        grid-template-columns:1fr;
        gap:4px
    }
    .plan-note {
        display:block
    }
    .mk-footer-bottom {
        display:block
    }
    .mk-footer-bottom span {
        display:block;
        margin-top:7px
    }
    .contact-card,.contact-aside {
        padding:22px
    }
}
/* Sprint 15.2 — standalone platform page */
.platform-hero {
    padding:105px 0 90px;
    background:radial-gradient(circle at 78% 20%,rgba(123,82,223,.34),transparent 31%),linear-gradient(135deg,#111621,#20283a);
    color:#fff;
    overflow:hidden
}
.platform-hero-grid {
    display:grid;
    grid-template-columns:1.02fr .98fr;
    gap:75px;
    align-items:center
}
.platform-hero h1 {
    max-width:760px;
    margin:18px 0 22px;
    font-size:clamp(52px,6.5vw,86px);
    line-height:.94
}
.platform-hero .mk-lead {
    color:#bac2d1
}
.platform-map {
    position:relative;
    min-height:530px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:50%;
    background:radial-gradient(circle,rgba(120,80,220,.28),rgba(255,255,255,.035) 45%,transparent 46%);
    box-shadow:0 0 90px rgba(52,76,196,.2)
}
.platform-map:before,.platform-map:after {
    content:'';
    position:absolute;
    inset:13%;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50%
}
.platform-map:after {
    inset:30%
}
.platform-map strong {
    position:absolute;
    z-index:2;
    top:50%;
    left:50%;
    display:grid;
    width:145px;
    height:145px;
    place-items:center;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:linear-gradient(145deg,#3156d9,#8155db);
    box-shadow:0 20px 55px rgba(0,0,0,.35);
    text-align:center;
    font:25px/1.05 'Yatra One'
}
.platform-map span {
    position:absolute;
    z-index:3;
    padding:12px 16px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:12px;
    background:#1a2130;
    box-shadow:0 10px 30px rgba(0,0,0,.28);
    font-size:12px;
    font-weight:900
}
.map-site {
    top:4%;
    left:40%
}
.map-events {
    top:18%;
    right:4%
}
.map-tickets {
    top:49%;
    right:-2%
}
.map-people {
    bottom:13%;
    right:10%
}
.map-members {
    bottom:2%;
    left:40%
}
.map-comms {
    bottom:18%;
    left:2%
}
.map-reports {
    top:49%;
    left:-2%
}
.map-venues {
    top:17%;
    left:5%
}
.platform-proof {
    padding:25px 0;
    border-bottom:1px solid var(--mk-line);
    background:#fff
}
.platform-proof .mk-container {
    text-align:center
}
.platform-proof p {
    margin:0 0 12px;
    color:var(--mk-muted);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.14em
}
.platform-proof div div {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    flex-wrap:wrap
}
.platform-proof span {
    font:22px 'Yatra One'
}
.platform-proof i {
    color:var(--mk-purple);
    font-style:normal
}
.platform-workflows {
    background:#f7f4ec
}
.workflow-row {
    display:grid;
    grid-template-columns:.88fr 1.12fr;
    gap:75px;
    align-items:center;
    padding:80px 0;
    border-bottom:1px solid #dcd7ca
}
.workflow-row.reverse .workflow-copy {
    order:2
}
.workflow-row.reverse .workflow-visual {
    order:1
}
.workflow-copy {
    position:relative
}
.workflow-number {
    position:absolute;
    top:-35px;
    right:8%;
    color:#e7e1d4;
    font:100px/1 'Yatra One';
    pointer-events:none
}
.workflow-copy small {
    position:relative;
    color:var(--mk-purple);
    font-weight:900;
    letter-spacing:.13em
}
.workflow-copy h3 {
    position:relative;
    margin:9px 0 15px;
    font:clamp(35px,4vw,54px)/1.02 'Yatra One'
}
.workflow-copy p {
    position:relative;
    color:var(--mk-muted);
    font-size:17px
}
.workflow-copy ul {
    display:grid;
    gap:11px;
    padding:0;
    list-style:none
}
.workflow-copy li:before {
    content:'✓';
    margin-right:9px;
    color:var(--mk-green);
    font-weight:900
}
.workflow-visual {
    min-height:410px;
    padding:28px;
    border:1px solid #d6d0c4;
    border-radius:24px;
    background:#fff;
    box-shadow:16px 20px 0 #e2ddcf,0 24px 65px rgba(17,22,33,.09)
}
.browser-bar {
    display:flex;
    align-items:center;
    gap:7px;
    padding-bottom:16px;
    border-bottom:1px solid #e3ded4
}
.browser-bar i {
    width:9px;
    height:9px;
    border-radius:50%;
    background:#c9c2b4
}
.browser-bar span {
    margin-left:10px;
    padding:7px 12px;
    border-radius:8px;
    background:#f3f0e9;
    color:#777;
    font-size:10px
}
.website-hero-mini {
    padding:42px 28px;
    border-radius:16px;
    background:linear-gradient(125deg,#1c2d83,#784ed5);
    color:#fff
}
.website-hero-mini small {
    color:#ffdb55;
    font-weight:900
}
.website-hero-mini h4 {
    margin:10px 0 22px;
    font:40px/1 'Yatra One'
}
.website-hero-mini button,.sales-ticket button,.people-visual button {
    padding:11px 14px;
    border:0;
    border-radius:9px;
    background:#ffdc57;
    font-weight:900
}
.mini-content-cards {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:9px;
    margin-top:14px
}
.mini-content-cards b {
    padding:20px 12px;
    border-radius:11px;
    background:#f2efe8;
    font-size:11px
}
.sales-visual {
    position:relative;
    background:linear-gradient(145deg,#161b27,#252d40);
    color:#fff
}
.sales-event {
    max-width:70%;
    padding:40px
}
.sales-event span {
    color:#ffdc57;
    font-size:10px;
    font-weight:900
}
.sales-event h4 {
    margin:11px 0;
    font:42px/1 'Yatra One'
}
.sales-event p {
    color:#aeb6c6
}
.sales-ticket {
    position:absolute;
    top:52px;
    right:28px;
    width:180px;
    padding:22px;
    border-radius:16px;
    background:#fff;
    color:var(--mk-ink)
}
.sales-ticket small,.sales-ticket strong {
    display:block
}
.sales-ticket strong {
    margin:14px 0;
    font:42px 'Yatra One'
}
.sales-ticket button {
    width:100%;
    background:var(--mk-purple);
    color:#fff
}
.sales-status {
    position:absolute;
    right:28px;
    bottom:30px;
    left:28px;
    padding:20px;
    border-radius:14px;
    background:rgba(255,255,255,.08)
}
.sales-status b,.sales-status span {
    display:block
}
.sales-status span {
    margin:4px 0 12px;
    color:#abb3c4;
    font-size:11px
}
.sales-status i {
    display:block;
    height:8px;
    border-radius:99px;
    background:#394255
}
.sales-status em {
    display:block;
    width:74%;
    height:100%;
    border-radius:99px;
    background:#ffdc57
}
.entry-visual {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:26px;
    background:linear-gradient(145deg,#edf0fa,#fff)
}
.phone-frame {
    width:210px;
    padding:28px 22px;
    border:8px solid #171b24;
    border-radius:30px;
    background:#fff;
    text-align:center;
    box-shadow:0 18px 40px rgba(0,0,0,.17)
}
.phone-frame small {
    font-weight:900
}
.phone-frame h4 {
    font:24px/1.1 'Yatra One'
}
.fake-qr {
    width:115px;
    height:115px;
    margin:22px auto;
    background:repeating-conic-gradient(#151820 0 25%,#fff 0 50%) 0/18px 18px;
    border:10px solid #fff;
    outline:1px solid #ddd
}
.phone-frame b {
    font-size:11px
}
.scan-result {
    padding:25px;
    border-radius:17px;
    background:#ecfdf3;
    box-shadow:0 15px 35px rgba(20,90,45,.12)
}
.scan-result span {
    display:grid;
    width:48px;
    height:48px;
    place-items:center;
    border-radius:50%;
    background:#24a35a;
    color:#fff;
    font-size:24px
}
.scan-result strong,.scan-result small {
    display:block
}
.scan-result strong {
    margin-top:12px
}
.scan-result small {
    margin-top:5px;
    color:#58806a
}
.people-visual {
    background:linear-gradient(145deg,#fff,#f5f2ec)
}
.people-head small,.people-head strong {
    display:block
}
.people-head small {
    color:var(--mk-purple);
    font-weight:900
}
.people-head strong {
    margin:8px 0 22px;
    font:38px 'Yatra One'
}
.people-segments {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:9px
}
.people-segments span {
    padding:19px 12px;
    border-radius:12px;
    background:#ede9ff;
    font-size:10px
}
.people-segments b {
    display:block;
    margin-bottom:4px;
    font-size:22px
}
.campaign-row {
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:25px;
    padding:16px;
    border:1px solid #dfd9ce;
    border-radius:13px;
    background:#fff
}
.campaign-row i {
    width:36px;
    height:36px;
    border-radius:10px;
    background:var(--mk-yellow)
}
.campaign-row p {
    flex:1;
    margin:0
}
.campaign-row b,.campaign-row small {
    display:block
}
.campaign-row small {
    color:var(--mk-muted)
}
.campaign-row button {
    margin-left:auto
}
.report-visual {
    background:#141a25;
    color:#fff
}
.report-total small,.report-total strong,.report-total span {
    display:block
}
.report-total small {
    color:#ffdc57;
    font-weight:900
}
.report-total strong {
    margin:9px 0;
    font:48px 'Yatra One'
}
.report-total span {
    color:#73dc99;
    font-size:11px
}
.report-chart {
    display:flex;
    align-items:end;
    gap:12px;
    height:175px;
    margin:28px 0 13px;
    border-bottom:1px solid #3a4352
}
.report-chart i {
    flex:1;
    border-radius:7px 7px 0 0;
    background:linear-gradient(#7954dc,#3158d7)
}
.report-chart i:nth-child(1) {
    height:35%
}
.report-chart i:nth-child(2) {
    height:47%
}
.report-chart i:nth-child(3) {
    height:41%
}
.report-chart i:nth-child(4) {
    height:68%
}
.report-chart i:nth-child(5) {
    height:59%
}
.report-chart i:nth-child(6) {
    height:82%
}
.report-chart i:nth-child(7) {
    height:94%
}
.report-labels {
    display:flex;
    gap:17px;
    color:#aeb6c6;
    font-size:10px
}
.principles-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px
}
.principles-grid article {
    padding:26px;
    border:1px solid #303849;
    border-radius:18px;
    background:var(--mk-dark2)
}
.principles-grid span {
    color:var(--mk-yellow);
    font:24px 'Yatra One'
}
.principles-grid h3 {
    font-size:20px
}
.principles-grid p {
    color:#aeb6c6;
    font-size:13px
}
.platform-fit-grid {
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:80px;
    align-items:center
}
.platform-fit h2 {
    font:clamp(42px,5vw,63px)/1 'Yatra One'
}
.platform-fit p {
    color:var(--mk-muted);
    font-size:17px
}
.fit-steps {
    display:grid;
    gap:10px
}
.fit-steps article {
    display:grid;
    grid-template-columns:120px 1fr;
    align-items:center;
    padding:18px 20px;
    border:1px solid var(--mk-line);
    border-radius:13px;
    background:#fff
}
.fit-steps article.active {
    border-color:var(--mk-purple);
    background:#eee9ff;
    transform:translateX(-14px)
}
.fit-steps small {
    font-weight:900
}
.fit-steps strong {
    font-size:13px
}
@media(max-width:950px) {
    .platform-hero-grid,.workflow-row,.platform-fit-grid {
        grid-template-columns:1fr
    }
    .workflow-row.reverse .workflow-copy,.workflow-row.reverse .workflow-visual {
        order:initial
    }
    .platform-map {
        min-height:470px
    }
    .workflow-row {
        gap:35px
    }
    .principles-grid {
        grid-template-columns:1fr 1fr
    }
    .workflow-number {
        right:0
    }
    .fit-steps article.active {
        transform:none
    }
}
@media(max-width:650px) {
    .platform-hero {
        padding-top:65px
    }
    .platform-map {
        min-height:390px
    }
    .platform-map strong {
        width:110px;
        height:110px;
        font-size:20px
    }
    .platform-map span {
        padding:8px 10px;
        font-size:9px
    }
    .platform-proof div div {
        gap:9px
    }
    .platform-proof span {
        font-size:17px
    }
    .workflow-row {
        padding:55px 0
    }
    .workflow-visual {
        min-height:330px;
        padding:17px;
        box-shadow:8px 10px 0 #e2ddcf
    }
    .mini-content-cards,.people-segments,.principles-grid {
        grid-template-columns:1fr
    }
    .sales-event {
        max-width:100%;
        padding:20px
    }
    .sales-ticket {
        position:static;
        width:auto;
        margin-top:12px
    }
    .sales-status {
        right:17px;
        bottom:17px;
        left:17px
    }
    .entry-visual {
        flex-direction:column
    }
    .phone-frame {
        width:185px
    }
    .campaign-row {
        align-items:flex-start;
        flex-wrap:wrap
    }
    .campaign-row button {
        margin-left:0
    }
    .fit-steps article {
        grid-template-columns:1fr;
        gap:4px
    }
}