/* Shared typography and action geometry across the KHYL experience. */
:root{--action-height:48px;--action-radius:7px}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font-family:inherit}button,a{-webkit-tap-highlight-color:transparent}.khyl-action{display:inline-flex;align-items:center;justify-content:center;gap:16px}.khyl-arrow{width:20px;height:20px;flex:0 0 20px;vertical-align:middle;overflow:visible;transition:transform .22s ease}.khyl-arrow path{stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.khyl-action:hover>.khyl-arrow{transform:translateX(3px)}[dir=rtl] .khyl-arrow{rotate:180deg}[dir=rtl] .khyl-action:hover>.khyl-arrow{transform:translateX(-3px)}.button,.demoLink,.brief-actions button{min-height:var(--action-height);border-radius:var(--action-radius);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.015em;padding:13px 20px}.button{box-shadow:none!important}.heroactions{gap:22px}.heroactions .button>span:empty{display:none}.quietlink{font-size:12px;font-weight:500;line-height:1.5;padding:12px 0;border-color:#bda98466}.tools .button{font-size:11px}.cardinfo{align-items:center;gap:22px;padding-block:24px}.cardinfo h3{font-size:16px;font-weight:500;line-height:1.6;margin:0}.card-actions{flex-direction:row;align-items:center;gap:22px}.demoLink{background:transparent;color:#22261f;border:0;border-bottom:1px solid #aaa18d;border-radius:0;padding:9px 0;min-height:44px;font-size:11px;white-space:nowrap}.demoLink:hover{border-color:#22261f}.customizeLink{font-size:11px;font-weight:500;line-height:1.5;border:0;color:#696758;padding-block:10px}.brief h2,.heading h2,.how h2,.faq h2{letter-spacing:-.025em}.brief-box h3{font-size:20px;font-weight:500;line-height:1.5;margin-top:0}.brief input,.brief textarea,.brief-choice{border-radius:7px}.brief-choice{font-size:13px;line-height:1.6}.brief-steps button{font-family:inherit;line-height:1.6}.brief-actions button{border:1px solid #cfc6b7;background:transparent;color:#282b26}.brief-actions .brief-primary{background:#202326;color:#fff;border-color:#202326}.brief-actions button:disabled{opacity:.35;cursor:default}.brief-primary.khyl-action{justify-content:space-between}.hero p,.heading p,.brief>p{font-size:14px;line-height:1.9}.eyebrow{letter-spacing:.14em}html[lang=ar] .eyebrow,html[lang=he] .eyebrow{letter-spacing:0}html[lang=ar] .brief h2,html[lang=ar] .heading h2,html[lang=ar] .how h2,html[lang=ar] .faq h2{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:-.03em;line-height:1.55}html[lang=he] .brief h2,html[lang=he] .heading h2,html[lang=he] .faq h2{font-family:'Noto Sans Hebrew',sans-serif;line-height:1.4}@media(max-width:700px){.cardinfo{gap:12px;flex-wrap:wrap}.cardinfo h3{font-size:15px}.card-actions{gap:20px}.heroactions{gap:18px;flex-wrap:wrap}.button,.brief-actions button{font-size:12px}.hero p,.heading p,.brief>p{font-size:13px}.khyl-arrow{width:18px;height:18px;flex-basis:18px}.hero h1{letter-spacing:-.03em}.brief h2{font-size:34px}}@media(prefers-reduced-motion:reduce){.khyl-arrow{transition:none}.khyl-action:hover>.khyl-arrow{transform:none}}
