/* AVF_HOME_CRITICAL_CSS_20260902
 * The home markup is near the start of the streamed template while its legacy
 * inline stylesheet is much later. Keep the first painted frame fully styled.
 */
.avfhome{--ground:#f4f1ea;--surface:#fff;--surface2:#f0ece2;--raise:#fbf9f4;--border:#e4decf;--hair:#ede8dc;--ink:#1b1d21;--sub:#5c6270;--faint:#717782;--gold:#916219;--gold-b:#916219;--gold-soft:rgba(180,121,31,.1);--gold-line:rgba(180,121,31,.22);--ready:#247851;--shadow:0 18px 44px -26px rgba(40,30,10,.35);background:var(--ground);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased;padding:20px;border-radius:14px;box-sizing:border-box;min-height:calc(100vh - 72px);display:flex;flex-direction:column}
.avfhome *{box-sizing:border-box}
.avfhome .shell{max-width:1280px;margin:0 auto;width:100%;flex:1;display:flex;flex-direction:column}
.avfhome .hero{position:relative;overflow:hidden;background:radial-gradient(120% 140% at 88% -10%,var(--gold-soft),transparent 55%),var(--surface);border:1px solid var(--border);border-radius:20px;padding:30px 38px 26px;box-shadow:var(--shadow)}
.avfhome .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.35fr .95fr;gap:24px;align-items:center}
.avfhome .tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650;color:var(--gold);background:var(--gold-soft);border:1px solid var(--gold-line);padding:5px 12px;border-radius:20px;letter-spacing:.3px}
.avfhome .tag i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}
.avfhome h1{font-size:var(--home-headline-size,38px);line-height:1.12;font-weight:800;letter-spacing:-.5px;margin:13px 0 5px;text-wrap:balance}
.avfhome .thesis{font-size:19px;font-weight:800;letter-spacing:-.3px;line-height:1.25;margin:0 0 12px;background:linear-gradient(92deg,var(--gold),var(--gold-b));-webkit-background-clip:text;background-clip:text;color:transparent}
.avfhome .lede{font-size:15px;color:var(--sub);line-height:1.7;max-width:48ch;margin:0 0 18px}
.avfhome .stats{display:flex;gap:28px;margin:0 0 20px}
.avfhome .stat .n{font-size:27px;font-weight:800;letter-spacing:-.5px;font-variant-numeric:tabular-nums;line-height:1;color:var(--ink)}
.avfhome .stat .n b{color:var(--gold);font-weight:800}
.avfhome .stat .l{font-size:11.5px;color:var(--faint);margin-top:7px;letter-spacing:.2px}
.avfhome .cta-row{display:flex;gap:12px;flex-wrap:wrap}
.avfhome .hero-note{font-size:13px;color:var(--faint);line-height:1.6}
.avfhome .btn{border:0;font-family:inherit;cursor:pointer;font-size:14px;font-weight:700;padding:13px 24px;border-radius:12px;display:inline-flex;align-items:center;gap:9px;transition:transform .16s cubic-bezier(.2,.7,.3,1),filter .16s}
.avfhome .btn.gold{background:linear-gradient(140deg,var(--gold),var(--gold-b));color:#201606;box-shadow:0 12px 26px -12px var(--gold)}
.avfhome .btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--border)}
.avfhome .stage{position:relative;height:236px;border-radius:16px;background:linear-gradient(180deg,var(--surface2),var(--raise));border:1px solid var(--hair);overflow:hidden}
.avfhome .proc{display:flex;gap:16px;align-items:center;height:100%;padding:18px 20px}
.avfhome .screen{position:relative;width:120px;height:200px;border-radius:14px;overflow:hidden;background:#0a0c10;border:1px solid rgba(255,255,255,.08);flex:0 0 auto;box-shadow:0 14px 34px -14px rgba(0,0,0,.7)}
.avfhome .screen canvas{width:100%;height:100%;display:block}
.avfhome .scr-tag{position:absolute;left:8px;top:8px;font-size:10px;font-weight:600;color:var(--gold);background:rgba(0,0,0,.45);padding:3px 9px;border-radius:20px}
.avfhome .scr-live{position:absolute;right:8px;top:8px;font-size:9.5px;color:#eee;display:flex;align-items:center;gap:5px;background:rgba(0,0,0,.45);padding:3px 8px;border-radius:20px}
.avfhome .scr-live i{width:5px;height:5px;border-radius:50%;background:#ff5a5a;box-shadow:0 0 6px #ff5a5a;animation:avfHomeBlink 1.1s infinite}
@keyframes avfHomeBlink{50%{opacity:.3}}
.avfhome .steps{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.avfhome .stage-cap{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:7px;padding:0 2px;letter-spacing:.2px}
.avfhome .pli{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--faint);padding:6px 11px;border-radius:10px;border:1px solid transparent}
.avfhome .pli b{width:20px;height:20px;border-radius:50%;background:var(--surface);color:var(--faint);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex:0 0 auto;border:1px solid var(--hair)}
.avfhome .pli.on{color:var(--ink);background:var(--gold-soft);border-color:var(--gold-line);transform:translateX(3px)}
.avfhome .pli.on b{background:linear-gradient(140deg,var(--gold),var(--gold-b));color:#201606;border-color:transparent;box-shadow:0 0 12px -2px var(--gold)}
.avfhome .pli.done{color:var(--sub)}
.avfhome .pli.done b{background:var(--ready);color:transparent;border-color:transparent;position:relative}
.avfhome .pli.done b::after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#04120b;font-size:12px;font-weight:800}
.avfhome .fw{color:var(--faint)}
.avfhome .fw.lit{color:var(--gold);text-shadow:0 0 9px var(--gold-line);font-weight:700}
.avfhome .fn-note{font-size:10px;color:var(--faint);line-height:1.55;margin-top:8px;padding:7px 11px;background:var(--surface);border:1px dashed var(--border);border-radius:9px}
.avfhome .bento{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}
.avfhome .card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;cursor:pointer;position:relative;overflow:visible;height:auto;min-height:180px}
.avfhome .card.lead{background:radial-gradient(130% 120% at 100% 0%,var(--gold-soft),transparent 60%),var(--surface);border-color:var(--gold-line)}
.avfhome .ico{width:42px;height:42px;border-radius:12px;background:var(--surface2);border:1px solid var(--hair);display:flex;align-items:center;justify-content:center;margin-bottom:15px;color:var(--gold)}
.avfhome .flag{position:absolute;top:16px;right:16px;font-size:10.5px;font-weight:700;letter-spacing:.4px;padding:3px 9px;border-radius:20px}
.avfhome .flag.act{color:var(--ready);background:color-mix(in srgb,var(--ready) 14%,transparent);border:1px solid color-mix(in srgb,var(--ready) 30%,transparent)}
.avfhome .flag.ai{color:var(--gold);background:var(--gold-soft);border:1px solid var(--gold-line)}
.avfhome .ask-demo{display:flex;align-items:center;gap:7px;margin:2px 0 10px;padding:7px 9px;background:var(--gold-soft);border:1px solid var(--gold-line);border-radius:9px}
.avfhome .ask-demo span{font-size:11.5px;color:var(--sub)}
.avfhome .ask-demo i{font-style:normal;font-size:12px;font-weight:700;color:var(--gold);margin-left:auto}
.avfhome .card h3{font-size:17px;font-weight:750;margin:0 0 7px}
.avfhome .card.lead h3{color:var(--gold-b)}
.avfhome .card p,.avfhome .card.lead p{font-size:15px;color:var(--sub);line-height:1.65;margin:0 0 15px;flex:1}
.avfhome .chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.avfhome .chip{font-size:12px;color:var(--sub);background:var(--surface2);border:1px solid var(--hair);padding:4px 11px;border-radius:20px}
.avfhome .go{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink)}
.avfhome .card.lead .go{color:var(--gold)}
.avfhome .trust{margin-top:auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px 22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;font-size:12.5px;color:var(--sub)}
.avfhome .trust b{color:var(--ink);font-weight:700}
.avfhome .trust .dot{width:5px;height:5px;border-radius:50%;background:var(--gold)}
@media(max-width:820px){.avfhome .hero-grid{grid-template-columns:1fr}.avfhome .stage{height:170px}.avfhome h1,body.avf-shell-mobile .avfhome h1{font-size:var(--home-headline-mobile-size,34px)}.avfhome .bento{grid-template-columns:1fr}.avfhome .stats{gap:22px}}
