



  .toggle-wrap{display:flex;justify-content:center;margin-top:36px;}
  .toggle{
    background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:10px;
    display:flex;padding:4px;gap:4px;
  }
  .toggle button{
    background:transparent;border:none;color:#B9C6D3;font-family:'Inter',sans-serif;
    font-weight:600;font-size:14.5px;padding:10px 26px;border-radius:7px;cursor:pointer;
  }
  .toggle button.active{background:var(--amber);color:var(--navy);}
  .view{display:none;}
  .view.active{display:block;}
  .steps{counter-reset:step;}
  .step{
    display:flex;gap:24px;padding:32px 0;border-bottom:1px solid var(--cloud-dim);
  }
  .step:last-child{border-bottom:none;}
  .step-num{
    font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--amber-dim);
    background:rgba(201,138,42,.1);width:46px;height:46px;border-radius:10px;
    display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:600;
  }
  .step h3{font-size:19px;margin-bottom:8px;}
  .step p{color:#5A6B7A;font-size:15px;max-width:560px;}
  .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--cloud-dim);border-radius:12px;overflow:hidden;}
  .compare-col{padding:32px;}
  .compare-col:first-child{border-right:1px solid var(--cloud-dim);}
  .compare-col h4{font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.06em;font-size:12px;color:#8496A6;margin-bottom:14px;}
  .compare-col ul{padding-left:18px;margin:0;color:#3B4C5C;font-size:14.5px;}
  .compare-col li{margin-bottom:10px;}
  @media(max-width:700px){
    .compare-grid,.step{grid-template-columns:1fr;}
    .compare-col:first-child{border-right:none;border-bottom:1px solid var(--cloud-dim);}
    .step{flex-direction:column;}
  }
