:root{
    --navy:#0B1F3A; --navy2:#13294B; --cyan:#E63946; --lime:#F2B705;
    --grey:#E6E9ED; --white:#FFFFFF;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--navy);color:var(--white);line-height:1.6;}
  .wrap{max-width:1080px;margin:0 auto;padding:0 20px;}

  /* NAV */
  nav{padding:22px 0;display:flex;align-items:center;justify-content:space-between;}
  .logo{font-weight:900;font-size:1.5rem;letter-spacing:.5px;line-height:1.05;}
  .logo .o1{color:var(--white);} .logo .o2{color:var(--cyan);}
  .logo .sub{display:block;font-size:.62rem;font-weight:600;letter-spacing:.35em;color:var(--grey);opacity:.8;}
  .navcta{background:var(--lime);color:var(--navy);font-weight:800;padding:10px 20px;border-radius:8px;text-decoration:none;font-size:.9rem;white-space:nowrap;}

  /* HERO */
  .hero{padding:44px 0 48px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(rgba(11,31,58,.78),rgba(11,31,58,.92)),url('images/hero.jpg') center 60%/cover no-repeat;border-top:10px solid;border-image:repeating-linear-gradient(90deg,#E63946 0 32px,#FFFFFF 32px 64px) 10;}
  .herologo{height:190px;width:auto;display:block;margin:0 auto 18px;filter:drop-shadow(0 12px 28px rgba(0,0,0,.6));}
  @media(max-width:820px){.herologo{height:120px;}}

  /* GALLERY */
  .founder{padding:56px 0 10px;}
  .founder h2{text-align:center;font-size:2rem;font-weight:900;margin-bottom:26px;}
  .founder h2 span{color:var(--cyan);}
  .fcard{display:grid;grid-template-columns:280px 1fr;gap:34px;align-items:center;background:var(--navy2);border:1px solid rgba(230,57,70,.35);border-radius:16px;padding:32px;}
  .fcard img{width:100%;border-radius:14px;display:block;background:#fff;}
  .fcard p{margin:0 0 14px;color:rgba(255,255,255,.88);}
  .fcard .sig{color:var(--lime);font-weight:900;font-size:1.05rem;margin-top:6px;}
  .fcard .role{color:var(--cyan);font-weight:700;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;}
  @media(max-width:820px){.fcard{grid-template-columns:1fr;padding:22px;} .fcard img{max-width:260px;margin:0 auto;}}
  .gallery{padding:56px 0 10px;text-align:center;}
  .gallery h2{font-size:clamp(1.6rem,4vw,2.3rem);font-weight:900;}
  .gallery h2 span{color:var(--cyan);}
  .gallery .sub{color:var(--grey);margin-top:8px;font-size:.95rem;}
  .ggrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px;}
  .gitem{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.1);}
  .gitem img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:3/2;}
  .gitem .cap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(11,31,58,.92));padding:26px 16px 12px;font-weight:800;font-size:.95rem;text-align:left;}
  .gitem .cap span{color:var(--lime);}
  @media(max-width:820px){.ggrid{grid-template-columns:1fr;}}
  .hero .badge{display:inline-block;background:rgba(230,57,70,.12);border:1px solid rgba(230,57,70,.45);color:var(--cyan);font-weight:700;font-size:.8rem;letter-spacing:.18em;padding:8px 18px;border-radius:999px;margin-bottom:26px;}
  .hero h1{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:900;line-height:1.05;}
  .hero h1 .a{color:var(--white);} .hero h1 .b{color:var(--cyan);}
  .hero .got{color:var(--lime);}
  .hero p.lead{margin:22px auto 8px;font-size:1.2rem;color:var(--grey);max-width:640px;}
  .hero p.lead b{color:var(--white);}
  .offer{margin:30px auto 0;max-width:560px;background:linear-gradient(135deg,rgba(242,183,5,.14),rgba(230,57,70,.10));border:1px solid rgba(242,183,5,.5);border-radius:14px;padding:20px 24px;}
  .offer .big{font-size:1.25rem;font-weight:800;color:var(--lime);}
  .offer .small{font-size:.9rem;color:var(--grey);margin-top:4px;}
  .cta{display:inline-block;margin-top:30px;background:var(--cyan);color:var(--navy);font-size:1.15rem;font-weight:900;padding:16px 42px;border-radius:10px;text-decoration:none;box-shadow:0 8px 30px rgba(230,57,70,.35);transition:transform .15s;}
  .cta:hover{transform:translateY(-2px);}
  .sub-cta{display:block;margin-top:12px;font-size:.85rem;color:var(--grey);opacity:.75;}

  /* FEATURES */
  .features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:44px 0 10px;}
  .feat{background:var(--navy2);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:22px 16px;text-align:center;}
  .feat .ic{font-size:1.8rem;margin-bottom:10px;}
  .feat h3{font-size:.95rem;font-weight:800;color:var(--cyan);letter-spacing:.04em;}
  .feat p{font-size:.8rem;color:var(--grey);opacity:.85;margin-top:4px;}

  /* PRICING */
  .pricing{padding:56px 0 20px;text-align:center;}
  .pricing h2, .why h2, .signup h2{font-size:clamp(1.6rem,4vw,2.3rem);font-weight:900;}
  .pricing h2 span{color:var(--lime);}
  .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px;}
  .cards.three{grid-template-columns:repeat(3,1fr);}
  @media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr);}}
  .card{background:var(--navy2);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:28px 20px;position:relative;}
  .card.pop{border-color:var(--cyan);}
  .card .tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--cyan);color:var(--navy);font-size:.7rem;font-weight:900;letter-spacing:.1em;padding:4px 14px;border-radius:999px;}
  .card .ic{font-size:2.2rem;}
  .card h3{margin-top:10px;font-size:1.1rem;font-weight:800;}
  .card .price{margin-top:12px;font-size:2rem;font-weight:900;color:var(--lime);}
  .card .price small{font-size:.85rem;color:var(--grey);font-weight:600;}
  .card .was{margin-top:2px;font-size:.85rem;color:var(--grey);opacity:.7;}
  .card .was s{opacity:.8;}
  .card ul{list-style:none;margin-top:14px;font-size:.85rem;color:var(--grey);}
  .card ul li{padding:3px 0;}

  /* WHY */
  .why{padding:56px 0 8px;text-align:center;}
  .why h2 span{color:var(--cyan);}
  .why .grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;text-align:left;}
  .why .box{background:var(--navy2);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:22px;}
  .why .box h3{color:var(--lime);font-size:1rem;margin-bottom:6px;}
  .why .box p{font-size:.9rem;color:var(--grey);}

  /* FORM */
  .signup{padding:64px 0 30px;}
  .formcard{max-width:640px;margin:26px auto 0;background:var(--navy2);border:1px solid rgba(230,57,70,.35);border-radius:18px;padding:34px;}
  .signup h2{text-align:center;}
  .signup h2 span{color:var(--lime);}
  .signup .subhead{text-align:center;color:var(--grey);margin-top:8px;font-size:.95rem;}
  label{display:block;font-size:.8rem;font-weight:700;letter-spacing:.06em;color:var(--cyan);margin:16px 0 6px;text-transform:uppercase;}
  input,select{width:100%;padding:13px 14px;border-radius:9px;border:1px solid rgba(255,255,255,.15);background:var(--navy);color:var(--white);font-size:1rem;}
  input:focus,select:focus{outline:2px solid var(--cyan);border-color:transparent;}
  .btn{margin-top:26px;width:100%;background:var(--lime);color:var(--navy);border:none;font-size:1.15rem;font-weight:900;padding:16px;border-radius:10px;cursor:pointer;transition:transform .15s;}
  .btn:hover{transform:translateY(-1px);}
  .fine{margin-top:12px;text-align:center;font-size:.75rem;color:var(--grey);opacity:.7;}
  .success{display:none;text-align:center;padding:30px 10px;}
  .success .big{font-size:3rem;}
  .success h3{color:var(--lime);font-size:1.5rem;margin-top:10px;}
  .success p{color:var(--grey);margin-top:8px;}

  footer{margin-top:60px;padding:34px 0 26px;border-top:1px solid rgba(255,255,255,.08);text-align:center;font-size:.85rem;color:var(--grey);}
  .fgrid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:22px;text-align:left;margin:6px 0 22px;}
  .fcol h4{color:var(--lime);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;}
  .fcol p{margin:4px 0;font-size:.95rem;color:var(--white);}
  .fcol p.fmuted{color:var(--grey);font-size:.82rem;opacity:.8;}
  .fcol a{color:var(--white);text-decoration:none;} .fcol a:hover{color:var(--lime);}
  .fmap iframe{width:100%;height:170px;border:0;border-radius:10px;filter:saturate(.85);}
  .fbottom{border-top:1px solid rgba(255,255,255,.08);padding-top:14px;font-size:.8rem;opacity:.8;} .fbottom span{font-size:.72rem;} .fbottom a{color:inherit;}
  @media(max-width:820px){.fgrid{grid-template-columns:1fr;}}

  @media(max-width:820px){
    .features{grid-template-columns:repeat(2,1fr);}
    .cards{grid-template-columns:1fr;}
    .why .grid{grid-template-columns:1fr;}
    .formcard{padding:24px 18px;}
  }

  /* NAV v2 */
  nav{padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
  nav .brand img{height:70px;display:block;}
  nav .menu{display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-weight:700;font-size:.88rem;}
  nav .menu a{color:var(--grey);text-decoration:none;padding:4px 0;border-bottom:2px solid transparent;}
  nav .menu a:hover,nav .menu a.on{color:var(--white);border-bottom-color:var(--cyan);}
  .phero{padding:52px 0 26px;text-align:center;border-bottom:1px solid rgba(255,255,255,.06);}
  .phero .kicker{display:inline-block;color:var(--cyan);font-weight:800;font-size:.78rem;letter-spacing:.2em;margin-bottom:14px;}
  .phero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;line-height:1.08;}
  .phero h1 span{color:var(--lime);}
  .phero p{margin:16px auto 0;max-width:700px;color:var(--grey);font-size:1.1rem;}
  .section{padding:40px 0 6px;}
  .section h2{font-size:clamp(1.5rem,3.5vw,2.1rem);font-weight:900;text-align:center;margin-bottom:22px;}
  .section h2 span{color:var(--lime);}
  .section .lead{text-align:center;color:var(--grey);max-width:720px;margin:-10px auto 24px;}
  .grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  .box{background:var(--navy2);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:22px;}
  .box .ic{font-size:1.7rem;margin-bottom:8px;}
  .box h3{color:var(--lime);font-size:1rem;margin-bottom:6px;}
  .box p,.box li{font-size:.92rem;color:var(--grey);}
  .box ul{margin:8px 0 0 18px;}
  .spec{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px;}
  .spec div{background:var(--navy);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px;text-align:center;}
  .spec b{display:block;font-size:1.3rem;color:var(--lime);} .spec span{font-size:.78rem;color:var(--grey);}
  .band{margin:56px 0 0;background:linear-gradient(135deg,rgba(230,57,70,.18),rgba(242,183,5,.12));border:1px solid rgba(230,57,70,.5);border-radius:16px;padding:30px;text-align:center;}
  .band h2{font-size:1.6rem;font-weight:900;} .band p{color:var(--grey);margin:6px 0 18px;}
  .faq details{background:var(--navy2);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:14px 18px;margin-top:10px;}
  .faq summary{cursor:pointer;font-weight:800;} .faq p{margin-top:8px;color:var(--grey);font-size:.92rem;}
  ol.steps{margin:10px 0 0 22px;color:var(--grey);} ol.steps li{margin:8px 0;} ol.steps b{color:var(--white);}
  .footlogo{height:54px;display:block;margin:0 auto 12px;}
  @media(max-width:820px){.grid2,.grid3{grid-template-columns:1fr;} .spec{grid-template-columns:repeat(2,1fr);} nav .brand img{height:48px;} nav .menu{gap:12px;font-size:.82rem;}}

  .phero.pic{background-size:cover;background-position:center;padding:70px 0 44px;}
  .phero.pic h1,.phero.pic p{text-shadow:0 2px 12px rgba(0,0,0,.6);}