:root{
    --bg:#08080a;
    --surface:#111114;
    --surface-2:#17171b;
    --line:rgba(255,255,255,.10);
    --line-soft:rgba(255,255,255,.06);
    --white:#ffffff;
    --gray:#9a9ca4;
    --gray-dim:#6b6d75;
    --accent:#3d5cff;
    --accent-hi:#5e78ff;
    --accent-deep:#2c44d6;
    --accent-tint:rgba(61,92,255,.14);
    --whatsapp:#25d366;
    --whatsapp-deep:#1eb857;
    --font-display:"Poppins","Arial Black",sans-serif;
    --font-body:"Manrope","Segoe UI",Arial,sans-serif;
    --maxw:1120px;
    --radius:10px;
  }

  *{box-sizing:border-box;}
  body{
    margin:0;background:var(--bg);color:var(--white);
    font-family:var(--font-body);font-size:16px;line-height:1.65;
    -webkit-font-smoothing:antialiased;
  }
  img,svg{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;}
  ul{margin:0;padding:0;list-style:none;}
  h1,h2,h3,h4,p{margin:0;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
  @media (max-width:640px){ .wrap{padding:0 20px;} }
  h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;text-wrap:balance;letter-spacing:-.01em;}

  .eyebrow{
    font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:.14em;
    text-transform:uppercase;color:var(--gray);
  }

  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:9px;
    padding:17px 30px;font-family:var(--font-body);font-size:16px;font-weight:800;
    border-radius:8px;border:1.5px solid transparent;cursor:pointer;white-space:nowrap;
    transition:transform .12s ease, background .15s ease, border-color .15s ease;
  }
  .btn:active{transform:translateY(1px) scale(.99);}
  .btn-accent{background:var(--accent);color:#fff;}
  .btn-accent:hover{background:var(--accent-hi);}
  .btn-outline{border-color:var(--line);color:var(--white);}
  .btn-outline:hover{border-color:var(--accent);}
  .btn-whatsapp{background:var(--whatsapp);color:#052e14;}
  .btn-whatsapp:hover{background:var(--whatsapp-deep);}
  .btn-block{width:100%;}
  .btn svg{width:18px;height:18px;flex:none;}
  .btn-sm{padding:12px 20px;font-size:14px;}

  .check-list{display:flex;flex-direction:column;gap:13px;}
  .check-list li{display:flex;gap:11px;align-items:flex-start;font-size:15.5px;color:#d9dae0;}
  .check-list .ck{color:var(--accent);font-weight:800;flex:none;font-size:16px;line-height:1.5;}

  .reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease;}
  .reveal.in{opacity:1;transform:none;}
  @media (prefers-reduced-motion:reduce){ .reveal{opacity:1;transform:none;transition:none;} }

  /* ---------- LANGUAGE TOGGLE ---------- */
  .lang-toggle{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px;flex:none;}
  .lang-btn{padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:800;letter-spacing:.03em;color:var(--gray);transition:background .15s ease,color .15s ease;}
  .lang-btn.active{background:var(--accent);color:#fff;}
  .mobile-menu .lang-toggle{border-color:var(--line-soft);margin-bottom:6px;align-self:flex-start;}

  /* ---------- HEADER ---------- */
  header{position:sticky;top:0;z-index:50;background:rgba(8,8,10,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft);}
  .header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;}
  .brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:20px;}
  .brand .dot{width:8px;height:8px;background:var(--accent);border-radius:50%;flex:none;}
  nav.primary-nav{display:flex;align-items:center;gap:28px;}
  nav.primary-nav a{font-size:14.5px;font-weight:600;color:var(--gray);transition:color .15s;}
  nav.primary-nav a:hover{color:#fff;}
  .header-actions{display:flex;align-items:center;gap:14px;}
  .burger{display:none;flex-direction:column;gap:5px;padding:8px;}
  .burger span{width:22px;height:2px;background:#fff;}
  @media (max-width:900px){ nav.primary-nav{display:none;} .burger{display:flex;} }
  @media (max-width:480px){ .header-actions .btn{display:none;} }

  .mobile-menu{position:fixed;inset:0;z-index:60;background:var(--bg);display:flex;flex-direction:column;padding:24px 24px 40px;transform:translateX(100%);transition:transform .3s ease;}
  .mobile-menu.open{transform:translateX(0);}
  .mobile-menu-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;}
  .mobile-close{width:38px;height:38px;position:relative;}
  .mobile-close::before,.mobile-close::after{content:"";position:absolute;top:50%;left:50%;width:22px;height:2px;background:#fff;}
  .mobile-close::before{transform:translate(-50%,-50%) rotate(45deg);}
  .mobile-close::after{transform:translate(-50%,-50%) rotate(-45deg);}
  .mobile-menu nav{display:flex;flex-direction:column;gap:4px;}
  .mobile-menu nav a{font-family:var(--font-display);font-weight:800;font-size:28px;padding:13px 0;border-bottom:1px solid var(--line-soft);}
  .mobile-menu .btn{margin-top:30px;}

  /* ---------- HERO ---------- */
  .hero{padding:96px 0 76px;text-align:center;}
  .hero .eyebrow{margin-bottom:26px;}
  .hero h1{font-size:clamp(42px,7.4vw,84px);line-height:1.0;margin:0 auto 20px;max-width:920px;}
  .hero .price-line{font-size:clamp(24px,3.4vw,34px);font-weight:800;font-family:var(--font-display);color:#fff;margin-bottom:40px;}
  .hero .price-line .accent{color:var(--accent-hi);}
  .hero .check-list{max-width:480px;margin:0 auto 40px;align-items:center;}
  .hero .check-list li{justify-content:center;}
  .hero-cta{margin-bottom:20px;}
  .hero .scarcity{font-size:14.5px;font-weight:700;color:#e4e5ea;max-width:420px;margin:0 auto 10px;}
  .hero .contact-line{font-size:14px;color:var(--gray);}
  .hero .contact-line a{color:var(--accent-hi);font-weight:700;border-bottom:1px solid transparent;}
  .hero .contact-line a:hover{border-color:var(--accent-hi);}
  .hero .trust-line{font-size:13px;color:var(--gray-dim);margin-top:36px;letter-spacing:.02em;}

  /* ---------- SECTIONS ---------- */
  .section{padding:80px 0;border-top:1px solid var(--line-soft);}
  @media (max-width:640px){ .section{padding:56px 0;} }
  .section-head{max-width:600px;margin:0 auto 48px;text-align:center;}
  .section-head .eyebrow{margin-bottom:12px;}
  .section-head h2{font-size:clamp(28px,4vw,42px);margin-bottom:12px;}
  .section-head p{color:var(--gray);font-size:16px;}

  /* ---------- HOW IT WORKS ---------- */
  .steps-row{display:grid;grid-template-columns:repeat(4,1fr);}
  .step{padding:0 22px;border-left:1px solid var(--line-soft);}
  .step:first-child{border-left:none;padding-left:0;}
  .step .step-no{font-family:var(--font-display);font-weight:900;font-size:15px;color:var(--accent-hi);margin-bottom:12px;}
  .step h3{font-size:18.5px;margin-bottom:8px;line-height:1.2;}
  .step p{font-size:14px;color:var(--gray);}
  @media (max-width:820px){
    .steps-row{grid-template-columns:1fr 1fr;row-gap:32px;}
    .step:nth-child(3){border-left:none;padding-left:0;}
  }
  @media (max-width:520px){
    .steps-row{grid-template-columns:1fr;row-gap:28px;}
    .step{border-left:none;padding-left:0;border-top:1px solid var(--line-soft);padding-top:24px;}
    .step:first-child{border-top:none;padding-top:0;}
  }

  /* ---------- FEATURES ---------- */
  .feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;max-width:820px;margin:0 auto;}
  @media (max-width:640px){ .feat-grid{grid-template-columns:1fr;} }

  /* ---------- INDUSTRIES ---------- */
  .pill-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;max-width:920px;margin:0 auto;}
  .pill{
    display:flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;
    border:1px solid var(--line);font-size:14.5px;font-weight:600;color:#e6e7ec;
    transition:border-color .15s, background .15s;
  }
  .pill:hover{border-color:var(--accent);background:var(--accent-tint);}
  .pill .ico{font-size:16px;}
  .pill.more{border-color:var(--accent);color:var(--accent-hi);background:var(--accent-tint);}

  /* ---------- PRICING ---------- */
  .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;}
  @media (max-width:940px){ .pricing-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto;} }
  .price-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:32px 28px;display:flex;flex-direction:column;}
  .price-card.featured{border-color:var(--accent);background:linear-gradient(180deg, var(--accent-tint), var(--surface) 60%);position:relative;}
  .price-badge{position:absolute;top:-13px;left:28px;background:var(--accent);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:5px 12px;border-radius:999px;}
  .price-card h3{font-size:22px;margin-bottom:6px;}
  .price-card .price-sub{font-size:13.5px;color:var(--gray);margin-bottom:22px;min-height:38px;}
  .price-amount{display:flex;align-items:baseline;gap:5px;margin-bottom:24px;font-family:var(--font-display);}
  .price-amount .cur{font-size:22px;font-weight:800;}
  .price-amount .num{font-size:46px;font-weight:900;font-variant-numeric:tabular-nums;}
  .price-amount .per{font-size:13px;color:var(--gray);font-weight:600;}
  .price-card .check-list{margin-bottom:26px;flex:1;}
  .price-card .check-list li{font-size:14px;}
  .pricing-note{text-align:center;margin-top:32px;font-size:13.5px;color:var(--gray);}
  .pricing-note a{color:var(--accent-hi);font-weight:700;border-bottom:1px solid transparent;}
  .pricing-note a:hover{border-color:var(--accent-hi);}

  /* ---------- EXAMPLES ---------- */
  .examples-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px;}
  @media (max-width:900px){ .examples-grid{grid-template-columns:1fr;} }
  .example-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;}
  .example-thumb{aspect-ratio:4/3;position:relative;overflow:hidden;background:#0d0c0b;display:flex;align-items:center;justify-content:center;}
  .example-photo{width:100%;height:100%;object-fit:cover;object-position:18% 20%;}
  .soon-thumb{background:repeating-linear-gradient(135deg, rgba(255,255,255,.045) 0 10px, rgba(255,255,255,.015) 10px 20px);display:flex;align-items:center;justify-content:center;}
  .soon-thumb .soon-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--gray);border:1px dashed var(--line);padding:8px 14px;border-radius:999px;}
  .example-body{padding:20px 22px 24px;flex:1;display:flex;flex-direction:column;}
  .example-body .etag{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-hi);margin-bottom:8px;}
  .example-body h3{font-size:19px;margin-bottom:8px;}
  .example-body p{font-size:14px;color:var(--gray);margin-bottom:16px;flex:1;}

  /* ---------- FAQ ---------- */
  .faq-list{border-top:1px solid var(--line-soft);max-width:740px;margin:0 auto;}
  .faq-item{border-bottom:1px solid var(--line-soft);}
  .faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;text-align:left;}
  .faq-q h3{font-family:var(--font-body);font-weight:700;font-size:16px;}
  .faq-q .plus{width:20px;height:20px;position:relative;flex:none;}
  .faq-q .plus::before,.faq-q .plus::after{content:"";position:absolute;top:50%;left:50%;background:#fff;transition:transform .2s ease;}
  .faq-q .plus::before{width:14px;height:2px;transform:translate(-50%,-50%);}
  .faq-q .plus::after{width:2px;height:14px;transform:translate(-50%,-50%);}
  .faq-item.open .plus::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0;}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .28s ease;}
  .faq-a-inner{padding:0 4px 22px;max-width:64ch;font-size:14.5px;color:var(--gray);}

  /* ---------- CONTACT ---------- */
  .contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;}
  @media (max-width:900px){ .contact-grid{grid-template-columns:1fr;} }
  .field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;}
  .field label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gray);}
  .field input,.field select,.field textarea{background:var(--surface);border:1px solid var(--line);color:#fff;padding:13px 14px;font-family:var(--font-body);font-size:14.5px;border-radius:8px;}
  .field select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%239a9ca4'><path d='M5 7l5 6 5-6z'/></svg>");background-repeat:no-repeat;background-position:right 14px center;}
  .field select option{color:#111;}
  .field input::placeholder,.field textarea::placeholder{color:var(--gray-dim);}
  .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);}
  .field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  @media (max-width:520px){ .field-row{grid-template-columns:1fr;} }
  .contact-form-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px;}
  .contact-form-foot .mailto-link{font-size:13px;color:var(--gray);border-bottom:1px dashed var(--line);}

  .contact-side{display:flex;flex-direction:column;gap:16px;}
  .contact-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;}
  .contact-card h4{font-size:17px;margin-bottom:8px;font-family:var(--font-body);font-weight:800;}
  .contact-card p{font-size:14px;color:var(--gray);margin-bottom:16px;}
  .contact-card .cc-value{font-size:15px;font-weight:700;color:#fff;margin-bottom:4px;}
  .contact-card .cc-label{font-size:12px;color:var(--gray-dim);margin:14px 0 3px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;}
  .contact-card .cc-label:first-of-type{margin-top:0;}

  /* ---------- FOOTER ---------- */
  footer{padding:48px 0 26px;border-top:1px solid var(--line-soft);}
  .footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;flex-wrap:wrap;padding-bottom:32px;margin-bottom:22px;border-bottom:1px solid var(--line-soft);}
  .footer-brand p{font-size:13.5px;color:var(--gray);max-width:34ch;margin-top:10px;}
  .footer-links{display:flex;gap:26px;flex-wrap:wrap;}
  .footer-links a{font-size:13.5px;color:var(--gray);}
  .footer-links a:hover{color:#fff;}
  .footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray-dim);flex-wrap:wrap;gap:10px;}

  /* ---------- WHATSAPP FAB ---------- */
  .fab-whatsapp{position:fixed;left:22px;bottom:22px;z-index:70;width:56px;height:56px;border-radius:50%;background:var(--whatsapp);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.4);transition:transform .15s ease;}
  .fab-whatsapp:hover{transform:scale(1.06);}
  .fab-whatsapp svg{width:28px;height:28px;color:#052e14;}

  ::selection{background:var(--accent);color:#fff;}
