.cad{position:relative;z-index:1;background:var(--light-bg-2);color:var(--light-text);padding-block:6rem}.cad__header{margin-bottom:2.75rem}.cad__demo{position:relative;border-radius:16px;background:#ffffff;border:1px solid var(--light-border);box-shadow:0 28px 60px rgba(8,23,44,.12);overflow:hidden;opacity:0;transform:translateY(16px)}.cad--in .cad__demo{animation:cad-fade .6s var(--ease-soft) .05s both}.cad__chrome{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;background:var(--navy);color:#ffffff}.cad__dots{display:inline-flex;gap:.4rem}.cad__dots i{width:.7rem;height:.7rem;border-radius:50%;background:rgba(255,255,255,.25)}.cad__dots i:first-child{background:var(--green)}.cad__chrome-title{font-size:.9rem;font-weight:600;letter-spacing:.01em}.cad__chrome-live{display:inline-flex;align-items:center;gap:.4rem;margin-left:auto;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--green-2)}.cad__chrome-live i{width:.5rem;height:.5rem;border-radius:50%;background:var(--green);animation:cad-ping 2s infinite}.cad__body{padding:1.25rem}.cad__filters{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.15rem}.cad__fchip{font-size:.78rem;font-weight:600;border:1px solid var(--light-border);background:#fbfcfc;color:var(--light-text-muted);padding:.4rem .9rem;border-radius:999px;cursor:pointer;transition:background-color .15s var(--ease-soft),border-color .15s var(--ease-soft),color .15s var(--ease-soft)}.cad__fchip:hover{border-color:var(--green);color:#4f7d17}.cad__fchip--on{background:var(--green);border-color:var(--green);color:#ffffff}.cad__grid{display:grid;grid-template-columns:1.5fr 1fr;gap:.9rem;align-items:start}.cad__panel{border:1px solid var(--light-border);border-radius:12px;background:#ffffff;overflow:hidden}.cad__ph{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .85rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4f7d17;background:rgba(141,198,63,.1);border-bottom:1px solid var(--light-border)}.cad__ph-sum{color:var(--light-text-muted);font-weight:600;letter-spacing:.02em;text-transform:none}.cad__track{position:relative;padding:1.1rem 1rem .6rem;animation:cad-fade .45s var(--ease-soft) both}.cad__line{top:1.1rem;bottom:2.4rem;left:calc(1rem + 1.1rem);width:2px;background:var(--light-border)}.cad__line,.cad__line i{position:absolute;border-radius:2px}.cad__line i{inset:0 0 auto 0;width:100%;background:linear-gradient(180deg,var(--green-2),var(--green));transition:height .7s var(--ease-soft)}.cad__steps{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.cad__step{display:grid;grid-template-columns:2.2rem 1fr;gap:.75rem;align-items:start}.cad__node{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:50%;background:#ffffff;border:2px solid var(--light-border);color:var(--light-text-muted);transition:border-color .3s var(--ease-soft),color .3s var(--ease-soft),background-color .3s var(--ease-soft),box-shadow .3s var(--ease-soft)}.cad__node-icon svg{width:1.05rem;height:1.05rem;display:block}.cad__step--active .cad__node{border-color:var(--green);color:var(--green);box-shadow:0 0 0 4px rgba(141,198,63,.2);animation:cad-ping 1.8s infinite}.cad__step--done .cad__node{border-color:var(--green);background:var(--green);color:#ffffff}.cad__scard{border:1px solid var(--light-border);border-radius:10px;padding:.6rem .75rem;background:#fbfcfc;transition:border-color .3s var(--ease-soft),background-color .3s var(--ease-soft),box-shadow .3s var(--ease-soft)}.cad__step--active .cad__scard{border-color:var(--green);background:rgba(141,198,63,.07);box-shadow:0 8px 20px rgba(141,198,63,.14)}.cad__step--pending .cad__scard{opacity:.72}.cad__scard-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cad__channel{font-size:.82rem;font-weight:700;color:var(--light-text)}.cad__day{font-size:.64rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4f7d17;background:rgba(141,198,63,.14);padding:.2rem .5rem;border-radius:999px;white-space:nowrap}.cad__slabel{margin:.35rem 0 .5rem;font-size:.8rem;line-height:1.45;color:var(--light-text-muted)}.cad__smeta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.cad__cohort,.cad__cohort i{display:inline-flex;align-items:center}.cad__cohort i{width:1.35rem;height:1.35rem;margin-right:-.45rem;border-radius:50%;border:1.5px solid #ffffff;background:linear-gradient(150deg,var(--navy-3),var(--navy));color:#ffffff;font-size:.54rem;font-weight:700;font-style:normal;justify-content:center;letter-spacing:.02em}.cad__step--active .cad__cohort i,.cad__step--done .cad__cohort i{background:linear-gradient(150deg,var(--green-2),var(--green))}.cad__cohort b{margin-left:.75rem;font-size:.66rem;font-weight:700;color:var(--light-text-muted)}.cad__scount{font-size:.72rem;font-weight:700;color:var(--light-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-left:auto;white-space:nowrap}.cad__pill{display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.03em;padding:.22rem .55rem;border-radius:999px;white-space:nowrap}.cad__pill--on{background:#e6f3ea;color:#177245}.cad__pill--wait{background:#eef0f2;color:var(--light-text-muted)}.cad__funnel{padding:1rem .95rem 1.1rem}.cad__frow{margin-bottom:.9rem}.cad__ftop{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.cad__flabel{font-size:.76rem;font-weight:600;color:var(--light-text-muted)}.cad__fval{font-size:1.05rem;font-weight:800;color:var(--light-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.cad__fval em{margin-left:.4rem;font-size:.7rem;font-weight:700;font-style:normal;color:#4f7d17}.cad__fbar{height:.7rem;border-radius:999px;background:#eef0f2;overflow:hidden}.cad__fbar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--green-2));transition:width .7s var(--ease-soft)}.cad__frow:first-child .cad__fbar i{background:linear-gradient(90deg,var(--navy-3),var(--navy))}.cad__conv{display:flex;align-items:center;gap:.8rem;margin-top:1.1rem;padding:.85rem .95rem;border-radius:10px;background:var(--navy);color:#ffffff}.cad__conv-v{font-size:1.9rem;font-weight:800;line-height:1;color:var(--green-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.cad__conv-v b{font-size:1rem;font-weight:800;margin-left:.1rem}.cad__conv-l{font-size:.78rem;line-height:1.4;color:rgba(255,255,255,.82)}.cad__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem;margin-top:1.5rem}.cad__foot-text{margin:0;font-size:.95rem;font-weight:500;color:var(--light-text-muted);max-width:34rem}.cad__cta{display:inline-flex;align-items:center;gap:.5rem;border-radius:var(--btn-radius);background:var(--green);padding:.9rem 1.75rem;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#ffffff;text-decoration:none;white-space:nowrap;transition:background-color .35s var(--ease-soft),transform .35s var(--ease-soft),box-shadow .35s var(--ease-soft)}.cad__cta:hover{background:var(--green-2);color:#ffffff;transform:translateY(-2px);box-shadow:0 14px 30px rgba(141,198,63,.32)}.cad__cta svg{transition:transform .3s var(--ease-soft)}.cad__cta:hover svg{transform:translateX(4px)}@keyframes cad-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cad-ping{0%{box-shadow:0 0 0 0 rgba(141,198,63,.4)}70%{box-shadow:0 0 0 7px rgba(141,198,63,0)}to{box-shadow:0 0 0 0 rgba(141,198,63,0)}}@media (max-width:860px){.cad__grid{grid-template-columns:1fr}}@media (max-width:575px){.cad{padding-block:4rem}.cad__body{padding:1rem}.cad__scount{margin-left:0}.cad__foot{flex-direction:column;align-items:flex-start}.cad__cta{width:100%;justify-content:center}}@media (prefers-reduced-motion:reduce){.cad--in .cad__demo,.cad__demo,.cad__track{animation:none!important;opacity:1!important;transform:none!important}.cad__fbar i,.cad__line i,.cad__node,.cad__scard{transition:none!important}.cad__chrome-live i,.cad__step--active .cad__node{animation:none!important}}