:root{--mokto-forest:#214e3b;--mokto-signal:#d8ff4f;--mokto-canvas:#f2f1e8;--mokto-ink:#141713;--mokto-mist:#dde8db;--mokto-muted:#5c625b;--mokto-rule:#cdd2c8;--mokto-white:#fff;--mokto-focus:var(--mokto-forest);--mokto-control-border:var(--mokto-muted);--mokto-control-border-strong:var(--mokto-ink);--mokto-hover-surface:var(--mokto-mist);--mokto-disabled-surface:var(--mokto-mist);--mokto-disabled-text:var(--mokto-muted);--mokto-theme-color:var(--mokto-forest);--mokto-font-display:"Bahnschrift", "Arial Narrow", "Segoe UI", sans-serif;--mokto-font-body:"Segoe UI", Arial, sans-serif;--mokto-weight-regular:400;--mokto-weight-semibold:600;--mokto-weight-bold:700;--mokto-radius-module:8px;--mokto-radius-surface:16px;--mokto-motion-entry:.8s;--mokto-motion-max:.95s;--mokto-easing:cubic-bezier(.2, .8, .2, 1)}@media (prefers-reduced-motion:reduce){:root{--mokto-motion-entry:0s;--mokto-motion-max:0s}}.mokto-demo{background:var(--mokto-canvas);color:var(--mokto-ink);font-family:var(--mokto-font-body);margin:0;font-size:16px;line-height:1.65}.mokto-demo *{box-sizing:border-box}.mokto-demo a{color:inherit}.mokto-demo button,.mokto-demo input{font:inherit}.mokto-demo button,.mokto-demo a{-webkit-tap-highlight-color:transparent}.mokto-demo :focus-visible{outline:3px solid var(--mokto-focus);outline-offset:5px}.mokto-demo h1,.mokto-demo h2{font-family:var(--mokto-font-display);letter-spacing:-.035em;text-wrap:balance;font-weight:700;line-height:1.06}.mokto-demo h1{max-width:880px;margin:16px 0 24px;font-size:clamp(40px,5.3vw,72px)}.mokto-demo h2{margin:0 0 20px;font-size:clamp(27px,3vw,40px)}.mokto-demo p{margin:0 0 18px}.demo-container{width:min(1200px,100% - 96px);margin-inline:auto}.demo-header{border-bottom:1px solid var(--mokto-rule);justify-content:space-between;align-items:center;gap:24px;min-height:116px;display:flex}.demo-signature{width:208px;height:auto;display:block}.demo-header-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.demo-label{letter-spacing:.06em;font-size:12px;font-weight:600}.demo-languages{gap:4px;display:flex}.demo-languages button{min-width:44px;min-height:44px;color:var(--mokto-forest);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;font-size:13px;font-weight:700}.demo-languages button[aria-pressed=true]{background:var(--mokto-forest);color:var(--mokto-canvas)}.demo-languages button:hover{border-color:var(--mokto-forest)}.demo-notice{border-bottom:1px solid var(--mokto-rule);align-items:flex-start;gap:12px;padding-block:22px;font-size:14px;display:flex}.demo-notice p{margin:0}.demo-dot{background:var(--mokto-forest);flex:0 0 10px;width:10px;height:10px;margin-top:7px;display:block}.demo-eyebrow{color:var(--mokto-forest);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.demo-hero{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:80px 96px;display:grid}.demo-lead{max-width:680px;font-size:18px;line-height:1.7}.demo-hero-links{flex-wrap:wrap;align-items:center;gap:20px;margin-top:32px;display:flex}.demo-button{background:var(--mokto-forest);border-radius:8px;justify-content:space-between;align-items:center;gap:24px;min-height:52px;padding:12px 20px;font-weight:600;text-decoration:none;display:inline-flex;color:var(--mokto-canvas)!important}.demo-button:hover{background:var(--mokto-ink)}.demo-text-link{text-underline-offset:5px;align-items:center;gap:12px;min-height:44px;font-weight:600;display:inline-flex}.demo-human{background:var(--mokto-mist);border-radius:16px;padding:40px 32px}.demo-human img{margin-bottom:36px;display:block}.demo-human h2{color:var(--mokto-forest);font-size:32px}.demo-human p{margin:0}.demo-process{background:var(--mokto-forest);color:var(--mokto-canvas);padding-block:72px}.demo-process .demo-eyebrow{color:var(--mokto-signal)}.demo-process>div>p:not(.demo-eyebrow){max-width:660px}.demo-process ol{border-top:1px solid var(--mokto-canvas);grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:36px 0 0;padding:36px 0 0;list-style:none;display:grid}.demo-step-number{font-family:var(--mokto-font-display);color:var(--mokto-signal);font-size:32px;font-weight:700}.demo-process li p{margin:16px 0 0;line-height:1.7}.demo-details{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:72px;padding-block:80px;display:grid}.demo-expectation{background:var(--mokto-mist);border-left:4px solid var(--mokto-forest);border-radius:0 16px 16px 0;padding:32px}.demo-expectation h2{font-size:28px}.demo-expectation p{margin:0}.demo-footer{border-top:1px solid var(--mokto-rule);color:var(--mokto-muted);justify-content:space-between;gap:24px;padding-block:24px 36px;font-size:13px;display:flex}.demo-footer span{letter-spacing:.08em;font-weight:700}.demo-footer p{margin:0}.demo-auth{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:80px;padding-block:80px;display:grid}.demo-auth h1{font-size:clamp(38px,4.5vw,60px)}.demo-auth-card{border:1px solid var(--mokto-rule);background:#fff;border-radius:16px;gap:16px;padding:36px;display:grid}.demo-auth-card img{margin-bottom:16px}.demo-auth-card label{font-weight:600}.demo-auth-card input{border:1px solid var(--mokto-control-border);border-radius:8px;width:100%;min-width:0;min-height:48px;padding:12px}.demo-auth-card button{border:1px solid var(--mokto-control-border);border-radius:8px;min-height:52px;padding:12px}.demo-auth-card :disabled{color:var(--mokto-disabled-text);background:var(--mokto-disabled-surface);opacity:1;cursor:not-allowed}.demo-auth-card p{margin:0;font-size:14px}.demo-skip{z-index:10;background:var(--mokto-forest);border:2px solid var(--mokto-signal);border-radius:8px;padding:12px 16px;position:fixed;top:12px;left:12px;transform:translateY(-180%);color:var(--mokto-canvas)!important}.demo-skip:focus{transform:none}@media (width<=900px){.demo-container{width:calc(100% - 64px)}.demo-hero,.demo-auth{gap:36px}.demo-hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.demo-human{padding:28px 24px}.demo-process ol{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-details{gap:40px}.demo-auth{grid-template-columns:1fr}}@media (width<=620px){.demo-container{width:calc(100% - 40px)}.demo-header{padding-block:24px 16px;display:block}.demo-signature{width:182px;min-width:120px}.demo-header-actions{justify-content:space-between;gap:8px;margin-top:20px}.demo-label{font-size:11px}.demo-languages{gap:0}.demo-notice{padding-block:18px;font-size:13px}.demo-hero{grid-template-columns:1fr;gap:36px;padding-block:44px 52px}.mokto-demo h1{font-size:clamp(38px,10vw,52px)}.demo-lead{font-size:16px}.demo-hero-links{gap:12px;display:grid}.demo-button{justify-content:center}.demo-human img{width:64px;height:64px;margin-bottom:24px}.demo-human h2{font-size:30px}.demo-process{padding-block:48px}.demo-process ol{grid-template-columns:1fr;gap:28px;margin-top:24px;padding-top:28px}.demo-process li{grid-template-columns:44px minmax(0,1fr);gap:16px;display:grid}.demo-process li p{margin:0}.demo-step-number{font-size:26px;line-height:1.5}.demo-details{grid-template-columns:1fr;gap:28px;padding-block:48px}.demo-expectation{padding:24px}.demo-footer{display:block}.demo-footer p{margin-top:8px}.demo-auth{gap:32px;padding-block:44px}.demo-auth-card{padding:24px}.demo-auth h1{font-size:38px}}@media (prefers-reduced-motion:reduce){.mokto-demo *{scroll-behavior:auto}}