/* V5: solar depth, scroll scenes and a type scale for live teaching */
.scroll-scene{--scene-progress:1;--scene-lift:0px;--scene-scale:1;opacity:calc(.3 + var(--scene-progress)*.7);transform:translateY(var(--scene-lift)) scale(var(--scene-scale));transform-origin:50% 50%;transition:opacity .12s linear}
.motion-paused .scroll-scene{opacity:1!important;transform:none!important}.extension-scene *,.bot-workspace *,.dsh-trace *{animation-play-state:paused!important}.extension-scene.loop-active *,.bot-workspace.loop-active *,.dsh-trace.loop-active *{animation-play-state:running!important}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
.course-page .hero{isolation:isolate;background:#02090e;overflow:hidden;padding-top:155px}.course-page .hero-image{display:none}.course-page .hero:before{z-index:-1;background:radial-gradient(ellipse at 70% 51%,#13273866,transparent 58%),linear-gradient(0deg,#07131c,transparent 32%)}
.hero-portal{position:absolute;left:39%;top:0;width:61%;height:100%;z-index:0;filter:none;transform:translateY(calc(var(--hero-exit,0)*90px)) scale(calc(1 - var(--hero-exit,0)*.15));transform-origin:center}.hero-portal canvas{width:100%;height:100%}.hero-copy{position:relative;z-index:2;max-width:540px;opacity:calc(1 - var(--hero-exit,0)*1.05);transform:translateY(calc(var(--hero-exit,0)*-55px))}.hero h1{font-size:clamp(72px,7.3vw,122px);line-height:1.1;letter-spacing:-.045em}.hero .hero-subtitle{font-size:clamp(23px,2vw,32px)}.hero .hero-description{font-size:18px}.hero-bottom{z-index:2}
.course-page .model-section{background:linear-gradient(#07131c 0,#263b50 115px,#6c849c 280px,#c3d4e2 470px,#eaf1f6 680px);padding-top:48px}.model-section .course-heading h2,.presentation-mode .model-section .course-heading h2{font-size:42px}.model-section .course-heading p,.presentation-mode .model-section .course-heading p{font-size:18px;margin-top:10px;color:#c7d5e3}.course-heading{margin-bottom:35px}.course-heading h2{font-size:clamp(40px,4vw,62px);line-height:1.25}.course-heading p{font-size:20px;line-height:1.8;color:#617e98}.segment-number{font-size:15px}
.course-page .model-section .course-heading{margin-bottom:17px}.course-page .model-gallery{margin-top:0}.course-page .model-carousel{height:190px;perspective:1300px;overflow:visible}.course-page .model-sculpture{width:145px;height:186px;margin-left:-72.5px;top:6px;transform:translateX(calc(var(--offset)*147px)) translateZ(calc(var(--distance)*-64px)) rotateY(calc(var(--offset)*-9deg));opacity:calc(1 - var(--distance)*.15);filter:none;visibility:visible;pointer-events:auto}.model-sculpture[hidden]{display:none!important}.course-page .sculpture-orb{height:120px;width:120px;border-radius:50%;background:radial-gradient(circle at 33% 22%,#fff,#d9e5ef 70%,#bacbdc);margin-bottom:10px;box-shadow:inset 3px 3px 8px #fff,inset -6px -6px 12px #91a8ba70,6px 12px 22px #263c5325;border:1px solid #ffffffc9}.course-page .sculpture-orb img{width:61%;height:61%;object-fit:contain;filter:drop-shadow(0 3px 2px #28415a16)}.sculpture-orb i{border-radius:50%;inset:9px}.course-page .model-sculpture h3{font-size:24px;font-weight:650;white-space:nowrap;color:#263f55}.course-page .model-sculpture p{font-size:14px;color:#526f89;white-space:nowrap}.course-page .model-sculpture[aria-pressed=true]{opacity:1}.course-page .model-sculpture[aria-pressed=true] .sculpture-orb{box-shadow:inset 3px 3px 5px #fff,inset -4px -4px 9px #7898b867,10px 18px 33px #2a4b6b38,0 0 38px #f6fcff8f}.brand-image{display:block;width:100%;height:100%;object-fit:contain}.brand-image[data-brand=glm],.brand-image[data-brand=doubao]{border-radius:15%}
.course-page .gallery-controls{height:30px;margin:4px auto 4px}.course-page .round-control{width:31px;height:31px}.course-page .model-dots button{width:5px;height:5px}.course-page .family-tabs{gap:4px;margin:0}.course-page .family-tabs button{font-size:14px;padding:7px 11px;color:#375570}.model-branches{height:24px}.branch-panel{padding:18px 20px 16px;border-radius:22px;min-height:230px;background:linear-gradient(125deg,#fcfdfff0,#eaf2f8d9)}.branch-label{font-size:13px;letter-spacing:0;margin-bottom:10px;color:#627f98}.branch-panel h3{font-size:24px;color:#24455f}.branch-panel p,.presentation-mode .branch-panel p{font-size:16px;line-height:1.65;color:#526f86;margin-top:9px}.company-facts{font-size:14px;color:#657e92;margin:11px 0;gap:8px}.branch-panel .text-link{font-size:14px}.release-mark{width:30px;height:30px;flex-shrink:0}.release-heading{gap:10px}.current-branch>time{font-size:15px}.compact-milestones{margin-top:12px;gap:4px}.compact-milestones button{grid-template-columns:91px 1fr;gap:8px;padding-bottom:5px}.compact-milestones time{font-size:12px;color:#70899e}.compact-milestones strong{font-size:15px;font-weight:550}.timeline-branch-heading button{font-size:12px}
.capability-track{margin:45px 0 0;padding:24px 0;border-color:#9bb4c44d}.capability-track>div>span{font-size:21px;color:#375670}.capability-track p{font-size:16px;color:#68869f}.benchmark-intro{margin-top:42px}.benchmark-intro h3{font-size:36px;line-height:1.4}.benchmark-intro p{font-size:19px;line-height:1.7}.course-page .benchmark-card{padding:36px 35px;border-radius:30px}.course-page .benchmark-top h3{font-size:34px}.course-page .benchmark-meta{font-size:16px}.course-page .chart-row{min-height:88px;grid-template-columns:32px minmax(330px,1.2fr) minmax(200px,1.5fr) 70px;gap:18px;opacity:.2;transform:translateY(14px);transition:opacity .7s,transform .9s}.course-page .chart-row.row-entered{opacity:1;transform:none}.course-page .chart-label strong{font-size:18px;font-weight:650;color:#24455f;line-height:1.55}.course-page .chart-label>div>span{font-size:13px;line-height:1.7;color:#758ba0}.chart-mark{height:35px;width:35px;background:#fff;border-radius:50%;padding:6px}.chart-mark img{height:100%;width:100%}.chart-mark:empty{display:none!important}.course-page .chart-rank{font-size:14px}.course-page .chart-track{height:13px}.course-page .chart-bar,.course-page .chart-entered .chart-bar{animation:none!important;transform:scaleX(0);transition:transform 1.8s cubic-bezier(.17,.8,.2,1)}.course-page .row-entered .chart-bar{transform:scaleX(1)}.course-page .chart-score{font-size:23px}.course-page .chart-bar.missing{transform:none!important}.course-page .chart-bottom,.course-page .chart-scope{font-size:15px}.benchmark-tabs button{font-size:16px}
.course-page .anatomy-stage{height:680px;overflow:hidden;background:radial-gradient(ellipse at 45% 40%,#fdfefe,#dfeaf3 77%)}.course-page .anatomy-caption strong{font-size:23px}.course-page .anatomy-caption span{display:none}.course-page .anatomy-sidebar{left:22px;width:138px;top:125px;gap:13px;transition:opacity .6s,transform .7s}.course-page .anatomy-sidebar button{padding:13px 10px;border-radius:17px;transition:background .5s,transform .6s,opacity .6s}.course-page .anatomy-sidebar span{font-size:17px}.course-page .anatomy-sidebar small{font-size:12px;margin-top:5px}.anatomy-stage[data-agent-mode=assembled] .anatomy-sidebar{opacity:0;transform:translateX(-30px);pointer-events:none}.anatomy-stage[data-agent-mode=focused] .anatomy-sidebar button:not([aria-pressed=true]){opacity:.62;transform:scale(.95)}.anatomy-stage[data-agent-mode=focused] .anatomy-sidebar [aria-pressed=true]{transform:scale(1.06);box-shadow:0 8px 24px #4065891b}.course-page .agent-viewport{inset:80px 283px 120px 132px}.anatomy-stage[data-agent-mode=assembled] .agent-viewport{left:45px}.course-page .scene-tools{right:282px;top:93px}.scene-tools button{font-size:20px!important;width:33px!important;height:33px!important}.course-page .explode-controls{left:45%;bottom:42px;width:auto;display:flex;gap:12px;background:transparent;box-shadow:none;padding:0;transform:translateX(-50%);white-space:nowrap}.explode-controls button{padding:14px 25px;background:#234660;color:#f1f8fd;border:1px solid #6c97b5;border-radius:30px;font-size:18px;box-shadow:0 8px 26px #3c5d773b}.explode-controls [data-view=all]{background:#f5fafc;color:#466b85;border-color:#fff}.explode-controls button[hidden]{display:none}.course-page .scene-hint{left:45%;bottom:15px;font-size:12px}.anatomy-inspector{right:23px;width:245px;top:123px;bottom:111px}.inspector-content{padding:27px 23px}.inspector-content h3{font-size:28px;margin:17px 0}.inspector-content>p{font-size:17px;line-height:1.75;color:#4e718c}.inspector-eyebrow{font-size:14px;line-height:1.5;color:#6685a0}.inspector-task{padding-top:17px;margin-top:20px}.inspector-task span{font-size:13px}.inspector-task strong{font-size:16px;color:#456d8c}.inspector-signal{display:none}.inspector-logo{width:55px;height:55px;object-fit:contain;margin-top:20px}.layer-guide{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;opacity:0;transition:opacity .6s;z-index:2}.anatomy-stage[data-agent-mode=focused] .layer-guide{opacity:.9}.layer-guide-path{fill:none;stroke:#6c9db6;stroke-width:1.7;stroke-dasharray:7 6;animation:guide-flow 3s linear infinite}.layer-guide circle{fill:#edf8fd;stroke:#6c9db6;stroke-width:2}.layer-guide marker path{fill:#6c9db6}@keyframes guide-flow{to{stroke-dashoffset:-52}}
.compact-flow{font-size:17px}.compact-flow strong{font-size:19px}.concept-connection{font-size:19px}.concept-connection>span,.concept-connection>strong{font-size:19px}
.installation-lab{height:670px}.installation-core{width:93px;height:93px;top:49%;font-size:24px;border-radius:29px}.installation-core i{border-radius:37px}.app-stage{width:42%;height:264px}.app-stage-codex,.app-stage-dsh{top:30px}.app-stage-workbuddy{top:382px}.app-stage-heading h3{font-size:26px}.app-stage-heading p{font-size:14px;line-height:1.6}.app-stage-mark{width:55px;height:55px;border-radius:17px;padding:8px}.app-stage-mark img[data-brand=codex]{width:123%;height:123%;margin:-11.5%}.app-stage-mark img[data-brand=dsh]{padding:2px;background:none;filter:brightness(0);border-radius:7px}.app-stage-screen{height:207px;border-radius:20px}.media-kind{font-size:11px}.install-selector button{font-size:18px}.install-selector button>span{font-size:12px}.install-detail-header h3{font-size:32px}.install-detail .install-steps h4{font-size:23px}.install-detail .install-steps p,.presentation-mode .install-detail .install-steps p{font-size:17px}.install-detail-footer{font-size:15px}.install-detail-footer .text-link{font-size:16px}.install-extra summary{font-size:16px}
.dsh-trace{height:100%;position:relative;background:#262627;color:#b7bec7;padding:13px 13px 0;overflow:hidden;font-family:ui-monospace,monospace}.trace-tabs{display:flex;align-items:center;gap:17px;font-size:13px;height:29px;border-bottom:1px solid #555}.trace-tabs b{color:#edf3f9;font-weight:500;background:#3b3b3f;border-radius:7px;padding:5px}.trace-tabs i{font-style:normal;margin-left:auto;font-size:11px}.trace-timeline{padding:8px 0 9px;border-bottom:1px solid #555}.trace-timeline>div{display:flex;gap:4px;align-items:center;height:15px}.trace-timeline span{width:38px;font-size:10px;color:#868c95}.trace-timeline i{height:7px;min-width:5px;flex-shrink:1;border-radius:1px;background:#698cce;opacity:.35;animation:trace-event 15s linear infinite;animation-delay:calc(var(--trace-i)*.37s + var(--track)*.45s)}.trace-timeline>div:nth-child(2) i{background:#9477b2}.trace-timeline>div:nth-child(3) i{background:#c2863e}.trace-rows{animation:trace-scroll 15s ease-in-out infinite}.trace-rows>div{height:31px;border-bottom:1px solid #3d3d40;display:flex;gap:9px;align-items:center;white-space:nowrap;animation:trace-row 15s infinite;animation-delay:calc(var(--trace-row)*1.7s)}.trace-rows b{padding:4px 6px;border-radius:4px;font-size:9px;letter-spacing:.03em}.trace-tool{background:#80512136;color:#dd9e51}.trace-assistant{background:#6f4c912e;color:#af8ecd}.trace-user{background:#416aa43b;color:#89acf2}.trace-rows span{font-size:12px;overflow:hidden;text-overflow:ellipsis}.trace-rows em{font-style:normal;color:#abb2bc}.trace-rows>div>i{margin-left:auto;color:#8ea896;font-size:10px}.dsh-trace .media-kind{font-family:system-ui;background:#2c3038d9;color:#e1e8ee;right:8px;bottom:7px;font-size:9px}@keyframes trace-event{0%,13%{opacity:1;transform:scaleY(1.5)}18%,100%{opacity:.35;transform:scaleY(1)}}@keyframes trace-row{0%,12%{background:#51505b5e;color:#fff}20%,100%{background:none}}@keyframes trace-scroll{0%,35%{transform:translateY(0)}78%,88%{transform:translateY(-73px)}100%{transform:translateY(0)}}
.skills-section{background:linear-gradient(#eaf1f6,#e1ebf3 50%,#eaf1f6)}.extension-experiences{display:grid;gap:70px}.extension-scene{display:grid;grid-template-columns:.68fr 1.35fr;gap:22px 45px;padding:35px 0 40px;border-top:1px solid #9db6ca55}.extension-intro{align-self:center}.extension-intro>span{font-size:38px;font-weight:650;color:#274e6c}.extension-intro h3{font-size:28px;line-height:1.5;color:#2a4d69;margin:19px 0}.extension-intro p{font-size:18px;line-height:1.9;color:#658198}.extension-demo{height:355px;position:relative;border:1px solid #fff;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#fbfdff,#d7e7f4);box-shadow:0 17px 38px #42658320}.extension-loop-steps{grid-column:1/3;display:flex;justify-content:space-between;gap:22px;padding-top:15px}.extension-loop-steps span{font-size:18px;color:#7590a7;border-top:2px solid #aac3d33c;flex:1;padding-top:16px;animation:extension-step 16s infinite}.extension-loop-steps span:nth-child(2){animation-delay:4s}.extension-loop-steps span:nth-child(3){animation-delay:8s}.extension-loop-steps span:nth-child(4){animation-delay:12s}.extension-scene>a{font-size:16px;color:#577f9e;grid-column:1/3}.connection-bridge{position:absolute;top:25px;left:30px;right:30px;display:flex;align-items:center;gap:15px}.demo-app-icon,.gmail-icon{height:52px;width:52px;flex-shrink:0;padding:8px;background:#fff;border-radius:15px;box-shadow:0 6px 14px #3753721a}.gmail-icon svg{width:100%;height:100%}.connection-bridge>i{height:1px;flex:1;background:#afc9db;position:relative}.connection-bridge>i:after{content:'';position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:#639ec2;animation:connection-travel 4s ease-in-out infinite}.connection-bridge>b{font-size:13px;color:#63849a;font-weight:500}.email-stream{position:absolute;left:30px;top:105px;right:30px;animation:email-stack 16s infinite}.email-stream>div{padding:14px 15px 14px 43px;background:#ffffffd9;border-radius:12px;margin-bottom:11px;box-shadow:0 6px 20px #58748813;position:relative;animation:email-arrive 16s infinite}.email-stream>div:nth-child(2){animation-delay:.5s}.email-stream>div:nth-child(3){animation-delay:1s}.email-stream i{position:absolute;left:16px;top:21px;height:10px;width:10px;border-radius:50%;background:#96b7d0}.email-stream span{font-size:16px;color:#436780}.email-stream p{font-size:12px;color:#8195a5;margin-top:4px}.email-summary{position:absolute;inset:95px 30px 27px;padding:19px 24px;background:#f7fbfee8;border:1px solid #fff;border-radius:18px;box-shadow:0 12px 33px #4565861a;animation:summary-arrive 16s infinite}.email-summary>span{font-size:12px;color:#6b8da7}.email-summary h4{font-size:21px;color:#2d5470;margin:10px 0 15px}.email-summary p{font-size:16px;color:#597a94;padding:9px 0;border-top:1px solid #c2d3df58}.email-summary b{font-size:12px;margin-right:15px;color:#93abba}.email-summary>i{display:block;font-style:normal;font-size:11px;color:#8da4b7;margin-top:12px}
.skill-search-box{display:flex;align-items:center;gap:11px;margin:27px 26px 0;padding:15px 16px;border-radius:15px;background:#fff;border:1px solid #dae5ed;box-shadow:0 7px 22px #6789a31a}.skill-search-box>i{font-size:25px;font-style:normal;color:#81a3ba}.skill-search-box>span{font-size:14px;color:#466b85}.skill-search-box>b{margin-left:auto;font-size:12px;font-weight:500;color:#8da7bb}.skill-search-pulse{display:flex;gap:8px;justify-content:center;height:40px;align-items:center}.skill-search-pulse i{height:5px;width:5px;background:#8fb1cd;border-radius:50%;animation:search-pulse 1.4s infinite}.skill-search-pulse i:nth-child(2){animation-delay:.2s}.skill-search-pulse i:nth-child(3){animation-delay:.4s}.skill-results{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:0 27px;animation:email-stack 16s infinite}.skill-results>div{padding:18px 17px;border-radius:16px;border:1px solid #fff;background:#eef6fbd9}.skill-results span{font-size:11px;color:#8ca6b9}.skill-results strong{font-size:14px;display:block;color:#365f7e;margin:10px 0}.skill-results p{font-size:14px;color:#7894aa}.skill-results i{font-size:12px;color:#6286a1;display:block;font-style:normal;margin-top:15px}.skill-selected{position:absolute;inset:145px 27px 40px;padding:26px 28px;border:1px solid #fff;border-radius:22px;background:#eef7fdfa;box-shadow:0 15px 30px #547a9b1c;animation:summary-arrive 16s infinite}.skill-selected span{font-size:13px;color:#7696ad;display:block}.skill-selected strong{font-size:22px;color:#365f7d;display:block;margin:19px 0}.skill-selected p{font-size:14px;color:#6d8ba2}@keyframes connection-travel{0%{left:0;opacity:0}20%,80%{opacity:1}100%{left:95%;opacity:0}}@keyframes email-stack{0%,47%{opacity:1;transform:none}56%,94%{opacity:0;transform:translateX(-28px)}100%{opacity:1;transform:none}}@keyframes email-arrive{0%{transform:translateY(18px);opacity:.2}15%,45%{transform:none;opacity:1}60%,100%{transform:translateY(-7px);opacity:.5}}@keyframes summary-arrive{0%,47%{opacity:0;transform:translateY(24px) scale(.95)}61%,91%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-15px)}}@keyframes extension-step{0%,23%{color:#2c5d7e;border-color:#709ebc;transform:translateY(-3px)}30%,100%{color:#7793aa;border-color:#aac3d33c;transform:none}}@keyframes search-pulse{50%{opacity:.2;transform:translateY(-4px)}}
.task-method{border-top:1px solid #a7bece50;padding-top:40px}.task-method h3{font-size:32px}.brief-parts span{font-size:20px}.composer-details summary{font-size:18px}.case-heading h3{font-size:40px;line-height:1.35}.case-heading p{font-size:19px;line-height:1.8}.case-tool{font-size:14px}.auto-practice .case-visual{padding:31px}.auto-practice .case-steps{gap:18px;margin-top:35px}.case-steps>div{padding:20px 12px 17px;position:relative;border:1px solid transparent;border-top:2px solid #a9c2d34f;border-radius:0 0 16px 16px;transition:background .6s,transform .7s,color .6s,box-shadow .8s}.case-steps>div>span{font-size:15px;color:#7899b0;display:block;margin-bottom:9px}.case-steps strong{font-size:21px;line-height:1.55;font-weight:550;color:#7894a8;display:block;transition:transform .7s,color .6s;transform-origin:left center}.case-steps>div.active{background:#f8fcff;border-color:#c8e0ef;box-shadow:0 9px 25px #2a577b19;transform:translateY(-8px)}.case-steps>div.active strong{color:#244f70;transform:scale(1.08)}.case-steps>div.active>span{color:#447899}.case-steps>div.complete strong{color:#689a94}.case-steps>div.active:after{content:'';position:absolute;bottom:0;left:0;height:3px;border-radius:2px;background:#74a4c6;animation:step-timer 5s linear both}.case-steps>div.active>i{animation:active-step-glow 1.6s ease-in-out infinite}.auto-flow-status{font-size:16px}.case-copy{font-size:17px}.case-file-line{font-size:16px}.case-file-line strong{font-size:18px}.case-details summary{font-size:17px}.case-details p,.case-details pre{font-size:15px}.artifact-toolbar{font-size:14px}.artifact-toolbar b{font-size:12px}.case-heading{margin-bottom:30px}.practice-case{margin-bottom:120px}
.real-word-reader{padding:0;min-height:0!important;height:500px;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 12px 35px #44648319}.real-word-reader .paper-ribbon{height:57px;margin:0;padding:14px 18px;border-bottom:1px solid #dce7ef;font-size:13px;color:#7893a9}.real-word-reader .paper-ribbon b{height:25px;width:25px;font-size:14px}.word-document-window{height:405px;position:relative;overflow:hidden;background:#edf2f6;padding:10px 15px}.word-scroll-pages{width:100%;display:flex;flex-direction:column;gap:12px}.word-scroll-pages img{width:100%;height:auto;display:block;box-shadow:0 4px 17px #45688513}.case-running .word-scroll-pages{animation:document-browse 24s ease-in-out infinite alternate}.word-document-window:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 12px 12px #e3ebf67a,inset 0 -12px 12px #e3ebf688}.document-caption{height:38px;text-align:center;padding:10px 4px;font-size:11px;color:#7d99af;border-top:1px solid #dce7ef}.conversion-logo{width:38px;height:38px;object-fit:contain;margin:13px auto}.fund-preview-stage{margin:16px}.fund-transform-note{font-size:14px;padding:0 15px 14px}.fund-transform-note a{font-size:12px}.fund-evidence b{font-size:28px}.fund-evidence span{font-size:12px}.fund-review-overlay{width:255px;padding:18px 22px}.fund-review-overlay strong{font-size:21px}.fund-review-overlay p{font-size:14px}.fund-review-overlay i{font-size:12px}.fund-deck{align-self:center}@keyframes document-browse{0%,7%{transform:translateY(0)}93%,100%{transform:translateY(calc(-100% + 385px))}}@keyframes step-timer{from{width:0}to{width:100%}}@keyframes active-step-glow{50%{opacity:.35;transform:scale(1.5)}}
.auto-practice[data-practice=article-archive] .case-visual{grid-template-columns:.65fr .8fr 1.45fr;gap:25px;align-items:center;min-height:590px}.article-source-material{min-width:0}.article-source-material .paper-ribbon{font-size:12px;margin-bottom:15px}.article-phone{height:427px;max-width:224px;margin:0 auto;position:relative;border:5px solid #e0e8ef;border-radius:26px;overflow:hidden;box-shadow:0 13px 30px #38567526;background:#fff}.article-phone video{height:100%;width:100%;object-fit:cover;object-position:top}.article-source-caption{font-size:13px;line-height:1.8;color:#6e8da4;text-align:center;margin-top:15px}.article-source-focus{position:absolute;inset:37% 4px 40%;border:2px solid #7cabc3;border-radius:12px;opacity:0;pointer-events:none}.case-running[data-phase="1"] .article-source-focus{opacity:.9;animation:source-focus 2.5s ease-in-out infinite}.article-codex-task{position:relative;text-align:center;min-height:410px;display:flex;flex-direction:column;align-items:center;justify-content:center}.article-task-request{padding:19px 15px;border:1px solid #faffff;border-radius:18px;background:#f5fbffcc;box-shadow:0 7px 25px #5e7d9820;margin-bottom:25px}.article-task-request span{font-size:11px;color:#86a0b5}.article-task-request p{font-size:15px;line-height:1.9;color:#375e7b;margin-top:9px}.collector-logo{width:53px;height:53px;object-fit:contain}.article-codex-task>strong{font-size:19px;color:#3c6481;margin:8px 0 18px}.collector-actions{display:grid;gap:12px}.collector-actions span{font-size:15px;color:#a0b3c1;transition:color .7s,transform .7s}.auto-practice[data-phase="0"] .collector-actions span:nth-child(1),.auto-practice[data-phase="1"] .collector-actions span:nth-child(2),.auto-practice[data-phase="2"] .collector-actions span:nth-child(3),.auto-practice[data-phase="3"] .collector-actions span:nth-child(4){color:#2b5c7e;transform:scale(1.13);font-weight:650}.collector-beam{position:absolute;right:-20px;top:52%;height:1px;width:40px;background:#aec8da}.collector-beam:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#6fa0bf;animation:connection-travel 2.3s infinite}.topic-library{align-self:stretch;position:relative;overflow:hidden;min-height:510px;background:#f9fcff;border:1px solid #fff;border-radius:24px;box-shadow:0 13px 38px #3e648822}.library-title{padding:24px 21px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #c7dae858}.folder-symbol{font-size:35px;color:#76a3bd}.library-title h4{font-size:18px;color:#315b78;line-height:1.5}.library-title p{font-size:11px;color:#7a98ad;margin-top:6px}.library-title>b{font-size:8px;color:#8da6b9;font-weight:500;margin-left:auto;white-space:nowrap}.library-formats{display:flex;gap:8px;padding:14px 21px;font-size:10px;color:#7494ac}.library-formats>span{padding:5px 8px;background:#eaf2f9;border-radius:6px}.library-files{padding:0 21px}.library-file{display:flex;gap:12px;align-items:center;min-height:57px;padding:10px 0;border-bottom:1px solid #d4e3ed6e;transition:opacity .8s,transform .8s}.library-file>span{font-size:7px;background:#ecf6fc;color:#69a1bf;width:29px;height:36px;flex-shrink:0;display:grid;place-items:center;border:1px solid #c7e0ef;border-radius:5px}.library-file>div{min-width:0}.library-file time{font-size:9px;color:#9aaebc;display:block;margin-bottom:4px}.library-file strong{font-size:12px;font-weight:500;color:#456b88;line-height:1.6;display:block}.library-file>i{margin-left:auto;font-size:12px;color:#84aaa0;opacity:0}.auto-practice[data-phase="0"] .library-file{opacity:.12;transform:translateX(20px)}.auto-practice[data-phase="1"] .library-file{opacity:.4;transform:translateX(6px)}.auto-practice[data-phase="2"] .library-file{opacity:1;transform:none;animation:library-arrive .7s both;animation-delay:calc(var(--file-i)*.2s)}.auto-practice[data-phase="2"] .library-file>i,.auto-practice[data-phase="3"] .library-file>i{opacity:1}.library-index-line{padding:19px 21px;display:flex;align-items:center;gap:12px;font-size:10px;color:#7897ad}.library-index-line>span{font-size:11px;color:#4f7b9c}.library-complete{position:absolute;inset:110px 20px 85px;background:#f1f8fde8;border:1px solid #fff;border-radius:24px;backdrop-filter:blur(16px);box-shadow:0 20px 35px #3b698f25;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px;padding:25px;opacity:0;transform:scale(.92);transition:opacity .9s,transform 1s;pointer-events:none}.library-complete>span{height:55px;width:55px;border-radius:50%;background:#dcefe9;color:#4d9c89;display:grid;place-items:center;font-size:24px}.library-complete strong{font-size:23px;color:#315d7c;line-height:1.5}.library-complete p{font-size:13px;color:#7794a9;line-height:1.8}.auto-practice[data-phase="3"] .library-complete{opacity:1;transform:scale(1)}@keyframes library-arrive{from{opacity:.2;transform:translateX(20px)}to{opacity:1;transform:none}}@keyframes source-focus{50%{box-shadow:0 0 0 6px #c3e1f638;transform:scale(1.03)}}
.auto-practice[data-practice=chat-plan] .case-visual{grid-template-columns:1fr 70px 1.08fr;gap:0;align-items:center}.chat-window-heading h4{font-size:22px}.chat-window-heading p{font-size:12px}.chat-window-heading{padding:20px 17px}.message-overflow{height:445px}.message-stream{padding:16px;animation-duration:27s!important}.stream-message p{font-size:14px;line-height:1.8}.stream-message>div>span{font-size:10px}.stream-message>div>span time{font-size:8px}.chat-scope{font-size:12px;padding:11px}.chat-filter-logo{height:43px;width:43px;object-fit:contain}.chat-codex-filter>strong{font-size:13px;margin-top:10px}.chat-focus-layer{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .7s;background:#dfebf391;backdrop-filter:blur(2px)}.message-focus{position:absolute;inset:78px 23px 70px;border:1px solid #fff;border-radius:23px;background:#f9fdfff5;box-shadow:0 16px 42px #3c62823b;padding:29px 22px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:scale(.88) translateY(10px);transition:opacity .8s,transform 1s}.message-focus>span{font-size:13px;color:#7995aa;margin-bottom:28px}.message-focus p{position:relative;z-index:2;font-size:23px;line-height:1.8;color:#345e7b;letter-spacing:0}.message-focus p em{font-style:normal;color:#1e5679;font-weight:650}.message-focus>strong{font-size:15px;color:#7897af;font-weight:500;margin-top:26px}.message-annotation{position:absolute;left:8px;right:8px;top:42%;height:107px;width:calc(100% - 16px);overflow:visible}.message-annotation path{fill:none;stroke:#67a3c2;stroke-width:2.3;stroke-linecap:round;stroke-dasharray:800;stroke-dashoffset:800}.case-running[data-phase="1"] .chat-focus-layer,.case-running[data-phase="2"] .chat-focus-layer,.case-running[data-phase="3"] .chat-focus-layer{opacity:1}.auto-practice[data-phase="1"] .original-request,.auto-practice[data-phase="2"] .updated-request,.auto-practice[data-phase="3"] .archive-request{opacity:1;transform:scale(1.035)}.case-running[data-phase="1"] .original-request .message-annotation path,.case-running[data-phase="2"] .updated-request .message-annotation path,.case-running[data-phase="3"] .archive-request .message-annotation path{animation:circle-keyword 1.5s .6s ease-out forwards}.case-running[data-phase="1"] .message-stream,.case-running[data-phase="2"] .message-stream,.case-running[data-phase="3"] .message-stream{animation-play-state:paused!important}.auto-practice .task-record h4{font-size:25px}.auto-practice .task-record>span{font-size:13px}.auto-practice .task-record p{font-size:13px}.auto-practice .deadline-change strong{font-size:21px}.auto-practice .deadline-change s{font-size:14px}.second-task strong{font-size:16px}.second-task time{font-size:14px}.second-task>span{font-size:12px}.auto-practice .plan-timeline>span{font-size:13px}.auto-practice .plan-timeline strong{font-size:17px}.auto-practice .plan-timeline time{font-size:14px}.plan-files{font-size:12px}.auto-practice[data-phase="2"] .task-record{transform:scale(1.04);box-shadow:0 7px 30px #6aa2c52e;outline:2px solid #92b6cf;transition:all .8s}.auto-practice[data-phase="3"] .plan-timeline>div{animation:plan-emphasis .8s ease-out both;animation-delay:calc(var(--index)*.35s)}@keyframes circle-keyword{to{stroke-dashoffset:0}}@keyframes plan-emphasis{from{opacity:.2;transform:translateX(20px) scale(.96)}to{opacity:1;transform:none}}
.sources-section{background:linear-gradient(#e4edf5,#8da3b8 160px,#243c51 345px,#0c1822 650px,#030b11);padding-top:185px;padding-bottom:120px}.sources-section .course-heading h2{font-size:48px}.sources-section .course-heading p{font-size:20px;color:#c2d2df}.bot-workspace{display:grid;grid-template-columns:270px 1fr;position:relative;min-height:570px;background:linear-gradient(135deg,#181d22,#0e1419);border:1px solid #c3d4e426;border-radius:30px;box-shadow:0 40px 80px #030a1278;overflow:hidden;color:#e3eaf0}.bot-sidebar{padding:27px 24px;border-right:1px solid #adbdcd17;background:#0c101575;display:flex;flex-direction:column;align-items:flex-start}.bot-window-controls{display:flex;gap:6px;margin-bottom:30px}.bot-window-controls i{height:8px;width:8px;border-radius:50%;background:#a38683}.bot-window-controls i:nth-child(2){background:#aaa484}.bot-window-controls i:nth-child(3){background:#7a9c8e}.grok-character{position:relative;width:65px;height:61px;border-radius:55% 50% 42% 50%;background:linear-gradient(135deg,#fff,#cfdeea);box-shadow:0 0 32px #dcf0ff16;margin-bottom:18px;animation:grok-float 6s ease-in-out infinite;transform:rotate(-14deg)}.grok-character>i{position:absolute;top:15px;left:23px;height:14px;width:7px;border-radius:50%;background:#15202a;transform:rotate(-24deg);animation:grok-blink 7s infinite}.grok-character>i:nth-child(2){left:37px;top:13px}.grok-character>b{position:absolute;right:-3px;bottom:-2px;font-size:15px;height:24px;width:24px;border-radius:50%;background:#d4a74b;color:#fff;display:grid;place-items:center;border:3px solid #12171e}.bot-sidebar h3{font-size:24px;line-height:1.5;font-weight:500}.bot-sidebar>p{font-size:14px;color:#8a9cae;margin-top:8px;margin-bottom:30px}.bot-source{display:flex;align-items:center;gap:12px;padding:16px 12px;border-radius:17px;background:none;margin-bottom:11px;width:100%;color:#9aa9b8}.bot-source.chosen{background:#c9ddef10;border:1px solid #c4def51f;animation:bot-source-glow 16s infinite}.bot-source>span{font-size:30px}.bot-source strong{display:block;font-size:15px;font-weight:500;color:#cdd7e2}.bot-source small{font-size:10px;display:block;margin-top:6px;color:#8191a2}.bot-source>i{font-size:14px;font-style:normal;color:#6c9b8e;margin-left:auto}.bot-sidebar>a{font-size:14px;color:#8ca5ba;margin-top:auto;padding-top:25px}.bot-demo-label{font-size:10px;color:#687b8d;margin-top:16px}.bot-chat{padding:28px 35px 22px;position:relative;min-width:0}.bot-chat-heading{display:flex;justify-content:space-between;align-items:center;color:#9db0c1;font-size:15px;margin-bottom:25px}.bot-chat-heading i{font-size:11px;font-style:normal;color:#738f83}.bot-user-message{font-size:17px;line-height:1.9;padding:18px 21px;border-radius:21px 21px 5px 21px;background:#d4dfe618;color:#dce4eb;margin-left:45px;animation:bot-user 16s infinite}.bot-thinking{display:flex;align-items:center;gap:5px;font-size:13px;color:#829caf;height:61px;padding-left:11px;animation:bot-thinking 16s infinite}.bot-thinking i{height:4px;width:4px;border-radius:50%;background:#91a9bc;animation:search-pulse 1.4s infinite}.bot-thinking i:nth-child(2){animation-delay:.25s}.bot-thinking i:nth-child(3){animation-delay:.5s}.bot-thinking span{margin-left:10px}.bot-answer{padding:21px 24px;border:1px solid #d4e6f917;border-radius:5px 22px 22px 22px;background:#d5e8f007;animation:bot-answer 16s infinite}.bot-answer>span{font-size:17px;color:#cbdbe8;display:block;margin-bottom:12px}.bot-answer>div{padding:12px 0;border-top:1px solid #c5d5e214;position:relative;animation:bot-answer-row 16s infinite}.bot-answer>div:nth-child(3){animation-delay:.5s}.bot-answer>div:nth-child(4){animation-delay:1s}.bot-answer b{font-size:16px;font-weight:500;color:#b9d2e7}.bot-answer p{font-size:14px;color:#8da3b6;margin-top:8px}.bot-answer i{font-size:10px;position:absolute;right:0;top:19px;font-style:normal;color:#7197b4}.bot-input{border:1px solid #d6e4ef1c;border-radius:18px;padding:13px 17px;display:flex;align-items:center;gap:15px;font-size:12px;color:#6b8194;margin-top:21px}.bot-input>i{margin-left:auto;font-style:normal;color:#7e97ac;font-size:20px}.official-accounts{margin-top:75px}.official-accounts>h3{font-size:26px;color:#cfdfeb;margin-bottom:35px}.official-account-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.official-account-grid>a{display:flex;align-items:flex-start;gap:13px;padding:25px 0;border-top:1px solid #d1e2ef27;color:#d4e0ec}.official-account-grid>a>img,.person-monogram{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#edf3f7;object-fit:contain;padding:8px}.person-monogram{font-size:13px;padding:0;display:grid;place-items:center;background:#c5dbec14;color:#9db9cf;border:1px solid #d7e5f223}.official-account-grid>a>div{min-width:0}.official-account-grid span:not(.person-monogram){font-size:10px;color:#879fb4;display:block;margin-bottom:11px}.official-account-grid h4{font-size:19px;line-height:1.45;font-weight:500}.official-account-grid p{font-size:13px;color:#91adc4;line-height:1.7;margin-top:9px}.official-account-grid>a>i{font-size:15px;font-style:normal;color:#728fa7;margin-left:auto}@keyframes grok-float{50%{transform:translateY(-6px) rotate(-4deg)}}@keyframes grok-blink{0%,43%,47%,100%{transform:rotate(-24deg) scaleY(1)}45%{transform:rotate(-24deg) scaleY(.1)}}@keyframes bot-source-glow{0%,30%{background:#c9ddef14;box-shadow:0 0 25px #9ac5e80a}55%,100%{background:#c9ddef08;box-shadow:none}}@keyframes bot-user{0%,5%{opacity:.2;transform:translateY(15px)}15%,95%{opacity:1;transform:none}100%{opacity:.2;transform:translateY(-10px)}}@keyframes bot-thinking{0%,17%{opacity:0}25%,44%{opacity:1}55%,100%{opacity:0}}@keyframes bot-answer{0%,34%{opacity:0;transform:translateY(20px)}55%,94%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-10px)}}@keyframes bot-answer-row{0%,47%{opacity:0;transform:translateX(12px)}60%,94%{opacity:1;transform:none}100%{opacity:0;transform:none}}
.closing-section{background:#030b11;min-height:110svh;isolation:isolate;overflow:hidden;position:relative}.closing-portal{position:absolute;inset:0;z-index:0;opacity:.8;pointer-events:none}.closing-portal canvas{width:100%;height:100%;display:block}.closing-copy{position:relative;z-index:2;align-self:flex-start;margin-top:65px;text-shadow:0 3px 25px #0007}.closing-copy h2{font-size:clamp(58px,6vw,94px);line-height:1.25;letter-spacing:-.035em}.closing-copy>p{font-size:25px;color:#c0d0df;margin-top:30px}.closing-eyebrow{font-size:14px;color:#6f91ac}.closing-actions{margin-top:50px}.closing-footer{z-index:2;font-size:12px;color:#7596b0}
@media(min-width:1700px){.course-page .model-carousel{height:226px}.course-page .model-sculpture{width:180px;height:220px;margin-left:-90px;transform:translateX(calc(var(--offset)*198px)) translateZ(calc(var(--distance)*-77px)) rotateY(calc(var(--offset)*-9deg))}.course-page .sculpture-orb{width:155px;height:155px}.course-page .model-sculpture h3{font-size:29px}.course-page .model-sculpture p{font-size:17px}.branch-panel{padding:25px 28px}.branch-panel h3{font-size:30px}.branch-panel p{font-size:20px}.compact-milestones strong{font-size:19px}.compact-milestones time{font-size:15px}.company-facts{font-size:17px}.branch-panel .text-link{font-size:17px}.branch-label{font-size:15px}.current-branch>time{font-size:18px}.course-page .chart-label strong{font-size:22px}.course-page .chart-label>div>span{font-size:16px}.case-steps strong{font-size:25px}.library-file strong{font-size:15px}.library-file time{font-size:12px}.message-focus p{font-size:29px}.stream-message p{font-size:18px}.case-tool{font-size:17px}}
@media(max-width:1100px){.hero-portal{left:37%;width:63%}.course-heading h2{font-size:40px}.course-heading p{font-size:18px}.course-page .model-carousel{height:180px}.course-page .model-sculpture{width:126px;height:170px;margin-left:-63px;transform:translateX(calc(var(--offset)*124px)) translateZ(calc(var(--distance)*-65px)) rotateY(calc(var(--offset)*-10deg))}.course-page .sculpture-orb{height:103px;width:103px}.course-page .model-sculpture h3{font-size:21px}.course-page .model-sculpture p{font-size:12px}.branch-panel{padding:17px 15px;min-height:230px}.branch-panel h3{font-size:21px}.branch-panel p,.presentation-mode .branch-panel p{font-size:14px}.company-facts{font-size:12px}.branch-panel .text-link{font-size:12px}.compact-milestones button{grid-template-columns:77px 1fr;gap:4px}.compact-milestones time{font-size:10px}.compact-milestones strong{font-size:12px}.course-page .chart-row{grid-template-columns:25px minmax(240px,1.2fr) minmax(90px,1.1fr) 60px;gap:12px}.course-page .chart-label strong{font-size:16px}.course-page .chart-label>div>span{font-size:11px}.course-page .chart-score{font-size:20px}.chart-mark{height:27px;width:27px;padding:4px}.course-page .anatomy-stage{height:640px}.course-page .anatomy-sidebar{width:107px;left:14px}.course-page .anatomy-sidebar span{font-size:14px}.course-page .anatomy-sidebar small{font-size:10px}.course-page .agent-viewport{inset:83px 220px 111px 82px}.course-page .scene-tools{right:220px}.anatomy-inspector{width:193px;right:18px}.inspector-content{padding:22px 18px}.inspector-content h3{font-size:24px}.inspector-content>p{font-size:14px}.inspector-task strong{font-size:13px}.inspector-eyebrow{font-size:11px}.course-page .explode-controls,.course-page .scene-hint{left:43%}.explode-controls button{font-size:15px;padding:12px 19px}.app-stage-heading h3{font-size:20px}.app-stage-heading p{font-size:11px}.app-stage-mark{height:43px;width:43px}.extension-scene{gap:20px 30px}.extension-intro>span{font-size:32px}.extension-intro h3{font-size:24px}.extension-intro p{font-size:15px}.extension-demo{height:340px}.extension-loop-steps span{font-size:16px}.connection-bridge{left:22px;right:22px;gap:11px}.email-stream{left:22px;right:22px}.email-summary{left:22px;right:22px}.skill-search-box>span{font-size:12px}.skill-results strong{font-size:12px}.skill-selected strong{font-size:19px}.case-heading h3{font-size:34px}.case-heading p{font-size:16px}.case-steps strong{font-size:18px}.auto-practice[data-practice=article-archive] .case-visual{grid-template-columns:.65fr .7fr 1.2fr;gap:14px}.article-task-request p{font-size:12px}.article-task-request{padding:15px 10px}.article-phone{height:350px}.topic-library{min-height:475px}.library-title{padding:20px 14px}.library-title h4{font-size:16px}.library-title p{font-size:9px}.library-title>b{font-size:7px}.library-files{padding:0 14px}.library-file strong{font-size:10px}.library-file time{font-size:8px}.library-file{min-height:55px;gap:8px}.library-complete strong{font-size:21px}.real-word-reader{height:460px}.word-document-window{height:365px}.fund-review-overlay{width:195px;padding:13px 18px}.fund-review-overlay strong{font-size:17px}.fund-review-overlay p{font-size:11px}.fund-evidence b{font-size:23px}.fund-evidence span{font-size:9px}.message-focus{inset:70px 18px 60px;padding:23px 18px}.message-focus p{font-size:19px}.message-focus>strong{font-size:13px}.message-focus>span{font-size:11px}.stream-message p{font-size:12px}.auto-practice .task-record h4{font-size:22px}.auto-practice .deadline-change strong{font-size:16px}.auto-practice .task-record p{font-size:11px}.auto-practice .plan-timeline strong{font-size:14px}.bot-workspace{grid-template-columns:210px 1fr}.bot-sidebar{padding:26px 18px}.bot-chat{padding:25px}.bot-user-message{font-size:14px;margin-left:25px}.bot-answer>span{font-size:16px}.bot-answer b{font-size:14px}.bot-answer p{font-size:12px}.bot-source strong{font-size:12px}.bot-source small{font-size:9px}.official-account-grid{grid-template-columns:1fr 1fr;gap:20px 30px}.official-account-grid h4{font-size:20px}}
@media(max-width:800px){.hero-portal{left:20%;top:29%;width:90%;height:68%;opacity:.88}.hero-copy{max-width:78%;margin-top:0}.hero h1{font-size:72px}.hero .hero-subtitle{font-size:21px}.hero .hero-description{font-size:14px}.course-page .hero{padding-top:155px}.model-section .course-heading h2,.presentation-mode .model-section .course-heading h2{font-size:33px}.model-section .course-heading p,.presentation-mode .model-section .course-heading p{font-size:15px}.model-section .course-heading{margin-bottom:26px}.course-page .model-carousel{height:180px}.course-page .model-sculpture{transform:translateX(calc(var(--offset)*118px)) translateZ(calc(var(--distance)*-92px)) rotateY(calc(var(--offset)*-13deg))}.course-page .model-sculpture[style*="--distance:3"]{visibility:hidden;pointer-events:none}.course-page .family-tabs{flex-wrap:wrap;gap:5px}.course-page .family-tabs button{font-size:13px}.model-branch-grid{grid-template-columns:1fr;gap:15px}.branch-panel{min-height:0;padding:24px}.branch-panel h3{font-size:25px}.branch-panel p,.presentation-mode .branch-panel p{font-size:17px}.company-facts{font-size:15px}.branch-panel .text-link{font-size:15px}.compact-milestones button{grid-template-columns:96px 1fr;gap:10px}.compact-milestones time{font-size:13px}.compact-milestones strong{font-size:17px}.branch-label{font-size:14px}.current-branch>time{font-size:16px}.capability-track{gap:10px;margin-top:38px;display:grid;grid-template-columns:1fr 1fr}.capability-track>i{display:none}.capability-track p{font-size:14px}.capability-track>div>span{font-size:17px}.benchmark-intro h3{font-size:28px}.benchmark-intro p{font-size:16px}.course-page .benchmark-card{padding:24px 22px}.course-page .benchmark-top h3{font-size:27px}.course-page .benchmark-meta{font-size:12px}.course-page .chart-row{grid-template-columns:24px 1fr 55px;gap:8px;min-height:114px}.course-page .chart-track{grid-column:2/4;grid-row:2}.course-page .chart-score{grid-column:3;grid-row:1;font-size:20px}.course-page .chart-label{grid-column:2;grid-row:1}.course-page .chart-label strong{font-size:15px}.course-page .chart-label>div>span{font-size:10px}.course-page .chart-rank{font-size:10px}.course-page .chart-bottom{font-size:11px}.concept-connection{font-size:15px}.concept-connection>span,.concept-connection>strong{font-size:14px}.course-page .anatomy-stage{height:850px}.course-page .anatomy-caption{top:23px;left:20px}.course-page .anatomy-caption strong{font-size:20px}.course-page .agent-viewport,.anatomy-stage[data-agent-mode=assembled] .agent-viewport{inset:70px 13px 350px}.course-page .anatomy-sidebar{left:15px;right:15px;top:auto;bottom:263px;width:auto;display:flex;gap:6px}.course-page .anatomy-sidebar button{flex:1;display:block;padding:11px 3px;min-width:0;text-align:center}.course-page .anatomy-sidebar span{font-size:12px}.course-page .anatomy-sidebar small{font-size:8px;white-space:nowrap}.course-page .anatomy-sidebar i{display:none}.anatomy-inspector{left:15px;right:15px;bottom:21px;top:auto;width:auto;height:217px}.inspector-content{display:grid;grid-template-columns:.8fr 1.3fr;gap:12px 18px;padding:24px;width:100%;height:100%;align-content:center}.inspector-eyebrow{grid-column:1;align-self:end;font-size:11px}.inspector-content h3{grid-column:1;grid-row:2;font-size:22px;margin:0}.inspector-content>p{grid-column:2;grid-row:1/3;font-size:14px;line-height:1.8;margin:0}.inspector-task{grid-column:1/3;padding-top:12px;margin-top:3px;display:flex;align-items:center;gap:12px}.inspector-task span{font-size:10px;margin:0;white-space:nowrap}.inspector-task strong{font-size:12px}.inspector-logo{height:39px;width:39px;margin:0;grid-row:1;grid-column:1}.anatomy-stage[data-agent-mode=assembled] .inspector-eyebrow{display:none}.course-page .scene-tools{right:18px;top:61px}.course-page .explode-controls{left:50%;bottom:330px;width:auto}.course-page .scene-hint{left:50%;bottom:311px;font-size:10px}.layer-guide{display:none}.compact-flow strong{font-size:16px}.install-selector{gap:10px}.install-selector button{font-size:15px;padding:8px}.install-selector button>span{font-size:10px}.install-detail .install-steps{grid-template-columns:1fr 1fr;gap:25px}.install-detail .install-steps p,.presentation-mode .install-detail .install-steps p{font-size:16px}.install-detail-header h3{font-size:27px}.install-detail-header{gap:12px;flex-wrap:wrap}.install-detail-footer{flex-wrap:wrap;font-size:13px;gap:13px}.install-detail-footer>span{width:100%}.extension-scene{grid-template-columns:1fr;gap:25px}.extension-intro>span{font-size:32px}.extension-intro h3{font-size:27px;margin:13px 0}.extension-intro p{font-size:17px}.extension-demo{height:360px}.extension-loop-steps,.extension-scene>a{grid-column:1}.extension-loop-steps{gap:13px;flex-wrap:wrap}.extension-loop-steps span{min-width:35%;font-size:16px}.connection-bridge{top:25px;gap:10px}.skill-search-box>span{font-size:14px}.skill-results strong{font-size:14px}.case-heading h3{font-size:32px}.case-heading p{font-size:17px}.case-tool{font-size:12px}.auto-practice .case-steps{grid-template-columns:1fr 1fr;gap:15px}.case-steps strong{font-size:19px}.auto-practice .case-visual{padding:22px}.auto-practice[data-practice=word-ppt] .case-visual{grid-template-columns:1fr}.conversion-axis{display:none}.real-word-reader{height:490px}.word-document-window{height:395px}.fund-deck{width:100%;margin-top:25px}.fund-evidence b{font-size:25px}.fund-evidence span{font-size:11px}.fund-transform-note{font-size:13px}.fund-preview-stage{margin:12px}.fund-review-overlay{width:210px}.auto-practice[data-practice=article-archive] .case-visual{grid-template-columns:1fr;gap:27px}.article-phone{height:370px;width:190px}.article-source-material .paper-ribbon{text-align:center;display:block}.article-codex-task{min-height:0;padding:0 0 25px}.article-task-request{padding:18px 24px;margin-bottom:17px}.article-task-request p{font-size:17px}.collector-actions{grid-template-columns:1fr 1fr;gap:12px 25px}.collector-actions span{font-size:16px}.collector-beam{display:none}.topic-library{min-height:510px}.library-title{padding:23px 21px}.library-title h4{font-size:20px}.library-title p{font-size:11px}.library-file strong{font-size:14px}.library-file time{font-size:11px}.library-files{padding:0 21px}.library-file{gap:14px}.library-formats{font-size:11px}.library-title>b{font-size:8px}.library-index-line{flex-wrap:wrap;font-size:11px}.auto-practice[data-practice=chat-plan] .case-visual{grid-template-columns:1fr;gap:24px}.chat-codex-filter{display:none}.chat-window-heading h4{font-size:24px}.chat-window-heading p{font-size:13px}.message-stream p{font-size:16px}.message-overflow{height:410px}.message-focus{inset:58px 22px 56px}.message-focus p{font-size:24px}.message-focus>span{font-size:13px}.message-focus>strong{font-size:16px}.auto-practice .task-record h4{font-size:26px}.auto-practice .task-record>span,.auto-practice .task-record p{font-size:13px}.auto-practice .plan-timeline strong{font-size:17px}.auto-practice .deadline-change strong{font-size:20px}.sources-section{padding-top:185px}.sources-section .course-heading h2{font-size:37px}.sources-section .course-heading p{font-size:18px}.bot-workspace{grid-template-columns:1fr;min-height:0}.bot-sidebar{display:grid;grid-template-columns:60px 1fr;padding:24px;gap:10px 18px;border-right:0;border-bottom:1px solid #adbdcd17}.bot-window-controls{display:none}.grok-character{grid-row:1/3;grid-column:1;width:52px;height:50px;margin:0}.grok-character>i{left:17px;top:12px}.grok-character>i:nth-child(2){left:30px;top:10px}.bot-sidebar h3{grid-column:2;font-size:23px}.bot-sidebar>p{grid-column:2;margin:0;font-size:14px}.bot-source{grid-column:1/3;margin:5px 0 0;padding:15px}.bot-source strong{font-size:16px}.bot-source small{font-size:11px}.bot-source:nth-of-type(4){display:none}.bot-sidebar>a{grid-column:1/3;font-size:13px;padding:0;margin-top:10px}.bot-demo-label{grid-column:1/3;font-size:10px;margin-top:0}.bot-chat{padding:22px 24px}.bot-user-message{font-size:16px;margin-left:0}.bot-answer>span{font-size:18px}.bot-answer b{font-size:16px}.bot-answer p{font-size:14px}.bot-answer i{position:static;font-size:12px;display:block;margin-top:10px}.bot-input{font-size:11px}.official-accounts{margin-top:60px}.official-account-grid{grid-template-columns:1fr}.official-account-grid h4{font-size:24px}.official-account-grid p{font-size:16px}.official-account-grid span:not(.person-monogram){font-size:13px}.official-account-grid>a>img,.person-monogram{height:48px;width:48px}.closing-section{min-height:100svh;padding-top:125px}.closing-copy{margin-top:30px}.closing-copy h2{font-size:50px}.closing-copy>p{font-size:21px}.closing-portal{top:18%;height:75%;left:-10%;right:-10%}.closing-eyebrow{font-size:12px}.closing-footer{font-size:9px}}
@media(max-width:680px){.hero h1{font-size:58px}.hero-copy{max-width:90%;margin-top:0}.hero .hero-subtitle{font-size:18px}.course-page .hero{padding-top:150px}.hero-portal{left:5%;top:26%;width:113%;height:73%;opacity:.72}.hero .hero-description{font-size:12px}.hero-bottom{font-size:8px}.course-heading h2,.presentation-mode .course-heading h2{font-size:31px}.course-heading p,.presentation-mode .course-heading p{font-size:16px}.course-heading{margin-bottom:33px}.model-section .course-heading h2,.presentation-mode .model-section .course-heading h2{font-size:30px}.course-page .model-section{padding-top:65px}.model-section .course-heading p,.presentation-mode .model-section .course-heading p{font-size:15px}.course-page .model-carousel{height:185px}.course-page .model-sculpture{width:120px;height:180px;margin-left:-60px;transform:translateX(calc(var(--offset)*105px)) translateZ(calc(var(--distance)*-115px)) rotateY(calc(var(--offset)*-17deg))}.course-page .model-sculpture[style*="--distance:2"],.course-page .model-sculpture[style*="--distance:3"]{visibility:hidden;pointer-events:none}.course-page .sculpture-orb{height:115px;width:115px}.course-page .model-sculpture h3{font-size:23px}.course-page .model-sculpture p{font-size:12px}.course-page .family-tabs button{font-size:13px;padding:8px 10px}.branch-panel{padding:23px 19px}.branch-panel h3{font-size:23px}.branch-panel p,.presentation-mode .branch-panel p{font-size:16px}.compact-milestones time{font-size:12px}.compact-milestones strong{font-size:15px}.compact-milestones button{grid-template-columns:86px 1fr}.company-facts{font-size:13px}.current-branch>time{font-size:14px}.branch-label{font-size:13px}.benchmark-intro h3{font-size:26px}.course-page .benchmark-card{padding:23px 16px}.course-page .benchmark-top h3{font-size:24px}.course-page .benchmark-meta{font-size:10px}.benchmark-tabs button{font-size:13px}.chart-mark{height:24px;width:24px}.course-page .chart-label strong{font-size:13px}.course-page .chart-label>div>span{font-size:9px}.course-page .chart-score{font-size:18px}.course-page .chart-row{grid-template-columns:17px 1fr 45px;gap:7px}.course-page .chart-rank{font-size:9px}.course-page .chart-track{height:10px}.course-page .chart-bottom{font-size:9px}.course-page .anatomy-stage{height:810px}.course-page .anatomy-caption strong{font-size:17px}.course-page .agent-viewport,.anatomy-stage[data-agent-mode=assembled] .agent-viewport{inset:60px 6px 344px}.course-page .anatomy-sidebar{left:10px;right:10px;gap:4px;bottom:258px}.course-page .anatomy-sidebar button{padding:10px 1px}.course-page .anatomy-sidebar span{font-size:10px}.course-page .anatomy-sidebar small{font-size:7px}.anatomy-inspector{left:10px;right:10px;bottom:18px;height:219px}.inspector-content{padding:20px 17px;gap:10px 14px}.inspector-content h3{font-size:20px}.inspector-content>p{font-size:12px}.inspector-task strong{font-size:11px}.inspector-task span{font-size:8px}.course-page .explode-controls{bottom:325px;gap:9px}.explode-controls button{font-size:13px;padding:11px 16px}.course-page .scene-hint{font-size:9px;bottom:307px}.course-page .scene-tools{right:13px}.compact-flow{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compact-flow>i{display:none}.compact-flow strong{font-size:14px}.concept-connection>span,.concept-connection>strong{font-size:12px}.installation-lab{height:1100px;border-radius:26px}.app-stage{left:20px;right:20px;width:auto;height:280px}.app-stage-codex{top:28px}.app-stage-dsh{top:390px}.app-stage-workbuddy{top:745px}.app-stage-heading h3{font-size:22px}.app-stage-heading p{font-size:12px}.app-stage-mark{height:45px;width:45px}.app-stage-screen{height:205px}.installation-core{top:33%;height:65px;width:95px;font-size:20px;border-radius:22px}.installation-rays{display:none}.app-stage-heading{gap:12px}.install-selector{gap:5px;flex-wrap:wrap}.install-selector button{font-size:13px;padding:8px 6px}.install-selector button>span{font-size:8px}.install-detail .install-steps{gap:20px 18px}.install-detail .install-steps h4{font-size:21px}.install-detail .install-steps p,.presentation-mode .install-detail .install-steps p{font-size:14px}.install-detail-header h3{font-size:27px}.install-detail-footer .text-link{font-size:14px}.trace-tabs{font-size:11px;gap:12px}.trace-tabs i{display:none}.trace-rows span{font-size:10px}.trace-timeline i{max-width:18px}.extension-intro h3{font-size:24px}.extension-intro p{font-size:16px}.extension-demo{height:370px;border-radius:22px}.connection-bridge{left:18px;right:18px;gap:9px}.demo-app-icon,.gmail-icon{height:41px;width:41px;padding:7px}.connection-bridge>b{font-size:10px}.email-stream{left:18px;right:18px;top:97px}.email-stream span{font-size:15px}.email-stream p{font-size:11px}.email-summary{inset:91px 17px 26px;padding:23px 21px}.email-summary h4{font-size:19px}.email-summary p{font-size:14px}.skill-search-box{margin:23px 17px 0;padding:14px 12px;gap:9px}.skill-search-box>span{font-size:11px}.skill-search-box>b{font-size:9px}.skill-results{padding:0 17px;gap:10px}.skill-results>div{padding:16px 12px}.skill-results strong{font-size:12px;word-break:break-word}.skill-results p{font-size:12px}.skill-results i{font-size:10px}.skill-selected{inset:148px 17px 36px;padding:27px 23px}.skill-selected strong{font-size:19px}.skill-selected p{font-size:13px}.extension-loop-steps span{font-size:15px}.task-method h3{font-size:27px;line-height:1.5}.brief-parts span{font-size:18px}.composer-details summary{font-size:15px}.case-heading h3{font-size:29px}.case-heading p{font-size:15px}.case-tool{font-size:10px}.case-heading{gap:12px}.auto-practice .case-visual{padding:16px;border-radius:25px}.real-word-reader{height:425px;border-radius:16px}.real-word-reader .paper-ribbon{font-size:10px;height:47px;padding:12px 14px}.word-document-window{height:340px;padding:9px 11px}.document-caption{height:38px;font-size:9px}.fund-evidence b{font-size:21px}.fund-evidence span{font-size:8px}.fund-transform-note{font-size:11px;padding:0 12px 12px}.fund-transform-note a{font-size:9px}.fund-review-overlay{width:165px;padding:11px 13px;right:5px;bottom:5px}.fund-review-overlay strong{font-size:14px}.fund-review-overlay p{font-size:9px}.fund-review-overlay i{font-size:8px}.artifact-toolbar{font-size:10px}.artifact-toolbar b{font-size:8px}.fund-preview-stage{margin:9px}.case-steps strong{font-size:17px}.case-steps>div{padding:17px 9px 13px}.case-steps>div>span{font-size:13px}.case-file-line strong{font-size:15px}.case-file-line>div>span{font-size:10px}.auto-flow-status{font-size:13px}.case-copy{font-size:14px}.case-details summary{font-size:14px}.case-details p,.case-details pre{font-size:13px}.article-phone{height:385px;width:193px}.article-task-request p{font-size:16px}.collector-actions span{font-size:15px}.topic-library{min-height:525px;border-radius:19px}.library-title{padding:20px 14px;gap:8px}.library-title h4{font-size:17px}.library-title p{font-size:10px}.library-title>b{font-size:7px}.library-files{padding:0 14px}.library-file strong{font-size:12px}.library-file time{font-size:9px}.library-file{gap:11px;min-height:58px}.library-formats{padding:15px 14px;gap:6px;font-size:9px}.library-index-line{padding:17px 14px;font-size:9px}.library-complete{inset:95px 14px 70px;padding:23px}.library-complete strong{font-size:22px}.library-complete p{font-size:12px}.chat-window-heading{padding:19px 14px;gap:11px}.chat-window-heading h4{font-size:20px}.chat-window-heading p{font-size:10px}.stream-message p{font-size:14px}.message-overflow{height:390px}.message-focus{inset:60px 18px 53px;padding:24px 17px}.message-focus p{font-size:20px}.message-focus>span{font-size:11px}.message-focus>strong{font-size:13px}.auto-practice .task-record h4{font-size:22px}.auto-practice .deadline-change strong{font-size:17px}.auto-practice .plan-timeline strong{font-size:15px}.chat-scope{font-size:10px}.sources-section .course-heading h2{font-size:32px}.sources-section .course-heading p{font-size:16px}.bot-workspace{border-radius:24px}.bot-sidebar{padding:23px 20px}.bot-chat{padding:21px 20px}.bot-user-message{font-size:14px;padding:16px}.bot-answer{padding:19px 17px}.bot-answer>span{font-size:17px}.bot-answer p{font-size:13px}.bot-chat-heading{font-size:13px}.bot-chat-heading i{font-size:9px}.official-accounts>h3{font-size:24px}.official-account-grid h4{font-size:23px}.official-account-grid p{font-size:15px}.official-account-grid span:not(.person-monogram){font-size:11px}.closing-copy h2{font-size:38px;white-space:nowrap}.closing-copy>p{font-size:19px}.closing-eyebrow{font-size:10px}.closing-actions{gap:17px}.closing-actions .button{font-size:12px}.closing-actions>a:not(.button){font-size:11px}.closing-footer{font-size:8px}.closing-portal{top:13%;height:82%;left:-40%;right:-40%}}
@media(prefers-reduced-motion:reduce){.scroll-scene{opacity:1;transform:none}.chart-row{opacity:1!important;transform:none!important}.course-page .chart-bar{transform:scaleX(1)}.word-scroll-pages{animation:none!important}.message-annotation path{stroke-dashoffset:0!important}.message-focus{transform:none!important}}
/* Keep teaching outputs readable when the viewer pauses or reduces motion. */
.model-information.scroll-scene{opacity:calc(.9 + var(--scene-progress)*.1)}
.branch-panel p,.presentation-mode .branch-panel p{color:#405e75}.company-facts{color:#55738b}.compact-milestones time{color:#547289}
.auto-practice[data-phase="1"] .chat-focus-layer,.auto-practice[data-phase="2"] .chat-focus-layer,.auto-practice[data-phase="3"] .chat-focus-layer{opacity:1}
.motion-paused .message-annotation path{stroke-dashoffset:0!important}
.motion-paused .email-summary,.motion-paused .skill-selected,.motion-paused .bot-user-message,.motion-paused .bot-answer,.motion-paused .bot-answer>div{opacity:1!important;transform:none!important;animation:none!important}
.motion-paused .email-stream,.motion-paused .skill-results,.motion-paused .bot-thinking{opacity:0!important}
@media(prefers-reduced-motion:reduce){.email-summary,.skill-selected,.bot-user-message,.bot-answer,.bot-answer>div{opacity:1!important;transform:none!important;animation:none!important}.email-stream,.skill-results,.bot-thinking{opacity:0!important}}

.extension-scene *:after,.extension-scene *:before,.layer-guide-path,.installation-core i,.collector-beam:after,.chat-codex-filter i{animation-play-state:paused!important}
.extension-scene.loop-active *:after,.extension-scene.loop-active *:before,.anatomy-stage.loop-active .layer-guide-path,.installation-lab.loop-active .installation-core i,.case-running .collector-beam:after,.case-running .chat-codex-filter i{animation-play-state:running!important}
.motion-paused .layer-guide-path,.motion-paused .installation-core i,.motion-paused .collector-beam:after,.motion-paused .chat-codex-filter i{animation-play-state:paused!important}

.trace-static{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.motion-paused .trace-static{display:block}.motion-paused .dsh-trace .media-kind{z-index:3}
@media(prefers-reduced-motion:reduce){.trace-static{display:block}.dsh-trace .media-kind{z-index:3}}
.scene-fallback{display:grid;align-content:center;gap:12px;height:100%}.scene-fallback>div{padding:20px;background:#e7f0f8;border:1px solid #fff;border-radius:14px;color:#446e8c;transition:transform .6s,opacity .6s}.scene-fallback>div>span{display:block;font-size:16px;margin-top:8px}.anatomy-stage[data-agent-mode=assembled] .scene-fallback>div:not(:first-child){display:none}.anatomy-stage[data-agent-mode=focused] .scene-fallback>div:not(.fallback-chosen){opacity:.4;transform:scale(.75)}.scene-fallback .fallback-chosen{transform:scale(1.1);background:#faffff}
@media(min-width:1101px){.compact-milestones strong{font-size:17px}.compact-milestones time{font-size:14px}}
.closing-actions>a:last-child{padding:15px 23px;border:1px solid #ffffff45;border-radius:999px;background:#122230b8;color:#fff;backdrop-filter:blur(18px);box-shadow:0 8px 24px #0002}