/* The homepage story carries the hand-drawn hero language through every section. */
.mk-home-story{background:#fffefb;color:var(--ink);overflow:clip}
.mk-home-story h2,.mk-home-story h3{font-family:var(--display);font-weight:550}
.story-kicker{display:block;font-size:10px;line-height:1.5;font-weight:650;letter-spacing:.13em;text-transform:uppercase;color:#536e70}
.story-intro{padding-block:78px 45px;text-align:center}
.story-intro h2{font-size:clamp(30px,3.2vw,46px);line-height:1.33;letter-spacing:-.045em;margin:20px 0}
.story-intro p{font-size:14px;color:var(--muted);line-height:1.7}
.story-star{display:inline-block;width:36px;height:36px;vertical-align:-5px;margin-inline:3px;transform:rotate(12deg)}
.story-highlight{position:relative;isolation:isolate;white-space:nowrap}
.story-highlight::before{content:"";position:absolute;z-index:-1;left:-7px;right:-8px;bottom:0;height:44%;background:#ffdfa0;border-radius:45% 8% 30% 6%;transform:rotate(-2deg)}
.story-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-top:35px;padding-bottom:95px;max-width:1270px!important}
.story-benefit{min-width:0;border:1.3px solid #3c595e;border-radius:20px 25px 19px 22px;box-shadow:4px 5px 0 #34525812;transition:transform .2s}
.story-benefit.violet{background:#c5b8ec;transform:rotate(-3deg)}
.story-benefit.peach{background:#ffca95;transform:translateY(15px) rotate(1deg)}
.story-benefit.pink{background:#edb3d4;transform:rotate(3deg)}
.story-benefit:hover{transform:translateY(-5px) rotate(0)}
.story-benefit>a{display:flex;flex-direction:column;height:100%;padding:20px;color:#203e44;text-decoration:none}
.story-benefit img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin:0 0 14px}
.story-benefit>a>div{display:flex;flex-direction:column;flex:1;padding:0 7px 9px}
.story-card-kicker{font-size:10px;letter-spacing:.07em;text-transform:uppercase;font-weight:600}
.story-benefit h3{font-size:clamp(23px,2.05vw,29px);line-height:1.23;letter-spacing:-.045em;margin:12px 0}
.story-benefit p{font-size:13px;line-height:1.75;margin:0 0 22px;color:#3e5156}
.story-card-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:15px;border-top:1px solid #36535938;font-size:12px;font-weight:600}
.story-card-link svg,.story-copy a svg,.story-copy button svg,.story-centered-action svg,.story-final button svg{width:18px;height:18px;flex:none}
.story-growth{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:72px;padding-block:40px 92px}
.story-growth figure{margin:0;min-width:0;position:relative}
.story-growth figure::before{content:"";position:absolute;inset:12% 2% 6%;border-radius:49% 45% 38% 44%;background:#eef6e9;transform:rotate(-5deg)}
.story-growth figure img{position:relative;width:100%;height:auto;display:block}
.story-growth figcaption{font-family:"Caveat",cursive;font-size:19px;color:#617966;text-align:center;margin-top:12px;transform:rotate(-3deg)}
.story-copy h2{font-size:clamp(33px,3.4vw,48px);letter-spacing:-.045em;line-height:1.17;margin:18px 0 22px}
.story-copy>p{font-size:15px;line-height:1.85;color:#5c6d6e;max-width:36em}
.story-copy .mk-black-button,.story-copy .mk-outline-button{display:inline-flex;align-items:center;gap:12px;font-size:13px;min-height:48px;padding-inline:23px;text-decoration:none;margin-top:16px}
.story-checks{display:grid;gap:13px;padding:0;margin:25px 0 14px;list-style:none;color:#3c5d5e;font-size:13px}
.story-checks li{display:flex;gap:10px;align-items:center}
.story-checks li::before{content:"✓";display:grid;place-items:center;width:21px;height:21px;border:1px solid #6e9a81;border-radius:47% 52% 46% 55%;font-size:13px;background:#e5f2e6;color:#28784a;transform:rotate(-8deg)}
.story-tools-band{background:#f0f6f7;border-block:1px solid #dfe9e8}
.story-toolkit{padding-block:78px}
.story-section-head{text-align:center;max-width:760px;margin:0 auto 42px}
.story-section-head h2{font-size:clamp(32px,3.4vw,46px);letter-spacing:-.045em;line-height:1.2;margin:18px 0}
.story-section-head p{font-size:15px;line-height:1.8;max-width:600px;margin:0 auto;color:#5c6e70}
.story-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.story-tools-grid article{display:grid;grid-template-columns:48px 1fr;gap:10px 18px;border:1px solid #dbe4e2;border-radius:17px;background:#fffefb;padding:27px 24px}
.story-tools-grid .mk-icon{grid-row:1/3;background:none!important;color:#315d63!important;width:48px;height:48px;border-radius:0;transform:rotate(-5deg)}
.story-tools-grid article:nth-child(3n+2) .mk-icon{color:#b57445!important;transform:rotate(5deg)}
.story-tools-grid article:nth-child(3n) .mk-icon{color:#8770b0!important}
.story-tools-grid .mk-icon svg{width:34px;height:34px;stroke-width:1.5}
.story-tools-grid h3{font-size:16px;letter-spacing:-.4px;line-height:1.4;margin:0}
.story-tools-grid h3 a{color:inherit;text-decoration:none}
.story-tools-grid h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.story-tools-grid p{grid-column:2;margin:0;color:#617071;font-size:12px;line-height:1.75}
.story-workspace-peek{margin-top:27px;border-top:1px dashed #aebfc1;padding-top:22px}
.story-workspace-peek>summary{display:flex;align-items:center;justify-content:center;gap:24px;padding:9px;cursor:pointer;list-style:none;font-size:12px;color:#607779}
.story-workspace-peek>summary::-webkit-details-marker{display:none}
.story-workspace-peek>summary strong{color:#294e54;margin-left:5px;font-weight:600}
.story-workspace-peek>summary svg{width:19px;height:19px;transform:rotate(90deg);transition:transform .2s}
.story-workspace-peek[open]>summary svg{transform:rotate(-90deg)}
.story-workspace-preview{max-width:1000px;margin:26px auto 0}
.story-workspace-preview .mk-showcase-device{background:#dceef2;border:1px solid #b6cfd5}
.story-workflow{padding-block:86px}
.story-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px;list-style:none;margin:54px 0 35px;padding:0}
.story-steps::before{content:"";position:absolute;top:30px;left:17%;right:17%;border-top:2px dashed #bfd2cf;transform:rotate(-2deg)}
.story-steps li{position:relative;text-align:center}
.story-step-number{display:grid;place-items:center;width:64px;height:62px;margin:0 auto 24px;border:1.5px solid #365c5d;border-radius:46% 51% 44% 52%;background:#ffdf95;font-family:"Caveat",cursive;font-size:39px;transform:rotate(-6deg);position:relative}
.story-steps li:nth-child(2) .story-step-number{background:#d4c8f0;transform:rotate(5deg)}
.story-steps li:nth-child(3) .story-step-number{background:#bbdfd3;transform:rotate(-3deg)}
.story-steps h3{font-size:21px;letter-spacing:-.6px;margin:0 0 13px}
.story-steps p{font-size:13px;line-height:1.8;color:#617172;margin:0 auto;max-width:290px}
.story-hand-note{display:block;color:#7b8580;font:20px "Caveat",cursive;margin-top:16px;transform:rotate(-4deg)}
.story-centered-action{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:42px}
.story-centered-action .mk-black-button{font-size:13px;gap:12px;min-height:48px}
.story-centered-action small{font-size:11px;color:#6c7d7c}
.story-ai-band{background:#f1ebfa;border-block:1px solid #e5ddef}
.story-ai{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center;padding-block:65px}
.story-ai figure{margin:0;min-width:0}
.story-ai figure img{width:100%;height:auto;display:block}
.story-question{background:#fffdf9;border:1px solid #ccbddd;border-radius:17px 19px 18px 4px;padding:17px 20px;margin:23px 0;max-width:390px;transform:rotate(-1.5deg)}
.story-question>span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8c789e}
.story-question p{font:21px/1.4 "Caveat",cursive;color:#4d4260;margin:5px 0 0}
.story-copy .story-small{font-size:12px;line-height:1.75;color:#7a6f87}
.story-ai .mk-outline-button{border-color:#aaa0ba}
.story-audiences{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;align-items:center;padding-block:90px}
.story-audiences h2{font-size:clamp(30px,3.1vw,43px);letter-spacing:-.04em;line-height:1.2;margin:18px 0}
.story-audience-notes{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.story-audience-notes>a{position:relative;text-decoration:none;color:var(--ink);background:#fff2cd;border:1px solid #e0cf9b;padding:28px 24px 48px;border-radius:2px 12px 5px 9px;transform:rotate(-3deg);transition:transform .2s}
.story-audience-notes>a:last-child{background:#e9f1dc;border-color:#d0dfbb;transform:rotate(3deg)}
.story-audience-notes>a:hover{transform:rotate(0) translateY(-3px)}
.story-audience-notes>a>span{font-size:16px;font-weight:550;letter-spacing:-.3px}
.story-audience-notes p{font-size:12px;line-height:1.75;color:#657064;margin:13px 0 0}
.story-audience-notes svg{position:absolute;right:23px;bottom:20px;width:18px;height:18px}
.story-pricing-band{background:#fff5e9;border-block:1px solid #f0e1cd}
.mk-home-story .mk-pricing{padding-block:77px}
.mk-home-story .mk-pricing .mk-section-head{max-width:720px;margin-inline:auto}
.mk-home-story .mk-pricing h2{font-weight:550}
.mk-home-story .mk-pricing .mk-section-head p{font-size:14px;line-height:1.8;max-width:590px}
.mk-home-story .mk-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;max-width:1120px;margin-inline:auto}
.mk-home-story .mk-plan{background:#fffefb;color:var(--ink);border:1px solid #b1bfba;border-radius:18px 22px 17px 20px;padding:28px;box-shadow:3px 4px 0 #798d7910}
.mk-home-story .mk-plan.is-featured{background:#dceff0;color:var(--ink);border:1.5px solid #527c7c;transform:rotate(1deg);box-shadow:4px 5px 0 #adc8c75c}
.story-plan-drawing{width:54px;height:54px;color:#558966;margin-bottom:16px;flex:none}
.story-plan-drawing svg{width:100%;height:100%}
.mk-home-story .mk-plan:nth-child(2) .story-plan-drawing{color:#b08038}
.mk-home-story .mk-plan:nth-child(3) .story-plan-drawing{color:#7761a1}
.mk-home-story .mk-plan h3{font-size:25px;letter-spacing:-.6px;color:var(--ink)}
.mk-landing .mk-home-story .mk-plan.is-featured h3{color:var(--ink)}
.mk-home-story .mk-plan .mk-plan-head p{color:#607171;font-size:12px;line-height:1.8}
.mk-home-story .mk-plan .mk-price{color:var(--ink);margin-block:21px}
.mk-home-story .mk-plan .mk-price b{font-weight:550;letter-spacing:-2px}
.mk-home-story .mk-plan .mk-price span{color:#617777;font-size:12px}
.mk-home-story .mk-plan :is(.mk-outline-button,.mk-white-button){border:1px solid #446163;border-radius:999px;font-size:12px;min-height:44px;color:#28484c;background:transparent}
.mk-home-story .mk-plan .mk-white-button{color:#fff;background:#233b3e;border-color:#233b3e}
.mk-home-story .mk-plan ul{border-top-color:#c8d8d1}
.mk-home-story .mk-plan li{color:#526b69;font-size:12px;line-height:1.6}
.mk-home-story .mk-plan li svg{color:#38745c}
.mk-home-story .mk-plan-note{font-size:11px;line-height:1.9;color:#788076;max-width:930px;margin:28px auto 0;text-align:center}
.mk-home-story .mk-plan-note a{color:#315c60}
.mk-home-story .mk-faq{padding-block:90px;gap:80px;grid-template-columns:1fr 1.25fr}
.mk-home-story .mk-faq-head h2{font-size:clamp(32px,3.1vw,44px);font-weight:550;line-height:1.2;letter-spacing:-.045em;margin:18px 0}
.mk-home-story .mk-faq-head p{font-size:14px;line-height:1.8;color:#647676;max-width:310px}
.mk-home-story .mk-faq-head .mk-black-button{font-size:12px;margin-top:13px}
/* FAQ: numbered paper cards. An open card takes one of the page's pastel card colours in turn (mint, lavender, peach). */
.mk-home-story .mk-faq-head{gap:0}
.mk-home-story .mk-faq-head .story-faq-note{max-width:none;display:flex;align-items:center;gap:10px;margin:34px 0 0;font:23px/1.3 "Caveat",cursive;color:#557d8b;transform:rotate(-2deg);transform-origin:left center}
.mk-home-story .story-faq-note svg{width:44px;height:26px;flex:none;color:#7aa39a}
.mk-home-story .story-faq-note a{color:#2f5d63;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.mk-home-story .story-faq-note a:hover{color:#163638}
.mk-home-story .mk-faq-list{display:grid;gap:12px;align-content:start;border-top:0;counter-reset:faq}
.mk-home-story .mk-faq-list details{--faq-open:#eaf5e6;--faq-edge:#bcd6b2;--faq-dot:#2f5d55;counter-increment:faq;position:relative;border:1px solid #dde5da;border-radius:18px;background:#fffefb;padding:0 22px 0 76px;box-shadow:0 3px 0 #e9eee4;transition:background-color .25s,border-color .25s,box-shadow .25s,transform .25s}
.mk-home-story .mk-faq-list details:nth-child(3n+2){--faq-open:#f1ebfb;--faq-edge:#cdbde6;--faq-dot:#4f3f86}
.mk-home-story .mk-faq-list details:nth-child(3n){--faq-open:#fff0de;--faq-edge:#e8c597;--faq-dot:#8a5317}
.mk-home-story .mk-faq-list details::before{content:counter(faq,decimal-leading-zero);position:absolute;left:22px;top:19px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f0f4ee;color:#3f6660;font:650 12px/1 var(--display);letter-spacing:.02em;transition:background-color .25s,color .25s}
.mk-home-story .mk-faq-list details:hover{border-color:#c5d3c0;transform:translateY(-1px);box-shadow:0 5px 0 #e3eadd}
.mk-home-story .mk-faq-list details[open]{background:var(--faq-open);border-color:var(--faq-edge);box-shadow:0 4px 0 color-mix(in srgb,var(--faq-edge) 45%,transparent);transform:none}
.mk-home-story .mk-faq-list details[open]::before{background:var(--faq-dot);color:#fffef6}
.mk-home-story .mk-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:74px;padding-block:18px;font-size:15.5px;font-weight:600;line-height:1.45;letter-spacing:-.012em;color:#1d3c3e;cursor:pointer;list-style:none}
.mk-home-story .mk-faq-list summary::-webkit-details-marker{display:none}
.mk-home-story .mk-faq-list summary svg{width:32px;height:32px;padding:8px;flex:none;border:1px solid #d6dfd3;border-radius:50%;background:#fff;color:#2f5552;transition:transform .3s,background-color .25s,border-color .25s,color .25s}
.mk-home-story .mk-faq-list details:hover summary svg{border-color:#a9bfa6}
.mk-home-story .mk-faq-list details[open] summary svg{transform:rotate(45deg);background:var(--faq-dot);border-color:var(--faq-dot);color:#fff}
.mk-home-story .mk-faq-list details p{max-width:62ch;margin:0;padding:0 50px 24px 0;font-size:14px;line-height:1.8;color:#4f6662}
.mk-home-story .mk-faq-list a{color:#2f5d63;text-underline-offset:3px}
@supports(interpolate-size:allow-keywords){
  .mk-home-story .mk-faq-list{interpolate-size:allow-keywords}
  .mk-home-story .mk-faq-list details::details-content{block-size:0;overflow:hidden;transition:block-size .32s ease,content-visibility .32s allow-discrete}
  .mk-home-story .mk-faq-list details[open]::details-content{block-size:auto}
}
@media(prefers-reduced-motion:reduce){.mk-home-story .mk-faq-list details,.mk-home-story .mk-faq-list details::before,.mk-home-story .mk-faq-list summary svg,.mk-home-story .mk-faq-list details::details-content{transition:none}.mk-home-story .mk-faq-list details:hover{transform:none}}
.story-final-wrap{padding-bottom:75px}
.story-final{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;position:relative;overflow:hidden;gap:30px;background:#c9edfa;border:1px solid #b3d6df;border-radius:35px 42px 29px 38px;padding:58px 65px}
.story-final h2{font-size:clamp(32px,3.6vw,48px);line-height:1.2;letter-spacing:-.045em;margin:20px 0}
.story-final p{font-size:14px;line-height:1.8;color:#50747e;margin-bottom:25px}
.story-final .mk-black-button{gap:12px;font-size:13px;min-height:48px}
.story-final small{display:block;font-size:10px;color:#557b86;margin-top:15px}
.story-paper-plane{width:100%;max-width:300px;justify-self:center;transform:rotate(-6deg)}
.mk-home-story a:focus-visible,.mk-home-story summary:focus-visible{outline:2px solid #29658a;outline-offset:5px}
.mk-home-story .mk-footer a:focus-visible{outline-color:#a6dcc3}
@media(max-width:1100px){.story-benefits{gap:20px}.story-benefit>a{padding:15px}.story-benefit h3{font-size:24px}.story-benefit p{font-size:12px}.story-growth,.story-ai{gap:40px}.story-audiences{gap:40px}.story-tools-grid article{grid-template-columns:38px 1fr;padding:22px 18px;gap:10px 13px}.story-tools-grid .mk-icon{width:38px}.story-tools-grid .mk-icon svg{width:29px}.story-steps{gap:30px}.mk-home-story .mk-plan{padding:24px}.mk-home-story .mk-faq{gap:45px}.story-final{padding:45px}}
@media(max-width:850px){.story-intro{padding-top:58px}.story-benefits{gap:17px;padding-bottom:65px}.story-benefit h3{font-size:21px}.story-benefit>a>div{padding-inline:2px}.story-benefit p{font-size:11px}.story-card-link{font-size:11px}.story-growth{gap:30px;grid-template-columns:1fr 1fr;padding-bottom:65px}.story-copy h2{font-size:34px}.story-copy>p{font-size:14px}.story-checks{font-size:12px}.story-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-toolkit,.story-workflow{padding-block:60px}.story-ai{gap:25px;grid-template-columns:1fr 1fr;padding-block:55px}.story-audiences{grid-template-columns:1fr;padding-block:65px;gap:25px}.story-audience-notes{max-width:650px}.mk-home-story .mk-faq{grid-template-columns:1fr;gap:35px;padding-block:65px}.mk-home-story .mk-faq-head p{max-width:none}.story-final{padding:38px;grid-template-columns:1.6fr .7fr}.story-final h2{font-size:34px}.story-final-wrap{padding-bottom:55px}}
@media(max-width:600px){.story-intro{padding-block:45px 28px}.story-intro h2{font-size:29px;line-height:1.35}.story-intro p{font-size:12px;max-width:260px;margin-inline:auto}.story-star{width:28px;height:28px}.story-benefits{grid-template-columns:1fr;gap:31px;padding:20px 37px 55px}.story-benefit{max-width:390px;width:100%;margin-inline:auto}.story-benefit.violet{transform:rotate(-2deg)}.story-benefit.peach{transform:rotate(2deg)}.story-benefit.pink{transform:rotate(-2deg)}.story-benefit>a{padding:18px}.story-benefit img{width:100%;max-height:210px;margin-bottom:10px}.story-benefit h3{font-size:27px}.story-benefit p{font-size:13px;margin-bottom:18px}.story-card-kicker{font-size:9px}.story-card-link{font-size:12px}.story-benefit>a>div{padding:0 7px 8px}.story-growth{grid-template-columns:1fr;gap:30px;padding-top:15px;padding-bottom:53px}.story-growth figure{max-width:440px;margin-inline:auto}.story-growth figcaption{font-size:18px;margin-top:7px}.story-copy h2{font-size:34px}.story-copy>p{font-size:14px}.story-copy .mk-black-button,.story-copy .mk-outline-button{font-size:12px;padding-inline:18px}.story-section-head{margin-bottom:28px}.story-section-head h2{font-size:31px}.story-section-head p{font-size:13px}.story-toolkit{padding-block:48px}.story-tools-grid{gap:12px}.story-tools-grid article{grid-template-columns:1fr;padding:19px 16px;gap:11px}.story-tools-grid .mk-icon{grid-row:auto;width:36px;height:36px}.story-tools-grid h3{font-size:14px}.story-tools-grid p{grid-column:1;font-size:11px}.story-workspace-peek>summary{font-size:11px;gap:10px;padding-inline:0}.story-workspace-peek>summary strong{display:block;margin:5px 0 0}.story-workspace-preview .mk-showcase-device{padding:9px}.story-workflow{padding-block:50px}.story-steps{grid-template-columns:1fr;gap:34px;margin-top:35px}.story-steps::before{display:none}.story-step-number{width:58px;height:57px;margin-bottom:17px;font-size:34px}.story-steps h3{font-size:22px}.story-steps p{font-size:13px;max-width:290px}.story-hand-note{margin-top:10px;font-size:19px}.story-centered-action{margin-top:30px}.story-ai{grid-template-columns:1fr;gap:25px;padding-block:45px}.story-ai figure{max-width:470px;margin-inline:auto;grid-row:1}.story-question p{font-size:20px}.story-audiences{padding-block:53px;gap:22px}.story-audiences h2{font-size:32px}.story-audience-notes{gap:14px}.story-audience-notes>a{padding:23px 17px 45px}.story-audience-notes>a>span{font-size:15px;line-height:1.5;display:block}.story-audience-notes p{font-size:11px}.mk-home-story .mk-pricing{padding-block:50px}.mk-home-story .mk-pricing h2{font-size:32px}.mk-home-story .mk-pricing .mk-section-head p{font-size:13px}.mk-home-story .mk-plan-grid{grid-template-columns:1fr;gap:22px;max-width:400px}.mk-home-story .mk-plan{padding:26px}.mk-home-story .mk-plan.is-featured{transform:rotate(.5deg)}.mk-home-story .mk-plan .mk-plan-head{min-height:0}.mk-home-story .mk-plan li,.mk-home-story .mk-plan .mk-plan-head p{font-size:13px}.story-plan-drawing{width:48px;height:48px;margin-bottom:10px}.mk-home-story .mk-faq{padding-block:50px;gap:29px}.mk-home-story .mk-faq-head h2{font-size:32px}.mk-home-story .mk-faq-head p{font-size:13px}.mk-home-story .mk-faq-list details{padding-inline:17px}.mk-home-story .mk-faq-list summary{font-size:12px;gap:15px}.mk-home-story .mk-faq-list details p{font-size:12px}.story-final-wrap{padding-bottom:45px}.story-final{grid-template-columns:1fr;padding:31px 25px;gap:10px;border-radius:24px 30px 22px 27px}.story-final h2{font-size:32px}.story-final p{font-size:13px}.story-final .mk-black-button{font-size:12px;padding-inline:19px}.story-final small{font-size:9px}.story-paper-plane{width:140px;justify-self:end;margin-top:-10px}.mk-home-story .mk-footer{padding-top:40px}.mk-home-story .mk-footer-brand>span{max-width:none}}
@media(prefers-reduced-motion:reduce){.story-benefit,.story-audience-notes>a,.story-workspace-peek>summary svg{transition:none}}
@media(max-width:760px){.mk-home-story .mk-plan-grid{grid-template-columns:minmax(0,1fr);max-width:430px}}
/* The lower homepage uses a varied grid, quieter paper surfaces and clearer hierarchy. */
.story-tools-band{background:#f5f8f7;border-color:#e2eae6}
.story-toolkit{padding-block:77px 64px}
.story-toolkit .story-section-head{max-width:800px;margin-bottom:40px}
.story-toolkit .story-section-head h2{font-size:clamp(33px,3.4vw,47px);line-height:1.18}
.story-tools-modern{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.story-tools-modern article{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0;min-height:196px;overflow:hidden;padding:27px;border:1px solid #d6e3dc;border-radius:20px;background:#fffefb;transition:border-color .2s,transform .2s}
.story-tools-modern article:hover,.story-tools-modern article:focus-within{border-color:#92b3a4;transform:translateY(-3px)}
.story-tools-modern .mk-icon{width:39px;height:39px;flex:none;transform:rotate(-3deg);color:#355e5c!important}
.story-tools-modern .mk-icon svg{width:30px;height:30px}
.story-tools-modern h3{font-size:18px;letter-spacing:-.55px;margin:0;position:relative;z-index:1;max-width:100%}
.story-tools-modern h3 a{display:inline-flex;align-items:center;gap:10px;line-height:1.4}
.story-tools-modern h3 a::after{content:"↗";font:17px var(--rf-font);color:#6a8880}
.story-tools-modern p{font-size:12px;line-height:1.8;max-width:34em;position:relative;z-index:1;color:#60756d}
.story-tools-modern .story-tool-research{grid-column:span 2;grid-row:span 2;min-height:426px;background:#deeff8;border-color:#c4dfe8;padding:32px}
.story-tools-modern .story-tool-research h3{font-size:27px;letter-spacing:-1px;max-width:80%}
.story-tools-modern .story-tool-research p{font-size:14px;max-width:260px}
.story-tools-modern .story-tool-art{position:absolute;right:5px;bottom:-2px;width:70%;height:auto;object-fit:contain;aspect-ratio:3/2;pointer-events:none}
.story-tools-modern .story-tool-note{position:absolute;bottom:32px;left:29px;max-width:150px;font:22px/1.2 "Caveat",cursive;color:#557d8b;transform:rotate(-8deg);z-index:1}
.story-tools-modern .story-tool-performance{grid-column:span 2;background:#edf4e6;padding-right:44%;min-height:196px}
.story-tools-modern .story-tool-performance p{max-width:230px}
.story-tool-spark{position:absolute;right:22px;bottom:34px;width:40%;height:75px}
.story-tools-modern .story-tool-rank{background:#f3edf8;border-color:#e1d5eb}
.story-tools-modern .story-tool-reports{background:#fff4df;border-color:#eadcc1}
.story-tools-modern .story-tool-assistant,.story-tools-modern .story-tool-audit{grid-column:span 2;min-height:177px;padding:25px 29px 25px 95px;justify-content:center}
.story-tools-modern .story-tool-assistant{background:#f2ecfa;border-color:#e1d7ec}
.story-tools-modern .story-tool-audit{background:#fbeee7;border-color:#ebdacf}
.story-tools-modern :is(.story-tool-assistant,.story-tool-audit) .mk-icon{position:absolute;left:30px;top:32px}
.story-workspace-peek{border-top:0;margin-top:24px;padding-top:0}
.story-workspace-peek>summary{display:flex;justify-content:center;align-items:center;gap:16px;border:1px dashed #c7d6cd;border-radius:13px;padding:18px;background:#fffefb88}
.story-workflow-modern{padding-block:78px}
.story-workflow-modern .story-steps{gap:19px;margin-top:38px}
.story-workflow-modern .story-steps::before{display:none}
.story-workflow-modern .story-steps li{padding:30px 28px;border:1px solid #e1e5d9;background:#fafbf6;border-radius:20px;text-align:left}
.story-workflow-modern .story-steps li:nth-child(2){background:#fff6e9;border-color:#ece0ca}
.story-workflow-modern .story-steps li:nth-child(3){background:#f5f0fa;border-color:#e4dbed}
.story-workflow-modern .story-step-number{margin:0 0 23px;width:52px;height:51px;font-size:32px}
.story-workflow-modern .story-steps h3{font-size:21px;letter-spacing:-.6px;line-height:1.35}
.story-workflow-modern .story-steps p{max-width:none;font-size:13px;line-height:1.85}
.story-workflow-modern .story-hand-note{margin-top:24px;font-size:20px}
.story-ai-modern{background:#fffefb;border:0;padding:0 var(--pad) 8px}
.story-ai-modern .story-ai{width:100%;max-width:1240px;margin-inline:auto;padding:43px 48px;background:#efe8f9;border:1px solid #e0d4ef;border-radius:28px;gap:45px}
.story-ai-modern .story-copy h2{font-size:clamp(33px,3.2vw,45px)}
.story-ai-modern .story-question{background:#fffefb;border-color:#d7c9e3;border-radius:16px 19px 17px 3px;transform:rotate(-.6deg);padding:17px 20px}
.story-ai-modern .story-question p{font-size:22px}
.story-ai-modern .story-copy .mk-outline-button{background:#fffefb;border-color:#c9b9db;font-size:12px}
.story-audiences{padding-block:78px;gap:65px}
.story-audience-notes>a{border-radius:17px;padding:26px 24px 48px;background:#fff2cf;transform:rotate(-1deg)}
.story-audience-notes>a:last-child{transform:rotate(1deg)}
.story-audience-notes>a>span{font-size:17px;letter-spacing:-.45px;line-height:1.4}
.story-audience-notes p{font-size:12px;line-height:1.8}
.story-pricing-band{background:#fcf4e9}
.mk-landing .mk-home-story .mk-plan{position:relative;display:flex;flex-direction:column;gap:0;padding:28px;border-radius:21px;background:#fffefb}
.mk-landing .mk-home-story .mk-plan.is-featured{background:#dfedf2;border-color:#78a1a6;box-shadow:4px 5px 0 #d0e1e2;transform:none}
.mk-home-story .story-plan-drawing{width:44px;height:44px;margin-bottom:22px}
.mk-landing .mk-home-story .mk-plan .mk-plan-head{display:block;min-height:104px}
.mk-landing .mk-home-story .mk-plan .mk-plan-head h3{font-size:26px;margin:0 0 10px;font-weight:550;letter-spacing:-.75px}
.mk-landing .mk-home-story .mk-plan .mk-plan-head p{font-size:12px;line-height:1.8;margin:0}
.mk-landing .mk-home-story .mk-plan .mk-price{margin:23px 0 25px;min-height:59px;align-items:baseline}
.mk-landing .mk-home-story .mk-price b{font-size:52px;font-weight:550;letter-spacing:-2.2px}
.mk-home-story .story-plan-tag{position:absolute;top:29px;right:23px;display:inline-flex;align-items:center;padding:5px 9px;border:1px solid #b3cdd2;border-radius:999px;font-size:9px;letter-spacing:.04em;color:#446a73;background:#eef6f7}
.mk-landing .mk-home-story .mk-plan>button{width:100%;min-height:45px;flex:none}
.mk-landing .mk-home-story .mk-plan>ul{padding-top:23px;margin:25px 0 0;gap:13px;border-top:1px solid #d6e2d7}
.mk-landing .mk-home-story .mk-plan li{font-size:12px;line-height:1.7}
.mk-home-story .mk-faq{gap:75px}
.story-final{border-radius:29px;box-shadow:0 5px 0 #dfeff1;padding-block:51px}
.story-final h2{font-size:clamp(32px,3.3vw,47px)}
@media(max-width:1100px){.story-tools-modern article{padding:22px}.story-tools-modern .story-tool-research{padding:27px}.story-tools-modern .story-tool-performance{padding-right:35%}.story-tool-spark{width:31%;right:15px}.story-workflow-modern .story-steps li{padding:26px 22px}.story-ai-modern .story-ai{padding:35px;gap:30px}.mk-landing .mk-home-story .mk-plan{padding:24px}.mk-landing .mk-home-story .mk-plan .mk-plan-head{min-height:124px}.mk-home-story .story-plan-tag{right:18px}}
@media(max-width:850px){.story-tools-modern{grid-template-columns:repeat(2,minmax(0,1fr))}.story-tools-modern .story-tool-research{grid-row:auto;grid-column:span 2;min-height:320px;padding-right:44%}.story-tools-modern .story-tool-research h3{max-width:none;font-size:25px}.story-tools-modern .story-tool-art{width:47%;bottom:8px;right:12px}.story-tools-modern .story-tool-note{bottom:35px;max-width:180px}.story-tools-modern .story-tool-performance{grid-column:span 2;min-height:176px;padding-right:40%}.story-tool-spark{width:35%;right:27px}.story-tools-modern .story-tool-assistant,.story-tools-modern .story-tool-audit{grid-column:span 1;padding:24px;min-height:215px;justify-content:flex-start}.story-tools-modern :is(.story-tool-assistant,.story-tool-audit) .mk-icon{position:static}.story-workflow-modern .story-steps{gap:15px}.story-workflow-modern .story-steps li{padding:24px 18px}.story-workflow-modern .story-steps h3{font-size:19px}.story-workflow-modern .story-steps p{font-size:12px}.story-ai-modern .story-ai{padding:30px;grid-template-columns:1fr 1fr}.story-audiences{gap:30px;padding-block:61px}.mk-home-story .mk-faq{gap:32px}}
@media(max-width:760px){.mk-landing .mk-home-story .mk-plan .mk-plan-head{min-height:0}.mk-landing .mk-home-story .mk-plan{padding:27px}.mk-home-story .mk-pricing .mk-plan-grid{max-width:430px;grid-template-columns:1fr}.story-workflow-modern .story-steps{grid-template-columns:1fr}.story-workflow-modern .story-steps li{padding:27px}.story-workflow-modern .story-steps h3{font-size:22px}.story-workflow-modern .story-steps p{font-size:13px}.story-workflow-modern .story-hand-note{margin-top:17px}}
@media(max-width:600px){.story-toolkit{padding-block:49px}.story-toolkit .story-section-head h2{font-size:31px}.story-tools-modern{gap:13px}.story-tools-modern article{padding:20px 17px;min-height:196px;gap:13px}.story-tools-modern h3{font-size:15px;letter-spacing:-.4px}.story-tools-modern h3 a::after{font-size:14px}.story-tools-modern p{font-size:11px;line-height:1.8}.story-tools-modern .story-tool-research{min-height:355px;padding:25px}.story-tools-modern .story-tool-research h3{font-size:26px;max-width:none}.story-tools-modern .story-tool-research p{font-size:13px;max-width:240px}.story-tools-modern .story-tool-art{width:76%;right:-8px;bottom:0}.story-tools-modern .story-tool-note{bottom:28px;left:22px;font-size:19px;max-width:115px}.story-tools-modern .story-tool-performance{min-height:225px;padding:23px 23px 105px}.story-tools-modern .story-tool-performance h3{font-size:20px}.story-tools-modern .story-tool-performance p{font-size:12px}.story-tool-spark{width:70%;right:20px;bottom:19px;height:70px}.story-tools-modern .story-tool-assistant,.story-tools-modern .story-tool-audit{padding:20px 17px;min-height:219px}.story-tools-modern .mk-icon{width:32px;height:32px}.story-tools-modern .mk-icon svg{width:27px;height:27px}.story-workspace-peek>summary{padding:16px}.story-workflow-modern{padding-block:49px}.story-workflow-modern .story-steps{margin-top:30px}.story-ai-modern{padding:0 22px 0}.story-ai-modern .story-ai{padding:26px 22px;grid-template-columns:1fr;gap:22px;border-radius:22px}.story-ai-modern .story-copy h2{font-size:32px}.story-ai-modern .story-question p{font-size:21px}.story-audiences{padding-block:50px;gap:24px}.story-audience-notes{grid-template-columns:1fr;gap:15px}.story-audience-notes>a{padding:23px 24px 42px;transform:none}.story-audience-notes>a:last-child{transform:none}.story-audience-notes p{font-size:12px}.story-audience-notes>a>span{font-size:18px}.mk-home-story .mk-faq{gap:28px}.story-final{padding-block:30px;border-radius:23px}}
@media(prefers-reduced-motion:reduce){.story-tools-modern article{transition:none}}

/* Phones: keep the FAQ number badge, but tighter, and give the answer the full card width. */
@media(max-width:600px){.mk-home-story .mk-faq-list{gap:10px}.mk-home-story .mk-faq-list details{padding:0 14px 0 60px;border-radius:16px}.mk-home-story .mk-faq-list details::before{left:14px;top:17px;width:32px;height:32px;font-size:11px}.mk-home-story .mk-faq-list summary{min-height:66px;gap:12px;font-size:14.5px}.mk-home-story .mk-faq-list summary svg{width:30px;height:30px;padding:7px}.mk-home-story .mk-faq-list details p{padding:0 4px 20px 0;font-size:13.5px}.mk-home-story .mk-faq-head .story-faq-note{margin-top:24px;font-size:21px}}

/* Short laptop screens (1366x768, 1280x800): lift the illustration so more of it shows above the fold. */
@media(min-width:1024px) and (max-height:860px){.mk-landing .mk-hero{padding-top:30px;gap:18px}.mk-landing .mk-hero h1{font-size:clamp(40px,4vw,56px);margin:14px 0 16px}.mk-discovery-art{width:min(100%,920px)}}

/* Big desktop screens. The composition is tuned for laptop widths (about 1440-1600px); beyond that the whole home
   page scales up in proportion, so a 1920px or 2560px monitor shows the same layout larger instead of a narrow
   column with empty margins. zoom keeps every illustration, card rotation and gap in proportion. */
@media(min-width:1680px){.mk-landing:has(.mk-home-story){zoom:1.1}}
@media(min-width:1860px){.mk-landing:has(.mk-home-story){zoom:1.2}}
@media(min-width:2100px){.mk-landing:has(.mk-home-story){zoom:1.35}}
@media(min-width:2400px){.mk-landing:has(.mk-home-story){zoom:1.55}}
@media(min-width:3000px){.mk-landing:has(.mk-home-story){zoom:1.85}}