:root {
  --ink:#0b243b;
  --ink-2:#2f4c64;
  --blue:#1a6fd7;
  --blue-dark:#0d55ad;
  --sky:#eaf5ff;
  --sky-2:#f6faff;
  --line:#dce8f1;
  --muted:#62798d;
  --white:#fff;
  --shadow:0 32px 90px rgba(29,71,108,.12),0 10px 28px rgba(29,71,108,.07),0 2px 8px rgba(29,71,108,.04);
  --radius:26px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --font-display:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-body:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:90px
}

body {
  margin:0;
  background:#fff;
  color:var(--ink);
  font-family:var(--font-body),Arial,sans-serif;
  font-size:17px;
  line-height:1.58;
  -webkit-font-smoothing:antialiased
}

a {
  color:inherit;
  text-decoration:none
}

button,input,select,textarea {
  font:inherit
}

button {
  cursor:pointer
}

.container {
  width:min(1200px,calc(100% - 48px));
  margin-inline:auto
}

.section {
  padding:132px 0
}

.site-header {
  position:fixed;
  inset:0 0 auto;
  z-index:50;
  background:rgba(255,255,255,.88);
  border-bottom:1px solid rgba(219,230,239,.8);
  backdrop-filter:blur(18px)
}

.nav-wrap {
  height:76px;
  display:flex;
  align-items:center;
  gap:40px
}

.brand {
  display:flex;
  align-items:center;
  gap:10px;
  font-family:var(--font-display);
  font-size:14px;
  font-weight:800;
  letter-spacing:.18em
}

.brand-mark {
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:10px;
  background:linear-gradient(145deg,#2378ed,#1259c6);
  color:#fff;
  letter-spacing:0;
  box-shadow:0 7px 18px rgba(23,105,224,.25)
}

.desktop-nav {
  display:flex;
  gap:34px;
  margin-left:auto
}

.desktop-nav a {
  font-size:14px;
  font-weight:650;
  color:#536b80;
  transition:.2s
}

.desktop-nav a:hover {
  color:var(--blue)
}

.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:54px;
  padding:0 24px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#1b73e8,#105bc8);
  color:#fff;
  font-family:var(--font-display);
  font-size:14px;
  font-weight:750;
  box-shadow:0 11px 28px rgba(23,105,224,.25);
  transition:transform .2s,box-shadow .2s,background .2s
}

.button:hover {
  transform:translateY(-2px);
  box-shadow:0 15px 34px rgba(23,105,224,.32)
}

.button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:3px solid rgba(23,105,224,.25);
  outline-offset:3px
}

.button-small {
  min-height:44px;
  padding:0 18px;
  border-radius:12px;
  font-size:13px
}

.text-link {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--font-display);
  font-size:14px;
  font-weight:750;
  color:var(--blue)
}

.text-link span {
  transition:transform .2s
}

.text-link:hover span {
  transform:translate(3px,-2px)
}

.mobile-menu,.mobile-sticky {
  display:none
}
.hero {
  position:relative;
  overflow:hidden;
  padding:130px 0 64px;
  background:linear-gradient(180deg,#f5faff 0%,#fff 86%)
}

.hero:before {
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(87,150,211,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(87,150,211,.05) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,#000,transparent 80%)
}

.hero-orb {
  position:absolute;
  border-radius:50%;
  filter:blur(1px);
  pointer-events:none
}

.orb-one {
  width:420px;
  height:420px;
  right:-180px;
  top:60px;
  background:radial-gradient(circle,rgba(106,181,255,.18),transparent 68%)
}

.orb-two {
  width:300px;
  height:300px;
  left:-130px;
  bottom:-100px;
  background:radial-gradient(circle,rgba(133,209,227,.18),transparent 70%)
}

.hero-grid {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(480px,.95fr);
  gap:66px;
  align-items:center
}

.eyebrow {
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 22px;
  font-family:var(--font-display);
  font-size:11px;
  font-weight:800;
  letter-spacing:.17em;
  color:var(--blue)
}

.eyebrow>span {
  width:22px;
  height:2px;
  background:var(--blue)
}

h1,h2,h3 {
  font-family:var(--font-display);
  margin-top:0;
  letter-spacing:-.035em
}

h1 {
  max-width:720px;
  margin-bottom:26px;
  font-size:clamp(43px,5vw,67px);
  line-height:1.06;
  font-weight:650
}

.hero-lead {
  max-width:680px;
  margin:0;
  color:var(--ink-2);
  font-size:19px;
  line-height:1.6
}

.hero-actions {
  display:flex;
  align-items:center;
  gap:28px;
  margin-top:34px
}

.trust-row {
  display:flex;
  flex-wrap:wrap;
  gap:10px 22px;
  margin-top:32px;
  color:#526b7f;
  font-size:13px
}

.trust-row span {
  display:flex;
  align-items:center;
  gap:7px
}

.trust-row i {
  display:grid;
  place-items:center;
  width:19px;
  height:19px;
  border-radius:50%;
  background:#e5f3ed;
  color:#238160;
  font-style:normal;
  font-size:11px;
  font-weight:800
}
.contact-form {
  position:relative;
  padding:34px;
  border:1px solid rgba(207,223,236,.9);
  border-radius:26px;
  background:rgba(255,255,255,.96);
  box-shadow:var(--shadow)
}

.contact-form:before {
  content:"";
  position:absolute;
  inset:0 26px auto;
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--blue),#77bfff)
}

.form-header {
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
  margin-bottom:22px
}

.form-kicker {
  margin:0 0 7px;
  color:var(--blue);
  font-family:var(--font-display);
  font-size:10px;
  font-weight:800;
  letter-spacing:.15em
}

.form-header h2,.success-card h2 {
  margin:0;
  font-size:24px;
  line-height:1.25
}

.form-badge {
  padding:6px 10px;
  border-radius:99px;
  background:#eef7ff;
  color:#1a66bd;
  font-size:11px;
  font-weight:700;
  white-space:nowrap
}

.form-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px
}

.contact-form label {
  display:block;
  margin-bottom:13px;
  color:#425b70;
  font-size:12px;
  font-weight:700
}

.contact-form input,.contact-form select,.contact-form textarea {
  display:block;
  width:100%;
  margin-top:7px;
  border:1px solid #d8e4ed;
  border-radius:11px;
  background:#fbfdff;
  color:var(--ink);
  font-size:14px;
  font-weight:400;
  transition:.2s
}

.contact-form input,.contact-form select {
  height:44px;
  padding:0 12px
}

.contact-form textarea {
  padding:12px;
  resize:vertical
}

.contact-form input:hover,.contact-form select:hover,.contact-form textarea:hover {
  border-color:#b9cedf
}

.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus {
  border-color:#67a5ef;
  background:#fff;
  outline:3px solid rgba(23,105,224,.1)
}

.optional {
  float:right;
  color:#8799a8;
  font-weight:500
}

.consent {
  display:flex!important;
  align-items:flex-start;
  gap:9px;
  margin:3px 0 14px!important;
  font-size:10.5px!important;
  line-height:1.4
}

.consent input {
  width:16px!important;
  height:16px!important;
  margin:1px 0 0!important;
  accent-color:var(--blue);
  flex:0 0 auto
}

.button-full {
  width:100%
}

.form-legal {
  margin:10px 0 0;
  text-align:center;
  color:#8293a2;
  font-size:10px;
  line-height:1.4
}

.success-card {
  min-height:500px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start
}

.success-card>p:not(.form-kicker) {
  color:var(--muted)
}

.success-icon {
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  margin-bottom:24px;
  border-radius:50%;
  background:#e6f4ed;
  color:#22805f;
  font-size:22px
}

.reset-button {
  border:0;
  background:none;
  padding:0
}

.context-strip {
  border-top:1px solid #edf3f7;
  border-bottom:1px solid #edf3f7
}

.context-grid {
  min-height:128px;
  display:grid;
  grid-template-columns:1.05fr 1.1fr .5fr;
  align-items:center;
  gap:54px
}

.context-grid p {
  margin:0;
  font-size:14px;
  color:#5a7184
}

.context-grid p:first-child {
  font-family:var(--font-display);
  font-size:19px;
  color:var(--ink);
  line-height:1.45
}

.mini-map {
  position:relative;
  height:56px
}

.mini-map:before {
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  top:50%;
  height:1px;
  background:#bcd4e8
}

.mini-map span {
  position:absolute;
  top:50%;
  width:10px;
  height:10px;
  border:2px solid #5a9be5;
  border-radius:50%;
  background:#fff;
  transform:translate(-50%,-50%)
}

.mini-map span:nth-child(1) {
  left:10%
}

.mini-map span:nth-child(2) {
  left:30%;
  width:16px;
  height:16px
}

.mini-map span:nth-child(3) {
  left:50%;
  background:var(--blue);
  border-color:var(--blue);
  box-shadow:0 0 0 7px #e7f2ff
}

.mini-map span:nth-child(4) {
  left:70%;
  width:16px;
  height:16px
}

.mini-map span:nth-child(5) {
  left:90%
}
.section-heading {
  max-width:770px;
  margin-bottom:62px
}

.section-heading h2 {
  margin-bottom:20px;
  font-size:clamp(36px,4vw,54px);
  line-height:1.12;
  font-weight:620
}

.section-heading>p {
  margin:0;
  color:var(--muted);
  font-size:18px;
  line-height:1.7
}

.ecosystem-grid {
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:18px
}

.ecosystem-card {
  grid-column:span 2;
  min-height:350px;
  padding:28px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
  transition:transform .25s,border-color .25s,box-shadow .25s
}

.ecosystem-card:hover {
  transform:translateY(-6px);
  border-color:#bdd5e9;
  box-shadow:0 20px 48px rgba(37,82,120,.10)
}

.ecosystem-card.featured {
  grid-column:span 3
}

.ecosystem-card:nth-child(2) {
  grid-column:span 3
}

.card-top {
  display:flex;
  align-items:center;
  justify-content:space-between
}

.card-code {
  color:#9badbb;
  font-size:12px
}

.card-category {
  padding:6px 9px;
  border-radius:99px;
  background:var(--sky);
  color:#316da9;
  font-size:10px;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.08em
}

.line-icon {
  position:relative;
  width:56px;
  height:56px;
  margin:46px 0 35px;
  border:1px solid #b8d2e8;
  border-radius:17px;
  background:#f6fbff
}

.line-icon:before,.line-icon:after,.line-icon span {
  content:"";
  position:absolute;
  border-radius:50%;
  background:var(--blue)
}

.line-icon:before {
  width:8px;
  height:8px;
  left:14px;
  top:25px
}

.line-icon:after {
  width:6px;
  height:6px;
  right:12px;
  top:15px
}

.line-icon span {
  width:5px;
  height:5px;
  right:15px;
  bottom:12px
}

.ecosystem-card h3 {
  margin-bottom:12px;
  font-size:21px
}

.ecosystem-card p {
  margin:0;
  color:var(--muted);
  font-size:15px
}

.section-conclusion {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:40px;
  margin-top:40px;
  padding:26px 30px;
  border-left:3px solid var(--blue);
  background:#f7fbff
}

.section-conclusion p {
  max-width:740px;
  margin:0;
  color:var(--ink-2)
}

.soft-section {
  background:var(--sky-2)
}

.split-intro {
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:100px;
  align-items:end
}

.split-intro .section-heading {
  margin-bottom:0
}

.split-intro>p {
  margin:0 0 8px;
  color:var(--muted);
  font-size:18px
}

.insight-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:70px
}

.insight-grid article {
  padding:34px;
  border:1px solid #dce8f1;
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 34px rgba(40,82,116,.05)
}

.insight-grid article>span,.benefits-grid article>span {
  color:#8ea5b8;
  font-size:12px
}

.insight-grid h3,.benefits-grid h3 {
  margin:45px 0 13px;
  font-size:22px
}

.insight-grid p,.benefits-grid p {
  margin:0;
  color:var(--muted);
  font-size:15px
}

.benefits-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  border-top:1px solid var(--line);
  border-left:1px solid var(--line)
}

.benefits-grid article {
  min-height:270px;
  padding:35px 40px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  transition:background .2s
}

.benefits-grid article:hover {
  background:#f8fbfe
}

.center-note {
  max-width:780px;
  margin:46px auto 0;
  text-align:center;
  color:#637a8c
}

.profile-section {
  background:linear-gradient(135deg,#f1f8ff,#f9fcff)
}

.profile-grid {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:100px;
  align-items:center
}

.profile-grid .section-heading {
  margin-bottom:28px
}

.legal-note {
  padding-left:18px;
  border-left:2px solid #b8d7f4;
  color:#7d90a1;
  font-size:12px
}

.profile-card {
  padding:38px;
  border:1px solid #d7e5ef;
  border-radius:28px;
  background:#fff;
  box-shadow:var(--shadow)
}

.profile-progress {
  display:flex;
  align-items:center;
  gap:24px;
  margin-bottom:30px;
  color:#6d8294;
  font-size:12px;
  font-weight:700
}

.profile-progress i {
  height:4px;
  flex:1;
  border-radius:99px;
  background:#e7eff5;
  overflow:hidden
}

.profile-progress b {
  display:block;
  width:34%;
  height:100%;
  background:var(--blue)
}

.profile-card fieldset {
  padding:0;
  border:0
}

.profile-card legend {
  margin-bottom:16px;
  font-family:var(--font-display);
  font-size:20px;
  font-weight:700
}

.profile-card label {
  display:block;
  margin-bottom:10px
}

.profile-card label span {
  display:block;
  padding:14px 17px 14px 46px;
  border:1px solid var(--line);
  border-radius:12px;
  color:#50697e;
  font-size:14px;
  transition:.2s
}

.profile-card input {
  position:absolute;
  opacity:0
}

.profile-card input:checked+span {
  border-color:#80b5ef;
  background:#f2f8ff;
  color:var(--blue);
  box-shadow:inset 3px 0 var(--blue)
}

.profile-card .button {
  margin-top:16px
}

.fit-section {
  padding-top:0
}

.fit-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px
}

.fit-card {
  padding:52px;
  border-radius:28px
}

.fit-card.positive {
  background:#ebf6ff
}

.fit-card.neutral {
  border:1px solid var(--line);
  background:#fff
}

.fit-label {
  font-family:var(--font-display);
  font-size:10px;
  font-weight:800;
  letter-spacing:.15em;
  color:var(--blue)
}

.fit-card h2 {
  margin:20px 0 30px;
  font-size:31px
}

.fit-card ul {
  list-style:none;
  padding:0;
  margin:0
}

.fit-card li {
  position:relative;
  margin:0 0 16px;
  padding-left:28px;
  color:#496176;
  font-size:15px
}

.fit-card li:before {
  content:"✓";
  position:absolute;
  left:0;
  color:var(--blue);
  font-weight:800
}

.fit-card.neutral li:before {
  content:"—";
  color:#8ca0b0
}

.fit-card>p {
  margin:30px 0 0;
  padding-top:24px;
  border-top:1px solid var(--line);
  color:#687e90;
  font-size:14px
}

.process-section {
  background:#f8fbfe
}

.steps-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:26px
}

.step-head {
  display:flex;
  align-items:center;
  margin-bottom:46px
}

.step-head span {
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border:1px solid #a9ccec;
  border-radius:50%;
  background:#fff;
  color:var(--blue);
  font-size:12px;
  font-weight:800
}

.step-head i {
  height:1px;
  flex:1;
  background:#c8dceb
}

.steps-grid h3 {
  margin-bottom:13px;
  font-size:20px
}

.steps-grid p {
  margin:0;
  color:var(--muted);
  font-size:14px
}

.process-cta {
  display:flex;
  align-items:center;
  gap:25px;
  margin-top:54px
}

.process-cta>span {
  color:#7a8d9d;
  font-size:13px
}

.transparency-grid {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:100px
}

.transparency-grid .section-heading {
  margin-bottom:35px
}

.transparency-quote {
  padding:23px 25px;
  border-radius:16px;
  background:var(--sky);
  color:#346284;
  font-size:14px
}

.transparency-list {
  border-top:1px solid var(--line)
}

.transparency-list article {
  display:flex;
  gap:28px;
  padding:28px 0;
  border-bottom:1px solid var(--line)
}

.transparency-list article>span {
  color:#94a9b8;
  font-size:12px
}

.transparency-list h3 {
  margin:0 0 7px;
  font-size:18px
}

.transparency-list p {
  margin:0;
  color:var(--muted);
  font-size:14px
}

.cta-band {
  padding:80px 0;
  background:linear-gradient(120deg,#1264d4,#2d80e9);
  color:#fff
}

.cta-band-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:70px
}

.cta-band .eyebrow {
  color:#cfe5ff
}

.cta-band .eyebrow span {
  background:#cfe5ff
}

.cta-band h2 {
  max-width:700px;
  margin-bottom:15px;
  font-size:42px
}

.cta-band p {
  max-width:700px;
  margin:0;
  color:#dbeeff
}

.button-light {
  flex:0 0 auto;
  background:#fff;
  color:#145ebd;
  box-shadow:0 12px 35px rgba(0,38,94,.24)
}

.button-light:hover {
  box-shadow:0 16px 40px rgba(0,38,94,.3)
}

.faq-grid {
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:100px
}

.faq-grid .section-heading {
  margin-bottom:25px
}

.faq-grid>div:first-child>p {
  color:var(--muted)
}

.faq-list {
  border-top:1px solid var(--line)
}

.faq-list details {
  border-bottom:1px solid var(--line)
}

.faq-list summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:25px 0;
  list-style:none;
  font-family:var(--font-display);
  font-weight:700;
  cursor:pointer
}

.faq-list summary::-webkit-details-marker {
  display:none
}

.faq-list summary span {
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:50%;
  background:#edf5fc;
  color:var(--blue);
  font-size:18px;
  transition:.2s
}

.faq-list details[open] summary span {
  transform:rotate(45deg);
  background:var(--blue);
  color:#fff
}

.faq-list details p {
  margin:-5px 50px 25px 0;
  color:var(--muted);
  font-size:15px
}

.contact-section {
  background:linear-gradient(180deg,#f5f9fd,#eef6fc)
}

.contact-grid {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:100px;
  align-items:start
}

.contact-copy {
  padding-top:30px
}

.contact-copy h2 {
  margin-bottom:24px;
  font-size:clamp(38px,4vw,54px);
  line-height:1.1
}

.contact-copy>p {
  color:#5e7588;
  font-size:18px
}

.contact-copy .contact-note {
  color:var(--blue);
  font-family:var(--font-display);
  font-weight:700
}

.privacy-mini {
  margin-top:60px;
  padding-top:25px;
  border-top:1px solid #ccdde9
}

.privacy-mini strong {
  font-family:var(--font-display)
}

.privacy-mini p {
  margin:7px 0;
  color:#718696;
  font-size:13px
}

.privacy-mini a {
  color:var(--blue);
  font-size:12px;
  font-weight:700
}

.footer {
  padding:86px 0 28px;
  background:#fff
}

.footer-main {
  display:grid;
  grid-template-columns:1.6fr repeat(3,1fr);
  gap:70px;
  padding-bottom:58px
}

.footer-brand {
  margin-bottom:20px
}

.footer-main>div:first-child>p {
  max-width:330px;
  color:var(--muted);
  font-size:14px
}

.footer-main h3 {
  margin-bottom:18px;
  font-size:13px;
  letter-spacing:0
}

.footer-main div>a:not(.brand):not(.text-link) {
  display:block;
  margin:10px 0;
  color:#667d8f;
  font-size:13px
}

.footer-main div>p {
  color:#6e8293;
  font-size:13px
}

.risk-copy {
  padding:28px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  color:#8092a0;
  font-size:11px
}

.risk-copy strong {
  color:#5a7184
}

.risk-copy p {
  margin:5px 0
}

.footer-bottom {
  display:flex;
  justify-content:space-between;
  padding-top:25px;
  color:#91a0ac;
  font-size:11px
}
@media(max-width:1024px) {
  .section {
    padding:100px 0
  }

  .desktop-nav {
    display:none
  }

  .nav-wrap>.button-small {
    margin-left:auto
  }

  .hero {
    padding-top:120px
  }

  .hero-grid {
    grid-template-columns:1fr 1fr;
    gap:34px
  }

  .hero-copy h1 {
    font-size:48px
  }

  .contact-form {
    padding:25px
  }

  .form-row {
    grid-template-columns:1fr
  }

  .compact-form .form-row {
    grid-template-columns:1fr 1fr
  }

  .ecosystem-grid {
    grid-template-columns:repeat(2,1fr)
  }

  .ecosystem-card,.ecosystem-card.featured,.ecosystem-card:nth-child(2) {
    grid-column:span 1
  }

  .ecosystem-card:last-child {
    grid-column:1/-1;
    min-height:auto
  }

  .split-intro,.profile-grid,.transparency-grid,.faq-grid,.contact-grid {
    gap:55px
  }

  .steps-grid {
    grid-template-columns:repeat(2,1fr);
    gap:45px
  }

  .step-head i {
    display:none
  }

  .footer-main {
    grid-template-columns:1.5fr 1fr 1fr;
    gap:40px
  }

  .footer-main>div:last-child {
    grid-column:2/-1
  }

}
@media(max-width:760px) {
  body {
    font-size:16px;
    padding-bottom:64px
  }

  .container {
    width:min(100% - 36px,620px)
  }

  .section {
    padding:78px 0
  }

  .nav-wrap {
    height:68px
  }

  .nav-wrap>.button-small {
    display:none
  }

  .mobile-menu {
    display:block;
    margin-left:auto
  }

  .mobile-menu summary {
    width:42px;
    height:42px;
    display:grid;
    place-content:center;
    gap:6px;
    list-style:none;
    border:1px solid var(--line);
    border-radius:12px
  }

  .mobile-menu summary::-webkit-details-marker {
    display:none
  }

  .mobile-menu summary span {
    display:block;
    width:18px;
    height:2px;
    background:var(--ink)
  }

  .mobile-menu nav {
    position:fixed;
    inset:68px 0 auto;
    padding:24px;
    background:#fff;
    border-bottom:1px solid var(--line);
    box-shadow:0 15px 30px rgba(40,70,95,.09)
  }

  .mobile-menu nav a {
    display:block;
    padding:12px;
    font-family:var(--font-display);
    font-weight:700
  }

  .mobile-sticky {
    position:fixed;
    display:flex;
    align-items:center;
    justify-content:space-between;
    z-index:60;
    inset:auto 10px 10px;
    min-height:54px;
    padding:0 19px;
    border-radius:14px;
    background:var(--blue);
    color:#fff;
    font-family:var(--font-display);
    font-size:14px;
    font-weight:750;
    box-shadow:0 13px 34px rgba(23,105,224,.35)
  }

  .hero {
    padding:108px 0 48px
  }

  .hero-grid {
    display:block
  }

  .hero-copy h1 {
    font-size:40px
  }

  .hero-lead {
    font-size:17px
  }

  .hero-actions {
    align-items:flex-start;
    flex-direction:column;
    gap:18px;
    margin-top:28px
  }

  .trust-row {
    display:grid;
    gap:9px;
    margin:25px 0 30px
  }

  .compact-form {
    padding:24px
  }

  .compact-form .form-header {
    display:block
  }

  .form-badge {
    display:inline-block;
    margin-top:12px
  }

  .compact-form .form-row,.form-row {
    grid-template-columns:1fr
  }

  .context-grid {
    grid-template-columns:1fr;
    gap:18px;
    padding:32px 0
  }

  .mini-map {
    display:none
  }

  .section-heading {
    margin-bottom:40px
  }

  .section-heading h2 {
    font-size:36px
  }

  .section-heading>p {
    font-size:16px
  }

  .ecosystem-grid,.insight-grid,.benefits-grid,.fit-grid,.profile-grid,.split-intro,.transparency-grid,.faq-grid,.contact-grid {
    grid-template-columns:1fr
  }

  .ecosystem-card,.ecosystem-card.featured,.ecosystem-card:nth-child(2),.ecosystem-card:last-child {
    grid-column:auto;
    min-height:auto
  }

  .line-icon {
    margin:32px 0 25px
  }

  .section-conclusion {
    align-items:flex-start;
    flex-direction:column
  }

  .split-intro {
    gap:24px
  }

  .insight-grid {
    margin-top:40px
  }

  .insight-grid h3 {
    margin-top:28px
  }

  .benefits-grid {
    border-left:0
  }

  .benefits-grid article {
    min-height:auto;
    padding:28px 5px;
    border-right:0
  }

  .benefits-grid h3 {
    margin-top:24px
  }

  .profile-grid {
    gap:35px
  }

  .profile-card {
    padding:24px
  }

  .fit-card {
    padding:34px 25px
  }

  .steps-grid {
    grid-template-columns:1fr;
    gap:36px
  }

  .step-head {
    margin-bottom:20px
  }

  .process-cta {
    align-items:flex-start;
    flex-direction:column
  }

  .transparency-grid {
    gap:36px
  }

  .cta-band {
    padding:65px 0
  }

  .cta-band-inner {
    align-items:flex-start;
    flex-direction:column;
    gap:35px
  }

  .cta-band h2 {
    font-size:34px
  }

  .faq-grid {
    gap:30px
  }

  .contact-grid {
    gap:40px
  }

  .contact-copy {
    padding-top:0
  }

  .privacy-mini {
    margin-top:35px
  }

  .contact-form {
    padding:24px
  }

  .footer {
    padding-top:65px
  }

  .footer-main {
    grid-template-columns:1fr 1fr;
    gap:38px
  }

  .footer-main>div:first-child {
    grid-column:1/-1
  }

  .footer-main>div:last-child {
    grid-column:1/-1
  }

  .footer-bottom {
    flex-direction:column;
    gap:8px
  }

}
/* Premium visual refinement */
::selection {
  background:#cfe8ff;
  color:#0a3156
}

body {
  font-feature-settings:"kern" 1,"liga" 1;
  text-rendering:optimizeLegibility
}

.container {
  width:min(1240px,calc(100% - 64px))
}

.section {
  padding:148px 0
}

.site-header {
  background:rgba(255,255,255,.82);
  border-bottom-color:rgba(199,217,230,.68);
  box-shadow:0 1px 0 rgba(255,255,255,.9);
  transition:background .3s var(--ease),box-shadow .3s var(--ease)
}

.nav-wrap {
  height:82px
}

.brand-mark {
  width:35px;
  height:35px;
  border-radius:11px;
  background:linear-gradient(145deg,#2d86eb 0%,#155fbd 54%,#0c4897 100%);
  box-shadow:0 10px 25px rgba(19,91,177,.26),inset 0 1px 0 rgba(255,255,255,.3)
}

.desktop-nav a {
  position:relative;
  padding:28px 0;
  font-weight:680
}

.desktop-nav a:after {
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:19px;
  height:2px;
  border-radius:99px;
  background:var(--blue);
  transition:left .25s var(--ease),right .25s var(--ease)
}

.desktop-nav a:hover:after {
  left:0;
  right:0
}

.button {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:56px;
  padding-inline:27px;
  border-radius:15px;
  background:linear-gradient(135deg,#2780e7 0%,#1769cf 55%,#0d56ad 100%);
  letter-spacing:-.01em;
  box-shadow:0 14px 32px rgba(20,102,204,.25),inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .28s var(--ease),box-shadow .28s var(--ease),filter .28s var(--ease)
}

.button:before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.24) 48%,transparent 72%);
  transform:translateX(-130%);
  transition:transform .65s var(--ease)
}

.button:hover {
  transform:translateY(-3px);
  box-shadow:0 20px 42px rgba(20,102,204,.31),inset 0 1px 0 rgba(255,255,255,.28);
  filter:saturate(1.05)
}

.button:hover:before {
  transform:translateX(130%)
}

.button:active {
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(20,102,204,.24)
}

.text-link {
  position:relative;
  padding-bottom:3px
}

.text-link:after {
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:0;
  height:1px;
  background:currentColor;
  transition:right .28s var(--ease)
}

.text-link:hover:after {
  right:0
}
.hero {
  min-height:850px;
  display:flex;
  align-items:center;
  padding:138px 0 70px;
  background:radial-gradient(circle at 9% 13%,rgba(206,235,255,.72),transparent 28%),radial-gradient(circle at 88% 18%,rgba(219,240,255,.92),transparent 30%),linear-gradient(180deg,#f5faff 0%,#fbfdff 55%,#fff 100%)
}

.hero:before {
  opacity:.78;
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 88%)
}

.hero:after {
  content:"";
  position:absolute;
  left:50%;
  bottom:-1px;
  width:min(1240px,calc(100% - 64px));
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,#d7e6f1 20%,#d7e6f1 80%,transparent)
}

.hero-grid {
  gap:78px
}

.hero-copy {
  animation:heroEnter .75s var(--ease) both
}

.hero-copy h1 {
  max-width:750px;
  margin-bottom:29px;
  font-weight:625;
  letter-spacing:-.048em;
  text-wrap:balance
}

.hero-lead {
  max-width:675px;
  color:#405c73;
  line-height:1.68
}

.hero-actions {
  margin-top:38px
}

.trust-row {
  margin-top:36px
}

.trust-row span {
  padding:7px 0
}

.compact-form {
  animation:formEnter .82s .08s var(--ease) both
}

.contact-form {
  border-color:rgba(199,218,233,.84);
  border-radius:30px;
  background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(250,253,255,.97));
  box-shadow:0 45px 100px rgba(31,72,108,.14),0 16px 36px rgba(31,72,108,.08),0 2px 9px rgba(31,72,108,.04),inset 0 1px 0 #fff;
  transition:transform .32s var(--ease),box-shadow .32s var(--ease)
}

.contact-form:hover {
  transform:translateY(-3px);
  box-shadow:0 52px 110px rgba(31,72,108,.16),0 18px 40px rgba(31,72,108,.08),0 2px 9px rgba(31,72,108,.04),inset 0 1px 0 #fff
}

.contact-form:before {
  inset:0 32px auto;
  height:4px;
  background:linear-gradient(90deg,#1b70d9,#6db8f4,#9ad6f0)
}

.form-header h2,.success-card h2 {
  letter-spacing:-.035em
}

.form-badge {
  border:1px solid #d8eafb;
  background:#f1f8ff
}

.contact-form input,.contact-form select,.contact-form textarea {
  border-color:#d7e4ee;
  background:#fafdff;
  box-shadow:inset 0 1px 2px rgba(28,64,93,.025);
  transition:border-color .22s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease)
}

.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus {
  border-color:#6aa6e6;
  box-shadow:0 0 0 4px rgba(39,125,224,.1),0 5px 16px rgba(30,91,145,.06)
}
.context-strip {
  background:rgba(255,255,255,.92)
}

.context-grid {
  min-height:144px
}

.mini-map span {
  box-shadow:0 0 0 4px #fff
}

.section-heading {
  margin-bottom:68px
}

.section-heading h2 {
  font-weight:610;
  letter-spacing:-.045em;
  text-wrap:balance
}

.section-heading>p {
  color:#60788c
}

.eyebrow {
  margin-bottom:25px;
  color:#1467c7
}

.eyebrow>span {
  width:26px;
  background:linear-gradient(90deg,#176ed4,#77b9ed)
}
.ecosystem-grid {
  gap:22px
}

.ecosystem-card {
  position:relative;
  overflow:hidden;
  padding:32px;
  border-color:#dbe7ef;
  border-radius:28px;
  background:linear-gradient(155deg,#fff 0%,#fff 68%,#f8fbfe 100%);
  box-shadow:0 8px 30px rgba(34,75,109,.045),inset 0 1px 0 #fff;
  transition:transform .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)
}

.ecosystem-card:after {
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-90px;
  top:-90px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(126,190,244,.17),transparent 70%);
  transition:transform .45s var(--ease)
}

.ecosystem-card:hover {
  transform:translateY(-9px);
  border-color:#bed8eb;
  box-shadow:0 28px 65px rgba(32,76,113,.12),0 6px 18px rgba(32,76,113,.05)
}

.ecosystem-card:hover:after {
  transform:scale(1.35)
}

.card-category {
  border:1px solid #d8eafa;
  background:rgba(239,247,255,.9)
}

.line-icon {
  border-color:#b9d5eb;
  background:linear-gradient(145deg,#f8fcff,#eaf5ff);
  box-shadow:0 10px 22px rgba(44,111,170,.08),inset 0 1px 0 #fff;
  transition:transform .35s var(--ease)
}

.ecosystem-card:hover .line-icon {
  transform:rotate(-3deg) scale(1.04)
}

.section-conclusion {
  margin-top:46px;
  padding:31px 34px;
  border-left:0;
  border-radius:0 18px 18px 0;
  background:linear-gradient(90deg,#edf7ff,#f9fcff);
  box-shadow:inset 3px 0 #1a6fd7
}
.soft-section {
  position:relative;
  background:linear-gradient(180deg,#f7fbff,#f3f8fc)
}

.soft-section:before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 90% 12%,rgba(172,215,247,.18),transparent 25%);
  pointer-events:none
}

.insight-grid {
  gap:24px
}

.insight-grid article {
  position:relative;
  overflow:hidden;
  padding:38px;
  border-color:#dbe7f0;
  border-radius:25px;
  box-shadow:0 12px 38px rgba(36,79,114,.055),inset 0 1px 0 #fff;
  transition:transform .32s var(--ease),box-shadow .32s var(--ease),border-color .32s var(--ease)
}

.insight-grid article:after {
  content:"";
  position:absolute;
  inset:auto 38px 0;
  height:3px;
  border-radius:99px 99px 0 0;
  background:linear-gradient(90deg,#1c72d9,#7cc0f2);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .35s var(--ease)
}

.insight-grid article:hover {
  transform:translateY(-7px);
  border-color:#c4dceb;
  box-shadow:0 26px 60px rgba(36,79,114,.11)
}

.insight-grid article:hover:after {
  transform:scaleX(1)
}

.benefits-grid {
  overflow:hidden;
  border-radius:28px;
  border-color:#d8e5ee;
  box-shadow:0 16px 45px rgba(32,73,108,.05)
}

.benefits-grid article {
  position:relative;
  padding:41px 44px;
  background:#fff;
  transition:background .3s var(--ease),transform .3s var(--ease)
}

.benefits-grid article:hover {
  z-index:1;
  background:linear-gradient(145deg,#fff,#f2f8fe);
  box-shadow:0 18px 50px rgba(32,73,108,.08)
}

.center-note {
  margin-top:54px
}

.profile-section {
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#eef7ff 0%,#f7fbff 52%,#eef8ff 100%)
}

.profile-section:after {
  content:"";
  position:absolute;
  width:480px;
  height:480px;
  right:-180px;
  bottom:-260px;
  border:1px solid rgba(74,149,213,.16);
  border-radius:50%;
  box-shadow:0 0 0 55px rgba(74,149,213,.035),0 0 0 110px rgba(74,149,213,.025)
}

.profile-grid {
  position:relative;
  z-index:1
}

.profile-card {
  border-color:#d3e3ef;
  border-radius:30px;
  box-shadow:0 38px 90px rgba(31,73,109,.13),0 10px 28px rgba(31,73,109,.06),inset 0 1px 0 #fff
}

.profile-card label span {
  border-color:#dae6ef;
  background:#fff;
  transition:border-color .24s var(--ease),background .24s var(--ease),transform .24s var(--ease),box-shadow .24s var(--ease)
}

.profile-card label:hover span {
  transform:translateX(3px);
  border-color:#b9d5eb;
  background:#fafdff
}

.profile-card input:checked+span {
  border-color:#78aee5;
  background:linear-gradient(90deg,#eef7ff,#f8fcff);
  box-shadow:inset 3px 0 var(--blue),0 8px 20px rgba(35,106,170,.06)
}
.fit-grid {
  gap:26px
}

.fit-card {
  border-radius:30px;
  transition:transform .32s var(--ease),box-shadow .32s var(--ease)
}

.fit-card:hover {
  transform:translateY(-5px)
}

.fit-card.positive {
  background:linear-gradient(145deg,#e9f5ff,#f3f9fe);
  box-shadow:0 22px 60px rgba(39,91,134,.08),inset 0 1px 0 rgba(255,255,255,.8)
}

.fit-card.neutral {
  border-color:#d9e6ef;
  box-shadow:0 14px 45px rgba(35,76,109,.045)
}

.fit-card.neutral:hover {
  box-shadow:0 24px 60px rgba(35,76,109,.09)
}

.process-section {
  background:linear-gradient(180deg,#f8fbfe,#f4f8fc)
}

.step-head span {
  border-color:#9ec6ea;
  box-shadow:0 9px 22px rgba(34,100,159,.09)
}

.steps-grid article {
  transition:transform .3s var(--ease)
}

.steps-grid article:hover {
  transform:translateY(-5px)
}

.steps-grid article:hover .step-head span {
  background:var(--blue);
  color:#fff;
  border-color:var(--blue)
}

.transparency-list article {
  border-radius:14px;
  transition:padding .28s var(--ease),background .28s var(--ease)
}

.transparency-list article:hover {
  padding-left:18px;
  padding-right:18px;
  background:#f5f9fd
}

.transparency-quote {
  border:1px solid #d8eaf8;
  background:linear-gradient(135deg,#eaf6ff,#f5fbff)
}
.cta-band {
  position:relative;
  overflow:hidden;
  background:linear-gradient(120deg,#0e5dbf 0%,#1c72d6 48%,#398ee8 100%)
}

.cta-band:before {
  content:"";
  position:absolute;
  width:380px;
  height:380px;
  right:-80px;
  top:-250px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:50%;
  box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025)
}

.cta-band-inner {
  position:relative;
  z-index:1
}

.button-light {
  background:#fff;
  color:#105bb7;
  box-shadow:0 18px 40px rgba(0,38,94,.23),inset 0 1px 0 #fff
}

.faq-list details {
  transition:background .25s var(--ease),padding .25s var(--ease)
}

.faq-list details:hover {
  background:#f8fbfe;
  padding-inline:16px
}

.faq-list summary span {
  transition:transform .3s var(--ease),background .3s var(--ease),color .3s var(--ease)
}

.contact-section {
  position:relative;
  overflow:hidden;
  background:radial-gradient(circle at 8% 15%,rgba(197,228,250,.45),transparent 28%),linear-gradient(180deg,#f5f9fd,#edf6fc)
}

.contact-section:after {
  content:"";
  position:absolute;
  inset:auto -130px -240px auto;
  width:430px;
  height:430px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(102,178,235,.16),transparent 68%)
}

.contact-grid {
  position:relative;
  z-index:1
}

.privacy-mini {
  padding:27px;
  border:1px solid #d6e5ef;
  border-radius:18px;
  background:rgba(255,255,255,.5)
}

.footer {
  padding-top:96px
}

.footer-main {
  padding-bottom:65px
}

.footer-main div>a:not(.brand):not(.text-link) {
  transition:color .2s var(--ease),transform .2s var(--ease)
}

.footer-main div>a:not(.brand):not(.text-link):hover {
  transform:translateX(3px);
  color:var(--blue)
}
@keyframes heroEnter {
  from {
    opacity:0;
    transform:translateY(16px)
  }

  to {
    opacity:1;
    transform:none
  }

}

@keyframes formEnter {
  from {
    opacity:0;
    transform:translateY(24px) scale(.985)
  }

  to {
    opacity:1;
    transform:none
  }

}
@media(max-width:1024px) {
  .container {
    width:min(100% - 48px,980px)
  }

  .section {
    padding:112px 0
  }

  .hero {
    min-height:auto;
    padding-top:128px
  }

  .hero-grid {
    gap:42px
  }

  .contact-form:hover {
    transform:none
  }

  .ecosystem-card:hover,.insight-grid article:hover,.fit-card:hover,.steps-grid article:hover {
    transform:translateY(-4px)
  }

}
@media(max-width:760px) {
  .container {
    width:min(100% - 36px,620px)
  }

  .section {
    padding:84px 0
  }

  .site-header {
    background:rgba(255,255,255,.9)
  }

  .nav-wrap {
    height:70px
  }

  .hero {
    padding:112px 0 54px;
    background:radial-gradient(circle at 85% 10%,rgba(210,235,255,.9),transparent 32%),linear-gradient(180deg,#f5faff,#fff)
  }

  .hero:after {
    width:calc(100% - 36px)
  }

  .hero-copy h1 {
    font-size:clamp(38px,10.3vw,46px);
    line-height:1.08;
    letter-spacing:-.05em
  }

  .hero-lead {
    line-height:1.62
  }

  .compact-form {
    margin-top:34px;
    border-radius:25px
  }

  .contact-form:hover {
    transform:none
  }

  .section-heading h2 {
    font-size:clamp(34px,9vw,40px)
  }

  .section-heading {
    margin-bottom:44px
  }

  .ecosystem-grid,.insight-grid,.fit-grid {
    gap:16px
  }

  .ecosystem-card {
    padding:27px;
    border-radius:23px
  }

  .ecosystem-card:hover,.insight-grid article:hover,.fit-card:hover,.steps-grid article:hover {
    transform:none
  }

  .benefits-grid {
    border-radius:22px
  }

  .benefits-grid article {
    padding:31px 6px
  }

  .profile-card,.fit-card {
    border-radius:24px
  }

  .profile-card {
    padding:25px
  }

  .fit-card {
    padding:35px 27px
  }

  .cta-band h2 {
    font-size:36px
  }

  .faq-list details:hover {
    padding-inline:0;
    background:transparent
  }

  .contact-form {
    border-radius:25px
  }

  .privacy-mini {
    padding:22px
  }

  .mobile-sticky {
    inset:auto 12px 12px;
    min-height:56px;
    border-radius:15px;
    background:linear-gradient(135deg,#247be1,#105bb8);
    box-shadow:0 18px 40px rgba(18,91,181,.34),inset 0 1px 0 rgba(255,255,255,.22)
  }

}
.phone-group {
  display:grid;
  grid-template-columns:92px 1fr;
  gap:10px
}

.phone-group label {
  min-width:0
}

.field-error {
  display:block;
  margin-top:6px;
  color:#b23b3b;
  font-size:10.5px;
  font-weight:650;
  line-height:1.3
}

.contact-form .has-error>input,.contact-form .has-error>select {
  border-color:#d66b6b;
  background:#fffafa;
  box-shadow:0 0 0 3px rgba(196,55,55,.07)
}

.contact-form .has-error>input:focus,.contact-form .has-error>select:focus {
  border-color:#c64f4f;
  box-shadow:0 0 0 4px rgba(196,55,55,.1)
}

.consent.has-error {
  padding:9px;
  border-radius:10px;
  background:#fff7f7
}

.consent .field-error {
  margin-top:5px
}

.form-error {
  display:flex;
  flex-direction:column;
  gap:2px;
  margin:-4px 0 16px;
  padding:11px 13px;
  border:1px solid #f0caca;
  border-radius:11px;
  background:#fff7f7;
  color:#a93434;
  font-size:11px
}

.form-error strong {
  font-family:var(--font-display);
  font-size:12px
}

.contact-form button:disabled {
  cursor:wait;
  opacity:.72;
  transform:none;
  box-shadow:0 8px 20px rgba(20,102,204,.18)
}

.success-card {
  background:radial-gradient(circle at 85% 15%,rgba(207,238,222,.55),transparent 30%),linear-gradient(145deg,#fff,#f9fdfb)
}

.skip-link {
  position:fixed;
  z-index:100;
  top:10px;
  left:10px;
  padding:11px 16px;
  border-radius:10px;
  background:#0b243b;
  color:#fff;
  font-size:14px;
  font-weight:700;
  transform:translateY(-150%);
  transition:transform .2s
}

.skip-link:focus {
  transform:none
}

.context-strip,main>.section,.footer {
  content-visibility:auto;
  contain-intrinsic-size:auto 900px
}
@media(max-width:760px) {
  .phone-group {
    grid-template-columns:88px 1fr
  }

  .field-error {
    font-size:11px
  }

}
@media(prefers-reduced-motion:reduce) {
  * {
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important
  }

}
.brand {
  display:flex;
  align-items:center;
  flex:0 0 auto;
  gap:0
}

.brand-logo {
  display:block;
  width:190px;
  height:auto;
  max-width:100%
}

.footer-brand .brand-logo {
  width:210px
}

@media(max-width:760px) {
  .brand-logo {
    width:158px
  }

  .footer-brand .brand-logo {
    width:190px
  }

}
/* Master Classes */
.master-page {
  overflow:hidden
}

.master-page h1,.master-page h2,.master-page h3 {
  letter-spacing:-.045em
}

.master-kicker {
  margin:0 0 20px;
  color:var(--blue);
  font-family:var(--font-display);
  font-size:11px;
  font-weight:800;
  letter-spacing:.17em
}

.master-breadcrumb {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  padding-top:28px;
  color:#7890a3;
  font-size:12px
}

.master-breadcrumb a {
  transition:color .2s
}

.master-breadcrumb a:hover {
  color:var(--blue)
}

.master-hero {
  position:relative;
  padding:82px 0 92px;
  background:radial-gradient(circle at 90% 5%,rgba(204,232,255,.72),transparent 30%),linear-gradient(180deg,#f6fbff 0%,#fff 92%)
}

.master-hero:before,.detail-hero:before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(50,126,197,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(50,126,197,.045) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,#000,transparent 82%)
}

.master-hero>.container,.detail-hero>.container {
  position:relative
}

.master-hero-grid {
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:72px;
  align-items:center;
  padding-top:68px
}

.master-hero h1 {
  max-width:700px;
  margin-bottom:28px;
  font-size:clamp(48px,5.3vw,72px);
  line-height:1.02
}

.master-hero-grid>div:first-child>p:not(.master-kicker) {
  max-width:650px;
  margin-bottom:34px;
  color:var(--ink-2);
  font-size:19px
}

.master-hero-art {
  position:relative;
  overflow:hidden;
  border:1px solid #d7e7f2;
  border-radius:30px;
  background:#fff;
  box-shadow:0 32px 80px rgba(28,79,122,.14)
}

.master-hero-art:after {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 1px rgba(255,255,255,.8);
  pointer-events:none
}

.master-hero-art img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1.5/1;
  object-fit:cover
}

.master-frequency {
  display:flex;
  align-items:flex-start;
  gap:13px;
  margin-top:34px;
  color:#677f91;
  font-size:13px
}

.master-frequency>span,.detail-frequency>span {
  color:#38a27a;
  font-size:9px
}

.master-frequency p {
  margin:0!important;
  font-size:13px!important
}

.master-frequency strong {
  color:var(--ink-2)
}

.master-section-head {
  display:grid;
  grid-template-columns:1fr minmax(300px,.58fr);
  gap:80px;
  align-items:end;
  margin-bottom:60px
}

.master-section-head h2 {
  max-width:720px;
  margin:0;
  font-size:clamp(38px,4.2vw,58px);
  line-height:1.08
}

.master-section-head>p {
  margin:0;
  color:var(--muted);
  font-size:17px
}

.featured-class {
  display:grid;
  grid-template-columns:1.08fr .92fr;
  overflow:hidden;
  border:1px solid #d8e5ef;
  border-radius:30px;
  background:#fff;
  box-shadow:0 28px 75px rgba(34,78,115,.1)
}

.featured-class-media {
  min-height:520px;
  background:#edf6fd
}

.featured-class-media img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover
}

.featured-class-copy {
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  justify-content:center;
  padding:62px
}

.class-status {
  display:inline-flex;
  align-items:center;
  padding:7px 11px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase
}

.class-status.available {
  background:#e6f6ef;
  color:#187554
}

.class-status.upcoming {
  background:#edf3f7;
  color:#718595
}

.class-category {
  margin:25px 0 13px;
  color:#8195a5;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase
}

.featured-class h3 {
  margin-bottom:20px;
  font-size:clamp(34px,3.5vw,48px);
  line-height:1.08
}

.featured-class-copy>p:not(.class-category) {
  margin:0;
  color:var(--muted);
  font-size:17px
}

.featured-meta {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:28px 0
}

.featured-meta span {
  padding:8px 11px;
  border:1px solid #dbe7ef;
  border-radius:999px;
  color:#5e7587;
  font-size:11px
}

.master-soft {
  background:#f6faff
}

.class-catalog {
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:20px
}

.class-card {
  display:flex;
  flex-direction:column;
  grid-column:span 2;
  min-height:340px;
  padding:30px;
  border:1px solid #dce7ef;
  border-radius:24px;
  background:rgba(255,255,255,.86);
  transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease)
}

.class-card:nth-child(1),.class-card:nth-child(2) {
  grid-column:span 3
}

.class-card:hover {
  transform:translateY(-5px);
  border-color:#bfd6e8;
  box-shadow:0 22px 55px rgba(33,77,112,.09)
}

.class-card.is-available {
  background:linear-gradient(145deg,#fff,#f2f9ff);
  border-color:#bcd9ef
}

.class-card-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#96a9b8;
  font-size:11px
}

.class-card h3 {
  max-width:450px;
  margin:12px 0;
  font-size:25px;
  line-height:1.2
}

.class-card-footer {
  display:flex;
  align-items:flex-end;
  flex:1;
  margin-top:32px;
  color:#8a9ba8;
  font-size:12px
}

.master-benefits {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px
}

.master-benefits article,.audience-grid article {
  position:relative;
  display:flex;
  align-items:center;
  gap:18px;
  min-height:130px;
  padding:28px;
  border:1px solid #dce7ef;
  border-radius:20px;
  background:#fff
}

.master-benefits article>span,.audience-grid article>span {
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:33px;
  height:33px;
  border-radius:50%;
  background:#e8f6f0;
  color:#218060;
  font-weight:800
}

.master-benefits p,.audience-grid p {
  margin:0;
  font-family:var(--font-display);
  font-weight:700
}

.master-benefits small,.audience-grid small {
  position:absolute;
  right:20px;
  bottom:14px;
  color:#b1bfca;
  font-size:10px
}

.master-steps {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px
}

.master-steps article {
  padding:32px 28px;
  border-top:2px solid #bcd7ed;
  background:#fff
}

.master-steps article>span {
  color:var(--blue);
  font-size:11px;
  font-weight:800
}

.master-steps h3 {
  margin:45px 0 13px;
  font-size:22px
}

.master-steps p {
  margin:0;
  color:var(--muted);
  font-size:14px
}

.presenter-grid {
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:100px;
  align-items:center
}

.presenter-grid h2 {
  max-width:740px;
  margin-bottom:24px;
  font-size:clamp(38px,4.2vw,56px);
  line-height:1.1
}

.presenter-grid>div:last-child>p:not(.master-kicker):not(.presenter-note) {
  max-width:680px;
  color:var(--muted);
  font-size:17px
}

.presenter-placeholder {
  min-height:500px;
  padding:32px;
  border:1px solid #d8e5ef;
  border-radius:28px;
  background:linear-gradient(145deg,#f6faff,#eaf4fb);
  box-shadow:var(--shadow)
}

.presenter-silhouette {
  position:relative;
  display:grid;
  place-items:center;
  height:390px;
  overflow:hidden;
  border-radius:20px;
  background:radial-gradient(circle at 50% 25%,#fff,transparent 34%),linear-gradient(155deg,#ddecf7,#f7fbfe)
}

.presenter-silhouette:before {
  content:"";
  width:94px;
  height:94px;
  border-radius:50%;
  background:#c2d8e8
}

.presenter-silhouette span {
  position:absolute;
  width:210px;
  height:170px;
  bottom:-38px;
  border-radius:50% 50% 0 0;
  background:#c2d8e8
}

.presenter-placeholder p {
  margin:22px 0 0;
  color:#6e8597;
  font-size:12px;
  font-weight:700;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.12em
}

.presenter-experience {
  display:flex;
  align-items:center;
  gap:18px;
  margin:35px 0;
  padding:25px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)
}

.presenter-experience strong {
  color:var(--blue);
  font-family:var(--font-display);
  font-size:48px;
  line-height:1
}

.presenter-experience span {
  color:#577086;
  font-size:13px;
  font-weight:700
}

.presenter-note {
  color:#8a9ba8!important;
  font-size:12px!important
}

.master-faq {
  background:#fbfdff
}

.master-faq .master-section-head {
  display:block;
  margin-bottom:25px
}

.master-faq .faq-grid>div:first-child>p {
  color:var(--muted)
}

.master-final-cta {
  position:relative;
  overflow:hidden;
  padding:105px 0;
  background:linear-gradient(120deg,#0d59b6,#1c72d6 55%,#398ee8);
  color:#fff;
  text-align:center
}

.master-final-cta:after {
  content:"";
  position:absolute;
  width:440px;
  height:440px;
  right:-120px;
  top:-300px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.022)
}

.master-final-cta>.container {
  position:relative;
  z-index:1
}

.master-final-cta .master-kicker {
  color:#d7eaff
}

.master-final-cta h2 {
  max-width:840px;
  margin:0 auto 22px;
  font-size:clamp(42px,5vw,64px);
  line-height:1.05
}

.master-final-cta p:not(.master-kicker) {
  max-width:790px;
  margin:0 auto 35px;
  color:#e2efff;
  font-size:18px
}

.master-footer-main {
  grid-template-columns:1.5fr repeat(3,1fr)
}
.detail-hero {
  position:relative;
  padding:82px 0 96px;
  background:radial-gradient(circle at 8% 18%,rgba(207,234,255,.72),transparent 28%),linear-gradient(180deg,#f4faff,#fff)
}

.detail-hero-grid {
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:82px;
  align-items:center;
  padding-top:60px
}

.detail-hero-copy h1 {
  max-width:720px;
  margin:24px 0 26px;
  font-size:clamp(47px,5vw,68px);
  line-height:1.03
}

.detail-hero-copy>p {
  max-width:660px;
  color:var(--ink-2);
  font-size:19px
}

.detail-facts {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  padding:0;
  margin:35px 0;
  list-style:none
}

.detail-facts li {
  padding:15px;
  border:1px solid #dbe7f0;
  border-radius:14px;
  background:rgba(255,255,255,.74)
}

.detail-facts strong,.detail-facts span {
  display:block
}

.detail-facts strong {
  font-size:12px
}

.detail-facts span {
  margin-top:4px;
  color:#758b9c;
  font-size:10px
}

.detail-frequency {
  display:flex;
  gap:12px;
  max-width:650px;
  color:#627b8f;
  font-size:13px
}

.detail-frequency p {
  margin:0
}

.master-form {
  box-shadow:0 34px 90px rgba(27,75,114,.15)
}

.master-form>label {
  display:block;
  margin-bottom:18px
}

.master-phone-row {
  grid-template-columns:130px 1fr
}

.learning-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px
}

.learning-grid article {
  min-height:300px;
  padding:30px;
  border:1px solid #dce7ef;
  border-radius:24px;
  background:#fff;
  transition:transform .28s var(--ease),box-shadow .28s var(--ease)
}

.learning-grid article:hover {
  transform:translateY(-5px);
  box-shadow:0 22px 55px rgba(33,77,112,.08)
}

.learning-grid article>span {
  color:#98aab8;
  font-size:11px
}

.learning-icon {
  display:flex;
  align-items:flex-end;
  gap:5px;
  width:46px;
  height:48px;
  margin:48px 0 30px;
  padding:8px;
  border:1px solid #c8dced;
  border-radius:13px;
  background:#f2f8fd
}

.learning-icon i {
  display:block;
  width:7px;
  border-radius:3px 3px 1px 1px;
  background:var(--blue)
}

.learning-icon i:nth-child(1) {
  height:11px
}

.learning-icon i:nth-child(2) {
  height:22px
}

.learning-icon i:nth-child(3) {
  height:16px
}

.learning-grid h3 {
  margin:0;
  font-size:21px;
  line-height:1.3
}

.audience-grid {
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:18px
}

.audience-grid article {
  grid-column:span 2
}

.audience-grid article:nth-child(1),.audience-grid article:nth-child(2) {
  grid-column:span 3
}

.bonus-section {
  padding-top:30px
}

.bonus-card {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:80px;
  padding:65px;
  border:1px solid #cfe2f1;
  border-radius:30px;
  background:linear-gradient(135deg,#edf7ff,#f9fcff);
  box-shadow:0 25px 65px rgba(34,80,118,.08)
}

.bonus-card h2 {
  margin:0;
  font-size:clamp(36px,4vw,52px);
  line-height:1.1
}

.bonus-card>div:last-child>p:first-child {
  margin-top:0;
  color:#3c586f;
  font-size:19px
}

.bonus-note {
  margin-top:27px;
  padding-top:22px;
  border-top:1px solid #cbdfea;
  color:#758a9a;
  font-size:12px
}
@media(max-width:1024px) {
  .master-hero-grid,.detail-hero-grid {
    grid-template-columns:1fr 1fr;
    gap:42px
  }

  .master-section-head {
    gap:40px
  }

  .featured-class-copy {
    padding:40px
  }

  .featured-class-media {
    min-height:460px
  }

  .class-catalog {
    grid-template-columns:repeat(2,1fr)
  }

  .class-card,.class-card:nth-child(1),.class-card:nth-child(2) {
    grid-column:auto
  }

  .master-benefits,.learning-grid {
    grid-template-columns:repeat(2,1fr)
  }

  .master-steps {
    grid-template-columns:repeat(2,1fr)
  }

  .presenter-grid {
    gap:55px
  }

  .master-footer-main {
    grid-template-columns:1.5fr 1fr 1fr
  }

  .master-footer-main>div:last-child {
    grid-column:2/-1
  }

  .detail-facts {
    grid-template-columns:1fr
  }

  .audience-grid {
    grid-template-columns:repeat(2,1fr)
  }

  .audience-grid article,.audience-grid article:nth-child(1),.audience-grid article:nth-child(2) {
    grid-column:auto
  }

}
@media(max-width:760px) {
  .master-breadcrumb {
    padding-top:18px
  }

  .master-hero,.detail-hero {
    padding:70px 0 62px
  }

  .master-hero-grid,.detail-hero-grid {
    display:block;
    padding-top:45px
  }

  .master-hero h1,.detail-hero-copy h1 {
    font-size:clamp(41px,11vw,50px)
  }

  .master-hero-grid>div:first-child>p:not(.master-kicker),.detail-hero-copy>p {
    font-size:17px
  }

  .master-hero-art {
    margin-top:42px;
    border-radius:22px
  }

  .master-section-head {
    display:block;
    margin-bottom:40px
  }

  .master-section-head>p {
    margin-top:22px;
    font-size:15px
  }

  .featured-class {
    grid-template-columns:1fr;
    border-radius:24px
  }

  .featured-class-media {
    min-height:260px
  }

  .featured-class-copy {
    padding:30px 25px
  }

  .featured-class h3 {
    font-size:34px
  }

  .class-catalog,.master-benefits,.learning-grid,.audience-grid,.master-steps {
    grid-template-columns:1fr
  }

  .class-card {
    min-height:280px
  }

  .master-benefits article,.audience-grid article {
    min-height:110px
  }

  .master-steps {
    gap:14px
  }

  .master-steps h3 {
    margin-top:28px
  }

  .presenter-grid {
    grid-template-columns:1fr;
    gap:42px
  }

  .presenter-placeholder {
    min-height:auto;
    padding:22px
  }

  .presenter-silhouette {
    height:330px
  }

  .master-final-cta {
    padding:80px 0
  }

  .master-final-cta p:not(.master-kicker) {
    font-size:16px
  }

  .detail-hero-grid #registro {
    margin-top:42px
  }

  .detail-facts {
    grid-template-columns:1fr 1fr
  }

  .detail-facts li:last-child {
    grid-column:1/-1
  }

  .master-phone-row {
    grid-template-columns:105px 1fr
  }

  .learning-grid article {
    min-height:250px
  }

  .bonus-section {
    padding-top:15px
  }

  .bonus-card {
    grid-template-columns:1fr;
    gap:30px;
    padding:38px 25px;
    border-radius:24px
  }

  .master-footer-main {
    grid-template-columns:1fr 1fr
  }

  .master-footer-main>div:first-child,.master-footer-main>div:last-child {
    grid-column:1/-1
  }

}
/* Plataforma INVIERTA ONLINE */
.platform-nav-wrap {
  gap:24px
}

.platform-nav {
  gap:20px
}

.platform-nav a {
  font-size:12px;
  white-space:nowrap
}

.platform-nav-cta {
  padding-inline:15px;
  white-space:nowrap
}

.platform-footer-main {
  grid-template-columns:1.5fr repeat(3,1fr)
}

.breadcrumb-part {
  display:inline-flex;
  gap:9px
}

.platform-page {
  overflow:hidden
}

.platform-hero,.inner-hero,.about-hero,.opportunity-hero {
  position:relative;
  padding:82px 0 105px;
  background:radial-gradient(circle at 88% 8%,rgba(202,231,255,.7),transparent 30%),linear-gradient(180deg,#f5faff,#fff)
}

.platform-hero:before,.inner-hero:before,.about-hero:before,.opportunity-hero:before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(54,126,192,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(54,126,192,.04) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,#000,transparent 84%)
}

.platform-hero>.container,.inner-hero>.container,.about-hero>.container,.opportunity-hero>.container {
  position:relative
}

.platform-hero-copy {
  max-width:850px;
  padding-top:72px
}

.platform-hero h1,.inner-hero h1,.about-hero h1 {
  margin-bottom:28px;
  font-size:clamp(50px,5.6vw,76px);
  line-height:1.02
}

.platform-hero-copy>p:last-child,.inner-hero>.container>p:last-child {
  max-width:760px;
  margin:0;
  color:var(--ink-2);
  font-size:19px
}

.inner-hero {
  padding-bottom:90px
}

.inner-hero .master-kicker {
  margin-top:62px
}

.inner-hero h1 {
  max-width:900px
}

.platform-section-head {
  display:grid;
  grid-template-columns:1fr minmax(280px,.6fr);
  gap:70px;
  align-items:end;
  margin-bottom:58px
}

.platform-section-head h2 {
  margin:0;
  font-size:clamp(38px,4vw,56px);
  line-height:1.08
}

.platform-section-head>p {
  margin:0;
  color:var(--muted);
  font-size:16px
}

.platform-final {
  padding:100px 0;
  background:linear-gradient(120deg,#0d59b6,#1d72d5 56%,#398ee7);
  color:#fff;
  text-align:center
}

.platform-final .master-kicker {
  color:#d6eaff
}

.platform-final h2 {
  max-width:900px;
  margin:0 auto 22px;
  font-size:clamp(40px,4.8vw,62px);
  line-height:1.05
}

.platform-final p:not(.master-kicker) {
  max-width:760px;
  margin:0 auto 35px;
  color:#e2efff;
  font-size:17px
}

.platform-disclaimer {
  margin-top:28px;
  padding:18px 20px;
  border-left:3px solid #8dbce8;
  background:#edf6fd;
  color:#60798d;
  font-size:12px
}
.opportunity-catalog {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px
}

.opportunity-card {
  overflow:hidden;
  border:1px solid #d8e5ef;
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 50px rgba(30,73,108,.07);
  transition:transform .28s var(--ease),box-shadow .28s var(--ease)
}

.opportunity-card:hover {
  transform:translateY(-6px);
  box-shadow:0 28px 70px rgba(30,73,108,.12)
}

.opportunity-visual {
  position:relative;
  overflow:hidden;
  height:260px;
  background:#eaf5fd
}

.opportunity-visual:before,.opportunity-visual:after,.opportunity-visual span,.opportunity-visual i,.opportunity-visual b {
  content:"";
  position:absolute;
  display:block
}

.opportunity-visual.space {
  background:radial-gradient(circle at 72% 30%,#fff 0 4%,transparent 5%),radial-gradient(circle at 22% 24%,rgba(255,255,255,.9) 0 1px,transparent 2px),linear-gradient(145deg,#0d2e52,#1d75c9)
}

.opportunity-visual.space:before {
  width:48px;
  height:135px;
  left:48%;
  top:45px;
  border-radius:50% 50% 10px 10px;
  background:#f7fbff;
  transform:rotate(18deg);
  box-shadow:inset -9px 0 #bcd7ea
}

.opportunity-visual.space:after {
  width:0;
  height:0;
  left:calc(48% - 26px);
  top:136px;
  border-top:45px solid #77b5e7;
  border-left:28px solid transparent;
  border-right:28px solid transparent;
  transform:rotate(18deg)
}

.opportunity-visual.space span {
  width:2px;
  height:150px;
  left:52%;
  top:150px;
  background:linear-gradient(#fff,transparent);
  transform:rotate(18deg);
  box-shadow:12px 0 8px rgba(255,255,255,.5),-12px 0 8px rgba(255,255,255,.5)
}

.opportunity-visual.buffett {
  background:linear-gradient(145deg,#edf7ff,#c7dded)
}

.opportunity-visual.buffett:before {
  inset:40px 90px;
  border:1px solid rgba(13,68,117,.22);
  border-radius:18px;
  background:rgba(255,255,255,.58);
  box-shadow:0 18px 45px rgba(16,65,106,.12)
}

.opportunity-visual.buffett:after {
  left:24%;
  right:24%;
  bottom:75px;
  height:3px;
  background:#1a6fd7;
  box-shadow:45px -33px 0 #6ba8dd,90px -18px 0 #3d8ad0,135px -65px 0 #0e5eae
}

.opportunity-visual.buffett span {
  left:29%;
  right:29%;
  top:88px;
  height:1px;
  background:#adc7da;
  box-shadow:0 38px #adc7da,0 76px #adc7da
}

.opportunity-visual.ai {
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.92),transparent 24%),linear-gradient(135deg,#dff1ff,#b5daf3)
}

.opportunity-visual.ai:before {
  width:115px;
  height:115px;
  left:calc(50% - 57px);
  top:72px;
  border:2px solid #176bc5;
  border-radius:26px;
  box-shadow:0 0 0 15px rgba(30,117,201,.09),0 0 0 32px rgba(30,117,201,.05)
}

.opportunity-visual.ai:after {
  width:14px;
  height:14px;
  left:calc(50% - 7px);
  top:123px;
  border-radius:50%;
  background:#176bc5;
  box-shadow:38px 0 #64a4d8,-38px 0 #64a4d8,0 38px #64a4d8,0 -38px #64a4d8
}

.opportunity-visual.gold {
  background:linear-gradient(145deg,#fff9e8,#e8d6a2)
}

.opportunity-visual.gold:before {
  width:190px;
  height:72px;
  left:calc(50% - 95px);
  top:110px;
  background:linear-gradient(145deg,#fff6c7,#c99a35);
  clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);
  box-shadow:0 22px 35px rgba(131,93,26,.2)
}

.opportunity-visual.gold:after {
  content:"AU";
  left:calc(50% - 24px);
  top:127px;
  color:#8d671d;
  font-family:var(--font-display);
  font-size:24px;
  font-weight:800
}

.opportunity-visual.coming {
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#f1f6fa,#e7eff5)
}

.opportunity-visual.coming span {
  position:static;
  color:#93a8b8;
  font-size:65px;
  font-weight:200
}

.opportunity-card-copy {
  padding:32px
}

.opportunity-card-copy>p {
  margin:0 0 13px;
  color:#7c92a3;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase
}

.opportunity-card-copy h3 {
  margin-bottom:14px;
  font-size:32px
}

.opportunity-card-copy>div {
  min-height:72px;
  color:var(--muted);
  font-size:14px
}

.opportunity-card-copy .text-link,.opportunity-card-copy>.class-status {
  margin-top:25px
}

.opportunity-hero-grid {
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:72px;
  align-items:center;
  padding-top:62px
}

.opportunity-hero h1 {
  margin:0 0 24px;
  font-size:clamp(54px,6vw,82px);
  line-height:1
}

.opportunity-hero-grid>div:first-child>p:not(.master-kicker) {
  max-width:680px;
  color:var(--ink-2);
  font-size:19px
}

.opportunity-visual.detail {
  height:480px;
  border:1px solid #d5e4ef;
  border-radius:30px;
  box-shadow:var(--shadow)
}

.opportunity-description {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:90px
}

.opportunity-description h2 {
  font-size:clamp(38px,4.2vw,57px);
  line-height:1.08
}

.opportunity-description>div:last-child p {
  margin:0 0 24px;
  color:var(--muted);
  font-size:18px
}

.reason-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px
}

.reason-grid article {
  padding:35px;
  border:1px solid #d8e5ef;
  border-radius:22px;
  background:#fff
}

.reason-grid article>span {
  color:#91a7b8;
  font-size:11px
}

.reason-grid h3 {
  margin:50px 0 14px;
  font-size:23px
}

.reason-grid p {
  margin:0;
  color:var(--muted);
  font-size:14px
}

.feature-profile-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px
}

.feature-profile-grid>div {
  padding:50px;
  border:1px solid #d8e5ef;
  border-radius:28px
}

.feature-profile-grid h2 {
  font-size:36px
}

.feature-profile-grid ul {
  padding:0;
  margin:28px 0 0;
  list-style:none
}

.feature-profile-grid li {
  position:relative;
  padding:15px 0 15px 30px;
  border-top:1px solid #e1eaf1;
  color:#526b80
}

.feature-profile-grid li:before {
  content:"✓";
  position:absolute;
  left:0;
  color:var(--blue);
  font-weight:800
}

.profile-panel {
  background:linear-gradient(145deg,#eef7ff,#f9fcff)
}

.profile-panel>p:last-child {
  margin:28px 0 0;
  color:#778c9d;
  font-size:12px
}

.lead-section {
  background:linear-gradient(180deg,#f6faff,#edf6fc)
}

.lead-grid {
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:90px;
  align-items:start
}

.lead-grid>div:first-child {
  padding-top:35px
}

.lead-grid>div:first-child h2 {
  font-size:clamp(40px,4.5vw,58px);
  line-height:1.08
}

.lead-grid>div:first-child>p {
  color:var(--muted);
  font-size:17px
}
.resource-area-grid {
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:20px
}

.resource-area-card {
  grid-column:span 2;
  min-height:330px;
  padding:32px;
  border:1px solid #d9e6ef;
  border-radius:24px;
  background:#fff;
  transition:transform .28s var(--ease),box-shadow .28s var(--ease)
}

.resource-area-card:nth-child(1),.resource-area-card:nth-child(2) {
  grid-column:span 3
}

.resource-area-card:hover {
  transform:translateY(-5px);
  box-shadow:0 24px 60px rgba(32,75,109,.1)
}

.resource-area-card>span {
  color:#9bafbd;
  font-size:11px
}

.resource-area-card>p {
  margin:45px 0 12px;
  color:#6b8ba5;
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em
}

.resource-area-card h2 {
  margin-bottom:14px;
  font-size:30px
}

.resource-area-card>div {
  min-height:70px;
  color:var(--muted);
  font-size:14px
}

.resource-area-card strong {
  display:block;
  margin-top:25px;
  color:var(--blue);
  font-size:13px
}

.article-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px
}

.article-grid.full {
  row-gap:40px
}

.article-card {
  overflow:hidden;
  border:1px solid #d9e5ee;
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 40px rgba(34,76,109,.06)
}

.article-cover {
  position:relative;
  height:210px;
  padding:24px;
  background:#dceefa
}

.article-cover:before,.article-cover:after {
  content:"";
  position:absolute
}

.article-cover:before {
  width:180px;
  height:180px;
  right:-35px;
  top:30px;
  border:1px solid rgba(23,106,199,.28);
  border-radius:50%;
  box-shadow:0 0 0 30px rgba(23,106,199,.05),0 0 0 60px rgba(23,106,199,.03)
}

.article-cover:after {
  left:35px;
  right:35px;
  bottom:42px;
  height:2px;
  background:linear-gradient(90deg,#1b72d0 0 18%,transparent 18% 24%,#73aee0 24% 53%,transparent 53% 61%,#145ba6 61%)
}

.article-cover.cover-2 {
  background:linear-gradient(145deg,#eef7ff,#d4e6f2)
}

.article-cover.cover-3 {
  background:linear-gradient(145deg,#e9f4ff,#c6e4f5)
}

.article-cover>span {
  position:relative;
  z-index:1;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#3475af;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.1em
}

.article-card>div:last-child {
  padding:28px
}

.article-card>div:last-child>p {
  margin:0 0 11px;
  color:#8a9ca9;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em
}

.article-card h2,.article-card h3 {
  margin-bottom:14px;
  font-size:24px;
  line-height:1.18
}

.article-card>div:last-child>div {
  color:var(--muted);
  font-size:14px
}

.article-card .text-link {
  margin-top:24px
}

.editorial-page header {
  padding:82px 0 75px;
  background:linear-gradient(180deg,#f5faff,#fff)
}

.narrow {
  max-width:850px
}

.editorial-page header .master-breadcrumb {
  margin-bottom:60px
}

.editorial-page h1 {
  font-size:clamp(48px,6vw,76px);
  line-height:1.02
}

.editorial-page header>.container>p:not(.master-kicker) {
  color:var(--ink-2);
  font-size:20px
}

.article-meta {
  display:flex;
  gap:20px;
  margin-top:28px;
  color:#7c91a0;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em
}

.editorial-body {
  padding-top:80px;
  padding-bottom:110px
}

.article-intro {
  margin:0 0 65px;
  font-size:23px;
  line-height:1.65;
  color:#36546d
}

.editorial-body section {
  margin:0 0 50px
}

.editorial-body h2 {
  font-size:34px
}

.editorial-body section p {
  color:var(--muted);
  font-size:18px
}

.editorial-body aside {
  margin-top:70px;
  padding:28px;
  border-left:3px solid var(--blue);
  background:#f1f8fd
}

.editorial-body aside p {
  margin:7px 0 0;
  color:#667f92;
  font-size:13px
}

.guide-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px
}

.guide-grid article,.report-grid article {
  padding:38px;
  border:1px solid #d9e5ee;
  border-radius:24px;
  background:#fff
}

.guide-grid article>span,.report-grid article>span:not(.class-status) {
  color:#8fa4b4;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em
}

.guide-document {
  position:relative;
  width:75px;
  height:92px;
  margin:40px 0 30px;
  border:1px solid #afcee6;
  border-radius:8px;
  background:#f5faff
}

.guide-document:after {
  content:"";
  position:absolute;
  right:-1px;
  top:-1px;
  border-top:20px solid #d8eafa;
  border-left:20px solid transparent
}

.guide-document i {
  display:block;
  height:2px;
  margin:17px 13px;
  background:#8db9dd
}

.guide-grid h2 {
  font-size:27px
}

.guide-grid p,.report-grid p {
  color:var(--muted);
  font-size:14px
}

.resource-demo-label {
  display:inline-block;
  margin-top:20px;
  padding:7px 10px;
  border-radius:999px;
  background:#edf3f7;
  color:#728898;
  font-size:10px
}

.demo-banner {
  display:flex;
  gap:20px;
  margin-bottom:35px;
  padding:18px 22px;
  border:1px solid #cfe2f0;
  border-radius:14px;
  background:#f1f8fd;
  color:#61798c;
  font-size:12px
}

.demo-banner strong {
  color:#285a81
}

.report-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px
}

.report-chart {
  display:flex;
  align-items:flex-end;
  gap:8px;
  height:90px;
  margin-bottom:35px
}

.report-chart i {
  width:18%;
  border-radius:5px 5px 0 0;
  background:linear-gradient(#72b0e3,#1b6fca)
}

.report-chart i:nth-child(1) {
  height:35%
}

.report-chart i:nth-child(2) {
  height:70%
}

.report-chart i:nth-child(3) {
  height:52%
}

.report-chart i:nth-child(4) {
  height:88%
}

.report-grid h2 {
  margin:16px 0;
  font-size:25px
}

.economic-calendar {
  border-top:1px solid #d8e5ee
}

.economic-calendar article {
  display:grid;
  grid-template-columns:180px 1fr auto;
  gap:30px;
  align-items:center;
  padding:28px 0;
  border-bottom:1px solid #d8e5ee
}

.economic-calendar article>div:first-child span,.economic-calendar article>div:first-child strong {
  display:block
}

.economic-calendar article>div:first-child span {
  color:#4b667c;
  font-size:13px;
  font-weight:700
}

.economic-calendar article>div:first-child strong {
  margin-top:5px;
  color:#90a3b1;
  font-size:9px;
  letter-spacing:.12em
}

.economic-calendar p {
  margin:0 0 5px;
  color:var(--blue);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.1em
}

.economic-calendar h2 {
  margin:0;
  font-size:20px
}

.impact-tag {
  padding:7px 10px;
  border-radius:999px;
  background:#eef5fa;
  color:#718696;
  font-size:9px
}

.glossary-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px
}

.glossary-grid article {
  position:relative;
  padding:30px 32px 32px 75px;
  border:1px solid #dce6ed;
  border-radius:18px
}

.glossary-grid article>span {
  position:absolute;
  left:25px;
  top:28px;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:9px;
  background:#eaf5fd;
  color:var(--blue);
  font-weight:800
}

.glossary-grid h2 {
  margin:0 0 8px;
  font-size:21px
}

.glossary-grid p {
  margin:0;
  color:var(--muted);
  font-size:14px
}
.about-hero-grid {
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:90px;
  align-items:end;
  padding-top:70px
}

.about-hero h1 {
  margin:0
}

.about-hero-grid>p {
  margin:0 0 8px;
  color:var(--ink-2);
  font-size:20px
}

.mission-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px
}

.mission-grid article {
  padding:48px;
  border:1px solid #d8e5ef;
  border-radius:28px
}

.mission-grid article>span {
  color:#92a8b8;
  font-size:11px
}

.mission-grid .master-kicker {
  margin-top:48px
}

.mission-grid h2 {
  font-size:38px;
  line-height:1.1
}

.mission-grid article>p:last-child {
  color:var(--muted)
}

.values-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px
}

.values-grid article {
  padding:32px;
  border:1px solid #d8e5ef;
  border-radius:22px;
  background:#fff
}

.values-grid article>span {
  color:#94a9b8;
  font-size:10px
}

.values-grid h3 {
  margin:38px 0 12px;
  font-size:23px
}

.values-grid p {
  margin:0;
  color:var(--muted);
  font-size:14px
}

.education-commitment {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:90px
}

.education-commitment h2 {
  font-size:clamp(38px,4vw,55px);
  line-height:1.08
}

.education-commitment>div:last-child>p {
  color:var(--muted);
  font-size:18px
}

.contact-platform-grid {
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:80px;
  align-items:start
}

.contact-platform-grid>div:first-child h2 {
  font-size:clamp(38px,4vw,54px)
}

.contact-channels {
  margin-top:40px;
  border-top:1px solid #d9e5ed
}

.contact-channels article {
  display:flex;
  gap:18px;
  padding:25px 0;
  border-bottom:1px solid #d9e5ed
}

.contact-channels article>span {
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:38px;
  height:38px;
  border-radius:11px;
  background:#eaf5fd;
  color:var(--blue);
  font-weight:800
}

.contact-channels h3 {
  margin:0 0 5px;
  font-size:17px
}

.contact-channels p {
  margin:0;
  color:var(--muted);
  font-size:13px
}

.contact-channels small {
  color:#9aabb7;
  font-size:10px
}

.map-grid {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:80px;
  align-items:center
}

.map-grid h2 {
  font-size:clamp(38px,4vw,55px)
}

.map-grid>div:last-child>p {
  color:var(--muted)
}

.map-placeholder {
  position:relative;
  display:grid;
  place-items:center;
  height:430px;
  overflow:hidden;
  border:1px solid #d4e4ef;
  border-radius:28px;
  background:radial-gradient(circle at 50% 50%,#fff,transparent 20%),linear-gradient(145deg,#e8f4fc,#d5e8f5)
}

.map-placeholder:before,.map-placeholder:after {
  content:"";
  position:absolute;
  inset:12% -20%;
  border:1px solid rgba(25,108,196,.18);
  border-radius:50%;
  transform:rotate(18deg)
}

.map-placeholder:after {
  transform:rotate(-24deg)
}

.map-placeholder>span {
  z-index:1;
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  border-radius:22px;
  background:#0d1b2a;
  color:#fff;
  font-size:20px;
  font-weight:800;
  box-shadow:0 18px 35px rgba(13,27,42,.2)
}

.map-placeholder i {
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#3a8dd5
}

.map-placeholder i:nth-of-type(1) {
  left:22%;
  top:34%
}

.map-placeholder i:nth-of-type(2) {
  right:24%;
  top:27%
}

.map-placeholder i:nth-of-type(3) {
  left:30%;
  bottom:25%
}

.map-placeholder i:nth-of-type(4) {
  right:18%;
  bottom:30%
}

.platform-phone-row {
  grid-template-columns:130px 1fr
}

.unified-form>label {
  display:block;
  margin-bottom:18px
}
@media(max-width:1180px) {
  .platform-nav {
    gap:14px
  }

  .platform-nav a {
    font-size:11px
  }

  .platform-nav-cta {
    display:none
  }

  .platform-nav-wrap .desktop-nav {
    margin-left:auto
  }

}
@media(max-width:1024px) {
  .platform-nav-wrap .desktop-nav {
    display:none
  }

  .platform-nav-cta {
    display:inline-flex;
    margin-left:auto
  }

  .platform-footer-main {
    grid-template-columns:1.5fr 1fr 1fr
  }

  .platform-footer-main>div:last-child {
    grid-column:2/-1
  }

  .opportunity-hero-grid {
    gap:40px
  }

  .opportunity-description,.lead-grid,.education-commitment,.contact-platform-grid,.map-grid {
    gap:50px
  }

  .resource-area-grid {
    grid-template-columns:repeat(2,1fr)
  }

  .resource-area-card,.resource-area-card:nth-child(1),.resource-area-card:nth-child(2) {
    grid-column:auto
  }

  .article-grid {
    grid-template-columns:repeat(2,1fr)
  }

  .report-grid {
    grid-template-columns:1fr
  }

  .values-grid {
    grid-template-columns:repeat(2,1fr)
  }

}
@media(max-width:760px) {
  .platform-nav-cta {
    display:none
  }

  .platform-hero,.inner-hero,.about-hero,.opportunity-hero {
    padding:70px 0 72px
  }

  .platform-hero-copy {
    padding-top:50px
  }

  .platform-hero h1,.inner-hero h1,.about-hero h1,.opportunity-hero h1 {
    font-size:clamp(41px,11vw,51px)
  }

  .platform-hero-copy>p:last-child,.inner-hero>.container>p:last-child {
    font-size:17px
  }

  .platform-section-head {
    display:block;
    margin-bottom:40px
  }

  .platform-section-head>p,.platform-section-head>.text-link {
    margin-top:20px
  }

  .opportunity-catalog,.opportunity-hero-grid,.opportunity-description,.reason-grid,.feature-profile-grid,.lead-grid,.resource-area-grid,.article-grid,.guide-grid,.glossary-grid,.about-hero-grid,.mission-grid,.values-grid,.education-commitment,.contact-platform-grid,.map-grid {
    grid-template-columns:1fr
  }

  .opportunity-card {
    border-radius:22px
  }

  .opportunity-visual {
    height:220px
  }

  .opportunity-visual.detail {
    height:300px;
    margin-top:40px;
    border-radius:22px
  }

  .opportunity-description {
    gap:28px
  }

  .opportunity-description>div:last-child p {
    font-size:16px
  }

  .reason-grid {
    gap:14px
  }

  .feature-profile-grid>div {
    padding:34px 25px
  }

  .lead-grid>div:first-child {
    padding-top:0
  }

  .resource-area-card {
    min-height:280px
  }

  .article-grid {
    gap:18px
  }

  .editorial-page header {
    padding-top:70px
  }

  .editorial-page header .master-breadcrumb {
    margin-bottom:45px
  }

  .editorial-page h1 {
    font-size:42px
  }

  .article-intro {
    font-size:20px
  }

  .demo-banner {
    flex-direction:column;
    gap:5px
  }

  .economic-calendar article {
    grid-template-columns:1fr;
    gap:12px
  }

  .economic-calendar .impact-tag {
    justify-self:start
  }

  .glossary-grid article {
    padding-left:70px
  }

  .about-hero-grid {
    gap:28px;
    padding-top:52px
  }

  .about-hero-grid>p {
    font-size:17px
  }

  .mission-grid article {
    padding:32px 25px
  }

  .mission-grid h2 {
    font-size:32px
  }

  .platform-final {
    padding:80px 0
  }

  .contact-platform-grid {
    gap:45px
  }

  .map-placeholder {
    height:330px
  }

  .platform-phone-row {
    grid-template-columns:105px 1fr
  }

  .platform-footer-main {
    grid-template-columns:1fr 1fr
  }

  .platform-footer-main>div:first-child,.platform-footer-main>div:last-child {
    grid-column:1/-1
  }

}
/* Imágenes oficiales INVIERTA ONLINE */
.home-hero-media {
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden
}

.home-hero-media img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center
}

.home-hero-media:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.79) 43%,rgba(255,255,255,.28) 76%,rgba(255,255,255,.1) 100%)
}

.hero-grid {
  z-index:2
}

.hero:before {
  z-index:1
}

.master-hero-art img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:66% center;
  aspect-ratio:1.5/1
}

.featured-class-media img {
  object-fit:cover;
  object-position:67% center
}

.masterclass-detail-hero {
  isolation:isolate
}

.masterclass-detail-media {
  position:absolute;
  z-index:-1;
  inset:0;
  overflow:hidden
}

.masterclass-detail-media img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:66% center;
  opacity:.38
}

.masterclass-detail-media:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(247,251,255,.98) 0%,rgba(247,251,255,.82) 48%,rgba(247,251,255,.94) 100%)
}
.opportunity-visual {
  background:#e9f2f8
}

.opportunity-visual:before,.opportunity-visual:after,.opportunity-visual>span,.opportunity-visual>i,.opportunity-visual>b {
  display:none!important
}

.opportunity-visual img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover
}

.opportunity-visual.space img {
  object-position:72% center
}

.opportunity-visual.ai img {
  object-position:64% center
}

.opportunity-visual.gold img {
  object-position:68% center
}

.opportunity-visual.buffett img {
  object-fit:contain;
  object-position:center
}

.opportunity-visual.detail.buffett {
  height:auto;
  aspect-ratio:16/9
}

.coming-card {
  display:flex;
  align-items:center;
  min-height:420px;
  background:linear-gradient(145deg,#f5f8fa,#edf3f7)
}

.coming-copy {
  width:100%
}
.reason-grid article.reason-card-with-image {
  overflow:hidden;
  padding:0
}

.reason-card-with-image>img {
  display:block;
  width:100%;
  height:190px;
  object-fit:cover;
  border-radius:21px 21px 0 0
}

.reason-card-copy {
  padding:35px
}

.reason-card-copy>span {
  color:#91a7b8;
  font-size:11px
}

.reason-card-copy h3 {
  margin-top:50px
}
.resource-hero-grid,.blog-hero-grid,.resource-inner-grid,.contact-hero-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:center;
  padding-top:58px
}

.resource-hero-grid .platform-hero-copy {
  padding-top:0
}

.resource-hero-media,.blog-hero-media,.resource-subhero-media,.contact-hero-media,.contact-secondary-media,.about-hero-media,.guide-media,.report-media {
  overflow:hidden;
  border:1px solid #d6e4ee;
  border-radius:26px;
  background:#eaf3f8;
  box-shadow:0 24px 65px rgba(31,74,107,.11)
}

.resource-hero-media {
  height:430px
}

.resource-hero-media img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 54%
}

.blog-hero .master-kicker,.contact-hero .master-kicker {
  margin-top:0
}

.blog-hero-grid>div:first-child>p:last-child,.contact-hero-grid>div:first-child>p:last-child,.resource-inner-grid>div:first-child>p:last-child {
  color:var(--ink-2);
  font-size:18px
}

.blog-hero-media {
  height:430px
}

.blog-hero-media img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:43% center
}

.resource-inner-hero .master-kicker {
  margin-top:0
}

.resource-subhero-media {
  height:380px
}

.resource-subhero-media img {
  width:100%;
  height:100%;
  object-fit:cover
}

.resource-subhero-media.guides-image img {
  object-position:36% 55%
}

.resource-subhero-media.reports-image img {
  object-position:67% 52%
}

.article-cover {
  padding:0
}

.article-cover:before,.article-cover:after {
  display:none
}

.article-cover img {
  width:100%;
  height:100%;
  object-fit:cover
}

.article-cover.cover-1 img {
  object-position:28% center
}

.article-cover.cover-2 img {
  object-position:48% center
}

.article-cover.cover-3 img {
  object-position:69% center
}

.article-cover>span {
  position:absolute;
  left:22px;
  top:22px
}

.guide-media,.report-media {
  height:170px;
  margin:30px 0;
  border-radius:16px;
  box-shadow:none
}

.guide-media img,.report-media img {
  width:100%;
  height:100%;
  object-fit:cover
}

.guide-media img {
  object-position:36% 58%
}

.report-media img {
  object-position:68% 54%
}

.guide-document,.report-chart {
  display:none
}
.about-hero-grid {
  grid-template-columns:1.1fr .9fr
}

.about-hero-media {
  grid-column:1/-1;
  height:520px;
  margin-top:20px
}

.about-hero-media img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 54%
}

.contact-hero-media {
  height:430px
}

.contact-hero-media img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:46% center
}

.contact-secondary-media {
  height:430px
}

.contact-secondary-media img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:58% center
}

.platform-final,.master-final-cta {
  background:linear-gradient(90deg,rgba(8,61,120,.92),rgba(19,103,185,.77)),url('/images/cta-final.webp') center 58%/cover no-repeat
}

.cta-band {
  background:linear-gradient(90deg,rgba(8,71,142,.94),rgba(24,116,207,.72)),url('/images/cta-final.webp') center 58%/cover no-repeat
}
@media(max-width:1024px) {
  .resource-hero-grid,.blog-hero-grid,.resource-inner-grid,.contact-hero-grid {
    gap:38px
  }

  .resource-hero-media,.blog-hero-media,.contact-hero-media {
    height:350px
  }

  .resource-subhero-media {
    height:320px
  }

  .about-hero-media {
    height:420px
  }

  .contact-secondary-media {
    height:380px
  }

  .opportunity-visual.detail {
    height:390px
  }

}
@media(max-width:760px) {
  .home-hero-media {
    inset:70px 0 auto;
    height:238px
  }

  .home-hero-media img {
    object-position:64% center
  }

  .home-hero-media:after {
    background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.2))
  }

  .hero {
    padding-top:348px
  }

  .master-hero-art img {
    aspect-ratio:16/9;
    object-position:67% center
  }

  .featured-class-media img {
    object-position:67% center
  }

  .masterclass-detail-media {
    position:relative;
    z-index:0;
    height:225px;
    margin:0 18px 38px;
    border-radius:20px
  }

  .masterclass-detail-media img {
    object-position:67% center;
    opacity:1
  }

  .masterclass-detail-media:after {
    display:none
  }

  .masterclass-detail-hero>.container {
    position:relative;
    z-index:1
  }

  .opportunity-visual.space img {
    object-position:72% center
  }

  .opportunity-visual.ai img {
    object-position:66% center
  }

  .opportunity-visual.gold img {
    object-position:70% center
  }

  .opportunity-visual.buffett {
    height:220px
  }

  .opportunity-visual.detail.buffett {
    height:auto;
    margin-top:40px;
    aspect-ratio:16/9
  }

  .resource-hero-grid,.blog-hero-grid,.resource-inner-grid,.contact-hero-grid {
    grid-template-columns:1fr;
    gap:32px;
    padding-top:45px
  }

  .resource-hero-media {
    height:235px
  }

  .resource-hero-media img {
    object-position:center 55%
  }

  .blog-hero-media {
    height:235px
  }

  .blog-hero-media img {
    object-position:40% center
  }

  .resource-subhero-media {
    height:225px
  }

  .resource-subhero-media.guides-image img {
    object-position:35% center
  }

  .resource-subhero-media.reports-image img {
    object-position:68% center
  }

  .about-hero-media {
    height:260px;
    margin-top:8px
  }

  .about-hero-media img {
    object-position:48% center
  }

  .contact-hero-media {
    height:245px
  }

  .contact-hero-media img {
    object-position:44% center
  }

  .contact-secondary-media {
    height:260px
  }

  .contact-secondary-media img {
    object-position:52% center
  }

  .guide-media,.report-media {
    height:145px
  }

  .article-cover {
    height:190px
  }

  .platform-final,.master-final-cta,.cta-band {
    background-position:68% center
  }

}
.article-grid .article-card:nth-child(1) .article-cover img {
  content:url("/images/blog-educacion-financiera.webp")
}
.article-grid .article-card:nth-child(2) .article-cover img {
  content:url("/images/blog-diversificacion.webp")
}
.article-grid .article-card:nth-child(3) .article-cover img {
  content:url("/images/blog-inteligencia-artificial.webp")
}
.article-grid .article-card:nth-child(4) .article-cover img {
  content:url("/images/blog-mercados-internacionales.webp")
}
.article-grid .article-card:nth-child(5) .article-cover img {
  content:url("/images/blog-construccion-patrimonio.webp")
}
.guide-grid article:nth-child(1) .guide-media img {
  content:url("/images/guia-comenzar-invertir.webp")
}
.guide-grid article:nth-child(2) .guide-media img {
  content:url("/images/guia-diversificacion.webp")
}
.guide-grid article:nth-child(3) .guide-media img {
  content:url("/images/guia-errores-comunes.webp")
}
.guide-grid article:nth-child(4) .guide-media img {
  content:url("/images/guia-construccion-patrimonio.webp")
}
.report-grid h2 {
  margin-top:16px
}

.report-secondary {
  margin-top:20px!important;
  color:#7c91a0!important;
  font-size:11px!important
}

.report-link {
  margin-top:22px
}

.report-introduction p {
  margin:0 0 20px
}

.report-risk-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin-top:26px
}

.report-risk-grid div {
  padding:20px;
  border:1px solid #d9e5ee;
  border-radius:16px;
  background:#f8fbfe;
  color:var(--ink-2);
  font-size:15px
}

.report-list {
  display:grid;
  gap:12px;
  margin:24px 0 0;
  padding-left:22px;
  color:var(--muted);
  font-size:17px
}

.report-article-cta {
  padding:36px;
  border:1px solid #cfe2f0;
  border-radius:22px;
  background:#f1f8fd
}

.report-article-cta .button {
  margin-top:18px
}

@media(max-width:760px) {
  .report-risk-grid {
    grid-template-columns:1fr
  }

  .report-article-cta {
    padding:28px 22px
  }

}