/* =====================================================================
   CasePilot360 public pages. A marked-up-document look: warm paper,
   ink-navy type, teal highlighter, handwritten margin notes.
   Scoped to .mk so the app itself is untouched.
   ===================================================================== */
@font-face{font-family:'Fraunces';src:url('/fonts/fraunces-latin-full-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Fraunces';src:url('/fonts/fraunces-latin-full-italic.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:'Atkinson Hyperlegible Next';src:url('/fonts/atkinson-hyperlegible-next-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Atkinson Hyperlegible Next';src:url('/fonts/atkinson-hyperlegible-next-latin-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Atkinson Hyperlegible Next';src:url('/fonts/atkinson-hyperlegible-next-latin-700-normal.woff2') format('woff2');font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:'Caveat';src:url('/fonts/caveat-latin-wght-normal.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}

.mk{--paper:#FBF8F3;--paper-2:#F3EEE4;--ink:#0F1B3A;--ink-soft:#35425F;--rule:#DCD3C4;--navy:#032E7D;--navy-deep:#0A1F4D;--teal:#03A3A7;--teal-dark:#02666A;--hl:rgba(3,163,167,.30);
  --disp:'Fraunces','Iowan Old Style','Palatino Linotype',Georgia,serif;--body:'Atkinson Hyperlegible Next','Segoe UI',system-ui,sans-serif;--hand:'Caveat','Segoe Script','Bradley Hand',cursive;
  background:var(--paper);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}
.mk *{box-sizing:border-box}
.mk h1,.mk h2,.mk h3,.mk h4{font-family:var(--disp);color:var(--ink);letter-spacing:-.02em;font-optical-sizing:auto;margin:0}
.mk h1,.mk h2{font-weight:600!important;line-height:1.07}
.mk h3{font-weight:600;line-height:1.2}
.mk p{margin:0 0 1em}
.mk a{color:var(--navy)}
.mk section[id]{scroll-margin-top:84px}
.mk ::selection{background:var(--hl)}
.mk :focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:4px}
.mk-wrap{max-width:1160px;margin:0 auto;padding:0 32px}
.mk-section{padding:96px 0}
.mk-rule{border-top:1px solid var(--rule)}
.mk-alt{background:var(--paper-2)}
.mk-hand{display:inline-block;font:700 28px/1.1 var(--hand);color:var(--teal-dark);transform:rotate(-2deg)}
.mk-eyebrow{font:700 14px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--teal-dark);margin:0 0 18px}
.mk-h2{font-size:clamp(30px,3.8vw,48px);max-width:820px}
.mk-lead{font-size:20px;color:var(--ink-soft);max-width:680px}
.mk-fine{font-size:15px;color:var(--ink-soft);max-width:760px}
.mk-hl{background:linear-gradient(180deg,transparent 56%,var(--hl) 56%,var(--hl) 90%,transparent 90%);border-radius:3px 7px 4px 6px;padding:0 .1em;margin:0 -.1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* buttons + links: plain, square-ish, no glow */
.mk-btn{display:inline-block;font:700 17px/1 var(--body);padding:16px 26px;border-radius:8px;background:var(--navy);color:#fff!important;text-decoration:none;border:2px solid var(--navy);cursor:pointer;transition:background .15s,color .15s}
.mk-btn:hover{background:#021F57;border-color:#021F57}
.mk-btn-line{background:transparent;color:var(--navy)!important}
.mk-btn-line:hover{background:var(--navy);color:#fff!important}
.mk-btn-light{background:#fff;border-color:#fff;color:var(--navy-deep)!important}
.mk-btn-light:hover{background:#E8F7F7;border-color:#E8F7F7}
.mk-link{color:var(--navy);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.mk-link:hover{color:var(--teal-dark)}
.mk-link-light{color:#fff}.mk-link-light:hover{color:#9BEFF1}

/* header */
.mk .site-header,.mk .site-header.scrolled{background:rgba(251,248,243,.95);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--rule);box-shadow:none}
.mk .header-inner,.mk .site-header.scrolled .header-inner{max-width:1160px;padding:12px 32px}
.mk .wordmark-img{height:50px}
.mk .header-nav{gap:26px}
.mk .header-nav a{font:700 16px/1 var(--body);letter-spacing:0;text-transform:none;color:var(--ink);padding:6px 0}
.mk .header-nav a::after{height:2px;bottom:-2px;background:var(--teal)}
.mk .header-nav a.mk-nav-adv{color:var(--teal-dark)}
.mk .header-nav a.mk-nav-btn{background:var(--navy)!important;color:#fff!important;border-radius:8px!important;padding:11px 18px!important;box-shadow:none}
.mk .header-nav a.mk-nav-btn::after{display:none}
.mk .header-nav a.mk-nav-btn:hover{background:#021F57!important}
.mk #langToggle{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:6px 2px;font:700 15px var(--body);color:var(--ink-soft);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.mk #langToggle svg{display:none}
.mk .mobile-toggle span{background:var(--ink)}
.mk .mobile-overlay{background:var(--paper)}
.mk .mobile-overlay a{font-family:var(--disp);font-weight:600;color:var(--ink)}

/* hero */
.mk-hero{padding:132px 0 84px}
.mk-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:72px;align-items:center}
.mk-hero h1{font-size:clamp(40px,5.1vw,66px);letter-spacing:-.03em;margin:14px 0 24px}
.mk-sub{font-size:21px;line-height:1.6;color:var(--ink-soft);max-width:600px;margin:0 0 32px}
.mk-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin:0 0 14px}
.mk-small{font-size:16px;color:var(--ink-soft);margin:0}
.mk-small a{font-weight:700}

/* the marked-up document */
.mk-paper-wrap{position:relative;padding:14px 10px 64px}
.mk-paper{position:relative;background:#fff;border:1px solid #E6DFD1;padding:34px 28px 26px;transform:rotate(-1.3deg);
  box-shadow:0 1px 0 #fff inset,0 22px 44px rgba(60,45,15,.13),0 3px 8px rgba(60,45,15,.09);
  background-image:repeating-linear-gradient(transparent 0,transparent 31px,#F0EBDF 31px,#F0EBDF 32px)}
.mk-paper::before{content:"";position:absolute;left:46px;top:0;bottom:0;width:2px;background:rgba(214,69,69,.16)}
.mk-tape{position:absolute;left:50%;top:-16px;width:112px;height:30px;margin-left:-56px;background:rgba(224,208,160,.62);transform:rotate(2.5deg);box-shadow:0 1px 2px rgba(60,45,15,.15)}
.mk-doc-head{font:700 12.5px/1.3 var(--body);letter-spacing:.1em;text-transform:uppercase;color:#4a5570;margin:0 0 4px 22px}
.mk-doc-sub{font-size:14px;color:#6a7288;margin:0 0 18px 22px}
.mk-row{display:grid;grid-template-columns:1fr 150px;gap:18px;padding:12px 0 12px 22px;align-items:start}
.mk-doc{font-size:15.5px;line-height:1.55;color:#243049;margin:0}
.mk-doc b{display:block;font:700 12px/1 var(--body);letter-spacing:.1em;color:#4a5570;margin-bottom:6px}
.mk-doc .mk-hl{background:linear-gradient(180deg,transparent 40%,rgba(3,163,167,.38) 40%,rgba(3,163,167,.38) 95%,transparent 95%)}
.mk-note{font:700 22px/1.08 var(--hand);color:var(--teal-dark);transform:rotate(-1.5deg);margin:0;padding-left:16px;position:relative}
.mk-note::before{content:"\2190";position:absolute;left:0;top:0;font-family:var(--body);font-weight:400;font-size:18px}
.mk-sticky{position:absolute;right:-14px;bottom:-30px;width:196px;background:#FFEFA0;padding:16px 16px 20px;font:700 22px/1.12 var(--hand);color:#3C3300;transform:rotate(3deg);box-shadow:0 12px 20px rgba(60,40,0,.2)}
.mk-caption{position:absolute;left:12px;bottom:30px;font-size:13.5px;color:#6a7288;margin:0}

/* problem */
.mk-problem{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.mk-problem h2{font-size:clamp(32px,4.2vw,56px)}
.mk-problem p{font-size:20px;color:var(--ink-soft)}
.mk-problem p:last-child{margin-bottom:0}

/* how it works */
.mk-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:48px}
.mk-step{border-top:3px solid var(--ink);padding-top:18px}
.mk-step-n{font:600 68px/1 var(--disp);color:var(--teal-dark);display:block;margin-bottom:12px}
.mk-step h3{font-size:26px;margin-bottom:10px}
.mk-step p{color:var(--ink-soft);margin:0}

/* rights (flat dark band) */
.mk-dark{background:var(--navy-deep);color:#fff}
.mk-dark h2,.mk-dark h3{color:#fff}
.mk-dark .mk-hand{color:#8FE9EB}
.mk-rights{display:grid;grid-template-columns:1fr 1fr;gap:0 64px;margin-top:44px}
.mk-right{border-top:1px solid rgba(255,255,255,.28);padding:26px 0 34px}
.mk-right-n{font:600 15px var(--disp);color:#8FE9EB;letter-spacing:.08em}
.mk-right h3{font-size:27px;margin:8px 0 10px}
.mk-right p{color:rgba(255,255,255,.84);margin:0 0 10px;font-size:18px}
.mk-cite{font-size:14px;letter-spacing:.06em;color:#8FE9EB}
.mk-dark .mk-fine{color:rgba(255,255,255,.7)}

/* toolbox */
.mk-tools{display:grid;grid-template-columns:1fr 1fr;gap:0 64px;margin:44px 0 0}
.mk-tool{border-top:1px solid var(--rule);padding:22px 0 26px}
.mk-tool h3{font-size:24px;margin-bottom:6px}
.mk-tool p{margin:0;color:var(--ink-soft)}

/* plans */
.mk-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:44px;border:1px solid var(--ink)}
.mk-plan{padding:34px 30px;border-right:1px solid var(--ink);display:flex;flex-direction:column;position:relative;background:#fff}
.mk-plan:last-child{border-right:0}
.mk-plan-pro{background:var(--paper);box-shadow:inset 0 8px 0 var(--teal)}
.mk-plan h3{font-size:28px}
.mk-plan-tag{color:var(--ink-soft);margin:6px 0 18px;font-size:17px}
.mk-price{font:600 58px/1 var(--disp);letter-spacing:-.03em}
.mk-price small{font:400 16px var(--body);letter-spacing:0;color:var(--ink-soft);margin-left:8px}
.mk-plan ul{list-style:none;margin:24px 0 28px;padding:0;flex:1}
.mk-plan li{position:relative;padding:7px 0 7px 28px;font-size:17px;line-height:1.45}
.mk-plan li::before{content:"\2713";position:absolute;left:0;top:6px;color:var(--teal-dark);font-weight:700}
.mk-plan .mk-btn{width:100%;text-align:center}
.mk-plan-hand{position:absolute;right:22px;top:26px;font:700 22px/1.05 var(--hand);color:var(--teal-dark);transform:rotate(4deg);text-align:right;max-width:120px}

/* also on CasePilot360 */
.mk-two{display:grid;grid-template-columns:1fr 1fr;gap:72px}
.mk-two h3{font-size:30px;margin-bottom:12px}
.mk-two p{color:var(--ink-soft)}
.mk-two .mk-btn{margin-top:6px}
.mk-consult{border:2px solid var(--ink);background:#fff;padding:40px;max-width:760px}
.mk-consult h2{font-size:34px;margin-bottom:12px}

/* faq */
.mk-faq{max-width:820px}
.mk details{background:none;border:0;border-bottom:1px solid var(--rule);border-radius:0;box-shadow:none;padding:0;margin:0}
.mk details:first-of-type{border-top:1px solid var(--rule)}
.mk summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font:600 21px/1.3 var(--disp);color:var(--ink)}
.mk summary::-webkit-details-marker{display:none}
.mk summary::after{content:"+";font:400 30px/1 var(--body);color:var(--teal-dark);flex:0 0 auto}
.mk details[open] summary::after{content:"\2212"}
.mk details p{margin:0 0 24px;color:var(--ink-soft);max-width:700px}

/* closing */
.mk-close{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.mk-close h2{font-size:clamp(32px,4vw,52px)}
.mk-close p{color:var(--ink-soft);font-size:20px;margin:0 0 20px}
.mk-close-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}

/* footer */
.mk .mk-footer{background:var(--navy-deep);color:rgba(255,255,255,.8);padding:64px 0 28px}
.mk-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1.3fr;gap:40px}
.mk .mk-footer h4{font:700 14px var(--body);letter-spacing:.1em;text-transform:uppercase;color:#8FE9EB;margin:0 0 14px}
.mk .mk-footer a{display:block;color:rgba(255,255,255,.82);text-decoration:none;font-size:16px;padding:4px 0}
.mk .mk-footer a:hover{color:#fff;text-decoration:underline}
.mk-footer-brand p{max-width:300px;font-size:16px;margin:16px 0 0}
.mk-footer-bottom{margin-top:44px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between;font-size:14px;color:rgba(255,255,255,.65)}
.mk-footer-bottom p{max-width:640px;margin:0}

/* advocates page */
.mk-desk{position:relative;padding:10px 10px 44px}
.mk-desk-card{background:#fff;border:1px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:0;transform:rotate(1deg)}
.mk-desk-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--ink);font:700 15px var(--body)}
.mk-desk-bar span:last-child{font-weight:400;color:var(--ink-soft);font-size:14px}
.mk-desk-row{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--rule)}
.mk-desk-row:last-of-type{border-bottom:0}
.mk-desk-row b{display:block;font-size:16px}.mk-desk-row small{font-size:14px;color:var(--ink-soft)}
.mk-av{width:38px;height:38px;border-radius:50%;border:2px solid var(--ink);font:600 17px/34px var(--disp);text-align:center;flex:0 0 auto}
.mk-tag{margin-left:auto;font-size:13.5px;font-weight:700;padding:3px 10px;border:1.5px solid var(--ink);border-radius:999px;white-space:nowrap}
.mk-tag-hot{background:#FFEFA0;border-color:#3C3300;color:#3C3300}
.mk-desk .mk-sticky{right:-6px;bottom:-14px}
.mk-week{margin-top:44px;position:relative}
.mk-week::before{content:"";position:absolute;left:150px;top:6px;bottom:6px;width:2px;background:var(--ink)}
.mk-day{display:grid;grid-template-columns:150px 1fr;gap:0;padding:0 0 38px;position:relative}
.mk-day:last-child{padding-bottom:0}
.mk-day-name{font:700 34px/1 var(--hand);color:var(--teal-dark);padding-top:2px}
.mk-day-body{padding-left:34px;position:relative}
.mk-day-body::before{content:"";position:absolute;left:-7px;top:10px;width:14px;height:14px;border-radius:50%;background:var(--paper);border:3px solid var(--ink)}
.mk-day-body h3{font-size:24px;margin-bottom:6px}
.mk-day-body p{margin:0;color:var(--ink-soft);max-width:640px}
.mk-start{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:40px}
.mk-early{margin-top:52px;border-left:8px solid var(--teal);background:var(--paper-2);padding:34px 38px;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.mk-early h3{font-size:30px;margin-bottom:8px}.mk-early p{margin:0;max-width:560px;color:var(--ink-soft)}
.mk-early-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}

@media(max-width:1000px){
  .mk .header-nav{gap:18px}.mk .header-nav a{font-size:15px}
}
@media(max-width:900px){
  .mk-hero{padding:112px 0 64px}.mk-hero-grid,.mk-problem,.mk-two,.mk-close{grid-template-columns:1fr;gap:44px}
  .mk-steps{grid-template-columns:1fr;gap:34px}.mk-rights,.mk-tools{grid-template-columns:1fr}.mk-start{grid-template-columns:1fr 1fr}
  .mk-plans{grid-template-columns:1fr}.mk-plan{border-right:0;border-bottom:1px solid var(--ink)}.mk-plan:last-child{border-bottom:0}
  .mk-footer-grid{grid-template-columns:1fr 1fr}.mk-section{padding:72px 0}
  .mk-week::before{left:0}.mk-day{grid-template-columns:1fr}.mk-day-body{padding-left:28px;margin-top:6px}.mk-day-body::before{left:-7px}.mk-day-name{padding-left:28px}
}
@media(max-width:600px){
  .mk{font-size:17px}.mk-wrap{padding:0 20px}.mk-sub{font-size:19px}.mk-lead{font-size:18px}
  .mk-row{grid-template-columns:1fr;gap:6px}.mk-note{padding-left:0}.mk-note::before{display:none}
  .mk-sticky{position:relative;right:auto;bottom:auto;width:auto;margin:18px 6px 0}.mk-desk .mk-sticky{right:auto;bottom:auto}.mk-caption{position:static;margin:14px 6px 0}
  .mk-paper-wrap{padding-bottom:10px}.mk-start{grid-template-columns:1fr}.mk-footer-grid{grid-template-columns:1fr}
  .mk-plan-hand{display:none}.mk-consult{padding:28px 22px}.mk-early{padding:26px 22px}.mk .wordmark-img{height:44px}
}
/* monthly / yearly switch on the advocates page */
.mk-toggle-row{display:inline-flex;margin:26px 0 0;border:1px solid var(--ink);max-width:100%}
.mk-toggle{font:600 17px var(--body);padding:10px 22px;background:#fff;color:var(--ink);border:0;cursor:pointer;line-height:1.2}
.mk-toggle+.mk-toggle{border-left:1px solid var(--ink)}
.mk-toggle[aria-pressed="true"]{background:var(--ink);color:#fff}
.mk-toggle:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.mk-plan .mk-price small{display:block;margin:8px 0 0}
/* copy-the-address button next to an email link */
.mk-copy{font:600 15px var(--body);padding:6px 14px;margin-left:6px;background:#fff;color:var(--ink);border:1px solid var(--ink);cursor:pointer;line-height:1.2;vertical-align:baseline}
.mk-copy:hover{background:var(--ink);color:#fff}
.mk-copy:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.mk-copy-status{margin-left:10px;font-size:15px;color:var(--teal-dark);font-weight:600}