#features{padding-top:90px}.features{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.rich-feature{padding:16px 16px 26px;border-radius:18px;background:linear-gradient(145deg,#131720,#0f121a);min-height:430px;overflow:hidden;transform-style:preserve-3d}.rich-feature .feature-visual{height:185px;border:1px solid #394254;border-radius:12px;overflow:hidden;background:#1b2234;position:relative;margin-bottom:22px;transition:transform .6s,box-shadow .6s;box-shadow:0 0 0 2px #ffffff04}.rich-feature:hover .feature-visual{transform:translateY(-3px) scale(1.025);box-shadow:0 0 25px #619cff22}.rich-feature h3{display:flex;align-items:center;gap:10px;font-size:16px;line-height:1.35;padding-bottom:18px;border-bottom:1px solid #ffffff0c;margin-bottom:18px;min-height:56px;letter-spacing:-.5px}.feature-emoji{display:grid;place-items:center;flex:0 0 34px;height:36px;border:1px solid #6964e742;background:#24244066;border-radius:11px;font-size:17px;transition:transform .5s,box-shadow .5s}.rich-feature:hover .feature-emoji{transform:rotate(-8deg);box-shadow:0 0 20px #7b74ff38}.rich-feature p{font-size:13px;line-height:1.8;color:#a2a9b7}.visual-top{height:23px;display:flex;align-items:center;gap:4px;padding:0 9px;border-bottom:1px solid #ffffff0a;background:#242d43}.visual-top i{width:4px;height:4px;border-radius:50%;background:#64718d}.visual-top span{margin-left:auto;font-size:7px;letter-spacing:1px;color:#b9c9e2}.visual-content{padding:13px;font-size:8px;color:#acb9cf}.visual-demo{position:absolute;bottom:5px;right:7px;font:6px monospace;letter-spacing:1px;color:#7186a7}.mini-label{font-size:7px;letter-spacing:.8px;color:#94aad0;margin-bottom:11px}.mini-bot{color:white;font-size:10px;font-weight:600}.mini-bot em{background:#776ae3;font:5px sans-serif;padding:2px;border-radius:2px}.chat-line{margin:11px 0;color:#a9b7d4;background:#ffffff05;padding:5px}.bot-response{background:#111b29;border-left:2px solid #7abae9;padding:10px;animation:bot-message 6s ease-in-out infinite}.bot-response b,.bot-response span{display:block}.bot-response b{color:#84dcb7;margin-bottom:5px}.bot-response i{display:inline-block;background:#4b5b95;border-radius:3px;padding:4px 8px;margin-top:9px;color:white;font-style:normal}.mini-fields{display:flex;gap:8px}.mini-fields span{flex:1;color:#8c9db9}.mini-fields b{display:block;border:1px solid #67738c;padding:5px;color:white;margin-top:3px}.mini-action{background:linear-gradient(90deg,#315bb8,#4389d2);text-align:center;padding:6px;margin:9px 0;border-radius:4px;font-size:8px;color:#e2eeff;position:relative;overflow:hidden}.mini-action:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#ffffff35 50%,transparent 70%);transform:translateX(-100%);animation:shine 4s ease-in-out infinite;animation-delay:calc(var(--order)*.3s)}.key-stream{font:7px/1.7 monospace;animation:key-stream 5s ease-in-out infinite}.key-stream b{float:right;color:#83d8b1;font-size:6px}.code{background:#141819!important}.code pre{font:8px/1.65 Consolas,monospace;margin:0;color:#b7c7dc;white-space:pre-wrap}.code pre i{color:#c98de5;font-style:normal}.code pre em{color:#debc79;font-style:normal}.code pre b{color:#7dbeec;font-weight:400}.code-cursor{animation:cursor 1s steps(1) infinite;color:#9dcaff}.mini-script{padding:10px 0;border-bottom:1px solid #ffffff08}.mini-script i{float:right;width:23px;height:12px;border-radius:20px;background:#65bd9d;position:relative;animation:switch-track 6s infinite}.mini-script i:after{content:'';position:absolute;width:8px;height:8px;background:white;border-radius:100%;top:2px;left:13px;animation:switch-dot 6s infinite}.mini-script:nth-child(3) i,.mini-script:nth-child(3) i:after{animation-delay:1s}.mini-script:nth-child(4) i,.mini-script:nth-child(4) i:after{animation-delay:2s}.mini-foot{font-size:6px;color:#768eaa;margin-top:12px;letter-spacing:1px}.vault{margin:5px auto;text-align:center;font-size:38px;color:#87baff;animation:vault-breathe 4s ease-in-out infinite}.vault span{display:block;font-size:10px;color:#d4e2f4;margin-top:-4px}.vault small{display:block;font-size:7px;color:#8a9db6;margin:5px}.vault-status{border:1px solid #5da88a66;border-radius:4px;padding:5px;text-align:center;font-size:7px;color:#8bdbb6;background:#5da88a11}.ad-steps{display:flex;align-items:center;justify-content:center;margin:23px 0 18px}.ad-steps span{border:1px solid #6f92c4;border-radius:50%;padding:4px 7px;color:#9bc4ff;animation:step-light 4s infinite}.ad-steps span:nth-of-type(2){animation-delay:.8s}.ad-steps span:nth-of-type(3){animation-delay:1.6s}.ad-steps i{width:25px;border-top:1px solid #536c94}.ad-progress{height:4px;background:#ffffff10;border-radius:3px;overflow:hidden}.ad-progress i{display:block;height:100%;background:#87b9ff;transform-origin:left;animation:progress 5s infinite}.api-ok{position:absolute;bottom:12px;right:13px;background:#16352e;color:#81dab3;border:1px solid #6fcaa233;padding:3px 6px;font:6px monospace;animation:bot-message 5s infinite}.setting{padding:8px 0;border-bottom:1px solid #ffffff08}.setting b{float:right;color:#81dab3;animation:step-light 4s infinite}.setting:nth-child(3) b{animation-delay:.6s}.setting:nth-child(4) b{animation-delay:1.2s}.video-section{margin-top:70px}.video-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.video-heading h3{font-size:26px;letter-spacing:-1px;margin:8px 0}.video-heading .eyebrow{font-size:9px}.video-duration{font-size:10px;color:#80adff;letter-spacing:1px}.video-frame{padding:8px;background:linear-gradient(125deg,#75baff55,#9385ff22,#51c5d966);border-radius:20px;box-shadow:0 0 70px #529fff13;position:relative;animation:video-glow 6s infinite}.video-frame video{display:block;width:100%;border-radius:13px;background:#0c1019;aspect-ratio:16/9}.video-caption{text-align:center;font-size:11px;margin-top:16px;color:#7b8ca5}.scroll-meter{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#65adff,#b19aff,#79e9ed);transform:scaleX(0);transform-origin:left;z-index:30;box-shadow:0 0 12px #70b6ff;pointer-events:none}.hero-sparks{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-sparks i{position:absolute;left:var(--x);top:110%;width:2px;height:2px;border-radius:50%;background:#86c7ff;box-shadow:0 0 10px #85bfff;animation:spark-rise var(--duration) linear infinite;animation-delay:var(--lag)}.rich-feature.visible{animation:feature-arrive .8s both;animation-delay:calc(var(--order)*.06s)}@keyframes feature-arrive{from{opacity:0;transform:translateY(35px) rotateX(8deg)}to{opacity:1;transform:none}}@keyframes spark-rise{0%{transform:translate(0,0);opacity:0}15%{opacity:.65}85%{opacity:.4}100%{transform:translate(65px,-100vh);opacity:0}}@keyframes bot-message{0%,10%{opacity:.2;transform:translateY(7px)}25%,90%{opacity:1;transform:none}100%{opacity:.2}}@keyframes shine{60%,100%{transform:translateX(100%)}}@keyframes key-stream{0%,10%{opacity:.2;transform:translateY(7px)}35%,90%{opacity:1;transform:none}100%{opacity:.2}}@keyframes cursor{50%{opacity:0}}@keyframes switch-track{0%,45%,100%{background:#65bd9d}50%,95%{background:#71515f}}@keyframes switch-dot{0%,45%,100%{left:13px}50%,95%{left:2px}}@keyframes vault-breathe{50%{filter:drop-shadow(0 0 13px #8abbff66);transform:translateY(-3px)}}@keyframes step-light{0%,75%,100%{filter:brightness(1)}35%{filter:brightness(1.6);text-shadow:0 0 7px #a5dcff}}@keyframes progress{0%{transform:scaleX(0)}75%,100%{transform:scaleX(1)}}@keyframes video-glow{50%{box-shadow:0 0 80px #529fff25}}.motion-paused .hero-sparks{display:none}@media(max-width:1000px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-visual{height:200px!important}.visual-content{padding:16px}.code pre{font-size:10px}.rich-feature{min-height:420px}}@media(max-width:560px){.features{grid-template-columns:1fr}.rich-feature{min-height:0;padding:17px 17px 26px}.feature-visual{height:220px!important}.visual-content{padding:20px}.visual-top{height:26px}.visual-content,.mini-action,.mini-fields,.mini-script,.setting{font-size:10px}.mini-label{font-size:9px}.key-stream{font-size:10px}.video-heading{display:block}.video-heading h3{font-size:23px}.video-duration{display:block;margin-top:10px}.rich-feature h3{font-size:18px}.rich-feature p{font-size:14px}}@media(prefers-reduced-motion:reduce){.hero-sparks{display:none}.rich-feature.visible{animation:none}}