/* DMEDesk marketing pages (home, pricing, how it works) — extends concept-a.css */
.nav-links a[aria-current=page]{color:var(--ink);font-weight:500}
.foot-in a{color:#E9E2D6}
.toast-a:empty{display:none}
.toast-a{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:12px 20px;border-radius:999px;font-size:14px;z-index:50}

.page-hero{padding:88px 0 48px}
.page-hero h1{font-size:clamp(42px,6vw,88px);line-height:.98;letter-spacing:-.045em;max-width:14ch}
.page-hero-sub{display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap;margin-top:32px}
.page-hero-sub p,.lede{font-size:clamp(18px,1.5vw,21px);color:var(--ink-2);max-width:44ch}
.lede{margin:28px 0 30px}
.seg-lg{padding:4px;background:var(--cream-2)}
.seg-lg button{font-size:14.5px;padding:11px 18px}
.seg button.active,.seg button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px rgba(29,44,56,.15)}

/* plans */
.plans{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px;align-items:start;padding-bottom:24px}
.plan{display:flex;flex-direction:column;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px}
.plan h2{font-size:28px;margin-top:10px}
.plan>p{color:var(--ink-2)}
.plan .pc-price{margin:12px 0 4px}
.plan .pc-price.sm b{font-size:56px}
.plan-meta{font-size:14px;color:var(--ink-2);padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:8px}
.plan .checks{margin-bottom:8px}
.plan .btn{align-self:flex-start;margin-top:auto}
.plan-foot{font-size:13px;color:var(--ink-2);margin-bottom:8px}
.plan-core{box-shadow:var(--shadow),0 40px 80px -50px rgba(29,44,56,.4);background-image:radial-gradient(120% 50% at 100% 0%,#F3E6D2 0%,rgba(243,230,210,0) 60%)}
.plan-core .pc-launch{margin:8px 0 12px}
.launch-panel{padding-bottom:24px}
.launch-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:44px}
.launch-grid h2{font-size:clamp(32px,3.6vw,48px);line-height:1.04;letter-spacing:-.035em}
.launch-grid p{color:var(--ink-2);margin:16px 0 24px;max-width:48ch}
.launch-art{display:flex;flex-wrap:wrap;gap:8px;align-items:end}
.launch-art .ill{width:110px;height:82px;margin:0}
.note-a{flex-basis:100%;background:#F3EBDD;border-radius:14px;padding:14px 16px;font-size:14px;color:#3F4B54!important;margin:12px 0 0!important}

.sec{padding:110px 0 0}
.cmp{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r-md)}
.cmp table{min-width:520px}
.cmp caption{caption-side:top;text-align:left;padding:14px 16px 0;font-size:13px;color:var(--ink-2)}
.cmp th[scope=row]{font-weight:500}
.cmp td:nth-child(2){font-weight:600}
.fit{margin-top:110px;background:var(--ink);color:var(--cream);border-radius:var(--r-lg);padding:44px;display:grid;grid-template-columns:1fr 1.6fr;gap:32px;align-items:center}
.fit h2{font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-.03em}
.fit ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fit li{border-top:1px solid rgba(247,241,232,.25);padding-top:14px;display:flex;flex-direction:column;gap:4px}
.fit li b{font-weight:500}
.fit li span{color:#C9C2B6;font-size:14.5px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.two>div{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:28px}
.two h3{font-size:20px;margin-bottom:16px}
.dashes{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15.5px;color:var(--ink-2)}
.dashes li::before{content:"— "}

/* how it works */
.how-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.cycle{list-style:none;margin:0;padding:12px 24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.cycle li{display:flex;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.cycle li:last-child{border-bottom:0}
.cycle b{display:block;font-weight:500;font-size:16.5px}
.cycle span{font-size:14px;color:var(--ink-2)}
.faq{border-top:1px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:22px 0;font-size:clamp(18px,1.6vw,22px);font-weight:500;letter-spacing:-.015em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:400;font-size:24px;line-height:1;transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{color:var(--ink-2);padding:0 0 22px;max-width:70ch}

body.mk .closing{margin-top:120px}

@media (max-width:1100px){
  .plans{grid-template-columns:1fr 1fr}
  .plan-core{grid-column:1/-1}
  .how-hero,.launch-grid,.fit{grid-template-columns:1fr}
}
@media (max-width:820px){
  .page-hero{padding:56px 0 32px}
  .plans,.two{grid-template-columns:1fr}
  .fit{padding:28px 22px;margin-top:72px}
  .fit ul{grid-template-columns:1fr}
  .launch-grid{padding:26px 20px}
  .sec{padding-top:72px}
  .plan{padding:24px 20px}
  body.mk .closing{margin-top:80px}
}

/* compact nav row on tablet / phone so every page stays reachable */
@media (max-width:1100px){
  .nav-row{flex-wrap:wrap;height:auto;padding:12px 0 0;gap:12px 20px}
  .nav-row .nav-links{display:flex;order:3;flex-basis:100%;margin:0;gap:22px;overflow-x:auto;padding:4px 0 12px;font-size:14.5px;scrollbar-width:none}
  .nav-row .nav-links::-webkit-scrollbar{display:none}
  .nav-row .nav-links a{white-space:nowrap}
}

html,body{overflow-x:clip}
.parade{overflow:hidden}
[data-pricing-panel][hidden]{display:none!important}