.front-page__search { max-width: 760px; }
.front-page__search [hidden] { display: none !important; }
.ir-ai-modes { display:flex; justify-content:center; gap:1.8rem; margin-bottom:1.15rem; }
.ir-ai-modes button { background:none; border:0; border-bottom:2px solid transparent; color:#c8d4db; padding:.55rem 0; font:inherit; font-size:.9rem; cursor:pointer; }
.ir-ai-modes button[aria-pressed="true"] { color:#fff; border-color:#70d5ed; }
.ir-ai-modes button:last-child { color:#70d5ed; }
.ir-ai-form { display:flex; align-items:flex-end; border:1px solid #cdd0d2; background:#f0f1f2; border-radius:5px; padding:5px; min-height:56px; }
.ir-ai-form textarea { background:transparent; border:0; color:#212121; padding:10px 14px; min-width:0; flex:1; font:inherit; font-weight:500; line-height:1.5; outline:none; resize:none; overflow:hidden; box-sizing:border-box; }
.ir-ai-form:focus-within { outline:1px solid #8b9398; outline-offset:2px; }
.ir-ai-form button { background:#087b9b; border:0; color:white; padding:12px 18px; border-radius:3px; font:inherit; cursor:pointer; }
.ir-ai-help { color:#dce5e9; text-align:center; font-size:.85rem; line-height:1.5; margin:1rem 0 .8rem; }
.ir-ai-examples { display:flex; justify-content:center; gap:.6rem 1.2rem; flex-wrap:wrap; }
.ir-ai-examples button,.ir-ai-extra button { background:none; border:0; color:#70d5ed; font:inherit; font-size:.8rem; cursor:pointer; padding:.35rem 0; }
.ir-ai-extra { display:flex; justify-content:center; gap:1.2rem; margin-top:.35rem; }
.ir-ai-extra button { color:#d0dce1; font-size:.75rem; }
.ir-ai-examples button:hover,.ir-ai-extra button:hover,.ir-ai-modes button:hover { color:#f2fcff; }
.ir-ai-panel { margin-top:1.6rem; background:#f0f1f2; border:1px solid #d0d4d7; border-radius:8px; color:#263946; text-align:left; box-shadow:0 18px 50px #00101c35; overflow:hidden; }
.ir-ai-top { display:flex; align-items:center; gap:.8rem; padding:1rem 1.5rem; border-bottom:1px solid #dce7ed; }
.ir-ai-brand { font-size:.7rem; font-weight:700; letter-spacing:.13em; color:#17647b; }
.ir-ai-demo { font-size:.75rem; font-weight:500; color:#414c53; }
.ir-ai-close { margin-left:auto; border:0; background:none; color:#526b78; font-size:1.5rem; cursor:pointer; padding:0 .3rem; }
.ir-ai-result { padding:1.4rem 1.5rem 1.6rem; }
.ir-ai-question { font-size:.9rem; font-weight:500; color:#424e56; margin:0 0 1rem; border-left:2px solid #91cddb; padding-left:.7rem; overflow-wrap:anywhere; }
.ir-ai-result h2 { color:#182630; font-size:1.25rem; font-weight:700; margin:0 0 .65rem; line-height:1.35; }
.ir-ai-answer { font-size:1rem; font-weight:500; color:#253039; line-height:1.65; margin:0 0 1.2rem; }
.ir-ai-actions { display:flex; flex-wrap:wrap; gap:.6rem; }
.ir-ai-panel .ir-ai-action { display:inline-block; background:#e7ebed; border:1px solid #b8c2c8; border-radius:4px; color:#17647b; text-decoration:none; padding:.7rem .9rem; font:inherit; font-size:.9rem; font-weight:600; cursor:pointer; line-height:1.4; }
.ir-ai-panel .ir-ai-action:hover { background:#e6f4f8; color:#124c60; border-color:#65aabd; }
.ir-ai-bottom { display:flex; align-items:center; gap:1rem; padding:.9rem 1.5rem; background:#eef4f7; border-top:1px solid #dce7ed; }
.ir-ai-bottom small { font-size:.75rem; font-weight:500; color:#44535e; line-height:1.5; flex:1; }
.ir-ai-bottom button { border:0; background:none; color:#17647b; font:inherit; font-size:.75rem; cursor:pointer; white-space:nowrap; }
.front-page__search button:focus-visible,.ir-ai-panel a:focus-visible { outline:2px solid #70d5ed; outline-offset:4px; }
@media(max-width:600px) { .ir-ai-modes { gap:1rem; } .ir-ai-modes button { font-size:.8rem; } .ir-ai-form textarea { font-size:.85rem; padding:10px 8px; } .ir-ai-form button { font-size:.85rem; padding:12px; } .ir-ai-top { flex-wrap:wrap; padding:.8rem 1rem; gap:.4rem; } .ir-ai-result { padding:1rem; } .ir-ai-bottom { padding:.8rem 1rem; flex-wrap:wrap; } .ir-ai-demo { font-size:.65rem; } .ir-ai-actions { flex-direction:column; } }

.ir-ai-form textarea::placeholder { color:#56616a; opacity:1; font-weight:400; }

.ir-solution-tabs { gap:1.6rem; align-items:center; }
.ir-solution-tabs button { color:#d8e1e5; line-height:1.5; }
.ir-solution-tabs button[aria-selected="true"] { color:#fff; border-bottom-color:#70d5ed; }
.ir-development { display:block; font-size:.65rem; letter-spacing:.06em; color:#d0d9de; }
.ir-solution-tabs button:last-child { color:#d8e1e5; }
.ir-solutions,.ir-ai-coming { margin-top:0; }
.ir-solution-intro { padding:1.4rem 1.5rem 1rem; }
.ir-solution-intro h2,.ir-ai-coming h2 { margin:0 0 .55rem; font-size:1.25rem; font-weight:700; color:#182630; line-height:1.4; }
.ir-solution-intro p,.ir-ai-coming p { font-size:.9rem; font-weight:500; color:#394750; line-height:1.6; margin:0; }
.ir-solution-categories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.55rem; padding:0 1.5rem 1.2rem; }
.ir-solution-categories button { padding:.65rem .6rem; background:#e6e9eb; border:1px solid #c6cdd1; border-radius:4px; color:#334751; font:inherit; font-size:.8rem; font-weight:500; text-align:left; cursor:pointer; line-height:1.4; }
.ir-solution-categories button[aria-pressed="true"] { background:#dcecf0; border-color:#709ca9; color:#144b5c; }
.ir-solution-categories button:hover { background:#dcecf0; }
.ir-solution-faq { padding:0 1.5rem; }
.ir-solution-faq h3 { font-size:.75rem; letter-spacing:.05em; color:#52616b; font-weight:600; margin:0 0 .6rem; }
.ir-faq-item { border-top:1px solid #ccd3d7; }
.ir-faq-item summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; cursor:pointer; list-style:none; padding:1rem 0; color:#25343e; font-size:.92rem; font-weight:600; line-height:1.45; }
.ir-faq-item summary::-webkit-details-marker { display:none; }
.ir-faq-arrow { color:#405a67; font-size:1.1rem; flex-shrink:0; }
.ir-faq-answer { padding:0 0 1.2rem; }
.ir-faq-answer p { color:#253039; font-size:.94rem; font-weight:500; line-height:1.65; margin:0 0 1rem; }
.ir-solution-note { padding:.8rem 1.5rem; background:#e7ebed; color:#53616a; font-size:.7rem; margin:0; }
.ir-ai-coming { padding:1.6rem; }
.ir-coming-label { display:inline-block; color:#5a6670; font-size:.7rem; letter-spacing:.09em; text-transform:uppercase; margin-bottom:.9rem; }
.ir-ai-coming p { margin-bottom:1rem; }
.ir-faq-item summary:focus-visible { outline:2px solid #6c8894; outline-offset:3px; }
@media(max-width:600px) { .ir-solution-tabs { gap:.7rem; justify-content:space-between; } .ir-solution-tabs button { font-size:.72rem; } .ir-development { font-size:.6rem; } .ir-solution-categories { grid-template-columns:repeat(2,minmax(0,1fr)); padding:0 1rem 1rem; } .ir-solution-intro { padding:1rem; } .ir-solution-faq { padding:0 1rem; } .ir-ai-coming { padding:1.2rem; } }
