:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#25392f;background:#f7f5ed;font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid #b85028;outline-offset:5px}.nav{max-width:1200px;margin:auto;padding:27px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #d9ddd0}.brand{font-size:34px;font-weight:800;letter-spacing:-2px;text-decoration:none}.brand span{color:#b85028;margin-left:5px}.nav nav,footer nav{display:flex;gap:28px}.nav nav a{text-decoration:none;font-size:15px}.small-button,.button{display:inline-block;text-decoration:none;border:1px solid #25392f;border-radius:99px;padding:10px 21px;font-weight:600}.button{background:#25392f;color:#fff;padding:15px 27px}.button.light{background:transparent;color:inherit;margin-left:10px}.hero{max-width:1200px;margin:auto;padding:85px 32px 95px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:60px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#687452}.hero h1{font-size:clamp(50px,6vw,83px);line-height:1.03;letter-spacing:-5px;margin:24px 0}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#b85028}.lead{font-size:19px;max-width:520px;color:#596257}.actions{margin-top:30px}.fine{font-size:13px;color:#687452}.notebook{background:#e5eacb;border-radius:48% 48% 20px 20px;padding:65px 32px 35px;transform:rotate(2deg)}.word{background:#fffef8;border:1px solid #c7cfb7;border-radius:16px;padding:28px;margin:14px 0;box-shadow:0 9px 0 #d0d7b5}.word:nth-child(2){transform:rotate(-5deg)}.word h2{font-family:Georgia,serif;font-size:34px;font-weight:400;margin:0}.word p{margin:5px 0;color:#65715b}.tag{font-size:11px;background:#edf0dc;border-radius:20px;padding:5px 10px}.strip{background:#25392f;color:#f1f2df;text-align:center;padding:24px;font-size:14px;letter-spacing:1px}.section{max-width:1136px;margin:auto;padding:75px 0}.section h2,.article h1{font-size:clamp(34px,4vw,52px);line-height:1.15;letter-spacing:-2px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:38px}.feature{border-top:1px solid #bac4ac;padding-top:20px}.feature .number{font-family:Georgia,serif;font-style:italic;color:#b85028;font-size:25px}.feature h3{font-size:21px;margin:12px 0}.feature p{color:#596257}.mcp-banner{background:#e8ebd7;border-radius:24px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:30px}.mcp-banner h2{margin:0 0 15px}.article{max-width:790px;margin:60px auto 90px;padding:0 25px}.article h2{font-size:25px;margin-top:36px}.article p,.article li{color:#4f5e53}.article .notice{background:#e8ebd7;padding:20px;border-radius:12px}.article code{overflow-wrap:anywhere}footer{max-width:1136px;margin:auto;border-top:1px solid #cbd1be;padding:35px 0 45px;display:grid;grid-template-columns:1fr auto;gap:15px}footer p{margin:0}footer small{grid-column:2;grid-row:2;color:#65715b}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:5px;background:white;z-index:2} @media(max-width:800px){.nav{padding:20px}.nav .small-button{display:none}.nav nav{gap:18px}.hero{grid-template-columns:1fr;padding:40px 23px;gap:30px}.hero h1{letter-spacing:-3px}.notebook{max-width:460px;width:100%;margin:auto}.section{padding:45px 23px}.grid{grid-template-columns:1fr;gap:16px}.mcp-banner{display:block;padding:28px}.mcp-banner .button{margin-top:15px}footer{margin:0 23px;display:block}footer nav{margin:22px 0}.button.light{margin:12px 0 0}.article{margin-top:35px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Kiki app palette: system background, primary ink and inactive tag fill. */
:root{color:#111;background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.nav{border-color:#e5e5e7}.brand{display:inline-flex;align-items:center;gap:10px;font-size:26px;letter-spacing:-1px}.brand img{border-radius:9px}.nav nav a{color:#555}.small-button{border-color:#dedee0;border-radius:16px}.hero{padding-top:58px;padding-bottom:65px;grid-template-columns:1.1fr 1fr;gap:75px}.hero h1{font-size:clamp(52px,6vw,80px);letter-spacing:-4px;font-weight:750;line-height:1.06}.hero h1 em{color:#111;font-family:inherit;font-style:normal}.eyebrow,.fine{color:#6e6e73}.lead,.feature p,.article p,.article li{color:#636366}.button{background:#000;color:#fff;border-color:#000;border-radius:16px}.button.light{background:#f2f2f7;color:#111;border-color:#f2f2f7}.app-preview{text-align:center;background:#f2f2f7;border-radius:32px;padding:28px 35px 18px;overflow:hidden}.phone{max-width:285px;margin:auto;border:7px solid #171717;border-radius:39px;overflow:hidden;background:white;box-shadow:0 16px 35px #00000012}.phone img{width:100%;height:auto;display:block}.preview-label{display:block;font-size:12px;color:#6e6e73;margin-top:18px}.strip{background:#fff;color:#111;display:flex;justify-content:center;gap:12px;padding:18px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee;letter-spacing:0}.strip span{background:#efeff0;border-radius:99px;padding:8px 22px}.section h2{letter-spacing:-1.7px}.feature{border-color:#dedee0}.feature .number{color:#6e6e73;font-family:inherit;font-style:normal;font-size:13px;font-weight:600}.mcp-banner{background:#f2f2f7;border:1px solid #e5e5e7;border-radius:22px}.article .notice{background:#f2f2f7}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px}.screen-grid figure{margin:0}.screen-surface{background:#f2f2f7;border-radius:26px;padding:32px 35px 0;height:570px;overflow:hidden;border:1px solid #e8e8ed}.screen-surface img{display:block;width:min(100%,320px);height:auto;margin:auto;border:1px solid #dedee0;border-radius:27px 27px 0 0;box-shadow:0 10px 25px #00000008}.screen-grid h3{font-size:24px;letter-spacing:-.5px;margin:22px 0 5px}.screen-grid p{color:#6e6e73;margin:0}footer{border-color:#e5e5e7}footer small{color:#6e6e73}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:35px;padding-top:35px}.hero h1{letter-spacing:-2.5px}.app-preview{padding:26px 22px 18px}.phone{max-width:265px}.strip{gap:7px;flex-wrap:wrap}.strip span{padding:7px 15px;font-size:13px}.screen-grid{grid-template-columns:1fr;gap:36px}.screen-surface{height:510px}.nav nav{gap:15px}.nav{gap:12px}.brand{font-size:23px}.brand img{width:32px;height:32px}.nav nav a{font-size:14px}}
.server-url{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f2f7;border:1px solid #e5e5e7;border-radius:16px;padding:18px;font-size:14px}button.small-button{font:inherit;background:#fff;color:#111;cursor:pointer}#connect,#setup{scroll-margin-top:24px}