/* Theme styles for the Conecta Digital archive. */
:root {
  --e-global-color-primary: #102A3A;
  --e-global-color-secondary: #F6F4EF;
  --e-global-color-text: #254153;
  --e-global-color-accent: #D7FF3F;
  --e-global-color-coral: #FF7B6B;
  --e-global-color-mist: #EAF2EF;
  --e-global-typography-primary-font-family: "Avenir Next", Avenir, "Segoe UI", sans-serif;
  --e-global-typography-primary-font-weight: 700;
  --e-global-typography-text-font-family: "Avenir Next", Avenir, "Segoe UI", sans-serif;
  --e-global-typography-text-font-weight: 400;
  --e-global-typography-accent-font-family: Georgia, "Times New Roman", serif;
  --e-global-typography-accent-font-weight: 400;
  --container-max-width: 1180px;
  --curve: cubic-bezier(.23,1,.32,1);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--e-global-color-secondary); color: var(--e-global-color-primary); font-family: var(--e-global-typography-text-font-family); font-size: 16px; line-height: 1.56; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid var(--e-global-color-coral); outline-offset: 3px; }
.site-shell { overflow: hidden; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link:focus { width: auto; height: auto; margin: 0; clip: auto; background: #fff; color: #102A3A; top: 8px; left: 8px; padding: 10px 14px; z-index: 99; }
.elementor-container { width: min(var(--container-max-width), calc(100% - 48px)); margin: 0 auto; display: grid; grid-template-columns: repeat(12, 1fr); }
.elementor-column { grid-column: span 12; min-width: 0; }
.elementor-widget-container { min-width: 0; }
.site-header { position: relative; z-index: 5; background: var(--e-global-color-secondary); }
.header-section { padding: 24px 0 18px; }
.header-section .elementor-container { display: block; }
.header-section .elementor-column > .elementor-widget-wrap { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid rgba(16,42,58,.18); padding-bottom: 16px; }
.header-section .elementor-widget { margin: 0; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; letter-spacing: -.055em; font-size: 19px; line-height: 1; }
.brand > span:last-child > span { color: var(--e-global-color-coral); }
.brand-mark { height: 24px; width: 25px; position: relative; display: inline-block; }
.brand-mark i { position: absolute; height: 8px; width: 8px; border-radius: 50%; background: var(--e-global-color-accent); border: 1px solid var(--e-global-color-primary); }
.brand-mark i:nth-child(1){ left:0; top:7px; }.brand-mark i:nth-child(2){ left:8px; top:0; background: var(--e-global-color-coral); }.brand-mark i:nth-child(3){ left:15px; top:10px; background: var(--e-global-color-mist); }
.primary-nav { display: flex; justify-content: center; align-items: center; gap: 19px; font-size: 11px; font-weight: 700; letter-spacing: .055em; text-transform: uppercase; white-space: nowrap; }
.primary-nav a { position: relative; padding: 7px 0; opacity: .76; transition: opacity .18s var(--curve); }
.primary-nav a::after { content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background:var(--e-global-color-coral); transition:width .2s var(--curve); }
.primary-nav a:hover, .primary-nav a[aria-current="page"] { opacity: 1; }.primary-nav a:hover::after, .primary-nav a[aria-current="page"]::after { width:100%; }
.header-cta { text-align: right; }.header-cta a { display: inline-block; border: 1px solid var(--e-global-color-primary); padding: 8px 12px; border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: .02em; transition: background .18s var(--curve), color .18s var(--curve), transform .18s var(--curve); }.header-cta a:hover { background: var(--e-global-color-primary); color: #fff; transform: translateY(-2px); }
.hero-section { position: relative; padding: 84px 0 108px; background: var(--e-global-color-secondary); }
.hero-section .elementor-column:first-child { grid-column: span 7; }.hero-section .elementor-column:last-child { grid-column: span 5; }
.eyebrow { color: var(--e-global-color-text); font-size: 11px; letter-spacing: .15em; font-weight: 800; line-height: 1.4; margin: 0 0 22px; }
.hero-section h1 { font-size: clamp(58px, 7.3vw, 106px); letter-spacing: -.075em; line-height: .89; max-width: 780px; margin: 0; font-weight: 800; }
h1 em, h2 em { font-family: var(--e-global-typography-accent-font-family); font-weight: 400; letter-spacing: -.07em; color: var(--e-global-color-coral); }
.hero-copy { max-width: 470px; color: var(--e-global-color-text); margin: 31px 0 31px; font-size: 18px; line-height: 1.55; }
.elementor-button-wrapper { display: inline-block; }.elementor-button { display: inline-flex; border-radius: 999px; background: var(--e-global-color-primary); padding: 15px 18px 15px 22px; color: #fff; font-size: 14px; font-weight: 800; transition: transform .18s var(--curve), background .18s var(--curve); }.elementor-button:hover { transform: translateY(-3px); background: #1c4359; }.elementor-button:active { transform: scale(.97); }.elementor-button-content-wrapper { display: flex; align-items: center; gap: 18px; }.elementor-button-icon { font-size: 20px; line-height: .7; }.button-light { background: var(--e-global-color-accent); color: var(--e-global-color-primary); }.button-light:hover { background: #e5ff83; }
.hero-visual { height: 390px; position: relative; margin: 0 0 0 42px; border-radius: 42% 58% 54% 46% / 48% 35% 65% 52%; background: var(--e-global-color-accent); overflow: hidden; transform: rotate(-4deg); box-shadow: 16px 18px 0 rgba(16,42,58,.08); }
.orbit { position:absolute; border:1px solid rgba(16,42,58,.55); border-radius:50%; }.orbit-one { height:340px; width: 340px; left: 42px; top:20px; }.orbit-two { height: 270px; width: 410px; left:-9px; top:65px; transform: rotate(30deg); }.hero-panel { position:absolute; right:48px; top:78px; width:206px; min-height:190px; padding:23px; border:1px solid rgba(16,42,58,.88); border-radius:10px; background:rgba(246,244,239,.93); transform:rotate(8deg); box-shadow: 9px 10px 0 rgba(16,42,58,.16); }.panel-dot { display:block; width:9px; height:9px; background:var(--e-global-color-coral); border-radius:50%; margin-bottom:20px; }.panel-line { display:block; height:8px; background:var(--e-global-color-primary); margin:9px 0; border-radius:100px; opacity:.85; }.w-72{width:72%;}.w-45{width:45%;}.w-62{width:62%;}.panel-pulse { display:flex; align-items:end; gap:5px; height:42px; padding-top:8px; }.panel-pulse i{display:block;width:10px;background:var(--e-global-color-coral);border-radius:6px 6px 1px 1px;}.panel-pulse i:nth-child(1){height:20px}.panel-pulse i:nth-child(2){height:34px;background:var(--e-global-color-primary)}.panel-pulse i:nth-child(3){height:27px}.signal { position:absolute; color: var(--e-global-color-primary); font-size:31px; font-weight:400; }.signal-a { top:36px; left:60px; }.signal-b { bottom:48px; left:74px; font-size:49px; }.hero-caption { position:absolute; bottom:34px; right:44px; text-transform:uppercase; font-weight:800; font-size:10px; letter-spacing:.17em; line-height:1.35; transform:rotate(8deg); }
.intro-section { background: var(--e-global-color-mist); padding: 91px 0 94px; }.intro-section .elementor-column:nth-child(1){grid-column:span 2}.intro-section .elementor-column:nth-child(2){grid-column:span 4}.intro-section .elementor-column:nth-child(3){grid-column:span 6}.vertical-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;font-weight:800;letter-spacing:.16em;margin:3px 0;color:var(--e-global-color-text)}.intro-section h2,.themes-section h2,.guides-section h2,.close-section h2{font-size:clamp(36px,4.4vw,64px);letter-spacing:-.065em;line-height:.95;margin:0}.intro-section p:not(.vertical-label){font-size:17px;color:var(--e-global-color-text);max-width: 340px;margin:26px 0 0;}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(16,42,58,.26);}.process-grid article{padding:19px 18px 0;border-right:1px solid rgba(16,42,58,.26);min-height: 177px;}.process-grid article:last-child{border-right:none}.process-grid span{display:block;font-size:11px;font-weight:800;color:var(--e-global-color-coral);margin-bottom:25px}.process-grid h3{margin:0 0 10px;font-size:16px;letter-spacing:-.03em}.process-grid p{font-size:13px!important;line-height:1.45;margin:0!important;color:var(--e-global-color-text)}
.themes-section{padding:108px 0 108px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:47px}.section-heading h2{max-width:560px}.section-heading > a,.text-link{font-size:13px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:4px}.section-heading > a span,.text-link span{font-size:17px;margin-left:8px}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(16,42,58,.28);border-left:1px solid rgba(16,42,58,.28)}.theme-card{min-height:322px;padding:23px 22px 21px;border-right:1px solid rgba(16,42,58,.28);border-bottom:1px solid rgba(16,42,58,.28);display:flex;flex-direction:column;position:relative;transition:transform .22s var(--curve),box-shadow .22s var(--curve)}.theme-card:hover{transform:translateY(-7px);box-shadow:7px 8px 0 rgba(16,42,58,.12);z-index:1}.theme-card span{font-size:11px;font-weight:800;color:var(--e-global-color-text)}.theme-card h3{font-size:28px;line-height:.94;letter-spacing:-.06em;margin:auto 0 18px}.theme-card p{font-size:13px;max-width:180px;line-height:1.45;margin:0;color:var(--e-global-color-text)}.theme-card b{position:absolute;right:18px;top:18px;font-size:21px}.theme-card-a{background:#fff}.theme-card-b{background:var(--e-global-color-accent)}.theme-card-c{background:var(--e-global-color-mist)}.theme-card-d{background:var(--e-global-color-coral)}
.guides-section{background:var(--e-global-color-primary);color:#fefdf9;padding:104px 0 110px}.guides-section .eyebrow{color:var(--e-global-color-accent)}.section-heading.inverted{align-items:flex-end}.section-heading.inverted h2{color:#fff}.section-heading.inverted>p{width:310px;margin:0;color:#c7d3d8;font-size:16px;line-height:1.55}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid rgba(255,255,255,.23);border-top:1px solid rgba(255,255,255,.23);margin: 0 0 41px}.guide-card{min-width:0;border-bottom:1px solid rgba(255,255,255,.23);border-right:1px solid rgba(255,255,255,.23)}.guide-card-link{display:flex;height:100%;min-height:343px;flex-direction:column;padding:23px 21px 20px;transition:background .22s var(--curve),color .22s var(--curve)}.guide-card-link:hover{background:var(--e-global-color-accent);color:var(--e-global-color-primary)}.guide-index{font-size:11px;font-weight:800;opacity:.82}.guide-card .eyebrow{font-size:10px;letter-spacing:.11em;color:inherit;margin:36px 0 12px;opacity:.75}.guide-card h3{font-size:24px;letter-spacing:-.055em;line-height:1.02;margin:0}.guide-card p{font-size:13px;line-height:1.47;margin:18px 0 22px;color:inherit;opacity:.77}.read-link{margin-top:auto;font-weight:800;font-size:12px}.read-link b{font-size:17px;margin-left:6px}.close-section{padding:105px 0 111px;background:#fefdf9}.close-section .elementor-column:first-child{grid-column:span 7}.close-section .elementor-column:last-child{grid-column:span 5}.close-copy{padding:84px 0 0 30px;max-width:420px}.close-copy p{font-family:var(--e-global-typography-accent-font-family);font-size:25px;letter-spacing:-.035em;line-height:1.2;margin:0 0 35px}.close-copy .text-link{font-family:var(--e-global-typography-text-font-family);font-size:13px}
.site-footer{background:var(--e-global-color-primary);color:#fff}.footer-section{padding:63px 0 27px}.footer-section .elementor-column > .elementor-widget-wrap{display:grid;grid-template-columns:2.35fr 5.65fr}.footer-brand p{font-size:14px;line-height:1.5;color:#c8d5d9;max-width:230px;margin:25px 0 0}.footer-brand .brand{color:#fff}.footer-links{display:grid;grid-template-columns:1fr 1.16fr 1.45fr;gap:30px}.footer-links h2{font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin:3px 0 17px;color:var(--e-global-color-accent)}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links li{margin:0 0 8px}.footer-links li a{font-size:13px;color:#dbe5e7}.footer-links li a:hover{color:var(--e-global-color-accent)}.footer-links p{font-family:var(--e-global-typography-accent-font-family);font-size:18px;line-height:1.23;color:#e4ecee;margin:0 0 18px}.footer-email{font-size:12px;font-weight:800;border-bottom:1px solid var(--e-global-color-accent);padding-bottom:3px;color:var(--e-global-color-accent)}.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.18);margin-top:58px;padding-top:17px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.045em;color:#b2c3c9}
.page-hero-section,.listing-section,.article-section{padding:70px 0 110px;background:#fefdf9;min-height: 62vh}.breadcrumb{font-size:11px;font-weight:700;letter-spacing:.025em;margin-bottom:48px}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;color:var(--e-global-color-text)}.breadcrumb a:hover{text-decoration:underline}.page-hero-section h1,.listing-section h1{font-size:clamp(48px,6vw,82px);letter-spacing:-.07em;line-height:.95;max-width:890px;margin:0}.page-intro{font-size:19px;line-height:1.55;color:var(--e-global-color-text);max-width:650px;margin:28px 0 0}.page-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 82px;margin-top:80px;max-width:1000px;border-top:1px solid rgba(16,42,58,.24)}.content-slice{padding:29px 0 32px;border-bottom:1px solid rgba(16,42,58,.2)}.content-slice:nth-child(odd){padding-right:35px}.content-slice:nth-child(even){padding-left:35px;border-left:1px solid rgba(16,42,58,.2)}.content-slice h2{font-size:23px;letter-spacing:-.045em;line-height:1.05;margin:0 0 13px}.content-slice p{font-size:15px;line-height:1.58;color:var(--e-global-color-text);margin:0}.listing-section{background:var(--e-global-color-secondary)}.listing-section h1{max-width:760px}.guide-grid-light{border-color:rgba(16,42,58,.22);margin-top:68px}.guide-grid-light .guide-card{border-color:rgba(16,42,58,.22)}.guide-grid-light .guide-card-link{min-height:324px}.guide-grid-light .guide-card-link:hover{background:var(--e-global-color-primary);color:#fff}.article-section{padding-top:59px}.article-section h1{font-size:clamp(47px,6.1vw,82px);letter-spacing:-.075em;line-height:.95;max-width:960px;margin:0}.article-intro{font-family:var(--e-global-typography-accent-font-family);font-size:27px;line-height:1.24;letter-spacing:-.035em;max-width:740px;margin:31px 0 18px;color:var(--e-global-color-text)}.article-meta{display:flex;gap:21px;flex-wrap:wrap;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--e-global-color-text);padding-top:17px;border-top:1px solid rgba(16,42,58,.24);max-width:740px}.article-body{max-width:740px;margin:72px auto 0}.article-slice{margin:0 0 48px}.article-slice h2{font-size:31px;line-height:1;letter-spacing:-.055em;margin:0 0 15px}.article-slice p{font-size:17px;color:var(--e-global-color-text);margin:0}.checklist{background:var(--e-global-color-mist);padding:31px 33px 31px;margin:56px 0}.checklist h2{font-size:22px;letter-spacing:-.04em;margin:0 0 15px}.checklist ul{list-style:none;padding:0;margin:0}.checklist li{font-size:15px;border-top:1px solid rgba(16,42,58,.18);padding:12px 0 0;margin:12px 0 0}.checklist li::before{content:"✓";color:var(--e-global-color-coral);font-weight:800;margin-right:12px}.article-disclaimer{font-size:13px!important;line-height:1.55;border-left:3px solid var(--e-global-color-coral);padding-left:17px;color:var(--e-global-color-text)}.related-guides{border-top:1px solid rgba(16,42,58,.24);margin-top:81px;padding-top:47px}.related-guides h2{font-size:37px;letter-spacing:-.06em;line-height:1;margin:0 0 34px}.related-guides .guide-grid{grid-template-columns:repeat(2,1fr);margin:0;max-width:720px}.related-guides .guide-card-link{min-height:260px}
.contact-layout{display:grid;grid-template-columns: .8fr 1.2fr;gap:76px;margin-top:80px;padding-top:32px;border-top:1px solid rgba(16,42,58,.22)}.contact-layout h2{font-size:29px;letter-spacing:-.055em;line-height:1;margin:0 0 16px}.contact-layout>div>p{color:var(--e-global-color-text);font-size:15px;margin:0}.contact-form p{margin:0 0 18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.11em;margin:0 0 8px}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(16,42,58,.4);border-radius:0;background:#fff;color:var(--e-global-color-primary);font:inherit;padding:12px;transition:border-color .18s var(--curve),box-shadow .18s var(--curve)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--e-global-color-primary);box-shadow:4px 4px 0 var(--e-global-color-accent)}.form-button{border:0;background:var(--e-global-color-primary);color:#fff;border-radius:999px;font:inherit;font-size:13px;font-weight:800;padding:14px 19px;cursor:pointer;transition:transform .18s var(--curve)}.form-button:hover{transform:translateY(-2px)}.form-button span{font-size:18px;margin-left:12px}.form-note{font-size:12px;color:var(--e-global-color-text);margin:20px 0 0!important}
@media (max-width: 950px) { .header-section .elementor-column > .elementor-widget-wrap{grid-template-columns:1fr auto}.primary-nav{grid-column:1/-1;grid-row:2;margin-top:16px;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.hero-section .elementor-column:first-child{grid-column:span 7}.hero-section .elementor-column:last-child{grid-column:span 5}.hero-visual{margin-left:10px;height:350px}.hero-panel{right:20px}.intro-section .elementor-column:nth-child(1){grid-column:span 1}.intro-section .elementor-column:nth-child(2){grid-column:span 5}.intro-section .elementor-column:nth-child(3){grid-column:span 6}.process-grid{grid-template-columns:1fr}.process-grid article{border-right:0;border-bottom:1px solid rgba(16,42,58,.26);min-height:0;padding:14px 0 16px}.process-grid article:last-child{border-bottom:0}.process-grid span{margin-bottom:8px}.theme-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}.footer-section .elementor-column > .elementor-widget-wrap{grid-template-columns:1fr;gap:44px}.footer-links{max-width:720px}.close-section .elementor-column:first-child{grid-column:span 7}.close-section .elementor-column:last-child{grid-column:span 5}.close-copy{padding:54px 0 0}.contact-layout{gap:45px}.page-copy{gap:0 35px} }
@media (max-width: 640px) { .elementor-container{width:min(100% - 32px, var(--container-max-width))}.header-section{padding-top:18px}.header-section .elementor-column > .elementor-widget-wrap{padding-bottom:12px}.brand{font-size:18px}.header-cta a{font-size:10px;padding:7px 9px}.primary-nav{gap:15px;font-size:10px}.hero-section{padding:58px 0 72px}.hero-section .elementor-column:first-child,.hero-section .elementor-column:last-child,.intro-section .elementor-column:nth-child(1),.intro-section .elementor-column:nth-child(2),.intro-section .elementor-column:nth-child(3),.close-section .elementor-column:first-child,.close-section .elementor-column:last-child{grid-column:span 12}.hero-section h1{font-size:clamp(51px,16vw,72px)}.hero-copy{font-size:16px;margin:24px 0 27px}.hero-visual{height:270px;margin:52px 7px 0}.orbit-one{height:250px;width:250px;left:42px;top:12px}.orbit-two{height:190px;width:290px;top:55px}.hero-panel{width:165px;min-height:155px;padding:17px;top:48px;right:31px}.hero-caption{bottom:25px;right:30px;font-size:8px}.intro-section,.themes-section,.guides-section,.close-section{padding:68px 0}.vertical-label{writing-mode:initial;transform:none;margin:0 0 18px}.intro-section h2,.themes-section h2,.guides-section h2,.close-section h2{font-size:42px}.intro-section p:not(.vertical-label){font-size:16px;margin-top:18px}.process-grid{margin-top:41px}.section-heading,.section-heading.inverted{display:block}.section-heading > a{display:inline-block;margin-top:22px}.section-heading.inverted>p{width:auto;margin-top:22px}.theme-grid,.guide-grid{grid-template-columns:1fr}.theme-card{min-height:246px}.guide-card-link{min-height:280px}.guide-card .eyebrow{margin-top:27px}.close-copy{padding:40px 0 0}.close-copy p{font-size:23px}.footer-links{grid-template-columns:1fr 1fr;gap:34px 20px}.footer-links>div:last-child{grid-column:1/-1}.footer-bottom{margin-top:37px;display:block;line-height:1.6}.footer-bottom span{display:block}.page-hero-section,.listing-section,.article-section{padding:43px 0 72px}.breadcrumb{margin-bottom:37px}.page-hero-section h1,.listing-section h1,.article-section h1{font-size:48px}.page-intro{font-size:17px}.page-copy{grid-template-columns:1fr;margin-top:49px}.content-slice:nth-child(odd),.content-slice:nth-child(even){padding:25px 0;border-left:0}.article-intro{font-size:23px}.article-body{margin-top:48px}.article-slice{margin-bottom:38px}.article-slice h2{font-size:28px}.article-slice p{font-size:16px}.related-guides{margin-top:58px;padding-top:36px}.related-guides .guide-grid{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr;margin-top:50px;gap:35px}.form-row{grid-template-columns:1fr}.contact-layout h2{font-size:28px} }
@media (prefers-reduced-motion: no-preference) { .hero-visual{animation:floatIn .7s var(--curve) both}.theme-card,.guide-card-link{transition-duration:.22s}@keyframes floatIn{from{opacity:0;transform:rotate(-4deg) translateY(18px)}to{opacity:1;transform:rotate(-4deg) translateY(0)}} }