.hero-feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:46px;position:relative}.feature-stage{height:320px;position:relative;overflow:hidden;border-radius:9px;background:#eef0ed;padding:36px 22px 0}.feature-photo{position:absolute;inset:-7%;width:114%;height:114%;object-fit:cover;filter:blur(2px) saturate(.35);opacity:.42;animation:photoDrift 18s ease-in-out infinite alternate}.feature-comparison .feature-photo{animation-delay:-7s;object-position:65% center}.feature-intelligence .feature-photo{animation-delay:-12s;object-position:center 40%}.feature-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#f0f2f218,#e9eeed58);pointer-events:none}.feature-ui{position:relative;z-index:1;border:1px solid #ffffffd9;border-radius:11px;background:#fffffff2;box-shadow:0 12px 32px #23313b15;padding:18px;min-height:265px;backdrop-filter:blur(12px);animation:uiBreathe 9s ease-in-out infinite}.feature-comparison .feature-ui{animation-delay:-3s}.feature-intelligence .feature-ui{animation-delay:-6s}.feature-ui-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;padding-bottom:15px;border-bottom:1px solid #edf0f2;white-space:nowrap}.feature-ui-top>span:not(.feature-ai-symbol){font-size:8px;color:#939ba4}.feature-source-row{display:flex;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid #edf0f2;font-size:11px}.feature-source-row b{font-size:8px;color:#919aa3;margin-left:auto;font-weight:400}.feature-source-note{display:flex;align-items:center;gap:6px;font-size:8px;color:#939ba3;margin-top:16px}.feature-source-note i{width:5px;height:5px;border-radius:50%;background:#d9df76}.feature-value-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:20px;font-size:9px}.feature-value-row strong{font-size:19px;font-weight:400;letter-spacing:-.5px}.feature-value-row i{grid-column:1/-1;display:block;height:5px;background:linear-gradient(to right,var(--tone) var(--size),#edf0f2 var(--size));border-radius:3px}.feature-card-note{font-size:8px;line-height:1.5;color:#939ba3;margin-top:20px}.feature-ai-symbol{font-size:20px;color:#a492b7}.feature-intelligence .feature-ui-top{justify-content:flex-start}.feature-question{font-size:10px;border:1px solid #e8eaf0;border-radius:6px;padding:11px;margin-top:17px;background:#fff}.feature-answer{background:#f5f3fa;padding:13px;border-radius:7px;margin-top:12px}.feature-answer p{font-size:11px;line-height:1.7}.feature-answer>div{display:flex;gap:5px;flex-wrap:wrap;margin-top:13px}.feature-answer>div span{font-size:7px;color:#9583ad;background:#ebe6f5;padding:4px 5px;border-radius:3px}.hero-feature-cards article>h3{font-size:22px;line-height:1.2;letter-spacing:-.5px;margin:21px 0 12px}.hero-feature-cards article>p{font-size:14px;color:var(--muted);line-height:1.75;max-width:370px}.features-example{grid-column:1/-1;font-size:9px;color:#959da5;margin-top:0;padding-right:90px}.feature-motion{position:absolute;right:0;bottom:0;background:transparent;font-size:9px;color:#8c949e;padding:0}.features-paused .feature-photo,.features-paused .feature-ui{animation-play-state:paused}@keyframes photoDrift{from{transform:translate(-1%,-1%) scale(1.03)}to{transform:translate(2%,1%) scale(1.09)}}@keyframes uiBreathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:1100px){.hero-feature-cards{gap:17px}.feature-stage{padding:28px 16px 0;height:300px}.feature-ui{padding:14px}.feature-ui-top{font-size:11px}.feature-value-row strong{font-size:17px}.feature-source-row{font-size:10px}.feature-source-row b{font-size:7px}.hero-feature-cards article>h3{font-size:20px}}
@media(max-width:800px){.hero-feature-cards{grid-template-columns:1fr;gap:30px;margin-top:32px}.feature-stage{height:320px;padding:30px 24px 0}.feature-ui{max-width:350px;margin-inline:auto;padding:20px}.feature-ui-top{font-size:13px}.feature-source-row{font-size:12px;padding:13px 0}.feature-source-row b{font-size:9px}.feature-value-row{font-size:11px}.feature-value-row strong{font-size:21px}.hero-feature-cards article>h3{font-size:23px}.features-example{font-size:8px;line-height:1.7}.feature-motion{font-size:8px}.feature-answer p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.feature-photo,.feature-ui{animation:none}}