body{color:var(--brand-bg);margin:0;font-family:system-ui,sans-serif}main,head{display:block}:root{--brand-bg:#0e182f;--brand-aqua:#8ad0c8;--brand-beige:#b5aca1;--brand-linen:#f2ebe3;--brand-red:#c40000}.navbar{background:var(--brand-bg);color:#fff;z-index:999;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.navbar-logo img{height:3rem}.navbar-brand{align-items:center;gap:1rem;display:flex}.navbar-caption{color:#fff;font-size:1.25rem;font-weight:600;text-decoration:none}.navbar-links{gap:1.5rem;display:flex}.navbar-links a{color:#fff;font-size:1rem;text-decoration:none}.navbar-links a:hover{opacity:.7}.navbar-buttons .btn{margin-left:1rem}.btn{cursor:pointer;border-radius:6px;padding:.75rem 1.25rem;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{background:var(--brand-aqua);color:#000}.btn-primary:hover{background:#5fbfb4}.btn-outline{color:#000;border:2px solid #000}.btn-outline:hover{color:#fff;background:#000}.hero{background:linear-gradient(-5deg, #0000001a 9%,  #2e2e2ecc 32%, #000c 47%, #0009 60%, #fff0 96%), url(/assets/images/outdated_business_chaos.jpg),  var(--brand-beige);background-blend-mode:normal,luminosity,overlay;text-align:center;color:#fff;z-index:1;background-position:50%;background-repeat:no-repeat;background-size:cover;padding:6rem 2rem}.hero h1{text-shadow:0 1px 10px #00000080;margin-bottom:1.5rem;font-size:3rem}.hero p{text-shadow:0 1px 2px #000000cf;max-width:700px;margin:0 auto 2rem;font-size:1.25rem}.hero-buttons{justify-content:center;gap:1rem;display:flex}.what-we-do{text-align:center;color:var(--brand-linen);background:var(--brand-bg);padding:2px}.grid-container{max-width:1100px;margin:0 auto}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem;display:grid}.card .image{width:100%;height:200px;overflow:hidden}.card .image img{object-fit:cover;width:100%;height:100%}.contact-section{background-color:var(--brand-bg);background-image:linear-gradient(#0e182fd9 0%,#0e182ff2 100%),url(/assets/images/contact_bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;margin:0;padding:6rem 1.5rem;display:flex}.contact-section h2{color:#fff;text-align:center;letter-spacing:-.025em;text-shadow:0 2px 4px #0000004d;margin:0 auto;padding:0 0 2rem;font-size:2.5rem;font-weight:700}.contact-card-wrapper{background:#fffffffa;border:1px solid #fff3;border-radius:12px;width:400px;max-width:640px;margin:0 0 0 auto;padding:2.5rem 2.5rem 2.5rem 40px;transition:transform .3s,box-shadow .3s;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000000a}.contact-form .row{flex-direction:column;gap:1.25rem;display:flex}.form-group{text-align:left;flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--brand-bg);letter-spacing:.01em;font-size:.875rem;font-weight:600}.contact-form input,.contact-form textarea{color:#1a202c;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a0aec0}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--brand-bg);background-color:#fff;outline:none;box-shadow:0 0 0 3px #0e182f26}.contact-form textarea{resize:vertical;min-height:140px}.submit-button{background:var(--brand-bg);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 6px -1px #0e182f1a,0 2px 4px -1px #0e182f0f}.submit-button:hover:not(:disabled){background:var(--brand-aqua);color:var(--brand-bg);transform:translateY(-1px);box-shadow:0 10px 15px -3px #8ad0c84d,0 4px 6px -2px #8ad0c80d}.submit-button:active:not(:disabled){transform:translateY(1px)}.submit-button:disabled{opacity:.65;cursor:not-allowed}.success-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;animation:.4s ease-out fadeIn;display:flex}.success-icon{color:#10b981;margin-bottom:1.25rem}.success-state h3{color:var(--brand-bg);margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.success-state p{color:#4a5568;max-width:400px;margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.error-banner{color:#991b1b;text-align:left;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;animation:.2s ease-out slideIn;display:flex}.error-icon{color:#ef4444;flex-shrink:0;margin-top:1px}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:991px){.navbar{padding:1rem 1.5rem}.hero h1{font-size:2.5rem}.contact-section{padding:4.5rem 1.25rem}}@media (max-width:767px){.navbar{padding:.75rem 1rem;position:sticky}.navbar-logo img{height:2.25rem}.navbar-caption{white-space:nowrap;font-size:1.05rem}.navbar-links{display:none}.navbar-buttons{display:block}.navbar-buttons .btn{white-space:nowrap;margin-left:.5rem;padding:.5rem .875rem;font-size:.8rem}.hero{padding:4.5rem 1.25rem}.hero h1{margin-bottom:1.25rem;font-size:2.15rem;line-height:1.2}.hero p{margin-bottom:1.75rem;padding:0;font-size:1.05rem;line-height:1.5}.hero-buttons{flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:290px;margin:0 auto}.hero-buttons .btn{text-align:center;width:100%;padding:.875rem 1.25rem}.what-we-do{padding:3rem 0}.grid{grid-template-columns:1fr;gap:1.5rem;padding:1.25rem}.card .image{height:180px}.contact-section{padding:3.5rem 1rem}.contact-section h2{padding-bottom:1.5rem;font-size:1.85rem}.contact-card-wrapper{border-radius:10px;padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.contact-form .row{gap:1rem}.contact-form input,.contact-form textarea{padding:.75rem .875rem;font-size:.95rem}.contact-form textarea{min-height:120px}.submit-button{width:100%;padding:.875rem 1.25rem;font-size:.95rem}.success-state{padding:1.5rem .5rem}.success-state h3{font-size:1.35rem}.success-state p{margin-bottom:1.25rem;font-size:.95rem}}@media (max-width:479px){.navbar-caption{display:none}.hero h1{font-size:1.85rem}.contact-card-wrapper{padding:1.25rem 1rem}.contact-section h2{font-size:1.65rem}}
