:root {
  --navy: #071a4b;
  --blue: #075fea;
  --blue-bright: #2c78ff;
  --cyan: #a8f1f4;
  --ink: #111b35;
  --muted: #61708e;
  --line: #dce5f2;
  --pale: #f4f7fc;
  --white: #fff;
  --shadow: 0 24px 70px rgba(8, 33, 88, .14);
  font-family: Figtree, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--pale);
  scroll-behavior: smooth;
  scroll-padding-top: 96px;
}

* { box-sizing: border-box; }
html, body { overflow-x: hidden; }
html { scrollbar-gutter: stable; }
body { margin: 0; background: var(--pale); }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
.shell { width: min(1180px, calc(100% - clamp(32px, 5vw, 48px))); margin: 0 auto; }
.section { padding: clamp(78px, 8vw, 112px) 0; }
.section-dark { color: var(--white); background: #2d48d2; }
.section-navy { color: var(--white); background: var(--navy); }
.section-light { background: var(--pale); }
.section-white { background: var(--white); }
.eyebrow { margin: 0 0 18px; color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .17em; }
.eyebrow-light { color: #b7e8ff; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { letter-spacing: -.035em; }
h1 { max-width: 670px; margin-bottom: 24px; font-size: clamp(42px, 5vw, 74px); line-height: .99; }
h1 em { color: #a6f1f3; font-style: normal; }
h2 { margin-bottom: 22px; font-size: clamp(36px, 4.1vw, 58px); line-height: 1.02; }
h3 { font-size: 21px; line-height: 1.1; }
.section-lead { max-width: 525px; color: var(--muted); font-size: 18px; line-height: 1.6; }
.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 10px; border: 1px solid transparent; border-radius: 8px; padding: 0 19px; font-size: 14px; font-weight: 800; transition: transform .25s ease, background .25s ease, border-color .25s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: var(--navy); background: var(--cyan); }
.button-primary:hover { background: #d8ffff; }
.button-ghost { color: var(--white); border-color: rgba(255,255,255,.42); background: rgba(255,255,255,.08); }
.button-ghost:hover { background: rgba(255,255,255,.16); }
.button-light { color: var(--navy); background: var(--white); }
.button-small { min-height: 40px; padding: 0 15px; font-size: 12px; }

.site-header { position: fixed; z-index: 20; top: 0; right: 0; left: 0; display: flex; height: 78px; align-items: center; justify-content: space-between; padding: 0 max(24px, calc((100vw - 1400px) / 2)); color: var(--white); transition: background .25s ease, box-shadow .25s ease, color .25s ease; }
.site-header.is-scrolled { color: var(--ink); background: rgba(255,255,255,.92); box-shadow: 0 8px 24px rgba(7, 26, 75, .08); backdrop-filter: blur(16px); }
.brand { display: inline-flex; align-items: center; gap: 10px; }
.brand strong { display: block; font-size: 24px; letter-spacing: -.04em; }
.brand small { display: block; margin-top: 2px; font-size: 10px; font-weight: 800; letter-spacing: .2em; opacity: .68; }
.brand-logo-frame { position: relative; display: block; width: 48px; height: 40px; overflow: hidden; flex: 0 0 48px; }
.brand-logo { position: absolute; top: 0; left: -17px; width: 80px; height: 40px; max-width: none; object-fit: contain; filter: brightness(0) invert(1); transition: filter .25s ease; }
.site-header.is-scrolled .brand-logo { filter: none; }
.site-footer .brand-logo { filter: brightness(0) invert(1); }
.brand-mark { display: grid; width: 34px; height: 34px; place-items: center; border: 2px solid currentColor; border-radius: 8px; color: inherit; font-size: 10px; font-weight: 900; letter-spacing: -.08em; }
.desktop-nav { display: flex; gap: 26px; margin-left: auto; margin-right: 34px; font-size: 18px; font-weight: 700; }
.desktop-nav a, .text-link { opacity: .87; transition: opacity .2s ease, color .25s ease, transform .25s ease; }
.desktop-nav a:hover, .text-link:hover { opacity: 1; }
.mobile-nav-access { display: none; }
.desktop-nav a { position: relative; }
.desktop-nav a::after { position: absolute; right: 0; bottom: -9px; left: 0; height: 2px; border-radius: 2px; background: var(--cyan); content: ""; transform: scaleX(0); transform-origin: right; transition: transform .3s ease; }
.desktop-nav a:hover, .desktop-nav a:focus-visible { transform: translateY(-2px); }
.desktop-nav a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.desktop-nav a.is-active { color: var(--cyan); transform: translateY(-2px); }
.desktop-nav a.is-active::after { transform: scaleX(1); transform-origin: left; }
.site-header.is-scrolled .desktop-nav a.is-active { color: #0b50bb; }
.site-header.is-scrolled .desktop-nav a::after { background: #0b50bb; }
.header-actions { display: flex; align-items: center; gap: 18px; font-size: 18px; font-weight: 800; }
.menu-button { display: none; border: 0; background: none; color: currentColor; }
.menu-button span { display: block; width: 22px; height: 2px; margin: 4px; background: currentColor; }

.hero { position: relative; display: flex; min-height: 100svh; flex-direction: column; justify-content: center; overflow: hidden; padding: clamp(110px, 11vh, 150px) 0 0; background: #2946d2; }
.hero::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.065) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.065) 1px, transparent 1px); background-size: 68px 68px; opacity: .3; pointer-events: none; content: ""; }
.hero-grid { position: relative; z-index: 1; display: grid; width: min(1480px, calc(100% - 32px)); min-height: 0; flex: 1; grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); align-items: center; gap: clamp(28px, 3.5vw, 58px); padding-bottom: 0; }
.hero-copy { position: relative; z-index: 2; padding: 0; transform: translateX(clamp(-16px, -1vw, 0px)); }
.hero-copy h1 { max-width: 720px; font-size: clamp(48px, 5.5vw, 82px); }
.hero-lead { max-width: 560px; color: rgba(255,255,255,.83); font-size: clamp(17px, 1.6vw, 20px); line-height: 1.55; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: clamp(22px, 2.5vw, 32px); }
.hero-proof { display: flex; flex-wrap: wrap; gap: clamp(10px, 1.8vw, 16px); margin-top: clamp(20px, 2.5vw, 28px); color: rgba(255,255,255,.82); font-size: clamp(12px, 1.1vw, 14px); font-weight: 700; }
.hero-proof b { color: var(--cyan); font-size: 16px; vertical-align: -1px; }
.hero-person { --hero-bleed: clamp(160px, 13vw, 260px); --hero-shift-x: clamp(4px, 1.5vw, 24px); --hero-lift: 0px; --hero-scale: 1; position: relative; grid-column: 2; align-self: end; width: calc(100% + var(--hero-bleed)); margin-right: calc(var(--hero-bleed) * -1); aspect-ratio: 16 / 9; min-height: 0; isolation: isolate; transform: translate3d(var(--hero-shift-x), calc(var(--person-shift, 0px) + var(--hero-lift)), 0) scale(var(--hero-scale)); transform-origin: right bottom; will-change: transform; }
.person-backdrop { display: none; }
.hero-slides { position: absolute; inset: 0; overflow: visible; background: transparent; }
.hero-slide { position: absolute; inset: 0; overflow: visible; margin: 0; opacity: 0; transform: translateX(22px) scale(.98); transition: opacity .6s ease, transform .7s cubic-bezier(.2,.8,.2,1); }
.hero-slide.is-active { opacity: 1; transform: translateX(0) scale(1); }
.hero-slide img { position: absolute; z-index: 1; right: 0; bottom: 0; width: min(calc(100% + clamp(120px, 10vw, 190px)), calc(150svh - 138px)); max-width: none; height: auto; background: transparent; object-fit: contain; object-position: center bottom; filter: saturate(1.04); transform: translateY(var(--image-lift, 0px)) scale(var(--image-scale, 1)); transition: transform .2s ease-out; will-change: transform; }
.hero-slide img.hero-screen-overlay { z-index: 2; -webkit-clip-path: polygon(17.4% 49.8%, 49.5% 48.5%, 51% 85.1%, 18.8% 86%); clip-path: polygon(17.4% 49.8%, 49.5% 48.5%, 51% 85.1%, 18.8% 86%); -webkit-mask-image: none; mask-image: none; filter: none; pointer-events: none; }
.hero-slide[data-hero-slide="0"] img, .hero-slide[data-hero-slide="1"] img, .hero-slide[data-hero-slide="2"] img { object-position: center bottom; }
.floating-note { position: absolute; z-index: 2; display: flex; min-width: 158px; align-items: center; gap: 10px; border: 1px solid rgba(151,224,255,.82); border-radius: 12px; padding: 11px 14px; color: rgba(255,255,255,.96); background: linear-gradient(135deg, rgba(33,130,255,.94), rgba(20,73,183,.9)); box-shadow: 0 18px 34px rgba(3, 24, 64, .24), inset 0 1px 0 rgba(255,255,255,.28); backdrop-filter: blur(8px); font-size: 11px; line-height: 1.2; pointer-events: none; }
.floating-note b { color: var(--white); font-size: 12px; }
.note-icon { display: grid; flex: 0 0 30px; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(255,255,255,.62); border-radius: 9px; color: var(--white); background: rgba(255,255,255,.16); font-size: 15px; font-weight: 800; }
.note-notas { top: 8%; left: -15%; }
.note-comunicacao { top: 2%; right: 4%; min-width: 146px; }
.note-tv { top: 47%; right: 4%; min-width: 146px; }
.note-financeira { bottom: 8%; left: -14%; }
.demo-section { width: 100%; padding: 78px 0; border-radius: 0; background: linear-gradient(112deg, #0c2b83 0%, #2d48d2 37%, #58bde9 72%, var(--cyan) 100%); box-shadow: none; }
.demo-layout { display: flex; width: min(1180px, calc(100% - clamp(32px, 5vw, 48px))); margin: 0 auto; align-items: center; justify-content: space-between; gap: clamp(32px, 6vw, 86px); }
.demo-copy { min-width: 0; max-width: 520px; flex: 1 1 0; color: var(--white); }
.demo-copy h2 { max-width: 540px; margin-bottom: 22px; font-size: clamp(38px, 4.2vw, 62px); line-height: 1; }
.demo-copy > p:not(.eyebrow) { max-width: 480px; color: rgba(255,255,255,.84); font-size: 18px; line-height: 1.55; }
.demo-copy-points { display: grid; gap: 12px; margin-top: 30px; color: #d7ffff; font-size: 13px; font-weight: 800; }
.demo-copy-points span::before { margin-right: 9px; color: var(--cyan); content: "✓"; font-size: 16px; }
.demo-form { width: 100%; max-width: 540px; flex: 0 1 540px; scroll-margin-top: 96px; border: 0; border-radius: 22px; padding: 38px 42px; color: var(--ink); background: rgba(255,255,255,.97); box-shadow: 0 20px 52px rgba(4, 20, 82, .24); }
.form-heading h2 { margin-bottom: 12px; font-size: 32px; }
.form-heading p:last-child { color: var(--muted); font-size: 14px; line-height: 1.55; }
.demo-form label { display: block; margin-top: 16px; color: var(--ink); font-size: 12px; font-weight: 800; }
.demo-form label span { color: #df364b; }
.demo-form input, .demo-form select { display: block; width: 100%; height: 50px; margin-top: 7px; border: 1px solid #ced9e8; border-radius: 9px; padding: 0 15px; color: var(--ink); background: #f9fbfe; outline: none; }
.demo-form input:focus, .demo-form select:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(7,95,234,.12); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.button-form { width: 100%; min-height: 54px; margin-top: 24px; color: var(--white); background: var(--blue); }
.button-form:hover { background: #004cbf; }
.form-privacy { display: block; margin-top: 16px; color: #8994a8; font-size: 11px; line-height: 1.4; }
.form-status { min-height: 16px; margin: 9px 0 0; color: #087c58; font-size: 11px; font-weight: 700; }

@keyframes orbit-note-a { 0%, 100% { transform: translate3d(0, 0, 0) rotate(-2deg) scale(var(--note-scale, 1)); } 25% { transform: translate3d(26px, -16px, 0) rotate(1deg) scale(var(--note-scale, 1)); } 50% { transform: translate3d(48px, 0, 0) rotate(3deg) scale(var(--note-scale, 1)); } 75% { transform: translate3d(24px, 16px, 0) rotate(0deg) scale(var(--note-scale, 1)); } }
@keyframes orbit-note-b { 0%, 100% { transform: translate3d(0, 0, 0) rotate(2deg) scale(var(--note-scale, 1)); } 25% { transform: translate3d(-22px, 18px, 0) rotate(-1deg) scale(var(--note-scale, 1)); } 50% { transform: translate3d(-42px, 0, 0) rotate(-3deg) scale(var(--note-scale, 1)); } 75% { transform: translate3d(-20px, -18px, 0) rotate(0deg) scale(var(--note-scale, 1)); } }
@keyframes orbit-note-c { 0%, 100% { transform: translate3d(0, 0, 0) rotate(-1deg) scale(var(--note-scale, 1)); } 25% { transform: translate3d(-28px, -16px, 0) rotate(1deg) scale(var(--note-scale, 1)); } 50% { transform: translate3d(-56px, 0, 0) rotate(3deg) scale(var(--note-scale, 1)); } 75% { transform: translate3d(-26px, 16px, 0) rotate(0deg) scale(var(--note-scale, 1)); } }
@keyframes orbit-note-d { 0%, 100% { transform: translate3d(0, 0, 0) rotate(1deg) scale(var(--note-scale, 1)); } 25% { transform: translate3d(28px, -18px, 0) rotate(-1deg) scale(var(--note-scale, 1)); } 50% { transform: translate3d(54px, 0, 0) rotate(-3deg) scale(var(--note-scale, 1)); } 75% { transform: translate3d(26px, 18px, 0) rotate(0deg) scale(var(--note-scale, 1)); } }

.trust-strip { color: var(--white); background: #071a4b; }
.trust-grid { display: grid; min-height: 90px; grid-template-columns: 1fr auto; align-items: center; gap: 27px; }
.trust-grid p { margin: 0 auto 0 0; color: #c9d7f5; font-size: clamp(16px, 1.2vw, 19px); font-weight: 700; }
.trust-people { display: flex; flex-wrap: wrap; justify-content: end; gap: 14px 27px; }
.trust-grid span { color: #fff; font-size: clamp(15px, 1vw, 17px); font-weight: 800; }
.trust-grid span::before { display: none; }

.intro-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 80px; }
.intro-grid h2 { max-width: 600px; font-family: inherit; font-size: clamp(46px, 5.5vw, 74px); font-weight: 800; line-height: .99; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 68px; }
.feature-card { min-height: 278px; border-top: 3px solid var(--line); padding: 25px 22px; background: var(--white); box-shadow: 0 9px 28px rgba(10, 34, 80, .05); transition: transform .35s ease, border-color .35s ease, background .35s ease, box-shadow .35s ease; }
.feature-card-blue, .feature-card.is-active { border-color: var(--blue); background: #eaf2ff; box-shadow: 0 18px 38px rgba(18,104,237,.15), 0 0 0 1px rgba(18,104,237,.08); }
.feature-number { display: block; margin-bottom: 48px; color: var(--blue); font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.feature-card p { min-height: 64px; color: var(--muted); font-size: 14px; line-height: 1.55; }
.feature-card a { color: var(--blue); font-size: 12px; font-weight: 800; }

.showcase-grid { display: grid; grid-template-columns: minmax(0, .74fr) minmax(0, 1.26fr); align-items: center; gap: clamp(52px, 6vw, 100px); }
.showcase-copy { padding: 30px 0; }
.showcase-steps { margin-top: 48px; border-top: 1px solid var(--line); }
.showcase-step { display: grid; grid-template-columns: 38px 1fr; gap: 16px; padding: 22px 0; border-bottom: 1px solid var(--line); opacity: .44; transition: opacity .3s ease, transform .3s ease; }
.showcase-step.is-active { opacity: 1; transform: translateX(7px); }
.showcase-step > span { color: var(--blue); font-size: 11px; font-weight: 900; }
.showcase-step h3 { margin: 0 0 7px; font-size: 16px; }
.showcase-step p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
.device-wrap { position: relative; padding: 22px; }
.director-showcase { --showcase-bleed: clamp(32px, 5vw, 86px); width: calc(100% + var(--showcase-bleed)); margin-right: calc(var(--showcase-bleed) * -1); padding: 22px 0 22px 22px; }
.device-glow { position: absolute; inset: 16% 0 8%; background: #dfeaff; filter: blur(25px); }
.director-dashboard-frame { position: relative; z-index: 1; overflow: hidden; min-height: 560px; border-radius: 24px; background: #dfeaff; box-shadow: var(--shadow); }
.director-dashboard-image { display: block; width: 100%; height: 100%; min-height: 560px; object-fit: cover; object-position: 32% 59%; transform: scale(1.22); transform-origin: 38% 60%; transition: transform .6s ease; }
.director-dashboard-frame:hover .director-dashboard-image { transform: scale(1.27); }
.dashboard-screen-motion { position: absolute; z-index: 2; top: 35%; left: 8%; width: 42%; height: 48%; overflow: hidden; border-radius: 2%; opacity: .72; clip-path: inset(0 round 5px); mix-blend-mode: screen; pointer-events: none; }
.dashboard-screen-motion::before { position: absolute; inset: 0; background: linear-gradient(110deg, transparent 0%, transparent 36%, rgba(255,255,255,.08) 47%, rgba(168,241,244,.26) 50%, transparent 63%, transparent 100%); background-size: 220% 100%; content: ""; }
.dashboard-chart-pulse { position: absolute; bottom: 24%; left: 20%; width: 30%; height: 22%; border-bottom: 2px solid rgba(18,104,237,.55); background: linear-gradient(180deg, rgba(18,104,237,.2), transparent); clip-path: polygon(0 72%, 16% 59%, 32% 45%, 47% 51%, 63% 28%, 80% 27%, 100% 5%, 100% 100%, 0 100%); transform-origin: bottom; }
.dashboard-donut-pulse { position: absolute; top: 54%; right: 12%; width: 23%; aspect-ratio: 1; border: 2px solid rgba(37,211,198,.38); border-radius: 50%; box-shadow: 0 0 0 3px rgba(18,104,237,.08), inset 0 0 0 2px rgba(255,255,255,.14); }
@keyframes dashboard-screen-sheen { 0%, 18% { background-position: 120% 0; opacity: .1; } 54%, 72% { background-position: -20% 0; opacity: .72; } 100% { background-position: -60% 0; opacity: .1; } }
@keyframes dashboard-chart-pulse { 0%, 100% { opacity: .22; transform: scaleY(.86); } 50% { opacity: .68; transform: scaleY(1); } }
@keyframes dashboard-donut-pulse { 0%, 100% { opacity: .22; transform: scale(.94); } 50% { opacity: .72; transform: scale(1.05); } }
.tv-school-section { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr); min-height: clamp(600px, 48vw, 760px); overflow: hidden; color: var(--ink); background: var(--white); }
.tv-school-visual { position: relative; display: grid; min-width: 0; min-height: clamp(560px, 48vw, 760px); align-items: center; overflow: hidden; padding: clamp(34px, 5vw, 76px); background: linear-gradient(135deg, #071a4b 0%, #123d9e 58%, #2d70d8 100%); contain: layout paint; }
.tv-school-stage { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border: 6px solid rgba(255,255,255,.12); border-radius: 10px; box-shadow: 0 28px 70px rgba(3, 24, 64, .34), 0 0 0 1px rgba(255,255,255,.12); contain: layout paint; isolation: isolate; }
.tv-school-slide { position: absolute; inset: 0; opacity: 0; backface-visibility: hidden; transform: translateZ(0); transition: opacity .18s linear; will-change: opacity; }
.tv-school-slide.is-active { opacity: 1; }
.tv-school-slide img, .tv-school-slide video { display: block; width: 100%; height: 100%; min-width: 100%; min-height: 100%; object-fit: cover; object-position: center; backface-visibility: hidden; }
.tv-school-toggle { position: absolute; right: 14px; bottom: 14px; z-index: 3; display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(255,255,255,.48); border-radius: 50%; color: #fff; background: rgba(7,26,75,.24); box-shadow: 0 8px 18px rgba(3,24,64,.2), inset 0 1px 0 rgba(255,255,255,.18); opacity: 0; pointer-events: none; cursor: pointer; transition: opacity .2s ease, background .2s ease, transform .2s ease; backdrop-filter: blur(6px); }
.tv-school-stage.is-paused .tv-school-toggle, .tv-school-stage.is-feedback .tv-school-toggle, .tv-school-toggle:focus-visible { opacity: .78; pointer-events: auto; }
.tv-school-toggle:hover { opacity: 1; background: rgba(7,26,75,.42); transform: translateY(-2px); }
.tv-school-toggle:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }
.tv-school-toggle-icon { position: relative; display: block; width: 14px; height: 17px; }
.tv-school-toggle[data-tv-school-feedback="pause"] .tv-school-toggle-icon::before, .tv-school-toggle[data-tv-school-feedback="pause"] .tv-school-toggle-icon::after { position: absolute; top: 0; width: 4px; height: 17px; border-radius: 2px; background: currentColor; content: ""; }
.tv-school-toggle[data-tv-school-feedback="pause"] .tv-school-toggle-icon::before { left: 1px; }
.tv-school-toggle[data-tv-school-feedback="pause"] .tv-school-toggle-icon::after { right: 1px; }
.tv-school-toggle[data-tv-school-feedback="play"] .tv-school-toggle-icon { width: 0; height: 0; margin-left: 3px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 12px solid currentColor; }
.tv-school-controls { position: absolute; bottom: clamp(16px, 3vw, 34px); left: 50%; display: flex; gap: 8px; transform: translateX(-50%); }
.tv-school-dot { width: 9px; height: 9px; border: 1px solid rgba(255,255,255,.88); border-radius: 50%; padding: 0; background: transparent; cursor: pointer; transition: transform .2s ease, background .2s ease; }
.tv-school-dot:hover, .tv-school-dot:focus-visible { transform: scale(1.25); }
.tv-school-dot.is-active { background: var(--cyan); }
.tv-school-copy { display: flex; min-width: 0; align-items: center; padding: clamp(54px, 7vw, 104px) clamp(34px, 7vw, 112px); background: var(--white); contain: layout paint; isolation: isolate; }
.tv-school-copy-inner { position: relative; top: -16px; width: min(100%, 580px); contain: layout paint; transform: translateZ(0); backface-visibility: hidden; }
.tv-school-copy h2 { max-width: 600px; margin-bottom: 24px; color: #39a9d1; font-size: clamp(36px, 3.8vw, 62px); line-height: 1.02; }
.tv-school-copy p:not(.eyebrow) { max-width: 570px; color: #52617a; font-size: 16px; line-height: 1.65; }
.tv-school-copy .tv-school-lead { color: var(--ink); font-size: clamp(18px, 1.45vw, 21px); font-weight: 700; line-height: 1.45; }
.tv-school-copy strong { color: var(--navy); }
.tv-school-copy .tv-school-highlight { margin-top: 28px; border-left: 4px solid var(--cyan); padding-left: 18px; color: var(--navy); font-size: 17px; font-weight: 800; line-height: 1.45; }
.tv-school-more { display: inline-flex; min-height: 42px; align-items: center; gap: 9px; margin-top: 28px; border: 1px solid var(--line); border-radius: 7px; padding: 0 16px; color: var(--navy); background: var(--white); font-size: 13px; font-weight: 800; transition: color .22s ease, border-color .22s ease, background .22s ease, transform .22s ease; }
.tv-school-more:hover, .tv-school-more:focus-visible { border-color: #39a9d1; color: #198fbe; background: #eaf9ff; transform: translateY(-2px); }
.tv-school-more:focus-visible { outline: 2px solid #39a9d1; outline-offset: 3px; }

.tv-school-detail-page { min-height: 100vh; background: linear-gradient(135deg, #dff8fb 0%, #fff 48%, #e8f1ff 100%); }
.tv-school-detail { overflow: hidden; }
.tv-school-detail-hero { position: relative; padding: clamp(142px, 15vw, 202px) 0 clamp(44px, 5vw, 72px); }
.tv-school-detail-hero::after { position: absolute; right: -12%; bottom: -28%; width: 48vw; height: 48vw; border-radius: 50%; background: radial-gradient(circle, rgba(168,241,244,.36) 0%, rgba(168,241,244,0) 70%); content: ""; pointer-events: none; }
.tv-school-detail-hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); align-items: center; gap: clamp(42px, 5vw, 92px); }
.tv-school-detail-hero-copy { min-width: 0; }
.tv-school-detail-hero h1 { max-width: 760px; margin-bottom: 24px; color: var(--navy); font-size: clamp(48px, 6.2vw, 86px); }
.tv-school-detail-hero h1 em { color: #39a9d1; }
.tv-school-detail-hero-lead { max-width: 700px; margin-bottom: 0; color: #52617a; font-size: clamp(18px, 2vw, 23px); line-height: 1.6; }
.tv-school-detail-hero-media { min-width: 0; }
.tv-school-computer { position: relative; width: min(100%, 790px); margin: 0 0 0 auto; transform: perspective(1500px) rotateY(-5deg) rotateX(2deg); transform-origin: center right; }
.tv-school-computer-screen { position: relative; z-index: 1; padding: clamp(8px, 1vw, 13px); border: 1px solid rgba(255,255,255,.5); border-radius: 18px 18px 9px 9px; background: linear-gradient(145deg, #3a4a67 0%, #101b31 46%, #071326 100%); box-shadow: 0 26px 55px rgba(9,40,90,.28), inset 0 0 0 1px rgba(255,255,255,.12); }
.tv-school-computer-camera { position: absolute; top: 5px; left: 50%; width: 6px; height: 6px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: #061021; transform: translateX(-50%); }
.tv-school-computer-bezel { overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 9px 9px 4px 4px; background: #081326; }
.tv-school-computer-browser-bar { display: flex; height: 30px; align-items: center; gap: 5px; padding: 0 12px; color: #99a8c0; background: #101d34; }
.tv-school-computer-browser-bar > span { width: 7px; height: 7px; border-radius: 50%; background: #5d7294; }
.tv-school-computer-browser-bar > span:first-child { background: #a8f1f4; }
.tv-school-computer-browser-bar small { min-width: 0; margin-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; letter-spacing: .04em; }
.tv-school-computer-display { position: relative; aspect-ratio: 949 / 452; overflow: hidden; background: #071a4b; }
.tv-school-computer-display video { display: block; width: 100%; height: 100%; object-fit: contain; background: #071a4b; }
.tv-school-computer-display video:fullscreen, .tv-school-computer-display video:-webkit-full-screen { width: 100%; height: 100%; object-fit: contain; background: #000; }
.tv-school-computer-display video::backdrop { background: #000; }
.tv-school-computer-hinge { position: relative; z-index: 2; width: 18%; height: 9px; margin: -1px auto 0; border-radius: 0 0 7px 7px; background: #263753; box-shadow: inset 0 1px 2px rgba(255,255,255,.18); }
.tv-school-computer-base { position: relative; z-index: 1; width: 112%; height: clamp(20px, 2.2vw, 32px); margin-left: -6%; border: 1px solid rgba(26,48,81,.24); border-radius: 4px 4px 18px 18px; background: linear-gradient(180deg, #dbe5f0 0%, #aebed1 54%, #8498b0 100%); box-shadow: 0 18px 25px rgba(7,26,75,.2), inset 0 1px 2px rgba(255,255,255,.85); }
.tv-school-computer-base::after { position: absolute; right: 8%; bottom: 3px; left: 8%; height: 3px; border-radius: 50%; background: rgba(41,64,93,.4); content: ""; }
.tv-school-computer-base span { position: absolute; top: 3px; left: 50%; width: 22%; height: 4px; border-radius: 0 0 7px 7px; background: rgba(72,91,116,.34); transform: translateX(-50%); }
.tv-school-detail-gallery { padding: clamp(42px, 5vw, 72px) 0; background: rgba(255,255,255,.7); }
.tv-school-detail-heading { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); align-items: end; gap: 40px; margin-bottom: 42px; }
.tv-school-detail-heading h2 { max-width: 530px; margin-bottom: 0; color: var(--navy); }
.tv-school-detail-heading p { max-width: 600px; margin-bottom: 0; color: var(--muted); font-size: 17px; line-height: 1.65; }
.tv-school-detail-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.tv-school-detail-card { overflow: hidden; border: 1px solid rgba(102,144,195,.22); border-radius: 8px; background: rgba(255,255,255,.84); box-shadow: 0 18px 44px rgba(8,33,88,.08); }
.tv-school-detail-media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: #dceeff; }
.tv-school-detail-media img, .tv-school-detail-media video { display: block; width: 100%; height: 100%; object-fit: cover; }
.tv-school-detail-media img { cursor: zoom-in; transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.tv-school-detail-card:hover .tv-school-detail-media img, .tv-school-detail-card:focus-within .tv-school-detail-media img { transform: scale(1.1); }
.tv-school-detail-video-card .tv-school-detail-media { cursor: pointer; }
.tv-school-media-image-trigger { display: block; width: 100%; height: 100%; border: 0; padding: 0; background: transparent; }
.tv-school-media-image-trigger:focus-visible { outline: 3px solid var(--cyan); outline-offset: -3px; }
.tv-school-lightbox { width: min(1180px, calc(100% - 32px)); max-width: none; max-height: calc(100% - 32px); margin: auto; border: 0; border-radius: 10px; padding: 0; color: var(--ink); background: transparent; }
.tv-school-lightbox::backdrop { background: rgba(7,26,75,.76); backdrop-filter: blur(7px); }
.tv-school-lightbox-shell { position: relative; max-height: calc(100vh - 32px); overflow: auto; border: 1px solid rgba(102,144,195,.3); border-radius: 10px; padding: clamp(22px, 3vw, 36px); background: var(--white); box-shadow: 0 28px 90px rgba(3,24,64,.4); }
.tv-school-lightbox-kicker { margin-bottom: 8px; }
.tv-school-lightbox-title { max-width: calc(100% - 54px); margin-bottom: 20px; color: var(--navy); font-size: clamp(25px, 3vw, 42px); }
.tv-school-lightbox-close { position: absolute; top: 14px; right: 14px; z-index: 2; display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid var(--line); border-radius: 50%; padding: 0; color: var(--navy); background: var(--white); font-family: Arial, sans-serif; font-size: 21px; font-weight: 400; line-height: 1; cursor: pointer; transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease; }
.tv-school-lightbox-close:hover, .tv-school-lightbox-close:focus-visible { border-color: #39a9d1; color: #198fbe; background: #eaf9ff; transform: rotate(90deg); }
.tv-school-lightbox-close:focus-visible { outline: 2px solid #39a9d1; outline-offset: 3px; }
.tv-school-lightbox-visual { display: grid; min-height: 240px; max-height: calc(100vh - 190px); place-items: center; overflow: hidden; border-radius: 7px; background: #071a4b; }
.tv-school-lightbox-visual img, .tv-school-lightbox-visual video { display: block; width: auto; max-width: 100%; max-height: calc(100vh - 190px); object-fit: contain; }
.tv-school-lightbox-visual video { height: auto; }
.tv-school-lightbox-visual img[hidden], .tv-school-lightbox-visual video[hidden] { display: none; }
.tv-school-detail-card-copy { padding: 24px 24px 26px; }
.tv-school-detail-card h3 { margin-bottom: 10px; color: var(--navy); }
.tv-school-detail-card p { margin-bottom: 0; color: var(--muted); font-size: 15px; line-height: 1.6; }
.tv-school-detail-usecases { padding: clamp(76px, 9vw, 124px) 0; background: linear-gradient(120deg, #e7fbfc 0%, #f8fbff 54%, #fff 100%); }
.tv-school-detail-usecases h2 { max-width: 620px; color: var(--navy); }
.tv-school-usecase-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 36px; }
.tv-school-usecase { border-top: 3px solid #39a9d1; padding: 22px 4px 0; }
.tv-school-usecase b { display: block; margin-bottom: 8px; color: var(--navy); font-size: 18px; }
.tv-school-usecase span { color: var(--muted); font-size: 15px; line-height: 1.6; }
.tv-school-detail-cta { padding: 68px 0 92px; text-align: center; background: #fff; }
.tv-school-detail-cta h2 { max-width: 680px; margin: 0 auto; color: var(--navy); font-size: clamp(34px, 4vw, 54px); }
@media (min-width: 761px) {
  .hero-person { --hero-lift: 0px; --hero-scale: 1; }
  .tv-school-detail-hero-inner,
  .tv-school-detail-gallery > .shell,
  .tv-school-detail-usecases > .shell { width: min(100% - clamp(48px, 7vw, 120px), 1680px); }
  .tv-school-detail-hero-inner { grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr); gap: clamp(36px, 4vw, 72px); }
  .tv-school-detail-hero h1 { max-width: 850px; font-size: clamp(48px, 7vw, 92px); }
  .tv-school-computer { width: min(100%, 920px); }
  .tv-school-detail-heading { grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: clamp(42px, 5vw, 92px); }
  .tv-school-detail-heading h2 { max-width: 680px; }
  .tv-school-detail-heading p { max-width: 780px; font-size: clamp(17px, 1.2vw, 20px); }
  .tv-school-detail-usecases h2 { max-width: 780px; }
  .tv-school-usecase-grid { gap: 30px; }
}
.browser-window { position: relative; z-index: 1; overflow: hidden; border: 7px solid #172548; border-radius: 12px; background: #172548; box-shadow: var(--shadow); transform: perspective(1000px) rotateY(-4deg) rotateX(2deg); }
.browser-bar { display: flex; height: 32px; align-items: center; gap: 5px; padding: 0 11px; color: #8091bb; background: #172548; }
.browser-bar span { width: 7px; height: 7px; border-radius: 50%; background: #677aa8; }
.browser-bar small { margin: 0 auto 0 14px; font-size: 9px; }
.browser-bar b { font-size: 15px; }
.app-preview { display: grid; grid-template-columns: 54px 1fr; min-height: 420px; background: #f1f5fb; }
.preview-sidebar { display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 18px; background: #092b88; }
.preview-logo { display: grid; width: 26px; height: 26px; place-items: center; border: 1px solid rgba(255,255,255,.7); border-radius: 6px; color: white; font-size: 9px; font-weight: 900; }
.preview-sidebar i { display: block; width: 18px; height: 2px; border-radius: 1px; background: rgba(255,255,255,.5); }
.preview-main { padding: 22px 26px; }
.preview-top { display: flex; justify-content: space-between; color: #6f7d99; font-size: 10px; }
.preview-top b { color: var(--blue); }
.preview-heading { padding: 40px 0 20px; }
.preview-heading small { color: var(--blue); font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.preview-heading h3 { margin: 8px 0 0; color: var(--ink); font-size: 25px; }
.preview-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.metric, .preview-chart { min-height: 116px; border: 1px solid #dee6f2; border-radius: 6px; padding: 17px; background: white; }
.metric small, .preview-chart small { display: block; color: #7787a3; font-size: 9px; }
.metric strong { display: block; margin: 15px 0 6px; color: var(--ink); font-size: 21px; }
.metric span { color: #5d6e8b; font-size: 9px; }
.metric-blue { border-color: #c5dbff; background: #eaf3ff; }
.metric-blue strong { color: var(--blue); font-size: 16px; }
.preview-chart { grid-column: span 2; min-height: 112px; }
.preview-metrics { transition: opacity .2s ease, transform .2s ease; }
.preview-metrics.is-changing { opacity: 0; transform: translateY(6px); }
.bars { display: flex; height: 65px; align-items: end; gap: 13px; padding: 10px 13px 0; }
.bars i { display: block; width: 19px; border-radius: 3px 3px 0 0; background: #bfddff; }
.bars i:nth-child(1) { height: 35%; }.bars i:nth-child(2) { height: 62%; }.bars i:nth-child(3) { height: 48%; }.bars i:nth-child(4) { height: 82%; background: var(--blue); }.bars i:nth-child(5) { height: 57%; }.bars i:nth-child(6) { height: 73%; }.bars i:nth-child(7) { height: 90%; background: #52d5db; }
.device-caption { position: relative; z-index: 2; display: flex; justify-content: center; gap: 8px; margin-top: 18px; color: #70809a; font-size: 11px; }
.caption-dot { width: 6px; height: 6px; margin-top: 4px; border-radius: 50%; background: #22c58b; }
.plans-section { position: relative; overflow: hidden; padding: 68px 0 96px; color: #0b2b68; background: #d9edf8; }
.plans-section::before { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,.5), transparent 48%, rgba(71,166,211,.18)); content: ''; pointer-events: none; }
.plans-section .shell { position: relative; z-index: 1; }
.plans-heading { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr); align-items: end; gap: 64px; }
.plans-heading h2 { max-width: 760px; margin: 12px 0 0; color: #092b88; font-size: clamp(40px, 5vw, 72px); line-height: .98; letter-spacing: -.04em; }
.plans-heading .section-lead { margin: 0 0 8px; color: #416288; }
.plans-layout { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(0, 1.9fr); gap: 34px; align-items: stretch; margin-top: 62px; }
.plans-visual { position: relative; display: flex; min-height: 520px; flex-direction: column; justify-content: flex-end; overflow: hidden; border-radius: 28px; padding: 28px; color: #fff; background: #092b88; box-shadow: 0 22px 45px rgba(9,43,136,.16); }
.plans-visual::after { position: absolute; inset: 0; background: linear-gradient(160deg, rgba(94,220,225,.36), transparent 44%, rgba(2,15,66,.5)); content: ''; }
.plans-visual-glow { position: absolute; top: 34px; right: -50px; width: 210px; height: 210px; border: 1px solid rgba(180,249,255,.5); border-radius: 50%; box-shadow: 0 0 0 28px rgba(134,230,235,.08), 0 0 0 56px rgba(134,230,235,.05); }
.plans-visual-window { position: relative; z-index: 1; width: 100%; min-height: 280px; margin-bottom: auto; transform: rotate(-4deg); border: 6px solid rgba(255,255,255,.8); border-radius: 16px; padding: 16px; background: #f8fdff; box-shadow: 0 24px 38px rgba(0,0,0,.2); }
.plans-window-dot { display: inline-block; width: 8px; height: 8px; margin-right: 5px; border-radius: 50%; background: #63cfd0; }
.plans-window-lines { display: grid; gap: 9px; margin-top: 24px; }.plans-window-lines i { display: block; width: 70%; height: 10px; border-radius: 5px; background: #ccecf4; }.plans-window-lines i:nth-child(2) { width: 45%; }.plans-window-lines i:nth-child(3) { width: 82%; }.plans-window-lines i:nth-child(4) { width: 58%; }
.plans-window-chart { display: flex; height: 105px; align-items: end; gap: 10px; margin-top: 24px; padding: 12px; border-radius: 10px; background: #e7f7fb; }.plans-window-chart b { flex: 1; height: 35%; border-radius: 5px 5px 0 0; background: #34b9ca; }.plans-window-chart b:nth-child(2) { height: 58%; background: #2e86db; }.plans-window-chart b:nth-child(3) { height: 45%; }.plans-window-chart b:nth-child(4) { height: 80%; background: #65d9c2; }.plans-window-chart b:nth-child(5) { height: 68%; background: #092b88; }
.plans-visual p { position: relative; z-index: 1; max-width: 270px; margin: 24px 0 0; font-size: 19px; font-weight: 700; line-height: 1.25; }
.plans-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.plan-card { position: relative; display: flex; min-height: 520px; flex-direction: column; border: 1px solid #cfe5ed; border-radius: 18px; padding: 26px 22px 22px; background: rgba(255,255,255,.9); box-shadow: 0 12px 30px rgba(33,85,108,.08); }.plan-card-featured { border-color: #092b88; color: #fff; background: #092b88; box-shadow: 0 20px 40px rgba(9,43,136,.2); }.plan-card-custom { background: #f9fdff; }
.plan-badge { position: absolute; top: 14px; right: 14px; border-radius: 999px; padding: 6px 9px; color: #092b88; background: #a9f1e5; font-size: 9px; font-weight: 900; letter-spacing: .08em; }.plan-label { margin: 0; color: #2e86db; font-size: 11px; font-weight: 900; letter-spacing: .13em; }.plan-card-featured .plan-label { color: #a9f1e5; }.plan-card h3 { margin: 13px 0 0; color: #092b88; font-size: 25px; line-height: 1.05; }.plan-card-featured h3 { color: #fff; }.plan-description { min-height: 73px; margin: 15px 0 0; color: #59728f; font-size: 14px; line-height: 1.45; }.plan-card-featured .plan-description { color: #d9e8ff; }.plan-price { display: flex; align-items: baseline; gap: 5px; margin: 20px 0 18px; color: #092b88; }.plan-price strong { font-size: 28px; letter-spacing: -.04em; }.plan-price span { font-size: 12px; }.plan-card-featured .plan-price { color: #fff; }.plan-consult { margin: 20px 0 18px; color: #092b88; font-size: 27px; font-weight: 900; }.plan-features { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; color: #416288; font-size: 13px; line-height: 1.3; }.plan-features li { position: relative; padding-left: 19px; }.plan-features li::before { position: absolute; left: 0; color: #22b99d; content: '✓'; font-weight: 900; }.plan-card-featured .plan-features { color: #e5f0ff; }.button-plan { width: 100%; justify-content: center; margin-top: auto; padding: 13px 14px; font-size: 13px; }.button-plan-light { color: #092b88; background: #d8f5f6; }.button-plan-primary { color: #092b88; background: #a9f1e5; }.button-plan-dark { color: #fff; background: #092b88; }.plans-annual-note { display: flex; align-items: center; gap: 15px; margin-top: 24px; border-top: 1px solid #c6e5ed; padding-top: 20px; color: #55718d; font-size: 13px; line-height: 1.4; }.plans-annual-note strong { color: #092b88; font-size: 15px; white-space: nowrap; }
@media (max-width: 1100px) { .plans-layout { grid-template-columns: 1fr; }.plans-visual { min-height: 360px; }.plans-visual-window { max-width: 540px; }.plans-grid { max-width: none; } }
@media (max-width: 760px) { .plans-section { padding: 76px 0 68px; }.plans-heading { grid-template-columns: 1fr; gap: 18px; }.plans-heading h2 { font-size: clamp(38px, 11vw, 56px); }.plans-layout { margin-top: 38px; }.plans-visual { min-height: 330px; padding: 22px; }.plans-visual-window { min-height: 210px; }.plans-grid { grid-template-columns: 1fr; }.plan-card { min-height: 0; }.plan-description { min-height: 0; }.plans-annual-note { align-items: flex-start; flex-direction: column; gap: 5px; } }
@media (max-width: 760px) { .plans-grid-annual .button-plan, .plans-grid-monthly .button-plan { margin-top: 18px; } }

.plans-heading-centered { display: block; width: 100%; max-width: 980px; margin: 0 auto 48px; text-align: center; }
.plans-heading-centered > div { display: flex; flex-direction: column; align-items: center; }
.plans-heading-centered h2 { width: 100%; max-width: 900px; margin-inline: auto; text-align: center; }
.plans-heading-centered .section-lead { width: 100%; max-width: none; margin: 14px auto 0; text-align: center; }
.plans-format-heading { display: flex; align-items: baseline; justify-content: center; gap: 14px; margin: 52px 0 22px; color: #102d72; }
.plans-format-heading span { color: #1670ee; font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.plans-format-heading p { margin: 0; font-size: 24px; font-weight: 700; }
.plans-format-heading p strong { color: #1670ee; }
.plans-grid-monthly { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; }
.plans-grid-annual { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 1120px; margin: 0 auto; gap: 20px; }
.plans-carousel { position: relative; display: grid; margin-top: 0; outline: none; touch-action: pan-y; }
.plans-slide { grid-area: 1 / 1; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity .28s ease, visibility 0s linear .28s; }
.plans-slide.is-active { visibility: visible; opacity: 1; pointer-events: auto; transition-delay: 0s; }
.plans-carousel-dots { display: flex; justify-content: center; gap: 10px; margin-top: 22px; }
.plans-carousel-dot { width: 11px; height: 11px; border: 0; border-radius: 50%; padding: 0; cursor: pointer; background: #a8c7e6; }
.plans-carousel-dot.is-active { width: 30px; border-radius: 999px; background: #126fe8; }
.plans-carousel-dot:focus-visible { outline: 3px solid #0b2b68; outline-offset: 4px; }
.plan-card { position: relative; overflow: hidden; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; }
.plan-card::after { position: absolute; top: 0; bottom: 0; left: -75%; width: 42%; transform: skewX(-18deg); background: linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent); content: ''; pointer-events: none; opacity: 0; }
.plan-card:hover, .plan-card:focus-within { transform: translateY(-5px); box-shadow: 0 18px 34px rgba(10, 67, 145, .16); border-color: #75b9ff; }
.plans-slide.is-active .plan-card::after { animation: plan-card-sheen 4.8s ease-in-out infinite; animation-delay: var(--plan-delay, 0s); }
.plans-slide.is-active .plan-card:nth-child(2) { --plan-delay: 1.2s; }
.plans-slide.is-active .plan-card:nth-child(3) { --plan-delay: 2.4s; }
@keyframes plan-card-sheen { 0%, 58%, 100% { left: -75%; opacity: 0; } 64% { opacity: 1; } 78% { left: 135%; opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .plans-slide, .plan-card { transition: none; } .plans-slide.is-active .plan-card::after { animation: none; } }
.plan-card-light, .plan-card-annual { background: rgba(255,255,255,.94); border: 1px solid #dcecff; }
.plan-card-annual.plan-card-featured { color: #fff; background: #12358f; border-color: #1670ee; }
.plan-card-annual.plan-card-featured h3 { color: #fff; }
.plan-card-annual.plan-card-featured h3 em { color: #a9f1e5; }
.plan-card-annual.plan-card-featured .plan-price { color: #fff; }
.plan-card-annual.plan-card-featured .plan-description { color: #d9e8ff; }
.plan-card-annual.plan-card-featured .plan-features { color: #e5f0ff; }
.plan-card-annual { min-height: 0; padding: 34px 30px 28px; }
.plan-card-annual h3 { font-size: 30px; }
.plan-card-annual .plan-description { font-size: 16px; }
.plan-card-annual .plan-features { font-size: 15px; }
.plan-card h3 em { color: #0966e9; font-style: normal; }
.plan-card .plan-price strong { font-size: clamp(36px, 4vw, 58px); }
.plan-card .plan-price span { font-size: 20px; }
.plan-card .plan-price { display: flex; width: 100%; align-items: baseline; flex-direction: row; flex-wrap: nowrap; white-space: nowrap; }
.plan-card .plan-price strong { display: inline-block; min-width: 0; flex: 0 1 auto; font-size: clamp(26px, 2.8vw, 42px); white-space: nowrap !important; word-break: keep-all; overflow-wrap: normal; }
.plan-card .plan-price span { flex: 0 0 auto; white-space: nowrap; }
.plan-contact-callout { display: flex; align-items: center; gap: 14px; min-height: 92px; margin: 24px 0; padding: 18px; border-radius: 14px; color: #0868e9; background: #e8f4ff; font-size: 18px; }
.plan-contact-callout span { font-size: 34px; }
.plan-features li > strong { color: #102d72; font-weight: 900; }
.plan-features small { display: block; margin: 3px 0 14px; color: #54709e; font-size: 14px; line-height: 1.35; }
.plan-price-note { display: block; margin: -12px 0 14px; color: #54709e; font-size: 14px; line-height: 1.3; }
.plan-price-note strong { color: inherit; font-weight: 800; }
.plan-price-note s { opacity: .72; }
.plan-card-featured .plan-price-note { color: #d8e8ff; }
.plan-card-featured .plan-price-note s { opacity: .88; }
@media (min-width: 761px) {
  .plans-section > .shell { width: min(1340px, calc(100% - 32px)); }
  .plans-carousel { width: calc(100% + 56px); margin-left: -28px; }
  .plans-grid-annual { max-width: 1340px; gap: 24px; }
  .plan-card-annual { height: auto; min-height: 620px; padding: 28px 32px 24px; }
  .plan-card-annual h3 { font-size: 42px; }
  .plan-card-annual .plan-price strong { font-size: clamp(42px, 4vw, 60px); }
  .plan-card-annual .plan-price span { font-size: 22px; }
  .plan-card-annual .plan-price-note { font-size: 15px; }
  .plan-card-annual .plan-discount { font-size: 16px; }
  .plan-card-annual .plan-description { font-size: 22px; line-height: 1.5; }
  .plan-card-annual .plan-features { gap: 17px; font-size: 21px; line-height: 1.45; }
  .plans-grid-monthly .plan-card { height: auto; min-height: 620px; padding: 28px 28px 24px; }
  .plans-grid-monthly .plan-card h3 { font-size: 38px; }
  .plans-grid-monthly .plan-card .plan-price strong { font-size: clamp(38px, 3.4vw, 52px); }
  .plans-grid-monthly .plan-card .plan-price span { font-size: 19px; }
  .plans-grid-monthly .plan-card .plan-description { font-size: 21px; line-height: 1.5; }
  .plans-grid-monthly .plan-card .plan-features { gap: 12px; font-size: 20px; line-height: 1.35; }
  .plans-grid-annual .plan-features { gap: 12px; line-height: 1.35; }
  .plans-grid-monthly .button-plan, .plans-grid-annual .button-plan { min-height: 54px; font-size: 17px; }
}
.plan-discount { margin: 16px 0; padding: 8px 12px; border-radius: 7px; color: #087c3f; background: #e3f8e9; font-weight: 700; text-align: center; }
.plans-format-heading-annual { margin-top: 76px; }
@media (max-width: 900px) { .plans-grid-monthly { grid-template-columns: 1fr; max-width: 560px; margin-inline: auto; } .plans-grid-annual { grid-template-columns: 1fr; max-width: 560px; } }
@media (max-width: 560px) { .plans-format-heading { align-items: flex-start; flex-direction: column; gap: 5px; margin-top: 38px; } .plans-format-heading p { font-size: 21px; } .plans-format-heading-annual { margin-top: 54px; } .plan-card .plan-price strong { font-size: 32px; } .plan-card .plan-price span { font-size: 14px; } }

.mobile-experience { overflow: hidden; background: #0c2b83; }
.mobile-grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 100px; }
.phone-stage { position: relative; display: grid; min-height: 610px; place-items: center; }
.phone-device { --phone-width: min(350px, 82%); position: relative; z-index: 2; width: var(--phone-width); aspect-ratio: 917 / 1715; border: 0; border-radius: 0; background: transparent; box-shadow: none; transform: rotate(5deg) translateY(4px); transition: transform .5s ease, aspect-ratio .35s ease, width .35s ease; }
.phone-device[data-phone-scene="livros"] { --phone-width: min(403px, 94%); aspect-ratio: 984 / 1598; }
.phone-device[data-phone-scene="login"] { --phone-width: min(423px, 98%); aspect-ratio: 1008 / 1560; }
.phone-device:hover { transform: rotate(1deg) translateY(-9px) scale(1.025); box-shadow: none; }
.phone-device img { display: block; width: 100%; height: 100%; aspect-ratio: auto; border-radius: 0; object-fit: contain; }
.phone-speaker, .phone-shine { display: none; }
.phone-orbit { position: absolute; border: 1px solid rgba(168,241,244,.32); border-radius: 50%; transform: rotate(-18deg); will-change: transform; }
.phone-orbit-one { width: 420px; height: 210px; animation: orbit-drift-one 5.8s ease-in-out infinite; }
.phone-orbit-two { width: 330px; height: 460px; border-color: rgba(44,120,255,.36); transform: rotate(34deg); animation: orbit-drift-two 6.4s ease-in-out -1.25s infinite; }
.phone-orbit-three { width: 250px; height: 520px; border-color: rgba(168,241,244,.22); transform: rotate(68deg); animation: orbit-drift-three 5.2s ease-in-out -1.8s infinite; }
.mobile-copy h2 { max-width: 570px; color: white; }
.mobile-copy .section-lead { color: #c3d5f5; }
.phone-tabs { display: grid; gap: 8px; max-width: 360px; margin-top: 34px; }
.phone-tab { display: flex; min-height: 48px; align-items: center; justify-content: space-between; border: 1px solid rgba(168,241,244,.28); border-radius: 8px; padding: 0 16px; color: #d3e1fb; background: rgba(255,255,255,.06); cursor: pointer; font-size: 13px; font-weight: 800; text-align: left; transition: transform .25s ease, color .25s ease, background .25s ease, border-color .25s ease; }
.phone-tab::after { color: var(--cyan); content: "↗"; opacity: .8; }
.phone-tab:hover, .phone-tab.is-active { border-color: var(--cyan); color: var(--navy); background: var(--cyan); transform: translateX(7px); }
@keyframes phone-float { 0%, 100% { transform: rotate(5deg) translate3d(0, 4px, 0); } 50% { transform: rotate(2deg) translate3d(0, -10px, 0); } }
@keyframes orbit-drift-one { 0%, 100% { transform: translate3d(-10px, 2px, 0) rotate(-18deg); } 50% { transform: translate3d(13px, -13px, 0) rotate(-10deg); } }
@keyframes orbit-drift-two { 0%, 100% { transform: translate3d(10px, -4px, 0) rotate(34deg); } 50% { transform: translate3d(-14px, 14px, 0) rotate(42deg); } }
@keyframes orbit-drift-three { 0%, 100% { transform: translate3d(-8px, 7px, 0) rotate(68deg); } 50% { transform: translate3d(12px, -16px, 0) rotate(78deg); } }
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease var(--reveal-delay, 0ms), transform .7s ease var(--reveal-delay, 0ms); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.feature-card.is-active { position: relative; z-index: 1; transform: translateY(-6px) scale(1.02); }

.center-heading { max-width: 690px; margin: 0 auto 58px; text-align: center; }
.light-heading h2 { color: white; }
.profile-section { position: relative; isolation: isolate; overflow: hidden; padding: clamp(48px, 4.2vw, 68px) 0; background: #071c58; }
.profile-section::before { position: absolute; inset: 0; z-index: 0; width: 100%; background: url("./assets/alunos-app-hero-extended-alice.png?v=profiles-students-app-alice-36") center center / cover no-repeat; content: ""; opacity: .94; pointer-events: none; }
.profile-section::after { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(7,28,88,.03) 0%, rgba(7,28,88,.04) 40%, rgba(7,28,88,.07) 58%, rgba(7,28,88,.11) 78%, rgba(7,28,88,.16) 100%), linear-gradient(90deg, rgba(7,28,88,0) 0%, rgba(7,28,88,.03) 44%, rgba(7,28,88,.58) 72%, rgba(7,28,88,.78) 100%); content: ""; pointer-events: none; }
.profile-shell { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); align-items: center; gap: clamp(28px, 4vw, 60px); min-height: 0; }
.profile-section .center-heading { position: relative; z-index: 0; grid-column: 2; max-width: 600px; margin: 0 0 24px clamp(100px, 12vw, 220px); text-align: left; }
.profile-section .center-heading::before { position: absolute; z-index: -1; inset: -34% -30% -48% -30%; background: radial-gradient(ellipse 72% 88% at 48% 46%, rgba(7,28,88,.62) 0%, rgba(7,28,88,.34) 48%, rgba(7,28,88,0) 82%); content: ""; filter: blur(10px); pointer-events: none; }
.profile-section .center-heading h2 { max-width: 600px; font-size: clamp(36px, 3.2vw, 50px); }
.profile-grid { display: grid; grid-column: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-left: clamp(100px, 12vw, 220px); width: calc(100% - clamp(100px, 12vw, 220px)); }
.profile-card { min-width: 0; min-height: 150px; border: 1px solid rgba(168,241,244,.24); border-radius: 8px; padding: 16px 18px; background: rgba(8,36,91,.58); box-shadow: 0 18px 50px rgba(3,18,59,.16); backdrop-filter: blur(8px); transition: transform .25s ease, background .25s ease, border-color .25s ease; }
.profile-card:last-child { grid-column: span 2; }
.profile-card:hover { transform: translateY(-5px); background: rgba(255,255,255,.1); }
.profile-card:nth-child(1) { animation-delay: 0s; }
.profile-card:nth-child(2) { animation-delay: 1s; }
.profile-card:nth-child(3) { animation-delay: 2s; }
.profile-card:nth-child(4) { animation-delay: 3s; }
.profile-card:nth-child(5) { animation-delay: 4s; }
@keyframes profile-card-pulse { 0%, 16%, 100% { transform: translateY(0) scale(1); border-color: rgba(168,241,244,.24); box-shadow: 0 18px 50px rgba(3,18,59,.16); } 8% { transform: translateY(-3px) scale(1.018); border-color: rgba(168,241,244,.7); box-shadow: 0 0 0 3px rgba(168,241,244,.08), 0 20px 54px rgba(3,18,59,.27); } }
.profile-icon { display: grid; width: 30px; height: 30px; place-items: center; margin-bottom: 18px; border: 1px solid rgba(168,241,244,.72); border-radius: 6px; color: var(--cyan); font-size: 9px; font-weight: 900; }
.profile-card h3 { margin-bottom: 8px; color: white; font-size: 19px; }
.profile-card p { color: #b7c8e7; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
@media (min-width: 761px) { .profile-section::before { background-size: cover; background-position: center center; }.profile-grid { position: relative; top: clamp(14px, 1.5vw, 24px); left: 0; } }

.differentiator-grid { display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 100px; }
.differentiator-list { margin-top: 40px; border-top: 1px solid var(--line); }
.differentiator-list div { display: grid; grid-template-columns: 150px 1fr; gap: 20px; padding: 17px 0; border-bottom: 1px solid var(--line); }
.differentiator-list b { font-size: 14px; }.differentiator-list span { color: var(--muted); font-size: 13px; line-height: 1.4; }
.stacked-panels { --stack-back-inset: 82px; --stack-middle-inset: 40px; position: relative; min-height: 520px; }
.stack-panel { position: absolute; right: 0; left: 0; min-height: 270px; border-radius: 9px; padding: 29px; box-shadow: var(--shadow); }
.stack-panel span { display: block; margin-bottom: 100px; font-size: 10px; font-weight: 900; letter-spacing: .15em; }
.stack-panel b { display: block; max-width: 310px; font-size: 28px; letter-spacing: -.03em; line-height: 1.05; }
.panel-back { --panel-progress-color: var(--navy); top: 54px; right: var(--stack-back-inset); left: var(--stack-back-inset); z-index: 1; color: #d5def4; background: #aebddd; transform: rotate(4deg); }.panel-back b { color: var(--navy); }
.panel-middle { --panel-progress-color: var(--cyan); top: 28px; right: var(--stack-middle-inset); left: var(--stack-middle-inset); z-index: 2; color: white; background: #0b50bb; transform: rotate(-2deg); }.panel-middle b { color: white; }
.panel-front { --panel-progress-color: var(--navy); top: 0; z-index: 3; color: var(--navy); background: #a8f1f4; }.panel-front b { color: var(--navy); }.panel-progress { display: flex; gap: 7px; margin-top: 26px; opacity: 0; transition: opacity .25s ease; }.panel-progress.is-active { opacity: 1; }.panel-progress i { display: block; width: 64px; height: 6px; border-radius: 3px; background: rgba(7,26,75,.18); }.panel-progress i.is-current { background: var(--panel-progress-color); }
.stack-panel { transition: top .65s ease, right .65s ease, left .65s ease, transform .65s ease, box-shadow .65s ease; }
.stacked-panels[data-stack-active="0"] .panel-back { top: 54px; right: var(--stack-back-inset); left: var(--stack-back-inset); z-index: 1; transform: rotate(4deg); }
.stacked-panels[data-stack-active="0"] .panel-middle { top: 28px; right: var(--stack-middle-inset); left: var(--stack-middle-inset); z-index: 2; transform: rotate(-2deg); }
.stacked-panels[data-stack-active="0"] .panel-front,
.stacked-panels[data-stack-active="1"] .panel-middle,
.stacked-panels[data-stack-active="2"] .panel-back { top: 0; right: 0; left: 0; z-index: 3; transform: rotate(0deg) translateY(-6px) scale(1.015); box-shadow: 0 30px 75px rgba(8,33,88,.22); }
.stacked-panels[data-stack-active="1"] .panel-back { top: 54px; right: var(--stack-back-inset); left: var(--stack-back-inset); z-index: 1; transform: rotate(4deg); }
.stacked-panels[data-stack-active="1"] .panel-front { top: 28px; right: var(--stack-middle-inset); left: var(--stack-middle-inset); z-index: 2; transform: rotate(-2deg); }
.stacked-panels[data-stack-active="2"] .panel-middle { top: 54px; right: var(--stack-back-inset); left: var(--stack-back-inset); z-index: 1; transform: rotate(4deg); }
.stacked-panels[data-stack-active="2"] .panel-front { top: 28px; right: var(--stack-middle-inset); left: var(--stack-middle-inset); z-index: 2; transform: rotate(-2deg); }

.site-footer { color: white; background: var(--navy); }.footer-grid { display: grid; grid-template-columns: 1.8fr repeat(3, 1fr); align-items: start; gap: 54px; padding: 58px 0 52px; }.brand-footer { width: max-content; }.footer-brand-block { min-width: 0; }.footer-brand-block .brand-logo { filter: brightness(0) invert(1); }.footer-kicker { max-width: 380px; margin: 32px 0 18px; color: var(--cyan); font-size: 18px; font-weight: 700; line-height: 1.35; }.footer-description { max-width: 330px; margin: 0; color: #acbddf; font-size: 14px; line-height: 1.65; }.footer-column { display: grid; align-content: start; justify-items: start; gap: 18px; padding-top: 4px; }.footer-column h3 { margin: 0 0 12px; color: #fff; font-size: 16px; }.footer-column a { color: #cbd8f3; font-size: 14px; transition: color .25s ease, transform .25s ease; }.footer-column a:hover { color: var(--cyan); transform: translateX(2px); }.footer-column .footer-subtitle { margin-top: 24px; margin-bottom: 2px; }.footer-socials { display: flex; align-items: center; gap: 14px; margin-top: 68px; }.footer-socials .social-link { display: inline-grid; width: 38px; height: 38px; place-items: center; color: #f7f4ed; transition: color .25s ease, transform .25s ease; }.footer-socials .social-link:hover { color: var(--cyan); transform: translateY(-2px); }.footer-socials .social-link-placeholder { color: rgba(247,244,237,.68); cursor: default; }.footer-socials .social-link-placeholder:hover { color: rgba(247,244,237,.68); transform: none; }.social-link svg { width: 29px; height: 29px; fill: none; stroke: currentColor; stroke-width: 1.8; }.social-link .social-dot { fill: currentColor; stroke: none; }.social-link .social-play { fill: currentColor; stroke: none; }.footer-bottom { display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.2); padding: 20px 0; color: #f1eee9; font-size: 12px; }
.whatsapp-float { position: fixed; right: 24px; bottom: 24px; z-index: 20; display: grid; width: 60px; height: 60px; place-items: center; border: 1px solid rgba(255,255,255,.58); border-radius: 50%; color: #fff; background: #25d366; box-shadow: 0 13px 30px rgba(3, 24, 64, .28); cursor: pointer; text-decoration: none; transition: transform .25s ease, color .25s ease, background .25s ease, box-shadow .25s ease; }
.whatsapp-float:hover, .whatsapp-float:focus-visible { outline: none; color: #fff; background: #20bd5b; transform: translateY(-4px) scale(1.06); box-shadow: 0 18px 34px rgba(3, 24, 64, .34), 0 0 0 8px rgba(37,211,102,.26); animation-play-state: paused; }
.whatsapp-float:focus-visible { box-shadow: 0 18px 34px rgba(3, 24, 64, .34), 0 0 0 4px var(--white), 0 0 0 8px rgba(37,211,102,.8); }
.whatsapp-float svg { width: 31px; height: 31px; fill: currentColor; }
.whatsapp-tooltip { position: absolute; right: 0; bottom: calc(100% + 14px); width: max-content; max-width: 270px; padding: 11px 14px; border-radius: 10px; color: white; background: var(--navy); box-shadow: 0 10px 24px rgba(3, 24, 64, .24); font-size: 13px; font-weight: 700; line-height: 1.3; text-align: center; opacity: 0; visibility: hidden; pointer-events: none; transform: translate3d(0, 8px, 0); transition: opacity .2s ease, visibility .2s ease, transform .2s ease; }
.whatsapp-tooltip::after { position: absolute; right: 20px; bottom: -6px; width: 12px; height: 12px; background: var(--navy); content: ""; transform: rotate(45deg); }
.whatsapp-float:hover .whatsapp-tooltip, .whatsapp-float:focus-visible .whatsapp-tooltip { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); }
@keyframes whatsapp-pulse { 0%, 100% { box-shadow: 0 13px 30px rgba(3, 24, 64, .28), 0 0 0 0 rgba(37,211,102,.45); } 50% { box-shadow: 0 16px 32px rgba(3, 24, 64, .32), 0 0 0 10px rgba(37,211,102,0); } }
.cookie-banner { position: fixed; z-index: 30; right: 16px; bottom: 16px; left: 16px; display: flex; justify-content: flex-start; pointer-events: none; }
.cookie-banner[hidden] { display: none; }
.cookie-banner-panel { width: min(100%, 620px); overflow: hidden; border: 1px solid #e3e6eb; border-radius: 22px; color: #3b3f46; background: #fff; box-shadow: 0 22px 58px rgba(3,24,64,.28); pointer-events: auto; }
.cookie-banner-body { position: relative; min-height: 390px; padding: 30px 186px 78px 34px; }
.cookie-banner-copy { position: relative; z-index: 1; }
.cookie-banner-copy h2 { margin: 0 0 16px; color: #30343a; font-size: 28px; letter-spacing: 0; line-height: 1.15; }
.cookie-banner-copy p { margin: 0 0 16px; color: #59606a; font-size: 16px; line-height: 1.4; }
.cookie-banner-copy p:last-child { margin-bottom: 0; }
.cookie-banner-question { color: #31363e !important; font-weight: 800; }
.cookie-banner-mascot { position: absolute; right: 10px; bottom: 72px; z-index: 2; width: 165px; height: 252px; object-fit: contain; object-position: bottom center; pointer-events: none; }
.cookie-banner-actions { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #e0e3e7; }
.cookie-banner-action { min-height: 64px; border: 0; padding: 0 16px; color: #59606a; background: #fff; font-size: 16px; cursor: pointer; transition: color .2s ease, background .2s ease; }
.cookie-banner-action + .cookie-banner-action { border-left: 1px solid #e0e3e7; }
.cookie-banner-action:hover, .cookie-banner-action:focus-visible { color: var(--navy); background: #f4f8ff; outline: none; }
.cookie-banner-action-primary { color: #2f3339; font-weight: 700; }
.cookie-preferences { display: grid; grid-template-columns: 1fr auto; gap: 10px 16px; border-top: 1px solid #e0e3e7; padding: 15px 20px; background: #f7faff; }
.cookie-preferences[hidden] { display: none; }
.cookie-preferences p { display: grid; gap: 3px; margin: 0; color: #3b3f46; font-size: 14px; line-height: 1.4; }
.cookie-preferences p span { color: #707782; }
.cookie-preferences label { align-self: center; color: #69717c; font-size: 13px; white-space: nowrap; }
.cookie-preferences input { accent-color: #2e8b57; }
.cookie-preferences-save { grid-column: 1 / -1; justify-self: end; border: 0; border-radius: 7px; padding: 10px 15px; color: #fff; background: var(--navy); font-size: 14px; font-weight: 700; cursor: pointer; }
.cookie-reopen { position: fixed; right: auto; bottom: 24px; left: 24px; z-index: 29; display: grid; width: 50px; height: 36px; place-items: center start; border: 0; border-radius: 0; padding: 0 0 0 2px; color: #1e293b; background: transparent; box-shadow: none; cursor: pointer; transition: transform .2s ease, opacity .2s ease; }
.cookie-reopen[hidden] { display: none; }
.cookie-reopen:hover, .cookie-reopen:focus-visible { outline: none; transform: translateY(-2px); opacity: .86; }
.cookie-reopen span { font-size: 26px; line-height: 1; }
.cookie-reopen::after { position: absolute; right: 1px; top: 10px; color: rgba(255,255,255,.64); content: '›'; font-family: Arial, sans-serif; font-size: 19px; font-weight: 400; line-height: 1; }

@media (max-width: 1080px) {
  .desktop-nav { gap: 15px; margin-right: 18px; }
  .hero { padding-top: 130px; }
  .hero-grid { grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr); gap: clamp(22px, 3vw, 32px); }
  .hero-person { position: relative; right: auto; bottom: auto; z-index: 0; align-self: end; width: 100%; margin-right: 0; aspect-ratio: 3 / 2; min-height: 0; opacity: 1; }
  .hero-slide img { width: 100%; height: 100%; }

  .hero-copy { z-index: 2; }
  .showcase-grid { gap: clamp(36px, 5vw, 70px); }
  .director-dashboard-frame, .director-dashboard-image { min-height: 500px; }
  .demo-section { z-index: 3; }
   .note-notas { top: 10%; left: -6%; }
   .note-comunicacao { top: 8%; right: -4%; }
   .note-tv { top: 50%; right: -5%; }
   .note-financeira { bottom: 2%; left: -8%; }
  .profile-shell { grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); gap: clamp(30px, 4vw, 60px); min-height: 560px; }
  .profile-section::before { width: 100%; }
}
@media (max-width: 760px) {
  .shell { width: min(100% - 32px, 560px); }.section { padding: 78px 0; }.site-header { height: 92px; padding: 0 18px; }.desktop-nav, .header-actions { display: none; }.menu-button { display: block; }.site-header.menu-open { color: var(--white) !important; background: var(--navy) !important; }.site-header.menu-open .brand-logo { filter: brightness(0) invert(1) !important; }.site-header.menu-open .menu-button { color: var(--white) !important; }.site-header.menu-open .desktop-nav { position: absolute; top: 92px; right: 0; left: 0; display: grid; gap: 0; margin: 0; padding: 14px 16px 20px; color: var(--white) !important; background: var(--navy) !important; }.site-header.menu-open .desktop-nav a { padding: 12px 0; color: var(--white) !important; }
  .hero { min-height: 0; padding: 118px 0 0; }.hero-grid { display: flex; flex-direction: column; align-items: stretch; gap: 0; padding-bottom: 0; }.hero-copy { padding: 0; transform: none; }.hero-copy h1 { font-size: clamp(46px, 10vw, 70px); }.hero-person { --hero-shift-x: 0px; position: relative; right: auto; bottom: auto; width: calc(100% + 16px); margin-top: auto; margin-right: -16px; margin-left: 0; min-height: 0; aspect-ratio: 16 / 9; align-self: flex-end; opacity: 1; order: 2; }.hero-slides { background: transparent; }.hero-slide img { right: 0; width: 100%; height: 100%; object-position: center bottom; }.hero-slide::after { left: -30%; }.hero-slide[data-hero-slide="0"] img, .hero-slide[data-hero-slide="1"] img, .hero-slide[data-hero-slide="2"] img { object-position: center bottom; }.floating-note { --note-scale: .72; min-width: 126px; max-width: 140px; padding: 8px 9px; gap: 7px; font-size: 9px; }.floating-note b { font-size: 10px; }.note-icon { flex-basis: 24px; width: 24px; height: 24px; border-radius: 7px; font-size: 12px; }.note-notas { top: -46px; left: 0; }.note-comunicacao { top: -46px; right: 0; }.note-tv { top: calc(100% + 26px); right: 0; }.note-financeira { bottom: -54px; left: 0; }.demo-section { order: 3; padding: 56px 0; }.demo-layout { width: min(100% - 32px, 560px); gap: 34px; }.demo-copy { max-width: none; }.demo-copy h2 { font-size: clamp(38px, 10vw, 56px); }.demo-form { padding: 28px; }
  .trust-grid { display: grid; grid-template-columns: 1fr; gap: 18px; padding: 22px 0; }.trust-grid p { margin: 0; }.trust-people { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 28px; justify-content: initial; }.trust-grid span { display: block; font-size: 14px; }
  .intro-grid, .showcase-grid, .differentiator-grid, .mobile-grid { grid-template-columns: 1fr; gap: 40px; }.intro-grid h2 { font-size: clamp(40px, 10vw, 58px); }.feature-grid { grid-template-columns: 1fr; margin-top: 42px; }.feature-card { min-height: 0; }.profile-section::before { width: 100%; opacity: .56; background-position: 28% center; }.profile-section::after { background: linear-gradient(180deg, rgba(7,28,88,.04) 0%, rgba(7,28,88,.07) 56%, rgba(7,28,88,.16) 100%), linear-gradient(90deg, rgba(7,28,88,0) 0%, rgba(7,28,88,.06) 48%, rgba(7,28,88,.7) 100%); }.profile-shell { display: block; min-height: 0; }.profile-section .center-heading { max-width: 620px; margin: 0 0 34px clamp(24px, 8vw, 56px); text-align: left; }.profile-section .center-heading::before { inset: -24% -18% -32% -18%; background: radial-gradient(ellipse 78% 88% at 48% 44%, rgba(7,28,88,.62) 0%, rgba(7,28,88,.34) 50%, rgba(7,28,88,0) 84%); filter: blur(7px); }.profile-grid { display: flex; flex-wrap: wrap; gap: 14px; margin: 0 auto; width: calc(100% - 32px); }.profile-card { flex: 0 0 calc(50% - 7px); min-height: 186px; width: calc(50% - 7px); }.profile-card:last-child { flex-basis: 100%; width: 100%; }.profile-icon { margin-bottom: 24px; }.stacked-panels { --stack-back-inset: 20px; --stack-middle-inset: 10px; min-height: 400px; }.stack-panel { min-height: 220px; }.stack-panel span { margin-bottom: 68px; }.phone-stage { min-height: 560px; }.phone-device { width: min(340px, 82%); }.phone-orbit-one { width: 460px; height: 230px; }.phone-orbit-two { width: 360px; height: 500px; }.phone-orbit-three { width: 220px; height: 440px; }.phone-tabs { max-width: none; }.director-dashboard-frame, .director-dashboard-image { min-height: 430px; }.director-dashboard-image { object-position: 50% 62%; }.footer-grid { grid-template-columns: 1fr; gap: 22px; }.footer-links { justify-content: start; }.footer-bottom { display: grid; gap: 9px; }
}
@media (max-width: 760px) { .whatsapp-float { right: 18px; bottom: 18px; width: 56px; height: 56px; }.whatsapp-float svg { width: 29px; height: 29px; }.whatsapp-tooltip { max-width: 205px; font-size: 12px; } }
@media (max-width: 760px) { .cookie-banner { right: 12px; bottom: 12px; left: 12px; }.cookie-banner-body { min-height: 390px; padding: 24px 132px 76px 24px; }.cookie-banner-copy h2 { font-size: 24px; }.cookie-banner-copy p { font-size: 14px; line-height: 1.38; }.cookie-banner-mascot { right: 3px; bottom: 70px; width: 122px; height: 188px; }.cookie-banner-action { min-height: 58px; font-size: 15px; }.cookie-preferences { grid-template-columns: 1fr; }.cookie-preferences label { align-self: auto; }.cookie-reopen { bottom: 18px; left: 18px; width: 46px; height: 34px; }.cookie-reopen span { font-size: 24px; }.cookie-reopen::after { top: 9px; right: 0; font-size: 17px; } }
@media (max-width: 480px) { .cookie-banner-body { min-height: 365px; padding: 21px 116px 70px 20px; }.cookie-banner-copy h2 { font-size: 22px; }.cookie-banner-copy p { font-size: 13px; line-height: 1.34; }.cookie-banner-mascot { width: 108px; height: 166px; bottom: 66px; }.cookie-banner-action { min-height: 54px; font-size: 14px; padding: 0 10px; } }
@media (max-width: 760px) { .hero-slide::after { left: 0; } }
@media (max-width: 760px) { .footer-kicker { margin-top: 24px; font-size: 17px; }.footer-socials { margin-top: 32px; }.footer-column { gap: 12px; padding-top: 0; }.footer-column .footer-subtitle { margin-top: 14px; }.footer-bottom { gap: 9px; } }
@media (max-width: 760px) { .site-header.menu-open .desktop-nav .mobile-nav-access { display: block; } }
@media (max-width: 760px) { .director-showcase { width: 100%; margin-right: 0; padding: 22px 0; }.director-dashboard-frame { min-height: 0; aspect-ratio: 1.18; }.director-dashboard-image { min-height: 0; } }
@media (max-width: 760px) {
  .phone-device,
  .phone-device[data-phone-scene="livros"],
  .phone-device[data-phone-scene="login"] {
    width: auto;
    height: min(636px, calc(153.3vw - 49px));
  }
}
@media (max-width: 760px) { .tv-school-section { display: block; min-height: 0; }.tv-school-visual { min-height: 0; padding: 30px 16px 52px; }.tv-school-stage { width: 100%; }.tv-school-copy { padding: 52px 24px 64px; }.tv-school-copy-inner { top: auto; }.tv-school-copy h2 { font-size: clamp(34px, 10vw, 50px); }.tv-school-copy p:not(.eyebrow) { font-size: 15px; }.tv-school-copy .tv-school-lead { font-size: 18px; }.tv-school-detail-hero { padding-top: 126px; }.tv-school-detail-hero-inner { display: block; }.tv-school-detail-hero h1 { font-size: clamp(44px, 12vw, 64px); }.tv-school-detail-hero-lead { font-size: 17px; }.tv-school-detail-hero-media { margin-top: 42px; }.tv-school-computer { width: min(100%, 640px); margin: 0 auto; transform: none; }.tv-school-computer-browser-bar { height: 26px; padding: 0 9px; }.tv-school-computer-browser-bar small { font-size: 8px; }.tv-school-detail-heading { display: block; }.tv-school-detail-heading h2 { margin-bottom: 18px; }.tv-school-detail-grid, .tv-school-usecase-grid { grid-template-columns: 1fr; }.tv-school-detail-card-copy { padding: 20px; }.tv-school-detail-gallery, .tv-school-detail-usecases { padding: 70px 0; }.tv-school-detail-cta { padding: 58px 0 76px; }.tv-school-lightbox { width: calc(100% - 20px); max-height: calc(100% - 20px); }.tv-school-lightbox-shell { max-height: calc(100vh - 20px); padding: 20px 12px 12px; }.tv-school-lightbox-title { font-size: 28px; }.tv-school-lightbox-visual { min-height: 180px; max-height: calc(100vh - 150px); }.tv-school-lightbox-visual img, .tv-school-lightbox-visual video { max-height: calc(100vh - 150px); }.tv-school-lightbox-close { top: 10px; right: 10px; } }
@media (min-width: 761px) and (max-width: 1280px) {
  .site-header { padding-inline: clamp(20px, 3vw, 34px); }
  .brand { gap: 8px; }
  .brand strong { font-size: clamp(20px, 1.8vw, 22px); }
  .brand small { font-size: 9px; letter-spacing: .16em; }
  .brand-logo-frame { width: 44px; height: 36px; flex-basis: 44px; }
  .brand-logo { left: -15px; width: 72px; height: 36px; }
  .desktop-nav { gap: clamp(10px, 1.3vw, 16px); margin-right: 16px; font-size: clamp(14px, 1.45vw, 17px); }
  .header-actions { font-size: clamp(14px, 1.45vw, 17px); }
  .hero-grid { width: min(calc(100% - clamp(48px, 6vw, 72px)), 1480px); gap: clamp(20px, 2.6vw, 32px); }
  .hero-copy { padding-inline: clamp(4px, 1vw, 12px); transform: none; }
  .hero-copy h1 { font-size: clamp(42px, 5vw, 64px); }
  .hero-lead { font-size: clamp(15px, 1.45vw, 18px); }
  .hero-actions .button { padding-inline: clamp(14px, 1.5vw, 19px); font-size: clamp(12px, 1.2vw, 14px); }
}
@media (max-width: 760px) {
  .site-header { padding-inline: clamp(14px, 4vw, 24px); }
  .brand { gap: 8px; }
  .brand { gap: 10px; }
  .brand { gap: 12px; }
  .brand strong { font-size: clamp(28px, 6.2vw, 32px); }
  .brand small { font-size: clamp(11px, 2.4vw, 13px); letter-spacing: .15em; }
  .brand-logo-frame { width: clamp(58px, 14vw, 68px); height: clamp(44px, 11vw, 54px); flex-basis: clamp(58px, 14vw, 68px); }
  .brand-logo { left: -22px; width: 108px; height: 54px; }
  .hero-grid { width: min(calc(100% - clamp(40px, 9vw, 64px)), 560px); }
  .hero-copy { padding-inline: clamp(4px, 2vw, 10px); }
  .hero-copy h1 { font-size: clamp(40px, 8.8vw, 62px); }
  .hero-lead { font-size: clamp(15px, 3.5vw, 18px); }
  .hero-actions { gap: 8px; }
  .hero-actions .button { padding-inline: clamp(13px, 3vw, 19px); font-size: clamp(12px, 2.5vw, 14px); }
}
@media (max-width: 430px) { h1 { font-size: 42px; }.hero-actions .button { width: 100%; }.form-row { grid-template-columns: 1fr; gap: 0; }.profile-grid { display: grid; grid-template-columns: 1fr; width: 100%; }.profile-card { min-height: 0; width: auto; }.profile-card:last-child { grid-column: auto; width: auto; }.browser-window { transform: none; }.app-preview { min-height: 360px; }.preview-main { padding: 18px 13px; }.preview-heading { padding-top: 28px; }.preview-heading h3 { font-size: 21px; }.bars { gap: 7px; }.bars i { width: 13px; }.demo-layout { flex-direction: column; gap: 30px; }.demo-form { max-width: none; flex: none; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } .reveal { opacity: 1; transform: none; } }

.cookie-banner-body[hidden], .cookie-banner-actions[hidden] { display: none; }
.cookie-preferences { display: block; max-height: min(78vh, 720px); overflow-y: auto; padding: 0; border-top: 0; background: #fff; }
.cookie-preferences[hidden] { display: none; }
.cookie-preferences-hero { position: relative; min-height: 168px; padding: 18px 188px 16px 28px; border-bottom: 1px solid #e0e3e7; text-align: center; }
.cookie-preferences-hero img { position: absolute; right: 16px; bottom: 0; width: 150px; height: 174px; object-fit: contain; object-position: bottom center; }
.cookie-preferences-hero h2 { position: relative; z-index: 1; margin: 24px 0 8px; color: #3b3f46; font-size: 24px; line-height: 1.15; }
.cookie-preferences-hero p { position: relative; z-index: 1; margin: 0; color: #59606a; font-size: 14px; line-height: 1.4; }
.cookie-preferences-heading { margin: 0; padding: 18px 28px 12px; color: #3b3f46; font-size: 16px; font-weight: 700; text-align: center; }
.cookie-preferences-group { margin: 0 14px 12px; overflow: hidden; border: 1px solid #e3e6eb; border-radius: 18px; }
.cookie-preferences-group h3 { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 15px 16px; color: #3b3f46; background: #fff; font-size: 16px; font-weight: 500; line-height: 1.2; }
.cookie-preferences-group h3 span { font-size: 20px; font-weight: 700; line-height: .7; }
.cookie-preferences-description { display: grid; grid-template-columns: 72px 1fr; align-items: center; gap: 12px; padding: 8px 16px 12px; }
.cookie-preferences-description img { width: 72px; height: 78px; object-fit: contain; object-position: bottom center; }
.cookie-preferences-description p { margin: 0; color: #59606a; font-size: 12px; line-height: 1.3; }
.cookie-preference-row { position: relative; display: grid; grid-template-columns: 28px 1fr 44px; align-items: center; gap: 10px; min-height: 48px; margin: 0 16px; border-top: 1px solid #edf0f3; color: #3b3f46; font-size: 14px; cursor: pointer; }
.cookie-preference-row input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.cookie-provider-icon { display: grid; width: 25px; height: 25px; place-items: center; color: #111; font-family: Arial, sans-serif; font-size: 24px; font-weight: 700; line-height: 1; }
.cookie-provider-icon-dark { font-size: 17px; }
.cookie-toggle { position: relative; display: block; width: 42px; height: 24px; border-radius: 999px; background: #c8c9cb; transition: background .2s ease; }
.cookie-toggle::after { position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.18); content: ''; transition: transform .2s ease; }
.cookie-preference-row input:checked + .cookie-toggle { background: #2f6fe4; }
.cookie-preference-row input:checked + .cookie-toggle::after { transform: translateX(18px); }
.cookie-preference-row input:disabled + .cookie-toggle { background: #2f6fe4; opacity: .72; }
.cookie-preferences-actions { position: sticky; bottom: 0; display: grid; grid-template-columns: 1fr 1.35fr 1.65fr; border-top: 1px solid #e0e3e7; background: #fff; }
.cookie-preferences-button { min-height: 56px; border: 0; border-right: 1px solid #e0e3e7; padding: 0 10px; color: #0b58c9; background: #fff; font-size: 14px; cursor: pointer; }
.cookie-preferences-button:last-child { border-right: 0; }
.cookie-preferences-button:hover, .cookie-preferences-button:focus-visible { background: #f4f8ff; outline: none; }
.cookie-preferences-button-primary { font-weight: 700; }
@media (max-width: 760px) { .cookie-preferences-hero { min-height: 144px; padding: 16px 126px 14px 18px; }.cookie-preferences-hero img { right: 7px; width: 116px; height: 148px; }.cookie-preferences-hero h2 { margin-top: 18px; font-size: 20px; }.cookie-preferences-hero p { font-size: 12px; }.cookie-preferences-heading { padding: 16px 18px 10px; font-size: 14px; }.cookie-preferences-group { margin-inline: 10px; border-radius: 14px; }.cookie-preferences-group h3 { padding: 13px; font-size: 14px; }.cookie-preferences-description { grid-template-columns: 58px 1fr; gap: 8px; padding: 6px 12px 10px; }.cookie-preferences-description img { width: 58px; height: 66px; }.cookie-preferences-description p { font-size: 11px; }.cookie-preference-row { grid-template-columns: 25px 1fr 42px; min-height: 46px; margin-inline: 12px; font-size: 13px; }.cookie-preferences-actions { grid-template-columns: 1fr 1.2fr 1.55fr; }.cookie-preferences-button { min-height: 52px; font-size: 12px; padding-inline: 6px; } }