.growth-section{position:relative;background:#fff url('../../shared/assets/images/guide/background.webp') center bottom/cover no-repeat;padding:90px 0 65px;isolation:isolate;background-image:image-set(url('../../shared/assets/images/guide/background.avif') type('image/avif'),url('../../shared/assets/images/guide/background.webp') type('image/webp'))}
.growth-inner{position:relative}
.growth-heading{margin-bottom:42px;max-width:1100px}
.growth-heading h2{font-family:Fredoka,Jakarta,sans-serif;font-weight:600;font-size:clamp(34px,3.8vw,55px);line-height:1.15;color:#080d10;letter-spacing:-.025em}
.growth-heading h2>span{position:relative;isolation:isolate;padding-inline:8px}
.growth-heading h2>span:before{content:'';position:absolute;inset:-5px -4px;background:#b5e2ff;z-index:-1;clip-path:polygon(0 6%,3% 3%,7% 5%,11% 0,16% 4%,21% 1%,26% 5%,31% 2%,36% 4%,41% 0,46% 5%,51% 2%,56% 4%,61% 0,66% 5%,71% 2%,76% 5%,81% 1%,86% 4%,91% 0,96% 4%,100% 2%,100% 94%,96% 98%,91% 95%,86% 100%,81% 96%,76% 99%,71% 95%,66% 98%,61% 95%,56% 100%,51% 96%,46% 99%,41% 95%,36% 98%,31% 96%,26% 100%,21% 95%,16% 99%,11% 96%,7% 100%,3% 96%,0 98%)}
.growth-heading p{font-size:16px;line-height:1.7;margin-top:24px;color:#354b58}
.growth-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:78%;position:relative;z-index:2}
.growth-card{padding:20px 16px 12px;min-width:0;border:2px solid transparent;border-radius:20px;background:white;box-shadow:0 10px 28px #4565870a;text-align:left;transition:transform .2s,border-color .2s;overflow:hidden}
.growth-card[aria-pressed=true]{border-color:#469ed9}
.growth-card:hover{transform:translateY(-5px);border-color:#8ccaf2}
.growth-card>span{display:block;font-size:23px;font-weight:700;font-family:Fredoka,Jakarta,sans-serif;line-height:1.2;letter-spacing:-.01em}
.growth-card img{width:100%;aspect-ratio:1;object-fit:contain;margin-top:10px;border-radius:12px}
.guide-stage{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:40px;align-items:end;margin-top:42px;padding-bottom:30px}
.guide-chat{display:flex;flex-direction:column;position:relative;z-index:3;min-width:0;height:620px;background:white;padding:28px;border-radius:25px;box-shadow:0 12px 40px #263e4e12}
.guide-chat-header{display:flex;justify-content:space-between;gap:18px;align-items:start;flex-shrink:0;margin-bottom:15px}
.guide-chat-header h3{font-family:Fredoka,Jakarta,sans-serif;font-size:30px;font-weight:600;line-height:1.2;letter-spacing:-.02em}
.guide-chat-header p{font-size:12px;margin-top:7px;color:#586e7d}
.guide-reset{border:0;background:transparent;padding:8px 0;font-size:12px;white-space:nowrap;color:#526978;text-decoration:underline;text-underline-offset:3px}
.guide-transcript{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;padding:5px 5px 12px}
.guide-transcript:focus-visible{outline:2px solid #469ed9;outline-offset:3px;border-radius:12px}
.guide-message{max-width:95%;width:fit-content;border-radius:18px;padding:14px 18px;margin-bottom:12px;animation:guide-bubble-in .3s ease both}
.guide-message p{font-size:14px;line-height:1.7;color:#213945;white-space:pre-line;overflow-wrap:anywhere}
.guide-answer{background:#edf5ff;border-bottom-left-radius:5px}
.guide-question{background:#18252a;margin-left:auto;border-bottom-right-radius:5px}
.guide-question p{color:white}
.guide-links{display:grid;gap:10px;margin-top:14px}
.guide-links a{position:relative;display:block;padding:11px 34px 11px 13px;background:#fff;border:1px solid #d9e7f2;border-radius:12px}
.guide-links strong{display:block;font-size:13px;line-height:1.6;font-weight:600}
.guide-links span{display:block;font-size:12px;line-height:1.6;color:#586e7d;margin-top:4px}
.guide-links svg{position:absolute;right:10px;top:13px;width:16px;height:16px}
.guide-links a:hover{border-color:#469ed9}
.guide-latest{position:absolute;bottom:192px;left:50%;transform:translateX(-50%);z-index:5;padding:8px 14px;border:1px solid #c6dbea;border-radius:20px;background:white;box-shadow:0 3px 12px #23485d20;font-size:12px;color:#176695}
.guide-suggestions{display:flex;align-content:start;flex-wrap:wrap;gap:8px;height:88px;flex-shrink:0;overflow-y:auto;margin-top:14px;padding:3px;scrollbar-width:thin}
.guide-suggestions button{padding:8px 11px;font-size:12px;line-height:1.5;border-radius:14px;border:1px solid #d6e1e9;background:#fbfdff;color:#213945}
.guide-suggestions button:hover{background:#eaf5ff;border-color:#469ed9}
.guide-form{display:flex;gap:10px;margin-top:12px;flex-shrink:0}
.guide-form input{min-width:0;flex:1;border:1px solid #cbd9e4;background:#fbfdff;border-radius:13px;padding:12px 14px;font-size:14px;color:#18252a}
.guide-form input:focus-visible{outline:2px solid #469ed9;outline-offset:2px}
.guide-form .button{border-radius:13px;font-size:13px;min-height:46px;min-width:70px;padding:10px 18px}
.guide-form .button:disabled{cursor:default;opacity:.45}
.guide-privacy{font-size:11px;line-height:1.6;margin-top:12px;color:#657789;flex-shrink:0}
.guide-privacy a{text-decoration:underline;text-underline-offset:3px}
.guide-persona{position:relative;width:min(100%,360px);justify-self:end;min-width:0;z-index:2;align-self:end}
.guide-character{display:block;position:relative;width:100%;aspect-ratio:2/3;background:none;border:0;padding:0;transform-origin:60% 85%;animation:guide-breathe 6s ease-in-out infinite}
.guide-pose{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .23s cubic-bezier(.22,.61,.36,1);pointer-events:none}
.guide-persona[data-pose=idle] .guide-pose-idle,.guide-persona[data-pose=listening] .guide-pose-listening,.guide-persona[data-pose=thinking] .guide-pose-thinking,.guide-persona[data-pose=speaking] .guide-pose-speaking,.guide-persona[data-pose=celebrating] .guide-pose-celebrating{opacity:1}
.guide-persona[data-transition=out] .guide-pose{opacity:0;transition-duration:.16s}
.guide-speech{position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,260px);min-height:62px;margin:0 auto 18px;background:#fff;padding:13px 18px;border-radius:20px;box-shadow:0 5px 20px #23485d15;font-size:13px;line-height:1.6;font-weight:600;color:#213945;text-align:center}
.guide-speech:after{content:'';position:absolute;bottom:-9px;left:55%;border:10px solid transparent;border-top-color:white;border-bottom:0}
.guide-typing{display:flex;gap:6px;align-items:center;min-height:18px;padding:2px 5px}
.guide-typing i{width:6px;height:6px;border-radius:50%;background:#658dab;animation:guide-dot 1.2s ease-in-out infinite}
.guide-typing i:nth-child(2){animation-delay:.15s}.guide-typing i:nth-child(3){animation-delay:.3s}
@keyframes guide-dot{0%,65%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}
@keyframes guide-bubble-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes guide-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@media(max-width:1000px){.growth-section{padding-block:70px 35px}.growth-cards{width:100%}.growth-card{padding:16px 12px 10px}.growth-card>span{font-size:21px}.guide-stage{gap:24px}.guide-chat{padding:24px}.guide-speech{font-size:12px}.growth-heading h2{font-size:39px}}
@media(max-width:700px){.guide-stage{display:flex;flex-direction:column;gap:0}.guide-persona{width:190px;align-self:center;order:-1;margin-bottom:0}.guide-character{aspect-ratio:1.1;overflow:hidden}.guide-pose{height:auto;object-fit:initial;object-position:top;top:0}.guide-speech{font-size:12px;min-height:52px;margin-bottom:7px;padding:10px 12px}.guide-chat{width:100%;height:620px;padding:25px 18px 18px;border-radius:22px}.guide-transcript{min-height:0}.guide-suggestions{height:104px}.guide-latest{bottom:206px}.guide-chat-header h3{font-size:28px}.guide-form input{font-size:16px}.guide-reset{font-size:12px}}
@media(max-width:600px){.growth-section{padding:55px 0 40px;background-size:auto 100%;background-position:center bottom}.growth-heading{text-align:center;margin-bottom:28px}.growth-heading h2{font-size:34px;line-height:1.25}.growth-heading p{font-size:13px;margin-top:18px}.growth-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.growth-card{padding:14px 12px 10px;border-radius:17px}.growth-card>span{font-size:23px}.growth-card img{aspect-ratio:1.3;margin-top:8px}.guide-stage{padding-bottom:0;margin-top:30px}.guide-chat-header{gap:10px}.guide-chat-header p{font-size:11px}.guide-message{max-width:98%;padding:12px 14px}.guide-form{gap:7px}.guide-form input{padding:11px 12px}.guide-form .button{padding:10px 14px}}
@media(max-width:370px){.guide-chat{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.growth-card,.guide-pose{transition:none}.guide-message,.guide-character,.guide-typing i{animation:none!important}}
.guide-topics{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0;margin-bottom:12px}.guide-topics button{font-size:11px;padding:6px 9px;border:1px solid #dce6ee;border-radius:20px;background:white;color:#526978}.guide-topics button:hover,.guide-topics button[aria-pressed=true]{background:#e5f3ff;border-color:#77b3da;color:#176695}.guide-context{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-shrink:0;padding:8px 12px;margin-bottom:12px;border-radius:10px;background:#f5f0ff;color:#584582;font-size:11px;line-height:1.5}.guide-context[hidden]{display:none}.guide-context button{background:none;border:0;font-size:20px;color:#584582;min-width:30px;min-height:26px}.guide-character-hint{text-align:center;font-size:11px;color:#526978;margin-top:10px}.guide-character:hover{filter:drop-shadow(0 8px 16px #40567010)}.guide-character:focus-visible{outline:2px solid #469ed9;outline-offset:6px;border-radius:24px}.guide-persona[data-pose=celebrating] .guide-character{animation:guide-cheer 1s ease both}.guide-persona[data-pose=listening] .guide-character{animation:guide-attentive 6s ease-in-out infinite}.growth-course .guide-stage{margin-top:20px}.growth-course .growth-heading{margin-bottom:24px}.growth-course .growth-heading h2{font-size:36px}.growth-course .guide-chat{height:690px}.guide-suggestions button:focus-visible,.guide-topics button:focus-visible{outline:2px solid #469ed9;outline-offset:2px}@keyframes guide-cheer{0%{transform:translateY(5px) rotate(-2deg)}40%{transform:translateY(-9px) rotate(1deg)}100%{transform:translateY(0) rotate(0)}}@keyframes guide-attentive{0%,100%{transform:rotate(0)}50%{transform:rotate(1deg)}}
@media(max-width:700px){.guide-persona{display:grid;grid-template-columns:100px 1fr;width:100%;max-width:400px;align-items:center;gap:0 15px;margin-bottom:14px}.guide-character{grid-column:1;grid-row:1/3;width:100px;aspect-ratio:2/3;overflow:visible}.guide-pose{height:100%;width:100%;object-fit:contain}.guide-speech{grid-column:2;grid-row:1;margin:0;min-height:55px;max-width:260px}.guide-speech:after{left:-15px;top:20px;bottom:auto;border:8px solid transparent;border-right-color:white}.guide-character-hint{grid-column:2;grid-row:2;margin-top:4px}.growth-course .guide-chat{height:720px}.guide-topics{gap:5px}.guide-topics button{padding:6px 8px}.growth-course .growth-heading h2{font-size:30px}.guide-stage{align-items:stretch}.guide-persona{align-self:center}.guide-context{font-size:11px}}