:root{
    --bg:#0f0f10;
    --panel:#141416;
    --panel2:#101012;
    --text:#f4f4f5;
    --muted:#b7b7bd;
    --line:#242428;
    --orange:#F57C00;
    --steel:#6F6F6F;
    --cream:#f2efe8;
    --shadow: 0 10px 30px rgba(0,0,0,.45);
    --radius: 18px;
    --radius2: 24px;
    --max: 1120px;
  }
  
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    margin:0;
    font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    background: radial-gradient(1200px 700px at 20% -10%, rgba(245,124,0,.18), transparent 60%),
                radial-gradient(900px 600px at 80% 10%, rgba(245,124,0,.10), transparent 55%),
                var(--bg);
    color:var(--text);
  }
  
  img{max-width:100%; display:block}
  a{color:inherit; text-decoration:none}
  .container{width:min(var(--max), calc(100% - 40px)); margin:0 auto}
  
  .muted{color:var(--muted)}
  .tiny{font-size:.85rem; line-height:1.3}
  
  .topbar{
    background:#0b0b0c;
    border-bottom:1px solid var(--line);
  }
  .topbar__inner{
    display:flex; align-items:center; justify-content:space-between;
    padding:10px 0;
    font-size:.9rem;
  }
  .topbar__left{display:flex; gap:10px; align-items:center}
  .dot{width:10px;height:10px;border-radius:999px;background:var(--orange); box-shadow:0 0 0 4px rgba(245,124,0,.15)}
  .topbar__right{display:flex; gap:14px}
  .topbar__link{opacity:.9}
  .topbar__link:hover{opacity:1; color:var(--orange)}
  
  .header{
    position:sticky; top:0; z-index:50;
    background: rgba(15,15,16,.72);
    backdrop-filter: blur(10px);
    border-bottom:1px solid rgba(36,36,40,.7);
  }
  .header__inner{
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 0;
    gap:16px;
  }
  
  .brand{display:flex; align-items:center; gap:12px}
  .brand__logo{width:46px;height:46px; object-fit:contain; border-radius:10px}
  .brand__text strong{display:block; letter-spacing:.6px}
  .brand__text span{display:block; font-size:.85rem; color:var(--muted)}
  
  .nav{display:flex; align-items:center; gap:10px}
  .nav__toggle{
    display:none;
    width:44px; height:44px;
    border:1px solid var(--line);
    border-radius:12px;
    background:rgba(255,255,255,.02);
    cursor:pointer;
  }
  .nav__toggle span{
    display:block; height:2px; width:20px;
    background:var(--text);
    margin:6px auto;
    transition:.2s ease;
  }
  .nav__list{
    list-style:none; margin:0; padding:0;
    display:flex; align-items:center; gap:18px;
  }
  .nav__list a{opacity:.9}
  .nav__list a:hover{opacity:1; color:var(--orange)}
  
  .btn{
    display:inline-flex; align-items:center; justify-content:center;
    padding:12px 16px;
    border-radius:14px;
    background: linear-gradient(180deg, rgba(245,124,0,1), rgba(245,124,0,.82));
    color:#111;
    font-weight:800;
    border:1px solid rgba(0,0,0,.15);
    box-shadow: 0 10px 24px rgba(245,124,0,.18);
  }
  .btn:hover{filter:brightness(1.03)}
  .btn--ghost{
    background: transparent;
    color:var(--text);
    border:1px solid rgba(245,124,0,.4);
    box-shadow:none;
  }
  .btn--ghost:hover{border-color:rgba(245,124,0,.8); color:var(--orange)}
  .btn--small{padding:10px 14px; border-radius:12px}
  .btn--full{width:100%}
  
  .hero{padding:44px 0 30px}
  .hero__grid{
    display:grid;
    grid-template-columns: 1.15fr .85fr;
    gap:26px;
    align-items:stretch;
  }
  .pill{
    display:inline-flex;
    gap:10px;
    padding:8px 12px;
    border-radius:999px;
    border:1px solid rgba(245,124,0,.25);
    background:rgba(245,124,0,.08);
    color:var(--cream);
    font-size:.9rem;
  }
  .hero h1{
    margin:14px 0 10px;
    font-size: clamp(2rem, 3.6vw, 3.2rem);
    line-height:1.05;
  }
  .accent{color:var(--orange)}
  .hero p{color:var(--muted); font-size:1.05rem; line-height:1.55}
  .hero__cta{display:flex; gap:12px; flex-wrap:wrap; margin:18px 0}
  .hero__badges{display:flex; gap:12px; flex-wrap:wrap; margin-top:10px}
  .badge{
    background:rgba(255,255,255,.03);
    border:1px solid var(--line);
    border-radius:16px;
    padding:12px 14px;
    min-width:160px;
  }
  .badge__title{display:block; color:var(--muted); font-size:.85rem}
  .badge__value{display:block; font-weight:800; margin-top:4px}
  
  .hero__card{
    position:relative;
    border-radius:var(--radius2);
    overflow:hidden;
    border:1px solid rgba(245,124,0,.15);
    background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
    box-shadow: var(--shadow);
  }
  .cardGlow{
    position:absolute; inset:-40%;
    background: radial-gradient(circle at 40% 30%, rgba(245,124,0,.28), transparent 55%);
    transform: rotate(18deg);
  }
  .heroCard{
    position:relative;
    padding:22px;
  }
  .heroCard h2{margin:0 0 6px}
  .miniForm{display:grid; gap:12px; margin-top:12px}
  label span{display:block; font-size:.9rem; color:var(--muted); margin-bottom:6px}
  input, select, textarea{
    width:100%;
    padding:12px 12px;
    border-radius:14px;
    border:1px solid var(--line);
    background:rgba(0,0,0,.25);
    color:var(--text);
    outline:none;
  }
  input:focus, select:focus, textarea:focus{
    border-color:rgba(245,124,0,.6);
    box-shadow:0 0 0 4px rgba(245,124,0,.12);
  }
  
  .section{padding:56px 0}
  .section--alt{
    background: linear-gradient(180deg, rgba(255,255,255,.02), transparent);
    border-top:1px solid rgba(36,36,40,.6);
    border-bottom:1px solid rgba(36,36,40,.6);
  }
  .section__head{
    margin-bottom:18px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
  }
  .section__head h2{margin:0; font-size: clamp(1.6rem, 2.2vw, 2.1rem)}
  .section__head p{margin:0}
  
  .grid{display:grid; gap:14px}
  .cards{grid-template-columns: repeat(3, 1fr)}
  .card{
    border:1px solid var(--line);
    background:rgba(255,255,255,.02);
    border-radius:var(--radius);
    padding:18px;
    transition:.15s ease;
  }
  .card:hover{
    border-color: rgba(245,124,0,.35);
    transform: translateY(-2px);
  }
  .card h3{margin:0 0 8px}
  .list{margin:10px 0 0; padding-left:18px; color:var(--muted)}
  .link{color:var(--orange); font-weight:700}
  
  .twoCol{
    display:grid;
    grid-template-columns: 1.1fr .9fr;
    gap:18px;
    align-items:start;
  }
  .checks{display:grid; gap:12px; margin-top:14px}
  .checkItem{display:flex; gap:12px; align-items:flex-start}
  .checkIcon{
    width:34px; height:34px; border-radius:12px;
    display:grid; place-items:center;
    background:rgba(245,124,0,.12);
    border:1px solid rgba(245,124,0,.25);
    color:var(--orange);
    font-weight:900;
  }
  .statCard{
    border:1px solid var(--line);
    background:rgba(0,0,0,.22);
    border-radius:var(--radius2);
    padding:18px;
    box-shadow: var(--shadow);
  }
  .stats{display:grid; gap:10px; margin-top:10px}
  .stat{
    display:flex; align-items:baseline; justify-content:space-between;
    border:1px solid rgba(255,255,255,.05);
    border-radius:16px;
    padding:12px 14px;
    background:rgba(255,255,255,.02);
  }
  .stat__num{font-size:1.35rem; font-weight:900; color:var(--orange)}
  .stat__label{color:var(--muted)}
  
  .steps{grid-template-columns: repeat(3, 1fr)}
  .step{
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:18px;
    background:rgba(255,255,255,.02);
  }
  .step__n{
    display:inline-flex;
    width:34px;height:34px;border-radius:12px;
    align-items:center;justify-content:center;
    background:rgba(245,124,0,.12);
    border:1px solid rgba(245,124,0,.25);
    color:var(--orange);
    font-weight:900;
  }
  .step h3{margin:10px 0 6px}
  
  .testimonials{grid-template-columns: repeat(3, 1fr)}
  .tcard{
    border:1px solid var(--line);
    background:rgba(0,0,0,.22);
    border-radius:var(--radius);
    padding:18px;
  }
  .tcard__foot{display:flex; align-items:center; justify-content:space-between; margin-top:10px}
  .stars{color:var(--orange); letter-spacing:1px}
  
  .contact{align-items:stretch}
  .contactCard, .infoCard{
    border:1px solid var(--line);
    border-radius:var(--radius2);
    background:rgba(255,255,255,.02);
    padding:18px;
  }
  .form{display:grid; gap:12px}
  .form__row{display:grid; grid-template-columns: 1fr 1fr; gap:12px}
  .infoList{display:grid; gap:10px; margin-top:10px}
  .infoList a{color:var(--orange)}
  .map{
    margin-top:14px;
    border-radius:18px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.06);
  }
  .map iframe{width:100%; height:260px; border:0}
  .miniNote{
    margin-top:12px;
    padding:12px 14px;
    border-radius:16px;
    background:rgba(245,124,0,.08);
    border:1px solid rgba(245,124,0,.22);
    color:var(--cream);
  }
  
  .footer{
    border-top:1px solid rgba(36,36,40,.8);
    background:#0b0b0c;
  }
  .footer__inner{
    display:flex; align-items:center; justify-content:space-between;
    gap:16px;
    padding:18px 0;
    flex-wrap:wrap;
  }
  .footer__brand{display:flex; gap:12px; align-items:center}
  .footer__brand img{width:40px;height:40px; border-radius:10px}
  .footer__brand strong{display:block}
  .footer__links{display:flex; gap:14px; flex-wrap:wrap}
  .footer__links a:hover{color:var(--orange)}
  .footer__bottom{padding:10px 0; border-top:1px solid rgba(36,36,40,.7)}
  
  .fab{
    position:fixed; right:18px; bottom:18px;
    width:56px;height:56px; border-radius:18px;
    background: linear-gradient(180deg, rgba(245,124,0,1), rgba(245,124,0,.82));
    color:#111;
    display:grid; place-items:center;
    font-weight:900;
    box-shadow: 0 14px 26px rgba(245,124,0,.22);
    border:1px solid rgba(0,0,0,.18);
    z-index:60;
  }
  .fab:hover{filter:brightness(1.03)}
  
  /* Responsive */
  @media (max-width: 980px){
    .hero__grid{grid-template-columns: 1fr; }
    .twoCol{grid-template-columns: 1fr}
    .cards{grid-template-columns: repeat(2, 1fr)}
    .steps{grid-template-columns: 1fr}
    .testimonials{grid-template-columns: 1fr}
  }
  @media (max-width: 720px){
    .topbar__right{display:none}
    .nav__toggle{display:inline-block}
    .nav__list{
      position:absolute;
      right:20px; top:74px;
      width:min(320px, calc(100vw - 40px));
      display:none;
      flex-direction:column;
      gap:10px;
      padding:12px;
      border-radius:18px;
      border:1px solid var(--line);
      background:rgba(15,15,16,.92);
      backdrop-filter: blur(12px);
      box-shadow: var(--shadow);
    }
    .nav__list.is-open{display:flex}
    .nav__list a{width:100%; padding:10px 12px; border-radius:12px}
    .nav__list a:hover{background:rgba(245,124,0,.08)}
    .cards{grid-template-columns: 1fr}
    .form__row{grid-template-columns: 1fr}
  }