/* v22 Academy + Libera Aí Studio. Shared tokens follow the existing theme. */
.v22-community,.v22-studio-banner{--community-glow:color-mix(in srgb,var(--accent) 25%,var(--line));min-width:0}
.v22-community [id]{scroll-margin-top:112px}.v22-community .section{padding-block:75px}.v22-community .fine,.v22-studio-banner .fine{font-size:11px;line-height:1.75;color:var(--muted)}
.v22-community-heading{max-width:800px;margin-bottom:34px}.v22-community-heading h2{font-size:clamp(30px,3.1vw,43px);font-weight:550;line-height:1.14;letter-spacing:-.045em}.v22-community-heading p{max-width:740px;font-size:16px;line-height:1.8;margin-bottom:0}
.v22-community-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin:24px 0 18px}.v22-community-actions .text-button{min-height:44px;padding:8px 0}.v22-community .button,.v22-studio-banner .button{min-height:44px;white-space:normal}.v22-community button,.v22-community a{overflow-wrap:anywhere}
.v22-community .v22-academy-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center;padding-top:56px;padding-bottom:65px}.v22-academy-hero h1,.v22-studio-hero h1{font-size:clamp(40px,4.6vw,65px);line-height:1.07;font-weight:550;letter-spacing:-.055em;margin-bottom:25px}.v22-academy-hero .hero-description{font-size:17px;line-height:1.8}.v22-academy-hero .fine{max-width:560px}
.v22-academy-hero-visual{position:relative;aspect-ratio:4/4.5;border-radius:26px;overflow:hidden;border:1px solid var(--community-glow);box-shadow:inset 0 1px 1px #fff2;min-width:0;background:var(--surface)}.v22-academy-hero-visual>img{width:100%;height:100%;object-fit:cover}.v22-academy-hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#020a06ef 3%,#06100b30 65%);pointer-events:none}.v22-academy-hero-visual>div{position:absolute;z-index:1;inset:auto 30px 30px;display:grid;gap:15px;color:#fff}.v22-academy-hero-visual strong{font-size:35px;font-weight:550;line-height:1.05;letter-spacing:-.04em;max-width:360px}.v22-academy-hero-visual span{font-size:11px;letter-spacing:.08em}.v22-academy-hero-visual span:last-child{letter-spacing:0;color:#c5dacf;font-size:10px}
.v22-format-grid,.v22-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.v22-format-grid .panel,.v22-services-grid .panel{padding:28px;min-width:0;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 80%,var(--soft)),var(--surface) 60%);border-color:var(--community-glow);box-shadow:inset 0 1px 1px #fff1}.v22-format-grid h3{margin:30px 0 15px;font-size:25px;font-weight:550}.v22-format-grid p{font-size:14px;line-height:1.8}.v22-format-grid small{display:block;font-size:10px;color:var(--accent);border-top:1px solid var(--line);padding-top:17px;margin-top:23px}.v22-line-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--community-glow);border-radius:13px;background:var(--soft);color:var(--accent)}.v22-line-icon .icon{width:22px;height:22px}
.v22-academy-path{min-width:0}.v22-academy-filters{display:flex;gap:9px;flex-wrap:wrap}.v22-academy-filters .chip{min-height:44px;white-space:normal;font-size:12px;padding:10px 16px;line-height:1.5;border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:30px}.v22-academy-filters .chip[aria-pressed=true]{color:var(--text);border-color:var(--accent);background:var(--soft)}.v22-path-description{font-size:13px;margin:18px 0 24px;max-width:800px}.v22-academy-progress{padding:20px 23px;border:1px solid var(--line);border-radius:16px;background:var(--surface);margin-bottom:22px}.v22-academy-progress>div{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:13px}.v22-academy-progress strong{color:var(--accent);font-size:14px}.v22-academy-progress progress{width:100%;height:6px;display:block;appearance:none;border:0;border-radius:5px;overflow:hidden;background:var(--raised)}.v22-academy-progress progress::-webkit-progress-bar{background:var(--raised);border-radius:5px}.v22-academy-progress progress::-webkit-progress-value{background:var(--accent);border-radius:5px}.v22-academy-progress progress::-moz-progress-bar{background:var(--accent);border-radius:5px}.v22-academy-progress .fine{margin:10px 0 0;font-size:10px}
.v22-academy-lessons{display:grid;gap:13px}.v22-academy-lesson{border:1px solid var(--line);border-radius:18px;background:var(--surface);min-width:0;overflow:hidden}.v22-academy-lesson[open]{border-color:var(--community-glow);background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--surface) 80%,var(--soft)))}.v22-academy-lesson[hidden]{display:none!important}.v22-academy-lesson summary{display:flex;gap:22px;align-items:center;padding:26px;list-style:none;min-height:90px}.v22-academy-lesson summary::-webkit-details-marker{display:none}.v22-academy-lesson summary>div{min-width:0;flex:1}.v22-academy-lesson summary h3{font-size:24px;font-weight:550;margin:9px 0 10px}.v22-academy-lesson summary p{font-size:13px;line-height:1.7;margin:0}.v22-academy-lesson summary small{font-size:10px;color:var(--accent)}.v22-module-number{color:var(--faint);font-size:19px;align-self:flex-start;padding-top:10px}.v22-expand{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;font-size:24px;font-weight:300;color:var(--accent)}.v22-academy-lesson[open] .v22-expand{transform:rotate(45deg)}.v22-lesson-body{padding:0 26px 26px 70px}.v22-lesson-body h4{font-size:12px;font-weight:650;letter-spacing:.02em;margin:0 0 12px;color:var(--accent)}.v22-lesson-body>p{font-size:14px;line-height:1.7}.v22-lesson-body ol{padding-left:23px;font-size:13px;color:var(--muted);line-height:1.9;margin:20px 0 25px}.v22-lesson-body li{padding-left:5px;margin:8px 0}.v22-practice-box{padding:23px;border:1px solid var(--line);border-radius:15px;background:var(--bg)}.v22-community .field{display:block;margin-bottom:17px}.v22-community .field>span{display:block;font-size:12px;line-height:1.7;margin-bottom:10px;color:var(--text)}.v22-community .field textarea,.v22-community .field input,.v22-community .field select{display:block;width:100%;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:13px 15px;font-size:16px;line-height:1.6;min-height:46px}.v22-community .field textarea{resize:vertical}.v22-community .field textarea::placeholder{color:var(--faint);opacity:1}.v22-practice-box .fine{margin:0}.v22-practice-box .v22-community-actions{margin:20px 0 0}.v22-practice-status{margin:13px 0 0;color:var(--accent);font-size:12px;line-height:1.6}.v22-practice-status:empty{display:none}
.v22-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.v22-method-grid article{border-top:1px solid var(--line);padding-top:24px;min-width:0}.v22-method-grid article>span{display:block;color:var(--accent);font-size:12px;letter-spacing:.08em;margin-bottom:24px}.v22-method-grid h3{font-size:24px;font-weight:550;line-height:1.15;margin-bottom:15px}.v22-method-grid p{font-size:14px;line-height:1.8;margin-bottom:0}.v22-method-grid.v22-three{grid-template-columns:repeat(3,minmax(0,1fr))}.v22-community-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-width:0}.v22-community-split>*{min-width:0}.v22-community .check-list{list-style:none;padding:0;margin:25px 0}.v22-community .check-list li{display:flex;gap:12px;margin:15px 0;color:var(--muted);font-size:14px}.v22-community .check-list .icon{color:var(--accent);width:17px;height:17px;margin-top:3px}.v22-career-image{position:relative;overflow:hidden;border-radius:25px;border:1px solid var(--line);background:var(--surface)}.v22-career-image>img{width:100%;height:420px;object-fit:cover}.v22-career-image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000d);pointer-events:none}.v22-career-image>span{position:absolute;bottom:28px;left:28px;right:28px;color:#fff;z-index:1;font-size:29px;font-weight:550;line-height:1.1;letter-spacing:-.035em}.v22-team-learning{display:flex;gap:40px;align-items:center;padding:40px;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--accent) 10%,transparent),transparent 65%),var(--surface)}.v22-team-learning .v22-community-heading{margin:0;flex:1}.v22-team-learning .button{max-width:260px;flex-shrink:0}.v22-learning-plan{padding:40px;max-width:970px;margin-inline:auto}.v22-learning-plan .field{margin-top:25px}.v22-learning-plan .fine{margin-bottom:0}.v22-community-final{text-align:center;border-top:1px solid var(--line)}.v22-community-final .v22-community-heading{margin-inline:auto}.v22-community-final .v22-community-heading p{margin-inline:auto}.v22-academy-internal{max-width:1040px;margin-inline:auto;padding-bottom:45px}.v22-academy-internal h1{font-size:clamp(32px,3.6vw,47px);font-weight:550;line-height:1.1}.v22-academy-internal>.notice{font-size:12px;margin:25px 0 42px}.v22-academy-internal .v22-academy-path{margin-top:35px}.v22-academy-internal .v22-learning-plan{margin-top:45px;max-width:none}
.v22-studio-hero{text-align:center;max-width:960px;margin-inline:auto}.v22-studio-hero .hero-description{max-width:750px;margin:0 auto 28px}.v22-studio-hero .fine{max-width:760px;margin:21px auto 0}.v22-banner-heading{display:flex;align-items:center;gap:45px;justify-content:space-between;margin-bottom:30px}.v22-banner-heading .v22-community-heading{margin:0;max-width:770px}.v22-banner-heading>.button{max-width:270px;flex-shrink:0}.v22-studio-reel{width:100%;min-width:0}.v22-reel-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:23px}.v22-reel-top strong{font-size:15px;font-weight:550}.v22-reel-top p{font-size:12px;margin:7px 0 0}.v22-reel-top .button{min-height:44px;flex-shrink:0}.v22-reel-top .button span{max-width:160px}.v22-reel-window{overflow:hidden;max-width:100%;border-radius:20px;position:relative}.v22-reel-track{width:max-content;display:flex;animation:v22-studio-drift 48s linear infinite;will-change:transform}.v22-reel-group{display:flex;gap:18px;padding-right:18px}.v22-reel-frame{position:relative;width:330px;height:340px;flex-shrink:0;margin:0;overflow:hidden;border-radius:20px;border:1px solid var(--community-glow);background:var(--surface)}.v22-reel-frame>img{width:100%;height:100%;object-fit:cover}.v22-reel-frame:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#020604ed);pointer-events:none}.v22-reel-frame figcaption{position:absolute;z-index:1;inset:auto 23px 22px;font-size:22px;font-weight:550;line-height:1.13;letter-spacing:-.025em;color:#fff}.v22-reel-frame figcaption span{display:block;font-size:10px;letter-spacing:.1em;color:#b7cbbc;margin-bottom:12px}.v22-studio-reel.is-paused .v22-reel-track,.v22-studio-reel:hover .v22-reel-track,.v22-studio-reel:focus-within .v22-reel-track,body.motion-paused .v22-reel-track{animation-play-state:paused}.v22-reel-note{margin:15px 0 0;font-size:10px!important;max-width:850px}
.v22-services-grid .panel{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0}.v22-services-grid .panel>.icon{width:25px;height:25px;color:var(--accent);margin:4px 0 26px}.v22-service-index{position:absolute;right:26px;top:26px;font-size:12px;color:var(--faint)}.v22-services-grid h3{font-size:27px;font-weight:550;line-height:1.1;max-width:250px}.v22-services-grid p{font-size:14px;line-height:1.8;margin:0 0 25px}.v22-services-grid .text-button{margin-top:auto;min-height:44px;padding:5px 0}.v22-boundaries{display:flex;gap:23px;align-items:flex-start;padding:28px}.v22-boundaries>.icon{color:var(--accent);margin-top:5px;width:23px;height:23px}.v22-boundaries h2{font-size:24px;font-weight:550;line-height:1.2;margin-bottom:14px}.v22-boundaries p{font-size:13px;line-height:1.85;margin:0;max-width:1000px}.v22-community #studio-brief{align-items:start}.v22-studio-brief{padding:30px}.v22-studio-brief [data-studio-service-hint]{margin:-4px 0 26px}.v22-studio-brief [data-studio-brief-output]:not(:empty){border-top:1px solid var(--line);padding-top:24px;margin-top:23px;font-size:13px;line-height:1.7}.v22-studio-brief [data-studio-brief-output]>p{font-size:12px}.v22-studio-brief .v22-community-actions{margin-bottom:0}.v22-community :is(button,a,input,textarea,select,summary):focus-visible,.v22-studio-banner :is(button,a):focus-visible{outline:3px solid var(--accent);outline-offset:4px}.v22-academy-lesson summary:focus-visible{outline-offset:-5px}
@keyframes v22-studio-drift{to{transform:translateX(-50%)}}
:root[data-theme=light] .v22-format-grid .panel,:root[data-theme=light] .v22-services-grid .panel{box-shadow:inset 0 1px #fff,0 10px 30px #123b2110}:root[data-theme=light] .v22-practice-status{color:var(--accent)}
@media(max-width:1050px){.v22-community .v22-academy-hero{gap:36px}.v22-academy-hero h1{font-size:49px}.v22-academy-hero-visual strong{font-size:29px}.v22-method-grid{gap:22px}.v22-community-split{gap:35px}.v22-banner-heading{gap:30px}.v22-format-grid .panel,.v22-services-grid .panel{padding:24px}.v22-services-grid h3{font-size:24px}.v22-team-learning{display:block}.v22-team-learning .button{margin-top:25px;max-width:none}.v22-reel-frame{width:300px;height:320px}}
@media(max-width:800px){.v22-community .section{padding-block:54px}.v22-community .v22-academy-hero{grid-template-columns:1fr;padding-top:35px;gap:32px}.v22-academy-hero-visual{aspect-ratio:16/10;max-height:410px}.v22-academy-hero-visual>div{max-width:430px}.v22-academy-hero h1{max-width:760px}.v22-format-grid{gap:14px}.v22-format-grid .panel{padding:22px}.v22-format-grid h3{font-size:22px}.v22-format-grid p{font-size:13px}.v22-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.v22-community-split{grid-template-columns:1fr}.v22-career-image>img{height:350px}.v22-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.v22-banner-heading{display:block}.v22-banner-heading>.button{margin-top:23px}.v22-learning-plan,.v22-team-learning{padding:30px}.v22-studio-hero h1{font-size:48px}.v22-community .container{max-width:100%}.v22-studio-reel{overflow:hidden}}
@media(max-width:540px){.v22-community .section{padding-block:43px}.v22-community .v22-academy-hero{padding-top:28px}.v22-academy-hero h1,.v22-studio-hero h1{font-size:39px;line-height:1.08;margin-bottom:22px}.v22-academy-hero .hero-description,.v22-studio-hero .hero-description{font-size:15px;line-height:1.8}.v22-community-heading{margin-bottom:26px}.v22-community-heading h2{font-size:31px}.v22-community-heading p{font-size:14px;line-height:1.8}.v22-community-actions{gap:12px}.v22-community-actions .button{font-size:12px}.v22-academy-hero-visual{aspect-ratio:1.18;max-height:none;border-radius:20px}.v22-academy-hero-visual>div{inset:auto 23px 24px}.v22-academy-hero-visual strong{font-size:31px}.v22-format-grid,.v22-services-grid,.v22-method-grid.v22-three{grid-template-columns:1fr}.v22-format-grid{gap:16px}.v22-format-grid .panel,.v22-services-grid .panel{padding:26px}.v22-format-grid h3{font-size:27px;margin-top:22px}.v22-format-grid p{font-size:14px}.v22-academy-filters{gap:8px}.v22-academy-filters .chip{font-size:11px;padding:10px 13px}.v22-academy-progress{padding:18px}.v22-academy-lesson summary{padding:21px 17px;gap:12px}.v22-module-number{font-size:15px}.v22-academy-lesson summary h3{font-size:22px;line-height:1.15}.v22-academy-lesson summary small{font-size:9px}.v22-academy-lesson summary p{font-size:12px}.v22-expand{width:28px;height:28px;font-size:21px}.v22-lesson-body{padding:0 18px 20px}.v22-practice-box{padding:17px}.v22-practice-box .v22-community-actions{align-items:stretch;flex-direction:column}.v22-practice-box .text-button{font-size:12px;justify-content:center}.v22-community .field>span{font-size:12px}.v22-method-grid{grid-template-columns:1fr;gap:28px}.v22-method-grid h3{font-size:24px}.v22-method-grid article>span{margin-bottom:17px}.v22-career-image>img{height:320px}.v22-career-image>span{font-size:27px;inset:auto 24px 25px}.v22-team-learning,.v22-learning-plan{padding:26px 22px}.v22-reel-top{align-items:flex-start;gap:14px}.v22-reel-top strong{font-size:14px;line-height:1.5;display:block}.v22-reel-top p{font-size:11px}.v22-reel-top .button{padding:10px;gap:5px;max-width:115px;flex-shrink:0;font-size:10px;border-radius:13px}.v22-reel-top .button .icon{width:14px;height:14px}.v22-reel-group{gap:13px;padding-right:13px}.v22-reel-frame{width:270px;height:310px;border-radius:16px}.v22-reel-frame figcaption{font-size:23px}.v22-studio-brief{padding:24px 20px}.v22-boundaries{padding:23px;gap:15px}.v22-boundaries h2{font-size:22px}.v22-boundaries p{font-size:12px}.v22-academy-internal h1{font-size:34px}.v22-academy-internal .v22-learning-plan{padding:23px 18px}}
@media(prefers-reduced-motion:reduce){.v22-reel-track{animation:none!important;transform:none!important;will-change:auto}.v22-reel-window{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:10px}.v22-reel-group[aria-hidden=true]{display:none}.v22-reel-frame{scroll-snap-align:start}.v22-community .button,.v22-studio-banner .button{transition:none}}
