/*
Theme Name: xBots
Theme URI: https://xbots.co.nz
Author: xBots
Description: Lean custom theme for xBots. No page builder, no jQuery.
Version: 1.0.4
Requires at least: 6.4
Requires PHP: 8.0
License: Proprietary
Text Domain: xbots
*/

:root{--ink:#0f1b2d;--mut:#5b6b7f;--bg:#f6f8fb;--acc:#0e7c86;--acc2:#e8f4f5}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.6}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e9f0;z-index:9}
.nav{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;flex-wrap:wrap;gap:10px}
.logo{font-weight:800;font-size:1.4rem}.logo span{color:var(--acc)}
nav a{color:var(--ink);text-decoration:none;margin-left:18px;font-weight:600;font-size:.95rem;cursor:pointer}
nav a.on{color:var(--acc)}nav a.ext{border:1px solid var(--acc);color:var(--acc);padding:6px 12px;border-radius:20px}

.wrap{max-width:1100px;margin:auto;padding:60px 20px}
.hero{background:linear-gradient(135deg,#0f1b2d,#123e4a);color:#fff}.hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.15;margin:0 0 16px}
.hero p{color:#cfe3e6;font-size:1.15rem;max-width:640px}
.btn{display:inline-block;background:var(--acc);color:#fff;padding:12px 22px;border-radius:8px;font-weight:600;text-decoration:none;margin:8px 8px 0 0;cursor:pointer}
.btn.alt{background:transparent;border:1px solid #fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{background:var(--bg);border-radius:12px;padding:24px}.card h3{margin-top:0}
.feature{background:var(--acc2);border-radius:16px;padding:36px;display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center}
.tag{font-size:.8rem;font-weight:700;letter-spacing:.08em;color:var(--acc);text-transform:uppercase}
.ph{background:#fff7e0;border:1px dashed #d9a400;padding:10px;border-radius:8px;color:#7a5c00;font-size:.9rem}
blockquote{font-size:1.4rem;border-left:4px solid var(--acc);margin:0;padding-left:20px;color:var(--mut)}
.band{background:var(--ink);color:#fff;text-align:center}.band a{color:#7fd6dd}
footer{background:#0b1422;color:#9fb0c3;font-size:.9rem}footer a{color:#cfe3e6;margin-right:16px}
@media(max-width:760px){.feature{grid-template-columns:1fr}nav a{margin:0 10px 0 0}}

nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}nav li a{display:inline-block}
nav .current-menu-item>a{color:var(--acc)}nav .menu-item-tekelai>a{border:1px solid var(--acc);color:var(--acc);padding:6px 12px;border-radius:20px}
.entry{max-width:760px}.entry img{max-width:100%;height:auto}.post-list article{border-bottom:1px solid #e5e9f0;padding:20px 0}
.post-list h2 a,.entry a{color:var(--acc)}.meta{color:var(--mut);font-size:.9rem}
.screen-reader-text{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;position:fixed;background:#fff;padding:8px;z-index:99}
input,textarea{font:inherit;width:100%;padding:10px;border:1px solid #cfd8e3;border-radius:6px}

.footer-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:16px}
.wpcf7 label{display:block;font-weight:600;margin-bottom:12px}.wpcf7 input[type=submit]{background:var(--acc);color:#fff;border:0;font-weight:600;cursor:pointer;width:auto;padding:12px 28px}
.caps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.cap{background:var(--bg);border-radius:14px;padding:22px;border:1px solid #e8edf3;transition:transform .15s,box-shadow .15s}
.cap:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,27,45,.08)}
.cap h3{margin:12px 0 6px;font-size:1.05rem}.cap p{margin:0;color:var(--mut);font-size:.95rem}
.cap-ico{display:inline-flex;width:46px;height:46px;border-radius:12px;background:var(--acc2);color:var(--acc);align-items:center;justify-content:center}
.cap-more{background:var(--ink);border-color:var(--ink)}.cap-more h3{color:#fff}.cap-more p{color:#cfe3e6}.cap-more a{color:#7fd6dd;font-weight:600}.cap-more .cap-ico{background:#1d3347;color:#7fd6dd}
.flow{background:#fff;border-radius:14px;padding:22px;display:grid;gap:18px}
.flow-row{display:grid;gap:8px}.flow-lbl{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.flow-nodes{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.node{flex:1 1 0;text-align:center;padding:10px 12px;border-radius:999px;border:1.5px solid #cfd8e3;font-weight:600;font-size:.9rem;background:#fff;white-space:nowrap}
.node-hub{background:var(--acc);border-color:var(--acc);color:#fff;flex:0 0 auto}.node-end{background:var(--acc2);border-color:var(--acc)}
.arr{color:var(--acc);display:inline-flex;flex:0 0 auto}
@media(max-width:760px){.flow-nodes{flex-direction:column;align-items:stretch}.arr{justify-content:center;transform:rotate(90deg);height:28px;align-items:center}.node{white-space:normal}}