/* Page-specific demonstrations within the unchanged shared case system. */
.student-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.student-tags span{padding:7px 13px;border:1px solid #8ee1df66;border-radius:40px;font-size:12px;color:#b9f6f0;transform:rotate(-3deg)}.student-tags span:nth-child(2){transform:rotate(3deg);border-color:#b9a2ef;color:#dccfff}.student-explore{display:inline-flex;align-items:center;gap:22px;color:#fff;margin-top:30px;padding-block:10px;border-bottom:1px solid #8ee1df;font-size:14px}.student-explore span{font-size:24px}.student-hero-visual img{animation:student-arrive 1.3s ease-out both}.student-hero-visual:hover img{filter:saturate(1.1)}
.student-worlds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:42px}.student-worlds-intro{grid-column:1/-1;display:flex;align-items:center;gap:20px;padding:20px 0}.student-number{font:500 76px/1 var(--font-display);color:var(--color-teal)}.student-worlds-intro p{font-size:19px;line-height:1.5}.student-worlds details{border:1px solid var(--color-border-md);border-radius:18px;background:var(--color-bg-card);transition:transform .2s,border-color .2s}.student-worlds details:hover{transform:translateY(-4px);border-color:var(--color-teal)}.student-worlds summary{display:flex;align-items:center;gap:14px;padding:20px;cursor:pointer;list-style:none;font:500 23px/1.2 var(--font-display);min-height:72px}.student-worlds summary::-webkit-details-marker{display:none}.student-worlds summary::after{content:'+';margin-left:auto;font:400 24px/1 sans-serif;color:var(--color-teal)}.student-worlds details[open] summary::after{content:'−'}.student-worlds summary>span{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:var(--tint-purple-10);color:var(--color-purple-light);font:400 28px/1 sans-serif}.student-worlds details:nth-child(odd) summary>span{color:var(--color-teal)}.student-worlds details>p{padding:0 20px 22px;font-size:15px;line-height:1.7}
.student-demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;margin-top:36px;padding:clamp(20px,3vw,40px);border:1px solid var(--color-border-md);border-radius:24px;background:linear-gradient(130deg,var(--tint-purple-10),var(--color-bg-card) 65%);align-items:center}.student-demo>*{min-width:0}.student-demo-label{font-size:12px;color:var(--color-text-60);margin-bottom:22px}.student-tabs{display:grid;gap:12px}.student-tabs button{text-align:left;display:grid;grid-template-columns:46px 1fr;column-gap:12px;align-items:center;padding:20px;border:1px solid var(--color-border-md);border-radius:18px;background:var(--color-bg);transition:transform .2s,border-color .2s}.student-tabs button>span{grid-row:span 2;font:500 29px var(--font-display);color:var(--color-text-40)}.student-tabs strong{font:500 clamp(22px,2vw,28px)/1.2 var(--font-display)}.student-tabs small{font-size:13px;margin-top:7px;color:var(--color-text-60)}.student-tabs button[aria-selected=true]{border-color:var(--color-teal);box-shadow:inset 4px 0 0 var(--color-teal);transform:translateX(5px)}.student-tabs button[aria-selected=true]>span{color:var(--color-teal)}.student-demo-insight{display:flex;gap:14px;margin-top:28px;font-size:16px;line-height:1.75}.student-demo-insight>span{font:500 45px var(--font-display);color:var(--color-teal)}.student-demo-note{font-size:12px;line-height:1.6;color:var(--color-text-60);margin-top:22px;max-width:32em}.student-device-stage{padding:15px 0;background:radial-gradient(ellipse at center,#7c5ecf33,transparent 68%)}.student-device{margin:auto;width:100%;max-width:350px;border:8px solid #262431;border-radius:44px;background:#fff;color:#1d1d1d;box-shadow:12px 22px 0 #6b46c114,0 28px 50px #0002;overflow:hidden}.student-device-bar{height:40px;padding:10px 20px 0;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700}.student-device-bar i{width:84px;height:22px;background:#17171b;border-radius:20px}.student-screen{padding:20px 20px 10px;min-height:526px}.student-screen[hidden]{display:none}.student-screen-kicker{text-transform:uppercase;letter-spacing:.08em;color:#66527f;font-size:10px;margin-bottom:7px}.student-screen h3{font:600 27px/1.1 var(--font-display);margin-bottom:18px;color:#20202a}.student-screen h4{font:600 20px/1.2 var(--font-display);margin:10px 0;color:#20202a}.student-screen>p:not(.student-screen-kicker):not(.student-screen-meta):not(.student-feedback){font-size:13px;line-height:1.65}.student-calendar{display:flex;justify-content:space-between;gap:6px;margin-bottom:16px;font-size:11px;line-height:1.8;text-align:center}.student-calendar>*{padding:6px 10px;border-radius:12px}.student-calendar b{color:#fff;background:var(--color-purple)}.student-event-art{position:relative;overflow:hidden;min-height:155px;background:linear-gradient(125deg,#5a38a8,#0b8c9e);color:white;border-radius:16px;padding:16px}.student-event-art>span{font:500 28px/.98 var(--font-display)}.student-event-art>b{position:absolute;right:18px;top:12px;font:400 90px/1 sans-serif;transform:rotate(-10deg);color:#9df3e2}.student-event-art>small{display:block;font-size:10px;margin-top:11px}.student-screen-meta{font-size:10px;color:#665d74;margin-top:14px}.student-action{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px;padding:12px 14px;margin-top:18px;border-radius:12px;background:var(--color-purple);color:white;font-size:12px;font-weight:600;text-align:left}.student-action:hover{background:var(--color-purple-dark)}.student-action[aria-pressed=true]{background:#076b79}.student-action>span{font-size:20px}.student-feedback{font-size:12px;line-height:1.6;color:#076b79;margin-top:12px;min-height:20px}.student-feedback:not(:empty){padding:12px;border-radius:12px;background:#e4f8f4}.student-device-home{width:90px;height:4px;border-radius:10px;background:#252530;margin:8px auto 12px}.student-avatar{position:relative;display:grid;place-items:center;width:110px;height:110px;margin:18px auto 28px;border-radius:35px;background:linear-gradient(145deg,#dfd1ff,#a1e4df);font:500 44px var(--font-display);color:#52358e;transform:rotate(-5deg)}.student-avatar span{position:absolute;right:-9px;bottom:-8px;background:#076b79;color:white;width:40px;height:40px;border-radius:50%;font-size:25px;text-align:center}.student-interest-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.student-interest-tags span{padding:6px 10px;background:#f0eafb;color:#5a38a8;border-radius:20px;font-size:11px}.student-chat-label{display:flex;gap:10px;align-items:center;margin:26px 0}.student-chat-label>span{font-size:35px;color:#6b46c1}.student-chat-label strong{display:block;font-size:14px}.student-chat-label small{font-size:10px;color:#665d74}.student-bubble{margin:16px 18px 16px 0;padding:15px;border-radius:16px 16px 16px 3px;background:#f1ebfb;font-size:12px;line-height:1.65}.student-bubble strong{color:#5a38a8;font-size:11px}.student-bubble-own{margin:16px 0 16px 18px;background:#e3f4f1;border-radius:16px 16px 3px 16px}.student-bubble-own strong{color:#076b79}.student-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:35px 0 42px}.student-journey>div{position:relative;padding:24px 22px;border:1px solid var(--color-border-md);border-radius:20px;background:var(--color-bg-card)}.student-journey span{font:500 42px/1 var(--font-display);color:var(--color-teal)}.student-journey h3{font:500 26px/1.2 var(--font-display);margin:16px 0 10px}.student-journey p{font-size:14px;line-height:1.7}.student-journey>div:not(:last-child)::after{content:'↗';position:absolute;right:18px;top:19px;font-size:24px;color:var(--color-purple-light)}
@keyframes student-arrive{from{transform:translateY(20px) rotate(2deg);opacity:.5}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes student-screen-in{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}.student-demo[data-ready] .student-screen:not([hidden]){animation:student-screen-in .25s ease-out}.student-worlds summary:focus-visible{outline:2px solid var(--color-teal);outline-offset:4px}
@media(max-width:999px){.student-demo{gap:24px}.student-worlds{grid-template-columns:repeat(2,minmax(0,1fr))}.student-journey{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.student-demo{grid-template-columns:1fr;padding:18px}.student-tabs button{padding:14px;grid-template-columns:36px 1fr}.student-tabs strong{font-size:22px}.student-device-stage{padding-top:0}.student-screen{padding:18px 16px 10px}.student-demo-insight{font-size:14px}.student-worlds{grid-template-columns:1fr}.student-worlds-intro p{font-size:17px}.student-journey{grid-template-columns:1fr}.student-screen h3{font-size:24px}.student-calendar>*{padding:6px 7px}.student-tabs button[aria-selected=true]{transform:none}.student-device{border-width:6px;border-radius:32px}.student-worlds details:hover{transform:none}}@media(prefers-reduced-motion:reduce){.student-hero-visual img,.student-demo[data-ready] .student-screen:not([hidden]){animation:none}.student-worlds details,.student-tabs button{transition:none}.student-worlds details:hover{transform:none}}