.feat-hero{padding-top:calc(16px + 60px + var(--section-y));padding-bottom:var(--section-y)}.feat-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:48px;display:grid}.feat-hero__lead{flex-direction:column;gap:24px;display:flex}.feat-hero__title{font-family:var(--font-display);letter-spacing:-.055em;text-wrap:balance;font-size:clamp(38px,4.6vw,64px);font-weight:500;line-height:1.05}.feat-hero__lead .t-body-l{max-width:52ch}.feat-hero__visual{border-radius:var(--radius-l);box-sizing:border-box;place-items:center;min-height:460px;padding:48px 32px;display:grid}.feat-demo{--ease:cubic-bezier(.32, .72, 0, 1);border-radius:var(--radius-m);background:var(--white);width:100%;max-width:480px;font-size:14px;overflow:clip;box-shadow:0 24px 60px #191a1d40}.feat-demo__bar{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:12px;padding:12px 16px;display:flex}.feat-demo__dots{gap:5px;display:flex}.feat-demo__dots i{background:var(--line-strong);border-radius:50%;width:8px;height:8px}.feat-demo__project{font-family:var(--font-mono);color:var(--muted);font-size:12px}.nav-draw-line .feat-demo__rows{padding:8px;list-style:none}.feat-demo__row{border-radius:var(--radius-s);animation:feat-row-in .6s var(--ease) both;animation-delay:calc(.35s + var(--i) * .18s);gap:12px;padding:12px;display:flex}.feat-demo__row.is-agent{background:#afb3fa38}@keyframes feat-row-in{0%{opacity:0;translate:0 10px}}.feat-demo__avatar{background:var(--neutro);width:30px;height:30px;color:var(--blu);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:600;display:grid}.feat-demo__row.is-agent .feat-demo__avatar{color:var(--accent);background:0 0}.feat-demo__avatar svg{width:18px;height:18px}.feat-demo__body{flex-direction:column;gap:3px;min-width:0;display:flex}.feat-demo__who{font-size:13px;font-weight:500}.feat-demo__what{color:var(--blu);line-height:1.45}.feat-demo__rows.is-fields .feat-demo__row{border-bottom:1px solid var(--line);border-radius:0}.feat-demo__rows.is-fields .feat-demo__row:last-child{border-bottom:0}.feat-demo__rows.is-fields .feat-demo__row.is-agent{border-radius:var(--radius-s);border-bottom:0}.feat-demo__rows.is-fields .feat-demo__who{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}.feat-demo__rows.is-fields .feat-demo__what{font-size:15px;font-weight:500}.nav-draw-line .feat-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;list-style:none;display:grid}.feat-point{border-radius:var(--radius-l);background:var(--surface);flex-direction:column;gap:12px;padding:28px;display:flex}.feat-point__shape{width:28px;height:28px;color:var(--accent);margin-bottom:12px}.feat-steps{border-radius:var(--radius-l);background:var(--blu);color:var(--white);grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:48px;padding:56px;display:grid}.feat-steps__head{flex-direction:column;gap:20px;display:flex}.nav-draw-line .feat-steps__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;list-style:none;display:grid}.feat-step{flex-direction:column;gap:10px;display:flex;position:relative}.feat-step .t-body{color:var(--neutro)}.feat-step__marker{width:64px;height:64px;color:var(--lavanda);place-items:center;margin-bottom:8px;display:grid;position:relative}.feat-step__marker svg{grid-area:1/1;width:100%;height:100%}.feat-step__num{font-family:var(--font-mono);color:var(--blu);grid-area:1/1;font-size:15px;font-weight:600}.feat-step:nth-child(2) .feat-step__num{color:var(--lavanda)}.feat-step:not(:last-child):after{content:"";background:linear-gradient(90deg,#afb3fa99 50%,#0000 0) 0 0/8px 100%;height:1.5px;position:absolute;top:32px;left:76px;right:-16px}.nav-draw-line .feat-related__title{margin:0 0 28px}.nav-draw-line .feat-related{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;list-style:none;display:grid}.nav-draw-line .feat-related.is-index{grid-template-columns:repeat(4,minmax(0,1fr))}.feat-card{box-sizing:border-box;border-radius:var(--radius-m);border:1px solid var(--line-strong);flex-direction:column;gap:8px;height:100%;padding:24px 24px 56px;transition:background-color .25s,border-color .25s;display:flex;position:relative}.feat-card:hover{background:var(--surface);border-color:var(--accent)}.feat-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.feat-card__name{letter-spacing:-.03em;font-size:19px;font-weight:600}.feat-card__text{color:var(--muted);font-size:15px;line-height:1.45}.feat-card__arrow{color:var(--accent);transition:translate .3s cubic-bezier(.32,.72,0,1);position:absolute;bottom:20px;left:24px}.feat-card:hover .feat-card__arrow{translate:6px}.feat-hero.is-index{padding-bottom:0}.feat-index__head{flex-direction:column;gap:24px;max-width:980px;margin-inline:0;display:flex}.feat-index__head .feat-hero__title{max-width:18ch}.feat-group+.feat-group{padding-top:0}.feat-group__title{align-items:center;gap:12px;margin-bottom:24px;display:flex}.feat-group__shape{width:26px;height:26px;color:var(--accent)}@media (max-width:1099px){.nav-draw-line .feat-related.is-index{grid-template-columns:repeat(2,minmax(0,1fr))}.feat-steps{grid-template-columns:1fr;padding:40px}}@media (max-width:991px){.feat-hero__grid{grid-template-columns:1fr}.feat-hero__visual{min-height:0}.nav-draw-line .feat-points,.nav-draw-line .feat-related{grid-template-columns:1fr}}@media (max-width:767px){.feat-hero{padding-top:calc(80px + var(--section-y))}.feat-hero__visual{padding:24px 16px}.feat-steps{padding:28px 20px}.nav-draw-line .feat-steps__list{grid-template-columns:1fr}.feat-step:not(:last-child):after{display:none}.nav-draw-line .feat-related.is-index{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.feat-demo__row{animation:none}}