#ahf { width:100%; font-family:'Syne',sans-serif; margin-bottom:32px; }
#ahf * { box-sizing:border-box; margin:0; padding:0; }
#ahf-stage { width:100%; aspect-ratio:16/9; max-height:500px; background:#060912; border-radius:16px; overflow:hidden; position:relative; }
#ahf-grid { position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(99,102,241,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,0.06) 1px,transparent 1px); background-size:5% 5%; }
#ahf-b1 { position:absolute; width:40%; height:60%; top:-20%; left:-15%; background:rgba(99,102,241,0.12); border-radius:50%; filter:blur(80px); pointer-events:none; }
#ahf-b2 { position:absolute; width:45%; height:70%; bottom:-25%; right:-15%; background:rgba(167,139,250,0.08); border-radius:50%; filter:blur(80px); pointer-events:none; }
#ahf-particles { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:1; }
#ahf-prog { position:absolute; bottom:0; left:0; height:3px; background:linear-gradient(90deg,#6366f1,#a78bfa,#f472b6); width:0%; transition:width 0.15s linear; z-index:10; }
#ahf-label { position:absolute; top:3%; right:3%; font-family:'Share Tech Mono',monospace; font-size:clamp(8px,1.1vw,13px); color:rgba(255,255,255,0.25); letter-spacing:0.12em; z-index:10; }
#ahf-ctrls { position:absolute; bottom:2.5%; left:50%; transform:translateX(-50%); display:flex; gap:8px; z-index:10; }
@media(max-width:600px){ #ahf-ctrls{ display:none; } }
#ahf .ahf-btn { padding:0.4em 1em; border-radius:8px; border:1px solid rgba(255,255,255,0.12); background:rgba(255,255,255,0.04); color:rgba(255,255,255,0.55); font-family:'Share Tech Mono',monospace; font-size:clamp(8px,1vw,12px); cursor:pointer; letter-spacing:0.05em; transition:all 0.2s; white-space:nowrap; }
#ahf .ahf-btn:hover { background:rgba(99,102,241,0.2); border-color:rgba(99,102,241,0.5); color:#a78bfa; }
#ahf .ahf-btn.ahf-primary { background:rgba(99,102,241,0.25); border-color:#6366f1; color:#c7d2fe; }
.ahf-scene { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity 0.6s ease; pointer-events:none; color:#fff; z-index:2; padding:4%; }
.ahf-scene.ahf-on { opacity:1; pointer-events:auto; }
.ahf-h { font-size:clamp(15px,2.6vw,34px); font-weight:800; letter-spacing:-0.02em; text-align:center; line-height:1.1; }
.ahf-h .ahf-p { color:#a78bfa; } .ahf-h .ahf-g { color:#f5c842; } .ahf-h .ahf-green { color:#3dfa60; } .ahf-h .ahf-blue { color:#5bc8f0; }
.ahf-sub { font-size:clamp(9px,1.2vw,15px); color:rgba(255,255,255,0.45); text-align:center; max-width:80%; line-height:1.5; margin-top:1.5%; }

@keyframes ahfFadeUp { from{opacity:0;transform:translateY(10px);} to{opacity:1;transform:translateY(0);} }
@keyframes ahfPulse { 0%,100%{transform:scale(1);} 50%{transform:scale(1.3);} }
@keyframes ahfFloat { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-6px);} }
@keyframes ahfMinSpin { to{transform:rotate(360deg);} }
@keyframes ahfSecSpin { to{transform:rotate(2880deg);} }
@keyframes ahfPing { 0%{transform:scale(1);opacity:0.7;} 100%{transform:scale(1.7);opacity:0;} }

/* ── S1: Clock ── */
#ahf-s1-in { display:flex; flex-direction:column; align-items:center; gap:5%; }
.ahf-clock-outer { position:relative; width:clamp(80px,15vw,180px); height:clamp(80px,15vw,180px); }
.ahf-ping,.ahf-ping2 { position:absolute; inset:-8%; border-radius:50%; border:2px solid rgba(99,102,241,0.5); animation:ahfPing 2s ease-out infinite; }
.ahf-ping2 { animation-delay:0.8s; }
.ahf-clock-face { width:100%; height:100%; border-radius:50%; border:2px solid rgba(99,102,241,0.4); background:rgba(6,9,18,0.92); position:relative; display:flex; align-items:center; justify-content:center; box-shadow:0 0 3vw rgba(99,102,241,0.2); }
.ahf-clock-face::before { content:''; position:absolute; inset:8%; border-radius:50%; border:1px solid rgba(99,102,241,0.12); }
.ahf-hand { position:absolute; bottom:50%; left:50%; transform-origin:bottom center; border-radius:3px; }
.ahf-h-hour { width:0.35vw; min-width:3px; height:26%; margin-left:-0.175vw; background:#e2e8f0; transform:rotate(-60deg); }
.ahf-h-min  { width:0.25vw; min-width:2px; height:36%; margin-left:-0.125vw; background:#a78bfa; animation:ahfMinSpin 8s linear infinite; }
.ahf-h-sec  { width:0.15vw; min-width:1px; height:41%; margin-left:-0.075vw; background:#f472b6; animation:ahfSecSpin 8s linear infinite; }
.ahf-clock-dot { position:absolute; width:1.2%; height:1.2%; min-width:7px; min-height:7px; border-radius:50%; background:#f472b6; z-index:5; }
.ahf-clock-time { font-family:'Share Tech Mono',monospace; font-size:clamp(24px,5.5vw,68px); font-weight:700; letter-spacing:-0.03em; text-align:center; }
.ahf-clock-sub  { font-size:clamp(9px,1.2vw,15px); color:rgba(255,255,255,0.35); letter-spacing:0.18em; text-transform:uppercase; margin-top:0.4em; text-align:center; }

/* ── S2: Why Money Guild ── */
#ahf-s2-in { display:flex; flex-direction:column; align-items:center; gap:4%; width:80%; text-align:center; }
.ahf-mg-title { font-size:clamp(20px,4vw,52px); font-weight:800; line-height:1.05; letter-spacing:-0.02em; }
.ahf-mg-title .ahf-gold { color:#f5c842; } .ahf-mg-title .ahf-purple { color:#a78bfa; }
.ahf-mg-sub { font-size:clamp(10px,1.4vw,18px); color:rgba(255,255,255,0.5); max-width:90%; line-height:1.5; opacity:0; animation:ahfFadeUp 0.6s ease 0.4s forwards; }
.ahf-mg-pillars { display:flex; gap:clamp(6px,1.5vw,18px); margin-top:1%; flex-wrap:wrap; justify-content:center; }
.ahf-mg-pill { display:flex; align-items:center; gap:0.5em; padding:0.5em 1.1em; border-radius:50px; font-family:'Share Tech Mono',monospace; font-size:clamp(8px,1vw,13px); opacity:0; transform:translateY(8px); transition:opacity 0.4s,transform 0.4s; }
.ahf-mg-pill.ahf-in { opacity:1; transform:translateY(0); }
.ahf-pill-research { background:rgba(91,200,240,0.12); border:1px solid rgba(91,200,240,0.35); color:#5bc8f0; }
.ahf-pill-write    { background:rgba(245,200,66,0.12); border:1px solid rgba(245,200,66,0.35); color:#f5c842; }
.ahf-pill-publish  { background:rgba(61,250,96,0.12); border:1px solid rgba(61,250,96,0.35); color:#3dfa60; }
.ahf-pill-earn     { background:rgba(167,139,250,0.12); border:1px solid rgba(167,139,250,0.35); color:#a78bfa; }

/* ── S3: 6 Stages ── */
#ahf-s3-in { display:flex; flex-direction:column; align-items:center; gap:4%; width:76%; }
.ahf-agent-header { display:flex; align-items:center; gap:4%; }
.ahf-agent-icon { width:clamp(50px,8.5vw,105px); height:clamp(50px,8.5vw,105px); border-radius:20%; background:linear-gradient(135deg,#1e1b4b,#312e81); border:1px solid rgba(99,102,241,0.5); display:flex; align-items:center; justify-content:center; font-size:clamp(22px,4vw,50px); position:relative; flex-shrink:0; animation:ahfFloat 3s ease-in-out infinite; }
.ahf-status-dot { position:absolute; top:-8%; right:-8%; width:18%; height:18%; min-width:10px; min-height:10px; border-radius:50%; background:#22c55e; border:2px solid #060912; animation:ahfPulse 1.2s ease-in-out infinite; }
.ahf-agent-title { font-size:clamp(16px,2.8vw,36px); font-weight:800; line-height:1.1; }
.ahf-agent-sub { font-family:'Share Tech Mono',monospace; font-size:clamp(8px,1vw,13px); color:rgba(255,255,255,0.35); margin-top:0.4em; letter-spacing:0.04em; }
.ahf-task-list { display:flex; flex-direction:column; gap:1%; width:100%; }
.ahf-task { display:flex; align-items:center; gap:3%; padding:1.5% 3%; background:rgba(99,102,241,0.07); border:1px solid rgba(99,102,241,0.18); border-radius:10px; opacity:0; transform:translateX(-12px); transition:opacity 0.4s ease,transform 0.4s ease; }
.ahf-task.ahf-in { opacity:1; transform:translateX(0); }
.ahf-task-led { width:clamp(5px,0.7vw,9px); height:clamp(5px,0.7vw,9px); border-radius:50%; background:#6366f1; flex-shrink:0; animation:ahfLedBlink 1s step-end infinite; }
@keyframes ahfLedBlink { 0%,100%{opacity:1;} 50%{opacity:0.2;} }
.ahf-task-txt { font-family:'Share Tech Mono',monospace; font-size:clamp(8px,1vw,13px); color:rgba(255,255,255,0.65); }
.ahf-task-ok  { margin-left:auto; font-size:clamp(10px,1.2vw,15px); opacity:0; transition:opacity 0.3s; color:#86efac; }
.ahf-task.ahf-done .ahf-task-led { background:#22c55e; animation:none; opacity:1; }
.ahf-task.ahf-done .ahf-task-ok  { opacity:1; }
.ahf-task.ahf-done .ahf-task-txt { color:rgba(255,255,255,0.3); text-decoration:line-through; }

/* ── S4/S5: API flow ── */
.ahf-flow { display:flex; align-items:center; justify-content:center; gap:clamp(8px,3vw,50px); width:100%; }
.ahf-node { display:flex; flex-direction:column; align-items:center; gap:8px; flex-shrink:0; }
.ahf-node-box { width:clamp(54px,9vw,110px); height:clamp(54px,9vw,110px); border-radius:18px; display:flex; align-items:center; justify-content:center; font-size:clamp(24px,4.5vw,54px); position:relative; }
.ahf-node-pi   { background:linear-gradient(135deg,#0d3320,#0a2818); border:2px solid #3dfa60; }
.ahf-node-ai   { background:linear-gradient(135deg,#2a1a45,#1a1030); border:2px solid #a78bfa; }
.ahf-node-img  { background:linear-gradient(135deg,#0d2838,#0a1c28); border:2px solid #5bc8f0; }
.ahf-node-name { font-family:'Share Tech Mono',monospace; font-size:clamp(7px,0.95vw,12px); letter-spacing:0.06em; text-align:center; }
.ahf-name-pi { color:#3dfa60; } .ahf-name-ai { color:#a78bfa; } .ahf-name-img { color:#5bc8f0; }
.ahf-node-sub { font-family:'Share Tech Mono',monospace; font-size:clamp(6px,0.75vw,9px); color:rgba(255,255,255,0.3); }
.ahf-wire { flex:1; max-width:clamp(40px,12vw,160px); height:2px; background:rgba(255,255,255,0.1); position:relative; align-self:flex-start; margin-top:clamp(27px,4.5vw,55px); }
.ahf-packet { position:absolute; top:50%; left:0; width:clamp(8px,1.2vw,14px); height:clamp(8px,1.2vw,14px); border-radius:50%; transform:translateY(-50%); opacity:0; }
.ahf-packet-out { background:#a78bfa; box-shadow:0 0 12px #a78bfa; }
.ahf-packet-img { background:#5bc8f0; box-shadow:0 0 12px #5bc8f0; }
@keyframes ahfSendR { 0%{left:0;opacity:0;} 10%{opacity:1;} 90%{opacity:1;} 100%{left:100%;opacity:0;} }
@keyframes ahfSendL { 0%{left:100%;opacity:0;} 10%{opacity:1;} 90%{opacity:1;} 100%{left:0;opacity:0;} }
.ahf-msg { font-family:'Share Tech Mono',monospace; font-size:clamp(7px,0.9vw,12px); padding:0.4em 0.9em; border-radius:6px; opacity:0; white-space:nowrap; }
.ahf-msg-up { background:rgba(167,139,250,0.12); border:1px solid rgba(167,139,250,0.35); color:#a78bfa; }
.ahf-msg-down { background:rgba(61,250,96,0.12); border:1px solid rgba(61,250,96,0.35); color:#3dfa60; }
.ahf-msg-img { background:rgba(91,200,240,0.12); border:1px solid rgba(91,200,240,0.35); color:#5bc8f0; }
.ahf-msgs { display:flex; flex-direction:column; gap:6px; align-items:center; margin-top:3%; min-height:3em; }
.ahf-show { animation:ahfFadeUp 0.4s ease forwards; }

/* ── S6: Cloud explainer ── */
.ahf-assemble { display:flex; align-items:center; justify-content:center; gap:clamp(6px,2vw,24px); flex-wrap:wrap; }
.ahf-chip { display:flex; align-items:center; gap:0.5em; padding:0.6em 1.1em; border-radius:10px; font-family:'Share Tech Mono',monospace; font-size:clamp(8px,1vw,13px); opacity:0; transform:scale(0.8); transition:opacity 0.4s,transform 0.4s; }
.ahf-chip.ahf-in { opacity:1; transform:scale(1); }
.ahf-chip-text { background:rgba(167,139,250,0.12); border:1px solid rgba(167,139,250,0.4); color:#a78bfa; }
.ahf-chip-img { background:rgba(91,200,240,0.12); border:1px solid rgba(91,200,240,0.4); color:#5bc8f0; }
.ahf-chip-seo { background:rgba(245,200,66,0.12); border:1px solid rgba(245,200,66,0.4); color:#f5c842; }
.ahf-plus { font-size:clamp(14px,2vw,24px); color:rgba(255,255,255,0.3); }
.ahf-arrow-down { font-size:clamp(18px,3vw,32px); color:rgba(255,255,255,0.3); animation:ahfPulse 1.5s infinite; }
#ahf-s7-in { display:flex; flex-direction:column; align-items:center; gap:3%; width:70%; }

/* ── S8: Published ── */
#ahf-s8-in { width:62%; }
.ahf-card { background:rgba(12,14,28,0.95); border:1px solid rgba(99,102,241,0.28); border-radius:18px; padding:4% 5%; position:relative; overflow:hidden; }
.ahf-card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,#6366f1,#a78bfa,#f472b6); }
.ahf-card-img { width:100%; height:clamp(45px,8vw,100px); border-radius:10px; background:linear-gradient(135deg,#0d2838,#1a3550); border:1px solid rgba(91,200,240,0.25); display:flex; align-items:center; justify-content:center; font-size:clamp(20px,3.5vw,42px); margin-bottom:4%; position:relative; overflow:hidden; }
.ahf-card-img::after { content:'📷 Pexels'; position:absolute; bottom:6px; right:8px; font-family:'Share Tech Mono',monospace; font-size:clamp(6px,0.75vw,10px); color:rgba(91,200,240,0.7); }
.ahf-card-meta { display:flex; gap:3%; margin-bottom:3%; }
.ahf-card-tag { font-family:'Share Tech Mono',monospace; font-size:clamp(7px,0.9vw,11px); padding:0.3em 0.8em; border-radius:5px; background:rgba(99,102,241,0.2); color:#a78bfa; }
.ahf-card-title { font-size:clamp(12px,1.9vw,25px); font-weight:800; line-height:1.25; margin-bottom:4%; }
.ahf-card-ln { height:clamp(5px,0.85vw,9px); border-radius:5px; background:rgba(255,255,255,0.07); margin-bottom:7px; }
.ahf-pub { display:inline-flex; align-items:center; gap:8px; margin-top:3%; padding:0.6em 1.1em; background:rgba(34,197,94,0.08); border:1px solid rgba(34,197,94,0.28); border-radius:9px; font-size:clamp(8px,1vw,13px); color:#86efac; font-family:'Share Tech Mono',monospace; }
.ahf-pub-led { width:6px; height:6px; border-radius:50%; background:#22c55e; animation:ahfPulse 1s infinite; }

/* ── S9: Calendar ── */
#ahf-s9-in { display:flex; flex-direction:column; align-items:center; gap:4%; }
.ahf-cal-heading { font-size:clamp(16px,3.2vw,42px); font-weight:800; letter-spacing:-0.02em; }
.ahf-cal-heading span { color:#a78bfa; }
.ahf-cal-grid { display:grid; grid-template-columns:repeat(7,clamp(28px,4.2vw,55px)); gap:clamp(3px,0.5vw,7px); }
.ahf-cal-hd { text-align:center; font-family:'Share Tech Mono',monospace; font-size:clamp(6px,0.8vw,10px); color:rgba(255,255,255,0.2); padding-bottom:4px; }
.ahf-cal-cell { width:clamp(28px,4.2vw,55px); height:clamp(28px,4.2vw,55px); border-radius:9px; background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.05); display:flex; align-items:center; justify-content:center; font-family:'Share Tech Mono',monospace; font-size:clamp(7px,0.9vw,12px); color:rgba(255,255,255,0.18); transition:background 0.3s,border-color 0.3s,color 0.3s,transform 0.25s,box-shadow 0.3s; }
.ahf-cal-cell.ahf-filled { background:rgba(99,102,241,0.2); border-color:rgba(99,102,241,0.4); color:#a78bfa; }
.ahf-cal-cell.ahf-today  { background:#6366f1; border-color:#818cf8; color:#fff; transform:scale(1.12); box-shadow:0 0 2vw rgba(99,102,241,0.55); }
.ahf-streak-row { font-family:'Share Tech Mono',monospace; font-size:clamp(9px,1.1vw,14px); color:rgba(255,255,255,0.35); display:flex; align-items:baseline; gap:0.6em; }
.ahf-streak-n { font-size:clamp(18px,2.8vw,34px); font-weight:700; color:#a78bfa; }

/* ── S10: CTA ── */
#ahf-s10-in { display:flex; flex-direction:column; align-items:center; text-align:center; gap:3%; }
.ahf-cta-domain { font-family:'Share Tech Mono',monospace; font-size:clamp(8px,1vw,12px); color:rgba(255,255,255,0.25); letter-spacing:0.18em; text-transform:uppercase; opacity:0; animation:ahfFadeUp 0.6s ease 0.1s forwards; }
.ahf-cta-h1 { font-size:clamp(24px,6vw,80px); font-weight:800; line-height:0.95; letter-spacing:-0.04em; opacity:0; animation:ahfFadeUp 0.7s ease 0.3s forwards; }
.ahf-cta-h1 .ahf-p { color:#a78bfa; }
.ahf-cta-tag { font-size:clamp(10px,1.4vw,18px); color:rgba(255,255,255,0.45); opacity:0; animation:ahfFadeUp 0.6s ease 0.55s forwards; }
.ahf-cta-pill { display:inline-flex; align-items:center; gap:0.6em; padding:0.6em 1.5em; border:1px solid rgba(99,102,241,0.45); border-radius:50px; font-family:'Share Tech Mono',monospace; font-size:clamp(9px,1.1vw,14px); color:#a78bfa; opacity:0; animation:ahfFadeUp 0.6s ease 0.75s forwards; margin-top:1%; }
.ahf-pill-dot { width:6px; height:6px; border-radius:50%; background:#22c55e; animation:ahfPulse 1s infinite; }