/* Primas 0.5.11 - public website + platform owner Website Studio design/demo controls.
   All rules are scoped to .marketing or .platform-shell so school modules stay isolated. */

/* ------------------------------ Public website ------------------------------ */
.marketing{
  --mk-plum:#43004F;
  --mk-accent:#FF5CAA;
  --mk-ink:#32113a;
  --mk-copy:#66586a;
  --mk-page-bg:#ffffff;
  --mk-soft:#fbf7fb;
  --mk-surface:#ffffff;
  --mk-footer-bg:#43004f;
  --mk-heading-font:Inter, "Avenir Next", "Segoe UI", Arial, sans-serif;
  --mk-body-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --mk-line:#eee6ef;
  --mk-yellow:#ffd651;
  --mk-orange:#ff986b;
  --mk-radius:22px;
  background:var(--mk-page-bg);
  color:var(--mk-ink);
  font-family:var(--mk-body-font);
}
.marketing main{overflow:hidden}
.marketing h1,.marketing h2,.marketing h3{color:var(--mk-ink);font-family:var(--mk-heading-font)}
.marketing p{color:var(--mk-copy)}
.marketing .mk-shell{width:min(1320px,calc(100% - 64px));margin-inline:auto}
.marketing .site-header{
  width:min(1440px,calc(100% - 30px));
  max-width:none;
  margin:12px auto 0;
  min-height:68px;
  padding:12px 18px;
  display:flex;
  align-items:center;
  gap:24px;
  position:sticky;
  top:10px;
  z-index:50;
  background:var(--mk-surface);
  border:1px solid #eee7ef;
  border-radius:16px;
  box-shadow:0 12px 35px rgba(56,13,65,.08);
  backdrop-filter:blur(18px);
}
.marketing .brand{display:flex;align-items:center;gap:10px;color:var(--mk-plum);font-size:21px;letter-spacing:-.035em;font-weight:800}
.marketing .brand-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--mk-plum),var(--mk-accent));font-size:15px;font-weight:800;box-shadow:0 7px 20px rgba(67,0,79,.2)}
.marketing .brand-copy{display:flex;flex-direction:column;line-height:1.05}
.marketing .brand-tag{display:block;margin-top:4px;font-size:7px;letter-spacing:.13em;color:#a48da8;font-weight:700}
.marketing .site-header nav{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:12px;color:#65576a}
.marketing .site-header nav>a:not(.button){padding:10px 0;position:relative}
.marketing .site-header nav>a:not(.button)::after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:2px;border-radius:2px;background:var(--mk-accent);transition:right .18s ease}
.marketing .site-header nav>a:not(.button):hover::after{right:0}
.marketing .site-header .button{background:var(--mk-plum);border-color:var(--mk-plum);border-radius:999px;min-height:40px;padding:9px 18px;color:#fff;font-size:12px;box-shadow:none}
.marketing .site-header .button:hover{filter:brightness(.95)}
.marketing .nav-toggle{display:none;margin-left:auto;color:var(--mk-plum);border-color:#e9dfeb;background:#fff}
.marketing .site-notice{width:min(1320px,calc(100% - 64px));margin:18px auto}

.marketing .mk-announcement{margin-top:16px;background:var(--mk-plum);color:#fff}
.marketing .mk-announcement .mk-shell{min-height:35px;display:flex;align-items:center;justify-content:center;gap:24px;padding:7px 0;font-size:10px;letter-spacing:.015em}
.marketing .mk-announcement span{opacity:.86}
.marketing .mk-announcement a{font-weight:700;color:#fff}
.marketing .mk-announcement b{display:inline-grid;place-items:center;margin-left:6px;width:18px;height:18px;border-radius:50%;background:var(--mk-yellow);color:var(--mk-plum)}

.marketing .mk-hero-modern{padding-top:68px;padding-bottom:76px}
.marketing .mk-hero-copy-modern{max-width:920px;margin:0 auto 52px;text-align:center}
.marketing .mk-kicker{margin:0 0 18px;color:var(--mk-accent);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.marketing .mk-kicker.center{display:flex;align-items:center;justify-content:center;gap:12px}
.marketing .mk-kicker.center span{width:32px;height:1px;background:#e3b5da}
.marketing .mk-hero-copy-modern h1{max-width:920px;margin:0 auto 20px;font-size:clamp(42px,5.4vw,72px);line-height:1.03;letter-spacing:-.055em;font-weight:720;color:var(--mk-plum)}
.marketing .mk-lead.modern{max-width:730px;margin:0 auto 28px;font-size:16px;line-height:1.8;color:#746378}
.marketing .mk-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.marketing .mk-actions.center{justify-content:center}
.marketing .mk-actions .button{border-radius:999px;padding:11px 20px;min-height:44px;font-size:12px}
.marketing .button.mk-primary{background:var(--mk-plum);border-color:var(--mk-plum);color:#fff}
.marketing .button.mk-primary:hover{filter:brightness(.95)}
.marketing .mk-actions .button.secondary{background:#fff;border-color:#decfe0;color:var(--mk-plum)}
.marketing .mk-proof{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.marketing .mk-proof.center{justify-content:center}
.marketing .mk-proof span{padding:7px 11px;border:1px solid #eee5ef;border-radius:999px;background:#fff9fc;font-size:10px;color:#806d83}
.marketing .mk-proof span::before{content:"+";margin-right:6px;color:var(--mk-accent);font-weight:800}

.marketing .mk-hero-banner{min-height:420px;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:.93fr 1.15fr;align-items:end;gap:28px;padding:52px 0 0 54px;position:relative;background:linear-gradient(120deg,#ffa36b 0%,#f067aa 40%,#f45192 64%,#ffd660 100%);box-shadow:0 24px 60px rgba(83,18,80,.13)}
.marketing .mk-hero-banner::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:27%;top:36%;background:rgba(255,218,80,.78)}
.marketing .mk-hero-banner::after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;left:40%;bottom:-120px;border:52px solid rgba(255,255,255,.18)}
.marketing .mk-hero-banner-copy{position:relative;z-index:2;align-self:center;padding:12px 12px 48px 0}
.marketing .mk-mini-kicker{margin-bottom:14px;color:var(--mk-plum)!important;font-size:9px!important;font-weight:800;letter-spacing:.13em}
.marketing .mk-hero-banner-copy h2{max-width:480px;margin-bottom:15px;font-size:36px;line-height:1.08;letter-spacing:-.04em;color:var(--mk-plum)}
.marketing .mk-hero-banner-copy>p:not(.mk-mini-kicker){max-width:480px;margin-bottom:22px;color:#5c2c5c;line-height:1.7;font-size:13px}
.marketing .mk-pill-link{display:inline-flex;padding:10px 15px;border-radius:999px;background:var(--mk-plum);color:#fff;font-size:10px;font-weight:750}
.marketing .mk-browser-frame{position:relative;z-index:3;align-self:end;width:100%;height:354px;border:7px solid rgba(255,255,255,.82);border-bottom:0;border-radius:18px 0 0 0;background:#fff;box-shadow:0 24px 50px rgba(70,0,67,.22);overflow:hidden}
.marketing .mk-browser-bar{height:36px;display:flex;align-items:center;padding:0 13px;gap:9px;border-bottom:1px solid #efe8f0;color:#816f84;font-size:8px}
.marketing .mk-browser-bar>span{display:flex;gap:4px}.marketing .mk-browser-bar i{width:6px;height:6px;border-radius:50%;display:block;background:#eadfe9}.marketing .mk-browser-bar i:first-child{background:#f2979c}.marketing .mk-browser-bar i:nth-child(2){background:#f2cd77}.marketing .mk-browser-bar i:nth-child(3){background:#85cf9b}.marketing .mk-browser-bar b{font-size:8px;color:#453748;margin-left:5px}.marketing .mk-browser-bar em{font-style:normal;margin-left:auto;padding:3px 7px;border-radius:10px;background:#eaf7ee;color:#3a7d4e}
.marketing .mk-browser-body{height:calc(100% - 36px);display:grid;grid-template-columns:46px 1fr;background:#fbfafc}
.marketing .mk-browser-body aside{padding:14px 9px;background:var(--mk-plum);display:flex;flex-direction:column;align-items:center;gap:13px}
.marketing .mk-logo-dot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--mk-plum);font-size:9px;font-weight:800;margin-bottom:5px}
.marketing .mk-browser-body aside i{width:22px;height:5px;border-radius:5px;background:rgba(255,255,255,.2)}.marketing .mk-browser-body aside i.active{background:var(--mk-yellow)}
.marketing .mk-browser-body main{padding:20px;overflow:hidden}
.marketing .mk-preview-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}
.marketing .mk-preview-head small{display:block;font-size:6px;letter-spacing:.14em;color:#9e8ca0}.marketing .mk-preview-head strong{font-size:13px;color:#3c2f3f}.marketing .mk-preview-head span{font-size:7px;padding:5px 7px;border-radius:6px;background:#fff;border:1px solid #eee8ef;color:#766579}
.marketing .mk-preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.marketing .mk-preview-stats article{padding:10px;background:#fff;border:1px solid #eee8ef;border-radius:9px}.marketing .mk-preview-stats small,.marketing .mk-preview-stats span{display:block;font-size:6px;color:#a18fa4}.marketing .mk-preview-stats strong{display:block;margin:2px 0;font-size:13px;color:#3b2d3d}
.marketing .mk-preview-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:8px}.marketing .mk-preview-grid>section{background:#fff;border:1px solid #eee8ef;border-radius:9px;padding:11px}.marketing .mk-preview-grid h4{font-size:8px;margin:0 0 8px;color:#4c3d4f}.marketing .mk-preview-grid p{display:grid;grid-template-columns:28px 1fr auto;gap:7px;align-items:center;margin:0;padding:7px 0;border-top:1px solid #f3eef4;font-size:6px}.marketing .mk-preview-grid p>b{color:#7a687d}.marketing .mk-preview-grid p>span{font-size:7px;color:#453748;font-weight:600}.marketing .mk-preview-grid p small{display:block;color:#aa9aac;font-size:5px;font-weight:400}.marketing .mk-preview-grid p em{font-size:5px;font-style:normal;color:#8e7d91;padding:3px 5px;border-radius:4px;background:#faf6fa}
.marketing .mk-bars{height:52px;display:flex;align-items:flex-end;gap:4px;margin:8px 0}.marketing .mk-bars i{flex:1;min-height:12px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--mk-accent),#ffc76a)}.marketing .mk-bars i:nth-child(2){height:56%}.marketing .mk-bars i:nth-child(3){height:78%}.marketing .mk-bars i:nth-child(4){height:62%}.marketing .mk-bars i:nth-child(5){height:92%}.marketing .mk-bars i:nth-child(6){height:84%}.marketing .mk-pulse-card>small,.marketing .mk-pulse-card>span{font-size:5px;color:#a391a6}.marketing .mk-pulse-card hr{border:0;border-top:1px solid #f0eaf1;margin:8px 0}.marketing .mk-pulse-card>b{display:block;font-size:7px;color:#433545}

.marketing .mk-trust{border-top:1px solid #f1eaf2;border-bottom:1px solid #f1eaf2;background:var(--mk-surface)}
.marketing .mk-trust .mk-shell{display:grid;grid-template-columns:repeat(4,1fr)}
.marketing .mk-trust div div{padding:26px 24px;border-left:1px solid #f1eaf2}.marketing .mk-trust div div:last-child{border-right:1px solid #f1eaf2}.marketing .mk-trust strong{display:block;margin-bottom:4px;font-size:15px;color:var(--mk-plum)}.marketing .mk-trust span{font-size:9px;color:#99889c}

.marketing .mk-section{padding-top:104px;padding-bottom:104px}
.marketing .mk-feature-section{padding-bottom:74px}
.marketing .mk-section-head{max-width:760px;text-align:center;margin:0 auto 54px}.marketing .mk-section-head.left{max-width:820px;text-align:left;margin-left:0}.marketing .mk-section-head h2{margin-bottom:15px;font-size:clamp(31px,3.8vw,48px);line-height:1.08;letter-spacing:-.045em;color:var(--mk-plum)}.marketing .mk-section-head>p:not(.mk-kicker){font-size:14px;line-height:1.8}

.marketing .mk-story-stack{display:flex;flex-direction:column;gap:82px}
.marketing .mk-story{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:72px;align-items:center}
.marketing .mk-story.reverse .mk-story-copy{order:2}.marketing .mk-story.reverse .mk-story-visual{order:1}
.marketing .mk-story-copy{padding:18px 0}.marketing .mk-story-label{margin-bottom:10px!important;font-size:9px!important;font-weight:800;color:var(--mk-accent)!important;text-transform:uppercase;letter-spacing:.12em}.marketing .mk-story-copy h3{font-size:32px;line-height:1.12;letter-spacing:-.035em;margin-bottom:14px;color:var(--mk-plum)}.marketing .mk-story-copy>p:not(.mk-story-label){font-size:13px;line-height:1.8;margin-bottom:20px}.marketing .mk-story-copy ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:9px}.marketing .mk-story-copy li{display:flex;gap:9px;font-size:11px;color:#665669}.marketing .mk-story-copy li span{display:grid;place-items:center;width:17px;height:17px;flex:0 0 17px;border-radius:50%;background:#fff1f8;color:var(--mk-accent);font-weight:800}.marketing .mk-story-copy a,.marketing .mk-bento a,.marketing .mk-resource-grid a{font-size:10px;font-weight:750;color:var(--mk-plum)}
.marketing .mk-story-visual{min-height:340px;border-radius:22px;padding:38px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#ffe4d1,#f775b8 54%,#ffd65b)}
.marketing .mk-story-visual.attendance{background:linear-gradient(145deg,#fee0ee,#f8b4d6 40%,#ffda72)}.marketing .mk-story-visual.finance{background:linear-gradient(145deg,#f5d4f2,#d87adb 42%,#ffd46f)}
.marketing .mk-story-visual::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.28);right:-50px;top:-70px}
.marketing .mk-ui-window{position:relative;z-index:2;width:100%;max-width:590px;background:#fff;border-radius:12px;border:1px solid rgba(84,32,82,.08);box-shadow:0 22px 45px rgba(72,19,69,.17);padding:16px}
.marketing .mk-ui-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1ebf1;padding-bottom:11px;margin-bottom:10px}.marketing .mk-ui-top b{font-size:10px;color:#3f3242}.marketing .mk-ui-top span{font-size:6px;background:#f8f3f8;padding:4px 7px;border-radius:5px;color:#8d7a90}
.marketing .mk-filter-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:8px}.marketing .mk-filter-row i{font-style:normal;font-size:5px;padding:6px;background:#faf7fa;border:1px solid #f1ebf2;border-radius:5px;color:#97849a}
.marketing .mk-att-row{display:grid;grid-template-columns:24px 1.2fr .7fr repeat(3,.52fr);align-items:center;gap:5px;padding:7px 0;border-top:1px solid #f5f0f5}.marketing .mk-avatar-mini{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#fae8f4;color:var(--mk-plum);font-size:6px;font-weight:800}.marketing .mk-att-row b{font-size:6px;color:#473949}.marketing .mk-att-row small{font-size:5px;color:#a08fa3}.marketing .mk-att-row em{font-style:normal;font-size:4.8px;text-align:center;padding:4px 2px;border-radius:4px;border:1px solid #eee5ef;color:#907e93}.marketing .mk-att-row em:first-of-type{background:#eef9f0;color:#468458;border-color:#daf0df}
.marketing .mk-finance-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:9px}.marketing .mk-finance-kpis i{font-style:normal;padding:10px;background:#faf7fb;border-radius:7px}.marketing .mk-finance-kpis small{display:block;font-size:5px;color:#a28fa5}.marketing .mk-finance-kpis b{font-size:10px;color:#473849}.marketing .mk-ledger p{display:grid;grid-template-columns:42px 1fr auto;gap:8px;margin:0;padding:8px 0;border-top:1px solid #f3edf4;font-size:5.5px}.marketing .mk-ledger b{color:#827085}.marketing .mk-ledger span{color:#57485a}.marketing .mk-ledger em{font-style:normal;color:#4f815d}
.marketing .mk-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid #f0eaf1;border-right:0;border-bottom:0}.marketing .mk-calendar-grid i{height:34px;border-right:1px solid #f0eaf1;border-bottom:1px solid #f0eaf1;padding:4px;font-style:normal;position:relative}.marketing .mk-calendar-grid small{font-size:5px;color:#9d8da0}.marketing .mk-calendar-grid b{display:block;height:4px;margin-top:3px;border-radius:2px;background:#ffcbe2}.marketing .mk-calendar-grid i.busy b:nth-of-type(2){background:#ffe39a}.marketing .mk-activity-pop{position:absolute;right:22px;bottom:18px;width:132px;padding:11px;border-radius:9px;background:var(--mk-plum);box-shadow:0 12px 26px rgba(67,0,79,.24);color:#fff}.marketing .mk-activity-pop strong,.marketing .mk-activity-pop span,.marketing .mk-activity-pop small{display:block}.marketing .mk-activity-pop strong{font-size:7px}.marketing .mk-activity-pop span{font-size:5px;opacity:.9}.marketing .mk-activity-pop small{font-size:4.8px;opacity:.66;margin-top:5px}

.marketing .mk-highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:70px}.marketing .mk-highlight-grid article{min-height:158px;padding:24px;border:1px solid #eee6ef;border-radius:14px;background:var(--mk-surface);box-shadow:0 10px 26px rgba(67,0,79,.035)}.marketing .mk-highlight-grid article>span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#fff3f8;color:var(--mk-accent);font-size:8px;font-weight:800}.marketing .mk-highlight-grid h3{font-size:14px;margin:15px 0 6px;color:var(--mk-plum)}.marketing .mk-highlight-grid p{font-size:11px;line-height:1.75;margin:0}

.marketing .mk-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.marketing .mk-bento article{min-height:220px;padding:26px;border:1px solid #eee6ef;border-radius:16px;background:linear-gradient(180deg,#fff,#fffafe);position:relative;overflow:hidden}.marketing .mk-bento article.wide{grid-column:span 2;background:linear-gradient(125deg,#fff8fb,#fff,#fff4df)}.marketing .mk-card-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#fff0f7;color:var(--mk-accent);font-size:12px;font-weight:800}.marketing .mk-bento small{display:block;margin:18px 0 7px;color:#a18ea4;font-size:7px;font-weight:750;text-transform:uppercase;letter-spacing:.12em}.marketing .mk-bento h3{font-size:19px;margin-bottom:8px;color:var(--mk-plum)}.marketing .mk-bento p{max-width:570px;font-size:11px;line-height:1.75}.marketing .mk-bento a{position:absolute;left:26px;bottom:24px}

.marketing .mk-dark-section{padding:92px 0;background:var(--mk-plum);color:#fff;position:relative;overflow:hidden}.marketing .mk-dark-section::after{content:"";position:absolute;width:430px;height:430px;border:80px solid rgba(255,255,255,.04);border-radius:50%;right:-110px;top:-160px}.marketing .mk-dark-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start;position:relative;z-index:2}.marketing .mk-dark-section h2{font-size:43px;line-height:1.08;letter-spacing:-.04em;color:#fff}.marketing .mk-dark-section p{color:#d9c9dc;font-size:13px;line-height:1.8}.marketing .mk-dark-section .mk-kicker{color:#ffb8d6}.marketing .button.mk-light-button{margin-top:8px;background:var(--mk-yellow);border-color:var(--mk-yellow);color:var(--mk-plum);border-radius:999px;font-size:11px}.marketing .mk-workflow{display:grid;gap:10px}.marketing .mk-workflow article{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.055)}.marketing .mk-workflow article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.1);color:#ffb9d8;font-size:8px;font-weight:800}.marketing .mk-workflow h3{color:#fff;font-size:14px;margin:0 0 4px}.marketing .mk-workflow p{font-size:10px;margin:0;color:#cdbbd1}

.marketing .mk-audiences{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.marketing .mk-audiences article{padding:28px;border:1px solid #eee6ef;border-radius:15px;background:var(--mk-surface)}.marketing .mk-audiences article>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff0f6;color:var(--mk-accent);font-weight:800}.marketing .mk-audiences h3{font-size:16px;margin:17px 0 7px;color:var(--mk-plum)}.marketing .mk-audiences p{font-size:11px;line-height:1.78;margin:0}

.marketing .mk-pricing{padding:100px 0;background:var(--mk-soft);border-top:1px solid #f1eaf2;border-bottom:1px solid #f1eaf2}.marketing .mk-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:900px;margin:0 auto}.marketing .mk-price-grid>article{padding:34px;border:1px solid #eadfeb;border-radius:18px;background:var(--mk-surface);box-shadow:0 14px 35px rgba(67,0,79,.04)}.marketing .mk-price-grid>article.featured{border:2px solid var(--mk-plum);transform:translateY(-8px);box-shadow:0 22px 48px rgba(67,0,79,.11)}.marketing .mk-plan-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:20px}.marketing .mk-plan-top span{font-size:7px;color:#a18fa4;letter-spacing:.12em;font-weight:800}.marketing .mk-plan-top b{font-size:7px;padding:5px 8px;border-radius:999px;background:#fff0f7;color:var(--mk-accent)}.marketing .mk-price-grid h3{font-size:23px;color:var(--mk-plum);margin-bottom:9px}.marketing .mk-price-grid>article>p{min-height:54px;font-size:11px}.marketing .mk-price{font-size:28px;font-weight:760;letter-spacing:-.04em;color:var(--mk-plum);margin:24px 0}.marketing .mk-price small{font-size:9px;color:#9c899f;font-weight:500;letter-spacing:0}.marketing .mk-price-grid ul{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:10px}.marketing .mk-price-grid li{font-size:10px;color:#6f5f72}.marketing .mk-price-grid li::before{content:"+";display:inline-grid;place-items:center;width:16px;height:16px;margin-right:8px;border-radius:50%;background:#fff0f7;color:var(--mk-accent);font-weight:800}.marketing .mk-price-grid .button{width:100%;border-radius:999px;background:var(--mk-plum);border-color:var(--mk-plum);font-size:10px}.marketing .mk-price-grid .button.secondary{background:#fff;color:var(--mk-plum);border-color:#ddcedf}

.marketing .mk-social-proof{padding:100px 0;background:var(--mk-page-bg)}.marketing .mk-story-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.marketing .mk-story-cards article{padding-bottom:22px;border:1px solid #eee6ef;border-radius:14px;background:var(--mk-surface);overflow:hidden}.marketing .mk-school-art{height:126px;padding:18px;display:flex;align-items:flex-end;justify-content:space-between;background:linear-gradient(135deg,#ffd46c,#f082b3 50%,#73366f);position:relative;overflow:hidden}.marketing .mk-school-art::before{content:"";position:absolute;left:-20px;bottom:-40px;width:150px;height:110px;border-radius:100% 100% 0 0;background:rgba(255,255,255,.27)}.marketing .mk-school-art span,.marketing .mk-school-art b{position:relative;z-index:1}.marketing .mk-school-art span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--mk-plum);font-size:9px;font-weight:800}.marketing .mk-school-art b{font-size:7px;color:#fff;padding:5px 7px;border-radius:999px;background:rgba(67,0,79,.55)}.marketing .mk-story-cards h3,.marketing .mk-story-cards small,.marketing .mk-story-cards p{margin-left:18px;margin-right:18px}.marketing .mk-story-cards h3{font-size:14px;margin-top:17px;margin-bottom:2px}.marketing .mk-story-cards small{font-size:7px;color:#ad9bae}.marketing .mk-story-cards p{font-size:10.5px;line-height:1.7;margin-top:10px;margin-bottom:0}

.marketing .mk-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.marketing .mk-resource-grid article{border:1px solid #eee6ef;border-radius:14px;overflow:hidden;background:var(--mk-surface);padding-bottom:24px}.marketing .mk-resource-art{height:145px;display:flex;align-items:flex-end;padding:18px;background:linear-gradient(135deg,#4a0b52,#882b7d 65%,#d359a5);position:relative;overflow:hidden}.marketing .mk-resource-art.art-2{background:linear-gradient(135deg,#ff9e72,#f263a9 64%,#843b7d)}.marketing .mk-resource-art.art-3{background:linear-gradient(135deg,#ffcb63,#f9819f 58%,#b64d9c)}.marketing .mk-resource-art::after{content:"";position:absolute;right:-25px;top:-35px;width:150px;height:150px;border:34px solid rgba(255,255,255,.14);border-radius:50%}.marketing .mk-resource-art span{position:relative;z-index:1;color:#fff;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.marketing .mk-resource-grid>article>small,.marketing .mk-resource-grid h3,.marketing .mk-resource-grid p,.marketing .mk-resource-grid a{margin-left:20px;margin-right:20px}.marketing .mk-resource-grid>article>small{display:block;margin-top:18px;font-size:7px;color:var(--mk-accent);font-weight:800;text-transform:uppercase}.marketing .mk-resource-grid h3{font-size:17px;margin-top:5px;margin-bottom:8px}.marketing .mk-resource-grid p{font-size:11px;line-height:1.75}.marketing .mk-resource-grid a{display:inline-block;margin-top:4px}

.marketing .mk-testimonial{padding:92px 0;background:var(--mk-soft)}.marketing .mk-testimonial .mk-shell{max-width:900px}.marketing .mk-testimonial blockquote{margin:0 0 18px;font-size:30px;line-height:1.35;letter-spacing:-.035em;color:var(--mk-plum);font-weight:600}.marketing .mk-testimonial p:last-child{font-size:10px;color:#99869d}
.marketing .mk-faq{max-width:900px;margin:0 auto}.marketing .mk-faq details{border-top:1px solid #eee6ef;padding:0 4px}.marketing .mk-faq details:last-child{border-bottom:1px solid #eee6ef}.marketing .mk-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;color:var(--mk-plum);font-size:13px;font-weight:700}.marketing .mk-faq summary span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff2f8;color:var(--mk-accent)}.marketing .mk-faq details[open]>summary{margin-bottom:0}.marketing .mk-faq details p{max-width:760px;padding:0 0 20px;font-size:11px;line-height:1.8}

.marketing .mk-final-cta{width:min(1240px,calc(100% - 56px));margin:0 auto 70px;border-radius:18px;overflow:hidden;background:linear-gradient(120deg,#ff9b6c,#ee61a5 52%,#ffd767);position:relative}.marketing .mk-final-cta>.mk-shell{width:100%;display:grid;grid-template-columns:.48fr 1fr;gap:34px;align-items:center;padding:42px 54px}.marketing .mk-final-cta .mk-kicker{color:var(--mk-plum)}.marketing .mk-final-cta h2{font-size:34px;line-height:1.1;letter-spacing:-.04em;margin-bottom:10px}.marketing .mk-final-cta p:not(.mk-kicker){color:#5d315d;max-width:680px;font-size:11px}.marketing .mk-cta-visual{height:150px;border-radius:14px;background:rgba(255,255,255,.28);position:relative;display:grid;place-items:center;overflow:hidden}.marketing .mk-cta-visual span{position:relative;z-index:2;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:var(--mk-plum);color:#fff;font-size:24px;font-weight:800}.marketing .mk-cta-visual i{position:absolute;width:175px;height:175px;border:30px solid rgba(255,255,255,.28);border-radius:50%}.marketing .mk-cta-visual i:last-child{width:260px;height:260px;border-width:1px}.marketing .mk-final-cta .button.secondary{background:rgba(255,255,255,.82);border-color:rgba(255,255,255,.72);color:var(--mk-plum)}

.marketing .mk-inner-hero{padding-top:100px;padding-bottom:80px;max-width:1020px}.marketing .mk-inner-hero h1{max-width:900px;font-size:clamp(42px,5vw,66px);line-height:1.05;letter-spacing:-.05em;color:var(--mk-plum);margin-bottom:25px}.marketing .mk-inner-hero>p:last-child{max-width:790px;font-size:15px;line-height:1.85}
.marketing .mk-contact{padding-top:92px;padding-bottom:92px;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.marketing .mk-contact h1{font-size:50px;line-height:1.06;letter-spacing:-.045em;color:var(--mk-plum);margin-bottom:18px}.marketing .mk-contact .mk-lead{font-size:14px;line-height:1.8}.marketing .mk-contact-list{margin-top:38px;display:grid;gap:16px}.marketing .mk-contact-list div{padding:16px 0;border-top:1px solid #eee6ef}.marketing .mk-contact-list small{display:block;font-size:7px;color:#a08da3;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.marketing .mk-contact-list strong{font-size:12px;color:var(--mk-plum);font-weight:650}.marketing .mk-form-card{padding:34px;border:1px solid #eee5ef;border-radius:18px;background:var(--mk-surface);box-shadow:0 22px 50px rgba(67,0,79,.07)}

.marketing .auth-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);min-height:650px;width:min(1240px,calc(100% - 64px));margin:auto;padding:70px 0 90px;gap:80px;align-items:center}.marketing .auth-panel{max-width:460px;width:100%;margin:auto}.marketing .auth-panel>.text-link{display:block;margin-bottom:36px;color:#8f7d92;font-size:11px}.marketing .auth-panel .eyebrow{color:var(--mk-accent);font-size:9px;letter-spacing:.14em;font-weight:800}.marketing .auth-panel h1{font-size:38px;line-height:1.1;letter-spacing:-.04em;color:var(--mk-plum);margin-bottom:13px}.marketing .auth-panel>p:not(.eyebrow){font-size:12px;margin-bottom:26px}.marketing .auth-panel .field{font-size:11px;color:#554757;font-weight:600}.marketing .auth-panel input,.marketing .auth-panel select,.marketing .auth-panel textarea{border-color:#e5dbe6;border-radius:10px;min-height:46px}.marketing .auth-panel .field-help{font-size:9px;color:#9a879d;font-weight:400;line-height:1.55}.marketing .auth-panel .button{background:var(--mk-plum);border-color:var(--mk-plum);border-radius:999px}.marketing .auth-panel .fine{font-size:10px;line-height:1.65}.marketing .auth-art{min-height:590px;border-radius:24px;padding:80px 36px;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#fff;position:relative;overflow:hidden;background:linear-gradient(155deg,var(--mk-plum),#7f2c76 50%,#e15a9e)}.marketing .auth-art::after{content:"";position:absolute;inset:auto -120px -140px auto;width:400px;height:400px;border:70px solid rgba(255,255,255,.08);border-radius:50%}.marketing .auth-note{font-size:110px;line-height:1;color:#ffd45e;font-weight:800;position:relative;z-index:2}.marketing .auth-art h2{position:relative;z-index:2;color:#fff;font-size:31px;line-height:1.25}.marketing .auth-art p{position:relative;z-index:2;color:#eaddec}.marketing .staff-lines{position:absolute;left:-20%;top:90px;width:140%;height:240px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);transform:rotate(-17deg);background:repeating-linear-gradient(transparent,transparent 44px,rgba(255,255,255,.08) 44px,rgba(255,255,255,.08) 45px)}

.marketing .site-footer{max-width:none;margin:0;padding:62px max(28px,calc((100% - 1320px)/2)) 30px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:48px;background:var(--mk-footer-bg);color:#fff}.marketing .site-footer .brand{color:#fff;margin-bottom:15px}.marketing .site-footer .brand-mark{background:#fff;color:var(--mk-plum);box-shadow:none}.marketing .site-footer .brand-tag{color:#cdb8d1}.marketing .site-footer p{font-size:11px;color:#cfbdd2;max-width:340px}.marketing .site-footer>div:not(.footer-brand){display:flex;flex-direction:column;gap:12px;font-size:11px;color:#d8c7da}.marketing .site-footer strong{color:#fff;font-size:10px;margin-bottom:5px}.marketing .site-footer a:hover{color:#fff}.marketing .site-footer .copyright{grid-column:1/-1;margin:8px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.13);font-size:8px!important;color:#b9a3be}

/* ---------------------------- Platform owner UI ----------------------------- */
.platform-shell .main-content{max-width:1780px;padding:42px 46px 58px}
.platform-shell .page-heading{margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid var(--color-gray-200)}
.platform-shell .page-heading h1{font-size:31px;line-height:1.15;margin-bottom:8px}
.platform-shell .page-heading p{max-width:980px;font-size:13px;line-height:1.7}
.platform-shell .card{padding:30px;border-radius:18px;margin-bottom:26px}
.platform-shell .card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}
.platform-shell .card-heading h2{font-size:20px;margin-bottom:6px}.platform-shell .card-heading p{max-width:830px;font-size:12px;line-height:1.7}
.platform-shell .form-grid{grid-template-columns:repeat(2,minmax(250px,1fr));gap:22px 26px}
.platform-shell .form-stack{gap:24px}.platform-shell .field{gap:8px}.platform-shell input,.platform-shell select{min-height:46px}.platform-shell textarea{min-height:140px;line-height:1.65}.platform-shell .field-help{font-size:11px;line-height:1.6;color:var(--color-gray-500);font-weight:400}.platform-shell .form-actions{margin-top:5px}
.platform-shell .platform-editor{max-width:1440px}.platform-shell .website-editor-card{border-top:4px solid var(--color-brand-500)}
.platform-shell .website-editor-card textarea{min-height:150px}.platform-shell .website-editor-card textarea[name=website_solution_blocks],.platform-shell .website-editor-card textarea[name=website_highlights],.platform-shell .website-editor-card textarea[name=website_features],.platform-shell .website-editor-card textarea[name=website_workflow],.platform-shell .website-editor-card textarea[name=website_audiences],.platform-shell .website-editor-card textarea[name=website_success_stories],.platform-shell .website-editor-card textarea[name=website_resources],.platform-shell .website-editor-card textarea[name=website_faqs]{min-height:190px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:12px}
.platform-shell .website-studio-nav{max-width:1440px;margin:-4px 0 24px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px;border:1px solid var(--color-gray-200);background:#fff;border-radius:14px}
.platform-shell .website-studio-nav a{padding:10px 13px;border-radius:9px;font-size:11px;color:var(--color-gray-600);font-weight:600}
.platform-shell .website-studio-nav a:hover{background:var(--color-gray-50)}.platform-shell .website-studio-nav a.active{background:var(--color-brand-50);color:var(--color-brand-600)}.platform-shell .website-studio-nav a.preview{margin-left:auto;background:var(--color-brand-500);color:#fff}
.platform-shell .editor-step{display:inline-grid;place-items:center;min-width:31px;height:25px;padding:0 8px;border-radius:999px;background:var(--color-brand-50);color:var(--color-brand-600);font-size:10px;font-weight:700;margin-bottom:10px}
.platform-shell .editor-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
.platform-shell .editor-divider{display:flex;align-items:center;gap:14px;margin:12px 0 2px;color:var(--color-gray-500);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.platform-shell .editor-divider::before,.platform-shell .editor-divider::after{content:"";height:1px;background:var(--color-gray-200);flex:1}.platform-shell .editor-divider span{white-space:nowrap}
.platform-shell .platform-record{padding:0 18px;margin-bottom:12px;border-radius:13px}.platform-shell .platform-record>summary{padding:18px 0}.platform-shell .platform-record[open]{padding-bottom:22px}.platform-shell .platform-record[open]>summary{margin-bottom:17px}
.platform-shell .platform-plan-grid,.platform-shell .platform-team-grid,.platform-shell .platform-settings-grid{gap:24px}.platform-shell .platform-message{gap:28px;padding:25px 0}.platform-shell .table-scroll{margin-top:4px}.platform-shell th{padding-top:13px;padding-bottom:13px}.platform-shell td{padding-top:15px;padding-bottom:15px}.platform-metrics{gap:18px;margin-bottom:25px}.platform-metrics article{padding:23px;min-height:152px}.platform-dashboard-grid{gap:24px}.platform-action-card>a{padding:15px 0}.platform-shell .notice{margin-bottom:22px}.platform-shell .page-utility-bar{margin-bottom:18px}
.dark .platform-shell .website-studio-nav{background:#1a2231;border-color:#344054}.dark .platform-shell .website-studio-nav a{color:#98a2b3}.dark .platform-shell .website-studio-nav a.active{background:#465fff25;color:#9cb9ff}.dark .platform-shell .editor-divider::before,.dark .platform-shell .editor-divider::after{background:#344054}


/* 0.5.11 design controls and public client demo. */
.platform-shell .design-control-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:22px 26px}
.platform-shell .color-field{padding:17px;border:1px solid var(--color-gray-200);border-radius:14px;background:var(--color-gray-25,#fcfcfd)}
.platform-shell .color-control{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center}
.platform-shell .color-control input[type=color]{width:58px;height:46px;padding:3px;border-radius:10px;cursor:pointer}
.platform-shell .color-control input[type=text]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;text-transform:uppercase}
.platform-shell .demo-admin-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:26px;padding:24px;border:1px solid var(--color-gray-200);border-radius:16px;background:var(--color-gray-50);align-items:start}
.platform-shell .demo-admin-card.ready{border-color:#a8d8b7;background:#f5fbf7}.platform-shell .demo-admin-card.pending{border-color:#f0d79c;background:#fffaf0}
.platform-shell .demo-admin-card strong{display:flex;align-items:center;gap:9px;font-size:15px}.platform-shell .demo-admin-card p{margin:8px 0 0;font-size:12px;line-height:1.7;max-width:720px}
.platform-shell .demo-status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#d7a126;box-shadow:0 0 0 4px rgba(215,161,38,.12)}.platform-shell .demo-admin-card.ready .demo-status-dot{background:#2f9e5b;box-shadow:0 0 0 4px rgba(47,158,91,.12)}
.platform-shell .demo-admin-card dl{display:grid;grid-template-columns:90px 1fr;gap:8px 12px;margin:0;font-size:11px}.platform-shell .demo-admin-card dt{color:var(--color-gray-500)}.platform-shell .demo-admin-card dd{margin:0;min-width:0;overflow-wrap:anywhere}.platform-shell .demo-admin-card code{font-size:11px}
.application.demo-readonly .demo-mode-banner{display:flex;align-items:flex-start;gap:14px;margin:0 0 24px;padding:15px 18px;border:1px solid #bcd6ff;border-radius:14px;background:#f4f8ff;color:#243b64}.application.demo-readonly .demo-mode-banner strong{white-space:nowrap}.application.demo-readonly .demo-mode-banner span{font-size:12px;line-height:1.55}
.marketing .mk-demo-page{min-height:690px;padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.8fr);gap:86px;align-items:center}
.marketing .mk-demo-intro h1{font-size:clamp(44px,5vw,68px);line-height:1.04;letter-spacing:-.05em;color:var(--mk-plum);margin:0 0 22px}.marketing .mk-demo-intro>p:not(.mk-kicker){max-width:740px;font-size:16px;line-height:1.85}.marketing .mk-demo-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.marketing .mk-demo-points span{padding:8px 12px;border:1px solid #eadfeb;border-radius:999px;background:var(--mk-surface);font-size:10px;font-weight:650;color:var(--mk-plum)}
.marketing .mk-demo-login-card{padding:36px;border:1px solid #eadfeb;border-radius:22px;background:var(--mk-surface);box-shadow:0 24px 60px rgba(67,0,79,.09)}.marketing .mk-demo-login-card h2{font-size:27px;line-height:1.15;margin:12px 0}.marketing .mk-demo-login-card>p{font-size:12px;line-height:1.75}.marketing .mk-demo-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eaf8ef;color:#2f7d4b;font-size:8px;font-weight:800;letter-spacing:.12em}.marketing .mk-demo-badge.pending{background:#fff4da;color:#8b6517}
.marketing .mk-demo-credentials{display:grid;grid-template-columns:90px 1fr;gap:10px 14px;margin:28px 0;padding:18px;border-radius:14px;background:var(--mk-soft);font-size:11px}.marketing .mk-demo-credentials dt{color:#9a879d}.marketing .mk-demo-credentials dd{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--mk-ink)}.marketing .mk-demo-credentials code{font-size:11px}.marketing .mk-demo-login-card .button{border-radius:999px;width:100%;justify-content:center}
.marketing .demo-login-note{display:flex;flex-direction:column;gap:4px;margin:0 0 20px;padding:14px 16px;border:1px solid #eadfeb;border-radius:12px;background:var(--mk-soft)}.marketing .demo-login-note strong{font-size:12px;color:var(--mk-plum)}.marketing .demo-login-note span{font-size:10px;line-height:1.55;color:var(--mk-copy)}


/* ---------------- 0.5.12 owner dashboard + subscription pricing ---------------- */
.platform-shell .owner-command-card{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(360px,.8fr);gap:38px;align-items:stretch;margin:0 0 24px;padding:34px 36px;border-radius:22px;background:linear-gradient(135deg,#101828 0%,#1d2939 58%,#344054 100%);color:#fff;box-shadow:0 20px 48px rgba(16,24,40,.16);overflow:hidden;position:relative}
.platform-shell .owner-command-card::after{content:"";position:absolute;right:-90px;bottom:-120px;width:330px;height:330px;border:70px solid rgba(70,95,255,.17);border-radius:50%;pointer-events:none}
.platform-shell .owner-command-copy,.platform-shell .owner-command-status{position:relative;z-index:1}.platform-shell .owner-eyebrow,.platform-shell .owner-section-kicker{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#667085}.platform-shell .owner-command-card .owner-eyebrow{color:#b7c5ff}.platform-shell .owner-command-copy h2{max-width:720px;margin:10px 0 12px;font-size:30px;line-height:1.12;letter-spacing:-.025em;color:#fff}.platform-shell .owner-command-copy>p{max-width:760px;margin:0;color:#cbd5e1;font-size:13px;line-height:1.7}.platform-shell .owner-command-actions{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-top:24px}.platform-shell .owner-command-card .button{background:#fff;color:#101828;border-color:#fff}.platform-shell .owner-command-card .button.secondary{background:transparent;color:#fff;border-color:#667085}.platform-shell .owner-command-card .text-link{color:#dce4ff;margin-left:4px}.platform-shell .owner-command-status{display:grid;grid-template-columns:1fr;gap:10px}.platform-shell .owner-command-status>div{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label value" "note note";gap:3px 16px;padding:15px 16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.065);backdrop-filter:blur(4px)}.platform-shell .owner-command-status span{grid-area:label;font-size:10px;color:#cbd5e1}.platform-shell .owner-command-status strong{grid-area:value;font-size:14px;color:#fff}.platform-shell .owner-command-status small{grid-area:note;font-size:9px;color:#98a2b3}

.platform-shell .owner-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:24px}.platform-shell .owner-kpi-grid article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;min-height:142px;padding:19px 17px;border:1px solid var(--color-gray-200);border-radius:17px;background:#fff;box-shadow:0 5px 18px rgba(16,24,40,.035)}.platform-shell .owner-kpi-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--color-brand-50);color:var(--color-brand-600);font-size:9px;font-weight:800;letter-spacing:.04em}.platform-shell .owner-kpi-grid small{display:block;margin:1px 0 6px;color:var(--color-gray-500);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.platform-shell .owner-kpi-grid strong{display:block;color:var(--color-gray-900);font-size:26px;line-height:1}.platform-shell .owner-kpi-grid p{margin:9px 0 0;color:var(--color-gray-500);font-size:9px;line-height:1.45}.platform-shell .owner-kpi-grid article>a{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--color-gray-50);color:var(--color-brand-600);font-size:12px;font-weight:800}.platform-shell .owner-kpi-grid article>a:hover{background:var(--color-brand-50)}

.platform-shell .owner-dashboard-grid{display:grid;gap:22px;align-items:start}.platform-shell .owner-dashboard-primary{grid-template-columns:minmax(0,1.6fr) minmax(330px,.75fr)}.platform-shell .owner-dashboard-secondary{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr)}.platform-shell .owner-dashboard-grid>.card{height:100%}.platform-shell .owner-health-row{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(160px,1.3fr) 48px;gap:18px;align-items:center;padding:13px 0;border-bottom:1px solid var(--color-gray-100)}.platform-shell .owner-health-row>div{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"dot label" "dot note";gap:2px 8px;align-items:center}.platform-shell .owner-health-dot{grid-area:dot;width:9px;height:9px;border-radius:50%;background:#98a2b3}.platform-shell .owner-health-dot.active{background:#12b76a}.platform-shell .owner-health-dot.trial{background:#f79009}.platform-shell .owner-health-dot.suspended{background:#f04438}.platform-shell .owner-health-dot.cancelled{background:#667085}.platform-shell .owner-health-row strong{grid-area:label;font-size:12px}.platform-shell .owner-health-row small{grid-area:note;font-size:9px;color:var(--color-gray-500)}.platform-shell .owner-health-row progress{width:100%;height:8px;appearance:none;border:0;border-radius:999px;overflow:hidden;background:var(--color-gray-100)}.platform-shell .owner-health-row progress::-webkit-progress-bar{background:var(--color-gray-100);border-radius:999px}.platform-shell .owner-health-row progress::-webkit-progress-value{background:var(--color-brand-500);border-radius:999px}.platform-shell .owner-health-row progress::-moz-progress-bar{background:var(--color-brand-500);border-radius:999px}.platform-shell .owner-health-row>b{text-align:right;font-size:10px;color:var(--color-gray-500)}.platform-shell .owner-health-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.platform-shell .owner-health-foot>div{padding:13px;border-radius:12px;background:var(--color-gray-50)}.platform-shell .owner-health-foot small{display:block;margin-bottom:5px;font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray-500)}.platform-shell .owner-health-foot strong{font-size:12px}

.platform-shell .owner-action-card>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid var(--color-gray-100)}.platform-shell .owner-action-card>a:last-child{border-bottom:0}.platform-shell .owner-action-card>a>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--color-brand-50);color:var(--color-brand-600);font-size:9px;font-weight:800}.platform-shell .owner-action-card a strong{display:block;font-size:11px;color:var(--color-gray-900)}.platform-shell .owner-action-card a small{display:block;margin-top:3px;font-size:9px;color:var(--color-gray-500)}.platform-shell .owner-action-card a>b{color:var(--color-brand-600)}

.platform-shell .owner-plan-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.platform-shell .owner-plan-list>article{display:flex;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--color-gray-200);border-radius:14px;background:var(--color-gray-25,#fcfcfd)}.platform-shell .owner-plan-mode{display:inline-flex;padding:5px 7px;border-radius:999px;background:var(--color-brand-50);color:var(--color-brand-600);font-size:7px;font-weight:800;letter-spacing:.08em}.platform-shell .owner-plan-list h3{margin:8px 0 0;font-size:13px}.platform-shell .owner-plan-list dl{display:grid;grid-template-columns:repeat(3,auto);gap:14px;margin:0;text-align:right}.platform-shell .owner-plan-list dl div{display:flex;flex-direction:column}.platform-shell .owner-plan-list dt{font-size:7px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400)}.platform-shell .owner-plan-list dd{margin:3px 0 0;font-size:14px;font-weight:700;color:var(--color-gray-900)}
.platform-shell .owner-value-list{display:grid;gap:10px}.platform-shell .owner-value-list>div{display:grid;grid-template-columns:52px 1fr;grid-template-areas:"currency amount" "currency note";gap:2px 12px;align-items:center;padding:14px;border-radius:13px;background:var(--color-gray-50)}.platform-shell .owner-value-list span{grid-area:currency;display:grid;place-items:center;min-height:42px;border-radius:10px;background:#fff;border:1px solid var(--color-gray-200);font-size:9px;font-weight:800}.platform-shell .owner-value-list strong{grid-area:amount;font-size:16px}.platform-shell .owner-value-list small{grid-area:note;font-size:9px;color:var(--color-gray-500)}.platform-shell .owner-empty-state{padding:22px;border:1px dashed var(--color-gray-300);border-radius:14px;background:var(--color-gray-50)}.platform-shell .owner-empty-state strong{font-size:12px}.platform-shell .owner-empty-state p{margin:6px 0 0;font-size:10px;line-height:1.6;color:var(--color-gray-500)}.platform-shell .owner-recent-card{margin-top:22px}

.platform-shell .subscription-overview{border-top:4px solid var(--color-brand-500)}.platform-shell .subscription-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.platform-shell .subscription-rule-grid article{padding:17px;border:1px solid var(--color-gray-200);border-radius:14px;background:var(--color-gray-25,#fcfcfd)}.platform-shell .subscription-rule-grid span{display:block;margin-bottom:7px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--color-brand-600)}.platform-shell .subscription-rule-grid strong{display:block;font-size:12px;color:var(--color-gray-900)}.platform-shell .subscription-rule-grid p{margin:6px 0 0;font-size:9px;line-height:1.55;color:var(--color-gray-500)}.platform-shell .owner-count-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--color-gray-100);color:var(--color-gray-600);font-size:9px;font-weight:700}.platform-shell .subscription-list{display:grid;gap:11px}.platform-shell .subscription-record{padding:0;border:1px solid var(--color-gray-200);border-radius:15px;background:#fff;overflow:hidden}.platform-shell .subscription-record>summary{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(170px,.55fr) auto;gap:24px;align-items:center;padding:18px 20px;cursor:pointer;list-style:none}.platform-shell .subscription-record>summary::-webkit-details-marker{display:none}.platform-shell .subscription-record[open]>summary{margin:0;border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-25,#fcfcfd)}.platform-shell .subscription-summary-main{display:flex;align-items:center;gap:12px;min-width:0}.platform-shell .subscription-avatar{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:12px;background:var(--color-brand-50);color:var(--color-brand-600);font-size:9px;font-weight:800}.platform-shell .subscription-summary-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.platform-shell .subscription-summary-main small,.platform-shell .subscription-summary-price small{display:block;margin-top:4px;font-size:9px;color:var(--color-gray-500)}.platform-shell .subscription-summary-price strong{display:block;margin-top:3px;font-size:13px}.platform-shell .subscription-summary-status{display:flex;align-items:center;gap:10px}.platform-shell .record-chevron{width:8px;height:8px;border-right:1.5px solid var(--color-gray-500);border-bottom:1.5px solid var(--color-gray-500);transform:rotate(45deg);transition:transform .2s}.platform-shell details[open] .record-chevron{transform:rotate(225deg)}.platform-shell .subscription-detail-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:24px;padding:22px}.platform-shell .subscription-price-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start}.platform-shell .subscription-price-breakdown article{min-height:112px;padding:15px;border-radius:13px;background:var(--color-gray-50)}.platform-shell .subscription-price-breakdown small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500)}.platform-shell .subscription-price-breakdown strong{display:block;margin:8px 0 4px;font-size:13px}.platform-shell .subscription-price-breakdown span{font-size:8px;color:var(--color-gray-500)}.platform-shell .subscription-edit-panel{padding-left:24px;border-left:1px solid var(--color-gray-200)}

.platform-shell .pricing-model-intro{border-top:4px solid var(--color-brand-500)}.platform-shell .pricing-formula{display:grid;grid-template-columns:160px minmax(0,1fr);gap:5px 20px;align-items:center;padding:17px 18px;border-radius:14px;background:var(--color-brand-50)}.platform-shell .pricing-formula span{grid-row:1/3;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--color-brand-600)}.platform-shell .pricing-formula strong{font-size:12px;color:var(--color-gray-900)}.platform-shell .pricing-formula small{font-size:9px;color:var(--color-gray-600)}.platform-shell .platform-plan-grid,.platform-shell .platform-team-grid,.platform-shell .platform-settings-grid{display:grid}.platform-shell .platform-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.platform-shell .platform-plan-card{padding:26px}.platform-shell .plan-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.platform-shell .plan-card-head h2{margin:8px 0 5px;font-size:20px}.platform-shell .plan-card-head p{margin:0;font-size:10px;color:var(--color-gray-500)}.platform-shell .plan-price-preview{display:flex;flex-direction:column;gap:4px;margin-bottom:22px;padding:18px;border:1px solid var(--color-gray-200);border-radius:14px;background:linear-gradient(135deg,var(--color-gray-25,#fcfcfd),#fff)}.platform-shell .plan-price-preview>small{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:var(--color-gray-500)}.platform-shell .plan-price-preview>strong{margin-top:3px;font-size:20px;line-height:1.2}.platform-shell .plan-price-preview em{font-size:10px;font-style:normal;font-weight:500;color:var(--color-gray-500)}.platform-shell .plan-price-preview>span{font-size:9px;color:var(--color-gray-500)}.platform-shell .plan-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.platform-shell .plan-sample{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"label value" "label note";gap:3px 12px;align-items:center;padding:14px 16px;border-radius:12px;background:#f0fdf4;border:1px solid #bbf7d0}.platform-shell .plan-sample span{grid-area:label;font-size:8px;font-weight:800;text-transform:uppercase;color:#15803d}.platform-shell .plan-sample strong{grid-area:value;font-size:11px;color:#166534}.platform-shell .plan-sample small{grid-area:note;font-size:8px;color:#4d7c5a}

.marketing .mk-price-note{margin:-8px 0 17px;font-size:9px;font-weight:650;color:var(--mk-plum)}.marketing .mk-price-from{font-size:.48em;font-weight:700;letter-spacing:.02em;vertical-align:middle;color:var(--mk-copy)}

.dark .platform-shell .owner-kpi-grid article,.dark .platform-shell .subscription-record{background:#111827;border-color:#344054}.dark .platform-shell .owner-kpi-grid strong,.dark .platform-shell .owner-action-card a strong,.dark .platform-shell .owner-plan-list dd,.dark .platform-shell .owner-plan-list h3,.dark .platform-shell .subscription-summary-main strong,.dark .platform-shell .subscription-summary-price strong,.dark .platform-shell .pricing-formula strong,.dark .platform-shell .plan-price-preview>strong{color:#f2f4f7}.dark .platform-shell .owner-plan-list>article,.dark .platform-shell .subscription-rule-grid article,.dark .platform-shell .owner-health-foot>div,.dark .platform-shell .subscription-price-breakdown article,.dark .platform-shell .plan-price-preview{background:#182230;border-color:#344054}.dark .platform-shell .owner-value-list>div,.dark .platform-shell .owner-empty-state{background:#182230}.dark .platform-shell .owner-value-list span{background:#111827;border-color:#344054}.dark .platform-shell .subscription-record[open]>summary{background:#182230;border-color:#344054}.dark .platform-shell .subscription-edit-panel{border-color:#344054}.dark .platform-shell .pricing-formula{background:#1d2a52}

@media(max-width:1450px){.platform-shell .owner-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-shell .owner-plan-list{grid-template-columns:1fr}}
@media(max-width:1180px){
  .platform-shell .owner-command-card{grid-template-columns:1.35fr .8fr;gap:24px}.platform-shell .owner-dashboard-primary,.platform-shell .owner-dashboard-secondary{grid-template-columns:1fr}.platform-shell .subscription-detail-grid{grid-template-columns:1fr}.platform-shell .subscription-edit-panel{padding-left:0;border-left:0;border-top:1px solid var(--color-gray-200);padding-top:20px}
  .marketing .site-header nav{gap:15px}.marketing .mk-hero-banner{grid-template-columns:.9fr 1.1fr;padding-left:40px}.marketing .mk-story{gap:46px}.marketing .mk-story-cards{grid-template-columns:repeat(2,1fr)}
  .platform-shell .sidebar{width:240px}.platform-shell .workspace{margin-left:240px}.platform-shell .main-content{padding:32px 28px 46px}.platform-shell .platform-team-grid{grid-template-columns:1fr}
}
@media(max-width:1023px){
  .platform-shell .owner-command-card{grid-template-columns:1fr}.platform-shell .subscription-rule-grid{grid-template-columns:1fr}.platform-shell .platform-plan-grid{grid-template-columns:1fr}
  .marketing .mk-demo-page{grid-template-columns:1fr;gap:36px;padding-top:72px;padding-bottom:72px}.platform-shell .design-control-grid{grid-template-columns:1fr 1fr}.platform-shell .demo-admin-card{grid-template-columns:1fr}

  .marketing .site-header{width:calc(100% - 24px)}.marketing .mk-shell{width:min(100% - 40px,920px)}.marketing .mk-hero-modern{padding-top:56px}.marketing .mk-hero-banner{min-height:560px;grid-template-columns:1fr;padding:42px 0 0 42px}.marketing .mk-hero-banner-copy{max-width:650px;padding-right:42px;padding-bottom:12px}.marketing .mk-browser-frame{height:330px;margin-left:52px;width:calc(100% - 52px)}.marketing .mk-trust .mk-shell{grid-template-columns:repeat(2,1fr)}.marketing .mk-trust div div:nth-child(3){border-top:1px solid #f1eaf2}.marketing .mk-trust div div:nth-child(4){border-top:1px solid #f1eaf2}.marketing .mk-story{grid-template-columns:1fr;gap:28px}.marketing .mk-story.reverse .mk-story-copy,.marketing .mk-story.reverse .mk-story-visual{order:initial}.marketing .mk-highlight-grid{grid-template-columns:repeat(2,1fr)}.marketing .mk-bento{grid-template-columns:repeat(2,1fr)}.marketing .mk-dark-grid{grid-template-columns:1fr;gap:45px}.marketing .mk-audiences{grid-template-columns:repeat(2,1fr)}.marketing .mk-resource-grid{grid-template-columns:repeat(3,1fr)}.marketing .mk-final-cta>.mk-shell{grid-template-columns:.55fr 1fr;padding:38px}.marketing .site-footer{grid-template-columns:2fr repeat(2,1fr)}.marketing .site-footer>div:nth-child(4){grid-column:2/3}.marketing .mk-contact{gap:45px}.marketing .auth-layout{grid-template-columns:1fr 1fr;gap:42px}
  .platform-shell .workspace{margin-left:0}.platform-shell .sidebar{width:276px}.platform-shell .main-content{padding:30px 24px 42px}.platform-shell .app-header{height:76px;padding:13px 20px}
}
@media(max-width:820px){
  .platform-shell .owner-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-shell .subscription-record>summary{grid-template-columns:1fr auto}.platform-shell .subscription-summary-price{grid-column:1/2;padding-left:51px}.platform-shell .subscription-summary-status{grid-row:1/3;grid-column:2}.platform-shell .subscription-price-breakdown{grid-template-columns:1fr 1fr}.platform-shell .plan-form-grid{grid-template-columns:1fr}
  .marketing .site-header{top:6px;flex-wrap:wrap}.marketing .nav-toggle{display:grid}.marketing .site-header nav{display:none;width:100%;flex-basis:100%;padding:12px 4px 4px;border-top:1px solid #eee7ef;flex-direction:column;align-items:stretch;gap:0;font-size:13px}.marketing .site-header nav.open{display:flex}.marketing .site-header nav>a:not(.button){padding:11px 8px}.marketing .site-header nav>a:not(.button)::after{display:none}.marketing .site-header nav .button{margin-top:8px;width:100%}
  .marketing .mk-announcement .mk-shell{justify-content:space-between;font-size:9px}.marketing .mk-hero-copy-modern h1{font-size:48px}.marketing .mk-story-visual{min-height:310px;padding:28px}.marketing .mk-resource-grid{grid-template-columns:1fr 1fr}.marketing .mk-testimonial blockquote{font-size:25px}.marketing .mk-contact{grid-template-columns:1fr;gap:34px}.marketing .auth-layout{grid-template-columns:1fr;max-width:560px}.marketing .auth-art{display:none}
}
@media(max-width:680px){
  .platform-shell .owner-command-card{padding:24px 20px}.platform-shell .owner-command-copy h2{font-size:25px}.platform-shell .owner-kpi-grid{grid-template-columns:1fr}.platform-shell .owner-health-row{grid-template-columns:1fr 44px}.platform-shell .owner-health-row progress{grid-column:1/3}.platform-shell .owner-health-foot{grid-template-columns:1fr}.platform-shell .owner-plan-list>article{flex-direction:column}.platform-shell .owner-plan-list dl{text-align:left}.platform-shell .subscription-record>summary{padding:15px}.platform-shell .subscription-detail-grid{padding:16px}.platform-shell .subscription-price-breakdown{grid-template-columns:1fr}.platform-shell .pricing-formula{grid-template-columns:1fr}.platform-shell .pricing-formula span{grid-row:auto}
  .marketing .mk-demo-page{padding-top:58px;padding-bottom:58px;gap:28px}.marketing .mk-demo-intro h1{font-size:39px}.marketing .mk-demo-login-card{padding:24px 18px}.marketing .mk-demo-credentials{grid-template-columns:1fr;gap:5px}.platform-shell .design-control-grid{grid-template-columns:1fr}.application.demo-readonly .demo-mode-banner{flex-direction:column;gap:5px}

  .marketing .mk-shell{width:calc(100% - 30px)}.marketing .site-header{width:calc(100% - 18px);margin-top:8px;padding:10px 12px;border-radius:13px}.marketing .brand{font-size:19px}.marketing .brand-mark{width:31px;height:31px}.marketing .brand-tag{font-size:6px}.marketing .mk-announcement{margin-top:10px}.marketing .mk-announcement .mk-shell{min-height:42px;gap:12px}.marketing .mk-announcement a{white-space:nowrap}.marketing .mk-hero-modern{padding-top:44px;padding-bottom:54px}.marketing .mk-hero-copy-modern{margin-bottom:36px}.marketing .mk-kicker.center span{width:18px}.marketing .mk-hero-copy-modern h1{font-size:39px;line-height:1.06}.marketing .mk-lead.modern{font-size:13px;line-height:1.75}.marketing .mk-actions.center .button{flex:1 1 160px}.marketing .mk-proof span{font-size:9px}.marketing .mk-hero-banner{min-height:520px;border-radius:18px;padding:30px 0 0 24px}.marketing .mk-hero-banner-copy{padding-right:24px}.marketing .mk-hero-banner-copy h2{font-size:29px}.marketing .mk-browser-frame{margin-left:0;width:calc(100% + 1px);height:290px;border-left-width:5px;border-top-width:5px}.marketing .mk-browser-body{grid-template-columns:34px 1fr}.marketing .mk-browser-body aside{padding-inline:6px}.marketing .mk-browser-body aside i{width:17px}.marketing .mk-browser-body main{padding:13px}.marketing .mk-preview-grid{grid-template-columns:1fr}.marketing .mk-pulse-card{display:none}.marketing .mk-preview-stats article{padding:7px}.marketing .mk-trust .mk-shell{grid-template-columns:1fr 1fr}.marketing .mk-trust div div{padding:18px 12px}.marketing .mk-trust strong{font-size:12px}.marketing .mk-trust span{font-size:8px}.marketing .mk-section{padding-top:64px;padding-bottom:64px}.marketing .mk-section-head{margin-bottom:36px;text-align:left}.marketing .mk-section-head h2{font-size:34px}.marketing .mk-story-stack{gap:58px}.marketing .mk-story-copy h3{font-size:27px}.marketing .mk-story-visual{min-height:270px;padding:18px}.marketing .mk-filter-row{grid-template-columns:1fr 1fr}.marketing .mk-att-row{grid-template-columns:22px 1fr repeat(3,.5fr)}.marketing .mk-att-row small{display:none}.marketing .mk-finance-kpis{gap:4px}.marketing .mk-ledger p{grid-template-columns:34px 1fr}.marketing .mk-ledger em{grid-column:2}.marketing .mk-highlight-grid{grid-template-columns:1fr;margin-top:48px}.marketing .mk-bento{grid-template-columns:1fr}.marketing .mk-bento article.wide{grid-column:auto}.marketing .mk-bento article{min-height:205px}.marketing .mk-dark-section{padding:64px 0}.marketing .mk-dark-section h2{font-size:34px}.marketing .mk-audiences{grid-template-columns:1fr}.marketing .mk-pricing{padding:64px 0}.marketing .mk-price-grid>article.featured{transform:none}.marketing .mk-story-cards{grid-template-columns:1fr}.marketing .mk-resource-grid{grid-template-columns:1fr}.marketing .mk-testimonial{padding:62px 0}.marketing .mk-testimonial blockquote{font-size:22px}.marketing .mk-final-cta{width:calc(100% - 24px);margin-bottom:45px}.marketing .mk-final-cta>.mk-shell{grid-template-columns:1fr;padding:28px}.marketing .mk-cta-visual{height:110px}.marketing .mk-final-cta h2{font-size:29px}.marketing .mk-inner-hero{padding-top:64px;padding-bottom:50px}.marketing .mk-inner-hero h1{font-size:39px}.marketing .mk-contact{padding-top:60px;padding-bottom:60px}.marketing .mk-contact h1{font-size:39px}.marketing .mk-form-card{padding:24px 18px}.marketing .auth-layout{width:calc(100% - 30px);padding:50px 0 65px}.marketing .auth-panel h1{font-size:33px}.marketing .site-footer{padding:44px 22px 24px;grid-template-columns:1fr 1fr;gap:30px}.marketing .site-footer .footer-brand{grid-column:1/-1}.marketing .site-footer>div:nth-child(4){grid-column:auto}.marketing .site-footer .copyright{grid-column:1/-1}
  .platform-shell .main-content{padding:24px 16px 36px}.platform-shell .page-heading{margin-bottom:23px}.platform-shell .page-heading h1{font-size:27px}.platform-shell .card{padding:21px 17px}.platform-shell .card-heading{flex-direction:column;align-items:stretch;gap:12px}.platform-shell .card-heading .button{align-self:flex-start}.platform-shell .form-grid,.platform-shell .editor-two-col{grid-template-columns:1fr}.platform-shell .platform-settings-grid,.platform-shell .platform-plan-grid{grid-template-columns:1fr}.platform-shell .platform-message{grid-template-columns:1fr}.platform-shell .website-studio-nav{padding:6px}.platform-shell .website-studio-nav a{flex:1 1 calc(50% - 8px);text-align:center}.platform-shell .website-studio-nav a.preview{margin-left:0;flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){.marketing *{scroll-behavior:auto!important;transition:none!important}}
@media print{.marketing .site-header,.marketing .site-footer,.marketing .mk-announcement{display:none!important}}

/* 0.5.13 role-based client demo. */
.marketing .mk-demo-page-multi{grid-template-columns:minmax(320px,.72fr) minmax(620px,1.28fr);gap:58px;align-items:start;padding-top:84px;padding-bottom:90px}
.marketing .mk-demo-page-multi .mk-demo-intro{position:sticky;top:120px;padding-top:46px}
.marketing .mk-demo-helper{margin-top:22px!important;padding:16px 18px;border-left:3px solid var(--mk-accent);border-radius:0 12px 12px 0;background:var(--mk-soft);font-size:12px!important;line-height:1.7!important}
.marketing .mk-demo-role-panel{padding:30px}
.marketing .mk-demo-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}
.marketing .mk-demo-panel-head h2{margin:10px 0 8px}.marketing .mk-demo-panel-head p{margin:0;max-width:720px;font-size:12px;line-height:1.7}
.marketing .mk-readonly-pill{flex:0 0 auto;padding:7px 10px;border:1px solid #eadfeb;border-radius:999px;background:var(--mk-soft);color:var(--mk-plum);font-size:9px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.marketing .mk-demo-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.marketing .mk-demo-role-card{display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid #eadfeb;border-radius:16px;background:var(--mk-surface);box-shadow:0 8px 24px rgba(67,0,79,.035)}
.marketing .mk-demo-role-card:hover{border-color:color-mix(in srgb,var(--mk-plum) 35%,#eadfeb);transform:translateY(-1px)}
.marketing .mk-demo-role-card.is-missing{opacity:.68;background:var(--mk-soft)}
.marketing .mk-demo-role-head{display:flex;align-items:center;gap:12px}.marketing .mk-demo-role-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--mk-plum),var(--mk-accent));color:#fff;font-size:13px;font-weight:800;flex:0 0 auto}
.marketing .mk-demo-role-head small{display:block;color:#a48da7;font-size:7px;font-weight:800;letter-spacing:.12em}.marketing .mk-demo-role-head h3{margin:2px 0 0;font-size:15px;color:var(--mk-plum)}
.marketing .mk-demo-role-card>p{font-size:10px;line-height:1.65;min-height:50px;margin:12px 0}
.marketing .mk-demo-role-credentials{display:grid;grid-template-columns:58px minmax(0,1fr);gap:5px 8px;margin:0 0 14px;padding:11px;border-radius:11px;background:var(--mk-soft);font-size:8px}.marketing .mk-demo-role-credentials dt{color:#a48da7}.marketing .mk-demo-role-credentials dd{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--mk-ink)}.marketing .mk-demo-role-credentials code{font-size:8px}
.marketing .mk-demo-role-card .button{margin-top:auto;min-height:38px;padding:8px 11px;font-size:9px}.marketing .mk-demo-unavailable{display:block;margin-top:auto;padding:9px 10px;border-radius:9px;background:#fff4da;color:#8b6517;text-align:center;font-size:9px;font-weight:700}
.marketing .mk-demo-warning{margin:16px 0 0!important;padding:12px 14px;border-radius:10px;background:#fff7e6;color:#775719;font-size:10px!important}
@media(max-width:1180px){.marketing .mk-demo-page-multi{grid-template-columns:1fr;gap:30px}.marketing .mk-demo-page-multi .mk-demo-intro{position:static;padding-top:0}.marketing .mk-demo-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.marketing .mk-demo-role-panel{padding:20px 15px}.marketing .mk-demo-panel-head{flex-direction:column;gap:10px}.marketing .mk-demo-role-grid{grid-template-columns:1fr}.marketing .mk-demo-role-card>p{min-height:0}}