.af-page{--pp-accent: #86efac;--pp-accent-2: #a7f3d0;--pp-accent-soft: rgba(74, 222, 128, .04);--pp-accent-line: rgba(74, 222, 128, .4);--pp-accent-glow: rgba(74, 222, 128, .12)}.af-page .af-hero{position:relative;padding:56px 0 0;isolation:isolate;overflow:visible}.af-page .af-hero-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,var(--pp-accent-soft) 1px,transparent 1px);background-size:80px 100%;-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 30%,#000 30%,transparent 90%);mask-image:radial-gradient(ellipse 90% 60% at 50% 30%,#000 30%,transparent 90%)}.af-page .af-hero-glow{position:absolute;top:-120px;left:50%;transform:translate(-50%);width:800px;height:400px;z-index:0;pointer-events:none;background:radial-gradient(ellipse at center,var(--pp-accent-glow),transparent 60%);filter:blur(40px)}.af-page .af-hero-inner{position:relative;z-index:2;padding:0 32px}.af-page .af-strip{max-width:1200px;margin:0 auto 22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--pp-ink-4);letter-spacing:.08em}.af-page .af-strip .crumb a{color:var(--pp-ink-3)}.af-page .af-strip .crumb b{color:var(--pp-ink-2)}.af-page .af-strip .right{margin-left:auto;display:flex;gap:14px}.af-page .af-strip .stat b{color:var(--pp-ink-2)}.af-page .af-headline{max-width:1200px;margin:0 auto 36px;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end}@media (max-width: 980px){.af-page .af-headline{grid-template-columns:1fr;gap:28px}}.af-page .af-headline h1{font-size:clamp(40px,5.4vw,72px);font-weight:600;letter-spacing:-.038em;line-height:.98}.af-page .af-headline h1 em{color:var(--pp-accent)}.af-page .af-headline .right p{font-size:16px;color:var(--pp-ink-3);line-height:1.5;margin-bottom:16px}.af-page .af-headline .right .ctas{display:flex;gap:10px;flex-wrap:wrap}.af-page .af-board{max-width:1200px;margin:0 auto;border:1px solid var(--pp-line);border-radius:14px;background:var(--pp-bg-1);overflow:hidden}.af-page .af-board-head{padding:12px 16px;background:var(--pp-bg-2);border-bottom:1px solid var(--pp-line);display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--pp-ink-4)}.af-page .af-board-head .tabs{display:flex;gap:0}.af-page .af-board-head .tab{padding:4px 10px;font-size:10.5px;border:1px solid var(--pp-line-2);border-right:none;background:var(--pp-bg-1);color:var(--pp-ink-3);letter-spacing:.04em}.af-page .af-board-head .tab:first-child{border-radius:4px 0 0 4px}.af-page .af-board-head .tab:last-child{border-radius:0 4px 4px 0;border-right:1px solid var(--pp-line-2)}.af-page .af-board-head .tab.on{background:#4ade801a;border-color:var(--pp-accent-line);color:var(--pp-accent)}.af-page .af-stage{padding:24px}.af-page .af-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}@media (max-width: 1000px){.af-page .af-row{grid-template-columns:repeat(2,1fr)}}.af-page .af-frame{border:1px solid var(--pp-line-2);border-radius:10px;background:var(--pp-bg-2);padding:14px;display:flex;flex-direction:column;gap:10px;min-height:220px;position:relative;z-index:1}.af-page .af-frame.start{border-color:var(--pp-accent-line);background:linear-gradient(180deg,#4ade800f,#4ade8003)}.af-page .af-frame.terminal{border-color:var(--pp-accent-line);background:linear-gradient(180deg,#4ade8014,#4ade8005)}.af-page .af-frame .num{display:inline-flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:9.5px;color:var(--pp-ink-5);letter-spacing:.08em}.af-page .af-frame .num .d{width:14px;height:14px;border-radius:50%;background:var(--pp-bg-1);border:1px solid var(--pp-line-2);display:grid;place-items:center;font-size:9px;color:var(--pp-ink-3)}.af-page .af-frame.start .num .d,.af-page .af-frame.terminal .num .d{background:#4ade8033;border-color:#4ade8080;color:var(--pp-accent)}.af-page .af-frame .ttl{font-size:14px;color:var(--pp-ink);font-weight:550;letter-spacing:-.01em}.af-page .af-screen{flex:1;border:1px solid var(--pp-line);border-radius:6px;background:var(--pp-bg-1);padding:12px;display:flex;flex-direction:column;gap:6px;font-family:Inter Tight,sans-serif}.af-page .af-screen .lab{font-size:10px;color:var(--pp-ink-5)}.af-page .af-screen .input{height:22px;border:1px solid var(--pp-line-2);border-radius:3px;background:var(--pp-bg-2);padding:0 6px;display:flex;align-items:center;font-size:10.5px;color:var(--pp-ink-3);font-family:JetBrains Mono,monospace}.af-page .af-screen .input.focus{border-color:var(--pp-accent);box-shadow:0 0 0 2px #4ade8026}.af-page .af-screen .input .cur{width:1px;height:12px;background:var(--pp-accent);margin-left:1px;animation:afblink 1s step-end infinite}@keyframes afblink{50%{opacity:0}}.af-page .af-screen .btn{height:22px;border-radius:3px;background:#4ade802e;color:var(--pp-accent);display:grid;place-items:center;font-size:10px;font-family:JetBrains Mono,monospace;letter-spacing:.06em;border:1px solid var(--pp-accent-line)}.af-page .af-screen .row{display:flex;align-items:center;gap:6px;padding:5px 6px;border:1px solid var(--pp-line-2);border-radius:3px;font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--pp-ink-3);background:var(--pp-bg-2)}.af-page .af-screen .row .ic{width:14px;height:14px;border-radius:3px;display:grid;place-items:center;font-size:9px;flex-shrink:0}.af-page .af-screen .row .ic.g{background:#4ade8026;color:#86efac;border:1px solid rgba(74,222,128,.3)}.af-page .af-screen .row .ic.b{background:#a5b4fc26;color:#a5b4fc;border:1px solid rgba(165,180,252,.3)}.af-page .af-screen .row .ic.y{background:#f5b74b26;color:#f5b74b;border:1px solid rgba(245,183,75,.3)}.af-page .af-screen .digits{display:flex;gap:4px;justify-content:center}.af-page .af-screen .digits span{width:22px;height:28px;border:1px solid var(--pp-line-2);border-radius:3px;display:grid;place-items:center;font-family:JetBrains Mono,monospace;font-size:14px;color:var(--pp-ink-2);background:var(--pp-bg-2)}.af-page .af-screen .digits span.f{border-color:var(--pp-accent);box-shadow:0 0 0 2px #4ade8026;color:var(--pp-accent)}.af-page .af-screen .check{display:grid;place-items:center;padding:14px 0;flex:1}.af-page .af-screen .check .o{width:40px;height:40px;border-radius:50%;background:#4ade8026;border:1px solid rgba(74,222,128,.5);display:grid;place-items:center;color:var(--pp-accent);font-size:18px}.af-page .af-screen .resend{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--pp-ink-5);text-align:center;margin-top:auto}.af-page .af-screen .session-meta{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--pp-ink-5);text-align:center}.af-page .af-row:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:repeating-linear-gradient(to right,var(--pp-line-2) 0 6px,transparent 6px 12px);z-index:0}@media (max-width: 1000px){.af-page .af-row:before{display:none}}.af-page .af-board-foot{border-top:1px solid var(--pp-line);padding:12px 24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--pp-ink-4);letter-spacing:.04em}.af-page .af-board-foot .lbl{color:var(--pp-ink-5)}.af-page .af-board-foot .opt{padding:3px 9px;border:1px solid var(--pp-line-2);border-radius:3px;color:var(--pp-ink-3)}.af-page .af-board-foot .opt.on{color:var(--pp-accent);border-color:var(--pp-accent-line);background:#4ade8014}.af-page .flow-recipes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 880px){.af-page .flow-recipes{grid-template-columns:1fr}}.af-page .flow-recipe{background:var(--pp-bg-1);border:1px solid var(--pp-line);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:border-color .15s,background .15s}.af-page .flow-recipe:hover{border-color:var(--pp-line-2);background:var(--pp-bg-2)}.af-page .flow-recipe .pill{align-self:flex-start;padding:3px 8px;border:1px solid var(--pp-line-2);border-radius:4px;font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--pp-ink-4);letter-spacing:.04em}.af-page .flow-recipe h3{font-size:16px;font-weight:550;letter-spacing:-.015em}.af-page .flow-recipe p{font-size:12.5px;color:var(--pp-ink-3);line-height:1.5}.af-page .flow-recipe .steps{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;align-items:center;font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--pp-ink-4)}.af-page .flow-recipe .steps .step{padding:3px 7px;background:var(--pp-bg-2);border:1px solid var(--pp-line);border-radius:4px}.af-page .flow-recipe .steps .arrow{color:var(--pp-ink-5)}.af-page .af-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}.af-page .af-methods .method{padding:10px 12px;background:var(--pp-bg-1);border:1px solid var(--pp-line);border-radius:7px;display:flex;flex-direction:column;gap:3px}.af-page .af-methods .method .name{font-size:12.5px;color:var(--pp-ink-2);font-weight:500}.af-page .af-methods .method .meta{font-size:10.5px;color:var(--pp-ink-4);font-family:JetBrains Mono,monospace}.af-page .flow-canvas{width:100%;min-height:280px;background:linear-gradient(to right,var(--pp-accent-soft) 1px,transparent 1px),linear-gradient(to bottom,var(--pp-accent-soft) 1px,transparent 1px);background-size:24px 24px;border-radius:10px;position:relative}.af-page .flow-node{position:absolute;background:var(--pp-bg-2);border:1px solid var(--pp-line-2);border-radius:8px;padding:9px 12px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--pp-ink-2);display:flex;flex-direction:column;gap:3px;min-width:110px;box-shadow:0 8px 16px -8px #0006}.af-page .flow-node .label{font-size:9.5px;color:var(--pp-ink-4);letter-spacing:.06em;text-transform:uppercase}.af-page .flow-node .name{color:var(--pp-ink);font-size:11.5px}.af-page .flow-node.start{border-color:var(--pp-accent)}.af-page .flow-node.start .label{color:var(--pp-accent)}.af-page .flow-node.decision{border-color:#f5b74b80;background:#f5b74b0a}.af-page .flow-node.decision .label{color:#f5b74b}.af-page .flow-node.end{border-color:var(--pp-accent-line);background:#4ade800a}.af-page .flow-node.end .label{color:var(--pp-accent)}.af-page .af-branded{width:100%;max-width:300px;margin:0 auto;padding:28px 24px;background:var(--pp-bg-1);border:1px solid var(--pp-line-2);border-radius:12px}.af-page .af-branded .logo{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#f43f5e,#f97316);margin:0 auto 16px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:15px}.af-page .af-branded .h{font-size:16px;font-weight:550;text-align:center;margin-bottom:4px;color:var(--pp-ink)}.af-page .af-branded .sub{font-size:11.5px;color:var(--pp-ink-4);text-align:center;margin-bottom:18px}.af-page .af-branded .input{padding:9px 11px;background:var(--pp-bg-2);border:1px solid var(--pp-line-2);border-radius:6px;font-size:12px;color:var(--pp-ink-3);margin-bottom:10px}.af-page .af-branded .cta{padding:10px;background:#f43f5e;color:#fff;text-align:center;border-radius:6px;font-size:12.5px;font-weight:500;margin-bottom:14px}.af-page .af-branded .or{display:flex;gap:8px;align-items:center;margin-bottom:10px}.af-page .af-branded .or .line{flex:1;height:1px;background:var(--pp-line)}.af-page .af-branded .or span{font-size:10px;color:var(--pp-ink-5);font-family:JetBrains Mono,monospace}.af-page .af-branded .alt-row{display:flex;gap:6px}.af-page .af-branded .alt{flex:1;padding:8px;background:var(--pp-bg-2);border:1px solid var(--pp-line-2);border-radius:6px;text-align:center;font-size:11.5px;color:var(--pp-ink-2)}.af-page .af-branded .powered{margin-top:14px;font-size:9.5px;color:var(--pp-ink-5);text-align:center;font-family:JetBrains Mono,monospace}