.hero-home {position:relative;overflow:hidden;padding:96px 0 76px;isolation:isolate;} .hero-ambient {position:absolute;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at var(--hero-x,78%) var(--hero-y,24%),rgba(243,111,86,.13),transparent 24%),radial-gradient(circle at 14% 70%,rgba(126,170,138,.15),transparent 26%),linear-gradient(180deg,#fbf8f3 0%,#f7f4ee 70%,#f2eee6 100%);} .hero-grid-lines {position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(41,37,31,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(41,37,31,.055) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black 20%,transparent 92%);} .hero-orb {position:absolute;display:block;border-radius:50%;filter:blur(2px);opacity:.58;animation:ambientFloat 10s ease-in-out infinite;} .orb-coral {width:280px;height:280px;top:-110px;right:12%;background:rgba(243,111,86,.16);} .orb-green {width:180px;height:180px;left:-60px;top:48%;background:rgba(126,170,138,.16);animation-delay:-3s;} .orb-yellow {width:150px;height:150px;right:36%;bottom:-80px;background:rgba(243,207,121,.23);animation-delay:-5s;} .hero-home-grid {display:grid;grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);align-items:center;gap:60px;} .hero-home h1 {max-width:780px;margin:0;font-size:clamp(46px,6vw,78px);line-height:.99;letter-spacing:-.055em;} .hero-home h1 em {position:relative;color:var(--accent-dark);font-style:normal;} .hero-home h1 em::after {content:"";position:absolute;left:2%;right:3%;bottom:-.08em;height:.11em;border-radius:99px;background:linear-gradient(90deg,var(--yellow),rgba(243,207,121,.2));transform:rotate(-1deg);z-index:-1;} .hero-lead {max-width:690px;margin-top:28px;color:var(--ink-2);font-size:18px;line-height:1.72;} .hero-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;} .button-whatsapp {border-color:var(--green);background:var(--green);box-shadow:0 12px 28px rgba(126,170,138,.24);} .button-whatsapp:hover {border-color:#668f72;background:#668f72;} .hero-highlights {display:flex;flex-wrap:wrap;gap:12px;margin-top:38px;} .hero-highlights span {min-width:176px;padding:15px 17px;border:1px solid rgba(41,37,31,.09);border-radius:18px;background:rgba(255,255,255,.65);backdrop-filter:blur(10px);box-shadow:0 10px 26px rgba(41,37,31,.05);color:var(--muted);font-size:11px;} .hero-highlights b {display:block;margin-bottom:6px;color:var(--ink);font-size:15px;} .hero-stage {position:relative;min-height:550px;isolation:isolate;} .stage-ring {position:absolute;border-radius:50%;border:1px dashed rgba(41,37,31,.14);animation:ringSpin 26s linear infinite;} .ring-one {width:480px;height:480px;inset:24px auto auto 26px;} .ring-two {width:350px;height:350px;inset:88px auto auto 92px;animation-direction:reverse;animation-duration:19s;} .stage-main-card {position:absolute;inset:72px 32px auto 42px;z-index:3;padding:25px;border:1px solid rgba(41,37,31,.10);border-radius:30px;background:rgba(255,255,255,.90);box-shadow:0 32px 80px rgba(41,37,31,.16);backdrop-filter:blur(16px);transform:none;transition:transform .18s ease-out;} .stage-card-top,.stage-course-heading {display:flex;align-items:center;justify-content:space-between;gap:14px;} .stage-card-top {color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;} .stage-card-top small {color:var(--accent-dark);font-weight:800;} .stage-live-dot {width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(126,170,138,.13);animation:livePulse 2.1s ease-out infinite;} .stage-course-heading {margin-top:22px;align-items:end;} .stage-kicker {display:block;margin-bottom:5px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em;} .stage-course-heading h2 {margin:0;font-size:27px;} .stage-progress-number {color:var(--accent-dark);font-size:24px;font-weight:900;} .stage-progress {height:9px;margin-top:18px;border-radius:999px;overflow:hidden;background:var(--surface-muted);} .stage-progress i {display:block;width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--yellow));transform-origin:left;animation:progressReveal 1.4s cubic-bezier(.2,.8,.2,1) both .25s;} .stage-unit-list {display:grid;gap:10px;margin-top:20px;} .stage-unit {display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;border:1px solid rgba(41,37,31,.06);background:#fbfcfd;} .stage-unit>span {display:grid;place-items:center;width:34px;aspect-ratio:1;border-radius:11px;background:var(--blue-soft);color:var(--ink);font-size:10px;font-weight:800;} .stage-unit div,.stage-unit b,.stage-unit small {display:block;} .stage-unit small {margin-top:3px;color:var(--muted);} .stage-unit i {color:var(--muted);font-style:normal;font-weight:900;} .stage-unit.is-complete {background:var(--green-soft);} .stage-unit.is-complete>span {background:rgba(126,170,138,.19);color:#50705a;} .stage-unit.is-current {background:var(--accent-soft);border-color:rgba(243,111,86,.16);} .stage-unit.is-current>span {background:rgba(243,111,86,.16);color:var(--accent-dark);} .stage-float {position:absolute;z-index:4;padding:13px 15px;border:1px solid rgba(41,37,31,.08);border-radius:17px;background:rgba(255,255,255,.93);box-shadow:0 18px 38px rgba(41,37,31,.12);backdrop-filter:blur(12px);animation:floatCard 5.5s ease-in-out infinite;} .float-subject {display:inline-flex;align-items:center;gap:9px;font-size:12px;} .float-subject span {display:grid;place-items:center;width:30px;aspect-ratio:1;border-radius:10px;background:var(--yellow-soft);color:var(--ink);} .subject-one {left:0;top:112px;transform:rotate(-6deg);} .subject-two {right:2px;top:62px;animation-delay:-2s;transform:rotate(5deg);} .subject-three {right:12px;bottom:92px;animation-delay:-3.4s;transform:rotate(-4deg);} .stage-feedback,.stage-resource {display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;width:216px;} .stage-feedback span,.stage-resource span {display:grid;place-items:center;width:36px;aspect-ratio:1;border-radius:11px;background:var(--green-soft);color:#50705a;font-weight:900;} .stage-resource span {background:var(--accent-soft);color:var(--accent-dark);} .stage-feedback {left:12px;bottom:48px;animation-delay:-1.4s;} .stage-resource {right:-4px;bottom:10px;animation-delay:-2.8s;} .stage-feedback b,.stage-feedback small,.stage-resource b,.stage-resource small {display:block;} .stage-feedback small,.stage-resource small {margin-top:2px;color:var(--muted);font-size:10px;} .hero-scroll-cue {width:var(--shell);margin:34px auto 0;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;} .hero-scroll-cue span {width:34px;height:1px;background:var(--ink);animation:cuePulse 2s ease-in-out infinite;} .quick-proof {padding-top:34px;} .metrics-row {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;} .metric-card {position:relative;overflow:hidden;padding:30px;border-radius:24px;border:1px solid rgba(41,37,31,.08);background:rgba(255,255,255,.82);box-shadow:var(--shadow-soft);} .metric-card::after {content:"";position:absolute;width:120px;height:120px;right:-54px;bottom:-58px;border-radius:50%;background:var(--accent-soft);} .metric-card:nth-child(2)::after {background:var(--green-soft);} .metric-card:nth-child(3)::after {background:var(--yellow-soft);} .metric-icon {display:inline-flex;margin-bottom:28px;color:var(--accent-dark);font-weight:900;font-size:11px;letter-spacing:.12em;} .metric-card h3 {margin-bottom:10px;font-size:23px;} .metric-card p {color:var(--muted);line-height:1.72;} .offer-grid,.featured-grid,.platform-grid {display:grid;gap:22px;} .offer-grid {grid-template-columns:repeat(2,minmax(0,1fr));} .offer-panel,.featured-card {border:1px solid rgba(41,37,31,.08);border-radius:27px;background:rgba(255,255,255,.9);box-shadow:var(--shadow-soft);} .offer-panel {padding:30px;} .offer-panel-alt {background:linear-gradient(180deg,#fff9eb,rgba(255,255,255,.95));} .panel-head h3 {margin-top:11px;font-size:27px;} .panel-tag {display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--blue-soft);color:var(--ink);font-size:11px;font-weight:800;} .offer-panel-alt .panel-tag {background:var(--yellow-soft);} .offer-list {display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none;} .offer-list li {display:grid;grid-template-columns:24px 1fr;gap:10px;padding:13px 15px;border-radius:15px;background:rgba(237,244,249,.72);color:var(--ink-2);} .offer-panel-alt .offer-list li {background:rgba(255,245,216,.64);} .offer-list li span {color:var(--accent-dark);font-weight:900;} .featured-courses-section {background:radial-gradient(circle at 86% 12%,rgba(243,111,86,.08),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.48),rgba(237,244,249,.68));} .featured-grid {grid-template-columns:repeat(3,minmax(0,1fr));} .featured-card {position:relative;display:flex;min-height:340px;padding:27px;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease;} .featured-card:hover {transform:translateY(-6px);box-shadow:0 26px 60px rgba(41,37,31,.13);} .featured-card::before {content:"";position:absolute;width:150px;height:150px;top:-70px;right:-50px;border-radius:50%;background:var(--accent-soft);} .featured-card-2::before {background:var(--green-soft);} .featured-card-3::before {background:var(--yellow-soft);} .featured-card-top {display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;} .featured-index {display:grid;place-items:center;width:42px;aspect-ratio:1;border-radius:14px;background:var(--ink);color:var(--white);font-size:11px;font-weight:900;} .featured-card h3 {margin-top:26px;font-size:27px;} .featured-card p {color:var(--muted);line-height:1.7;} .featured-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;} .section-platform {position:relative;overflow:hidden;} .platform-grid {grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr);align-items:center;} .platform-card-stack {position:relative;min-height:420px;} .platform-preview {padding:24px;border-radius:28px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);box-shadow:0 20px 50px rgba(0,0,0,.15);backdrop-filter:blur(10px);} .platform-preview header {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;} .platform-preview header b {padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.1);font-size:10px;} .platform-progress {height:10px;margin-bottom:18px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;} .platform-progress i {display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--yellow));} .platform-item {padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.08);margin-top:10px;} .platform-item strong,.platform-item small {display:block;} .platform-item small {color:rgba(255,255,255,.68);margin-top:5px;} .platform-preview-secondary {position:absolute;right:0;bottom:0;width:86%;background:rgba(0,32,65,.92);} .platform-columns {display:grid;gap:10px;} .platform-columns div {padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.06);} .platform-columns strong,.platform-columns small {display:block;} .platform-columns small {margin-top:5px;color:rgba(255,255,255,.68);} .platform-actions {display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px;} .text-link-light {color:var(--white);} @keyframes ambientFloat {0%,100% {transform:translate3d(0,0,0) scale(1);} 50% {transform:translate3d(10px,-16px,0) scale(1.05);}} @keyframes ringSpin {to {transform:rotate(360deg);}} @keyframes livePulse {0% {box-shadow:0 0 0 0 rgba(126,170,138,.35);} 70% {box-shadow:0 0 0 9px rgba(126,170,138,0);} 100% {box-shadow:0 0 0 0 rgba(126,170,138,0);}} @keyframes progressReveal {from {transform:scaleX(.05);} to {transform:scaleX(1);}} @keyframes floatCard {0%,100% {translate:0 0;} 50% {translate:0 -10px;}} @keyframes cuePulse {0%,100% {transform:scaleX(.65);transform-origin:left;opacity:.55;} 50% {transform:scaleX(1);opacity:1;}} @media (prefers-reduced-motion:reduce) {.hero-orb,.stage-ring,.stage-float,.stage-live-dot,.stage-progress i,.hero-scroll-cue span {animation:none !important;} .stage-main-card {transition:none;}} @media (max-width:1080px) {.hero-home-grid,.platform-grid,.offer-grid,.featured-grid,.metrics-row {grid-template-columns:1fr;} .hero-stage {min-height:560px;max-width:620px;width:100%;margin:0 auto;} .platform-preview-secondary {position:relative;width:100%;margin-top:18px;}} @media (max-width:720px) {.hero-home {padding:70px 0 52px;} .hero-home h1 {font-size:clamp(40px,10vw,56px);} .hero-stage {min-height:510px;} .stage-main-card {inset:58px 0 auto 0;} .ring-one {width:390px;height:390px;left:50%;transform:translateX(-50%);} .ring-two {display:none;} .subject-one,.subject-two,.subject-three {display:none;} .stage-feedback {left:-4px;bottom:40px;} .stage-resource {right:-4px;bottom:-6px;} .hero-highlights {display:grid;grid-template-columns:1fr;} .hero-highlights span {min-width:0;} .featured-actions,.hero-actions,.platform-actions {flex-direction:column;align-items:stretch;}}