/* English Compass AI — reference concept implementation, 2026-10-30.
   Layout, logo, photographic compass background, real interactions, responsive safeguards. */
.ec-concept-live{background:#faf8f2!important;color:#173332!important}
.ec-concept-live .ec-concept-es{display:none!important}
html[lang="es"] .ec-concept-live .ec-concept-en{display:none!important}
html[lang="es"] .ec-concept-live .ec-concept-es{display:contents!important}
.ec-concept-live .ec-concept-en{display:contents}
.ec-concept-live .ec-shell-header.ec-concept-header{
  position:relative!important;z-index:90!important;height:auto!important;min-height:0!important;
  background:#061d21!important;border-bottom:1px solid #ab8445!important;box-shadow:none!important;
}
.ec-concept-live .ec-shell-header.ec-concept-header .ec-nav.ec-concept-nav{
  display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;justify-content:space-between!important;
  width:100%!important;max-width:none!important;min-width:0!important;min-height:112px!important;
  margin:0 auto!important;padding:11px clamp(22px,3vw,58px)!important;gap:clamp(12px,1.45vw,26px)!important;
  background:#061d21!important;box-sizing:border-box!important;
}
.ec-concept-live .ec-shell-header .brand.ec-concept-brand{
  display:flex!important;align-items:center!important;width:clamp(250px,20.8vw,370px)!important;
  min-width:0!important;flex-shrink:0!important;text-decoration:none!important;line-height:0!important;
}
.ec-concept-live .ec-concept-brand .ec-concept-lockup{display:block!important;width:100%!important;height:auto!important;max-height:100px!important;object-fit:contain!important}
.ec-concept-live .ec-concept-brand .ec-concept-logo-small{display:none!important}
.ec-concept-live .ec-shell-header.ec-concept-header .navlinks{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-width:0!important;flex-wrap:nowrap!important;gap:clamp(10px,1vw,21px)!important;
  margin:0!important;padding:0!important;
}
.ec-concept-live .ec-shell-header.ec-concept-header .navlinks a,
.ec-concept-live .ec-shell-header.ec-concept-header .navlinks a:nth-child(n+3){
  display:inline-flex!important;align-items:center!important;gap:4px!important;
  color:#faf0dd!important;font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(12px,.89vw,15px)!important;font-weight:500!important;text-decoration:none!important;
  white-space:nowrap!important;letter-spacing:-.15px!important;line-height:1.3!important;
}
.ec-concept-live .ec-shell-header.ec-concept-header .navlinks a:hover{color:#eac16f!important}
.ec-concept-live .ec-shell-header.ec-concept-header .navlinks a span{color:#dfb965!important}
.ec-concept-live .ec-shell-header.ec-concept-header .navbuttons{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  flex-wrap:nowrap!important;flex-shrink:0!important;gap:10px!important;margin:0!important;min-width:0!important;
}
.ec-concept-live .ec-shell-header.ec-concept-header .navbuttons .ec-concept-search{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:35px!important;height:39px!important;color:#f8eddb!important;text-decoration:none!important;
  order:0!important;
}
.ec-concept-live .ec-shell-header.ec-concept-header .navbuttons .ec-language-switch{
  order:1!important;display:inline-flex!important;flex:0 0 auto!important;
  border:1px solid #d0ab69!important;background:#0b2b2d!important;border-radius:40px!important;
  padding:2px!important;white-space:nowrap!important;color:#f7ead0!important;
}
.ec-concept-live .ec-shell-header.ec-concept-header .navbuttons .ec-language-switch button{
  color:#f8e8c6!important;background:transparent!important;min-width:33px!important;
  padding:8px!important;border-radius:25px!important;font-size:12px!important;
}
.ec-concept-live .ec-shell-header.ec-concept-header .navbuttons .ec-language-switch button[aria-pressed="true"]{
  background:#eec677!important;color:#132b2a!important;
}
.ec-concept-live .ec-shell-header.ec-concept-header .navbuttons #nav-account{
  display:inline-flex!important;order:2!important;align-items:center!important;justify-content:center!important;
  min-height:40px!important;min-width:76px!important;margin:0!important;padding:9px 13px!important;
  border:1px solid #c49e5e!important;background:#07242a!important;color:#f7e9cf!important;
  border-radius:13px!important;font:500 14px Georgia,serif!important;white-space:nowrap!important;cursor:pointer!important;
}
.ec-concept-live .ec-shell-header.ec-concept-header .navbuttons #nav-start{
  display:inline-flex!important;order:3!important;align-items:center!important;justify-content:center!important;
  min-height:43px!important;padding:10px 19px!important;min-width:132px!important;
  border-radius:13px!important;border:1px solid #f0d48f!important;
  background:linear-gradient(180deg,#fae3a1,#dfaa4d)!important;color:#132626!important;
  box-shadow:0 2px 12px #0004!important;font:800 14px Georgia,serif!important;white-space:nowrap!important;
  cursor:pointer!important;
}
.ec-concept-live .ec-shell-header.ec-concept-header .navbuttons #nav-start span{margin-left:8px}
.ec-concept-live .ec-shell-header.ec-concept-header .ec-menu-toggle{
  display:none!important;order:4!important;align-items:center!important;justify-content:center!important;
  min-width:43px!important;width:43px!important;height:43px!important;min-height:43px!important;
  border-radius:12px!important;border:1px solid #b6975e!important;background:#0d3033!important;
  color:#f3dfae!important;cursor:pointer!important;padding:10px!important;
}
.ec-concept-live .ec-shell-header.ec-concept-header .ec-menu-lines span{background:#f3dfae!important}
.ec-concept-live .ec-shell-header.ec-concept-header .ec-mobile-panel{
  position:absolute!important;top:100%!important;right:clamp(15px,3vw,56px)!important;left:auto!important;
  width:min(370px,calc(100vw - 32px))!important;max-height:calc(100dvh - 120px)!important;
  overflow:auto!important;border:1px solid #bd9659!important;background:#082b2e!important;
  border-radius:0 0 18px 18px!important;padding:14px!important;box-shadow:0 24px 55px #0008!important;
}
.ec-concept-live .ec-shell-header.ec-concept-header .ec-mobile-panel[hidden]{display:none!important}
.ec-concept-live .ec-shell-header.ec-concept-header .ec-mobile-panel:not([hidden]){display:block!important}
.ec-concept-live .ec-shell-header.ec-concept-header .ec-mobile-panel a{color:#f3e7d2!important}
.ec-concept-live .ec-shell-header.ec-concept-header .ec-mobile-panel a:hover{background:#245259!important;color:#ffe1a4!important}
.ec-concept-live #root.shell{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
.ec-concept-live #root .ec-home.ec-concept-home{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
.ec-concept-live #root .ec-home.ec-concept-home .ec-hero-new.ec-concept-hero{
  box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;
  min-height:585px!important;padding:clamp(58px,5vw,84px) clamp(32px,3.8vw,80px)!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(330px,420px)!important;
  align-items:center!important;gap:clamp(18px,2vw,42px)!important;
  border:0!important;border-bottom:1px solid #ae884b!important;border-radius:0!important;
  box-shadow:none!important;color:#fcf3e6!important;
  background-color:#051e22!important;
  background-image:linear-gradient(90deg,#041a20c9 0%,#041a2052 44%,#061d2220 68%,#061d2240 100%),url('https://static.wixstatic.com/media/477ed6_2514b5c55a09412688b51111c23b2210~mv2.webp')!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important;
}
.ec-concept-live #root .ec-concept-copy{position:relative;z-index:2;max-width:840px!important}
.ec-concept-live #root .ec-concept-kicker{
  margin:0 0 21px!important;color:#f0bd63!important;font:800 13px/1.5 system-ui,Arial,sans-serif!important;
  letter-spacing:4px!important;text-transform:uppercase!important;
}
.ec-concept-live #root .ec-concept-copy h1{
  font:400 clamp(51px,5.65vw,92px)/.99 Georgia,'Times New Roman',serif!important;
  max-width:900px!important;margin:0 0 26px!important;color:#fff7e9!important;
  letter-spacing:-2.5px!important;text-shadow:0 3px 18px #0008!important;
}
.ec-concept-live #root .ec-concept-copy h1 em{font-weight:400!important;color:#f1c873!important;font-style:italic!important;white-space:nowrap!important}
.ec-concept-live #root .ec-concept-description{
  margin:0 0 31px!important;color:#fff5e7!important;
  font:400 clamp(16px,1.4vw,22px)/1.65 Georgia,'Times New Roman',serif!important;
  max-width:820px!important;text-shadow:0 2px 12px #000c!important;
}
.ec-concept-live #root .ec-concept-actions{display:flex!important;gap:18px!important;align-items:center!important;flex-wrap:wrap!important;margin:0 0 25px!important}
.ec-concept-live #root .ec-concept-actions .ec-concept-action{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:20px!important;
  min-width:228px!important;min-height:57px!important;padding:14px 21px!important;
  border-radius:16px!important;text-decoration:none!important;
  font:700 21px/1.2 Georgia,'Times New Roman',serif!important;transition:transform .18s ease!important;
}
.ec-concept-live #root .ec-concept-action:hover{transform:translateY(-2px)}
.ec-concept-live #root .ec-concept-action-primary{
  color:#092d30!important;background:linear-gradient(180deg,#fbe3a3,#e1ac53)!important;
  border:1px solid #f0d394!important;
}
.ec-concept-live #root .ec-concept-action-secondary{
  color:#fff4dd!important;background:#082a2d91!important;border:1.5px solid #e5b969!important;
}
.ec-concept-live #root .ec-concept-trust{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:clamp(12px,1.6vw,27px)!important;
  color:#f7f0e5!important;font:500 13px/1.55 system-ui,Arial,sans-serif!important;margin:0!important;
}
.ec-concept-live #root .ec-concept-trust>span{display:inline-flex!important;align-items:center!important;gap:10px!important;white-space:nowrap!important}
.ec-concept-live #root .ec-concept-trust b{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:22px!important;height:22px!important;min-width:22px!important;border-radius:50%!important;
  border:1.5px solid #e6b75c!important;color:#f4c96e!important;font-size:14px!important;
}
.ec-concept-live #root .ec-concept-level-card{
  position:relative!important;z-index:3!important;box-sizing:border-box!important;
  width:100%!important;max-width:420px!important;margin:0!important;
  padding:32px 30px 27px!important;align-self:center!important;
  border-radius:24px!important;border:1.5px solid #ddb870!important;
  background:linear-gradient(135deg,#081a1de8,#111e20e8)!important;
  box-shadow:0 19px 40px #0007!important;color:#fff3df!important;
  backdrop-filter:blur(12px)!important;
}
.ec-concept-live #root .ec-concept-card-eyebrow{
  margin:0 0 23px!important;color:#f1eee7!important;
  font:700 12px/1.4 system-ui,Arial,sans-serif!important;letter-spacing:3px!important;
}
.ec-concept-live #root .ec-concept-levels{
  display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:5px!important;
  margin:0 0 12px!important;
}
.ec-concept-live #root .ec-concept-level{
  width:100%!important;min-width:0!important;aspect-ratio:1!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid #9eaeaa!important;background:#09262b!important;color:#fff3e0!important;
  border-radius:50%!important;padding:0!important;
  font:700 13px system-ui,Arial,sans-serif!important;cursor:pointer!important;
}
.ec-concept-live #root .ec-concept-level:hover{border-color:#e9c26f!important}
.ec-concept-live #root .ec-concept-level.is-active,
.ec-concept-live #root .ec-concept-level[aria-pressed="true"]{
  color:#132a2b!important;background:linear-gradient(180deg,#ffe6a1,#e7b855)!important;
  border-color:#efcf80!important;box-shadow:0 0 0 3px #eab8611d!important;
}
.ec-concept-live #root .ec-concept-card-labels{
  display:flex!important;justify-content:space-between!important;margin:0 0 11px!important;
  color:#e1e5df!important;font:400 12px/1.5 system-ui,Arial,sans-serif!important;
}
.ec-concept-live #root .ec-concept-meter{
  height:9px!important;width:100%!important;margin:0 0 24px!important;
  border-radius:99px!important;background:#567877!important;overflow:hidden!important;
}
.ec-concept-live #root .ec-concept-meter>span{
  display:block!important;height:100%!important;border-radius:99px!important;
  background:linear-gradient(90deg,#e6b85c,#ffe3a1)!important;transition:width .22s ease!important;
}
.ec-concept-live #root .ec-concept-assessment{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;
  min-height:51px!important;padding:12px 15px!important;
  color:#14292b!important;background:linear-gradient(180deg,#ffe5a5,#e5af53)!important;
  border:1px solid #f0d391!important;border-radius:16px!important;
  font:800 17px Georgia,serif!important;text-decoration:none!important;text-align:center!important;
}
.ec-concept-live #root .ec-concept-card-foot{font:400 12px/1.5 system-ui,Arial,sans-serif!important;text-align:center!important;color:#e4e9e2!important;margin:13px 0 0!important}
.ec-concept-live #root .ec-concept-screenreader{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.ec-concept-live #root .ec-concept-features{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  width:100%!important;margin:0!important;padding:26px clamp(25px,2.8vw,55px)!important;
  background:#faf7f0!important;color:#243638!important;
  border-bottom:1px solid #e6ddcc!important;gap:0!important;
}
.ec-concept-live #root .ec-concept-feature{
  display:flex!important;align-items:center!important;gap:15px!important;min-width:0!important;
  padding:0 clamp(10px,1.4vw,26px)!important;border-right:1px solid #e4ddce!important;
}
.ec-concept-live #root .ec-concept-feature:first-child{padding-left:0!important}
.ec-concept-live #root .ec-concept-feature:last-child{border-right:0!important;padding-right:0!important}
.ec-concept-live #root .ec-concept-feature-icon{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:53px!important;height:53px!important;min-width:53px!important;
  border:1.5px solid #bd8938!important;border-radius:50%!important;color:#b08029!important;
}
.ec-concept-live #root .ec-concept-feature-copy{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important}
.ec-concept-live #root .ec-concept-feature-copy strong{color:#263434!important;font:700 clamp(14px,1.07vw,18px)/1.2 Georgia,serif!important}
.ec-concept-live #root .ec-concept-feature-copy small{font:400 12px/1.4 system-ui,Arial,sans-serif!important;color:#728080!important}
.ec-concept-live #root .ec-home-pricing{padding-top:70px!important;max-width:1240px!important}
.ec-concept-live #root .ec-pricing-heading h2{color:#183a39!important}
.ec-concept-live #root .ec-home-price{background:#fffdf8!important;border:1px solid #ddccaa!important}
.ec-concept-live #root .ec-home-price strong{color:#0d6d66!important}
.ec-concept-live > footer{background:#092428!important;color:#e5dac7!important;border-top:1px solid #b38e50!important}
.ec-concept-live > footer a{color:#e8c27c!important}
.ec-concept-live a:focus-visible,.ec-concept-live button:focus-visible{outline:3px solid #ffe1a0!important;outline-offset:3px!important}
@media(max-width:1570px){
  .ec-concept-live .ec-shell-header.ec-concept-header .navlinks a:nth-child(n+6){display:none!important}
  .ec-concept-live .ec-shell-header.ec-concept-header .ec-menu-toggle{display:inline-flex!important}
}
@media(max-width:1370px){
  .ec-concept-live .ec-shell-header.ec-concept-header .navlinks a:nth-child(n+4){display:none!important}
  .ec-concept-live .ec-shell-header.ec-concept-header .ec-nav.ec-concept-nav{min-height:95px!important}
  .ec-concept-live .ec-shell-header .brand.ec-concept-brand{width:clamp(220px,22vw,300px)!important}
}
@media(max-width:1150px){
  .ec-concept-live .ec-shell-header.ec-concept-header .navlinks{display:none!important}
  .ec-concept-live .ec-shell-header.ec-concept-header .ec-menu-toggle{display:inline-flex!important}
  .ec-concept-live #root .ec-home.ec-concept-home .ec-hero-new.ec-concept-hero{grid-template-columns:minmax(0,1fr) minmax(280px,340px)!important;min-height:540px!important}
  .ec-concept-live #root .ec-concept-copy h1{font-size:clamp(43px,5.8vw,68px)!important}
  .ec-concept-live #root .ec-concept-actions .ec-concept-action{min-width:175px!important;font-size:17px!important}
  .ec-concept-live #root .ec-concept-features{grid-template-columns:repeat(3,minmax(0,1fr))!important;row-gap:24px!important}
  .ec-concept-live #root .ec-concept-feature:nth-child(3){border-right:0!important}
}
@media(max-width:820px){
  .ec-concept-live .ec-shell-header.ec-concept-header .navbuttons #nav-account,
  .ec-concept-live .ec-shell-header.ec-concept-header .navbuttons .ec-concept-search{display:none!important}
  .ec-concept-live #root .ec-home.ec-concept-home .ec-hero-new.ec-concept-hero{
    grid-template-columns:1fr!important;min-height:0!important;
    padding:64px 26px 45px!important;gap:37px!important;
    background-position:65% center!important;
    background-image:linear-gradient(90deg,#061e23f2 0%,#061e23e9 54%,#061e23aa 100%),url('https://static.wixstatic.com/media/477ed6_2514b5c55a09412688b51111c23b2210~mv2.webp')!important;
  }
  .ec-concept-live #root .ec-concept-copy h1{font-size:clamp(43px,7.6vw,65px)!important}
  .ec-concept-live #root .ec-concept-level-card{max-width:540px!important;margin:0 auto!important}
  .ec-concept-live #root .ec-concept-features{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ec-concept-live #root .ec-concept-feature:nth-child(3){border-right:1px solid #e4ddce!important}
  .ec-concept-live #root .ec-concept-feature:nth-child(even){border-right:0!important}
}
@media(max-width:560px){
  .ec-concept-live .ec-shell-header.ec-concept-header .ec-nav.ec-concept-nav{min-height:70px!important;padding:6px 13px!important;gap:6px!important}
  .ec-concept-live .ec-shell-header .brand.ec-concept-brand{width:62px!important}
  .ec-concept-live .ec-concept-brand .ec-concept-lockup{display:none!important}
  .ec-concept-live .ec-concept-brand .ec-concept-logo-small{display:block!important;width:60px!important;height:60px!important;object-fit:contain!important}
  .ec-concept-live .ec-shell-header.ec-concept-header .navbuttons #nav-start{display:none!important}
  .ec-concept-live .ec-shell-header.ec-concept-header .navbuttons{gap:6px!important}
  .ec-concept-live .ec-shell-header.ec-concept-header .navbuttons .ec-language-switch{padding:0!important}
  .ec-concept-live #root .ec-home.ec-concept-home .ec-hero-new.ec-concept-hero{padding:52px 18px 35px!important;gap:26px!important}
  .ec-concept-live #root .ec-concept-kicker{font-size:10px!important;letter-spacing:2.2px!important}
  .ec-concept-live #root .ec-concept-copy h1{font-size:clamp(39px,9.6vw,54px)!important;letter-spacing:-1.4px!important}
  .ec-concept-live #root .ec-concept-copy h1 em{white-space:normal!important}
  .ec-concept-live #root .ec-concept-description{font-size:16px!important;line-height:1.55!important}
  .ec-concept-live #root .ec-concept-actions{gap:12px!important}
  .ec-concept-live #root .ec-concept-actions .ec-concept-action{min-width:0!important;width:100%!important;min-height:49px!important;font-size:18px!important}
  .ec-concept-live #root .ec-concept-trust{gap:10px!important}
  .ec-concept-live #root .ec-concept-trust>span{font-size:11px!important}
  .ec-concept-live #root .ec-concept-level-card{padding:25px 16px 22px!important;border-radius:20px!important}
  .ec-concept-live #root .ec-concept-levels{gap:4px!important}
  .ec-concept-live #root .ec-concept-level{font-size:11px!important}
  .ec-concept-live #root .ec-concept-features{grid-template-columns:1fr!important;padding:21px!important}
  .ec-concept-live #root .ec-concept-feature,.ec-concept-live #root .ec-concept-feature:nth-child(3){border-right:0!important;border-bottom:1px solid #e4ddce!important;padding:13px 0!important}
  .ec-concept-live #root .ec-concept-feature:last-child{border-bottom:0!important}
}
@media(prefers-reduced-motion:reduce){.ec-concept-live #root .ec-concept-action,.ec-concept-live #root .ec-concept-meter>span{transition:none!important}}