:root{
    --bg-0:#0B1F35;
    --bg:#ffffff;
    --bg-1:#0e130e;
    --lime:#f09a05;
    --lime-dim:#b07c2b;
    --lime-soft:rgba(205,220,58,0.35);
    --ink:#151310;
    --ink-soft:#4A453B;
    --ink-faint:rgba(244,243,236,0.5);
    --line:rgba(21,19,16,0.10);
    --muted:#8b8677;
    --row-bg:#f6f5f0;
    --nav-bg:rgba(255,255,255,0.045);
    --sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  }
  
  /*   :root{*/

  /*  --ink-soft:#4A453B;*/

  /*  --lime:#cddc3a;*/


  /*  --line:rgba(21,19,16,0.10);*/
  /*}*/
  
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;background:var(--bg-0);}
  body{font-family:var(--sans); -webkit-font-smoothing:antialiased;}
  button{font-family:inherit; cursor:pointer;}
  a{text-decoration:none; color:inherit;}
 
  @media (prefers-reduced-motion: reduce){
    *{animation-duration:0.001ms !important; transition-duration:0.001ms !important;}
  }
 
  /* ============ HERO SHELL ============ */
  .hero-v2{
    position:relative;
    overflow:hidden;
    background:
      radial-gradient(1100px 620px at 8% -10%, rgba(205,220,58,0.16), transparent 60%),
      radial-gradient(900px 700px at 100% 30%, rgba(102,120,40,0.20), transparent 55%),
      var(--bg-0);
    padding:24px 24px 64px;
  }
  .hero-v2__wrap{max-width:1280px; margin:0 auto;}
 
  /* ============ NAV ============ */
  .hero-v2__nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    background:var(--nav-bg);
    border:1px solid var(--line);
    border-radius:999px;
    padding:10px 12px 10px 20px;
    backdrop-filter:blur(14px);
  }
  .hero-v2__logo{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:700;
    font-size:17px;
    color:#f4f3ec;
    flex:none;
  }
  .hero-v2__mark{
    width:32px; height:32px; flex:none; border-radius:50%;
    background:#111;
    display:flex; align-items:center; justify-content:center;
  }
  .hero-v2__links{
    display:flex;
    align-items:center;
    gap:36px;
    font-size:14.5px;
    color:var(--ink-soft);
  }
  .hero-v2__links a{transition:color 140ms ease;}
  .hero-v2__links a:hover{color:#f4f3ec;}
  .hero-v2__nav-cta{display:flex; align-items:center; gap:8px; flex:none;}
 
  .hero-v2__icon-btn{
    width:42px; height:42px; border-radius:50%;
    border:none; background:var(--lime); color:#12140a;
    display:flex; align-items:center; justify-content:center;
    flex:none;
    transition:background 140ms ease, transform 140ms ease;
  }
  .hero-v2__icon-btn:hover{background:var(--lime-dim); transform:translateY(-1px);}
  .hero-v2__icon-btn svg{width:16px; height:16px;}
 
  .hero-v2__pill-btn{
    border:none; background:var(--lime); color:#12140a;
    font-weight:700; font-size:14.5px;
    padding:12px 22px; border-radius:999px;
    white-space:nowrap;
    transition:background 140ms ease, transform 140ms ease;
  }
  .hero-v2__pill-btn:hover{background:var(--lime-dim); transform:translateY(-1px);}
  .hero-v2__pill-btn--lg{font-size:16px; padding:16px 30px;}
  .hero-v2__icon-btn--lg{width:52px; height:52px;}
  .hero-v2__icon-btn--lg svg{width:18px; height:18px;}
 
  .hero-v2__burger{
    display:none;
    width:40px; height:40px; border-radius:50%;
    border:1px solid var(--line); background:transparent; color:#f4f3ec;
    align-items:center; justify-content:center; flex:none;
  }
  .hero-v2__burger svg{width:18px; height:18px;}
 
  /* ============ HEADLINE ============ */
  .hero-v2__content{
    text-align:center;
    max-width:920px;
    margin:0 auto;
    padding:104px 16px 56px;
  }
  .hero-v2__content h1{
    margin:0 0 26px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:-0.01em;
    line-height:1.04;
    font-size:clamp(34px, 6.2vw, 78px);
    color:#f4f3ec;
  }
  .hero-v2__sub{
    margin:0 0 36px;
    font-size:17px;
    line-height:1.6;
    color:var(--ink-faint);
    max-width:50ch;
    margin-left:auto; margin-right:auto;
  }
  .hero-v2__cta-row{
    display:flex; align-items:center; justify-content:center; gap:10px;
  }
 
  /* ============ FOOTER ROW ============ */
  .hero-v2__footer-row{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:24px;
    margin-top:8px;
  }
  .hero-v2__reassure{
    display:flex; align-items:flex-start; gap:14px;
    color:var(--ink-faint); font-size:14px; line-height:1.5;
  }
  .hero-v2__reassure svg{flex:none; width:30px; height:30px; opacity:0.75; margin-top:2px;}
 
  .hero-v2__flight{
    display:flex; justify-content:center; align-items:center;
    min-width:180px;
  }
  .hero-v2__flight svg{width:220px; height:auto; opacity:0.9;}
 
  .hero-v2__trust{
    display:flex; align-items:center; gap:14px; justify-content:flex-end;
    text-align:left;
  }
  .hero-v2__avatars{display:flex; flex:none;}
  .hero-v2__avatars span{
    width:38px; height:38px; border-radius:50%;
    border:2px solid var(--bg-0);
    margin-left:-10px;
    display:flex; align-items:center; justify-content:center;
    font-size:12px; font-weight:700; color:#12140a;
  }
  .hero-v2__avatars span:first-child{margin-left:0;}
  .hero-v2__trust p{
    margin:0; font-size:13.5px; line-height:1.5; color:var(--ink-faint);
  }
 
  /* ============ CORNER SPARK ============ */
  .hero-v2__spark{
    position:absolute; right:36px; bottom:36px;
    width:64px; height:64px; color:var(--lime); opacity:0.9;
    pointer-events:none;
  }
 
  /* ============ RESPONSIVE ============ */
  @media (max-width: 900px){
    .hero-v2__links{display:none;}
    .hero-v2__burger{display:flex;}
    .hero-v2__footer-row{
      grid-template-columns:1fr;
      justify-items:center;
      text-align:center;
      gap:28px;
    }
    .hero-v2__reassure{flex-direction:column; align-items:center; text-align:center;}
    .hero-v2__trust{flex-direction:column; justify-content:center;}
    .hero-v2__flight{order:-1;}
    .hero-v2__spark{width:44px; height:44px; right:20px; bottom:20px;}
  }
  @media (max-width: 560px){
    .hero-v2{padding:16px 14px 48px;}
    .hero-v2__nav{padding:8px 8px 8px 16px;}
    .hero-v2__pill-btn{padding:10px 16px; font-size:13.5px;}
    .hero-v2__pill-btn--lg{padding:14px 22px; font-size:15px;}
    .hero-v2__content{padding:64px 4px 40px;}
    .hero-v2__cta-row{flex-direction:column; width:100%;}
    .hero-v2__cta-row .hero-v2__pill-btn--lg{width:100%;}
    .hero-v2__flight svg{width:150px;}
    .hero-v2__spark{display:none;}
  }
  
  /* ============ ICON / BUTTON ANIMATIONS (additive — no layout/color changes) ============ */

/* corner spark: slow continuous rotation */
.hero-v2__spark{
  transform-origin:50% 50%;
  animation:hero-spark-spin 16s linear infinite;
}
@keyframes hero-spark-spin{
  to{ transform:rotate(360deg); }
}

/* dotted flight path: marching-dash flow */
.hero-v2__flight-path{
  animation:hero-dash-flow 2.4s linear infinite;
}
@keyframes hero-dash-flow{
  to{ stroke-dashoffset:-32; }
}
/* .hero-v2__plane already animates via inline <animateTransform> (SMIL) above */

/* reassure icon: soft pulse */
.hero-v2__reassure svg{
  transform-origin:50% 50%;
  animation:hero-badge-pulse 3.2s ease-in-out infinite;
}
@keyframes hero-badge-pulse{
  0%, 100%{ transform:scale(1); opacity:0.9; }
  50%{ transform:scale(1.08); opacity:1; }
}

/* small round icon button: arrow nudges toward its own direction, on a loop */
.hero-v2__icon-btn svg{
  animation:hero-arrow-nudge 1.7s ease-in-out infinite;
}
.hero-v2__icon-btn:hover svg{
  animation-play-state:paused;
}
@keyframes hero-arrow-nudge{
  0%, 100%{ transform:translate(0,0); }
  50%{ transform:translate(2px,-2px); }
}

/* respect reduced motion, extending your existing rule */
@media (prefers-reduced-motion: reduce){
  .hero-v2__spark,
  .hero-v2__flight-path,
  .hero-v2__plane animateTransform,
  .hero-v2__reassure svg,
  .hero-v2__icon-btn svg{
    animation:none !important;
  }
}

    .how-v2{padding:88px 24px 100px; background:var(--bg);}
  .how-v2__inner{max-width:1280px; margin:0 auto;}
 
  /* ===== HEAD ===== */
  .how-v2__head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:40px;
    flex-wrap:wrap;
  }
  .how-v2__head h2{
    margin:0 0 26px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:-0.01em;
    line-height:0.98;
    font-size:clamp(32px, 4.6vw, 54px);
    max-width:12ch;
  }
  .how-v2__head p{
    margin:0;
    max-width:34ch;
    font-size:16px;
    line-height:1.6;
    color:var(--ink-soft);
    padding-bottom:6px;
  }
  .how-v2__rule{
    height:1px; background:var(--line);
    margin:36px 0 56px;
  }
 
  /* ===== BODY / MARKS ===== */
  .how-v2__body{
    display:flex;
    align-items:stretch;
    gap:18px;
  }
  .how-v2__marks{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:22px;
    flex:none;
    width:20px;
  }
  .how-v2__marks svg{width:20px; height:20px;}
  .how-v2__marks span:nth-child(1) svg{opacity:1;}
  .how-v2__marks span:nth-child(2) svg{opacity:0.28;}
  .how-v2__marks span:nth-child(3) svg{opacity:0.7;}
  .how-v2__marks span:nth-child(4) svg{opacity:0.45;}
 
  /* ===== GRID / CARDS ===== */
  .how-v2__grid{
    flex:1;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:0;
  }
  .how-card{
    border:1px solid var(--line);
    margin-left:-1px;
    padding:40px 26px 34px;
    text-align:center;
    background:transparent;
    transition:background-color 420ms ease, border-color 420ms ease;
    cursor:default;
  }
  .how-card:first-child{margin-left:0;}
  .how-card.is-active{
    background:var(--lime);
    border-color:var(--lime);
  }
 
  .how-card__icon{
    width:88px; height:88px;
    margin:0 auto 30px;
    display:flex; align-items:center; justify-content:center;
    color:var(--ink);
  }
  .how-card__icon svg{width:100%; height:100%;}
 
  .how-card h3{
    margin:0 0 12px;
    font-weight:800;
    text-transform:uppercase;
    font-size:20px;
    line-height:1.2;
    letter-spacing:-0.005em;
  }
  .how-card p{
    margin:0;
    font-size:14.5px;
    line-height:1.55;
    color:var(--ink-soft);
    max-width:26ch;
    margin-left:auto; margin-right:auto;
  }
 
  /* ===== RESPONSIVE ===== */
  @media (max-width: 980px){
    .how-v2__grid{grid-template-columns:1fr 1fr;}
    .how-card{margin-left:0; margin-top:-1px;}
    .how-card:nth-child(2n){margin-left:-1px;}
    .how-card:nth-child(1),.how-card:nth-child(2){margin-top:0;}
  }
  @media (max-width: 680px){
    .how-v2{padding:64px 18px 72px;}
    .how-v2__head{flex-direction:column; align-items:flex-start; gap:20px;}
    .how-v2__rule{margin:28px 0 36px;}
    .how-v2__body{gap:10px;}
    .how-v2__marks{display:none;}
    .how-v2__grid{grid-template-columns:1fr;}
    .how-card{margin-left:0 !important; margin-top:-1px;}
    .how-card:first-child{margin-top:0;}
  }
  

/*position*/
 
  .pos-v2{padding:88px 24px; background:var(--bg); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .pos-v2__inner{
    max-width:1280px; margin:0 auto;
    display:grid;
    grid-template-columns:1.1fr 1px 0.9fr;
    gap:56px;
  }
 
  /* ===== LEFT: COPY ===== */
  .pos-v2__copy .eyebrow{
    display:flex; align-items:center; gap:10px;
    font-size:13px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase;
    color:var(--ink-soft); margin-bottom:18px;
  }
  .pos-v2__copy .eyebrow::before{content:""; width:28px; height:1px; background:var(--ink);}
 
  .pos-v2__copy h2{
    margin:0 0 26px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:-0.01em;
    line-height:0.98;
    font-size:clamp(32px, 4.6vw, 54px);
  }
 
  .pos-v2__copy p{
    margin:0 0 16px;
    font-size:16px;
    line-height:1.65;
    color:var(--ink-soft);
    max-width:52ch;
  }
  .pos-v2__copy p.lede{
    color:var(--ink);
    font-size:18px;
    font-weight:600;
  }
  .pos-v2__copy p:last-child{margin-bottom:0;}
 
  /* ===== DIVIDER ===== */
  .pos-v2__divider{background:var(--line); width:1px;}
 
  /* ===== RIGHT: LIST ===== */
  .pos-v2__list-head{
    font-size:13px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase;
    color:var(--muted); margin-bottom:18px;
  }
  .pos-v2__list{
    border-top:1px solid var(--line);
  }
  .pos-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 18px;
    border-bottom:1px solid var(--line);
    font-size:15.5px;
    font-weight:600;
    transition:background-color 320ms ease, padding-left 320ms ease, color 320ms ease;
  }
  .pos-row .num{
    font-size:12.5px;
    font-weight:700;
    color:var(--muted);
    font-variant-numeric:tabular-nums;
    transition:color 320ms ease;
  }
  .pos-row:hover{
    background:var(--lime);
    padding-left:26px;
  }
  .pos-row:hover .num{color:var(--ink);}
 
  /* ===== RESPONSIVE ===== */
  @media (max-width: 900px){
    .pos-v2__inner{grid-template-columns:1fr; gap:40px;}
    .pos-v2__divider{display:none;}
  }
  @media (max-width: 560px){
    .pos-v2{padding:56px 18px;}
    .pos-row{padding:14px 14px; font-size:14.5px;}
    .pos-row:hover{padding-left:20px;}
  }
  
  
  /*Faqs*/

  .faq-v2{
    position:relative;
    padding:96px 24px 120px;
    background:
      radial-gradient(140% 100% at 0% 100%, var(--lime-soft), transparent 62%),
      radial-gradient(90% 70% at 100% 0%, rgba(205,220,58,0.10), transparent 60%),
      var(--bg);
    overflow:hidden;
  }
  .faq-v2__inner{max-width:920px; margin:0 auto; position:relative; z-index:1;}
 
  /* ===== HEAD ===== */
  .faq-v2__head{text-align:center; margin-bottom:52px;}
  .faq-v2__badge{
    display:inline-flex; align-items:center; gap:9px;
    border:1px solid rgba(21,19,16,0.18);
    background:#fff;
    border-radius:999px;
    padding:8px 18px 8px 10px;
    font-size:14px; font-weight:700; color:var(--ink);
    margin-bottom:22px;
  }
  .faq-v2__badge span.dot{
    width:20px; height:20px; border-radius:50%;
    background:var(--lime);
    flex:none;
  }
  .faq-v2__head h2{
    margin:0;
    font-weight:800;
    letter-spacing:-0.01em;
    line-height:1.1;
    font-size:clamp(28px, 4.6vw, 46px);
  }
 
  /* ===== LIST ===== */
  .faq-list{
    border:1px solid var(--line);
    border-radius:16px;
    overflow:hidden;
    background:var(--row-bg);
  }
  .faq-item{border-bottom:1px solid var(--line);}
  .faq-item:last-child{border-bottom:none;}
 
  .faq-q{
    width:100%;
    text-align:left;
    background:none;
    border:none;
    padding:26px 26px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:24px;
    cursor:pointer;
    font-size:18px;
    font-weight:700;
    color:var(--ink);
    transition:background-color 220ms ease;
  }
  .faq-q:hover{background:rgba(21,19,16,0.03);}
 
  .faq-q .plus{
    flex:none;
    width:22px; height:22px;
    position:relative;
  }
  .faq-q .plus::before, .faq-q .plus::after{
    content:"";
    position:absolute;
    background:var(--ink);
    transition:transform 220ms ease, opacity 220ms ease;
  }
  .faq-q .plus::before{left:0; top:10px; width:22px; height:2.4px;}
  .faq-q .plus::after{left:10px; top:0; width:2.4px; height:22px;}
  .faq-item.open .plus::after{transform:rotate(90deg); opacity:0;}
  .faq-item.open .faq-q{background:rgba(21,19,16,0.03);}
 
  .faq-a{
    max-height:0;
    overflow:hidden;
    transition:max-height 260ms ease;
  }
  .faq-a p{
    margin:0 0 26px;
    padding:0 26px;
    color:var(--ink-soft);
    font-size:15.5px;
    line-height:1.65;
    max-width:70ch;
  }
 
  /* ===== RESPONSIVE ===== */
  @media (max-width: 640px){
    .faq-v2{padding:64px 16px 80px;}
    .faq-v2__head{margin-bottom:36px;}
    .faq-q{padding:20px 18px; font-size:16px; gap:14px;}
    .faq-a p{padding:0 18px; font-size:14.5px;}
    .faq-list{border-radius:12px;}
  }
  
  
  .testi-v2{padding:88px 24px 96px; background:var(--bg);}
  .testi-v2__inner{max-width:1320px; margin:0 auto;}
 
  .testi-v2__head{max-width:56ch; margin-bottom:44px;}
  .testi-v2__eyebrow{
    display:flex; align-items:center; gap:10px;
    font-size:14px; color:var(--muted); margin-bottom:14px;
  }
  .testi-v2__eyebrow::before{content:""; width:28px; height:1px; background:var(--ink);}
  .testi-v2__head h2{
    margin:0;
    font-weight:800;
    letter-spacing:-0.01em;
    font-size:clamp(26px, 3.4vw, 38px);
  }
 
  /* ===== GRID ===== */
  .testi-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:28px;
  }
 
  /* ===== CARD ===== */
  .testi-card{
    background:var(--card-bg);
    border-radius:18px;
    border:1px solid var(--line-soft);
    padding:26px;
    display:flex;
    gap:22px;
    align-items:stretch;
    clip-path:polygon(0 0, 100% 0, 100% 82%, 90% 100%, 0 100%);
    transition:transform 220ms ease, box-shadow 220ms ease;
    flex-direction:column;
  }
  .testi-card:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 34px rgba(21,19,16,0.10);
  }
 
  /* review screenshot placeholder */
  .testi-card__shot{
    flex:1;
    width:100%;
    overflow:hidden;
    position:relative;
  }
  
  .testi-card__shot img{
    width:100%;
    height:100%;
  }
  /* body */
  .testi-card__body{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
  }
  .testi-card__stars{
    display:flex;
    gap:3px;
    margin-bottom:12px;
  }
  .testi-card__stars svg{width:16px; height:16px;}
 
  .testi-card__body p.quote{
    margin:0 0 16px;
    font-size:14.5px;
    line-height:1.55;
    color:var(--ink-soft);
  }
  .testi-card__body .who{
    font-size:15px;
    font-weight:800;
    color:var(--ink);
  }
  .testi-card__body .role{
    font-size:12.5px;
    color:var(--muted);
    margin-top:2px;
  }
 
  .testi-v2__note{
    margin-top:24px;
    font-size:12.5px;
    color:var(--muted);
  }
 
  /* ===== RESPONSIVE ===== */
  @media (max-width: 1024px){
    .testi-grid{grid-template-columns:repeat(2, 1fr);}
  }
  @media (max-width: 720px){
    .testi-grid{grid-template-columns:1fr;}
    .testi-card{
      flex-direction:column;
      clip-path:polygon(0 0, 100% 0, 100% 96%, 92% 100%, 0 100%);
    }
    .testi-card__shot{width:100%; height:150px;}
  }
  @media (max-width: 480px){
    .testi-v2{padding:56px 16px 64px;}
    .testi-card{padding:20px;}
  }