.motion-hero{--float-y:16px;--guide-float-y:13px;--motion-ease:cubic-bezier(.22,1,.36,1);width:100%;position:relative}.hero-stage{aspect-ratio:5/4;isolation:isolate;background:#f1f8fc;border-radius:34px;position:relative}.hero-visual .hero-workspace-background{z-index:-1;aspect-ratio:auto;border-radius:inherit;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-orbit{pointer-events:none;opacity:.65;border:1px dashed #b8d7ee;border-radius:50%;position:absolute}.hero-orbit-one{inset:17% 8% 13%;transform:rotate(-22deg)}.hero-orbit-two{opacity:.3;inset:27% 3% 25%;transform:rotate(28deg)}.hero-character-cluster{transform-origin:50% 75%;z-index:3;pointer-events:none;position:absolute;inset:20% 11% 9%}.hero-alpaca{z-index:2;transform-origin:53% 96%;width:69%;position:absolute;bottom:0;left:1%}.hero-gil{z-index:3;transform-origin:52% 55%;width:60%;position:absolute;bottom:5%;right:-3%}.hero-visual .hero-gil img,.hero-visual .hero-alpaca img{aspect-ratio:auto;object-fit:contain;filter:drop-shadow(0 6px 6px #6b8ab41c);border-radius:0;width:100%;height:auto}.hero-image-fallback{aspect-ratio:5/4;text-align:center;color:#3a6b89;background:#f1f8fc;border-radius:34px;align-content:center;gap:18px;padding:32px;display:grid}.hero-image-fallback p{margin:0;font-size:clamp(22px,3vw,32px);font-weight:700}.hero-image-fallback span{font-size:13px;line-height:1.8}.hero-float{z-index:4;filter:drop-shadow(0 8px 12px #6b9fcb26);position:absolute}.hero-float svg{width:100%;height:auto;display:block;overflow:visible}.hero-float-browser{--tilt:-9deg;--duration:6s;--delay:-.8s;width:22%;top:14%;left:5%}.hero-float-bulb{--tilt:6deg;--duration:4.8s;--delay:-1.7s;width:13%;top:5%;left:44%}.hero-float-file{--tilt:9deg;--duration:5.6s;--delay:-2.9s;width:15%;top:13%;right:7%}.hero-float-book{z-index:2;--tilt:-6deg;--duration:6.8s;--delay:-3.1s;width:16%;top:43%;left:3%}.hero-icon-card{transform:rotate(var(--tilt));position:relative}.hero-float .hero-check{--check-size:clamp(22px,4.7vw,32px);width:var(--check-size);height:var(--check-size);max-width:none;position:absolute;bottom:-6%;right:-8%}.hero-bulb-glow{z-index:-1;background:radial-gradient(circle,#ffdf813d,#0000 70%);border-radius:50%;position:absolute;inset:-25%}.hero-spark{color:#d8b556;font-size:clamp(16px,2.4vw,28px);position:absolute}.hero-spark-one{top:42%;right:5%}.hero-spark-two{color:#80abe0;font-size:16px;top:37%;left:35%}.hero-spark-three{color:#79adcf;top:6%;left:10%}.hero-stage-note{z-index:5;color:#3a6b89;background:#fffffff2;border:1px solid #cce1ee;border-radius:100px;padding:6px 13px;font-size:clamp(10px,1.15vw,13px);font-weight:650;position:absolute;bottom:6%;right:8%;box-shadow:0 5px 16px #5282a114}.hero-stage-note span{color:#2b9799;padding-right:5px}.hero-typing{z-index:4;opacity:0;gap:3px;display:flex;position:absolute;bottom:6%;left:36%;transform:rotate(-6deg)}.hero-typing i{background:#e7f7ff;border-radius:50%;width:4px;height:4px;display:block}.hero-motion-controls{flex-wrap:wrap;justify-content:center;gap:0 16px;margin-top:4px;display:flex}.hero-motion-controls button{color:#4b6e84;text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:8px 2px;font-size:11px}.hero-motion-controls button:hover{text-decoration:underline}.hero-motion-controls button:disabled{color:#707c84;cursor:default}.hero-motion-controls button:focus-visible{border-radius:4px}.motion-hero[data-motion-ready] .hero-float{animation:lounge-float var(--duration) var(--delay) ease-in-out infinite}.motion-hero[data-motion-ready] .hero-gil{animation:5.8s ease-in-out -.5s infinite lounge-gil-guide}.motion-hero[data-motion-ready] .hero-alpaca{animation:6s ease-in-out infinite lounge-alpaca-work}.motion-hero[data-motion-ready] .hero-bulb-glow{animation:5s ease-in-out infinite lounge-bulb}.motion-hero[data-motion-ready] .hero-typing{animation:6s infinite lounge-typing}.motion-hero[data-motion-paused] *{animation-play-state:paused!important}.motion-hero[data-motion-paused] .hero-typing{opacity:0}.motion-hero[data-intro] .hero-stage{z-index:20}.motion-hero[data-intro] .hero-character-cluster{z-index:6}.motion-hero[data-intro] .hero-alpaca{animation:.65s ease-in-out both lounge-intro-work}.motion-hero[data-intro] .hero-gil{animation:lounge-intro-guide 1.1s var(--motion-ease) both}.motion-hero[data-intro] .hero-stage-note{animation:.48s .8s both lounge-note-in}@keyframes lounge-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(calc(-1 * var(--float-y))) rotate(2deg)}}@keyframes lounge-alpaca-work{0%,28%,42%,to{transform:rotate(0)}32%,38%{transform:rotate(-.35deg)}35%{transform:rotate(.25deg)}}@keyframes lounge-gil-guide{0%,to{transform:translateY(0)rotate(1deg)}50%{transform:translate(-3px,calc(-1 * var(--guide-float-y))) rotate(-1.5deg)}}@keyframes lounge-bulb{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}}@keyframes lounge-typing{0%,27%,44%,to{opacity:0}30%,35%,40%{opacity:1}32%,38%{opacity:.25}}@keyframes lounge-intro-work{0%,to{transform:none}20%,60%{transform:rotate(-.6deg)}40%,80%{transform:rotate(.3deg)}}@keyframes lounge-intro-guide{0%{transform:translate(14px,-16px)rotate(3deg)}55%{transform:translate(-4px,-6px)rotate(-2deg)}to{transform:none}}@keyframes lounge-note-in{0%{opacity:0;transform:translateY(8px)scale(.9)}to{opacity:1;transform:none}}@media (width<=639px){.motion-hero{--float-y:9px;--guide-float-y:9px;max-width:440px;margin-inline:auto}.hero-stage{border-radius:24px}.hero-motion-controls{gap:0 12px}.hero-motion-controls button{font-size:11px}}@media (prefers-reduced-motion:reduce){.motion-hero *,.motion-hero :before,.motion-hero :after{transition:none!important;animation:none!important}.hero-typing{display:none}}.learning-scenes{border:1px solid var(--color-brand-mid);background:linear-gradient(135deg,#f3f9fc 0%,#fffdf7 74%);border-radius:18px;margin-top:46px;padding:34px}.learning-scenes-heading{justify-content:space-between;align-items:end;gap:28px;display:flex}.learning-scenes-heading h2{margin-top:8px;font-size:22px}.learning-scenes-note{color:var(--color-muted);margin:14px 2px 2px;font-size:11px;line-height:1.7}.learning-scenes-tabs{background:#ffffffbd;border:1px solid #d5e5ec;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:26px;padding:6px;display:none}.learning-scenes.is-enhanced .learning-scenes-tabs{display:grid}.learning-scenes-tab{color:#526979;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:8px;font-size:12px;font-weight:700;transition:background .18s,color .18s,box-shadow .18s;display:flex}.learning-scenes-tab>span{color:#8ca1ad;letter-spacing:.08em;font-size:10px}.learning-scenes-tab.is-selected{color:var(--color-brand);background:#fff;box-shadow:0 4px 14px #37596c1f}.learning-scenes-tab.is-selected>span{color:var(--color-brand)}.learning-scenes-tab:focus-visible{outline-offset:2px;outline:3px solid #f1be63}.learning-scenes-panels{margin-top:18px}.learning-scene{grid-template-columns:minmax(0,.92fr) minmax(270px,1.08fr);align-items:center;gap:30px;padding:12px 4px 6px;display:grid}.learning-scene+.learning-scene{border-top:1px dashed #c8d9e1;margin-top:24px;padding-top:30px}.learning-scenes.is-enhanced .learning-scenes-panels{grid-template-columns:minmax(0,1fr);display:grid}.learning-scenes.is-enhanced .learning-scene{border:0;grid-area:1/1;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);align-items:stretch;min-width:0;margin:0;padding:6px 2px 2px}.learning-scenes.is-enhanced .learning-scene:not(.is-selected){visibility:hidden;pointer-events:none}@supports (grid-template-rows:subgrid){.learning-scenes.is-enhanced .learning-scenes-panels{grid-template-rows:auto auto;row-gap:20px}.learning-scenes.is-enhanced .learning-scene{grid-row:1/3;grid-template-rows:subgrid;row-gap:inherit}}.is-enhanced .learning-scene.is-selected{animation:.36s ease-out both learning-scene-in}.is-enhanced .learning-scene.is-selected .scene-window{animation:.42s cubic-bezier(.22,.8,.3,1) both learning-scene-art-in}.learning-scene-step{color:var(--color-brand);letter-spacing:.14em;margin:0;font-size:10px;font-weight:800}.learning-scene h3{letter-spacing:-.035em;margin:8px 0 10px;font-size:clamp(20px,2.4vw,27px)}.learning-scene-copy>p:not(.learning-scene-step):not(.learning-scene-detail){color:var(--color-muted);margin:0;font-size:13px;line-height:1.8}.learning-scene-sentence{display:block}.learning-scene-phrase{vertical-align:top;max-width:100%;display:inline-block}.learning-scene-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:18px;display:flex}.learning-scene-detail{color:var(--color-brand);align-items:center;gap:6px;margin:0;font-size:12px;font-weight:700;display:inline-flex}.learning-scene-detail span{background:#dceef5;border-radius:50%;flex:0 0 19px;place-items:center;width:19px;height:19px;display:grid}.learning-scene-cta{min-height:44px;margin:0;padding:9px 16px;font-size:12px}.learning-scene-art{background:#e5f1f5;border-radius:16px;place-items:center;min-height:248px;display:grid;position:relative;overflow:hidden}.learning-scene-art:before{content:"";background:#fff5cf;border-radius:50%;width:230px;height:230px;position:absolute;transform:translate(39px,-54px)}.learning-scene-art:after{content:"";border:18px solid #b9ddeb;border-radius:28px;width:112px;height:112px;position:absolute;transform:rotate(18deg)translate(-156px,80px)}.scene-window{z-index:1;background:#fff;border:1px solid #b6d0db;border-radius:12px;width:min(82%,370px);min-height:174px;position:relative;overflow:hidden;box-shadow:0 16px 28px #2e50622e}.scene-window-bar{background:#f8fbfc;border-bottom:1px solid #dce9ee;align-items:center;gap:5px;min-height:30px;padding:0 10px;display:flex}.scene-window-bar i{background:#f3c27a;border-radius:50%;width:6px;height:6px;display:block}.scene-window-bar i:nth-child(2){background:#b9dba5}.scene-window-bar i:nth-child(3){background:#a9d4e4}.scene-window-bar b{color:#67808f;margin-left:5px;font-size:12px;font-weight:700}.scene-chat-window{padding-bottom:13px}.scene-chat-line{border-radius:9px;width:max-content;max-width:calc(100% - 30px);margin:12px 13px 0;padding:8px 10px;font-size:12px;line-height:1.55}.scene-chat-user{color:#315c72;background:#dceef5;margin-left:auto}.scene-chat-ai{color:#64552d;background:#fff3cf}.scene-chat-dots{gap:4px;margin:10px 15px 0;display:flex}.scene-chat-dots span{background:#91aeba;border-radius:50%;width:5px;height:5px}.scene-file-window{padding-bottom:15px}.scene-file-lines{gap:8px;padding:17px 20px 0;display:grid}.scene-file-lines span{background:#ddebf0;border-radius:99px;height:7px;display:block}.scene-file-lines .file-line-blue{background:#8ec6dc;width:72%}.scene-file-lines .file-line-short{width:46%}.scene-file-lines .file-line-medium{width:61%}.scene-file-card{color:#6d5f38;background:#f7f1d8;border-radius:8px;grid-template-columns:1fr auto;gap:2px 8px;margin:16px 16px 0;padding:10px 12px;display:grid}.scene-file-card small{grid-column:1/-1;font-size:12px}.scene-file-card strong{font-size:12px}.scene-file-card span{align-self:end;font-size:12px}.scene-profile-window{padding-bottom:13px}.scene-profile-body{grid-template-columns:42px 1fr;gap:5px 10px;padding:16px;display:grid}.scene-avatar{color:#8b6a29;background:#fee8ae;border-radius:50%;grid-row:span 2;place-items:center;width:42px;height:42px;font-size:16px;font-weight:800;display:grid}.scene-profile-body>div{flex-direction:column;justify-content:center;gap:2px;display:flex}.scene-profile-body>div strong{color:#3d5866;font-size:12px}.scene-profile-body>div span{color:#7c929d;font-size:12px}.scene-profile-body em{color:#56829a;grid-column:1/-1;margin-top:10px;font-size:12px;font-style:normal;font-weight:800}.scene-profile-body p{color:#607884;background:#edf5f7;border-radius:5px;grid-column:1/-1;margin:0;padding:5px 8px;font-size:12px}@keyframes learning-scene-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes learning-scene-art-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.learning-scenes-tab,.is-enhanced .learning-scene.is-selected,.is-enhanced .learning-scene.is-selected .scene-window{transition:none;animation:none}}@media (width<=639px){.learning-scenes{margin-top:30px;padding:22px 16px}.learning-scenes-heading{display:block}.learning-scenes-heading h2{font-size:19px}.learning-scenes-tabs{gap:4px;margin-top:20px;padding:4px}.learning-scenes-tab{gap:3px;min-height:48px;padding:6px 3px;font-size:10px}.learning-scenes-tab>span{display:none}.learning-scene{grid-template-columns:1fr;gap:22px;padding:8px 2px 2px}.learning-scene+.learning-scene{margin-top:18px;padding-top:24px}.learning-scene h3{font-size:21px}.learning-scene-art{min-height:220px}.scene-window{width:min(88%,340px)}.learning-scene-cta{width:100%}}.catalog-grid>.home-learning-showcase{grid-column:1/-1}.home-learning-showcase{border:1px solid var(--color-brand-mid);background:linear-gradient(135deg,#f3f9fc 0%,#fffdf7 74%);border-radius:18px;gap:0;display:grid;overflow:hidden}.home-learning-showcase>.content-card{min-width:0}.home-learning-showcase>.content-card .card-link{background:0 0;border:0;border-radius:0}.home-learning-showcase .learning-scenes{background:0 0;border:0;min-width:0;margin-top:0;padding:0}.learning-scenes-disclosure>summary{min-height:54px;color:var(--color-brand);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-size:14px;font-weight:700;list-style:none;display:flex}.learning-scenes-disclosure>summary::-webkit-details-marker{display:none}.learning-scenes-disclosure>summary:after{content:"+";flex:none;font-size:22px;font-weight:400;line-height:1}.learning-scenes-disclosure[open]>summary:after{content:"−"}.learning-scenes-summary-note{color:var(--color-muted);font-size:11px;font-weight:500}.learning-scenes-stage{background:#ffffffbd;border:1px solid #d5e5ec;border-radius:14px;margin-top:20px;padding:10px}.learning-scenes-stage .learning-scenes-tabs{background:0 0;border:0;border-radius:0;margin-top:0;padding:0}@media (width>=900px){.home-learning-showcase{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.home-learning-showcase>.content-card{border-right:1px solid var(--color-brand-mid);height:100%;padding-right:0}.home-learning-showcase .learning-scenes{padding:28px}.learning-scenes.is-enhanced .learning-scenes-disclosure>summary{display:none}.learning-scenes-heading{display:block}.learning-scenes-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.learning-scenes-tab{flex-direction:column;gap:3px;min-height:64px;padding:8px 4px}.learning-scene{grid-template-columns:1fr;gap:16px;padding:6px 2px 2px}.learning-scene h3{font-size:22px}.learning-scene-art{min-height:184px}}@media (width>=640px) and (width<=899px){.home-learning-showcase .learning-scene{grid-template-columns:1fr;gap:22px}}@media (width<=899px){.home-learning-showcase .learning-scenes-disclosure{border-top:1px solid var(--color-brand-mid)}.home-learning-showcase .learning-scenes-content{padding:0 18px 20px}.home-learning-showcase .learning-scenes-disclosure[open]>summary{border-bottom:1px solid #d5e5ec}}