:root{--mk-bg:#fff;--mk-panel:#fff;--mk-soft:#f7f7f8;--mk-ink:#090a0c;--mk-muted:#646870;--mk-line:#e2e4e8;--mk-good:#2d8a50;--mk-shadow:0 18px 55px rgba(8,10,14,.07);--mk-max:1160px}html[data-marketing-theme="dark"]{--mk-bg:#0b0c0e;--mk-panel:#111317;--mk-soft:#17191d;--mk-ink:#f7f7f8;--mk-muted:#a8adb7;--mk-line:#292d33;--mk-shadow:0 18px 60px rgba(0,0,0,.3)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--mk-bg)}body{margin:0;background:var(--mk-bg);color:var(--mk-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.014em}a{color:inherit;text-decoration:none}button,input{font:inherit}.mk-shell{width:min(calc(100% - 42px),var(--mk-max));margin:auto}.mk-nav{position:sticky;top:0;z-index:80;height:64px;border-bottom:1px solid var(--mk-line);background:color-mix(in srgb,var(--mk-bg) 91%,transparent);backdrop-filter:blur(18px)}.mk-nav-in{height:64px;display:flex;align-items:center;gap:24px}.mk-brand img{width:138px;display:block}.mk-logo-white{display:none!important}html[data-marketing-theme="dark"] .mk-logo-black{display:none!important}html[data-marketing-theme="dark"] .mk-logo-white{display:block!important}.mk-links{display:flex;align-items:center;gap:24px;margin-left:70px;font-size:14px;font-weight:600;flex:1}.mk-links>a,.mk-menu>button,.mk-menu>a{border:0;background:none;padding:22px 0;cursor:pointer;white-space:nowrap}.mk-menu{position:relative}.mk-mega{position:absolute;left:-22px;top:54px;width:560px;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:10px;border:1px solid var(--mk-line);background:var(--mk-panel);border-radius:14px;box-shadow:var(--mk-shadow);opacity:0;pointer-events:none;transform:translateY(-5px);transition:.16s}.mk-menu:hover .mk-mega,.mk-menu:focus-within .mk-mega{opacity:1;pointer-events:auto;transform:none}.mk-mega-small{width:390px;grid-template-columns:1fr}.mk-mega a{padding:10px;border-radius:9px}.mk-mega a:hover{background:var(--mk-soft)}.mk-mega b,.mk-mega span{display:block}.mk-mega b{font-size:13.5px}.mk-mega span{font-size:12.5px;color:var(--mk-muted);line-height:1.4;margin-top:2px}.mk-nav-actions{display:flex;align-items:center;gap:10px}.mk-login,.mk-lang{font-size:13.5px;font-weight:700}.mk-theme{height:30px;min-width:50px;border:1px solid var(--mk-line);border-radius:999px;background:var(--mk-panel);display:flex;align-items:center;justify-content:center;gap:6px;color:var(--mk-ink);cursor:pointer}.mk-btn,.mk-btn-secondary{min-height:38px;border-radius:7px;padding:0 16px;border:1px solid #0b0c0e;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13.5px;font-weight:750;cursor:pointer}.mk-btn{background:#090a0c;color:#fff}.mk-btn-secondary{background:var(--mk-panel);border-color:var(--mk-line);color:var(--mk-ink)}html[data-marketing-theme="dark"] .mk-btn{background:#f6f7f8;color:#090a0c;border-color:#f6f7f8}.mk-mobile-btn{display:none;border:0;background:none;color:var(--mk-ink);font-size:20px}.mk-mobile-panel{position:fixed;top:64px;left:0;right:0;z-index:79;background:var(--mk-panel);border-bottom:1px solid var(--mk-line);padding:12px 20px;box-shadow:var(--mk-shadow)}.mk-mobile-panel a{display:block;padding:11px 4px;border-bottom:1px solid var(--mk-line);font-size:15px;font-weight:650}.mk-mobile-panel a:last-child{border:0}.mk-hero{padding:44px 0 38px;border-bottom:1px solid var(--mk-line)}.mk-hero-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:center}.mk-hero-copy h1{font-size:clamp(44px,5.35vw,72px);line-height:.98;letter-spacing:-.065em;margin:12px 0 18px;max-width:580px}.mk-eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:var(--mk-muted)}.mk-lead,.mk-page-hero p{font-size:16px;line-height:1.58;color:var(--mk-muted);max-width:760px}.mk-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}.mk-founding{margin-top:22px;border:1px solid var(--mk-line);border-radius:9px;padding:12px 15px;font-size:14px;line-height:1.5;color:var(--mk-ink);display:inline-block}.mk-work{display:grid;grid-template-columns:44px 1fr 148px;border:1px solid var(--mk-line);border-radius:13px;background:var(--mk-panel);box-shadow:var(--mk-shadow);min-height:340px;overflow:hidden}.mk-work-side{border-right:1px solid var(--mk-line);display:flex;flex-direction:column;align-items:center;gap:23px;padding:14px 0;font-size:14px}.mk-work-main{padding:12px}.mk-work-head{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:8px}.mk-work-head>span{font-size:12px;color:var(--mk-muted)}.mk-work-head i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#35a760;animation:pulse 2s infinite}.mk-task{display:grid;grid-template-columns:24px 1fr 42px 38px;align-items:center;gap:7px;min-height:34px;border-top:1px solid var(--mk-line);font-size:12.5px;animation:fade .45s both;animation-delay:var(--d)}.mk-task em{font-style:normal;width:19px;height:19px;display:grid;place-items:center;border-radius:5px;background:var(--mk-soft);color:#315df4}.mk-task b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-task small{font-size:12px;color:var(--mk-muted);text-align:right}.mk-task>i{font-style:normal;font-size:12px;text-align:right;color:var(--mk-good)}.mk-task>i.review{border:1px solid var(--mk-line);padding:3px;border-radius:4px;color:var(--mk-ink)}.mk-work-stats{border-left:1px solid var(--mk-line);padding:11px;display:grid;gap:8px;background:var(--mk-soft)}.mk-work-stats>div{border:1px solid var(--mk-line);border-radius:8px;background:var(--mk-panel);padding:9px}.mk-work-stats span,.mk-work-stats small{display:block;font-size:12px;line-height:1.4;color:var(--mk-muted)}.mk-work-stats b{display:block;font-size:18px;margin:4px 0}.good{color:var(--mk-good)!important}.mk-chart,.mk-bars{height:27px;display:flex;align-items:end;gap:4px;margin-top:5px}.mk-chart i,.mk-bars i{display:block;width:5px;background:#4a73ff;border-radius:2px 2px 0 0;animation:bars 1.5s ease-in-out infinite alternate}.mk-chart i:nth-child(1){height:7px}.mk-chart i:nth-child(2){height:12px}.mk-chart i:nth-child(3){height:9px}.mk-chart i:nth-child(4){height:18px}.mk-chart i:nth-child(5){height:15px}.mk-chart i:nth-child(6){height:25px}.mk-bars i:nth-child(1){height:10px}.mk-bars i:nth-child(2){height:18px}.mk-bars i:nth-child(3){height:13px}.mk-bars i:nth-child(4){height:23px}.mk-bars i:nth-child(5){height:20px}.mk-section-tight{padding:22px 0}.mk-section-lg{padding:74px 0}.mk-center-title{text-align:center;font-size:22px;margin:0 0 19px}.mk-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mk-cap-card{border:1px solid var(--mk-line);border-radius:10px;background:var(--mk-panel);padding:18px;display:grid;grid-template-columns:44px 1fr 14px;gap:13px;align-items:center;transition:.18s}.mk-cap-card:hover{transform:translateY(-2px);box-shadow:var(--mk-shadow)}.mk-cap-card>span{width:44px;height:44px;border-radius:50%;background:var(--mk-soft);display:grid;place-items:center;font-size:21px;line-height:1;color:var(--mk-ink)}.mk-cap-card b{font-size:13.5px}.mk-cap-card p{font-size:12.5px;line-height:1.45;color:var(--mk-muted);margin:4px 0 0}.mk-cap-card i{font-style:normal;font-size:19px;line-height:1;color:var(--mk-muted)}.mk-ceo{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center;border:1px solid var(--mk-line);border-radius:16px;padding:34px;background:linear-gradient(145deg,var(--mk-panel),var(--mk-soft))}.mk-ceo h2,.mk-copy h2,.mk-usage-note h2{font-size:clamp(32px,4vw,54px);line-height:1;letter-spacing:-.055em;margin:9px 0 14px}.mk-copy h2.mk-lede-md{font-size:clamp(23px,2.5vw,33px);line-height:1.14;letter-spacing:-.035em;max-width:24ch}.mk-copy h2.mk-lede-sm{font-size:clamp(19px,1.75vw,25px);line-height:1.42;letter-spacing:-.02em;max-width:40ch;font-weight:650}.mk-ceo-copy p,.mk-copy p,.mk-usage-note p{font-size:15px;line-height:1.65;color:var(--mk-muted)}.mk-ceo-copy strong{display:block;margin-top:18px}.mk-priority{border:1px solid var(--mk-line);background:var(--mk-panel);border-radius:12px;padding:13px;box-shadow:var(--mk-shadow)}.mk-priority-head{display:flex;justify-content:space-between;font-size:12.5px;color:var(--mk-muted);padding:6px}.mk-priority-row{display:grid;grid-template-columns:27px 1fr 16px;gap:9px;align-items:center;border-top:1px solid var(--mk-line);padding:13px 6px}.mk-priority-row em{width:26px;height:26px;border-radius:7px;background:#0b0c0e;color:#fff;display:grid;place-items:center;font-style:normal;font-size:12.5px}.mk-priority-row b,.mk-priority-row span{display:block}.mk-priority-row b{font-size:13.5px}.mk-priority-row span,.mk-priority-foot{font-size:12px;color:var(--mk-muted);margin-top:3px}.mk-see-do{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--mk-line);border-radius:11px;overflow:hidden}.mk-see-do>div{padding:20px 52px}.mk-see-do>div+div{border-left:1px solid var(--mk-line)}.mk-see-do h3{font-size:15px;margin:0 0 10px}.mk-see-do p{margin:8px 0;font-size:13px;color:var(--mk-muted)}.mk-see-do p span{display:inline-block;width:25px}.mk-see-do p b{color:var(--mk-ink);font-weight:750;margin-right:6px}.mk-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}.mk-step{position:relative;border:1px solid var(--mk-line);border-radius:10px;padding:15px;background:var(--mk-panel);display:grid;grid-template-columns:25px 1fr;gap:10px}.mk-step:not(:last-child):after{content:"";position:absolute;right:-35px;top:50%;width:34px;height:1px;background:var(--mk-line)}.mk-step>span{width:30px;height:30px;border:1px solid var(--mk-line);border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:800;line-height:1}.mk-step b{font-size:12.5px}.mk-step p{font-size:12px;line-height:1.45;color:var(--mk-muted);margin:4px 0 0}.mk-node-strip{background:#090c0f;color:#fff;border-radius:13px;padding:18px 24px;display:grid;grid-template-columns:210px 1fr 180px 130px;gap:22px;align-items:center}.mk-node-brand{border-right:1px solid rgba(255,255,255,.16);padding-right:20px}.mk-node-brand img{width:116px;filter:brightness(0) invert(1)}.mk-node-brand>span{font-size:22px;font-weight:800;color:#79c56b;margin-left:5px}.mk-node-brand small{display:block;font-size:12px;color:#9ea5ae;margin-top:5px}.mk-node-copy h3{font-size:14.5px;margin:0 0 7px}.mk-node-copy p{font-size:12px;line-height:1.5;color:#aeb4bd;margin:0}.mk-node-pills{display:grid;gap:4px}.mk-node-pills span{border:1px solid #333944;border-radius:999px;padding:4px 8px;font-size:12px;color:#d5d8dc}.mk-node-strip>a{font-size:12px;color:#6aa2ff}.mk-pricing-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.mk-pricing-head h2{font-size:22px;margin:6px 0 0}.mk-billing{display:flex;border:1px solid var(--mk-line);border-radius:999px;padding:2px}.mk-billing button{border:0;background:transparent;color:var(--mk-muted);padding:5px 9px;border-radius:999px;font-size:12px}.mk-billing button.active{background:var(--mk-soft);color:var(--mk-ink)}.mk-price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mk-price{position:relative;border:1px solid var(--mk-line);border-radius:11px;background:var(--mk-panel);padding:16px;min-height:280px;display:flex;flex-direction:column}.mk-price h3{font-size:14.5px;margin:0 0 8px}.mk-price-line b{font-size:25px}.mk-price-line small{font-size:12px}.mk-price>p,.mk-price li{font-size:12px;color:var(--mk-muted)}.mk-price ul{list-style:none;padding:0;display:grid;gap:6px}.mk-price>a{margin-top:auto}.mk-plan-badge{position:absolute;right:11px;top:11px;border-radius:999px;background:#eef3ff;color:#315df4;padding:4px 7px;font-size:12px}.mk-plan-badge.warm{background:#fff3e6;color:#a45816}.mk-founder{margin-top:24px;border:1px solid var(--mk-line);border-radius:14px;background:var(--mk-soft);padding:24px;display:flex;justify-content:space-between;align-items:center;gap:30px}.mk-founder h3{font-size:27px;margin:7px 0}.mk-founder p{font-size:13.5px;line-height:1.6;color:var(--mk-muted);max-width:760px}.mk-final{border:1px solid var(--mk-line);border-radius:12px;padding:24px 55px;display:grid;grid-template-columns:280px 1fr;gap:38px;align-items:center}.mk-final h2{font-size:24px;margin:0}.mk-analyze{display:flex}.mk-analyze input{flex:1;border:1px solid var(--mk-line);border-right:0;border-radius:7px 0 0 7px;background:var(--mk-bg);color:var(--mk-ink);padding:0 15px}.mk-analyze .mk-btn{border-radius:0 7px 7px 0;min-width:180px}.mk-final-proof{display:flex;justify-content:center;gap:26px;margin-top:10px;font-size:12px;color:var(--mk-muted)}.mk-page-hero{padding:82px 0 66px;border-bottom:1px solid var(--mk-line)}.mk-page-hero h1{font-size:clamp(48px,6vw,82px);line-height:.96;letter-spacing:-.065em;margin:12px 0 18px;max-width:930px}.mk-page-hero p{font-size:18px}.mk-proofline{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px;font-size:13px;color:var(--mk-muted)}.mk-proofline span:before{content:"✓";margin-right:6px}.mk-content-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.mk-bullet-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mk-bullet-card{border:1px solid var(--mk-line);border-radius:12px;padding:18px}.mk-bullet-card b{font-size:14px}.mk-bullet-card p{font-size:13px;line-height:1.55;color:var(--mk-muted);margin:6px 0 0}.mk-product-shot{display:grid;grid-template-columns:.72fr 1.28fr;gap:40px;align-items:center}.mk-product-shot figure{margin:0;border:1px solid var(--mk-line);border-radius:15px;padding:8px;box-shadow:var(--mk-shadow)}.mk-product-shot img{width:100%;display:block;border-radius:9px}.mk-section-title{font-size:36px}.mk-faq{max-width:860px;margin:auto;display:grid;gap:8px}.mk-faq details{border:1px solid var(--mk-line);border-radius:11px;padding:15px 18px}.mk-faq summary{cursor:pointer;font-size:14px;font-weight:700}.mk-faq p{font-size:13.5px;line-height:1.6;color:var(--mk-muted)}.mk-dark-hero{background:#090c0f;color:#fff}.mk-dark-hero p,.mk-dark-hero .mk-eyebrow,.mk-dark-hero .mk-proofline{color:#abb2bc}.mk-node-lockup{display:flex;align-items:center;gap:12px;margin-bottom:28px}.mk-node-lockup img{width:210px;filter:brightness(0) invert(1)}.mk-node-lockup span{font-size:40px;font-weight:800;color:#79c56b}.mk-light-btn{background:#fff!important;color:#08090d!important}.mk-dark-secondary{background:transparent!important;border-color:#343a42!important;color:#fff!important}.mk-product-map{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mk-product-map a{display:grid;grid-template-columns:40px 1fr 20px;gap:13px;border:1px solid var(--mk-line);border-radius:12px;padding:18px}.mk-product-map>a>span{width:38px;height:38px;border-radius:10px;background:var(--mk-soft);display:grid;place-items:center}.mk-product-map b{font-size:14px}.mk-product-map p{font-size:12.5px;line-height:1.5;color:var(--mk-muted);margin:5px 0 0}.mk-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.mk-resource-grid a{border:1px solid var(--mk-line);border-radius:13px;padding:23px}.mk-resource-grid h2{font-size:19px}.mk-resource-grid p{font-size:13.5px;color:var(--mk-muted)}.mk-usage-note{border:1px solid var(--mk-line);border-radius:14px;padding:30px;background:var(--mk-soft)}.mk-footer{border-top:1px solid var(--mk-line);padding:48px 0 28px;margin-top:34px}.mk-footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:35px}.mk-footer-brand img{width:150px}.mk-footer-brand p{font-size:14px;line-height:1.55;color:var(--mk-muted)}.mk-footer h4{font-size:13px}.mk-footer a{display:block;font-size:12.5px;color:var(--mk-muted);padding:4px 0}.mk-footer-bottom{border-top:1px solid var(--mk-line);margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;font-size:12px;color:var(--mk-muted)}@keyframes pulse{50%{box-shadow:0 0 0 5px rgba(53,167,96,0)}}@keyframes bars{from{transform:scaleY(.7)}to{transform:scaleY(1)}}@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:1120px){.mk-links{display:none}.mk-nav-actions{margin-left:auto}.mk-mobile-btn{display:block}.mk-hero-grid{grid-template-columns:1fr}.mk-cap-grid{grid-template-columns:1fr 1fr}.mk-node-strip{grid-template-columns:190px 1fr}.mk-node-pills,.mk-node-strip>a{display:none}.mk-price-grid{grid-template-columns:1fr 1fr}.mk-footer-grid{grid-template-columns:1.3fr 1fr 1fr}.mk-content-grid,.mk-product-shot{grid-template-columns:1fr}.mk-mobile-panel[hidden]{display:none!important}}@media(min-width:1121px){.mk-mobile-panel{display:none!important}}@media(max-width:720px){.mk-shell{width:calc(100% - 28px)}.mk-brand img{width:122px}.mk-login,.mk-start{display:none}.mk-hero-copy h1{font-size:48px}.mk-work{grid-template-columns:36px 1fr}.mk-work-stats{display:none}.mk-task{grid-template-columns:22px 1fr 35px}.mk-task>i{display:none}.mk-cap-grid,.mk-bullet-cards,.mk-resource-grid,.mk-product-map{grid-template-columns:1fr}.mk-section-lg{padding:52px 0}.mk-ceo{grid-template-columns:1fr;padding:23px}.mk-see-do{grid-template-columns:1fr}.mk-see-do>div{padding:20px}.mk-see-do>div+div{border-left:0;border-top:1px solid var(--mk-line)}.mk-steps{grid-template-columns:1fr 1fr;gap:10px}.mk-step:after{display:none}.mk-node-strip{grid-template-columns:1fr}.mk-price-grid{grid-template-columns:1fr}.mk-founder{display:block}.mk-final{grid-template-columns:1fr;padding:22px}.mk-analyze{display:grid;gap:8px}.mk-analyze input{height:43px;border:1px solid var(--mk-line);border-radius:7px}.mk-analyze .mk-btn{border-radius:7px}.mk-final-proof{justify-content:flex-start;flex-wrap:wrap;gap:10px}.mk-page-hero{padding:52px 0 42px}.mk-page-hero h1{font-size:49px}.mk-footer-grid{grid-template-columns:1fr 1fr}.mk-footer-brand{grid-column:1/-1}.mk-footer-bottom{flex-direction:column;gap:8px}}
/* THE CAST.
   Eight cards, and the chief is the one that is inverted rather than the
   one that is bigger — a size difference in a grid of nine reads as a
   layout mistake, a colour inversion reads as rank.
   .mk-tm is deliberately small and raised: a trademark symbol set at full
   size next to a six-letter name is the loudest thing in the paragraph. */
.mk-tm{font-size:.5em;vertical-align:super;line-height:0;letter-spacing:0;margin-left:1px;font-weight:600;opacity:.72}
.mk-sites-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.mk-sites-steps article{border:1px solid var(--mk-line);border-radius:13px;background:var(--mk-panel);padding:20px}
.mk-sites-steps span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--mk-line);font-size:12.5px;color:var(--mk-muted);margin-bottom:14px}
.mk-sites-steps b{display:block;font-size:15px;letter-spacing:-.02em;margin-bottom:7px}
.mk-sites-steps p{margin:0;font-size:14px;line-height:1.55;color:var(--mk-muted)}
.mk-diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mk-diff-grid article{border:1px solid var(--mk-line);border-radius:13px;background:linear-gradient(145deg,var(--mk-panel),var(--mk-soft));padding:22px 24px}
.mk-diff-grid b{display:block;font-size:15px;letter-spacing:-.025em;margin-bottom:8px}
.mk-diff-grid p{margin:0;font-size:14px;line-height:1.6;color:var(--mk-muted)}
.mk-tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:1080px){.mk-tier-grid{grid-template-columns:repeat(2,1fr)}}
.mk-tier{border:1px solid var(--mk-line);border-radius:13px;background:var(--mk-panel);padding:22px}
.mk-tier-free{background:linear-gradient(145deg,var(--mk-soft),var(--mk-panel))}
.mk-tier h4{margin:0 0 10px;font-size:15px;letter-spacing:-.02em}
.mk-tier-price{font-size:28px;font-weight:700;letter-spacing:-.045em;margin-bottom:10px}
.mk-tier-price small{font-size:14px;font-weight:500;color:var(--mk-muted);margin-left:3px}
.mk-tier p{margin:0;font-size:14px;line-height:1.55;color:var(--mk-muted)}
.mk-tier-more{display:inline-block;margin-top:16px}
@media(max-width:900px){.mk-sites-steps{grid-template-columns:1fr 1fr}.mk-tier-grid{grid-template-columns:1fr}}
@media(max-width:640px){.mk-sites-steps,.mk-diff-grid{grid-template-columns:1fr}}
.mk-flow-list{display:grid;gap:1px;background:var(--mk-line);border:1px solid var(--mk-line);border-radius:14px;overflow:hidden}
.mk-flow-row{display:grid;grid-template-columns:150px 190px 1fr;gap:22px;align-items:center;background:var(--mk-panel);padding:16px 20px;transition:.15s}
.mk-flow-row:hover{background:var(--mk-soft)}
.mk-flow-dir{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:var(--mk-muted);font-weight:600}
.mk-flow-dir i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--mk-line);font-size:13.5px}
.mk-flow-to .mk-flow-dir i{background:var(--mk-ink);color:var(--mk-bg);border-color:var(--mk-ink)}
.mk-flow-who b{display:block;font-size:15px;letter-spacing:-.025em}
.mk-flow-who small{display:block;font-size:13px;color:var(--mk-muted);margin-top:2px}
.mk-flow-what{font-size:14px;line-height:1.5;color:var(--mk-muted)}
@media(max-width:820px){.mk-flow-row{grid-template-columns:1fr;gap:7px;padding:16px 18px}.mk-flow-who small{display:inline;margin-left:7px}}
.mk-site-family+.mk-site-family{margin-top:34px}.mk-site-family-head{display:flex;align-items:baseline;gap:14px;margin:0 0 14px;flex-wrap:wrap}.mk-site-family-head h3{margin:0;font-size:19px;letter-spacing:-.03em}.mk-site-family-head p{margin:0;font-size:14.5px;color:var(--mk-muted)}.mk-price-needs{margin:-4px 0 10px!important;font-size:13.5px!important;font-weight:650;letter-spacing:.03em;color:var(--mk-muted);display:inline-block;border:1px solid var(--mk-line);border-radius:999px;padding:3px 9px}.mk-cast-line{font-size:15px!important;color:var(--mk-ink)!important;margin:0 0 12px!important;line-height:1.5}.mk-cast-line b{font-weight:700;letter-spacing:-.02em}.mk-cast-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.mk-cast-card{display:block;border:1px solid var(--mk-line);border-radius:14px;background:var(--mk-panel);padding:20px 20px 22px;transition:.17s}
.mk-cast-card:hover{transform:translateY(-2px);box-shadow:var(--mk-shadow);border-color:color-mix(in srgb,var(--mk-ink) 22%,transparent)}
.mk-cast-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--mk-line);border-radius:50%;font-size:15px;color:var(--mk-muted);margin-bottom:15px}
.mk-cast-card b{display:block;font-size:17px;letter-spacing:-.03em}
.mk-cast-role{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--mk-muted);margin:5px 0 11px;font-weight:600}
.mk-cast-card p{margin:0;font-size:14px;line-height:1.55;color:var(--mk-muted)}
.mk-cast-chief{background:#0d0f12;border-color:#0d0f12;color:#fff}
.mk-cast-chief .mk-cast-icon{border-color:rgba(255,255,255,.22);color:#e8c67f}
.mk-cast-chief .mk-cast-role{color:#c9a763}
.mk-cast-chief p{color:rgba(255,255,255,.68)}
.mk-cast-chief:hover{border-color:#0d0f12}
@media(max-width:1000px){.mk-cast-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.mk-cast-grid{grid-template-columns:1fr}}
/* THE COMPARISON TABLE.
   A fourteen-row, five-column table has to survive a 360px phone, so the
   plan columns collapse into a row of chips inside each cell below 760px
   and the table stops being a table. The <em> in each cell carries the
   column name for exactly that reason — on a wide screen it is hidden and
   the <thead> names the column; on a narrow one the thead goes and the
   chip labels itself. */
.mk-matrix-section{padding-top:0}
.mk-matrix-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--mk-line);border-radius:16px;background:var(--mk-panel);box-shadow:var(--mk-shadow)}
.mk-matrix{width:100%;border-collapse:collapse;font-size:14.5px}
.mk-matrix-caption{caption-side:bottom;padding:14px 20px 16px;font-size:13.5px;color:var(--mk-muted);text-align:left}
.mk-matrix thead th{position:sticky;top:64px;z-index:1;background:var(--mk-panel);text-align:center;font-size:13.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--mk-muted);padding:15px 12px;border-bottom:1px solid var(--mk-line);white-space:nowrap}
.mk-matrix thead th:first-child{text-align:left;padding-left:20px}
.mk-matrix tbody th{text-align:left;font-weight:600;padding:13px 12px 13px 20px;border-bottom:1px solid var(--mk-line);vertical-align:top;max-width:340px}
.mk-matrix tbody th a{text-decoration:underline;text-decoration-color:var(--mk-line);text-underline-offset:3px}
.mk-matrix tbody th a:hover{text-decoration-color:currentColor}
.mk-matrix tbody th span{display:block;font-weight:400;font-size:13.5px;color:var(--mk-muted);margin-top:3px;line-height:1.4}
.mk-matrix td{text-align:center;padding:13px 12px;border-bottom:1px solid var(--mk-line);color:var(--mk-line)}
.mk-matrix td i{font-style:normal;font-size:15px;line-height:1}
.mk-matrix td.yes{color:var(--mk-good)}
.mk-matrix td em{display:none}
.mk-matrix-band th{background:var(--mk-soft);text-align:left;padding:9px 20px;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--mk-muted);border-bottom:1px solid var(--mk-line);font-weight:700}
.mk-matrix tbody tr:last-child th,.mk-matrix tbody tr:last-child td{border-bottom:0}
@media(max-width:760px){
.mk-matrix,.mk-matrix tbody,.mk-matrix tr,.mk-matrix th,.mk-matrix td{display:block}
.mk-matrix thead{display:none}
.mk-matrix tbody tr{border-bottom:1px solid var(--mk-line);padding:4px 0 12px}
.mk-matrix tbody th{border:0;padding:14px 18px 8px;max-width:none}
.mk-matrix tbody tr.mk-matrix-band{padding:0}
.mk-matrix-band th{padding:10px 18px}
.mk-matrix td{display:inline-flex;align-items:center;gap:5px;border:0;padding:3px 9px;margin:0 0 5px 18px;border-radius:999px;background:var(--mk-soft);font-size:13.5px}
.mk-matrix td em{display:inline;font-style:normal;font-weight:600}
.mk-matrix td:not(.yes){opacity:.42}
.mk-matrix td i{font-size:14px}
}
.mk-cur{display:none}
/* A yearly price needs two lines — what the year costs and what that works
   out to per month — so it is a block, while the monthly one stays inline
   beside its /mån. */
.mk-per{display:none!important}
html[data-per="month"] .mk-per[data-per="month"],
html[data-per="year"] .mk-per[data-per="year"]{display:inline-block!important}
html[data-cur="SEK"] .mk-per:not([data-cur="SEK"]),
html[data-cur="EUR"] .mk-per:not([data-cur="EUR"]),
html[data-cur="USD"] .mk-per:not([data-cur="USD"]){display:none!important}
.mk-per-sub{display:block;font-size:13px;font-style:normal;font-weight:600;letter-spacing:0;color:var(--mk-muted);margin-top:3px}
.mk-per-switch button{white-space:nowrap}
@media(max-width:520px){.mk-per-switch{display:flex;width:100%}.mk-per-switch button{flex:1;padding:8px 6px;font-size:12.5px}}
html[data-cur="SEK"] .mk-cur[data-cur="SEK"],
html[data-cur="EUR"] .mk-cur[data-cur="EUR"],
html[data-cur="USD"] .mk-cur[data-cur="USD"]{display:inline}
.mk-cur-switch{display:inline-flex;gap:2px;background:var(--mk-soft);border:1px solid var(--mk-line);border-radius:999px;padding:3px;margin:22px 0 10px}
.mk-cur-switch button{border:0;background:transparent;color:var(--mk-muted);border-radius:999px;padding:7px 14px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.04em}
html[data-cur="SEK"] .mk-cur-switch button[data-set-cur="SEK"],
html[data-cur="EUR"] .mk-cur-switch button[data-set-cur="EUR"],
html[data-cur="USD"] .mk-cur-switch button[data-set-cur="USD"]{background:var(--mk-panel);color:var(--mk-ink);box-shadow:0 1px 3px rgba(8,10,14,.12)}
.mk-vat-note{font-size:14px!important;color:var(--mk-muted);margin:6px 0 0!important}

.mk-price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px;align-items:stretch}
.mk-price-grid-3{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1080px){.mk-price-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mk-price-card{position:relative;border:1px solid var(--mk-line);border-radius:17px;background:var(--mk-panel);padding:22px 20px;display:flex;flex-direction:column;gap:11px}
.mk-price-pop{border-color:var(--mk-ink);box-shadow:var(--mk-shadow)}
.mk-price-flag{position:absolute;top:-10px;left:20px;background:var(--mk-ink);color:var(--mk-bg);font-size:12.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;border-radius:999px;padding:4px 9px}
.mk-price-card h3{margin:0;font-size:17px;letter-spacing:-.02em}
.mk-price-amount{font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.045em;line-height:1}
.mk-price-amount small{font-size:14.5px;font-weight:600;color:var(--mk-muted);letter-spacing:-.01em;margin-left:4px}
.mk-price-tag{margin:0!important;font-size:14.5px;color:var(--mk-muted);line-height:1.55}
/* The one thing a plan card could never say: a website is its own decision,
   with its own price, and Free cannot have one. Set apart from the tick list
   rather than added to it, because it is not another thing you get — it is
   the boundary of what you get. */
.mk-price-sites{margin:14px 0 0!important;padding:11px 12px;border:1px solid var(--mk-line);
  border-radius:10px;background:var(--mk-soft);font-size:13px;line-height:1.5;color:var(--mk-muted)}
.mk-price-list{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:7px}
.mk-price-list li{position:relative;padding-left:19px;font-size:14.5px;line-height:1.5}
.mk-price-list li:before{content:"";position:absolute;left:2px;top:7px;width:7px;height:7px;border-radius:2px;background:var(--mk-good)}
.mk-price-card .mk-btn,.mk-price-card .mk-btn-secondary{margin-top:auto;justify-content:center}

/* The intro is the headline number, the real price sits under it. Never
   the ten kronor alone — that is the sentence a customer feels misled by. */
.mk-price-intro{font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.045em;line-height:1.05}
.mk-price-intro>span:not(.mk-cur){display:block;font-size:13.5px;font-weight:600;color:var(--mk-muted);letter-spacing:0;margin-top:5px}
.mk-price-after{margin:0!important;font-size:14px;color:var(--mk-muted)}
.mk-site-free .mk-price-amount{color:var(--mk-good)}
.mk-price-limits{border-top:1px solid var(--mk-line);padding-top:11px;margin-top:2px}
.mk-price-limits b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--mk-muted);margin-bottom:7px}
.mk-price-limits .mk-price-list li:before{background:var(--mk-line)}

.mk-standalone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.mk-standalone{border:1px solid var(--mk-line);border-radius:14px;padding:18px;background:var(--mk-panel)}
.mk-standalone h4{margin:0 0 6px;font-size:15px}
.mk-standalone-price{font-size:23px;font-weight:800;letter-spacing:-.03em}
.mk-standalone-price small{font-size:14px;font-weight:600;color:var(--mk-muted);letter-spacing:-.01em;margin-left:3px}
.mk-standalone p{margin:7px 0 0!important;font-size:14px;color:var(--mk-muted);line-height:1.5}
.mk-standalone-note{margin-top:14px!important;font-size:14.5px;color:var(--mk-muted)}

.mk-price-addon{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--mk-line);border-radius:14px;padding:16px 20px;margin-top:14px;background:var(--mk-soft)}
.mk-price-addon b{font-size:15px}
.mk-price-addon span:not(.mk-cur){display:block;font-size:14px;color:var(--mk-muted);margin-top:2px}
.mk-addon-price{font-size:19px;letter-spacing:-.03em;white-space:nowrap}

.mk-combo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.mk-combo{border:1px solid var(--mk-line);border-radius:14px;padding:17px 19px;background:var(--mk-panel)}
.mk-combo>span:not(.mk-cur){display:block;font-size:14px;color:var(--mk-muted);margin-bottom:6px}
.mk-combo b{font-size:20px;letter-spacing:-.035em}

.mk-service-table{border:1px solid var(--mk-line);border-radius:15px;overflow:hidden;margin-top:22px}
.mk-service-row{display:flex;justify-content:space-between;gap:26px;align-items:baseline;padding:17px 20px;border-bottom:1px solid var(--mk-line);font-size:15px}
.mk-service-row:last-child{border-bottom:0}
.mk-service-row b{display:block}
.mk-service-row p{margin:5px 0 0!important;font-size:14px;line-height:1.55;color:var(--mk-muted);max-width:62ch}
.mk-service-price{white-space:nowrap;font-weight:700;flex:0 0 auto}
.mk-service-ask{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:14px;border:1px solid var(--mk-line);border-radius:15px;padding:20px 22px;background:var(--mk-soft)}
.mk-service-ask b{display:block;font-size:15px;letter-spacing:-.02em}
.mk-service-ask span{display:block;margin-top:5px;font-size:14px;line-height:1.6;color:var(--mk-muted);max-width:70ch}
@media(max-width:640px){.mk-service-row{flex-direction:column;gap:7px}.mk-service-ask{flex-direction:column;align-items:flex-start}}

.mk-founding-offer{display:grid;grid-template-columns:1.35fr .65fr;gap:34px;align-items:center;
  border:1px solid var(--mk-ink);border-radius:18px;padding:30px;background:var(--mk-soft)}
.mk-founding-copy h2{margin:9px 0 10px;font-size:clamp(26px,3.2vw,38px);line-height:1.05;letter-spacing:-.045em}
.mk-founding-copy>p{margin:0 0 16px!important;font-size:15px;color:var(--mk-muted);max-width:60ch}
.mk-founding-after{color:var(--mk-muted);white-space:nowrap}
.mk-founding-side{display:grid;gap:11px;justify-items:start;border-left:1px solid var(--mk-line);padding-left:30px}
/* An example number, and said to be one — a page that shows #324 without
   saying it is drawn reads as a live counter, which it is not. */
.mk-founding-num{font-size:clamp(44px,5vw,62px);font-weight:800;letter-spacing:-.06em;line-height:1;opacity:.16}
.mk-founding-side span{font-size:14px;line-height:1.6;color:var(--mk-muted)}
.mk-founding-side small{font-size:13.5px;color:var(--mk-muted)}
@media(max-width:820px){.mk-founding-offer{grid-template-columns:1fr;gap:22px}
  .mk-founding-side{border-left:0;border-top:1px solid var(--mk-line);padding:20px 0 0}}
.mk-fairuse{border:1px solid var(--mk-line);border-radius:17px;padding:24px;background:var(--mk-soft)}
.mk-fairuse h2{margin:0 0 9px;font-size:19px;letter-spacing:-.025em}
.mk-fairuse p{margin:0!important;font-size:14.5px;line-height:1.65;color:var(--mk-muted);max-width:78ch}

@media(max-width:1000px){.mk-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-standalone-grid,.mk-combo-grid{grid-template-columns:1fr}}
@media(max-width:640px){.mk-price-grid,.mk-price-grid-3{grid-template-columns:1fr}.mk-price-addon{flex-direction:column;align-items:flex-start;gap:10px}}

/* marketing-nav-v7 canonical homepage navigation */
@media(min-width:1121px){.mk-links{display:flex;align-items:center;gap:24px;margin-left:60px;font-size:14px;font-weight:600;flex:1}.mk-links>a,.mk-menu>button{border:0;background:none;color:var(--mk-ink);padding:22px 0;cursor:pointer;white-space:nowrap}.mk-menu{position:relative}.mk-mega{position:absolute!important;left:-18px!important;top:54px!important;width:650px!important;display:block!important;grid-template-columns:none!important;gap:0!important;padding:12px!important;border:1px solid var(--mk-line)!important;background:var(--mk-panel)!important;border-radius:14px!important;box-shadow:var(--mk-shadow)!important;opacity:0;pointer-events:none;transform:translateY(-5px);transition:.16s}.mk-menu:hover .mk-mega,.mk-menu:focus-within .mk-mega{opacity:1;pointer-events:auto;transform:none}.mk-mega-solutions{width:430px!important;display:block!important}.mk-mega-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}.mk-mega-label{padding:5px 9px 7px!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--mk-muted);margin:0!important}.mk-mega-link{display:grid!important;grid-template-columns:26px 1fr!important;gap:8px!important;align-items:center!important;padding:8px 9px!important;border-radius:8px!important}.mk-mega-link:hover{background:var(--mk-soft)}.mk-mega-link>span:not(.mk-mega-icon){display:block!important;margin:0!important;font-size:inherit!important;color:inherit!important}.mk-mega-icon{width:24px!important;height:24px!important;border:1px solid var(--mk-line)!important;border-radius:6px!important;display:grid!important;place-items:center!important;font-size:12.5px!important;color:var(--mk-muted)!important;margin:0!important}.mk-mega-link b,.mk-mega-link small{display:block}.mk-mega-link b{font-size:13px!important}.mk-mega-link small{font-size:12px!important;line-height:1.3!important;color:var(--mk-muted)!important;margin-top:1px!important}.mk-mega-footer{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;border-top:1px solid var(--mk-line)!important;margin-top:8px!important;padding-top:7px!important}.mk-mega-all{padding:10px!important;font-size:12.5px!important;font-weight:750!important;color:var(--mk-muted)!important;margin:0!important}}

/* marketing-nav-v10 complete mobile navigation */
@media(max-width:1120px){
.mk-mobile-panel{max-height:calc(100dvh - 64px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 14px calc(18px + env(safe-area-inset-bottom));background:var(--mk-bg);border-bottom:1px solid var(--mk-line);box-shadow:0 20px 44px rgba(8,10,14,.12)}
.mk-mobile-panel a{border:0;padding:0;font-size:inherit;font-weight:inherit}
.mk-mobile-card{border:1px solid var(--mk-line);border-radius:16px;background:var(--mk-panel);padding:13px;margin-bottom:10px;box-shadow:0 6px 22px rgba(8,10,14,.035)}
.mk-mobile-card-head{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:2px 2px 11px}
.mk-mobile-card-head small{display:block;color:var(--mk-muted);font-size:11px;font-weight:750;letter-spacing:.075em;text-transform:uppercase;margin-bottom:3px}
.mk-mobile-card-title{display:block!important;font-size:19px!important;line-height:1.15;font-weight:800!important;letter-spacing:-.03em}
.mk-mobile-viewall{font-size:12.5px!important;color:var(--mk-muted)!important;font-weight:700!important;white-space:nowrap;padding-bottom:2px!important}
.mk-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.mk-mobile-tile{min-height:46px;display:grid!important;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:8px;padding:8px 9px!important;border:1px solid var(--mk-line)!important;border-radius:11px;background:var(--mk-soft);color:var(--mk-ink)!important}
.mk-mobile-tile:active{transform:scale(.985)}
.mk-mobile-tile-icon{width:27px;height:27px;border:1px solid var(--mk-line);border-radius:8px;background:var(--mk-panel);display:grid;place-items:center;font-size:13px;color:var(--mk-muted)}
.mk-mobile-tile b{min-width:0;font-size:12.8px;line-height:1.18;font-weight:720;letter-spacing:-.015em;overflow-wrap:anywhere}
.mk-mobile-card-solutions{background:var(--mk-soft)}
.mk-mobile-card-solutions .mk-mobile-tile{background:var(--mk-panel)}
.mk-mobile-utility{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 1px}
.mk-mobile-utility>a{min-height:43px;display:flex!important;align-items:center;justify-content:center;padding:9px 12px!important;border:1px solid var(--mk-line)!important;border-radius:11px;background:var(--mk-panel);font-size:13.5px!important;font-weight:720!important}
.mk-mobile-utility .mk-mobile-login{grid-column:1/-1;background:var(--mk-ink)!important;color:var(--mk-bg)!important;border-color:var(--mk-ink)!important}
}
@media(max-width:390px){.mk-mobile-panel{padding-left:10px;padding-right:10px}.mk-mobile-card{padding:10px}.mk-mobile-grid{gap:6px}.mk-mobile-tile{padding:7px!important;gap:6px}.mk-mobile-tile b{font-size:12.2px}}
