.dot-grid--left{right:auto;left:-24px;-webkit-mask-image:radial-gradient(circle at 30% 35%,#000 0%,transparent 70%);mask-image:radial-gradient(circle at 30% 35%,#000 0%,transparent 70%)}
.mk-nav{position:relative}
.mk-logo img{display:none}
.hero-split{padding-top:76px!important;gap:64px}
.hero-split h1{font-size:clamp(38px,4.1vw,54px)!important;line-height:1.12!important}
.hero-split p{color:var(--site-muted)!important;font-size:17px!important;max-width:440px!important}
.partner-chip--whacl{overflow:visible}
.partner-chip--whacl img{width:40px;height:40px;flex-basis:40px;object-fit:contain}
.demo-action{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 26px;font:600 16px Inter,sans-serif;color:var(--site-paper);border:0;cursor:pointer}
.demo-action:hover{color:var(--site-paper)}
.closing-actions{flex:0 0 auto;position:relative}.closing-actions p{color:#d3d8df;margin-top:14px;font-size:14px}
#demo-dialog{margin:auto;width:min(780px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:0;border:0;border-radius:24px;background:var(--site-paper);color:var(--site-ink);box-shadow:0 32px 100px #20212433}
#demo-dialog::backdrop{background:#20212470;backdrop-filter:blur(6px)}
.demo-layout{display:grid;grid-template-columns:.78fr 1fr;position:relative}
.demo-intro{background:linear-gradient(180deg,rgba(237,240,245,.97) 0%,rgba(237,240,245,.94) 65%,rgba(237,240,245,.15) 100%),url(demo-ink.webp) center/cover;padding:40px 30px}
.demo-intro .mk-word{font:30px Citrion,serif;display:block;margin-bottom:56px}
.demo-intro h2{font-size:34px;line-height:1.12;margin-bottom:18px}
.demo-intro p{color:var(--site-muted);font-size:16px;line-height:1.6}
.demo-intro ul{list-style:none;margin-top:28px;display:grid;gap:16px;font-size:14px;line-height:1.5}
.demo-intro li::before{content:"✓";color:var(--site-green);margin-right:8px}
.demo-fields{padding:40px 30px 30px}
.demo-fields h3{font-size:20px;margin-bottom:8px}.demo-fields>p{font-size:14px;color:var(--site-muted);line-height:1.5;margin-bottom:24px}
.demo-field{display:grid;gap:7px;margin-bottom:16px}
.demo-field label{font-size:14px;font-weight:600}
.demo-field input,.demo-field select{width:100%;min-width:0;border:1px solid #e8e8e8;border-radius:8px;padding:10px 12px;font:500 14px Inter,sans-serif;background:#fff;color:#202124;transition:border-color .12s,box-shadow .12s}
.demo-field input:focus,.demo-field select:focus{background:var(--site-paper)!important}
.demo-field input:focus-visible,.demo-field select:focus-visible,.demo-close:focus-visible{outline:2px solid var(--site-green);outline-offset:3px}
.demo-fields .demo-action{width:100%;margin-top:6px;background:#1a1c1e!important;border-radius:8px!important;font-size:14px;padding:12px;box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 4px 12px -8px rgba(0,0,0,.5)!important}
.demo-fields .demo-action:hover{background:#303338!important;transform:none}
.demo-fields .demo-action:disabled{opacity:.6;cursor:wait}
.demo-field input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(11,129,90,.25);border-color:#0b815a}
.demo-honeypot{position:absolute;left:-9999px;width:1px;height:1px}
.demo-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 13px;border:1px solid #e8e8e8;border-radius:8px;background:#fff;color:#202124;font:500 14px Inter,sans-serif;cursor:pointer;text-align:left}
.demo-select-trigger:hover{border-color:#969ba3}
.demo-select-trigger:focus-visible,.demo-select-trigger[aria-expanded=true]{outline:none;border-color:#0b815a;box-shadow:0 0 0 3px rgba(11,129,90,.25)}
.demo-select-arrow{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-right:3px;margin-top:-4px}
.demo-select-panel{position:fixed;z-index:1000;background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:6px;overflow-y:auto;box-shadow:0 12px 30px #20212424}
.demo-select-option{display:block;width:100%;text-align:left;padding:10px;border:0;border-radius:8px;background:transparent;color:#42464e;font:500 14px Inter,sans-serif;cursor:pointer}
.demo-select-option:hover,.demo-select-option:focus{outline:none;background:#f2f3f5;color:#202124}
.demo-select-option[aria-selected=true]{background:#ebf5f1;color:#147451;font-weight:600}
.example-period{font-size:11px;font-weight:500;text-transform:none;letter-spacing:0;margin-left:12px}
@media(max-width:600px){.demo-field input,.demo-field select,.demo-select-trigger{font-size:16px}.demo-intro{background-position:center 60%}}
.demo-footnote{font-size:12px!important;text-align:center;margin:14px 0 0!important}
.demo-close{position:absolute;right:10px;top:10px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--site-muted);font-size:26px;cursor:pointer;z-index:1}
.demo-close:hover{background:var(--site-canvas);color:var(--site-ink)}
#demo-result{padding:14px;margin-top:16px;color:var(--site-green-dark);background:var(--site-canvas);font-size:14px;line-height:1.5;border-radius:10px}
@media(max-width:900px){.hero-split{gap:30px;padding-top:44px!important}.hero-split h1{font-size:44px!important}}
@media(max-width:600px){.dot-grid--left{left:-44px;right:auto}.hero-split{padding-top:32px!important}.hero-split h1{font-size:38px!important}.demo-layout{grid-template-columns:1fr}.demo-intro{padding:24px}.demo-intro .mk-word{margin-bottom:20px}.demo-intro h2{font-size:30px;margin-bottom:10px}.demo-intro ul{display:none}.demo-fields{padding:24px}.demo-intro p{font-size:14px}.closing-actions{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}