.part-nav{display:flex;gap:18px;align-items:center;margin-left:24px}.part-nav a{font-size:12px;text-decoration:none;color:#899eac;padding:6px 0;border-bottom:1px solid transparent}.part-nav a[aria-current="true"]{color:#83eaf1;border-color:#83eaf1}header #chapter{font-size:10px;flex:1}.afeji-subtitle{font-size:clamp(18px,2vw,28px);line-height:1.4;color:#b3d3da;margin:25px 0 0}.cover .speaker{margin-top:20px}
.afeji-demo{padding:0!important;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 50%,#173d4b,#0b1826 52%,#080d16)}.demo-heading{position:absolute;top:6%;left:5%;width:38%;z-index:3}.demo-heading h2{font-size:clamp(34px,4.8vw,70px);line-height:1.07;margin:14px 0 20px}.demo-heading>p:last-child{font-size:clamp(15px,1.5vw,22px);line-height:1.45;color:#adcbd7;max-width:370px}.demo-heading .eyebrow{font-size:10px;letter-spacing:.14em}.demo-visual{position:absolute;left:45%;right:3%;top:20%;height:62%;padding:0;border:0;border-radius:10px;overflow:hidden;background:transparent;transform:perspective(1400px) rotateY(-5deg) rotateX(2deg);box-shadow:0 20px 75px #0008;transition:transform .8s;display:flex;align-items:center}.demo-visual:hover{transform:perspective(1400px) rotateY(0) rotateX(0)}.demo-visual img{width:100%;height:100%;object-fit:contain;display:block;border-radius:10px}.planning-demo .demo-visual{top:11%;height:73%;right:2%;left:43%}.planning-demo .demo-visual img{object-fit:cover;object-position:top left}.demo-narrative{position:absolute;left:5%;top:47%;width:36%;z-index:3}.demo-narrative p{font-size:clamp(16px,1.6vw,24px);line-height:1.4;margin:0 0 21px;border-left:2px solid #4b8591;padding-left:15px;color:#c9e6eb}.demo-narrative p:nth-child(2){margin-left:20px}.demo-narrative p:nth-child(3){margin-left:40px;color:#80e5ec}.demo-actions{position:absolute;left:5%;right:5%;bottom:5%;display:flex;align-items:center;gap:20px;flex-wrap:wrap;z-index:5}.demo-actions>span,.demo-actions>a:not(.demo-launch){font-size:11px;color:#8ea8b6}.demo-launch{padding:13px 18px;border:1px solid #64dce8;border-radius:5px;display:inline-flex;gap:24px;align-items:center;font-size:15px;text-decoration:none;color:#d7fcff;background:#133a45;box-shadow:0 0 24px #6bf2ff0a}.demo-launch:hover{background:#1d5260;color:white}.demo-launch span{color:#80edf4}.rag-demo .demo-heading{width:44%}.rag-demo .demo-heading h2{font-size:clamp(34px,4.5vw,64px)}.rag-demo .demo-visual{left:44%;top:23%;height:53%}.lm-demo .demo-heading h2{font-size:clamp(34px,4.5vw,64px)}
.decisions-demo .demo-heading{width:50%}.decisions-scene{position:absolute;top:29%;left:40%;right:6%;bottom:13%}.decision-line{position:relative;margin-bottom:30px;border-left:2px solid #438f9b;padding-left:24px}.decision-line>span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#6ddde8}.decision-line p{font-size:clamp(19px,2.2vw,31px);line-height:1.4;margin-top:10px}.decision-line:nth-child(2){margin-left:35px}.decision-line:nth-child(3){margin-left:70px}.decision-line:nth-child(3) p{color:#90e4e8}.decisions-demo:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,#1d667448,transparent 67%);left:-120px;bottom:-140px;animation:demo-breathe 5s ease-in-out infinite}@keyframes demo-breathe{50%{transform:scale(1.15);opacity:.6}}
@media(max-height:720px) and (min-width:751px){.demo-heading h2{font-size:clamp(34px,4vw,54px);margin:9px 0 12px}.demo-heading>p:last-child{font-size:16px}.demo-narrative{top:46%}.demo-narrative p{font-size:17px;margin-bottom:13px}.demo-actions{bottom:3%}.demo-actions>span{font-size:10px}.demo-launch{padding:10px 14px;font-size:13px}.decisions-scene{top:27%}.decision-line{margin-bottom:20px}.decision-line p{font-size:24px}}
@media(max-width:900px){header #chapter{display:none}.part-nav{margin-left:15px;gap:12px}.part-nav a{font-size:11px}.demo-actions{gap:10px}.demo-actions>span{display:none}}
@media(max-width:750px){.afeji-demo{min-height:1000px;overflow:auto}.demo-heading,.rag-demo .demo-heading{top:35px;left:6%;width:88%}.demo-heading h2,.rag-demo .demo-heading h2,.lm-demo .demo-heading h2{font-size:42px}.demo-heading>p:last-child{font-size:18px;max-width:90%}.demo-visual,.planning-demo .demo-visual,.rag-demo .demo-visual{left:6%;right:6%;top:285px;height:340px;transform:none}.demo-narrative{top:665px;left:6%;width:88%}.demo-narrative p{font-size:18px;margin-bottom:15px}.demo-actions{bottom:30px;left:6%;right:6%}.demo-actions>span{display:block}.demo-actions>a:not(.demo-launch){font-size:10px}.demo-launch{font-size:14px;padding:10px 14px}.decisions-scene{left:6%;right:6%;top:280px}.decision-line{margin-bottom:55px}.decision-line p{font-size:23px}.part-nav{margin-left:0}.part-nav a{font-size:10px}header .brand{font-size:11px}}
@media(prefers-reduced-motion:reduce){.demo-visual{transform:none!important;transition:none}.decisions-demo:before{animation:none}}
.decisions-demo .demo-heading{width:40%}.decisions-demo .demo-visual{top:19%;height:62%;left:43%;right:3%}.decisions-demo .demo-visual img{object-fit:cover;object-position:top left}.decisions-demo .demo-narrative{top:43%}
@media(max-width:750px){.decisions-demo .demo-heading{width:88%}.decisions-demo .demo-visual{top:285px;left:6%;right:6%;height:340px}.decisions-demo .demo-narrative{top:665px}}