/* V4: soft sculpted characters, purposeful motion and department modules. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.buddy{overflow:visible;flex-shrink:0}.buddy-body{transform-origin:60px 83px}.buddy-face{translate:var(--look-x,0px) var(--look-y,0px);transition:translate .18s ease-out}.buddy-eyes{transform-box:fill-box;transform-origin:center}.buddy-hand{transform-box:fill-box;transform-origin:10% 90%}.buddy-shadow{transform-origin:60px 108px}
.growth-scene .buddy-body,.module-orbit>.buddy .buddy-body{animation:buddyBob 4.6s ease-in-out infinite}.growth-scene .buddy-shadow,.module-orbit>.buddy .buddy-shadow{animation:buddyShadow 4.6s ease-in-out infinite}.growth-scene .buddy-eyes,.module-orbit>.buddy .buddy-eyes{animation:buddyBlink 6.2s infinite}.note-two .buddy-body,.note-two .buddy-eyes{animation-delay:-1.8s}.note-one .buddy-body{animation-delay:-.8s}.brain-touch{appearance:none;border:0;background:transparent;padding:0;cursor:pointer;border-radius:50%;line-height:0;touch-action:manipulation}.brain-touch:focus-visible{outline:2px solid #4d8b66;outline-offset:5px}.brain-touch:hover .right-hand,.brain-touch:focus-visible .right-hand{animation:buddyWave .8s ease-in-out 2}.brain-touch.is-reacting .buddy-body{animation:buddyHello .85s ease-in-out}.brain-touch.is-reacting .right-hand{animation:buddyWave .45s ease-in-out 2}
.growth-scene{height:630px}.scene-note{box-shadow:0 3px 0 #e7ebe7,0 16px 25px -16px #54745d33;background:linear-gradient(155deg,#fff,#f9fbf9);animation:none}.scene-note:is(button){color:inherit;text-align:left;cursor:pointer;font:inherit;transition:box-shadow .25s,border-color .25s}.scene-note:is(button):hover{box-shadow:0 4px 0 #cedbce,0 18px 28px -14px #54745d55}.scene-note:is(button):focus-visible{outline:2px solid #508263;outline-offset:4px}.scene-note[aria-pressed=true]{border-color:#97b8a0}.note-three{min-height:112px;max-width:300px;width:300px}.note-three [data-scene-detail]{white-space:pre-line}.scene-core{top:170px}.scene-core .buddy{width:190px;height:170px}.scene-core>span{font-size:10px}.scene-lines{pointer-events:none;stroke:#bccdc1;stroke-dasharray:3 7;opacity:.9}.flow-dot{stroke:none;fill:#73a88a;filter:drop-shadow(0 0 3px #82c39a77);offset-distance:0%;animation:ideaFlow 4.8s linear infinite}.dot-one{offset-path:path('M120 120C110 225 150 250 260 280')}.dot-two{offset-path:path('M405 125C420 240 340 250 270 280');animation-delay:-2.4s;fill:#ba9bc3}.dot-three{offset-path:path('M270 340C290 390 350 390 350 430');animation-delay:-1s}.growth-scene .scene-controls{position:absolute;z-index:4;bottom:-12px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#647068}.growth-scene .scene-controls button,[data-motion-toggle]{border:0;background:#f0f4f1;border-radius:30px;padding:8px 13px;font:inherit;color:#405d49;cursor:pointer}.growth-scene .scene-controls button:focus-visible,[data-motion-toggle]:focus-visible{outline:2px solid #405d49;outline-offset:3px}.growth-scene .scene-controls button:disabled,[data-motion-toggle]:disabled{cursor:default}.motion-paused .buddy *,.motion-paused .flow-dot,.motion-paused .orbit-dots i,.motion-away .buddy *,.motion-away .flow-dot,.motion-away .orbit-dots i{animation-play-state:paused!important}.motion-paused .buddy-face{translate:0 0;transition:none}
@keyframes buddyBob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}@keyframes buddyShadow{0%,100%{transform:scaleX(1);opacity:.18}50%{transform:scaleX(.8);opacity:.1}}@keyframes buddyBlink{0%,42%,46%,100%{transform:scaleY(1)}44%{transform:scaleY(.1)}}@keyframes buddyWave{0%,100%{transform:rotate(0deg)}50%{transform:rotate(-30deg)}}@keyframes buddyHello{0%,100%{transform:translateY(0) scale(1)}20%{transform:translateY(3px) scale(1.06,.94)}48%{transform:translateY(-12px) scale(.97,1.04) rotate(-6deg)}72%{transform:translateY(0) scale(1.03,.97)}}@keyframes ideaFlow{0%{offset-distance:0%;opacity:0}12%,85%{opacity:1}100%{offset-distance:100%;opacity:0}}
.module-hub .section-top h2{max-width:720px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.module-card{display:flex;align-items:flex-start;gap:18px;padding:26px 22px;border:1px solid #e3e9e4;border-radius:22px;color:inherit;text-decoration:none;background:#fff;box-shadow:0 3px 0 #edf1ed;transition:border-color .2s,box-shadow .2s}.module-card .buddy{width:70px;height:76px}.module-card h3{font-size:20px;line-height:1.2;letter-spacing:-.025em;margin:6px 0 11px}.module-card p{font-size:13px;line-height:1.55;color:#626b65;margin:0 0 16px}.module-card span{font-size:11px;color:#3c5f46}.module-card span b{font-size:15px;margin-left:5px}.module-card:hover{border-color:#8db39b;box-shadow:0 4px 0 #cbdcce,0 15px 25px -20px #345f45aa}.module-card:hover .buddy-body,.module-card:focus-visible .buddy-body{animation:buddyHello .85s ease-in-out}.module-card:focus-visible{outline:2px solid #456f51;outline-offset:4px}.module-scope{font-size:12px;color:#647068;max-width:900px;margin:25px 0 0;line-height:1.8}
.example-section{background:#f5f8f5}.teaching-demo{background:white;border:1px solid #d8e1da;border-radius:26px;padding:34px;max-width:1100px;margin:auto;box-shadow:0 5px 0 #e3eae4}.demo-topline{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#68766c;margin-bottom:22px}.demo-topline span:first-child{color:#354f3d}.demo-switches{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.demo-switches button{border:1px solid #d9e3dc;padding:11px 18px;border-radius:30px;background:white;color:#526257;font:inherit;font-size:12px;cursor:pointer}.demo-switches button[aria-selected=true]{background:#253c2d;border-color:#253c2d;color:white}.demo-switches button:focus-visible,.teaching-demo [role=tabpanel]:focus-visible{outline:2px solid #5d8f6d;outline-offset:4px}.teaching-demo [hidden]{display:none!important}.teaching-demo h3{font-size:28px;line-height:1.2;letter-spacing:-.035em;margin:0 0 14px}.teaching-demo section>p{font-size:13px;line-height:1.7;color:#5d685f;max-width:820px}.module-table{overflow:auto;margin:25px 0;max-width:100%}.module-table table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;font-variant-numeric:tabular-nums}.module-table th,.module-table td{padding:15px 13px;border-bottom:1px solid #e2e8e2}.module-table thead th{font-size:11px;font-weight:500;color:#65756a;background:#f6f8f6}.module-table tbody th{font-weight:500}.demo-insight{display:flex;gap:20px;align-items:center;background:#edf5ef;border-radius:18px;padding:20px 25px;margin-top:25px}.demo-insight .buddy{width:80px;height:80px}.demo-insight strong{font-size:17px;line-height:1.5;font-weight:500}.demo-insight p{font-size:13px;line-height:1.7;color:#516157;margin:7px 0 0}.teaching-demo .demo-caution{font-size:11px;margin:20px 0 0;max-width:none}.creative-story{max-width:760px;padding:80px 0 35px}.creative-story h2{font-size:43px;line-height:1.1;letter-spacing:-.04em}.creative-story p{font-size:16px;color:#5d685f;max-width:600px}.signal-note{padding:28px;background:#f8eff4;border-radius:18px;margin:26px 0}.signal-note span,.signal-note strong{display:block}.signal-note span{font-size:10px;color:#826674;margin-bottom:18px}.signal-note strong{font-size:27px;line-height:1.3;font-weight:500;max-width:650px}.signal-note p{font-size:14px;line-height:1.7;max-width:700px}.creative-brief{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.creative-brief p{font-size:15px;line-height:1.7;border-top:1px solid #e1e7e1;padding:22px 0 5px}.creative-brief strong{display:block;font-size:11px;font-weight:500;color:#5e7d68;margin-bottom:12px}
.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.format-grid article{border-top:1px solid #cddad1;padding-top:24px}.format-grid article>span{font-size:12px;color:#65796b}.format-grid h3{font-size:27px;line-height:1.2;letter-spacing:-.035em;margin:16px 0}.format-grid p{font-size:14px;line-height:1.8;color:#5e685f}.format-grid a{font-size:13px;color:#355a40}.module-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center;padding:45px 0 75px}.module-hero h1{font-size:clamp(40px,4.2vw,62px);line-height:1.07;letter-spacing:-.055em}.module-hero .lead{font-size:18px;line-height:1.7;max-width:690px}.module-orbit{position:relative;isolation:isolate;text-align:center;max-width:360px;width:100%;justify-self:center;background:radial-gradient(ellipse,#eaf5ed,white 70%);padding:25px 30px 35px}.module-orbit>.buddy{width:200px;height:200px;display:block;margin:auto}.module-orbit>span{display:block;font-size:13px;color:#5c7865}.module-orbit>p{font-size:25px;line-height:1.3;letter-spacing:-.03em;margin:12px auto 20px;max-width:260px}.module-orbit [data-motion-toggle]{font-size:10px}.orbit-dots{position:absolute;inset:15%;border:1px dashed #d1e2d6;border-radius:50%;z-index:-1}.orbit-dots i{position:absolute;width:7px;height:7px;background:#9dbda6;border-radius:50%;left:50%;top:50%;animation:orbit 10s linear infinite}.orbit-dots i:nth-child(2){animation-delay:-3.3s;background:#d4bbda}.orbit-dots i:nth-child(3){animation-delay:-6.6s;background:#d7ba9b}@keyframes orbit{from{transform:rotate(0deg) translateX(125px)}to{transform:rotate(360deg) translateX(125px)}}
.module-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.module-split h2{font-size:40px;line-height:1.12;letter-spacing:-.04em}.module-split p{font-size:15px;color:#5c665e;line-height:1.8}.question-list,.input-list{margin:0;padding:0;list-style:none}.question-list li{font-size:21px;line-height:1.5;border-top:1px solid #d5dfd7;padding:23px 0;letter-spacing:-.015em}.input-list li{font-size:15px;line-height:1.8;border-top:1px solid #d5dfd7;padding:18px 0}.work-sample{background:#eef5ef;border:1px solid #dbe5dd;border-radius:24px;padding:30px;box-shadow:0 5px 0 #e3ece5}.work-sample>.buddy{width:80px;height:80px;float:right;margin:-10px -5px 5px 10px}.work-sample>span{font-size:10px;color:#62786a;display:block;margin:10px 0 22px}.work-sample h3{font-size:23px;line-height:1.3;letter-spacing:-.02em}.work-sample p{font-size:13px;padding:13px 0;margin:0;border-bottom:1px solid #d4e0d6}.work-sample p:last-child{border:0}.module-steps{counter-reset:steps;list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:30px 60px}.module-steps li{counter-increment:steps;padding:20px 0 5px;border-top:1px solid #d3ddd5}.module-steps li::before{content:counter(steps);font-size:13px;color:#567860;display:block;margin-bottom:20px}.module-steps h3{font-size:25px;line-height:1.25;letter-spacing:-.025em}.module-steps p{font-size:15px;line-height:1.8;color:#5c665e}.module-measure{border-left:2px solid #c4d9ca;padding-left:30px}.module-measure h3{font-size:21px;font-weight:500;letter-spacing:-.02em;margin:0 0 15px}.module-measure h3:not(:first-child){margin-top:30px}.module-pair{display:flex;gap:25px;align-items:center;padding:28px 35px;background:#f4f7f4;border-radius:20px}.module-pair .buddy{width:80px;height:80px}.module-pair p{font-size:16px;max-width:760px;margin:0 0 8px}.module-pair a{font-size:13px;color:#385e42}.source-note{font-size:11px;color:#626d66;line-height:1.8;margin-bottom:60px}.module-live-example{padding-bottom:15px}
@media(max-width:1050px){.module-grid{grid-template-columns:1fr 1fr}.module-card{padding:22px 18px}.module-hero{gap:35px}.module-split{gap:40px}.module-hero h1{font-size:48px}.growth-scene .note-three{bottom:20px}.scene-core{top:160px}}
@media(max-width:780px){.module-hero,.module-split{grid-template-columns:1fr;gap:35px}.module-hero{padding:35px 0 50px}.module-hero h1{font-size:46px}.module-hero .lead{font-size:17px}.module-orbit{max-width:320px}.module-orbit>.buddy{width:170px;height:170px}.module-split h2{font-size:35px}.format-grid{grid-template-columns:1fr;gap:30px}.format-grid h3{font-size:27px}.creative-story{padding:55px 0 25px}.creative-story h2{font-size:36px}.teaching-demo{padding:25px}.module-steps{gap:25px}.module-steps h3{font-size:23px}.module-measure{padding-left:22px}.scene-core{top:155px}.scene-core .buddy{width:180px;height:160px}.growth-scene{height:590px}.note-three{bottom:25px}.growth-scene .scene-controls{bottom:0}.scene-lines{height:95%}}
@media(max-width:480px){.growth-copy h1{font-size:46px}.growth-scene{height:585px}.scene-core{top:150px}.scene-core .buddy{width:170px;height:155px}.scene-core strong{font-size:23px}.scene-core>span{font-size:10px}.note-two{top:93px}.note-three{bottom:38px!important;width:270px;max-width:270px;min-height:105px;right:0}.scene-note{padding:10px;gap:5px}.scene-note .buddy{width:48px;height:50px}.scene-note>span{font-size:10px}.growth-scene .scene-controls{font-size:9px;bottom:0}.growth-scene .scene-controls button{font-size:9px;padding:8px 10px}.module-grid{grid-template-columns:1fr;gap:12px}.module-card{padding:18px 20px;gap:20px}.module-card h3{font-size:21px;margin-top:4px}.module-card .buddy{width:75px;height:80px}.module-card p{margin-bottom:10px;font-size:13px}.module-card span{font-size:11px}.module-scope{font-size:11px}.teaching-demo{padding:20px 15px;border-radius:18px}.demo-topline{font-size:9px;line-height:1.6;gap:20px}.demo-switches{gap:6px;margin-bottom:23px}.demo-switches button{font-size:10px;padding:10px 12px}.teaching-demo h3{font-size:25px}.teaching-demo section>p{font-size:12px}.module-table{margin:20px 0}.module-table table{font-size:11px}.module-table th,.module-table td{padding:12px 6px;white-space:nowrap}.module-table thead th{font-size:9px}.demo-insight{gap:12px;padding:17px 13px;align-items:flex-start}.demo-insight .buddy{width:55px;height:60px}.demo-insight strong{font-size:14px}.demo-insight p{font-size:12px}.teaching-demo .demo-caution{font-size:10px}.creative-brief{grid-template-columns:1fr}.creative-brief p{font-size:14px}.signal-note{padding:22px}.signal-note strong{font-size:23px}.signal-note p{font-size:13px}.module-hero h1{font-size:41px}.module-hero .actions{flex-direction:column;align-items:stretch}.module-orbit{padding-bottom:15px}.module-orbit>p{font-size:23px}.module-split h2{font-size:33px}.module-split p,.input-list li{font-size:14px}.question-list li{font-size:19px;padding:18px 0}.work-sample{padding:25px}.module-steps{grid-template-columns:1fr}.module-pair{padding:22px 18px;gap:15px}.module-pair .buddy{width:60px;height:65px}.module-pair p{font-size:14px}.module-pair a{font-size:12px}.source-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.buddy *,.flow-dot,.orbit-dots i{animation:none!important}.flow-dot{offset-distance:50%;opacity:.7}.buddy-face{translate:0 0;transition:none}.module-card,.scene-note{transition:none}}