body { font-family: 'Plus Jakarta Sans', sans-serif; }
    :root {
      --navy: #0f172a; --slate: #64748b;
      --cyan: #0ea5e9; --cyan-dark: #0284c7;
      --gray-50: #f8fafc; --gray-200: #e2e8f0;
      --shadow: 0 4px 24px rgba(0,0,0,.07);
    }
    .page-hero { position:relative; padding:5.5rem 1.25rem 4.5rem; text-align:center; overflow:hidden; }
    .page-hero-bg { position:absolute; inset:0; z-index:0; }
    .page-hero-bg img { width:100%; height:100%; object-fit:cover; display:block; }
    .page-hero-bg::after { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(14,116,144,.55)); }
    .page-hero .inner { position:relative; z-index:1; max-width:700px; margin:0 auto; }
    .page-hero .label { display:inline-block; color:#67e8f9; font-size:.7rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; margin-bottom:.8rem; }
    .page-hero h1 { font-size:clamp(1.9rem,5vw,2.9rem); font-weight:900; color:#fff; margin-bottom:.9rem; }
    .page-hero p { color:rgba(255,255,255,.82); font-size:1.05rem; line-height:1.75; }
    .rb-container { max-width:1140px; margin:0 auto; padding:0 1.25rem; }
    .rb-label { font-size:.68rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--cyan); display:flex; align-items:center; gap:.5rem; margin-bottom:.5rem; }
    .rb-title { font-size:clamp(1.5rem,3vw,2.2rem); font-weight:900; color:var(--navy); margin-bottom:.4rem; }
    .rb-sub { color:var(--slate); font-size:.95rem; max-width:540px; line-height:1.7; }
    .text-center { text-align:center; }
    .text-center .rb-sub { margin:0 auto; }
    .contact-section { padding:5rem 1.25rem; background:#fff; }
    .contact-grid { display:grid; grid-template-columns:1.15fr 1fr; gap:3.5rem; align-items:start; margin-top:3rem; }
    .contact-form-wrap { background:#fff; border:1px solid var(--gray-200); border-radius:1.75rem; padding:2.5rem 2.25rem; box-shadow:0 8px 40px rgba(0,0,0,.07); opacity:0; transform:translateX(-40px); transition:opacity .7s ease,transform .7s ease; }
    .contact-form-wrap.visible { opacity:1; transform:translateX(0); }
    .contact-form-wrap h2 { font-size:1.35rem; font-weight:800; color:var(--navy); margin-bottom:1.5rem; padding-bottom:1rem; border-bottom:2px solid var(--gray-200); }
    .contact-form-wrap h2 span { display:block; font-size:.75rem; font-weight:600; color:var(--slate); margin-top:.25rem; letter-spacing:0; }
    .form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
    .form-group { display:flex; flex-direction:column; margin-bottom:1rem; }
    .form-group label { font-size:.78rem; font-weight:700; color:var(--navy); margin-bottom:.4rem; letter-spacing:.02em; }
    .form-group input, .form-group select, .form-group textarea { border:1.5px solid var(--gray-200); border-radius:.75rem; padding:.72rem 1rem; font-size:.88rem; font-family:inherit; color:var(--navy); background:var(--gray-50); transition:border-color .2s,box-shadow .2s; outline:none; }
    .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color:var(--cyan); box-shadow:0 0 0 3px rgba(14,165,233,.12); background:#fff; }
    .form-group textarea { resize:vertical; min-height:120px; }
    .btn-submit { display:flex; align-items:center; justify-content:center; gap:.5rem; width:100%; padding:.9rem; background:linear-gradient(135deg,var(--cyan),var(--cyan-dark)); color:#fff; font-weight:800; font-size:.95rem; border:none; border-radius:.85rem; cursor:pointer; box-shadow:0 4px 16px rgba(14,165,233,.35); transition:transform .2s,box-shadow .2s; font-family:inherit; }
    .btn-submit:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(14,165,233,.4); }
    .btn-submit:disabled { opacity:.7; cursor:not-allowed; transform:none; }
    #cfSuccess { display:none; margin-top:1rem; background:#f0fdf4; border:1px solid #bbf7d0; color:#15803d; padding:.9rem 1rem; border-radius:.75rem; font-weight:600; font-size:.875rem; }
    #cfError { display:none; margin-top:1rem; background:#fef2f2; border:1px solid #fecaca; color:#dc2626; padding:.9rem 1rem; border-radius:.75rem; font-size:.875rem; }
    .contact-info-col { display:flex; flex-direction:column; gap:1rem; opacity:0; transform:translateX(40px); transition:opacity .7s .15s ease,transform .7s .15s ease; }
    .contact-info-col.visible { opacity:1; transform:translateX(0); }
    .cic-card { display:flex; align-items:flex-start; gap:1rem; background:var(--gray-50); border:1px solid var(--gray-200); border-radius:1.1rem; padding:1.1rem 1.25rem; transition:transform .2s,box-shadow .2s; }
    .cic-card:hover { transform:translateY(-3px); box-shadow:0 8px 28px rgba(0,0,0,.09); }
    .cic-icon-wrap { width:44px; height:44px; background:linear-gradient(135deg,#e0f7fa,#b3e5fc); border-radius:.85rem; display:flex; align-items:center; justify-content:center; font-size:1.2rem; flex-shrink:0; }
    .cic-title { font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:var(--slate); margin-bottom:.25rem; }
    .cic-val { font-size:.9rem; font-weight:600; color:var(--navy); line-height:1.6; }
    .cic-val a { color:var(--navy); text-decoration:none; transition:color .2s; }
    .cic-val a:hover { color:var(--cyan); }
    .social-row { display:flex; gap:.75rem; }
    .social-btn { flex:1; display:flex; align-items:center; justify-content:center; gap:.5rem; padding:.75rem 1rem; border-radius:.9rem; font-weight:700; font-size:.85rem; text-decoration:none; transition:transform .2s,box-shadow .2s; }
    .social-btn svg { width:18px; height:18px; fill:#fff; }
    .social-btn:hover { transform:translateY(-3px); }
    .social-fb { background:linear-gradient(135deg,#1877f2,#0d5dbf); color:#fff; box-shadow:0 4px 14px rgba(24,119,242,.3); }
    .social-fb:hover { box-shadow:0 8px 24px rgba(24,119,242,.4); }
    .social-wa { background:linear-gradient(135deg,#25d366,#128c4e); color:#fff; box-shadow:0 4px 14px rgba(37,211,102,.3); }
    .social-wa:hover { box-shadow:0 8px 24px rgba(37,211,102,.4); }
    .follow-label { font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; color:var(--slate); margin-bottom:.5rem; }
    .areas-section { background:var(--gray-50); padding:4.5rem 1.25rem; }
    .areas-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.25rem; margin-top:2.5rem; }
    .area-card { background:#fff; border:1px solid var(--gray-200); border-radius:1.1rem; padding:1.5rem 1.25rem; box-shadow:var(--shadow); transition:transform .25s,box-shadow .25s; }
    .area-card:hover { transform:translateY(-5px); box-shadow:0 12px 36px rgba(14,165,233,.1); }
    .area-card h3 { font-weight:800; color:var(--navy); margin-bottom:.75rem; font-size:.95rem; }
    .area-card ul { list-style:none; padding:0; margin:0; }
    .area-card ul li { font-size:.83rem; color:var(--slate); padding:.22rem 0; display:flex; align-items:center; gap:.4rem; }
    .area-card ul li::before { content:"•"; color:var(--cyan); font-size:1.1rem; line-height:1; }
    .badge-pill { display:inline-flex; align-items:center; gap:.5rem; background:#ecfeff; border:1px solid #a5f3fc; border-radius:999px; padding:.5rem 1.25rem; font-size:.875rem; font-weight:600; color:#0e7490; margin-top:1.5rem; }
    
    /* Success Modal Styles */
    .success-overlay { display:none; position:fixed; inset:0; z-index:9999; background:rgba(15,23,42,0.7); backdrop-filter:blur(4px); align-items:center; justify-content:center; }
    .success-overlay.active { display:flex; }
    .success-modal { background:#fff; border-radius:1.5rem; padding:2.5rem 2rem; max-width:420px; width:90%; text-align:center; box-shadow:0 24px 60px rgba(0,0,0,0.2); animation:modalPop .35s cubic-bezier(0.34,1.56,0.64,1); }
    @keyframes modalPop { from { opacity:0; transform:scale(0.85) translateY(20px); } to { opacity:1; transform:scale(1) translateY(0); } }
    .success-modal .logo-img { width:100px; height:auto; margin:0 auto 1rem; display:block; }
    .success-modal .tick { width:60px; height:60px; background:linear-gradient(135deg,#0ea5e9,#0284c7); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 1.2rem; }
    .success-modal .tick svg { width:30px; height:30px; stroke:#fff; fill:none; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
    .success-modal h3 { font-size:1.3rem; font-weight:900; color:#0f172a; margin:0 0 .5rem; }
    .success-modal p { color:#64748b; font-size:.92rem; line-height:1.65; margin:0 0 1.5rem; }
    .success-modal .modal-close { background:linear-gradient(135deg,#0ea5e9,#0284c7); color:#fff; border:none; border-radius:.75rem; padding:.75rem 2rem; font-weight:800; font-size:.95rem; cursor:pointer; font-family:inherit; width:100%; transition:opacity .2s; }
    .success-modal .modal-close:hover { opacity:.88; }
    
    @media(max-width:900px){ .contact-grid{grid-template-columns:1fr;gap:2.5rem;} .form-row{grid-template-columns:1fr;} }
    @media(max-width:600px){ .contact-form-wrap{padding:1.75rem 1.25rem;} .social-row{flex-direction:column;} }