:root {
  --ink: #0c303d;
  --ink-soft: #0c303d;
  --panel: #0c303d;
  --line: rgba(255, 255, 255, 0.12);
  --muted: #8d97aa;
  --paper: #f1f2f4;
  --paper-2: #e7e9ed;
  --blue: #0c303d;
  --blue-light: #0c303d;
  --orange: #ff5a1f;
  --white: #fff;
  --radius: 26px;
  --container: min(1240px, calc(100vw - 64px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: "DM Sans", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input { font: inherit; }
.container { width: var(--container); margin-inline: auto; }
.skip-link { position: fixed; top: -100px; left: 20px; z-index: 1000; background: white; padding: 12px 18px; border-radius: 8px; }
.skip-link:focus { top: 20px; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 100; color: white; transition: background .3s, border-color .3s; }
.site-header.scrolled { background: rgba(5, 9, 21, .82); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(255,255,255,.08); }
.nav-shell { width: var(--container); height: 86px; margin: auto; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-family: Manrope, sans-serif; }
.brand-logo { display:block; width: 165px; height: auto; object-fit: contain; }
.brand-mark { width: 34px; height: 34px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.brand-type { font-size: 20px; letter-spacing: -.7px; font-weight: 600; }
.brand-type b { color: var(--orange); font-weight: 700; }
.desktop-nav { display: flex; gap: 34px; }
.desktop-nav a { font-size: 14px; color: #b9c0d0; transition: color .2s; }
.desktop-nav a:hover, .desktop-nav a:focus-visible { color: white; }
.nav-cta { font-size: 13px; font-weight: 600; padding: 12px 16px 12px 19px; border: 1px solid rgba(255,255,255,.23); border-radius: 100px; display: inline-flex; gap: 18px; align-items: center; }
.nav-cta span { color: var(--orange); }
.menu-toggle { display: none; width: 44px; height: 44px; background: transparent; border: 1px solid var(--line); border-radius: 50%; padding: 0 11px; }
.menu-toggle span { display: block; height: 1px; background: white; margin: 5px 0; transition: .3s; }
.mobile-menu { display: none; }

.hero { min-height: 890px; position: relative; color: white; background: var(--ink); overflow: hidden; }
.hero-grid, .education-grid, .hero::before, .hero-glow { display: none; }
.hero-layout { min-height: 690px; padding-top: 100px; position: relative; z-index: 2; display: grid; grid-template-columns: 1fr; align-items: center; }
.hero-copy { max-width: 820px; padding-top: 24px; position: relative; z-index: 3; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; color: #aeb7ca; text-transform: uppercase; letter-spacing: .18em; font-size: 11px; font-weight: 600; }
.eyebrow i { width: 6px; height: 6px; display: block; background: var(--orange); border-radius: 50%; box-shadow: 0 0 16px var(--orange); }
.hero h1 { margin: 30px 0 24px; max-width: 680px; font-family: Manrope, sans-serif; font-size: clamp(48px, 5.4vw, 76px); line-height: 1.02; letter-spacing: -.06em; font-weight: 500; }
.hero h1 em, .education-copy h2 em, .cta-content h2 em { font-style: normal; color: var(--orange); }
.hero-copy > p { max-width: 580px; font-size: 18px; line-height: 1.65; color: #aab3c6; }
.hero-actions { margin-top: 36px; display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
.button { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 28px; border-radius: 100px; padding: 0 24px; font-size: 14px; font-weight: 600; transition: transform .25s, box-shadow .25s; }
.button:hover { transform: translateY(-3px); }
.button-primary { color: white; background: var(--orange); box-shadow: none; }
.button-primary span { opacity: .8; }
.text-link { font-size: 14px; color: #d9dfeb; display: inline-flex; gap: 14px; }
.text-link span { color: var(--orange); }
.hero-proof { margin-top: 56px; display: flex; gap: 16px; align-items: center; }
.proof-avatars { display: flex; padding-left: 8px; }
.proof-avatars span { width: 34px; height: 34px; display: grid; place-items: center; margin-left: -8px; border: 2px solid var(--ink); border-radius: 50%; background: var(--ink); font-family: Manrope; font-size: 11px; font-weight: 700; color: #fff; }
.proof-avatars span:nth-child(2) { background: var(--orange); }
.proof-avatars span:nth-child(3) { background: var(--orange); }
.hero-proof p { margin: 0; font-size: 12px; line-height: 1.55; color: #7e899f; }
.hero-proof strong { color: #dbe1ed; font-weight: 500; }
.hero-visual { display: none; }
.hero-image-wrap { display: none; }
.hero-image-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.visual-fade { display: none; }
.floating-card { position: absolute; z-index: 3; display: flex; align-items: center; gap: 12px; padding: 13px 17px; border-radius: 15px; border: 1px solid rgba(255,255,255,.18); background: rgba(12,19,38,.72); box-shadow: 0 18px 60px rgba(0,0,0,.35); backdrop-filter: blur(16px); }
.floating-card small, .floating-card strong { display: block; }
.floating-card small { color: #7f8ca5; font-size: 10px; margin-bottom: 3px; }
.floating-card strong { font-size: 12px; font-weight: 500; color: #e7ecf5; }
.card-top { right: -10px; top: 29%; }
.card-bottom { left: 17%; bottom: 16%; }
.card-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: var(--orange); }
.mini-chart { width: 38px; height: 32px; display: flex; align-items: flex-end; gap: 4px; }
.mini-chart i { width: 6px; border-radius: 3px 3px 0 0; background: var(--orange); }
.mini-chart i:nth-child(1){height: 35%}.mini-chart i:nth-child(2){height: 70%}.mini-chart i:nth-child(3){height: 50%}.mini-chart i:nth-child(4){height: 95%}
.hero-footer { height: 80px; position: relative; z-index: 4; border-top: 1px solid rgba(255,255,255,.09); display: flex; align-items: center; gap: 18px; color: #5e697d; font-size: 10px; letter-spacing: .15em; text-transform: uppercase; }
.scroll-line { flex: 0 0 100px; height: 1px; background: #263047; overflow: hidden; }
.scroll-line i { display: block; width: 45%; height: 100%; background: var(--orange); animation: scan 2.5s infinite ease-in-out; }
.hero-index { margin-left: auto; }
@keyframes scan { 0%{transform:translateX(-100%)} 100%{transform:translateX(230%)} }

.section { padding: 130px 0; }
.about { background: var(--paper); }
.about-layout { display: grid; grid-template-columns: 260px 1fr; border-top: 1px solid #cfd3da; padding-top: 34px; }
.section-label { display: flex; gap: 17px; align-items: baseline; color: #737c8a; font-size: 11px; letter-spacing: .15em; text-transform: uppercase; white-space: nowrap; }
.section-label span { color: var(--blue); font-size: 10px; }
.section-label.light { color: #758096; }
.section-label.light span { color: var(--orange); }
.about-content { display: grid; grid-template-columns: 1.3fr .7fr; gap: 90px; }
.display-title { margin: 0; font: 500 clamp(38px, 4.2vw, 64px)/1.08 Manrope, sans-serif; letter-spacing: -.055em; }
.display-title span { color: #8d96a3; }
.about-body { padding-top: 8px; }
.about-body p { color: #687180; font-size: 15px; line-height: 1.75; }
.about-body .lead { margin-top: 0; color: #202736; font-size: 18px; }
.arrow-link { display: flex; align-items: center; justify-content: space-between; margin-top: 34px; border-bottom: 1px solid #aeb5c0; padding-bottom: 12px; color: #1b2331; font-size: 13px; font-weight: 600; }
.arrow-link span { color: var(--blue); font-size: 20px; }
.benefits-grid { margin-top: 95px; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #cfd3da; border-bottom: 1px solid #cfd3da; }
.benefit-card { min-height: 360px; padding: 24px 26px 30px; position: relative; border-right: 1px solid #cfd3da; display: flex; flex-direction: column; }
.benefit-card:last-child { border-right: 0; }
.benefit-number { color: #9da5b0; font-size: 10px; letter-spacing: .1em; }
.benefit-icon { margin: 58px auto auto; width: 74px; height: 74px; position: relative; }
.icon-orbit { border: 1px solid var(--orange); border-radius: 50%; box-shadow: none; }
.icon-orbit::after { content: ""; position: absolute; width: 12px; height: 12px; background: var(--blue); border-radius: 50%; top: 3px; left: 7px; box-shadow: 0 0 22px var(--blue); }
.icon-diamond { width: 62px; height: 62px; border: 1px solid var(--orange); transform: rotate(45deg); }
.icon-diamond::after { content: ""; position: absolute; inset: 12px; background: var(--orange); }
.icon-spark::before, .icon-spark::after { content: ""; position: absolute; inset: 8px 34px; background: var(--orange); box-shadow: none; }
.icon-spark::after { transform: rotate(90deg); }
.icon-bars { display:flex; align-items:flex-end; gap:7px; padding: 8px; }
.icon-bars i { flex: 1; background: var(--orange); border-radius: 4px 4px 0 0; }.icon-bars i:nth-child(1){height:40%}.icon-bars i:nth-child(2){height:70%}.icon-bars i:nth-child(3){height:100%}
.benefit-card h3 { margin: 32px 0 10px; font: 600 18px/1.25 Manrope; letter-spacing: -.03em; }
.benefit-card p { margin: 0; color: #717987; font-size: 13px; line-height: 1.6; }

.solutions { background: var(--ink); color: white; }
.section-heading { display: grid; grid-template-columns: 260px 1fr; border-top: 1px solid var(--line); padding-top: 34px; }
.section-heading > div:last-child { display: grid; grid-template-columns: 1.25fr .75fr; gap: 80px; align-items: end; }
.section-heading p { margin: 0; color: #8993a8; line-height: 1.7; }
.solutions .display-title span { color: #637089; }
.solution-grid { margin-top: 80px; display: grid; grid-template-columns: 1.3fr .7fr; gap: 18px; }
.solution-card { min-height: 390px; position: relative; overflow: hidden; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--ink); }
.solution-card::after { content: ""; position: absolute; width: 110px; height: 110px; right: -30px; bottom: -30px; border: 1px solid var(--orange); border-radius: 50%; }
.solution-card-head { display: flex; justify-content: space-between; align-items: center; color: #7e899e; font: 500 10px Manrope; letter-spacing: .13em; text-transform: uppercase; }
.solution-main { height: calc(100% - 20px); display: grid; grid-template-columns: 1fr .85fr; align-items: end; }
.solution-card h3 { margin: 0 0 15px; font: 500 32px/1.08 Manrope; letter-spacing: -.045em; }
.solution-card p { max-width: 480px; color: #929caf; font-size: 14px; line-height: 1.68; }
.solution-card a { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 24px; margin-top: 18px; font-size: 12px; color: #dfe5ef; }
.solution-card a span { color: var(--orange); }
.solution-featured { min-height: 500px; grid-row: span 2; background: #0c303d; }
.degree-visual { display: grid; place-items: center; position: relative; height: 280px; }
.degree-ring { width: 180px; height: 180px; border: 1px solid var(--orange); border-radius: 50%; display: grid; place-items: center; box-shadow: none; }
.degree-ring::before, .degree-ring::after { content:""; position:absolute; border: 1px solid rgba(255,255,255,.22); border-radius:50%; }
.degree-ring::before { width:220px;height:220px}.degree-ring::after{width:130px;height:130px}
.degree-ring span { font: 600 28px Manrope; color: #fff; letter-spacing: -.05em; }
.degree-line { position: absolute; width: 280px; height: 1px; background: var(--orange); transform: rotate(-24deg); }
.solution-blue { background: var(--blue); }
.solution-blue p, .solution-blue .solution-card-head { color: rgba(255,255,255,.68); }
.solution-mini-icon { width: 74px; height: 74px; margin: 65px 0 36px; border-radius: 22px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); display:grid;place-items:center; box-shadow:0 20px 50px rgba(0,0,0,.18); }
.solution-mini-icon span { width: 36px; height: 36px; display:grid;place-items:center;border-radius:50%;background:white;color:var(--blue);font-weight:800; }
.metep-word { margin: 35px 0 5px; color: transparent; -webkit-text-stroke: 1px var(--orange); font: 700 116px/1 Manrope; letter-spacing: -.1em; }
.solution-wide { min-height: 350px; background: var(--ink); }
.wide-copy { margin-top: 80px; display: grid; grid-template-columns: 1fr 1fr; gap: 45px; }
.wide-copy > div + div { border-left: 1px solid var(--line); padding-left: 45px; }
.wide-link { border-bottom: 1px solid rgba(255,255,255,.15); padding-bottom: 12px; }

.method { background: var(--paper); }
.method-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 110px; }
.method-intro { position: relative; }
.method-intro .display-title { margin-top: 52px; }
.method-intro > p { max-width: 480px; color: #6d7684; line-height: 1.7; }
.method-badge { width: 140px; height: 140px; margin-top: 70px; }
.method-badge svg { overflow: visible; fill: none; stroke: var(--blue); stroke-width: 1.5; }
.method-badge text { fill: #7c8695; stroke: none; font: 500 10px Manrope; letter-spacing: .16em; }
.steps { border-top: 1px solid #cbd0d7; }
.step { display: grid; grid-template-columns: 82px 1fr; gap: 22px; padding: 32px 0 38px; border-bottom: 1px solid #cbd0d7; }
.step > span { color: var(--blue); font-size: 10px; letter-spacing: .1em; }
.step small { color: #7b8491; text-transform: uppercase; letter-spacing: .16em; font-size: 10px; }
.step h3 { margin: 10px 0 8px; font: 600 20px/1.3 Manrope; letter-spacing: -.03em; }
.step p { margin: 0; color: #747c89; font-size: 14px; line-height: 1.6; }

.education-section { min-height: 800px; position: relative; padding: 130px 0; color: white; background: var(--ink); overflow: hidden; }
.education-section::before, .education-section::after { display:none; }
.education-layout { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 130px; align-items: center; }
.education-copy h2 { margin: 28px 0; font: 500 clamp(42px,4.8vw,70px)/1.06 Manrope; letter-spacing:-.06em; }
.education-copy p { max-width: 580px; color:#8f99ad; line-height:1.75; }
.education-copy .button { margin-top: 28px; }
.outcomes { border-top:1px solid var(--line); }
.outcomes article { display:grid;grid-template-columns:55px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line); }
.outcomes article > span { color:var(--orange);font-size:10px; }
.outcomes h3 { margin:0 0 7px;font:500 18px Manrope;letter-spacing:-.02em; }
.outcomes p { margin:0;color:#758096;font-size:13px; }

.insights { background: var(--paper-2); }
.insights .section-heading { border-color:#c8cdd5; }
.article-grid { margin-top:80px;display:grid;grid-template-columns:1.35fr .825fr .825fr;gap:20px; }
.article-card { min-width:0;position:relative; }
.article-art { height:280px;position:relative;overflow:hidden;border-radius:22px;background:var(--ink); }
.article-featured .article-art { height:390px; }
.art-one { display:flex;align-items:center;justify-content:center;background:#0c303d; }
.art-one::before { content:"";position:absolute;inset:30px;border:1px solid rgba(255,255,255,.14); }
.art-one span { z-index:1;font:700 54px/1 Manrope;color:#eef5ff;letter-spacing:-.06em; }
.art-one i { position:absolute;width:170px;height:170px;border:1px solid var(--orange);border-radius:50%;box-shadow:none; }
.art-two { display:grid;place-items:center;background:var(--ink); }
.art-two > span { position:absolute;left:22px;bottom:22px;font:600 10px Manrope;letter-spacing:.15em;color:#fff; }
.art-seal { width:92px;height:92px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(255,255,255,.08);color:white;font-size:25px;box-shadow:0 0 45px rgba(41,133,255,.4); }
.art-three { display:grid;place-items:center;background:#0c303d; }
.art-three span { z-index:1;font:600 14px Manrope;letter-spacing:.17em;color:#ffc29e; }
.art-orbit { position:absolute;width:150px;height:150px;border:1px solid #ff8746;border-radius:50%;box-shadow:0 0 60px rgba(255,118,57,.2); }
.art-orbit::after { content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#ff8746;right:8px;top:20px;box-shadow:0 0 18px #ff8746; }
.article-meta { display:flex;justify-content:space-between;margin-top:22px;color:#7a8390;font-size:10px;text-transform:uppercase;letter-spacing:.1em; }
.article-card h3 { margin:15px 38px 0 0;font:600 20px/1.38 Manrope;letter-spacing:-.035em; }
.article-featured h3 { font-size:28px; }
.article-arrow { position:absolute;right:0;bottom:0;color:var(--blue);font-size:22px; }

.cta-section { min-height:640px;position:relative;overflow:hidden;color:white;background:#0c303d;display:flex;align-items:center; }
.cta-section::before { content:"";position:absolute;width:520px;height:520px;right:-80px;top:60px;border:1px solid rgba(58,136,255,.24);border-radius:50%;box-shadow:0 0 90px rgba(25,109,255,.12),inset 0 0 100px rgba(27,111,255,.08); }
.cta-section::after { content:"";position:absolute;width:310px;height:310px;right:25px;top:165px;border:1px solid rgba(44,191,240,.2);border-radius:50%; }
.cta-noise { display:none; }
.cta-content { position:relative;z-index:2; }
.cta-content h2 { margin:28px 0 22px;font:500 clamp(52px,6.4vw,88px)/.98 Manrope;letter-spacing:-.065em; }
.cta-content p { max-width:600px;color:#9ca7bb;font-size:17px;line-height:1.7; }
.cta-actions { margin-top:35px;display:flex;align-items:center;gap:25px; }
.button-light { background:white;color:#101827;box-shadow:0 15px 40px rgba(0,0,0,.25); }
.cta-actions small { color:#778297;line-height:1.5; }
.legal-note { padding:30px 0;background:var(--ink);color:#768096;border-top:1px solid var(--line); }
.legal-note .container { display:grid;grid-template-columns:230px 1fr;gap:35px; }
.legal-note span { color:#aab3c5;font-size:10px;text-transform:uppercase;letter-spacing:.16em; }
.legal-note p { margin:0;font-size:11px;line-height:1.65; }

.site-footer { color:#a2acbe;background:var(--ink);padding:70px 0 28px; }
.footer-top { display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;padding-bottom:70px;border-bottom:1px solid var(--line); }
.footer-brand { color:white; }
.footer-top p { max-width:330px;margin:0;font-size:14px;line-height:1.7; }
.footer-social { justify-self:end;display:flex;gap:28px;color:#d4dae5;font-size:13px; }
.footer-bottom { padding-top:26px;display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#5f697d; }
.footer-bottom a { color:#9ca6b8; }

.reveal { opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1); }
.reveal.is-visible { opacity:1;transform:none; }
.delay-1 { transition-delay:.1s }.delay-2{transition-delay:.18s}.delay-3{transition-delay:.26s}

@media (max-width: 1024px) {
  :root { --container:min(100% - 40px, 900px); }
  .desktop-nav { display:none; }
  .hero { min-height:1040px; }
  .hero-layout { min-height:950px;grid-template-columns:1fr;padding-top:150px;align-content:start; }
  .hero-copy { max-width:720px; }
  .hero-visual { min-height:500px; }
  .hero-image-wrap { inset:-90px -190px -90px 120px; }
  .floating-card { display:none; }
  .about-layout,.section-heading { grid-template-columns:1fr;gap:45px; }
  .about-content { gap:45px; }
  .benefits-grid { grid-template-columns:repeat(2,1fr); }
  .benefit-card:nth-child(2) { border-right:0; }
  .benefit-card:nth-child(-n+2){border-bottom:1px solid #cfd3da}
  .method-layout,.education-layout { gap:65px; }
  .article-grid { grid-template-columns:1fr 1fr; }
  .article-featured { grid-column:1/-1; }
  .article-featured .article-art { height:340px; }
}

@media (max-width: 760px) {
  :root { --container:calc(100vw - 32px); --radius:20px; }
  .nav-shell { height:72px; }
  .nav-cta { display:none; }
  .menu-toggle { display:block; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(3px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-3px) rotate(-45deg); }
  .mobile-menu { display:block;position:fixed;inset:72px 0 0;background:rgba(5,9,21,.98);padding:35px 16px;opacity:0;visibility:hidden;transition:.25s; }
  .mobile-menu.open { opacity:1;visibility:visible; }
  .mobile-menu nav { display:flex;flex-direction:column; }
  .mobile-menu a { color:white;padding:20px 5px;border-bottom:1px solid var(--line);font:500 25px Manrope;letter-spacing:-.04em; }
  .hero { min-height:960px; }
  .hero-layout { min-height:880px;padding-top:125px;display:block; }
  .hero h1 { font-size:45px; }
  .hero-copy > p { font-size:16px; }
  .hero-proof { margin-top:38px; }
  .hero-visual { min-height:380px; }
  .hero-image-wrap { inset:-25px -175px -60px -10px; }
  .visual-fade { display:none; }
  .hero-footer { height:70px; }
  .hero-index { display:none; }
  .section { padding:90px 0; }
  .about-content,.section-heading > div:last-child,.method-layout,.education-layout { grid-template-columns:1fr;gap:35px; }
  .display-title { font-size:42px; }
  .benefits-grid { margin-top:60px;grid-template-columns:1fr; }
  .benefit-card { min-height:300px;border-right:0;border-bottom:1px solid #cfd3da!important; }
  .benefit-card:last-child { border-bottom:0!important; }
  .solution-grid { grid-template-columns:1fr;margin-top:55px; }
  .solution-featured { min-height:610px;grid-row:auto; }
  .solution-main { grid-template-columns:1fr; }
  .degree-visual { height:240px; }
  .solution-wide { min-height:500px; }
  .wide-copy { margin-top:55px;grid-template-columns:1fr;gap:30px; }
  .wide-copy > div + div { border-left:0;border-top:1px solid var(--line);padding:30px 0 0; }
  .method-layout { gap:65px; }
  .method-badge { display:none; }
  .education-section { padding:90px 0; }
  .education-layout { gap:65px; }
  .article-grid { grid-template-columns:1fr; }
  .article-featured { grid-column:auto; }
  .article-art,.article-featured .article-art { height:300px; }
  .cta-section { min-height:650px; }
  .cta-section::before { right:-280px; }
  .cta-content h2 { font-size:52px; }
  .cta-actions { align-items:flex-start;flex-direction:column; }
  .legal-note .container { grid-template-columns:1fr;gap:15px; }
  .footer-top { grid-template-columns:1fr;gap:35px; }
  .footer-social { justify-self:start; }
  .footer-bottom { gap:18px;flex-direction:column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; }
  .reveal { opacity:1;transform:none; }
  /* a vitrine de experts é decorativa, não um efeito de interface: continua rolando
     mesmo com "Reduzir Movimento" ativado no aparelho (iOS/Android), só mais devagar */
  .rotation-track { animation-duration:60s!important; animation-iteration-count:infinite!important; }
}

/* Internal pages */
.inner-header { background: var(--ink); color: white; }
.inner-header .nav-shell { height: 78px; }
.inner-page { min-height: 100vh; background: var(--paper); }
.inner-hero { color: white; background: var(--ink); padding: 108px 0 92px; position: relative; overflow: hidden; }
.inner-hero::after { content:""; position:absolute; width:410px; height:410px; right:-120px; bottom:-150px; border:1px solid rgba(255,90,31,.42); border-radius:50%; box-shadow:0 0 80px rgba(255,90,31,.18); }
.breadcrumb { color:#a7b1c2; font-size:12px; margin-bottom:48px; display:flex; gap:10px; align-items:center; }
.breadcrumb a { color:white; }
.inner-hero h1 { max-width:850px; margin:0; font:500 clamp(44px,6vw,78px)/1.02 Manrope; letter-spacing:-.06em; }
.inner-hero h1 em { color:var(--orange); font-style:normal; }
.inner-hero p { max-width:620px; margin:26px 0 0; color:#abb5c7; font-size:17px; line-height:1.7; }
.inner-content { padding:100px 0 120px; }
.service-columns { display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; }
.service-aside { border-top:1px solid #cbd1db; padding-top:25px; }
.service-aside p { color:#687180; line-height:1.7; }
.service-aside .button { margin-top:26px; }
.service-list { border-top:1px solid #cbd1db; }
.service-list article { display:grid; grid-template-columns:65px 1fr; gap:22px; padding:28px 0; border-bottom:1px solid #cbd1db; }
.service-list span { color:var(--orange); font-size:11px; letter-spacing:.1em; }
.service-list h3 { margin:0 0 8px; font:600 22px Manrope; letter-spacing:-.04em; }
.service-list p { margin:0; color:#717b89; line-height:1.65; }
.page-cta { margin-top:80px; padding:45px; border-radius:24px; background:var(--ink); color:white; display:flex; justify-content:space-between; gap:30px; align-items:center; }
.page-cta h2 { margin:0; font:500 32px/1.1 Manrope; letter-spacing:-.05em; }.page-cta p{color:#aeb9ca;max-width:490px;}
.simple-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:60px; }.simple-card{padding:28px;border:1px solid #ccd2db;border-radius:18px;}.simple-card h3{font:600 20px Manrope;margin:0 0 10px}.simple-card p{color:#6d7684;line-height:1.6;margin:0}
@media(max-width:760px){.brand-logo{width:138px}.inner-hero{padding:78px 0 70px}.inner-content{padding:70px 0}.service-columns,.simple-grid{grid-template-columns:1fr;gap:45px}.page-cta{padding:30px;display:block}.page-cta .button{margin-top:20px}}

/* Editorial commerce direction inspired by the requested reference */
body { background:#fff; }
.site-header { background:var(--ink); }
.site-header.scrolled { background:var(--ink); backdrop-filter:none; border-color:rgba(255,255,255,.14); }
.nav-shell { height:78px; }
.desktop-nav a { color:rgba(255,255,255,.78); font-weight:500; }
.desktop-nav a:hover,.desktop-nav a:focus-visible { color:#fff; }
.nav-cta { padding:13px 20px; background:var(--orange); border-color:var(--orange); color:#fff; }
.nav-cta span { color:#fff; }

.hero { min-height:auto; padding-top:78px; color:var(--ink); background:#f7f4ee; }
.hero-layout { min-height:670px; padding-top:0; grid-template-columns:1.05fr .95fr; gap:72px; }
.hero-copy { max-width:690px; padding:70px 0; }
.hero .eyebrow { color:var(--ink); }
.hero h1 { max-width:690px; margin:24px 0; font-size:clamp(52px,5.6vw,82px); font-weight:700; line-height:.98; }
.hero-copy > p { max-width:590px; color:#48565b; font-size:19px; }
.hero .text-link { color:var(--ink); font-weight:600; }
.hero-proof { margin-top:48px; }
.hero-proof p { color:#5e696c; }
.hero-proof strong { color:var(--ink); }
.proof-avatars span { border-color:#f7f4ee; }
.hero-visual { min-height:520px; display:flex; align-items:center; justify-content:center; }
.hero-poster { width:100%; min-height:500px; padding:38px; position:relative; overflow:hidden; border-radius:32px; color:#fff; background:var(--ink); display:flex; flex-direction:column; justify-content:space-between; }
.hero-poster::before { content:""; position:absolute; width:270px; height:270px; right:-55px; top:-55px; border-radius:50%; background:var(--orange); }
.hero-poster::after { content:""; position:absolute; width:125px; height:125px; right:48px; top:48px; border:2px solid #fff; border-radius:50%; }
.poster-kicker,.poster-index { position:relative; z-index:1; font:600 10px Manrope; letter-spacing:.2em; }
.hero-poster > strong { position:relative; z-index:1; max-width:450px; font:600 clamp(38px,4vw,58px)/1.02 Manrope; letter-spacing:-.055em; }
.hero-poster > strong em { color:var(--orange); font-style:normal; }
.poster-seal { position:relative; z-index:1; width:max-content; padding:14px 18px; display:flex; gap:12px; align-items:center; border:1px solid rgba(255,255,255,.25); border-radius:14px; background:var(--ink); }
.poster-seal span { width:34px; height:34px; border-radius:50%; background:var(--orange); display:grid; place-items:center; }
.poster-seal small { line-height:1.35; }
.hero-footer { color:#5c686c; border-color:#d8d5ce; }
.scroll-line { background:#d8d5ce; }

.section { padding:110px 0; }
.about { background:#fff; }
.about-layout { border-top:0; padding-top:0; }
.about-content { gap:70px; }
.display-title { font-weight:650; }
.display-title span { color:var(--orange); }
.benefits-grid { margin-top:72px; padding:24px; gap:16px; border:0; border-radius:30px; background:#f3f0ea; }
.benefit-card { min-height:330px; padding:24px; border:0!important; border-radius:20px; background:#fff; }
.benefit-icon { margin:50px 0 auto; }
.benefit-card h3 { font-size:20px; }

.solutions { color:var(--ink); background:#f3f0ea; }
.solutions .section-heading { border-color:#cfcac1; }
.solutions .section-label.light { color:#6c7477; }
.solutions .display-title span { color:var(--orange); }
.solutions .section-heading p { color:#5f6b6f; }
.solution-grid { gap:20px; }
.solution-card { border:0; border-radius:26px; }
.solution-blue { background:var(--orange); }
.solution-blue::after { border-color:#fff; }
.solution-card h3 { font-size:36px; }
.solution-card a { font-weight:600; }

.method { background:#fff; }
.step { padding:34px 0; }
.step > span,.section-label span,.arrow-link span,.method-badge svg { color:var(--orange); stroke:var(--orange); }
.education-section { min-height:auto; padding:110px 0; }
.education-copy h2 { font-weight:650; }
.outcomes article { padding:28px 0; }

.insights { background:#f3f0ea; }
.article-art { border-radius:26px; }
.article-arrow { color:var(--orange); }
.cta-section { min-height:580px; }
.cta-section::before { border:55px solid var(--orange); box-shadow:none; }
.cta-section::after { border-color:#fff; }
.legal-note,.site-footer { background:var(--ink); }

@media(max-width:1024px){
  .hero { min-height:auto; }
  .hero-layout { min-height:auto; grid-template-columns:1fr; gap:0; padding:70px 0; }
  .hero-copy { padding:30px 0 45px; }
  .hero-visual { min-height:auto; }
  .hero-poster { min-height:440px; }
}
@media(max-width:760px){
  .site-header { background:var(--ink); }
  .hero { min-height:auto; padding-top:72px; }
  .hero-layout { min-height:auto; padding:42px 0 70px; display:grid; }
  .hero h1 { font-size:46px; }
  .hero-copy { padding:0 0 42px; }
  .hero-visual { min-height:auto; display:flex; }
  .hero-poster { min-height:400px; padding:28px; border-radius:24px; }
  .hero-poster::before { width:190px; height:190px; }
  .hero-poster::after { width:86px; height:86px; right:28px; top:28px; }
  .benefits-grid { padding:14px; }
}

/* Dark liquid-glass direction */
body { background:var(--ink); }
.site-header { background:#fff; padding-top:0; }
.site-header.scrolled { background:#fff; border:0; backdrop-filter:none; }
.site-header .nav-shell { height:78px; padding:0; border:0; border-radius:0; color:var(--ink); background:#fff; box-shadow:none; backdrop-filter:none; }
.site-header.scrolled .nav-shell { background:#fff; box-shadow:none; }
.site-header .brand { min-width:170px; padding:0; border-radius:0; background:transparent; }
.site-header .brand-logo { width:142px; }
.site-header .desktop-nav { gap:38px; }
.site-header .desktop-nav a { color:#394348; font-weight:600; }
.site-header .desktop-nav a:hover,.site-header .desktop-nav a:focus-visible { color:var(--orange); }
.site-header .nav-cta { border-radius:6px; padding:13px 22px; }

.hero { padding-top:116px; color:#fff; background:var(--ink); }
.hero-layout { min-height:680px; grid-template-columns:1.02fr .98fr; }
.hero .eyebrow,.hero .text-link { color:#fff; }
.hero-copy > p { color:rgba(255,255,255,.7); }
.hero-proof p { color:rgba(255,255,255,.58); }
.hero-proof strong { color:#fff; }
.proof-avatars span { border-color:var(--ink); }
.hero-poster { border:1px solid rgba(255,255,255,.16); background:rgba(0,0,0,.34); box-shadow:0 24px 80px rgba(0,0,0,.34); backdrop-filter:blur(26px); }
.hero-poster::before { background:var(--orange); }
.poster-seal { border-color:rgba(255,255,255,.16); background:rgba(0,0,0,.32); backdrop-filter:blur(18px); }
.hero-footer { color:rgba(255,255,255,.45); border-color:rgba(255,255,255,.14); }
.scroll-line { background:rgba(255,255,255,.18); }

.about,.method,.insights { color:#fff; background:var(--ink); }
.about-layout,.section-heading,.steps,.outcomes { border-color:rgba(255,255,255,.15); }
.section-label,.section-label.light { color:rgba(255,255,255,.55); }
.about-body .lead,.arrow-link,.step h3,.article-card h3 { color:#fff; }
.about-body p,.method-intro > p,.step p,.insights .section-heading p { color:rgba(255,255,255,.62); }
.arrow-link { border-color:rgba(255,255,255,.2); }
.benefits-grid { background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(22px); }
.benefit-card { color:#fff; background:rgba(0,0,0,.28); border:1px solid rgba(255,255,255,.1)!important; backdrop-filter:blur(18px); }
.benefit-card p { color:rgba(255,255,255,.58); }
.benefit-number { color:rgba(255,255,255,.45); }

.solutions { background:var(--ink); color:#fff; }
.solutions .section-heading { border-color:rgba(255,255,255,.15); }
.solutions .section-heading p,.solutions .section-label.light { color:rgba(255,255,255,.6); }
.solution-card,.solution-featured,.solution-wide { background:rgba(0,0,0,.3); border:1px solid rgba(255,255,255,.13); box-shadow:0 20px 55px rgba(0,0,0,.28); backdrop-filter:blur(22px); }
.solution-blue { background:var(--orange); border-color:var(--orange); }
.solution-card-head,.solution-card p { color:rgba(255,255,255,.62); }
.solution-card h3,.solution-card a { color:#fff; }

.step { border-color:rgba(255,255,255,.15); }
.method-badge text { fill:rgba(255,255,255,.55); }
.education-section { border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); }
.insights .section-heading { border-color:rgba(255,255,255,.15); }
.article-art { border:1px solid rgba(255,255,255,.12); }
.article-meta { color:rgba(255,255,255,.52); }
.cta-section { border-top:1px solid rgba(255,255,255,.12); }
.legal-note { border-color:rgba(255,255,255,.12); }

.inner-page { color:#fff; background:var(--ink); }
.inner-header { padding:0; background:#fff; color:var(--ink); }
.inner-header .nav-shell { height:78px; padding:0; border:0; border-radius:0; background:#fff; box-shadow:none; backdrop-filter:none; }
.inner-header .brand { min-width:170px; padding:0; border-radius:0; background:transparent; }
.inner-header .brand-logo { width:142px; filter:brightness(0) saturate(100%) invert(15%) sepia(17%) saturate(1706%) hue-rotate(153deg) brightness(95%) contrast(90%); }
.inner-header .desktop-nav a { color:#394348; font-weight:600; }
.inner-header .desktop-nav a:hover { color:var(--orange); }
.inner-header .nav-cta { border-color:var(--orange); background:var(--orange); color:#fff; }
.inner-content { background:var(--ink); }
.service-aside,.service-list,.service-list article { border-color:rgba(255,255,255,.16); }
.service-aside p,.service-list p,.simple-card p { color:rgba(255,255,255,.62); }
.service-list h3,.simple-card h3 { color:#fff; }
.simple-card { color:#fff; border-color:rgba(255,255,255,.14); background:rgba(0,0,0,.28); backdrop-filter:blur(18px); }
.page-cta { border:1px solid rgba(255,255,255,.14); background:rgba(0,0,0,.3); backdrop-filter:blur(22px); }

@media(max-width:760px){
  .site-header { padding-top:0; }
  .site-header .nav-shell { width:var(--container); height:72px; padding:0; }
  .site-header .brand { min-width:0; padding:0; }
  .site-header .brand-logo { width:120px; }
  .menu-toggle { border-color:rgba(12,48,61,.2); }
  .menu-toggle span { background:var(--ink); }
  .mobile-menu { inset:72px 0 0; border:0; border-radius:0; background:var(--ink); backdrop-filter:none; }
  .hero { padding-top:72px; }
  .inner-header { padding:0; }
  .inner-header .nav-shell { width:var(--container); height:72px; padding:0; }
  .inner-header .brand { min-width:0; padding:0; }
  .inner-header .brand-logo { width:120px; }
}

/* Solid light break between the dark areas */
.method.method-light { color:var(--ink); background:#fff; border-top:12px solid #f1eee8; border-bottom:12px solid #f1eee8; }
.method-light .section-label { color:#69757a; }
.method-light .display-title { color:var(--ink); }
.method-light .method-intro > p,.method-light .step p { color:#536166; }
.method-light .steps,.method-light .step { border-color:#d9ddda; }
.method-light .step h3 { color:var(--ink); }
.method-light .step small { color:#6f797c; }
.method-light .method-badge text { fill:#6c777a; }
.method-light .method-badge svg { stroke:var(--orange); }

/* Image-ready service block */
.service-experience { padding:120px 0 130px; color:#fff; background:var(--ink); border-top:1px solid rgba(255,255,255,.13); }
.service-experience h2 { max-width:1000px; margin:24px 0 18px; font:650 clamp(42px,5vw,72px)/1.04 Manrope; letter-spacing:-.06em; }
.experience-intro { max-width:650px; margin:0; color:rgba(255,255,255,.66); font-size:17px; line-height:1.65; }
.experience-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:64px; }
.experience-card { min-width:0; }
.image-placeholder { height:420px; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:18px; background:rgba(0,0,0,.32); color:#fff; backdrop-filter:blur(20px); }
.image-placeholder::before { content:""; position:absolute; width:190px; height:190px; border:1px solid rgba(255,255,255,.25); border-radius:50%; }
.image-placeholder::after { content:""; position:absolute; width:18px; height:18px; border-radius:50%; background:var(--orange); }
.placeholder-one::after { top:28px; right:32px; }.placeholder-two::after { bottom:42px; left:38px; }.placeholder-three::after { top:46px; left:42px; }
.image-placeholder span,.image-placeholder small { position:relative; z-index:1; text-align:center; }.image-placeholder span { padding:8px 12px; border-radius:5px; background:var(--orange); font:700 11px Manrope; letter-spacing:.13em; text-transform:uppercase; }.image-placeholder small { max-width:220px; color:rgba(255,255,255,.62); font-size:12px; line-height:1.45; }
.experience-card h3 { margin:24px 0 10px; font:600 24px/1.12 Manrope; letter-spacing:-.045em; }.experience-card p { margin:0; color:rgba(255,255,255,.65); line-height:1.6; }

@media(max-width:760px){
  .method.method-light { border-width:8px; }
  .service-experience { padding:86px 0; }
  .experience-grid { grid-template-columns:1fr; gap:48px; margin-top:44px; }
  .image-placeholder { height:340px; }
}

/* Each subject becomes its own full dark screen */
main { background:#000; }
.about,.solutions,.education-section,.service-experience,.creator-rotation,.insights,.cta-section { position:relative; border:0; }
.about::before,.solutions::before,.education-section::before,.service-experience::before,.creator-rotation::before,.insights::before,.cta-section::before { display:none; }
.about { color:var(--ink); background:#f4f1eb; }
.about .section-label { color:#69757a; }
.about .display-title,.about .about-body .lead,.about .arrow-link { color:var(--ink); }
.about .about-body p { color:#586468; }
.about .arrow-link { border-color:#bcc3c1; }
.about .benefits-grid { background:#fff; border-color:#d5d8d4; backdrop-filter:none; }
.about .benefit-card { color:var(--ink); background:#fff; border-color:#d5d8d4!important; backdrop-filter:none; }
.about .benefit-card p { color:#5c686c; }
.about .benefit-number { color:#758084; }
.solutions { background:#090909; }
.education-section { background:var(--ink); border-top:0; border-bottom:0; }
.service-experience { background:#090909; border-top:0; }
.creator-rotation { background:var(--ink); }
.insights { background:#090909; }
.cta-section { background:var(--ink); }
.method.method-light { position:relative; border:0; }

/* Dynamic entrepreneur / project showcase */
.creator-rotation { overflow:hidden; padding:118px 0 126px; color:#fff; background:var(--ink); }
.rotation-heading { display:grid; grid-template-columns:1fr .6fr; align-items:end; gap:80px; }
.rotation-heading h2 { max-width:770px; margin:22px 0 0; font:650 clamp(42px,5vw,72px)/1.03 Manrope; letter-spacing:-.06em; }
.rotation-heading h2 em { color:var(--orange); font-style:normal; }
.rotation-heading p { margin:0; color:rgba(255,255,255,.64); line-height:1.7; }
.rotation-viewport { width:100%; margin-top:62px; overflow:hidden; }
.rotation-track { width:max-content; display:flex; gap:22px; padding-left:max(32px,calc((100vw - 1240px) / 2)); animation:creatorRoll 34s linear infinite; will-change:transform; }
@media (hover:hover) and (pointer:fine) { .rotation-track:hover { animation-play-state:paused; } }
.rotation-card { width:330px; min-height:440px; padding:16px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid rgba(255,255,255,.15); border-radius:22px; background:rgba(0,0,0,.3); backdrop-filter:blur(20px); }
.rotation-card.rotation-accent { border-color:rgba(255,90,31,.68); }
.portrait-placeholder { height:248px; position:relative; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(255,255,255,.17); border-radius:14px; background:rgba(255,255,255,.06); }
.portrait-placeholder::before { content:""; position:absolute; width:150px; height:150px; border:1px solid rgba(255,255,255,.35); border-radius:50%; }
.portrait-placeholder::after { content:""; position:absolute; width:14px; height:14px; top:22px; right:22px; border-radius:50%; background:var(--orange); }
.portrait-placeholder span { position:relative; z-index:1; padding:8px 11px; border-radius:5px; background:var(--orange); color:#fff; font:700 10px Manrope; letter-spacing:.14em; text-transform:uppercase; }
.rotation-card > div:last-child { padding:20px 5px 4px; }
.rotation-card small { color:var(--orange); font:600 10px Manrope; letter-spacing:.15em; text-transform:uppercase; }
.rotation-card h3 { margin:9px 0 8px; font:600 26px/1.05 Manrope; letter-spacing:-.05em; }
.rotation-card p { margin:0; color:rgba(255,255,255,.62); line-height:1.5; }
@keyframes creatorRoll { from { transform:translate3d(0,0,0); } to { transform:translate3d(calc(-50% - 11px),0,0); } }

@media(max-width:760px){
  .creator-rotation { padding:84px 0 92px; }
  .rotation-heading { grid-template-columns:1fr; gap:22px; }
  .rotation-viewport { margin-top:42px; }
  .rotation-track { gap:16px; padding-left:16px; animation-duration:28s; }
  .rotation-card { width:278px; min-height:390px; }
  .portrait-placeholder { height:205px; }
}

/* Top navigation: solid floating bar (no glass/blur) */
.site-header { padding-top:26px; background:transparent; }
.site-header.scrolled { background:transparent; }
.site-header .nav-shell,.site-header.scrolled .nav-shell { height:68px; padding:0 14px 0 22px; border:0; border-radius:8px; background:#fff; box-shadow:0 12px 32px rgba(0,0,0,.18); backdrop-filter:none; }
.site-header .brand { min-width:180px; background:transparent; }
.site-header .brand-logo { width:145px; }
.site-header .desktop-nav { flex:1; justify-content:center; gap:34px; }
.site-header .desktop-nav a { color:#333d41; font-size:14px; }
.site-header .nav-cta { min-height:42px; padding:0 14px; border:0; border-radius:0; background:transparent; color:var(--orange); font-size:13px; font-weight:700; }
.site-header .nav-cta span { color:var(--orange); }
.header-button { min-height:42px; padding:0 19px; display:inline-flex; align-items:center; justify-content:center; border-radius:5px; background:var(--orange); color:#fff; font-size:13px; font-weight:700; white-space:nowrap; }

@media(max-width:1024px){
  .site-header .nav-cta,.header-button { display:none; }
}
@media(max-width:760px){
  .site-header { padding-top:12px; }
  .site-header .nav-shell,.site-header.scrolled .nav-shell { width:calc(100vw - 24px); height:62px; padding:0 12px; border-radius:7px; }
  .site-header .brand { min-width:0; }
  .site-header .brand-logo { width:120px; }
  .menu-toggle { border-color:rgba(12,48,61,.2); }
  .menu-toggle span { background:var(--ink); }
  .hero { padding-top:86px; }
}
