body.aud-student{--page-tint:#f0fdf4}.s-hero{position:relative;overflow:hidden;padding:60px 24px 80px;background:radial-gradient(900px 500px at 50% 0,#dcfce7,transparent 70%)}.s-hero__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;position:relative;z-index:2}@media (max-width:900px){.s-hero__inner{grid-template-columns:1fr}}.s-hero h1{font-size:clamp(40px,5.5vw,72px);font-weight:900;line-height:1;letter-spacing:-.025em;color:var(--neutral-800);margin:16px 0 18px}.s-hero h1 em{font-style:normal;color:var(--duo-ink);position:relative}.s-hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:12px;background:#ffc800;opacity:.4;z-index:-1;border-radius:4px}.phone{position:relative;width:320px;margin:0 auto;background:var(--neutral-800);border-radius:44px;padding:12px;box-shadow:0 40px 80px -20px rgba(0,0,0,.25)}.phone__screen{background:#fff;border-radius:34px;overflow:hidden;aspect-ratio:9/19.5;position:relative}.phone__bar{height:22px;justify-content:space-between;padding:0 18px 0 24px;font-size:11px;font-weight:800;color:var(--neutral-800)}.phone__bar,.phone__head{display:flex;align-items:center}.phone__head{padding:12px 16px;gap:12px;border-bottom:1px solid var(--duo-gray-light)}.phone__head .hc{display:flex;gap:6px;align-items:center;font-weight:900;font-size:13px;color:var(--neutral-800)}.phone__head .chip{display:inline-flex;padding:2px 8px;border-radius:999px;background:#fffbeb;border:1px solid #fde68a;color:#b45309;font-size:11px;font-weight:900}.phone__body{padding:20px 16px}.phone__path{flex-direction:column;gap:12px}.phone__circ,.phone__path{display:flex;align-items:center}.phone__circ{width:60px;height:60px;border-radius:50%;background:var(--c,var(--duo));border:solid var(--cb,var(--duo-hover));border-width:3px 3px 6px;justify-content:center;color:#fff;font-size:20px;position:relative}.phone__circ.locked{background:var(--duo-gray-light);border-color:var(--neutral-300);color:var(--fg-muted)}.start-pill{position:absolute;top:-22px;left:50%;transform:translateX(-50%);background:#fff;border:2px solid var(--duo);color:var(--duo-ink);font-weight:900;font-size:10px;padding:3px 8px;border-radius:999px;letter-spacing:.08em;text-transform:uppercase;animation:bounce 1.5s infinite}@keyframes bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}.float{position:absolute;font-weight:900;border-radius:999px;padding:6px 12px;font-size:13px;border:solid;border-width:2px 2px 4px;background:#fff;animation:bob 4s ease-in-out infinite;box-shadow:0 8px 16px rgba(0,0,0,.08);z-index:3}@keyframes bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(4deg)}}.loops{padding:80px 24px}.loop-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width:900px){.loop-grid{grid-template-columns:1fr 1fr}}.loop-card{border:solid var(--duo-gray-light);border-width:2px 2px 4px;border-radius:20px;padding:24px;background:#fff;text-align:center}.loop-card__emoji{font-size:44px;margin-bottom:8px;display:block}.loop-card h3{margin:0 0 6px;font-size:18px;font-weight:900;color:var(--neutral-800)}.loop-card p{margin:0;color:var(--duo-gray);font-size:14px;line-height:1.45}.feature-block{padding:80px 24px}.feature-block.alt{background:var(--bg-2)}.sage-block{padding:80px 24px;background:linear-gradient(180deg,#fff5f6,#fff)}.xp-ring{width:160px;height:160px;position:relative}.xp-ring svg{transform:rotate(-90deg)}.xp-ring circle{fill:none;stroke-width:14}.xp-ring .track{stroke:#fef3c7}.xp-ring .fill{stroke:var(--duo-warning);stroke-linecap:round;stroke-dasharray:440;stroke-dashoffset:132;animation:xpfill 2s ease-out}@keyframes xpfill{0%{stroke-dashoffset:440}}.xp-ring .cx{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.xp-ring .cx .n{font-size:38px;font-weight:900;color:var(--neutral-800)}.xp-ring .cx .l{font-size:12px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.leaderboard-mock{background:#fff;border:solid var(--duo-gray-light);border-width:2px 2px 4px;border-radius:20px;padding:16px;max-width:420px}.lb-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px}.lb-row.me{background:#f0fdf4;border:2px solid #bbf7d0}.lb-rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;font-size:13px}.lb-av,.lb-rank{border-radius:50%}.lb-av{width:36px;height:36px;background:var(--bg-3);padding:4px}.lb-n{flex:1;font-weight:800;color:var(--neutral-800)}.lb-n,.lb-xp{font-size:14px}.lb-xp{font-weight:900;color:var(--duo-ink)}