/* The five-screens phone from the old feedvay.ai home, kept as it was (fonts switched to Geist). */
@keyframes hiwFloat1 { 0%,100% { transform:translate(0,0); } 50% { transform:translate(25px,20px); } }
@keyframes hiwFloat2 { 0%,100% { transform:translate(0,0); } 50% { transform:translate(-18px,12px); } }
@keyframes hiwPulseRing { 0%,100% { border-color:rgba(236,72,153,0.3);box-shadow:0 0 0 0 rgba(236,72,153,0); } 50% { border-color:rgba(236,72,153,0.6);box-shadow:0 0 0 10px rgba(236,72,153,0); } }
@keyframes hiwSpin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
@keyframes hiwPulseDot { 0%,100% { box-shadow:0 0 0 0 rgba(167,139,250,0); } 50% { box-shadow:0 0 0 5px rgba(167,139,250,0.15); } }
@keyframes hiwShimmer { 0% { transform:translateX(-100%); } 100% { transform:translateX(100%); } }
@keyframes hiwSuccessPop { 0% { transform:scale(0); } 100% { transform:scale(1); } }
@keyframes hiwSlideUp { from { opacity:0;transform:translateY(10px); } to { opacity:1;transform:translateY(0); } }
@keyframes hiwFadeIn { from { opacity:0;transform:translateY(6px); } to { opacity:1;transform:translateY(0); } }
.hiw-orb1 { position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,0.1) 0%,transparent 70%);top:-5%;left:-8%;animation:hiwFloat1 20s ease-in-out infinite;pointer-events:none; }
.hiw-orb2 { position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,0.07) 0%,transparent 70%);bottom:0;right:-6%;animation:hiwFloat2 24s ease-in-out infinite;pointer-events:none; }
.hiw-iphone { width:300px;flex-shrink:0;background:#1a1a1a;border-radius:44px;padding:14px;box-shadow:0 30px 100px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.08),0 0 50px rgba(124,58,237,0.06);position:relative; }
.hiw-iphone::before { content:'';position:absolute;inset:-1px;border-radius:45px;background:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.02));pointer-events:none;z-index:0; }
.hiw-inner { position:relative;z-index:1;border-radius:32px;overflow:hidden;background:#000;height:580px; }
.hiw-notch { display:flex;justify-content:space-between;align-items:center;padding:10px 20px 6px;position:relative;z-index:10; }
.hiw-notch .t { font-size:11px;color:rgba(255,255,255,0.7);font-family:'Geist Mono',monospace;font-weight:600; }
.hiw-notch .di { width:100px;height:28px;border-radius:20px;background:#1a1a1a; }
.hiw-notch .ic { font-size:9px;color:rgba(255,255,255,0.5); }
.hiw-viewport { position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden; }
.hiw-scr { position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transform:scale(0.95);transition:all 0.6s cubic-bezier(0.4,0,0.2,1);pointer-events:none; }
.hiw-scr.active { opacity:1;transform:scale(1);pointer-events:auto; }
.hiw-scr.exit-left { opacity:0;transform:translateX(-30px) scale(0.96); }
.hiw-homebar { display:flex;justify-content:center;padding:6px 0 8px;background:#000; }
.hiw-homebar div { width:100px;height:4px;border-radius:2px;background:rgba(255,255,255,0.15); }
.hiw-dots { display:flex;gap:6px;justify-content:center;margin-top:24px;position:relative;z-index:2; }
.hiw-dot { width:10px;height:10px;border-radius:50%;background:#1e1e30;border:1.5px solid #2a2a3a;cursor:pointer;transition:all 0.3s; }
.hiw-dot.active { background:linear-gradient(135deg,#7c3aed,#ec4899);border-color:transparent;width:28px;border-radius:5px; }
.hiw-labels { text-align:center;margin-top:14px;min-height:68px;position:relative;z-index:2; }
.hiw-lbl { display:none;flex-direction:column;gap:3px; }
.hiw-lbl.active { display:flex;animation:hiwFadeIn 0.4s ease-out; }
.hiw-lbl .num { font-size:11px;font-weight:600;color:#a78bfa;font-family:'Geist Mono',monospace; }
.hiw-lbl .nm { font-family:'Geist',sans-serif;font-weight:700;font-size:16px;color:#e8e8f0; }
.hiw-lbl .ds { font-size:12px;color:#8888a0;line-height:1.5; }
@media (max-width:768px) { .hiw-iphone { width:270px; } .hiw-inner { height:540px; } }