:root {
  --blue-50:#E7F7FF;
  --blue-300:#7FD8FF;
  --blue-500:#37C1F3;
  --blue-700:#0A86C6;
  --ink:#0B1220;
  --muted:#5B6B7A;
  --bg:#FFFFFF;
  --card:#F7FBFF;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6;}
a{text-decoration:none;color:inherit;}
.container{max-width:1100px;margin:0 auto;padding:0 1rem;}
header{position:sticky;top:0;background:var(--bg);box-shadow:0 1px 2px rgba(0,0,0,0.05);z-index:100;}
header .container{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;}
.brand{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem;}
.brand .logo{width:32px;height:32px;}
nav ul{list-style:none;display:flex;align-items:center;gap:1.5rem;margin:0;padding:0;}
nav a{color:var(--muted);} 
nav a:hover,nav a:focus{color:var(--blue-700);} 
.menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.25rem;}
.menu-toggle span{width:22px;height:2px;background:var(--ink);display:block;}
.btn{display:inline-block;padding:.6rem 1.2rem;border-radius:6px;border:2px solid var(--blue-500);font-weight:600;transition:background .2s,color .2s;}
.btn.primary{background:var(--blue-500);color:#fff;}
.btn.primary:hover,.btn.primary:focus{background:var(--blue-700);border-color:var(--blue-700);}
.btn.ghost{background:transparent;color:var(--blue-500);}
.btn.ghost:hover,.btn.ghost:focus{background:var(--blue-50);}
.hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:4rem 0;background:linear-gradient(135deg,var(--blue-50),var(--bg));position:relative;overflow:hidden;}
.hero-text{flex:1 1 400px;max-width:500px;padding:1rem;}
.hero-text h1{font-size:2.5rem;line-height:1.2;margin-top:0;}
.badge{display:inline-block;background:var(--blue-700);color:#fff;border-radius:999px;padding:.25rem .6rem;font-size:.75rem;margin-bottom:1rem;}
.actions{display:flex;gap:1rem;margin:1.5rem 0;}
.note{color:var(--muted);font-size:.875rem;}
.hero-media{flex:1 1 300px;position:relative;padding:1rem;}
.hero-art{width:100%;max-width:400px;animation:float 6s ease-in-out infinite;}
.shape{position:absolute;opacity:.6;}
.shape.star{top:10%;right:5%;width:20px;fill:var(--blue-300);animation:float 7s ease-in-out infinite;}
.shape.dot{bottom:10%;left:5%;width:10px;fill:var(--blue-50);animation:float 5s ease-in-out infinite;}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.trust{background:var(--card);padding:1rem 0;}
.trust ul{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;list-style:none;padding:0;margin:0;}
.trust li{display:flex;align-items:center;gap:.5rem;color:var(--muted);}
.icon{width:24px;height:24px;color:var(--blue-500);flex-shrink:0;}
.features{padding:4rem 0;}
.features .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-top:2rem;}
.features article{background:var(--card);padding:2rem;border-radius:8px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,0.05);}
.features h3{margin-top:1rem;}
.features p{color:var(--muted);font-size:.95rem;}
.how{background:var(--blue-50);padding:4rem 0;}
.steps{list-style:none;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:0;margin:2rem 0 0;}
.steps li{text-align:center;max-width:200px;}
.phone{width:80px;height:150px;}
.steps h3{margin-top:1rem;font-size:1rem;}
.pricing{padding:4rem 0;}
.pricing .card{background:var(--blue-700);color:#fff;padding:3rem;border-radius:12px;text-align:center;max-width:400px;margin:0 auto;}
.pricing .card small{display:block;color:var(--blue-50);margin-top:.5rem;}
.pricing .card .btn{margin-top:1.5rem;}
.faq{background:var(--card);padding:4rem 0;}
.accordion .item{border-bottom:1px solid var(--blue-50);}
.accordion button{width:100%;text-align:left;background:none;border:none;padding:1rem;font-size:1rem;font-weight:600;color:var(--ink);display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
.accordion button:hover,.accordion button:focus{background:var(--blue-50);}
.accordion .panel{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 1rem;}
.accordion .panel p{color:var(--muted);margin:0;padding:0 0 1rem;}
.accordion button[aria-expanded="true"] + .panel{max-height:200px;}
.signup{padding:4rem 0;text-align:center;}
.signup form{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-top:1rem;}
.signup input{padding:.6rem 1rem;border:2px solid var(--blue-300);border-radius:6px;min-width:250px;}
.signup input:focus{border-color:var(--blue-700);outline:none;}
footer{background:var(--blue-700);color:#fff;padding:2rem 0;}
footer .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;}
footer .brand{color:#fff;}
footer .foot-nav a{margin-right:1rem;color:#fff;}
footer .foot-nav a:hover,footer .foot-nav a:focus{color:var(--blue-50);}
footer .social a{margin-left:.5rem;color:#fff;}
footer .social a:hover,footer .social a:focus{color:var(--blue-50);}
.copy{text-align:center;margin-top:1rem;font-size:.875rem;color:var(--blue-50);}
:focus-visible{outline:2px dashed var(--blue-700);outline-offset:2px;}
@media (max-width:768px){
  nav{position:absolute;top:100%;right:0;background:var(--bg);width:200px;max-height:0;overflow:hidden;transition:max-height .3s ease;box-shadow:0 4px 8px rgba(0,0,0,0.1);}
  nav ul{flex-direction:column;padding:1rem;}
  nav.open{max-height:300px;}
  .menu-toggle{display:flex;}
}