/* Versioned stylesheet for long-cache deployment */
/* Copied from style.css on 2025-12-15 and kept identical for caching reasons. */
:root{
  --bg:#f6f9fb;
  --card:#ffffff;
  --accent:#2563eb; /* professional blue accent */
  --muted:#6b7280;
  --surface:#ffffff;
  --max-width:1200px;
}
*{box-sizing:border-box}
.navbar{background:transparent;backdrop-filter: blur(6px);border-bottom:1px solid rgba(16,24,40,0.06);position:sticky;top:0;z-index:1000}
.navbar .container{display:flex;justify-content:space-between;align-items:center;padding:14px 24px}
.nav-brand{color:#0f1724;text-decoration:none;font-weight:700;font-size:1.25rem;display:flex;align-items:center;gap:10px}
.nav-brand .logo{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#0ea5a4);display:inline-block}
.nav-links{display:flex;list-style:none;margin:0;padding:0;gap:20px}
.nav-links a{color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:8px;transition:background 0.18s,color 0.18s}
.nav-links a:hover{background:rgba(37,99,235,0.06);color:var(--accent)}
.body, body{margin:0;font-family:'Inter', system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;background:var(--bg);color:#0f1724;line-height:1.5}
.container{max-width:var(--max-width);margin:0 auto;padding:28px}
.hero{padding:64px 0;position:relative;overflow:hidden}
.hero-inner{display:flex;gap:28px;align-items:center;justify-content:space-between}
.hero-text{flex:1;max-width:680px}
.hero-media{flex:1;display:flex;justify-content:center}
.hero h1{margin:0;font-size:clamp(30px,5vw,48px);letter-spacing:-0.5px;color:#0f1724}
.lead{color:var(--muted);margin-top:14px;font-size:1.05rem}
.badges{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:10px 18px;border-radius:999px;background:transparent;color:#0f1724;text-decoration:none;border:1px solid rgba(15,23,36,0.06);transition:all 0.16s ease}
.btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(15,23,36,0.06)}
.btn.primary{background:var(--accent);border-color:transparent;color:white}
.btn.primary:hover{background:#1e4ed8}
.card{background:var(--card);padding:20px;border-radius:12px;color:#0f1724;font-weight:600;text-align:center;border:1px solid rgba(15,23,36,0.04);transition:transform 0.18s,box-shadow 0.18s}
.card:hover{transform:translateY(-6px);box-shadow:0 14px 40px rgba(2,6,23,0.08)}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}
.feature-card{background:var(--card);padding:18px;border-radius:12px;border:1px solid rgba(15,23,36,0.04);display:flex;flex-direction:column;align-items:flex-start;gap:10px;transition:transform 0.18s,box-shadow 0.18s}
.feature-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px rgba(2,6,23,0.06)}
.feature-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(37,99,235,0.12), rgba(2,6,23,0.02));font-size:22px}
.feature-title{margin:0;color:#0f1724;font-size:1.02rem}
.feature-desc{margin:0;color:var(--muted);font-size:0.95rem}

/* Responsive: reduce columns on narrower screens */
@media (max-width:1100px){
  .features-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .features-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .features-grid{grid-template-columns:1fr}
}
.shot-row img{max-width:420px;border-radius:12px;border:1px solid rgba(15,23,36,0.04);background:var(--card);transition:transform 0.18s}
.shot-row img:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(2,6,23,0.06)}
.op-card{background:var(--card);padding:22px;border-radius:14px;border:1px solid rgba(15,23,36,0.04);transition:transform 0.18s,box-shadow 0.18s}
.op-card:hover{transform:translateY(-8px);box-shadow:0 18px 45px rgba(2,6,23,0.06)}
.site-footer {padding: 40px 0 28px;margin-top: 64px;border-top: 1px solid rgba(15,23,36,0.04);color: var(--muted);background: transparent}
.footer-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 28px;text-align: left}
.footer-bottom {display: flex;justify-content: space-between;align-items: center;margin-top: 28px;padding-top: 14px;border-top: 1px solid rgba(15,23,36,0.03)}
.hero-banner{display:block;width:100%;max-width:720px;height:auto;object-fit:cover;border-radius:12px;border:1px solid rgba(15,23,36,0.04);margin:8px 0;box-shadow:0 12px 36px rgba(2,6,23,0.06)}
.modal {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(2,6,23,0.5)}
.modal-content {background-color: var(--card);margin: 0 auto;padding: 20px;border: 1px solid rgba(0,0,0,0.1);border-radius: 10px;width: 90%;max-width: 500px;color: #1e293b;max-height: 90vh;overflow-y: auto}
.close {color: #64748b;float: right;font-size: 28px;font-weight: bold;cursor: pointer}
.close:hover {color: #1e293b}
.modal h2 {margin-top: 0;color: #1e293b}
.modal form {display: flex;flex-direction: column}
.modal label {margin-top: 10px;color: var(--muted)}
.modal input, .modal textarea {padding: 10px;margin-top: 5px;border: 1px solid rgba(0,0,0,0.1);border-radius: 5px;background: rgba(255,255,255,0.8);color: #1e293b}
.modal textarea {height: 100px;resize: vertical}
#captcha-question {margin-top: 10px;color: var(--muted);font-weight: bold}
.modal button {margin-top: 20px;padding: 10px;background: var(--accent);color: white;border: none;border-radius: 5px;cursor: pointer}
.modal button:hover {background: #d11b46}
.contact-intro {color: var(--muted);margin-bottom: 20px;text-align: center}
.contact-options {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 16px;margin-bottom: 20px}
.contact-option {background: linear-gradient(135deg, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.005) 100%);padding: 20px;border-radius: 12px;border: 1px solid rgba(0,0,0,0.06);text-align: center;transition: transform 0.2s, box-shadow 0.2s}
.contact-option:hover {transform: translateY(-2px);box-shadow: 0 4px 15px rgba(0,0,0,0.1)}
.contact-option h3 {color: #1e293b;margin: 0 0 8px 0;font-size: 1.1em}
.contact-option p {color: var(--muted);margin: 0 0 16px 0;font-size: 0.9em}
.contact-btn {display: inline-block;padding: 10px 16px;border-radius: 8px;text-decoration: none;font-weight: 500;transition: all 0.2s;cursor: pointer;border: none;font-size: 0.9em}
.contact-btn.primary {background: var(--accent);color: white}
.contact-btn.primary:hover {background: #d11b46;transform: translateY(-1px)}
.contact-btn.secondary {background: transparent;color: var(--muted);border: 1px solid rgba(0,0,0,0.1)}
.contact-btn.secondary:hover {background: rgba(0,0,0,0.05);color: #1e293b}
#contact-form {margin-top: 20px;padding-top: 20px;border-top: 1px solid rgba(0,0,0,0.1)}
#contact-form h3 {color: #1e293b;margin-bottom: 16px}
#contact-form select {padding: 10px;margin-top: 5px;border: 1px solid rgba(0,0,0,0.1);border-radius: 5px;background: rgba(255,255,255,0.8);color: #1e293b;width: 100%;box-sizing: border-box}
.form-buttons {display: flex;gap: 12px;justify-content: flex-end;margin-top: 20px}
@media (max-width: 768px) {.contact-options {grid-template-columns: 1fr}.form-buttons {flex-direction: column}.contact-btn {text-align: center}}
#cookie-banner{position:fixed;left:12px;right:12px;bottom:18px;background:var(--card);border:1px solid rgba(15,23,36,0.06);box-shadow:0 18px 40px rgba(2,6,23,0.06);border-radius:12px;padding:14px;display:none;z-index:1200}
#cookie-banner .cookie-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}
#cookie-banner .cookie-inner p{margin:0}
.cookie-actions{display:flex;gap:10px;align-items:center}
#cookie-modal .modal-content{max-width:560px}
#cookie-form label{display:block;margin:12px 0;color:var(--muted)}
@media (max-width:640px){#cookie-banner .cookie-inner{flex-direction:column;align-items:flex-start}.cookie-actions{width:100%;justify-content:flex-end}}