.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){.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}}
@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}}

/* ARC-AGI 3: selected models on the full 0–100 score scale. */
.arc-before-astra .slide-inner{position:relative;min-height:72dvh;display:block;padding-top:2dvh}
.arc-before-astra h2{margin:8px 0 3dvh;font-size:clamp(38px,5.2vw,76px)}
.arc-score-chart{margin-top:3dvh;width:100%;--label:220px}
.arc-score-axis{margin-left:var(--label);display:flex;justify-content:space-between;color:#8fa7b9;font-size:18px;border-bottom:1px solid #415263;padding-bottom:12px}
.arc-score-row{display:grid;grid-template-columns:var(--label) 1fr;align-items:center;min-height:90px}
.arc-model{font-size:clamp(17px,1.9vw,26px);font-weight:600;padding-right:20px}
.arc-track{height:100%;display:flex;align-items:center;border-left:1px solid #415263;border-right:1px solid #415263;background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),#41526355 calc(25% - 1px),#41526355 25%)}
.arc-bar{height:34px;width:var(--score);position:relative;transform-origin:left;border-radius:0 3px 3px 0}
.arc-bar.opus{background:#ed7761;box-shadow:0 0 28px #ed776124}
.arc-bar.sol{background:#35d6ef;box-shadow:0 0 28px #35d6ef24}
.arc-bar b{position:absolute;left:calc(100% + 14px);top:1px;white-space:nowrap;font-size:25px;line-height:32px;font-weight:500;color:#eef7fa}
.arc-before-astra:not([hidden]) .arc-bar{animation:arc-score-grow 1.4s cubic-bezier(.2,.7,.2,1) both}
.arc-before-astra:not([hidden]) .arc-bar.sol{animation-delay:.2s}
.arc-question{font-size:clamp(28px,3.1vw,45px);line-height:1.16;margin:4dvh 0 0 45%;font-weight:600}
.arc-question em{color:#35d6ef;font-style:normal}
.arc-source{font-size:14px;line-height:1.5;color:#8fa7b9;margin-top:3dvh}
.arc-source a{color:#8fa7b9}
@keyframes arc-score-grow{from{width:0}to{width:var(--score)}}
@media(max-width:700px){.arc-score-chart{--label:135px}.arc-score-row{min-height:85px}.arc-bar b{font-size:18px}.arc-score-axis{font-size:13px}.arc-question{margin-left:25%}.arc-source{font-size:12px}}
@media(prefers-reduced-motion:reduce){.arc-before-astra:not([hidden]) .arc-bar{animation:none}}

.chollet-slide{position:relative;background:#141414;isolation:isolate}
.chollet-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.chollet-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,22,.35),rgba(8,13,22,.12) 56%,transparent 75%);z-index:-1}
.chollet-content{width:60%;padding:3dvh 0 0;position:relative}
.chollet-content h2{font-size:clamp(30px,3.5vw,48px);margin:12px 0 20px}
.chollet-content blockquote{font-size:clamp(23px,2.55vw,36px);line-height:1.27;margin:0 0 22px;font-weight:500;letter-spacing:-.02em}
.chollet-content blockquote em{font-style:normal;color:#70e2ed}
.chollet-definition h3{font-size:23px;color:#70e2ed;margin:0 0 7px}
.chollet-definition p{font-size:22px;line-height:1.3;margin:0;max-width:590px}
.chollet-example{margin-top:24px}
.chollet-example p{font-size:18px;line-height:1.5;margin:0 0 6px}
.chollet-example p:first-child{display:flex;flex-direction:column}
.chalk-test{color:#bdc9d1}
.chalk-result{display:flex;align-items:center;gap:10px}
.chalk-result strong{color:#70e2ed;margin-left:15px}
.chollet-example small{font-size:13px;color:#b3bac3}
.chollet-source{display:inline-block;font-size:14px;color:#c0d3dc;margin-top:20px}
.chollet-example:not(.pending) .chalk-result strong{animation:chalk-result-reveal 1s .6s both}
@keyframes chalk-result-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.chollet-content{width:70%;padding-top:1dvh}.chollet-content blockquote{font-size:25px}.chollet-background{object-position:65% center;opacity:.6}.chollet-shade{background:linear-gradient(90deg,#111b,#1119 65%,#1112)}.chollet-content h2{margin-bottom:14px}.chollet-definition p{font-size:19px}.chollet-example{margin-top:16px}}
@media(max-width:600px){.chollet-content{width:100%}.chollet-background{opacity:.25}.chollet-content blockquote{font-size:23px}.chollet-example p{font-size:16px}.chalk-result{gap:6px}.chalk-result strong{margin-left:5px}}

.arc-astra-ranking{padding:22px 5%}
.arc-astra-ranking .slide-inner{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
.arc-ranking-heading{display:flex;align-items:center;justify-content:space-between;gap:28px}
.arc-ranking-heading h2{font-size:clamp(30px,3.4vw,52px)}
.astra-score{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;color:#70e2ed;line-height:1.1}
.astra-score>span{font-size:20px;font-weight:600;color:#e8faff}
.astra-score strong{font-size:clamp(52px,6.5vw,88px);font-weight:600;letter-spacing:-.055em;text-shadow:0 0 32px #35d6ef28}
.astra-score strong small{font-size:.52em}
.astra-score>small{font-size:12px;color:#a5b4c7;letter-spacing:0}
.arc-astra-ranking .main-image{height:100%;width:100%;min-height:0}
.arc-astra-ranking .main-image img{width:100%;height:100%;max-height:none;object-fit:contain}
@media(max-width:700px){.arc-ranking-heading{align-items:flex-start;gap:15px}.arc-ranking-heading h2{font-size:28px}.astra-score>span{font-size:16px}.astra-score>small{font-size:10px;max-width:160px;text-align:right}.astra-score strong{font-size:52px}}
