:root{
    --ink:#f6f6f6;
    --ink-2:#292929;
    --paper:#1f1f1f;
    --paper-2:#232323;
    --accent:#cdfd48;
    --accent-soft:#333b23;
    --muted:#b8b8b8;
    --line-dark:#393939;
    --line-light:#3b3b3b;
    --radius:2px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Inter', sans-serif;
    background:var(--paper);
    color:var(--ink);
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3{
    font-family:Inter, sans-serif;
    font-weight:600;
    letter-spacing:-0.01em;
  }
  .mono{font-family:Inter, monospace;}
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  .wrap{max-width:1120px; margin:0 auto; padding:0 32px;}
  section{padding:96px 0;}
  @media(max-width:720px){ section{padding:64px 0;} .wrap{padding:0 20px;} }

  /* ---- grid texture ---- */
  .grid-bg{
    background-image:
      linear-gradient(var(--line-light) 1px, transparent 1px),
      linear-gradient(90deg, var(--line-light) 1px, transparent 1px);
    background-size:40px 40px;
  }
  .grid-bg-dark{
    background-image:
      linear-gradient(var(--line-dark) 1px, transparent 1px),
      linear-gradient(90deg, var(--line-dark) 1px, transparent 1px);
    background-size:40px 40px;
  }

  /* ---- header ---- */
  header{
    position:sticky; top:0; z-index:50;
    background:rgba(243,242,238,0.9);
    backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line-light);
  }
  .nav{
    display:flex; align-items:center; justify-content:space-between;
    padding:20px 0;
  }
  .logo{font-family:Inter; font-weight:700; font-size:19px; display:flex; align-items:center; gap:8px;}
  .logo-mark{width:14px; height:14px; background:var(--accent);}
  .nav-links{display:flex; gap:36px; font-size:14px; color:var(--ink);}
  .nav-links a:hover{color:var(--accent);}
  .btn{
    display:inline-flex; align-items:center; gap:8px;
    background:var(--ink); color:var(--paper);
    padding:12px 22px; font-size:14px; font-weight:500;
    border:none; cursor:pointer; border-radius:var(--radius);
    transition:background .15s ease;
  }
  .btn:hover{background:var(--accent); color:#f6f6f6;}
  .btn-accent{background:var(--accent); color:#f6f6f6;}
  .btn-accent:hover{background:var(--ink);}
  @media(max-width:720px){ .nav-links{display:none;} }

  /* ---- hero ---- */
  .hero{padding:120px 0 80px;}
  .hero-grid{display:grid; grid-template-columns:1.1fr 1fr; gap:64px; align-items:center;}
  @media(max-width:900px){ .hero-grid{grid-template-columns:1fr;} }
  .eyebrow{
    font-family:Inter; font-size:13px; color:var(--accent);
    margin-bottom:20px; display:flex; align-items:center; gap:8px;
  }
  .eyebrow::before{content:''; width:8px; height:8px; background:var(--accent);}
  .hero h1{font-size:52px; line-height:1.08; margin-bottom:24px;}
  @media(max-width:720px){ .hero h1{font-size:36px;} }
  .hero p.lead{font-size:18px; color:#bcbcbc; max-width:480px; margin-bottom:32px;}
  .hero-ctas{display:flex; gap:16px; flex-wrap:wrap;}

  /* specialist contact card */
  .specialist-card{
    background:#292929; border:1px solid var(--line-light); border-radius:14px;
    padding:20px; max-width:320px; margin-top:24px;
  }
  .specialist-top{display:flex; justify-content:space-between; font-size:12px; color:var(--muted); margin-bottom:16px;}
  .specialist-top .tag-specialist{color:var(--accent); font-weight:600;}
  .specialist-info{display:flex; align-items:center; gap:12px; margin-bottom:18px;}
  .specialist-avatar{
    width:44px; height:44px; border-radius:50%; background:var(--accent);
    display:flex; align-items:center; justify-content:center; color:#f6f6f6;
    font-weight:700; font-family:Inter; font-size:16px; flex:none;
  }
  .specialist-name{font-size:15px; font-weight:600; margin-bottom:3px;}
  .specialist-status{display:flex; align-items:center; gap:6px; font-size:12.5px; color:#bcbcbc;}
  .specialist-status .dot-online{width:7px; height:7px; border-radius:50%; background:#33d17a;}
  .btn-contact{
    display:flex; align-items:center; justify-content:center; gap:8px;
    background:var(--accent); color:#f6f6f6; padding:14px; border-radius:8px;
    font-weight:600; font-size:15px; width:100%;
  }
  .btn-contact svg{width:17px; height:17px; stroke:#fff;}
  .specialist-note{text-align:center; font-size:12px; color:var(--muted); margin-top:12px;}

  /* browser mock */
  .browser-wrap{position:relative;}
  .browser{
    background:var(--ink); border-radius:10px; overflow:hidden;
    box-shadow:0 30px 60px -20px rgba(20,22,28,0.35);
  }
  .browser-bar{
    display:flex; align-items:center; gap:8px;
    padding:12px 16px; background:var(--ink-2); border-bottom:1px solid var(--line-dark);
  }
  .dot{width:9px; height:9px; border-radius:50%; background:#4a4d58;}
  .browser-url{
    flex:1; margin-left:12px; background:var(--paper);
    color:#bcbcbc; font-family:Inter; font-size:12px;
    padding:7px 12px; border-radius:20px;
  }
  .live-badge{
    display:flex; align-items:center; gap:6px; background:var(--ink);
    color:#f6f6f6; font-size:11px; font-weight:600; padding:6px 12px;
    border-radius:20px; flex:none; margin-left:10px;
  }
  .live-badge .pulse-dot{width:6px; height:6px; border-radius:50%; background:#33d17a;}
  .browser-nav{
    display:flex; align-items:center; justify-content:space-between;
    padding:12px 20px; background:var(--ink-2);
  }
  .browser-nav .brand-sq{width:24px; height:10px; background:var(--accent); border-radius:2px;}
  .browser-nav .nav-items{display:flex; gap:8px;}
  .browser-nav .nav-items span{width:20px; height:6px; background:#4a4d58; border-radius:2px;}
  .browser-body{
    padding:36px 28px; background:linear-gradient(160deg, var(--accent-soft), #fff);
    min-height:220px; display:flex; flex-direction:column; justify-content:center; gap:14px;
  }
  .bar{height:12px; background:rgba(20,22,28,0.12); border-radius:2px;}
  .bar.w60{width:60%;} .bar.w40{width:40%;} .bar.w80{width:80%;}
  .fake-btn{
    margin-top:10px; width:140px; height:34px; background:var(--accent);
    border-radius:20px;
  }
  .browser-cards{display:flex; gap:12px; margin-top:20px;}
  .browser-cards div{flex:1; height:48px; background:rgba(20,22,28,0.06); border-radius:6px;}
  .chat-bubble{
    position:absolute; right:-16px; bottom:-24px; width:230px;
    background:#292929; border-radius:12px; padding:16px 18px;
    box-shadow:0 20px 40px -12px rgba(20,22,28,0.3); border:1px solid var(--line-light);
  }
  @media(max-width:420px){ .chat-bubble{right:0; width:190px; padding:12px 14px;} }
  .chat-bubble .chat-label{
    display:flex; align-items:center; gap:6px; font-size:13px; font-weight:600;
    color:var(--accent); margin-bottom:8px;
  }
  .chat-bubble .chat-label .drop{width:8px; height:8px; border-radius:50% 50% 50% 0; background:var(--accent); transform:rotate(45deg);}
  .chat-bubble p{font-size:13.5px; color:#bcbcbc; line-height:1.4; margin:0;}

  /* ---- section headers ---- */
  .section-head{max-width:640px; margin-bottom:56px;}
  .section-head .eyebrow{margin-bottom:16px;}
  .section-head h2{font-size:34px; line-height:1.2;}
  @media(max-width:720px){ .section-head h2{font-size:26px;} }
  .section-head p{color:#bcbcbc; font-size:16px; margin-top:16px;}

  /* ---- deliver (icon row) ---- */
  .deliver-head{text-align:center; max-width:640px; margin:0 auto 56px;}
  .deliver-head .eyebrow{justify-content:center;}
  .deliver-head .accent-word{color:var(--accent);}
  .deliver-row{display:grid; grid-template-columns:repeat(4,1fr);}
  @media(max-width:900px){ .deliver-row{grid-template-columns:repeat(2,1fr); row-gap:40px;} }
  @media(max-width:560px){ .deliver-row{grid-template-columns:1fr;} }
  .deliver-col{
    text-align:center; padding:0 24px; position:relative;
  }
  .deliver-col + .deliver-col::before{
    content:''; position:absolute; left:0; top:22px; bottom:22px; width:1px;
    background:var(--line-light);
  }
  @media(max-width:900px){ .deliver-col:nth-child(3)::before{display:none;} }
  @media(max-width:560px){ .deliver-col::before{display:none !important;} }
  .deliver-icon{
    width:60px; height:60px; border-radius:50%; background:var(--accent);
    display:flex; align-items:center; justify-content:center; margin:0 auto 20px;
  }
  .deliver-icon svg{width:26px; height:26px; stroke:#fff;}
  .deliver-mock{
    height:110px; max-width:160px; margin:0 auto 20px; border-radius:10px;
    background:#292929; border:1px solid var(--line-light);
    display:flex; align-items:center; justify-content:center; padding:16px;
  }
  .deliver-mock .mock-doc, .deliver-mock .mock-form{width:100%;}
  .deliver-mock .mock-block{width:100%; height:56px; background:var(--accent); border-radius:6px;}
  .deliver-col h3{font-size:16.5px; margin-bottom:10px;}
  .deliver-col p{font-size:14px; color:#bcbcbc;}

  /* ---- pain (timeline layout) ---- */
  .pain-layout{display:grid; grid-template-columns:1fr 1.2fr; gap:72px; align-items:start;}
  @media(max-width:900px){ .pain-layout{grid-template-columns:1fr; gap:48px;} }
  .pain-copy h2{font-size:32px; line-height:1.22; margin:16px 0 20px; color:#f6f6f6;}
  .pain-copy .accent-word{color:var(--accent);}
  .pain-copy p{font-size:15.5px; color:#bcbcbc; max-width:380px;}
  .timeline{display:flex; flex-direction:column;}
  .timeline-item{display:flex; gap:22px; position:relative; padding-bottom:36px;}
  .timeline-item:last-child{padding-bottom:0;}
  .timeline-track{width:44px; flex:none; position:relative; display:flex; justify-content:center;}
  .timeline-icon{
    width:44px; height:44px; border-radius:50%; background:var(--accent);
    display:flex; align-items:center; justify-content:center; flex:none; z-index:1;
  }
  .timeline-icon svg{width:20px; height:20px; stroke:#fff;}
  .timeline-item:not(:last-child) .timeline-track::after{
    content:''; position:absolute; top:44px; bottom:-36px; left:50%;
    width:1px; background:var(--line-dark);
  }
  .timeline-content h3{font-size:16.5px; color:#f6f6f6; margin-bottom:8px;}
  .timeline-content p{font-size:14.5px; color:#bcbcbc; max-width:420px;}
  .pain-callout{margin-top:44px;}

  /* ---- segments ---- */
  .segments{overflow:hidden;}
  .segments .section-head{text-align:center; margin:0 auto 48px;}
  .segments .section-head .eyebrow{justify-content:center;}
  .segments .accent-word{color:var(--accent);}
  .pill-row{display:flex; gap:14px; margin-bottom:14px; width:max-content;}
  .pill-row.offset{margin-left:-48px;}
  .pill{
    display:flex; align-items:center; gap:10px; white-space:nowrap;
    border:1px solid var(--line-light); border-radius:999px;
    padding:14px 24px; background:#292929; font-size:15px; font-weight:500;
  }
  .pill-dot{width:7px; height:7px; border-radius:50%; background:var(--accent); flex:none;}
  @media(max-width:720px){ .pill{padding:11px 18px; font-size:13.5px;} }

  /* ---- qualify ---- */
  .qualify-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:8px;}
  @media(max-width:800px){ .qualify-grid{grid-template-columns:1fr;} }
  .qualify-card{
    background:#292929; border:1px solid var(--line-light); border-radius:14px;
    padding:32px 28px;
  }
  .qualify-card.negative{background:var(--ink); border-color:var(--ink);}
  .qualify-badge{
    display:inline-flex; align-items:center; font-size:13px; font-weight:600;
    padding:8px 18px; border-radius:999px; margin-bottom:24px;
  }
  .qualify-badge.positive{background:var(--accent); color:#f6f6f6;}
  .qualify-badge.negative{background:#393939; color:#f6f6f6;}
  .qualify-card ul{list-style:none;}
  .qualify-card li{
    display:flex; gap:12px; font-size:15px; color:#bcbcbc; margin-bottom:18px; line-height:1.5;
  }
  .qualify-card li:last-child{margin-bottom:0;}
  .qualify-card.negative li{color:#bcbcbc;}
  .qualify-mark{flex:none; margin-top:4px;}
  .qualify-mark.dot{width:8px; height:8px; border-radius:50%; background:var(--accent); margin-top:7px;}
  .qualify-mark.x{
    width:16px; height:16px; border-radius:50%; background:#454854;
    display:flex; align-items:center; justify-content:center;
    font-size:10px; color:#bcbcbc; font-family:Inter;
  }
  .qualify-note{text-align:center; color:#bcbcbc; font-size:14.5px; max-width:560px; margin:36px auto 0;}

  /* ---- stats / social proof ---- */
  .stats{background:var(--paper-2); border-top:1px solid var(--line-light); border-bottom:1px solid var(--line-light);}
  .stats .eyebrow{justify-content:center; margin-bottom:36px;}
  .stats-row{
    display:grid; grid-template-columns:repeat(3,1fr); gap:32px;
  }
  .stat-item{text-align:left;}
  .stat-header{display:flex; align-items:center; gap:10px; margin-bottom:8px;}
  .stat-icon{
    width:22px; height:22px; flex:none; display:flex; align-items:center; justify-content:center;
  }
  .stat-icon svg{width:100%; height:100%; stroke:var(--accent);}
  .stat-number{
    font-family:Inter; font-size:22px; font-weight:700; color:var(--ink);
  }
  .stat-number .plus-sign{color:var(--accent);}
  .stat-label{font-size:14px; color:#bcbcbc; line-height:1.5; max-width:240px;}
  @media(max-width:720px){
    .stats-row{grid-template-columns:1fr; row-gap:28px;}
  }

  /* ---- cases ---- */
  .cases-scroll{
    display:flex; gap:24px; overflow-x:auto; padding-bottom:12px;
    scrollbar-width:none; scroll-behavior:smooth;
  }
  .cases-scroll::-webkit-scrollbar{display:none;}
  .case-card{
    flex:0 0 420px; border:1px solid var(--line-light); background:#292929; border-radius:14px; overflow:hidden;
  }
  @media(max-width:560px){ .case-card{flex-basis:82vw;} }
  .case-thumb{
    height:260px; position:relative; overflow:hidden;
    display:flex; flex-direction:column; padding:18px;
  }
  .case-thumb .tag{
    position:absolute; top:16px; right:16px; font-family:Inter;
    font-size:11px; color:#f6f6f6; background:rgba(255,255,255,0.18);
    padding:4px 10px; border:1px solid rgba(255,255,255,0.35); border-radius:999px; z-index:2;
  }
  .case-mock-header{display:flex; gap:5px; margin-bottom:14px;}
  .case-mock-header span{width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,0.4);}
  .case-mock-hero{flex:1; background:rgba(255,255,255,0.14); border-radius:8px; margin-bottom:12px;}
  .case-mock-grid{display:flex; gap:8px;}
  .case-mock-grid div{flex:1; height:44px; background:rgba(255,255,255,0.22); border-radius:6px;}
  .case-info{padding:18px 20px;}
  .case-info .niche{font-size:15px; font-weight:600; margin-bottom:6px;}
  .case-info p{font-size:14px; color:#bcbcbc;}

  /* ---- pain section (dark) ---- */
  .pain{background:var(--ink); color:var(--paper);}
  .pain .section-head p{color:#bcbcbc;}
  .pain-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line-dark); border:1px solid var(--line-dark);}
  @media(max-width:720px){ .pain-grid{grid-template-columns:1fr;} }
  .pain-item{background:var(--ink); padding:32px;}
  .pain-item h3{font-size:18px; margin-bottom:12px; color:#f6f6f6;}
  .pain-item p{font-size:14.5px; color:#bcbcbc;}
  .pain-callout{
    margin-top:40px; display:flex; align-items:center; gap:16px;
    font-size:17px; color:var(--paper);
  }
  .pain-callout .mark{width:10px; height:10px; background:var(--accent); flex:none;}

  /* ---- deliver ---- */
  .deliver-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line-light); border:1px solid var(--line-light);}
  @media(max-width:900px){ .deliver-grid{grid-template-columns:repeat(2,1fr);} }
  @media(max-width:560px){ .deliver-grid{grid-template-columns:1fr;} }
  .deliver-item{background:var(--paper); padding:28px;}
  .deliver-item .num{font-family:Inter; font-size:13px; color:var(--accent); margin-bottom:16px;}
  .deliver-item h3{font-size:16.5px; margin-bottom:10px;}
  .deliver-item p{font-size:14px; color:#bcbcbc;}

  /* ---- process (illustrated cards) ---- */
  .process-head{text-align:center; max-width:560px; margin:0 auto 56px;}
  .process-head .eyebrow{justify-content:center;}
  .process-head .accent-word{color:var(--accent);}
  .process-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:20px;}
  @media(max-width:1000px){ .process-grid{grid-template-columns:repeat(3,1fr); row-gap:36px;} }
  @media(max-width:640px){ .process-grid{grid-template-columns:1fr; max-width:320px; margin:0 auto;} }
  .process-card{text-align:center;}
  .process-mock{
    height:130px; border-radius:12px; background:#292929; border:1px solid var(--line-light);
    margin-bottom:20px; display:flex; align-items:center; justify-content:center;
    padding:18px; position:relative; overflow:hidden;
  }
  .process-step-label{font-family:Inter; font-size:12px; color:var(--accent); margin-bottom:8px;}
  .process-card h3{font-size:16px; margin-bottom:8px;}
  .process-card p{font-size:13.5px; color:#bcbcbc;}
  /* mock 1: contrato */
  .mock-doc{width:70px; display:flex; flex-direction:column; gap:7px; position:relative;}
  .mock-doc span{display:block; height:6px; background:var(--paper-2); border-radius:2px;}
  .mock-doc span:nth-child(1){width:100%;}
  .mock-doc span:nth-child(2){width:75%;}
  .mock-doc span:nth-child(3){width:85%; background:var(--accent);}
  .mock-check{
    position:absolute; bottom:-6px; right:-30px; width:26px; height:26px; border-radius:50%;
    background:var(--accent); color:#f6f6f6; display:flex; align-items:center; justify-content:center;
    font-size:13px; font-weight:700;
  }
  /* mock 2: briefing */
  .mock-form{width:80%; display:flex; flex-direction:column; gap:8px;}
  .mock-form .line{height:6px; background:var(--paper-2); border-radius:2px;}
  .mock-form .line.w70{width:70%;}
  .mock-form .field{height:14px; background:var(--accent-soft); border-radius:3px;}
  .mock-form .field.filled{background:var(--accent); width:60%;}
  /* mock 3: diagnóstico */
  .mock-bars{display:flex; align-items:flex-end; gap:8px; height:70px;}
  .mock-bars .b{width:14px; background:var(--paper-2); border-radius:2px 2px 0 0;}
  .mock-bars .b.hi{background:var(--accent);}
  /* mock 4: criação */
  .mock-browser{width:100%; height:100%; display:flex; flex-direction:column; gap:6px; padding:4px;}
  .mock-browser .bb-bar{display:flex; gap:4px;}
  .mock-browser .bb-dot{width:5px; height:5px; border-radius:50%; background:var(--line-light);}
  .mock-browser .bb-block{flex:1; background:var(--accent); border-radius:4px; margin-top:6px;}
  /* mock 5: no ar */
  .mock-live{display:flex; flex-direction:column; align-items:center; gap:10px;}
  .mock-live .pulse{
    width:16px; height:16px; border-radius:50%; background:var(--accent); position:relative;
  }
  .mock-live .pulse::after{
    content:''; position:absolute; inset:-6px; border-radius:50%; border:2px solid var(--accent-soft);
  }
  .mock-live .lbl{font-family:Inter; font-size:11px; color:var(--muted);}

  /* ---- testimonials (featured two-column) ---- */
  .testimonials{
    background:linear-gradient(135deg, #eaf5ff 0%, #ffffff 45%, #dff3f7 100%);
  }
  .testimonials-grid{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}
  @media(max-width:900px){ .testimonials-grid{grid-template-columns:1fr; gap:40px;} }
  .t-copy h2{font-size:42px; font-weight:800; line-height:1.1;}
  .t-copy p{font-size:16px; color:#bcbcbc; max-width:420px; margin:20px 0 32px;}
  .t2-card{
    background:#292929; border-radius:14px; padding:32px;
    box-shadow:0 30px 60px -24px rgba(20,22,28,0.18);
    min-height:340px; display:flex; flex-direction:column;
  }
  .t2-top{display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
  .t2-stars{color:#bcbcbc; font-size:16px; letter-spacing:3px;}
  .t2-dots{color:#bcbcbc; font-size:18px; letter-spacing:2px;}
  .t2-text{font-size:15px; color:#bcbcbc; line-height:1.6; margin-bottom:24px; flex:1;}
  .t2-person{display:flex; align-items:center; gap:12px;}
  .t2-avatar{
    width:44px; height:44px; border-radius:50%; background:var(--accent);
    color:#f6f6f6; display:flex; align-items:center; justify-content:center;
    font-weight:700; font-family:Inter; flex:none;
  }
  .t2-name{font-weight:700; font-size:14px;}
  .t2-role{font-size:13px; color:#bcbcbc;}
  .t2-dots-nav{display:flex; gap:8px; margin-top:24px;}
  .t2-dots-nav button{
    width:8px; height:8px; border-radius:50%; border:none; background:var(--line-light);
    cursor:pointer; padding:0;
  }
  .t2-dots-nav button.active{background:var(--accent);}

  /* ---- feature checklist card ---- */
  .feature-card{
    border:1px solid var(--line-light); border-radius:16px; overflow:hidden;
    background:linear-gradient(135deg, #eaf5ff 0%, #ffffff 45%, #dff3f7 100%);
    padding:48px; position:relative;
  }
  .feature-card h2{font-size:32px; margin-bottom:16px;}
  .feature-card .lead-text{font-size:16px; color:#bcbcbc; max-width:520px; margin-bottom:32px;}
  .feature-checklist{display:flex; flex-wrap:wrap; gap:28px 40px; margin-bottom:32px;}
  .feature-check{display:flex; align-items:center; gap:10px; font-size:15px; font-weight:600; color:var(--ink);}
  .feature-check .check-circle{
    width:24px; height:24px; border-radius:50%; border:2px solid var(--accent);
    display:flex; align-items:center; justify-content:center; flex:none;
  }
  .feature-check .check-circle svg{width:12px; height:12px; stroke:var(--accent); stroke-width:3;}
  .feature-card .note{font-size:13px; color:var(--muted); margin-top:20px;}
  @media(max-width:720px){ .feature-card{padding:32px 24px;} .feature-card h2{font-size:26px;} }
  .process{background:var(--paper-2);}
  .steps{border-top:1px solid var(--line-light);}
  .step{
    display:grid; grid-template-columns:60px 1fr; gap:24px;
    padding:28px 0; border-bottom:1px solid var(--line-light);
  }
  .step-num{font-family:Inter; color:var(--accent); font-size:14px; padding-top:2px;}
  .step h3{font-size:17px; margin-bottom:6px;}
  .step p{font-size:14.5px; color:#bcbcbc; max-width:600px;}

  /* ---- funnel (dark two-column) ---- */
  .funnel2{background:var(--ink);}
  .funnel2-grid{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}
  @media(max-width:900px){ .funnel2-grid{grid-template-columns:1fr; gap:40px;} }
  .funnel2-copy h2{font-size:32px; line-height:1.22; color:#f6f6f6; margin:16px 0 20px;}
  .funnel2-copy p{font-size:15.5px; color:#bcbcbc; max-width:440px; margin-bottom:24px;}
  .funnel2-link{
    display:inline-flex; align-items:center; gap:8px; color:#f6f6f6;
    font-weight:600; font-size:15px; border-bottom:1px solid var(--accent); padding-bottom:2px;
  }
  .funnel2-link .drop{width:7px; height:7px; border-radius:50% 50% 50% 0; background:var(--accent); transform:rotate(45deg);}
  .funnel2-stack{display:flex; flex-direction:column; align-items:stretch;}
  .funnel2-card{
    display:flex; align-items:center; gap:16px;
    background:var(--ink-2); border:1px solid var(--line-dark); border-radius:12px;
    padding:20px 22px;
  }
  .funnel2-icon{
    width:44px; height:44px; border-radius:50%; background:var(--accent); flex:none;
    display:flex; align-items:center; justify-content:center;
  }
  .funnel2-icon svg{width:20px; height:20px; stroke:#fff;}
  .funnel2-card h3{font-size:16px; color:#f6f6f6; margin-bottom:4px;}
  .funnel2-card p{font-size:13.5px; color:#bcbcbc;}
  .funnel2-connector{
    width:1px; height:28px; margin:2px 0 2px 42px;
    background-image:linear-gradient(var(--line-dark) 60%, transparent 40%);
    background-size:1px 8px;
  }

  /* ---- faq (two-column) ---- */
  .faq-grid{display:grid; grid-template-columns:1fr 1.5fr; gap:64px; align-items:start;}
  @media(max-width:900px){ .faq-grid{grid-template-columns:1fr; gap:36px;} }
  .faq-copy h2{font-size:32px; line-height:1.2;}
  .faq-copy .accent-line{color:var(--accent); display:block;}
  .faq-side-card{
    display:flex; align-items:center; gap:14px; background:#292929;
    border:1px solid var(--line-light); border-radius:12px; padding:18px 20px; margin-top:28px; max-width:380px;
  }
  .faq-side-card .avatar{
    width:44px; height:44px; border-radius:50%; background:var(--accent);
    color:#f6f6f6; display:flex; align-items:center; justify-content:center;
    font-weight:700; font-family:Inter; flex:none;
  }
  .faq-side-card p{font-size:13.5px; color:#bcbcbc; line-height:1.4; margin:0;}
  .faq-side-card a{color:var(--accent); font-weight:600;}
  .faq-list{border-top:none;}
  .faq-list details{border-bottom:1px solid var(--line-light); padding:18px 0;}
  .faq-list summary{
    cursor:pointer; list-style:none; display:flex; align-items:flex-start;
    gap:14px; font-size:15.5px; font-weight:600; color:#bcbcbc;
  }
  .faq-list summary::-webkit-details-marker{display:none;}
  .faq-list summary .plus{color:var(--accent); font-size:16px; font-weight:700; flex:none; line-height:1.5; transition:transform .2s ease;}
  .faq-list details[open] summary .plus{transform:rotate(45deg);}
  .faq-list details[open] summary{color:var(--ink);}
  .faq-list details p{margin:12px 0 0 30px; font-size:14.5px; color:#bcbcbc; max-width:600px;}

  /* ---- final cta ---- */
  .final-cta{background:var(--ink); color:var(--paper); text-align:center; padding:110px 0;}
  .final-cta h2{font-size:38px; color:#f6f6f6; max-width:600px; margin:0 auto 20px;}
  @media(max-width:720px){ .final-cta h2{font-size:28px;} }
  .final-cta p{color:#bcbcbc; max-width:480px; margin:0 auto 36px; font-size:16px;}

  /* ---- footer (Dropmeta-style column layout) ---- */
  footer{background:#292929; padding:64px 0 32px;}
  .footer-grid2{display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:40px; margin-bottom:56px;}
  @media(max-width:700px){ .footer-grid2{grid-template-columns:1fr 1fr; row-gap:36px;} }
  @media(max-width:520px){ .footer-grid2{grid-template-columns:1fr;} }
  .footer-brand2 .logo{margin-bottom:18px;}
  .footer-social{display:flex; gap:10px;}
  .footer-social a{width:34px; height:34px; border-radius:8px; border:1px solid var(--line-light); display:flex; align-items:center; justify-content:center;}
  .footer-social a svg{width:16px; height:16px; stroke:var(--ink); fill:none;}
  .footer-social a:hover{border-color:var(--accent);}
  .footer-social a:hover svg{stroke:var(--accent);}
  .footer-col h4{font-size:14px; color:var(--ink); font-weight:700; margin-bottom:16px;}
  .footer-col ul{list-style:none;}
  .footer-col li{margin-bottom:10px; font-size:14px;}
  .footer-col a{color:var(--accent);}
  .footer-col a:hover{color:var(--ink);}
  .footer-col.footer-info p{font-size:13.5px; color:#bcbcbc; line-height:1.6; margin-bottom:4px;}
  .footer-col.footer-info p.label{color:var(--ink); font-weight:600; margin-top:12px;}
  .footer-col.footer-info p.label:first-of-type{margin-top:0;}
  .footer-bottom2{border-top:1px solid var(--line-light); padding-top:24px; text-align:center;}
  .footer-bottom2 .mono{font-size:12.5px; color:var(--muted); display:block; margin-bottom:14px;}
  .footer-legal-links{display:flex; justify-content:center; gap:16px; font-size:13px;}
  .footer-legal-links a{color:var(--accent);}
  .footer-legal-links a:hover{color:var(--ink);}
  .footer-hero-card{
    background:radial-gradient(ellipse at 15% 20%, #1a1c22 0%, #0a0a0c 55%, #000 100%);
    border-radius:28px; padding:56px; overflow:hidden; position:relative;
    display:grid; grid-template-columns:1.1fr 0.9fr; align-items:center; gap:40px;
    margin-bottom:32px;
  }
  @media(max-width:800px){ .footer-hero-card{grid-template-columns:1fr; padding:40px 28px;} }
  .footer-hero-logo{display:inline-flex; align-items:center; gap:8px; margin-bottom:28px;}
  .footer-hero-logo .logo-mark{background:var(--accent);}
  .footer-hero-logo span.name{font-family:Inter; font-weight:700; font-size:19px; color:#f6f6f6;}
  .footer-hero-card h2{
    font-family:Inter; font-weight:700; font-size:30px; line-height:1.25; color:#f6f6f6; margin-bottom:16px;
  }
  .footer-hero-card h2 .accent-word{color:var(--accent);}
  .footer-hero-card .footer-hero-text{font-size:14px; color:#bcbcbc; max-width:380px; margin-bottom:32px; line-height:1.6;}
  .footer-hero-visual{display:flex; align-items:center; justify-content:center;}
  .footer-hero-visual svg{width:100%; max-width:280px; height:auto;}
  @media(max-width:800px){ .footer-hero-visual{display:none;} }

  .btn-whatsapp{
    display:inline-flex; align-items:center; gap:12px; background:#25D366;
    color:#f6f6f6; padding:12px 22px; border-radius:999px; flex:none;
  }
  .btn-whatsapp svg{width:26px; height:26px; flex:none;}
  .btn-whatsapp .wa-text{font-size:13px; line-height:1.35; text-align:left;}
  .btn-whatsapp .wa-text strong{display:block; font-size:14.5px;}
  .footer-grid{display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:40px; margin-bottom:48px;}
  @media(max-width:900px){ .footer-grid{grid-template-columns:1fr 1fr; row-gap:36px;} }
  @media(max-width:520px){ .footer-grid{grid-template-columns:1fr;} }
  .footer-brand{margin-bottom:0;}
  .footer-brand .logo-badge{
    display:inline-flex; background:#000; padding:14px 18px; border-radius:10px; margin-bottom:18px;
  }
  .footer-brand .logo-badge img{height:28px; display:block; margin:0;}
  .footer-social{display:flex; gap:10px;}
  .footer-social a{
    width:34px; height:34px; border-radius:8px; border:1px solid var(--line-light);
    display:flex; align-items:center; justify-content:center;
  }
  .footer-social a svg{width:16px; height:16px; stroke:var(--ink); fill:none;}
  .footer-social a:hover{border-color:var(--accent);}
  .footer-social a:hover svg{stroke:var(--accent);}
  .footer-col h4{font-size:13px; color:var(--ink); font-weight:700; margin-bottom:16px;}
  .footer-col ul{list-style:none;}
  .footer-col li{margin-bottom:10px; font-size:14px;}
  .footer-col a{color:var(--accent);}
  .footer-col a:hover{color:var(--ink);}
  .footer-info p{font-size:13.5px; color:#bcbcbc; line-height:1.6; margin-bottom:4px;}
  .footer-info strong{color:var(--ink);}
  .footer-bottom{
    border-top:1px solid var(--line-light); padding-top:24px;
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;
  }
  .footer-bottom .mono{font-size:12.5px; color:var(--muted);}