/* Simple styles for the landing page */
:root{
  --accent1:#7c3aed;
  --accent2:#06b6d4;
  --nav-height:64px;
  --tech-blue:#0ea5ff;
  --tech-blue-dark:#0b3f91;
  --tech-blue-darker:#06264f;
  --accent-red:#ff3b30;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Orbitron',sans-serif;color:#111;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal;letter-spacing:0.01em;font-weight:400}

.hero{position:relative;background-image:url('assets/hero.jpeg');background-size:cover;background-position:center;overflow:hidden}
.hero::before{content:"";display:block;padding-top:56.25%}
.hero-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:1.25rem;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,0.18),rgba(0,0,0,0.35))}
.hero h1{font-family:'Orbitron',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;font-size:clamp(1.5rem,4vw,3rem);margin:0;line-height:1.05;font-weight:500;letter-spacing:0.02em;text-transform:none;text-shadow:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.tagline{margin-top:.5rem;opacity:.95;font-weight:400;letter-spacing:0.02em}

main{max-width:900px;margin:calc(2rem + var(--nav-height)) auto;padding:1rem}
.about h2{margin-top:0}
.about p{color:#333;font-weight:400;letter-spacing:0.01em}

@media (prefers-reduced-motion:no-preference){
  .hero-inner{transition:opacity .35s ease}
}

/* Layout container (shared) */
.container{max-width:900px;margin:0 auto;padding:0 1rem}

/* Fixed top navigation */
.site-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);display:flex;align-items:center;background:rgba(255,255,255,0.95);box-shadow:0 4px 18px rgba(16,24,40,0.08);z-index:1000;backdrop-filter:blur(6px)}
.site-nav .nav-inner{width:100%;display:flex;align-items:center;justify-content:space-between}
.site-nav .brand{font-weight:600;color:#0f172a;font-size:1.25rem;letter-spacing:0.02em}
.site-nav .brand .dot-i{position:relative;display:inline-block}
.site-nav .brand .dot-i::after{content:"";position:absolute;left:50%;transform:translateX(-50%);top:0.10em;width:0.28em;height:0.28em;background:var(--accent-red);border-radius:50%;box-shadow:0 1px 0 rgba(0,0,0,0.12)}
.contact-btn{background:var(--tech-blue-dark);color:#fff;padding:.5rem .9rem;border-radius:0;text-decoration:none;font-weight:600;font-size:0.95rem;box-shadow:none;transition:background .12s ease,transform .08s ease}
.contact-btn:hover{background:var(--tech-blue-darker);transform:translateY(-1px)}

.site-footer{background:#0f172a;color:#fff;padding:1.25rem 0;text-align:center}
.site-footer .container{max-width:900px;margin:0 auto;padding:0 1rem}
.site-footer a{color:var(--accent2);text-decoration:underline}
.site-footer p{margin:0;font-size:0.95rem;opacity:0.95}