
:root{--green:#0B8E7F;--green2:#08766B;--deep:#063E38;--deep2:#022E2A;--mint:#DCF3EE;--cyan:#2D97C8;--amber:#F3A612;--purple:#9A58B5;--lime:#56A95F;--ink:#103D37;--text:#42534F;--muted:#71807D;--line:#D8E6E2;--serif:"Iowan Old Style","Baskerville","Times New Roman",serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--safe-r:max(14px,env(safe-area-inset-right));--safe-b:max(14px,env(safe-area-inset-bottom))}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;font-family:var(--sans);font-size:17px;line-height:1.6;color:var(--text);overflow-x:hidden;background:#fff}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.shell{width:min(calc(100% - 32px),1240px);margin:auto}.fold{position:relative;isolation:isolate;overflow:hidden;padding:88px 0}.bg-photo{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;opacity:.07;filter:saturate(.75)}.fold:after{content:"";position:absolute;inset:0;z-index:-1}
.topbar{position:fixed;inset:0 0 auto;z-index:2000;background:rgba(255,255,255,.82);backdrop-filter:blur(18px) saturate(145%);border-bottom:1px solid rgba(6,62,56,.06);transition:.25s}.topbar.scrolled{background:rgba(255,255,255,.93);box-shadow:0 8px 32px rgba(0,48,42,.07)}.nav{min-height:72px;display:flex;align-items:center;gap:26px}.brand-lockup{margin-right:auto;display:flex;align-items:center;gap:12px}.brand-lockup img{width:56px;height:56px;object-fit:contain}.brand-lockup span{display:flex;flex-direction:column;align-items:center;line-height:1}.brand-lockup b{font-size:1.28rem;color:var(--deep)}.brand-lockup small{margin-top:5px;font-size:.70rem;font-weight:900;letter-spacing:.08em;color:var(--green)}.desktop-nav{display:flex;gap:25px;font-size:.84rem;font-weight:800}.desktop-nav a{position:relative;padding:25px 4px;color:#36554f;transition:.22s}.desktop-nav a:before{content:"";position:absolute;left:4px;right:4px;bottom:18px;height:2px;background:linear-gradient(90deg,var(--green),var(--cyan));transform:scaleX(0);transform-origin:left;transition:.22s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--green)}.desktop-nav a:hover:before,.desktop-nav a.active:before{transform:scaleX(1)}.desktop-nav a:hover{transform:translateY(-1px)}.nav-actions{display:flex;gap:8px}.login,.menu-toggle{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:#fff;color:var(--deep);transition:.22s}.login:hover{background:var(--mint);transform:translateY(-2px)}.login svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.menu-toggle{display:none;padding:10px}.menu-toggle span{display:block;width:18px;height:2px;background:var(--deep);margin:2px 0}.mobile-menu{display:none;padding:10px 16px 18px;background:rgba(255,255,255,.97);border-top:1px solid var(--line)}.mobile-menu.open{display:grid}.mobile-menu a{padding:13px 6px;border-bottom:1px solid var(--line);font-weight:800}.mobile-menu a.active{color:var(--green)}
.eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;background:var(--mint);color:var(--green2);font-size:.73rem;font-weight:900;letter-spacing:.08em}.eyebrow.dark{background:rgba(255,255,255,.1);color:#B9EFE7;border:1px solid rgba(255,255,255,.12)}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.04em;color:var(--ink);text-wrap:balance}h1{font-size:clamp(3.25rem,5vw,5rem);line-height:.98;margin:22px 0 24px}h2{font-size:clamp(2.4rem,3.6vw,3.65rem);line-height:1.04;margin:16px 0 18px}h3{color:var(--ink)}p{font-size:1rem}.section-head{max-width:850px;margin-bottom:40px}.section-head.light h2,.section-head.light p{color:#fff}.btn{min-height:52px;padding:0 21px;border-radius:14px;border:0;display:inline-flex;align-items:center;justify-content:center;font-size:.88rem;font-weight:900;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff}.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--deep)}.btn.light{background:#fff;color:var(--deep)}.btn.wide{width:100%}
.hero{padding-top:136px}.hero:after{background:linear-gradient(90deg,#fff 0 45%,rgba(255,255,255,.82) 62%,rgba(255,255,255,.08))}.bg-hero{background-image:url("../img/photo/full/H02-potencial-crianca.webp");background-position:right center}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:58px;align-items:center}.actions{display:flex;gap:12px;margin:28px 0}.hero-media{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 26px 70px rgba(6,62,56,.12)}.hero-media picture img{width:100%;height:auto;object-fit:contain;background:#f5f8f7}.rx-overlay{position:absolute;left:2%;top:50%;transform:translate(0,-50%);width:320px;height:270px;pointer-events:none}
.rx-center{position:absolute;left:106px;top:80px;width:108px;height:108px;border-radius:50%;background:rgba(255,255,255,.80);backdrop-filter:blur(12px);display:grid;place-items:center;align-content:center;box-shadow:0 12px 30px rgba(0,0,0,.11);z-index:5}
.rx-center img{width:42px;height:42px;object-fit:contain;margin-bottom:1px}.rx-center strong{font-size:.78rem;color:var(--deep)}.rx-center small{font-size:.55rem;color:var(--green);font-weight:800}
.orbit{position:absolute;left:50%;top:50%;border:2px solid transparent;border-radius:50%;transform-origin:center;opacity:.78}
.o1,.o2,.o3,.o4{width:286px;height:118px;margin:-59px 0 0 -143px;border-radius:50%;animation-duration:24s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal;will-change:transform}
.o1{border-color:rgba(11,142,127,.86);animation-name:orbitEqual1}
.o2{border-color:rgba(45,151,200,.86);animation-name:orbitEqual2}
.o3{border-color:rgba(243,166,18,.88);animation-name:orbitEqual3}
.o4{border-color:rgba(154,88,181,.88);animation-name:orbitEqual4}
.pill{position:absolute;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.80);backdrop-filter:blur(10px);border-radius:999px;padding:7px 10px;font-size:.63rem;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.09);z-index:6}
.p1{left:0;top:62px;color:var(--green);animation:floatCard 4.4s ease-in-out infinite}
.p2{right:0;top:46px;color:var(--cyan);animation:floatCard 4.8s ease-in-out -.9s infinite}
.p3{left:15px;bottom:42px;color:var(--amber);animation:floatCard 5.1s ease-in-out -1.6s infinite}
.p4{right:0;bottom:30px;color:var(--purple);animation:floatCard 4.6s ease-in-out -2.2s infinite}
.contexts:after,.science:after,.transformation:after,.experiences:after{background:rgba(255,255,255,.94)}.bg-context{background-image:url("../img/photo/full/E02-escola-orientacao.webp")}.context-tabs,.intel-tabs{display:flex;overflow:auto;border:1px solid var(--line);border-radius:16px 16px 0 0;background:#fff}.context-tabs button,.intel-tabs button{border:0;background:transparent;padding:15px 18px;white-space:nowrap;font-weight:850;color:var(--muted);cursor:pointer}.context-tabs button.active,.intel-tabs button.active{background:var(--mint);color:var(--deep)}.context-stage{display:grid;grid-template-columns:.78fr 1.22fr;min-height:420px;border:1px solid var(--line);border-top:0;border-radius:0 0 22px 22px;background:#fff;overflow:hidden;transition:.2s}.context-copy{padding:46px;align-self:center}.context-kicker{font-size:.73rem;font-weight:900;color:var(--green);letter-spacing:.08em}.context-copy h3{font-family:var(--serif);font-size:2.15rem;line-height:1.05}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{padding:7px 10px;border-radius:999px;background:var(--mint);font-size:.73rem;font-weight:800;color:var(--green2)}.context-image img{width:100%;height:100%;object-fit:cover}
.intelligence{background:var(--deep);color:#fff}.intelligence:after{background:linear-gradient(135deg,rgba(6,62,56,.97),rgba(2,46,42,.94))}.bg-data{background-image:url("../img/photo/full/C02-data-intelligence.webp");opacity:.12}.intel-shell{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.055);overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.04)}.intel-tabs{border:0;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0;background:transparent}.intel-tabs button{color:#BCD0CC}.intel-tabs button.active{background:rgba(45,151,200,.18);color:#fff;box-shadow:inset 0 -2px var(--cyan)}.intel-panel{display:none;padding:22px}.intel-panel.active{display:block}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpis article{padding:20px;border-radius:18px;background:#fff;color:var(--text)}.kpis small,.kpis span{display:block;font-size:.72rem;color:var(--muted)}.kpis strong{display:block;font-size:1.48rem;color:var(--deep);margin:5px 0}.simulator{margin-top:18px;padding:22px;border-radius:18px;background:rgba(255,255,255,.07)}.sim-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.sim-head h3{color:#fff}.sim-head p{color:#C3D5D1;font-size:.86rem}.micro{font-size:.72rem;font-weight:900;color:#89DDD1;letter-spacing:.08em}.reset-sim{border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;border-radius:10px;padding:9px 12px;font-weight:800}.behavior-groups{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.behavior-group{border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04);overflow:hidden}.behavior-group summary{display:flex;justify-content:space-between;gap:10px;padding:14px 16px;cursor:pointer;font-weight:900}.behavior-group summary b{font-size:.7rem;color:#9EDFD5}.behavior-list{padding:0 14px 14px}.behavior-row{display:grid;grid-template-columns:minmax(150px,1fr) 1fr 46px;gap:10px;align-items:center;padding:9px 0;border-top:1px solid rgba(255,255,255,.07);font-size:.75rem}.behavior-row input{width:100%;accent-color:#5FD0C0}.behavior-row output{text-align:right;font-weight:900}.radar-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center}.radar-wrap{position:relative;max-width:610px;margin:auto;padding:48px 58px;border-radius:22px;background:radial-gradient(circle,rgba(76,143,132,.18),rgba(0,0,0,0))}.radar-label-layer{position:absolute;inset:0;pointer-events:none}.radar-area-card{position:absolute;min-width:112px;padding:7px 11px;border-radius:999px;background:rgba(246,251,249,.94);border:1px solid rgba(255,255,255,.75);box-shadow:0 8px 18px rgba(0,0,0,.08);font-size:.72rem;font-weight:900;text-align:center;white-space:nowrap;transform:translate(-50%,-50%)}.radar-area-card.l0{left:50%;top:7%}.radar-area-card.l1{left:89%;top:31%}.radar-area-card.l2{left:88%;top:72%}.radar-area-card.l3{left:50%;top:94%}.radar-area-card.l4{left:12%;top:72%}.radar-area-card.l5{left:11%;top:31%}.radar-wrap canvas,.evolution-card canvas{width:100%!important;height:auto!important}.radar-list{display:grid;gap:9px}.radar-list div{display:flex;justify-content:space-between;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.04)}.radar-list span{font-size:.82rem}.evolution-card{padding:16px}.chart-head{display:flex;justify-content:space-between;gap:18px}.chart-head small{display:block;color:#9EDFD5;font-size:.7rem}.live-dot{font-size:.72rem;color:#89DDD1}.env-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.env-card{border-radius:18px;overflow:hidden;background:#fff;color:var(--deep)}.env-card img{width:100%;height:210px;object-fit:cover}.env-card div{display:flex;justify-content:space-between;align-items:center;padding:13px}.env-card b{font-size:.9rem}.env-card span{font-weight:900;color:var(--green)}
.bg-science{background-image:url("../img/photo/full/C01-neurociencia.webp")}.science-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.science-photo img{border-radius:24px;box-shadow:0 24px 60px rgba(6,62,56,.12)}.science-pill-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.science-pill-row span{padding:7px 10px;border-radius:999px;background:var(--mint);color:var(--green2);font-size:.72rem;font-weight:800}.institutions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.inst-card{display:flex;align-items:center;gap:12px;min-height:96px;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.96);overflow:hidden}.inst-card img{width:118px;height:54px;object-fit:contain;flex:0 0 118px}.inst-card div{display:flex;flex-direction:column}.inst-card strong{color:var(--deep);font-size:.82rem}.inst-card span{font-size:.64rem;color:var(--muted)}.disclaimer{font-size:.72rem!important;color:var(--muted)}
.bg-transform{background-image:url("../img/photo/full/R02-futuro-autonomia.webp")}.trans-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.trans-grid article{display:grid;grid-template-columns:1.06fr .94fr;border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;min-height:350px}.trans-grid picture img{width:100%;height:100%;object-fit:cover}.trans-grid article>div{padding:24px;align-self:center}.trans-grid h3{font-family:var(--serif);font-size:1.7rem;line-height:1.08}.trans-grid p{font-size:.86rem;color:var(--muted)}
.bg-exp{background-image:url("../img/photo/full/F01-familia-vinculo.webp")}.note{font-size:.76rem!important;padding:9px 11px;border-radius:12px;background:#FFF5D8;border:1px solid #EFD996;color:#735B18}.reviews{display:grid;grid-template-columns:38px 1fr 38px;gap:8px;align-items:center}.review-window{overflow:hidden}.review-track{display:flex;gap:18px;transition:transform .5s}.review{position:relative;flex:0 0 calc((100% - 36px)/3);min-width:0;min-height:325px;padding:22px;background:#F7F7F7;border:1px solid #E5E5E5;border-radius:14px;color:#222;box-shadow:0 12px 30px rgba(0,0,0,.035)}.review-head{display:grid;grid-template-columns:54px 1fr 26px;gap:11px;align-items:center}.review-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.12)}.review-id{display:flex;flex-direction:column;min-width:0}.review-id strong{font-size:.9rem}.review-id span{font-size:.73rem;color:#666}.review-id small{font-size:.69rem;color:#888}.google-logo{width:24px;height:24px;object-fit:contain}.stars{color:#FBBC04;margin:18px 0 10px;letter-spacing:1px}.review p{font-size:.88rem}.review-category{position:absolute;left:22px;bottom:18px;padding:5px 9px;border-radius:999px;font-size:.68rem;font-weight:900}.cat-familia{background:#DFF3EA;color:#27825F}.cat-escola{background:#E5F2FA;color:#2D83B5}.cat-esporte{background:#FFF0D2;color:#C77C00}.cat-terapia{background:#F2E8F6;color:#9152A7}.review-arrow{border:0;background:transparent;color:#B8B8B8;font-size:2rem}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.trust-grid article{display:flex;gap:14px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.trust-icon{width:48px;height:48px;flex:0 0 48px;border-radius:16px;display:grid;place-items:center;font-size:1.45rem;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}.shield{background:linear-gradient(135deg,#DDF3EF,#C7EAE3);color:var(--green)}.eye{background:linear-gradient(135deg,#E7F2FA,#D5EAF5);color:var(--cyan)}.plus{background:linear-gradient(135deg,#F0E6F5,#E5D6EC);color:var(--purple)}.trust-grid strong{display:block;color:var(--deep)}.trust-grid span{font-size:.76rem;color:var(--muted)}
.cta{background:var(--deep);color:#fff}.cta:after{background:linear-gradient(90deg,rgba(6,62,56,.96),rgba(2,46,42,.84))}.bg-cta{background-image:url("../img/photo/full/R02-futuro-autonomia.webp");background-position:right center;opacity:.2}.cta-grid{display:grid;grid-template-columns:1fr 360px;gap:55px;align-items:center}.cta h2{color:#fff}.cta p{color:#C5D8D4}.cta blockquote{margin:24px 0 0;padding:16px 18px;border-left:3px solid #7FE0D4;background:rgba(255,255,255,.06);font-family:var(--serif);font-size:1.25rem}.cta-action{display:grid;gap:10px;text-align:center}.cta-action small{font-size:.7rem;color:#AFC8C3}
.prefooter{padding:54px 0;background:#FAFBFB}.prefooter-grid{display:grid;grid-template-columns:1.45fr repeat(3,.75fr);gap:34px}.prefooter h4{margin:0 0 11px;color:#222}.prefooter a,.prefooter span{display:block;margin:8px 0;font-size:.9rem}.footer-lockup{display:flex;align-items:center;gap:12px;margin-bottom:16px}.footer-lockup img{width:64px;height:64px;object-fit:contain}.footer-lockup span{display:flex!important;flex-direction:column;align-items:center;line-height:1}.footer-lockup b{font-size:1.45rem;color:var(--deep)}.footer-lockup small{margin-top:5px;font-size:.76rem;font-weight:900;letter-spacing:.08em;color:var(--green)}.footer-brand p{font-size:.82rem;max-width:430px}.mission{color:var(--muted)}footer{background:#022E2A;color:#B8CAC6;padding:18px 0}.legal{display:flex;justify-content:space-between;gap:18px;font-size:.78rem}.floating{position:fixed;right:var(--safe-r);z-index:2200;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:0;box-shadow:0 10px 24px rgba(0,0,0,.14)}.whatsapp{bottom:calc(var(--safe-b) + 52px);background:#25D366;color:#fff}.whatsapp svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.backtop{bottom:var(--safe-b);background:#fff;color:var(--deep);opacity:0;pointer-events:none;transition:.2s}.backtop.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}@keyframes spin{to{rotate:360deg}}@keyframes orbitEqual1{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes orbitEqual2{from{transform:rotate(45deg)}to{transform:rotate(405deg)}}@keyframes orbitEqual3{from{transform:rotate(90deg)}to{transform:rotate(450deg)}}@keyframes orbitEqual4{from{transform:rotate(135deg)}to{transform:rotate(495deg)}}@keyframes floatCard{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:grid}.hero-grid,.science-grid{gap:36px}.kpis{grid-template-columns:repeat(2,1fr)}.behavior-groups{grid-template-columns:1fr}.env-grid{grid-template-columns:repeat(2,1fr)}.trans-grid{grid-template-columns:1fr}.review{flex-basis:calc((100% - 18px)/2)}.prefooter-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:760px){body{font-size:16px}.shell{width:calc(100% - 28px)}.fold{padding:66px 0}.nav{min-height:62px}.brand-lockup img{width:44px;height:44px}.brand-lockup b{font-size:1.05rem}.brand-lockup small{font-size:.60rem}.hero{padding-top:96px}.hero-grid,.science-grid,.cta-grid{grid-template-columns:1fr}.hero-media picture img{height:auto;aspect-ratio:auto;object-fit:contain}.rx-overlay{left:2%;top:54%;transform:translate(0,-54%) scale(.72);transform-origin:left center}.actions{display:grid}.btn{width:100%}h1{font-size:clamp(2.7rem,11vw,3.45rem)}h2{font-size:clamp(2.15rem,9vw,2.7rem)}.context-stage{grid-template-columns:1fr}.context-copy{padding:25px 20px}.context-image img{height:auto;aspect-ratio:1.35/1}.intel-panel{padding:14px}.kpis{grid-template-columns:1fr 1fr}.sim-head{display:grid}.behavior-row{grid-template-columns:1fr 90px 38px}.radar-layout{grid-template-columns:1fr}.env-grid{grid-template-columns:1fr 1fr}.env-card img{height:150px}.institutions{grid-template-columns:1fr}.inst-card img{width:105px;flex-basis:105px}.trans-grid article{grid-template-columns:1fr}.trans-grid picture img{height:auto;aspect-ratio:1.5/1}.reviews{grid-template-columns:26px 1fr 26px}.review{flex-basis:100%}.trust-grid{grid-template-columns:1fr}.prefooter-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.legal{display:grid;gap:4px}.floating{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.orbit{animation:none}}

.rx-center strong,.rx-center small,.pill{text-transform:uppercase;letter-spacing:.035em}

/* V6 — mobile-first Data Intelligence readability */
.intel-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none}
.intel-tabs::-webkit-scrollbar{display:none}
.intel-panel{overflow:hidden}
.chart-scroll,.radar-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:760px){
  .intelligence .section-head{margin-bottom:26px}
  .intel-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(145px,1fr);overflow-x:auto;scroll-snap-type:x proximity}
  .intel-tabs button{min-height:52px;padding:14px 16px;font-size:.84rem;scroll-snap-align:start}
  .intel-panel{padding:14px 10px}
  .kpis{grid-template-columns:1fr}
  .kpis article{padding:17px}
  .kpis small,.kpis span{font-size:.78rem}
  .kpis strong{font-size:1.55rem}
  .simulator{padding:16px 14px}
  .behavior-group summary{font-size:.85rem}
  .behavior-row{grid-template-columns:1fr;gap:6px;padding:12px 0;font-size:.84rem}
  .behavior-row input{min-height:30px}
  .behavior-row output{text-align:left;font-size:.82rem}
  .radar-layout{display:block}
  .radar-wrap{min-width:620px;max-width:none;margin:0;padding:48px 58px}
  [data-panel="radar"]{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .radar-list{min-width:560px;margin-top:12px}
  .evolution-card{min-width:760px;padding:14px}
  [data-panel="evolucao"]{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .chart-head{align-items:flex-start}
  .chart-head strong{font-size:1rem}
  .live-dot{font-size:.8rem}
  .env-grid{grid-template-columns:1fr}
  .env-card img{height:auto;aspect-ratio:1.55/1}
}

/* V7 — context responsive image switching + evolution label spacing */
.context-image picture{display:block;width:100%;height:100%}
.context-image picture img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:760px){
  .context-stage{align-items:stretch}
  .context-image{min-height:300px;overflow:hidden}
  .context-image picture,.context-image picture img{min-height:300px}
  [data-panel="evolucao"]{padding-bottom:10px}
  .evolution-card{min-width:820px;padding:18px 16px 24px}
  #evoCanvas{display:block;width:100%;height:auto;min-height:420px}
}

/* V8: four Hero orbit ellipses share exactly the same geometry.
   Their closest inner edges sit just outside the central white circle,
   creating external tangency without crossing the core. */



/* V10 — Data Intelligence mobile UX restoration */
@media(max-width:760px){
  .intelligence .section-head{margin-bottom:24px}
  .intel-shell{border-radius:18px}
  .intel-tabs{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(138px,1fr);
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .intel-tabs::-webkit-scrollbar{display:none}
  .intel-tabs button{
    min-height:50px;
    padding:13px 14px;
    font-size:.82rem;
    scroll-snap-align:start;
  }
  .intel-panel{padding:14px 12px;overflow:hidden}
  .kpis{grid-template-columns:1fr 1fr;gap:10px}
  .kpis article{padding:15px;border-radius:14px}
  .kpis small,.kpis span{font-size:.72rem}
  .kpis strong{font-size:1.38rem}
  .simulator{padding:16px 14px}
  .sim-head{display:grid;gap:12px}
  .behavior-groups{grid-template-columns:1fr}
  .behavior-group summary{font-size:.83rem}
  .behavior-row{grid-template-columns:1fr 92px 42px;gap:8px;font-size:.78rem}
  .behavior-row input{min-width:0}
  .radar-layout{display:block}
  [data-panel="radar"]{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .radar-wrap{
    min-width:560px;
    max-width:none;
    margin:0;
    padding:42px 52px;
  }
  .radar-list{
    min-width:520px;
    margin-top:10px;
  }
  [data-panel="evolucao"]{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .evolution-card{
    min-width:720px;
    padding:14px 12px 18px;
  }
  #evoCanvas{
    display:block;
    width:100%;
    height:auto;
    min-height:360px;
  }
  .env-grid{grid-template-columns:1fr 1fr;gap:10px}
  .env-card img{height:145px}
}

/* ==========================================================
   SUPERSER V10 - RADAR MOBILE CONSOLIDATED
   Mobile-first / sem scroll horizontal / sem cortes
   ========================================================== */

@media (max-width:760px) {

    /* Painel jamais cria largura maior que o viewport */
    [data-panel="radar"] {
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin:0 !important;
        padding:12px 8px 18px !important;

        overflow:visible !important;
        box-sizing:border-box !important;
    }

    .radar-layout {
        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;

        overflow:visible !important;
        box-sizing:border-box !important;
    }

    /*
     * Estrutura do radar:
     *
     * canvas e labels ocupam exatamente a mesma area.
     * As labels usam uma grade 3x3 em vez de coordenadas
     * absolutas que possam escapar do viewport.
     */
    .radar-wrap {
        position:relative !important;

        display:grid !important;

        grid-template-columns:
            minmax(78px,1fr)
            minmax(120px,1.45fr)
            minmax(78px,1fr) !important;

        grid-template-rows:
            62px
            minmax(250px,1fr)
            62px !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        aspect-ratio:auto !important;

        margin:0 auto 18px !important;
        padding:0 !important;

        box-sizing:border-box !important;
        overflow:visible !important;
    }

    /*
     * O canvas permanece centralizado e integralmente visivel.
     */
    .radar-wrap canvas {
        grid-column:1 / 4 !important;
        grid-row:1 / 4 !important;

        align-self:center !important;
        justify-self:center !important;

        display:block !important;

        width:min(78vw, 360px) !important;
        max-width:360px !important;
        height:auto !important;

        margin:0 !important;
    }

    /*
     * A camada de labels deixa de ser absoluta no mobile.
     * display:contents permite posicionar cada card
     * diretamente na grade do radar.
     */
    .radar-label-layer {
        position:static !important;
        inset:auto !important;

        display:contents !important;

        width:auto !important;
        height:auto !important;
    }

    .radar-area-card {
        position:static !important;

        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;

        transform:none !important;

        align-self:center !important;
        justify-self:center !important;

        width:auto !important;
        min-width:0 !important;
        max-width:108px !important;

        margin:0 !important;
        padding:6px 9px !important;

        background:rgba(255,255,255,.94) !important;

        font-size:.66rem !important;
        font-weight:800 !important;
        line-height:1.12 !important;

        text-align:center !important;
        white-space:normal !important;

        border-radius:999px !important;

        box-sizing:border-box !important;
        z-index:4 !important;
    }

    /* Atenção */
    .radar-area-card.l0 {
        grid-column:2 !important;
        grid-row:1 !important;
    }

    /* Autocontrole */
    .radar-area-card.l1 {
        grid-column:3 !important;
        grid-row:2 !important;
        justify-self:end !important;
    }

    /* Autoestima */
    .radar-area-card.l2 {
        grid-column:3 !important;
        grid-row:3 !important;
        justify-self:end !important;
    }

    /* Autorregulação */
    .radar-area-card.l3 {
        grid-column:2 !important;
        grid-row:3 !important;
    }

    /* Disciplina */
    .radar-area-card.l4 {
        grid-column:1 !important;
        grid-row:3 !important;
        justify-self:start !important;
    }

    /* Inteligência emocional */
    .radar-area-card.l5 {
        grid-column:1 !important;
        grid-row:2 !important;
        justify-self:start !important;
    }

    /*
     * Indicadores numéricos abaixo do gráfico.
     * 2 colunas para reduzir drasticamente a altura.
     */
    .radar-list {
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        gap:8px !important;

        margin:8px 0 0 !important;
        padding:0 !important;

        box-sizing:border-box !important;
    }

    .radar-list div {
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;

        min-width:0 !important;

        padding:10px 10px !important;

        border-radius:12px !important;

        box-sizing:border-box !important;
    }

    .radar-list span {
        display:block !important;

        overflow:hidden !important;

        font-size:.70rem !important;
        line-height:1.18 !important;

        text-overflow:ellipsis !important;
    }

    .radar-list b {
        display:block !important;

        margin-top:4px !important;

        font-size:.82rem !important;
        line-height:1 !important;
    }
}

/*
 * Ajuste adicional para iPhones estreitos.
 */
@media (max-width:390px) {

    .radar-wrap {
        grid-template-columns:
            minmax(70px,.9fr)
            minmax(110px,1.4fr)
            minmax(70px,.9fr) !important;

        grid-template-rows:
            58px
            minmax(235px,1fr)
            58px !important;
    }

    .radar-wrap canvas {
        width:min(76vw, 325px) !important;
        max-width:325px !important;
    }

    .radar-area-card {
        max-width:96px !important;
        padding:5px 7px !important;
        font-size:.61rem !important;
    }
}

/*
 * Garantia global:
 * o componente Radar jamais aumenta a largura da pagina.
 */
.intelligence,
.intel-shell,
.radar-layout,
.radar-wrap,
.radar-list {
    box-sizing:border-box;
    max-width:100%;
}



/* SUPERSER RADAR MOBILE ABSOLUTE FINAL */

@media (max-width:760px) {

    [data-panel="radar"] {
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow:hidden !important;
        padding:14px 12px 18px !important;
        box-sizing:border-box !important;
    }

    .radar-layout {
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow:hidden !important;
    }

    .radar-wrap {
        position:relative !important;

        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        height:430px !important;

        margin:0 auto 12px !important;
        padding:0 !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    .radar-wrap canvas {
        position:absolute !important;

        left:50% !important;
        top:50% !important;

        transform:translate(-50%,-50%) !important;

        width:68% !important;
        max-width:300px !important;
        height:auto !important;

        margin:0 !important;
    }

    .radar-label-layer {
        position:absolute !important;
        inset:0 !important;

        display:block !important;

        width:100% !important;
        height:100% !important;

        pointer-events:none !important;
    }

    .radar-area-card {
        position:absolute !important;

        transform:translate(-50%,-50%) !important;

        width:auto !important;
        min-width:78px !important;
        max-width:112px !important;

        padding:7px 10px !important;

        border-radius:999px !important;

        background:rgba(255,255,255,.94) !important;

        font-size:.68rem !important;
        font-weight:800 !important;
        line-height:1.1 !important;

        text-align:center !important;
        white-space:normal !important;

        box-sizing:border-box !important;
    }

    /* Atenção */
    .radar-area-card.l0 {
        left:50% !important;
        top:10% !important;
    }

    /* Autocontrole */
    .radar-area-card.l1 {
        left:84% !important;
        top:31% !important;
    }

    /* Autoestima */
    .radar-area-card.l2 {
        left:84% !important;
        top:68% !important;
    }

    /* Autorregulação */
    .radar-area-card.l3 {
        left:50% !important;
        top:90% !important;
    }

    /* Disciplina */
    .radar-area-card.l4 {
        left:16% !important;
        top:68% !important;
    }

    /* Int. Emocional */
    .radar-area-card.l5 {
        left:16% !important;
        top:31% !important;
    }

    .radar-list {
        display:grid !important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        gap:8px !important;

        margin:8px 0 0 !important;
        padding:0 !important;

        box-sizing:border-box !important;
    }

    .radar-list div {
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:center !important;

        width:auto !important;
        min-width:0 !important;

        padding:11px 12px !important;

        border-radius:12px !important;

        box-sizing:border-box !important;
    }

    .radar-list span {
        width:100% !important;

        font-size:.72rem !important;
        line-height:1.15 !important;

        white-space:normal !important;
        overflow:visible !important;
    }

    .radar-list b {
        display:block !important;

        margin-top:5px !important;

        font-size:.82rem !important;
        line-height:1 !important;
    }
}

@media (max-width:390px) {

    .radar-wrap {
        height:400px !important;
    }

    .radar-wrap canvas {
        width:64% !important;
        max-width:265px !important;
    }

    .radar-area-card {
        min-width:70px !important;
        max-width:98px !important;

        padding:6px 8px !important;

        font-size:.62rem !important;
    }

    .radar-area-card.l1,
    .radar-area-card.l2 {
        left:82% !important;
    }

    .radar-area-card.l4,
    .radar-area-card.l5 {
        left:18% !important;
    }
}

/* SUPERSER SCIENCE CLEAN FINAL */

/* ==========================================================
   SCIENCE — DESKTOP
   ========================================================== */

.science-premium {
    display: grid;
    gap: 32px;
}

.science-intro {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
    align-items: center;
    gap: 40px;
}

.science-copy {
    order: 1;
    min-width: 0;
}

.science-photo {
    order: 2;
    width: 100%;
    max-width: 430px;
    justify-self: end;
}

.science-photo picture,
.science-photo img {
    display: block;
    width: 100%;
}

.science-photo img {
    aspect-ratio: 1.25 / 1;
    object-fit: cover;
    border-radius: 22px;
    box-shadow: 0 18px 48px rgba(5,60,54,.12);
}

.science-copy h2 {
    max-width: 760px;
    margin: 14px 0 18px;
    font-size: clamp(2.7rem, 4.6vw, 4.5rem);
    line-height: .98;
    letter-spacing: -.04em;
}

.science-lead {
    max-width: 720px;
    margin: 0;
    font-size: 1rem;
    line-height: 1.55;
}

/* FILTROS */

.science-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
}

.science-filter button {
    appearance: none;
    -webkit-appearance: none;

    border: 1px solid #cfe2de;
    border-radius: 999px;

    background: #f4faf8;
    color: #06443e;

    min-height: 38px;
    padding: 7px 13px;

    font-family: inherit;
    font-size: .74rem;
    font-weight: 800;
    line-height: 1;

    cursor: pointer;

    box-shadow: none;
}

.science-filter button.active {
    background: #075f55;
    border-color: #075f55;
    color: #fff;

    box-shadow: 0 5px 14px rgba(6,79,70,.14);
}

/* CABECALHOS DOS GRUPOS */

.science-group-head {
    grid-column: 1 / -1;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;

    margin-top: 2px;
    padding: 0 2px 8px;

    border-bottom: 1px solid #d8e8e4;
}

.science-group-head span {
    color: #078b7c;

    font-size: .67rem;
    font-weight: 900;
    letter-spacing: .10em;
}

.science-group-head strong {
    color: #667b77;

    font-size: .74rem;
    font-weight: 700;
}

/* ==========================================================
   GRID DAS INSTITUICOES
   ========================================================== */

.premium-institutions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 12px;

    width: 100%;
}

.premium-inst {
    display: flex;
    flex-direction: column;

    min-width: 0;
    min-height: 225px;

    padding: 16px;

    border: 1px solid #d6e7e3;
    border-radius: 18px;

    background: rgba(255,255,255,.97);

    box-shadow: 0 10px 28px rgba(8,63,57,.045);

    overflow: hidden;
}

.premium-inst:hover {
    transform: translateY(-3px);
    border-color: #acd7cf;
}

/* ==========================================================
   LOGOS
   ========================================================== */

.inst-logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    width: 100%;
    height: 64px;

    margin-bottom: 8px;
}

.premium-inst .inst-logo img {
    display: block;

    width: auto;
    height: auto;

    max-width: 145px;
    max-height: 52px;

    object-fit: contain;
    object-position: left center;
}

/* compensacao optica */

.premium-inst:nth-of-type(2) .inst-logo img {
    max-width: 82px;
}

.premium-inst:nth-of-type(5) .inst-logo img {
    max-width: 104px;
}

.premium-inst:nth-of-type(7) .inst-logo img {
    max-width: 100px;
}

/* ==========================================================
   TEXTO DOS CARDS
   ========================================================== */

.inst-content {
    display: block;
    width: 100%;
    min-width: 0;
}

.premium-inst .inst-content strong {
    display: block;

    color: #073f39;

    font-size: 1rem;
    font-weight: 850;
    line-height: 1.15;
}

.premium-inst .inst-content span {
    display: block;

    margin-top: 4px;

    color: #70817e;

    font-size: .76rem;
    line-height: 1.25;
}

.premium-inst .inst-content b {
    display: inline-block;

    margin-top: 9px;
    padding: 4px 7px;

    border-radius: 999px;

    background: #e7f5f1;
    color: #087568;

    font-size: .62rem;
    font-weight: 850;
    line-height: 1.1;
}

.premium-inst .inst-content p {
    display: -webkit-box;

    margin: 9px 0 0;

    overflow: hidden;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

    color: #536964;

    font-size: .75rem;
    line-height: 1.38;
}

/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1100px) {

    .science-intro {
        grid-template-columns: minmax(0,1.15fr) minmax(270px,.85fr);
        gap: 26px;
    }

    .science-photo {
        max-width: 360px;
    }

    .premium-institutions {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 760px) {

    .science-premium {
        gap: 22px;
    }

    .science-intro {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .science-copy {
        order: 1;
    }

    .science-photo {
        order: 2;

        width: 100%;
        max-width: none;
    }

    .science-photo img {
        aspect-ratio: 1.75 / 1;
        border-radius: 17px;
    }

    .science-copy h2 {
        font-size: clamp(2rem, 9vw, 2.65rem);
        line-height: 1;
    }

    .science-lead {
        font-size: .96rem;
        line-height: 1.5;
    }

    /* filtros */

    .science-filter {
        display: flex;
        flex-wrap: nowrap;

        width: 100%;

        gap: 7px;

        overflow-x: auto;

        padding: 2px 0 7px;

        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .science-filter::-webkit-scrollbar {
        display: none;
    }

    .science-filter button {
        flex: 0 0 auto;

        min-height: 38px;

        padding: 7px 12px;

        font-size: .72rem;

        white-space: nowrap;
    }

    .science-group-head {
        display: block;

        padding-bottom: 7px;
    }

    .science-group-head span,
    .science-group-head strong {
        display: block;
    }

    .science-group-head span {
        margin-bottom: 4px;
        font-size: .61rem;
    }

    .science-group-head strong {
        font-size: .75rem;
    }

    /*
    MOBILE = 2 CARDS POR LINHA
    */

    .premium-institutions {
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 8px;
    }

    .premium-inst {
        min-height: 190px;

        padding: 12px;

        border-radius: 15px;
    }

    .inst-logo {
        height: 50px;
        margin-bottom: 6px;
    }

    .premium-inst .inst-logo img {
        max-width: 112px;
        max-height: 42px;
    }

    .premium-inst:nth-of-type(2) .inst-logo img {
        max-width: 65px;
    }

    .premium-inst:nth-of-type(5) .inst-logo img {
        max-width: 82px;
    }

    .premium-inst:nth-of-type(7) .inst-logo img {
        max-width: 78px;
    }

    .premium-inst .inst-content strong {
        font-size: .88rem;
    }

    .premium-inst .inst-content span {
        font-size: .66rem;
    }

    .premium-inst .inst-content b {
        margin-top: 7px;
        padding: 4px 6px;

        font-size: .56rem;
    }

    .premium-inst .inst-content p {
        margin-top: 7px;

        font-size: .63rem;
        line-height: 1.3;

        -webkit-line-clamp: 3;
    }

}

/* iPhone estreito */

@media (max-width: 390px) {

    .premium-institutions {
        gap: 7px;
    }

    .premium-inst {
        min-height: 184px;
        padding: 10px;
    }

    .premium-inst .inst-content p {
        font-size: .61rem;
    }

}

