/* styles/main.css — Modern, responsive design for Zilker Solutions */

/* Local Font: Inter */
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter_18pt-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root{
  --bg:#0f172a;
  --card:#0b1220;
  --muted:#94a3b8;
  --accent:#7c3aed;
  --accent-2:#06b6d4;
  --white:#ffffff;
  --glass: rgba(255,255,255,0.06);
  --glass-2: rgba(255,255,255,0.03);
  --radius:12px;
  --container:1200px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  background:linear-gradient(180deg,#071028 0%, #07112a 60%);
  color:var(--white);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}
/* NAV */
.navbar{position:fixed;top:0;left:0;right:0;height:72px;display:flex;align-items:center;backdrop-filter:blur(6px);background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));border-bottom:1px solid rgba(255,255,255,0.03);z-index:50}
.nav-container{width:100%;display:flex;align-items:center;justify-content:space-between;max-width:var(--container);margin:0 auto;padding:0 20px}
.nav-logo a{color:var(--white);font-weight:700;text-decoration:none;font-size:1.125rem}
.nav-menu{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.nav-menu a{color:var(--muted);text-decoration:none;font-weight:500}
.nav-menu a:hover{color:var(--white)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;border:0;cursor:pointer;font-weight:600;text-decoration:none}
.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--white);box-shadow:0 6px 18px rgba(124,58,237,0.18)}
.btn-outline{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--white)}
/* HERO */
.hero{padding:140px 0 80px;text-align:center}
.hero-content{max-width:960px;margin:0 auto;padding:0 20px}
.hero-badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,rgba(124,58,237,0.12),rgba(6,182,212,0.12));border:1px solid rgba(124,58,237,0.25);padding:10px 18px;border-radius:24px;font-size:0.8rem;color:var(--muted);font-weight:500;letter-spacing:0.3px}
.hero-badge svg{color:var(--accent-2)}
.hero-badge-primary{background:linear-gradient(90deg,rgba(124,58,237,0.2),rgba(6,182,212,0.2));border-color:rgba(124,58,237,0.4);color:var(--accent-2)}
.hero h1{font-size:2.6rem;line-height:1.18;margin-bottom:24px;background:linear-gradient(135deg,var(--white) 0%,var(--muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-subtitle{color:var(--muted);font-size:1.05rem;margin-bottom:36px;line-height:1.75;max-width:740px;margin-left:auto;margin-right:auto}
.hero-stats{display:flex;justify-content:center;gap:56px;margin-bottom:40px;flex-wrap:wrap}
.stat-item{display:flex;flex-direction:column;align-items:center}
.stat-number{font-size:2rem;font-weight:700;color:var(--accent-2)}
.stat-label{font-size:0.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;margin-top:6px}
.hero-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}
.hero-partners{padding-top:32px;border-top:1px solid rgba(255,255,255,0.04)}
.partners-label{display:block;font-size:0.7rem;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:16px}
.partners-logos{display:flex;gap:32px;justify-content:center;flex-wrap:wrap;align-items:center}
.partner-item{padding:8px 16px;background:rgba(255,255,255,0.02);border-radius:8px;border:1px solid rgba(255,255,255,0.04)}
.partner-name{font-size:0.85rem;color:var(--muted);font-weight:500}
/* SERVICES */
.services{padding:64px 0}
.services h2{font-size:1.875rem;text-align:center;margin-bottom:32px}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.service-card{background:linear-gradient(180deg,var(--glass),var(--glass-2));border-radius:var(--radius);padding:20px;box-shadow:0 8px 30px rgba(2,6,23,0.6);border:1px solid rgba(255,255,255,0.02);min-height:160px;display:flex;flex-direction:column;gap:8px}
.service-icon{font-size:2.25rem}
.service-card h3{margin:0;color:var(--white)}
.service-card p{margin:0;color:var(--muted);flex:1}
/* ABOUT */
.about{padding:64px 0}
.about-content{max-width:880px;margin:0 auto;color:var(--muted);line-height:1.7}
/* CONTACT */
.contact{padding:64px 0}
.contact-form{max-width:640px;margin:0 auto;background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));padding:28px;border-radius:12px;border:1px solid rgba(255,255,255,0.03)}
.form-group{margin-bottom:14px}
.form-group label{display:block;margin-bottom:6px;color:var(--white);font-weight:600}
.form-group input,.form-group textarea{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:var(--white)}
.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,0.35)}
/* MODAL */
.modal{display:none;position:fixed;inset:0;align-items:center;justify-content:center;background:rgba(2,6,23,0.6);z-index:200}
.modal.show{display:flex}
.modal-content{background:linear-gradient(180deg,#071428,#061226);padding:22px;border-radius:12px;max-width:420px;width:92%;border:1px solid rgba(255,255,255,0.04)}
.modal-close{position:absolute;right:16px;top:12px;color:var(--muted);cursor:pointer}
/* NOTIFICATIONS */
.notifications{position:fixed;top:92px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:300}
.notification{background:linear-gradient(180deg,#0b1220,#081222);padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,0.04);color:var(--white)}
.notification-success{border-left:4px solid #10b981}
.notification-error{border-left:4px solid #ef4444}
/* SECTION HEADER */
.section-header{text-align:center;margin-bottom:48px}
.section-label{display:inline-block;color:var(--accent-2);font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}
.section-header h2{font-size:2rem;margin:0 0 16px;line-height:1.3}
.section-intro{color:var(--muted);max-width:720px;margin:0 auto;line-height:1.7}

/* EXECUTIVE SUMMARY */
.executive-summary{padding:80px 0;background:linear-gradient(180deg,rgba(7,16,40,0.5),rgba(7,17,42,0.8))}
.summary-grid{display:grid;grid-template-columns:1fr 400px;gap:56px;align-items:start}
.summary-main{color:var(--muted);line-height:1.85}
.summary-main .lead-text{font-size:1.1rem;color:var(--white);margin-bottom:24px;line-height:1.75}
.summary-main p{margin-bottom:18px;font-size:0.95rem}
.summary-facts{display:flex;flex-direction:column;gap:16px}
.fact-card{background:linear-gradient(180deg,var(--glass),var(--glass-2));border-radius:var(--radius);padding:22px;border:1px solid rgba(255,255,255,0.04);transition:border-color 0.2s}
.fact-card:hover{border-color:rgba(124,58,237,0.2)}
.fact-card-highlight{background:linear-gradient(135deg,rgba(124,58,237,0.12),rgba(6,182,212,0.08));border-color:rgba(124,58,237,0.25)}
.fact-icon{width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,rgba(124,58,237,0.2),rgba(6,182,212,0.2));display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--accent-2)}
.fact-card h4{margin:0 0 10px;font-size:1rem;color:var(--white)}
.fact-card p{margin:0;color:var(--muted);font-size:0.88rem;line-height:1.65}

/* FOUNDER SECTION */
.founder-section{padding:80px 0}
.founder-grid{display:grid;grid-template-columns:1fr;gap:48px}
.founder-profile{background:linear-gradient(135deg,rgba(124,58,237,0.08),rgba(6,182,212,0.05));border-radius:var(--radius);padding:32px;border:1px solid rgba(124,58,237,0.15)}
.founder-header{display:flex;align-items:center;gap:24px;margin-bottom:20px}
.founder-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;flex-shrink:0}
.avatar-initials{font-size:1.75rem;font-weight:700;color:var(--white)}
.founder-intro h3{margin:0 0 4px;font-size:1.375rem;color:var(--white)}
.founder-title{margin:0 0 6px;color:var(--accent-2);font-weight:600;font-size:0.95rem}
.founder-tagline{margin:0;color:var(--muted);font-size:0.85rem}
.founder-bio p{margin:0;color:var(--muted);line-height:1.75;font-size:0.95rem}
.credentials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.credential-card{background:linear-gradient(180deg,var(--glass),var(--glass-2));border-radius:var(--radius);padding:24px;border:1px solid rgba(255,255,255,0.04);display:flex;gap:18px;align-items:start}
.credential-icon{width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,rgba(124,58,237,0.15),rgba(6,182,212,0.15));display:flex;align-items:center;justify-content:center;color:var(--accent-2);flex-shrink:0}
.credential-content h4{margin:0 0 10px;font-size:0.95rem;color:var(--white)}
.credential-content p{margin:0;color:var(--muted);font-size:0.85rem;line-height:1.65}
.credential-content strong{color:var(--white)}

/* ROSI SECTION */
.rosi-section{padding:80px 0}
.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px}
.module-card{background:linear-gradient(180deg,var(--glass),var(--glass-2));border-radius:var(--radius);padding:28px;border:1px solid rgba(255,255,255,0.04);position:relative;overflow:hidden}
.module-number{position:absolute;top:20px;right:24px;font-size:3rem;font-weight:800;color:rgba(124,58,237,0.1);line-height:1}
.module-header{display:flex;align-items:center;gap:16px;margin-bottom:8px}
.module-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(124,58,237,0.15),rgba(6,182,212,0.15));display:flex;align-items:center;justify-content:center;color:var(--accent-2)}
.module-header h3{margin:0;font-size:1.125rem;color:var(--white)}
.module-subtitle{color:var(--accent-2);font-size:0.875rem;font-weight:500;margin-bottom:16px}
.module-content p{color:var(--muted);line-height:1.7;margin-bottom:16px;font-size:0.95rem}
.module-features{list-style:none;padding:0;margin:0 0 20px}
.module-features li{color:var(--muted);font-size:0.9rem;padding:6px 0 6px 24px;position:relative}
.module-features li::before{content:'';position:absolute;left:0;top:12px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2))}
.module-tech{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.04)}
.tech-tag{font-size:0.75rem;padding:4px 10px;border-radius:6px;background:rgba(124,58,237,0.1);color:var(--accent);border:1px solid rgba(124,58,237,0.2)}

/* INNOVATION SECTION */
.innovation-section{padding:80px 0;background:linear-gradient(180deg,rgba(7,16,40,0.5),rgba(7,17,42,0.8))}
.research-foundation{margin-bottom:48px}
.research-badge{background:linear-gradient(135deg,rgba(124,58,237,0.12),rgba(6,182,212,0.08));border-radius:var(--radius);padding:28px 32px;border:1px solid rgba(124,58,237,0.25);display:flex;gap:24px;align-items:start}
.research-badge-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}
.research-badge-content h4{margin:0 0 12px;font-size:1.125rem;color:var(--white)}
.research-badge-content p{margin:0;color:var(--muted);line-height:1.7;font-size:0.95rem}
.innovation-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:32px;align-items:stretch;margin-bottom:48px}
.comparison-block{background:linear-gradient(180deg,var(--glass),var(--glass-2));border-radius:var(--radius);padding:28px;border:1px solid rgba(255,255,255,0.04)}
.comparison-old{border-left:3px solid var(--muted)}
.comparison-new{border-left:3px solid var(--accent-2)}
.comparison-block h4{margin:0 0 16px;font-size:1.1rem;color:var(--white)}
.comparison-block p{color:var(--muted);line-height:1.7;margin-bottom:16px;font-size:0.92rem}
.comparison-block ul{list-style:none;padding:0;margin:0}
.comparison-block ul li{color:var(--muted);font-size:0.88rem;padding:8px 0 8px 22px;position:relative}
.comparison-old ul li::before{content:'−';position:absolute;left:0;color:var(--muted);font-weight:700}
.comparison-new ul li::before{content:'+';position:absolute;left:0;color:var(--accent-2);font-weight:700}
.comparison-arrow{display:flex;align-items:center;justify-content:center;color:var(--accent-2)}
.innovation-pillars{margin-bottom:48px}
.innovation-pillars h3{font-size:1.25rem;margin:0 0 24px;color:var(--white);text-align:center}
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pillar-card{background:linear-gradient(180deg,var(--glass),var(--glass-2));border-radius:var(--radius);padding:24px;border:1px solid rgba(255,255,255,0.04);position:relative}
.pillar-number{font-size:2.5rem;font-weight:800;color:rgba(124,58,237,0.12);line-height:1;margin-bottom:12px}
.pillar-card h4{margin:0 0 12px;font-size:1rem;color:var(--white)}
.pillar-card p{margin:0;color:var(--muted);font-size:0.88rem;line-height:1.65}
.innovation-highlight{background:linear-gradient(135deg,rgba(124,58,237,0.1),rgba(6,182,212,0.1));border-radius:var(--radius);padding:32px;border:1px solid rgba(124,58,237,0.2);display:flex;gap:24px;align-items:start}
.highlight-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}
.highlight-content h4{margin:0 0 12px;font-size:1.1rem;color:var(--white)}
.highlight-content p{margin:0;color:var(--muted);line-height:1.75;font-size:0.95rem}

/* COMPLIANCE SECTION */
.compliance-section{padding:80px 0}
.compliance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.compliance-card{background:linear-gradient(180deg,var(--glass),var(--glass-2));border-radius:var(--radius);padding:24px;border:1px solid rgba(255,255,255,0.04)}
.compliance-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(16,185,129,0.15),rgba(6,182,212,0.15));display:flex;align-items:center;justify-content:center;color:#10b981;margin-bottom:16px}
.compliance-card h4{margin:0 0 12px;font-size:1rem;color:var(--white)}
.compliance-card p{margin:0;color:var(--muted);font-size:0.9rem;line-height:1.6}

/* CONTACT / CTA SECTION */
.contact-section{padding:80px 0;background:linear-gradient(180deg,rgba(7,16,40,0.5),rgba(7,17,42,0.8))}
.cta-wrapper{display:grid;grid-template-columns:1fr 440px;gap:64px;align-items:start}
.cta-content{padding-top:20px}
.cta-content h2{font-size:1.875rem;margin:12px 0 20px;line-height:1.3}
.cta-content > p{color:var(--muted);line-height:1.7;margin-bottom:28px}
.cta-benefits{display:flex;flex-direction:column;gap:12px}
.cta-benefit{display:flex;align-items:center;gap:12px;color:var(--muted)}
.cta-benefit svg{color:var(--accent-2);flex-shrink:0}
.cta-form-wrapper{background:linear-gradient(180deg,var(--glass),var(--glass-2));border-radius:var(--radius);padding:32px;border:1px solid rgba(255,255,255,0.04)}
.contact-form h3{margin:0 0 24px;font-size:1.25rem;color:var(--white)}
.contact-cta-box{text-align:center;padding:20px 0}
.contact-cta-box h3{margin:0 0 16px;font-size:1.25rem;color:var(--white)}
.contact-cta-box > p{color:var(--muted);margin:0 0 24px;line-height:1.6}
.contact-cta-box .btn{justify-content:center}
.contact-email{margin:20px 0 0;color:var(--accent-2);font-size:0.9rem;font-weight:500}
.btn-full{width:100%}
.form-note{text-align:center;color:var(--muted);font-size:0.8rem;margin:16px 0 0}

/* FOOTER */
.footer{padding:56px 0 40px;text-align:center;color:var(--muted);border-top:1px solid rgba(255,255,255,0.04);margin-top:0}
.footer-content{display:flex;flex-direction:column;gap:28px;align-items:center}
.footer-brand strong{color:var(--white);font-size:1.125rem;display:block}
.footer-brand p{margin:6px 0 0;font-size:0.85rem}
.footer-tagline{color:var(--accent-2);font-size:0.75rem;letter-spacing:0.5px}
.footer-links{display:flex;gap:28px;flex-wrap:wrap;justify-content:center}
.footer-links a{color:var(--muted);text-decoration:none;font-size:0.88rem;transition:color 0.2s}
.footer-links a:hover{color:var(--white)}
.footer-legal{font-size:0.78rem}
.footer-legal p{margin:4px 0}
.footer-legal-links{display:flex;gap:16px;justify-content:center;margin-bottom:8px}
.footer-legal-links a{color:var(--muted);text-decoration:none;transition:color 0.2s}
.footer-legal-links a:hover{color:var(--white)}

/* COOKIE BANNER */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#0b1428,#081222);border-top:1px solid rgba(255,255,255,0.06);padding:20px;z-index:1000;transform:translateY(0);transition:transform 0.3s ease}
.cookie-banner.hidden{transform:translateY(100%)}
.cookie-content{max-width:var(--container);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cookie-text{flex:1;min-width:280px}
.cookie-text p{margin:0;color:var(--muted);font-size:0.9rem;line-height:1.6}
.cookie-text a{color:var(--accent-2);text-decoration:none}
.cookie-text a:hover{text-decoration:underline}
.cookie-actions{display:flex;gap:12px;flex-shrink:0}

/* LEGAL PAGES */
.legal-page{padding:120px 0 80px;min-height:100vh}
.legal-page h1{font-size:2rem;margin-bottom:32px;color:var(--white)}
.legal-page h2{font-size:1.25rem;margin:32px 0 16px;color:var(--white)}
.legal-page p,.legal-page li{color:var(--muted);line-height:1.8;margin-bottom:16px}
.legal-page ul{padding-left:24px}
.legal-page a{color:var(--accent-2)}
.legal-back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;margin-bottom:24px;font-size:0.9rem}
.legal-back:hover{color:var(--white)}

/* Responsive */
@media (max-width: 1024px){
  .nav-menu{gap:16px}
  .nav-menu a{font-size:0.9rem}
  .pillars-grid{grid-template-columns:1fr}
  .credentials-grid{grid-template-columns:1fr}
}
@media (max-width: 900px){
  .nav-menu{display:none}
  .hero h1{font-size:1.75rem}
  .hero-subtitle{font-size:0.95rem}
  .hero-badges{flex-direction:column;align-items:center}
  .hero-badge{font-size:0.75rem}
  .nav-container{padding:0 12px}
  .summary-grid{grid-template-columns:1fr}
  .modules-grid{grid-template-columns:1fr}
  .innovation-comparison{grid-template-columns:1fr;gap:16px}
  .comparison-arrow{transform:rotate(90deg);padding:8px 0}
  .innovation-highlight{flex-direction:column}
  .research-badge{flex-direction:column}
  .cta-wrapper{grid-template-columns:1fr}
  .hero-stats{gap:24px}
  .stat-number{font-size:1.5rem}
  .founder-header{flex-direction:column;text-align:center}
  .credential-card{flex-direction:column;text-align:center}
  .credential-icon{margin:0 auto}
  .partners-logos{gap:16px}
  .partner-item{padding:6px 12px}
  .partner-name{font-size:0.75rem}
}