*{box-sizing:border-box;margin:0;padding:0} :root{--dark:#07111f;--dark2:#0d1b2e;--accent:#f5b82e;--text:#172033;--muted:#667085} body{font-family:Arial,sans-serif;color:var(--text);background:#f7f9fc;line-height:1.6}a{text-decoration:none;color:inherit}.site-header{min-height:74px;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 6%;position:sticky;top:0;z-index:100}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#f5b82e,#fff);color:#07111f;font-weight:900}nav{display:flex;align-items:center;gap:22px}nav a{font-weight:600}nav a:hover{color:var(--accent)}.nav-button,.button{background:var(--accent);color:#111;padding:11px 18px;border-radius:8px;font-weight:800;display:inline-block;border:0;cursor:pointer}.menu-toggle{display:none;background:none;border:0;color:white;font-size:28px}.hero{min-height:75vh;display:flex;align-items:center;padding:70px 8%;background:linear-gradient(120deg,#07111f,#132b48)}.hero-content{max-width:700px;color:#fff}.eyebrow{font-size:13px;font-weight:800;letter-spacing:2px;color:var(--accent);margin-bottom:10px}.hero h1{font-size:clamp(42px,7vw,78px);line-height:1.05;margin-bottom:22px}.hero h1 span{color:var(--accent)}.hero p:not(.eyebrow){font-size:19px;color:#d8e1ec}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.secondary{background:transparent;color:#fff;border:1px solid #fff}.section{padding:70px 7%;max-width:1250px;margin:auto}.section-heading{text-align:center;margin-bottom:35px}.section-heading h2,.narrow h2{font-size:38px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.card{background:#fff;border-radius:14px;padding:25px;box-shadow:0 8px 30px #0000000d}.card img{width:100%;height:170px;object-fit:cover;border-radius:10px;margin-bottom:16px}.card h3{margin-bottom:8px}.card p{color:var(--muted);margin-bottom:15px}.card a:not(.button){color:#0b65c2;font-weight:700}.small{margin-top:15px;padding:9px 14px}.page-header{text-align:center;background:var(--dark2);color:#fff;padding:65px 7%}.page-header h1{font-size:48px}.page-header p:last-child{color:#d8e1ec}.narrow{max-width:850px}.form-section{max-width:850px}.form-card,.contact-box{background:#fff;border-radius:14px;box-shadow:0 8px 30px #0000000d;padding:30px}.form-card{display:grid;gap:10px}.form-card label{font-weight:700;margin-top:8px}.form-card input,.form-card select,.form-card textarea{width:100%;padding:13px;border:1px solid #d0d5dd;border-radius:8px;font:inherit}.messages{position:fixed;top:90px;right:20px;z-index:200;max-width:420px}.message{padding:15px 20px;border-radius:9px;margin-bottom:10px;font-weight:700;background:#d4edda;color:#155724;box-shadow:0 8px 25px #0002}.message.error{background:#f8d7da;color:#721c24}footer{background:var(--dark);color:#fff;padding:45px 7%;display:grid;grid-template-columns:2fr 1fr;gap:30px}footer p{color:#b9c4d0}.social-links{display:flex;gap:14px;flex-wrap:wrap}.social-links a:hover{color:var(--accent)}.copyright{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:20px}@media(max-width:800px){nav{display:none;position:absolute;left:0;right:0;top:74px;background:var(--dark);padding:20px;flex-direction:column;align-items:stretch}nav.open{display:flex}.menu-toggle{display:block}.hero{padding:55px 7%}.hero h1{font-size:45px}.page-header h1{font-size:38px}footer{grid-template-columns:1fr}} 
.whatsapp-button {
    background: #25D366;
    color: #ffffff;
}

.whatsapp-button:hover {
    opacity: 0.9;
    transform: translateY(-2px);
}

.brand img {
    width: 52px;
    height: 52px;
    object-fit: contain;
    display: block;
}

/* =========================
   CHATBOT
   ========================= */

.chat-button {
    position: fixed;
    right: 22px;
    bottom: 22px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: var(--accent);
    color: #07111f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    cursor: pointer;
    box-shadow: 0 6px 20px #0004;
    z-index: 999;
}

.chat-box {
    position: fixed;
    right: 22px;
    bottom: 92px;
    width: 350px;
    max-width: calc(100vw - 30px);
    height: 470px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 10px 40px #0004;
    overflow: hidden;
    display: none;
    flex-direction: column;
    z-index: 999;
}

.chat-box.open {
    display: flex;
}

.chat-header {
    background: var(--dark);
    color: #fff;
    padding: 15px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chat-header button {
    background: none;
    border: 0;
    color: #fff;
    font-size: 25px;
    cursor: pointer;
}

.chat-messages {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
    background: #f7f9fc;
}

.chat-message {
    max-width: 85%;
    padding: 10px 13px;
    margin-bottom: 10px;
    border-radius: 12px;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.chat-message.bot {
    background: #e9eef5;
    color: var(--text);
    margin-right: auto;
}

.chat-message.user {
    background: var(--accent);
    color: #07111f;
    margin-left: auto;
}

.chat-form {
    display: flex;
    gap: 8px;
    padding: 12px;
    border-top: 1px solid #ddd;
    background: #fff;
}

.chat-form input {
    flex: 1;
    min-width: 0;
    padding: 11px;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    font: inherit;
}

.chat-form button {
    background: var(--accent);
    color: #111;
    border: 0;
    padding: 11px 15px;
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer;
}

@media (max-width: 500px) {
    .chat-box {
        right: 15px;
        bottom: 85px;
        width: calc(100vw - 30px);
        height: 430px;
    }

    .chat-button {
        right: 15px;
        bottom: 15px;
    }
}