:root{
    color-scheme: light;
    --blue:#2563EB;
    --blue-dark:#1D4ED8;
    --blue-soft:#EAF1FE;
    --navy:#0B1E45;
    --navy-2:#0E2657;
    --ink:#141A24;
    --slate:#5A6678;
    --slate-light:#7E8AA0;
    --paper:#FFFFFF;
    --mist:#F5F8FD;
    --mist-2:#EEF3FB;
    --line:#E2E9F3;
    --line-strong:#D3DEEE;
    --green:#16A34A;
    --green-dark:#128239;
    --green-soft:#E7F6EC;
    --radius:16px;
    --radius-sm:12px;
    --radius-lg:24px;
    --shadow-sm:0 1px 2px rgba(11,30,69,.05), 0 1px 3px rgba(11,30,69,.04);
    --shadow-md:0 6px 20px rgba(11,30,69,.07);
    --shadow-lg:0 22px 60px rgba(11,30,69,.14);
    --container:1120px;
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:'Ubuntu',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
    color:var(--ink);
    background:var(--paper);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  h1,h2,h3,h4{margin:0;line-height:1.12;letter-spacing:-.02em;font-weight:700;color:var(--navy);}
  h1{font-size:clamp(2.1rem,5.2vw,3.55rem);}
  h2{font-size:clamp(1.75rem,3.8vw,2.65rem);}
  h3{font-size:1.2rem;letter-spacing:-.01em;}
  p{margin:0;}
  a{color:inherit;text-decoration:none;}
  img,svg{display:block;max-width:100%;}
  ul{margin:0;padding:0;list-style:none;}

  .container{width:100%;max-width:var(--container);margin:0 auto;padding:0 22px;}
  .section{padding:88px 0;}
  .section--mist{background:var(--mist);}
  .section--tight{padding:64px 0;}
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-size:.9rem;font-weight:500;color:var(--blue);
    margin-bottom:16px;
  }
  .eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--blue);}
  .lead{font-size:1.12rem;color:var(--slate);max-width:56ch;}
  .center{text-align:center;}
  .center .lead{margin-left:auto;margin-right:auto;}
  .head-block{max-width:44rem;}
  .head-block.center{margin:0 auto;}

  /* Buttons */
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    font-family:inherit;font-size:1rem;font-weight:500;cursor:pointer;
    padding:15px 26px;border-radius:999px;border:1.6px solid transparent;
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
    white-space:nowrap;line-height:1;
  }
  .btn svg{width:19px;height:19px;flex:none;}
  .btn--primary{background:var(--green);color:#fff;box-shadow:0 8px 20px rgba(22,163,74,.24);}
  .btn--primary:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 12px 26px rgba(22,163,74,.3);}
  .btn--outline{background:#fff;color:var(--navy);border-color:var(--line-strong);}
  .btn--outline:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px);}
  .btn--blue{background:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.22);}
  .btn--blue:hover{background:var(--blue-dark);transform:translateY(-2px);}
  .btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4);}
  .btn--ghost:hover{background:rgba(255,255,255,.1);border-color:#fff;}
  .btn--block{width:100%;}

  /* Nav */
  .nav{
    position:sticky;top:0;z-index:60;background:rgba(255,255,255,.9);
    backdrop-filter:saturate(140%) blur(10px);
    border-bottom:1px solid transparent;transition:border-color .25s, box-shadow .25s;
  }
  .nav.is-stuck{border-color:var(--line);box-shadow:0 4px 20px rgba(11,30,69,.05);}
  .nav__inner{display:flex;align-items:center;justify-content:space-between;height:70px;}
  .logo{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:1.24rem;letter-spacing:-.02em;color:var(--blue);}
  .logo__tile{
    display:inline-flex;align-items:center;justify-content:center;
    background:var(--blue);color:#fff;font-weight:700;font-size:.82rem;letter-spacing:.02em;
    padding:6px 9px;border-radius:9px 9px 9px 3px;line-height:1;
  }
  .nav__links{display:flex;align-items:center;gap:30px;}
  .nav__links a{font-size:.97rem;color:var(--slate);font-weight:400;transition:color .18s;}
  .nav__links a:hover{color:var(--navy);}
  .nav__cta{display:flex;align-items:center;gap:14px;}
  .nav__cta .btn{padding:11px 20px;font-size:.95rem;}
  .nav__toggle{display:none;background:none;border:0;cursor:pointer;padding:8px;color:var(--navy);}
  .nav__toggle svg{width:26px;height:26px;}

  /* Hero */
  .hero{position:relative;overflow:hidden;background:
      radial-gradient(1200px 520px at 82% -8%, var(--blue-soft) 0%, rgba(234,241,254,0) 60%),
      linear-gradient(180deg,#FBFCFF 0%, #FFFFFF 100%);}
  .hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:72px 0 92px;}
  .hero h1 span.br{display:block;}
  .hero .sub{margin-top:22px;font-size:1.18rem;color:var(--slate);max-width:38ch;}
  .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}
  .chip{
    display:inline-flex;align-items:center;gap:7px;font-size:.87rem;font-weight:500;color:var(--navy);
    background:#fff;border:1px solid var(--line);padding:8px 14px;border-radius:999px;box-shadow:var(--shadow-sm);
  }
  .chip svg{width:15px;height:15px;color:var(--blue);}
  .chip .dot{width:7px;height:7px;border-radius:50%;background:var(--green);}
  .hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;}

  /* Hero visual: floating post stack */
  .stage{position:relative;height:440px;}
  .post{
    position:absolute;width:270px;background:#fff;border:1px solid var(--line);
    border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;
  }
  .post__head{display:flex;align-items:center;gap:9px;padding:12px 13px;}
  .post__avatar{width:32px;height:32px;border-radius:50%;flex:none;background:linear-gradient(135deg,var(--blue),#60A5FA);}
  .post__meta{min-width:0;}
  .post__name{font-size:.82rem;font-weight:500;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .post__status{font-size:.7rem;color:var(--green);display:flex;align-items:center;gap:4px;font-weight:500;}
  .post__status svg{width:11px;height:11px;}
  .post__img{height:150px;display:flex;align-items:center;justify-content:center;color:#fff;}
  .post__img svg{width:46px;height:46px;opacity:.92;}
  .post__body{padding:12px 13px 14px;}
  .post__line{height:8px;border-radius:5px;background:var(--mist-2);margin-bottom:8px;}
  .post__actions{display:flex;gap:14px;margin-top:11px;color:var(--slate-light);}
  .post__actions svg{width:17px;height:17px;}
  .post--1{top:8px;left:26px;z-index:3;animation:floaty 7s ease-in-out infinite;}
  .post--2{top:118px;right:6px;z-index:2;transform:rotate(3deg);animation:floaty 7s ease-in-out infinite .8s;}
  .post--3{bottom:0;left:0;z-index:1;transform:rotate(-3deg);animation:floaty 7s ease-in-out infinite 1.6s;}
  .badge-cal{
    position:absolute;top:-14px;right:22px;z-index:5;background:var(--navy);color:#fff;
    border-radius:14px;padding:12px 15px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:11px;
    animation:floaty 6s ease-in-out infinite .4s;
  }
  .badge-cal svg{width:22px;height:22px;color:#8FB4FF;}
  .badge-cal b{font-size:.86rem;font-weight:700;display:block;line-height:1.2;}
  .badge-cal small{font-size:.7rem;color:#B7C5E0;}

  @keyframes floaty{0%,100%{transform:translateY(0) rotate(var(--r,0deg));}50%{transform:translateY(-10px) rotate(var(--r,0deg));}}
  .post--2{--r:3deg;} .post--3{--r:-3deg;}

  /* Problema */
  .bubbles{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px;max-width:52rem;}
  .bubble{
    background:#fff;border:1px solid var(--line);border-radius:18px 18px 18px 5px;
    padding:14px 20px;font-size:1.02rem;color:var(--navy);font-weight:500;box-shadow:var(--shadow-sm);
  }
  .bubble--muted{color:var(--slate);font-weight:400;background:var(--mist);}
  .problem-note{margin-top:32px;font-size:1.15rem;color:var(--slate);max-width:46ch;}
  .problem-note b{color:var(--navy);font-weight:700;}

  /* Solución steps */
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:52px;position:relative;}
  .step{position:relative;}
  .step__num{
    font-size:2.4rem;font-weight:700;color:var(--blue);letter-spacing:-.03em;line-height:1;
    display:inline-block;margin-bottom:14px;
  }
  .step__num sub{font-size:.9rem;color:var(--line-strong);font-weight:500;vertical-align:baseline;}
  .step h3{margin-bottom:8px;}
  .step p{color:var(--slate);font-size:.98rem;}
  .step__icon{
    width:46px;height:46px;border-radius:12px;background:var(--blue-soft);color:var(--blue);
    display:flex;align-items:center;justify-content:center;margin-bottom:18px;
  }
  .step__icon svg{width:24px;height:24px;}
  .step:not(:last-child)::after{
    content:"";position:absolute;top:23px;right:-15px;width:14px;height:2px;background:var(--line-strong);
  }

  /* Content categories */
  .cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-top:48px;}
  .cat{
    background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;
    box-shadow:var(--shadow-sm);transition:transform .2s, box-shadow .2s, border-color .2s;
  }
  .cat:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-strong);}
  .cat__ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fff;}
  .cat__ic svg{width:23px;height:23px;}
  .cat h3{margin-bottom:6px;}
  .cat p{color:var(--slate);font-size:.96rem;}

  /* Demo flow */
  .flow{
    display:flex;align-items:stretch;justify-content:center;gap:0;flex-wrap:wrap;margin-top:52px;
  }
  .flow__step{display:flex;align-items:center;gap:0;}
  .flow__node{
    display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;width:132px;
  }
  .flow__bubble{
    width:64px;height:64px;border-radius:18px;background:#fff;border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;color:var(--blue);box-shadow:var(--shadow-sm);
    transition:transform .3s;
  }
  .flow__node:hover .flow__bubble{transform:translateY(-5px);border-color:var(--blue);}
  .flow__bubble svg{width:27px;height:27px;}
  .flow__node span{font-size:.92rem;font-weight:500;color:var(--navy);}
  .flow__arrow{color:var(--line-strong);align-self:flex-start;margin-top:20px;padding:0 4px;}
  .flow__arrow svg{width:22px;height:22px;}
  .flow__result{
    margin-left:6px;background:var(--green-soft);border:1px solid #C7EBD2;border-radius:18px;
    padding:18px;display:flex;flex-direction:column;align-items:center;gap:10px;width:150px;text-align:center;
  }
  .flow__result .dotmark{width:52px;height:52px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;}
  .flow__result .dotmark svg{width:26px;height:26px;}
  .flow__result span{font-size:.92rem;font-weight:700;color:var(--green-dark);}

  /* Planes */
  .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;align-items:start;}
  .plan{
    background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px 30px;
    box-shadow:var(--shadow-sm);position:relative;display:flex;flex-direction:column;
  }
  .plan--pop{
    border-color:var(--blue);box-shadow:0 24px 60px rgba(37,99,235,.16);
    transform:translateY(-10px);
  }
  .plan__tag{
    position:absolute;top:-14px;left:50%;transform:translateX(-50%);
    background:var(--blue);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.01em;
    padding:7px 16px;border-radius:999px;box-shadow:0 8px 18px rgba(37,99,235,.3);white-space:nowrap;
  }
  .plan__name{font-size:1.3rem;font-weight:700;color:var(--navy);}
  .plan__desc{color:var(--slate);font-size:.95rem;margin-top:8px;min-height:44px;}
  .plan__price{display:flex;align-items:flex-end;gap:6px;margin:22px 0 4px;}
  .plan__price b{font-size:2.5rem;font-weight:700;color:var(--navy);letter-spacing:-.03em;line-height:1;}
  .plan__price span{color:var(--slate);font-size:.95rem;padding-bottom:5px;}
  .plan__sep{height:1px;background:var(--line);margin:24px 0;}
  .plan__feats{display:flex;flex-direction:column;gap:12px;margin-bottom:28px;flex:1;}
  .plan__feats li{display:flex;gap:11px;font-size:.97rem;color:var(--ink);align-items:flex-start;}
  .plan__feats li svg{width:19px;height:19px;color:var(--green);flex:none;margin-top:2px;}
  .plan__feats li.inherit{color:var(--slate);font-weight:500;}
  .plan__feats li.inherit svg{color:var(--blue);}

  /* Comparación */
  .table-wrap{margin-top:48px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch;}
  table.compare{width:100%;border-collapse:collapse;min-width:640px;background:#fff;}
  table.compare th,table.compare td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line);}
  table.compare thead th{background:var(--navy);color:#fff;font-weight:500;font-size:.95rem;position:sticky;top:0;}
  table.compare thead th:first-child{border-top-left-radius:var(--radius);}
  table.compare thead th:last-child{border-top-right-radius:var(--radius);}
  table.compare thead th.pop{background:var(--blue);}
  table.compare th[scope="col"]{text-align:center;}
  table.compare td.feat{font-weight:500;color:var(--navy);font-size:.95rem;}
  table.compare td.cell{text-align:center;}
  table.compare tbody tr:last-child td{border-bottom:0;}
  table.compare tbody tr:hover{background:var(--mist);}
  .yes svg{width:20px;height:20px;color:var(--green);margin:0 auto;}
  .no{color:var(--line-strong);font-size:1.2rem;line-height:1;}

  /* Sectores */
  .sectors{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:14px;margin-top:48px;}
  .sector{
    display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);
    border-radius:var(--radius-sm);padding:16px 18px;box-shadow:var(--shadow-sm);
    transition:transform .18s, border-color .18s;
  }
  .sector:hover{transform:translateY(-3px);border-color:var(--blue);}
  .sector__ic{width:38px;height:38px;border-radius:10px;background:var(--blue-soft);color:var(--blue);display:flex;align-items:center;justify-content:center;flex:none;}
  .sector__ic svg{width:20px;height:20px;}
  .sector span{font-size:.95rem;font-weight:500;color:var(--navy);}

  /* Beneficios */
  .ba{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:52px;}
  .ba__col{border-radius:var(--radius-lg);padding:34px 32px;}
  .ba__col--before{background:var(--mist);border:1px solid var(--line);}
  .ba__col--after{background:var(--navy);color:#fff;box-shadow:var(--shadow-lg);}
  .ba__label{font-size:.9rem;font-weight:500;margin-bottom:20px;display:inline-flex;align-items:center;gap:9px;}
  .ba__col--before .ba__label{color:var(--slate);}
  .ba__col--after .ba__label{color:#8FB4FF;}
  .ba__col h3{margin-bottom:20px;}
  .ba__col--after h3{color:#fff;}
  .ba li{display:flex;gap:12px;padding:9px 0;font-size:1rem;align-items:flex-start;}
  .ba li svg{width:20px;height:20px;flex:none;margin-top:2px;}
  .ba__col--before li{color:var(--slate);}
  .ba__col--before li svg{color:var(--slate-light);}
  .ba__col--after li{color:#DCE6F7;}
  .ba__col--after li svg{color:#4ADE80;}

  /* Tecnología */
  .tech{background:var(--navy);color:#fff;overflow:hidden;position:relative;}
  .tech::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 400px at 15% 10%, rgba(37,99,235,.35), transparent 60%);pointer-events:none;}
  .tech h2{color:#fff;}
  .tech .lead{color:#C3D0E8;}
  .tech__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
  .tech__note{margin-top:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:16px 20px;font-size:.98rem;color:#C3D0E8;display:flex;gap:12px;align-items:flex-start;}
  .tech__note svg{width:20px;height:20px;color:#8FB4FF;flex:none;margin-top:2px;}
  .recipe{display:flex;flex-direction:column;gap:12px;}
  .recipe__row{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:15px 20px;}
  .recipe__row .ic{width:40px;height:40px;border-radius:10px;background:rgba(143,180,255,.16);color:#8FB4FF;display:flex;align-items:center;justify-content:center;flex:none;}
  .recipe__row .ic svg{width:21px;height:21px;}
  .recipe__row .plus{color:#6E82AC;font-size:1.3rem;font-weight:700;margin-left:auto;}
  .recipe__row b{font-weight:500;font-size:1rem;}
  .recipe__eq{display:flex;align-items:center;gap:14px;background:var(--green);border-radius:14px;padding:17px 22px;box-shadow:0 12px 30px rgba(22,163,74,.35);margin-top:4px;}
  .recipe__eq .ic{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex:none;}
  .recipe__eq .ic svg{width:22px;height:22px;color:#fff;}
  .recipe__eq b{font-weight:700;font-size:1.05rem;color:#fff;}
  .recipe__eq small{display:block;font-size:.78rem;color:#D6F3DE;font-weight:400;}

  /* FAQ */
  .faq{max-width:820px;margin:48px auto 0;}
  details.qa{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:14px;box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color .2s;}
  details.qa[open]{border-color:var(--line-strong);}
  details.qa summary{
    list-style:none;cursor:pointer;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;
    font-weight:500;font-size:1.06rem;color:var(--navy);
  }
  details.qa summary::-webkit-details-marker{display:none;}
  details.qa summary .plusicon{width:24px;height:24px;flex:none;color:var(--blue);transition:transform .25s;}
  details.qa[open] summary .plusicon{transform:rotate(45deg);}
  details.qa .answer{padding:0 24px 24px;color:var(--slate);font-size:1rem;max-width:66ch;}

  /* CTA final */
  .final{background:linear-gradient(160deg,var(--navy) 0%, var(--navy-2) 100%);color:#fff;position:relative;overflow:hidden;}
  .final::after{content:"";position:absolute;bottom:-140px;right:-80px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.4),transparent 65%);pointer-events:none;}
  .final__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
  .final h2{color:#fff;font-size:clamp(2rem,4.4vw,3rem);}
  .final .sub{margin-top:18px;font-size:1.2rem;color:#C3D0E8;}
  .final .pill-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
  .final .pill{display:inline-flex;align-items:center;gap:9px;font-size:.95rem;font-weight:500;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:9px 16px;}
  .final .pill svg{width:16px;height:16px;color:#4ADE80;}
  .final .price-note{margin-top:30px;font-size:1.05rem;color:#DCE6F7;}
  .final .price-note b{color:#fff;font-weight:700;}
  .final__actions{margin-top:30px;}

  /* Form */
  .form-card{background:#fff;border-radius:var(--radius-lg);padding:32px 30px;box-shadow:var(--shadow-lg);color:var(--ink);}
  .form-card h3{color:var(--navy);}
  .form-card p.small{color:var(--slate);font-size:.94rem;margin-top:6px;margin-bottom:22px;}
  .field{margin-bottom:16px;}
  .field label{display:block;font-size:.88rem;font-weight:500;color:var(--navy);margin-bottom:7px;}
  .field input,.field select{
    width:100%;font-family:inherit;font-size:1rem;color:var(--ink);
    padding:13px 15px;border:1.5px solid var(--line-strong);border-radius:11px;background:#fff;transition:border-color .18s, box-shadow .18s;
  }
  .field input:focus,.field select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft);}
  .form-card .btn{margin-top:6px;}
  .form-card .disclaim{font-size:.82rem;color:var(--slate-light);margin-top:14px;text-align:center;}

  /* Footer */
  .footer{background:#fff;border-top:1px solid var(--line);padding:56px 0 40px;}
  .footer__top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;}
  .footer__brand{max-width:300px;}
  .footer__brand p{color:var(--slate);font-size:.96rem;margin-top:14px;}
  .footer__links{display:flex;gap:56px;flex-wrap:wrap;}
  .footer__col h4{font-size:.82rem;color:var(--slate-light);font-weight:500;margin-bottom:14px;}
  .footer__col a{display:block;color:var(--slate);font-size:.96rem;padding:5px 0;transition:color .16s;}
  .footer__col a:hover{color:var(--blue);}
  .footer__bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--slate-light);font-size:.88rem;}

  /* Sticky mobile CTA */
  .mobile-cta{
    position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-top:1px solid var(--line);
    box-shadow:0 -6px 24px rgba(11,30,69,.08);
  }
  .mobile-cta .btn{width:100%;}

  /* Responsive */
  @media (max-width:960px){
    .hero__grid,.tech__inner,.final__grid{grid-template-columns:1fr;gap:40px;}
    .hero .stage{margin:0 auto;max-width:420px;}
    .steps{grid-template-columns:repeat(2,1fr);gap:28px;}
    .step:not(:last-child)::after{display:none;}
    .plans{grid-template-columns:1fr;gap:20px;max-width:440px;margin-left:auto;margin-right:auto;}
    .plan--pop{transform:none;}
    .ba{grid-template-columns:1fr;}
    .flow{gap:4px;}
  }
  @media (max-width:760px){
    .nav__links{display:none;}
    .nav__cta .btn--outline{display:none;}
    .nav__toggle{display:inline-flex;}
    .nav.open .nav__links{
      display:flex;flex-direction:column;position:absolute;top:70px;left:0;right:0;
      background:#fff;border-bottom:1px solid var(--line);padding:18px 22px;gap:6px;box-shadow:var(--shadow-md);
    }
    .nav.open .nav__links a{padding:11px 0;font-size:1.05rem;}
    .section{padding:64px 0;}
    .mobile-cta{display:block;}
    body{padding-bottom:78px;}
    .flow__step{width:100%;justify-content:center;}
    .flow{flex-direction:column;align-items:center;}
    .flow__arrow{transform:rotate(90deg);margin:0;}
    .flow__result{margin:8px 0 0;}
    .bubble{font-size:.95rem;}
  }
  @media (max-width:420px){
    .hero .stage{max-width:320px;height:400px;}
    .post{width:230px;}
  }
  @media (prefers-reduced-motion:reduce){
    *{animation:none !important;scroll-behavior:auto;}
    .btn:hover,.cat:hover,.sector:hover{transform:none;}
  }