@font-face { font-family:'Plus Jakarta Sans'; font-style:normal; font-weight:200 800; font-display:swap; src:url(//somoscontingente.com.br/wp-content/themes/contingente/assets/fonts/pjs-latin.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family:'Plus Jakarta Sans'; font-style:normal; font-weight:200 800; font-display:swap; src:url(//somoscontingente.com.br/wp-content/themes/contingente/assets/fonts/pjs-latin-ext.woff2) format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family:'Plus Jakarta Sans'; font-style:normal; font-weight:200 800; font-display:swap; src:url(//somoscontingente.com.br/wp-content/themes/contingente/assets/fonts/pjs-vietnamese.woff2) format('woff2'); unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family:'Plus Jakarta Sans'; font-style:normal; font-weight:200 800; font-display:swap; src:url(//somoscontingente.com.br/wp-content/themes/contingente/assets/fonts/pjs-cyrillic-ext.woff2) format('woff2'); unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } :root{
--navy:#081830; --navy-2:#0A2547; --navy-3:#0A2A57;
--blue:#103E7E; --blue-2:#13468E; --blue-3:#0C2E5E;
--teal:#14B4C4; --teal-d:#0C8A99; --cyan:#3ED0DE; --cyan-l:#5FD3DE;
--heading:#0F2747; --text:#4A5A73; --text-2:#56698A; --text-3:#3C5170; --strong:#243B5C;
--bg:#F4F8FC; --bg-2:#FAFCFE; --border:#E8EEF6;
--maxw:1220px; --pad:36px;
} *{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{ font-family:'Plus Jakarta Sans',system-ui,sans-serif; background:#fff; color:var(--text); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
a{ color:inherit; }
::selection{ background:var(--teal); color:#fff; }
.wrapper{ width:100%; overflow-x:hidden; background:#fff; } @keyframes ctgFloat{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }
@keyframes ctgPulse{ 0%{transform:scale(1);opacity:.55} 100%{transform:scale(1.7);opacity:0} }
@keyframes ctgDash{ to{stroke-dashoffset:-44} }
.reveal-on [data-reveal]{ opacity:0; transform:translateY(22px); transition:opacity .8s cubic-bezier(.22,.61,.36,1), transform .8s cubic-bezier(.22,.61,.36,1); }
.reveal-on [data-reveal].in{ opacity:1; transform:none; } .container{ max-width:var(--maxw); margin:0 auto; padding:0 var(--pad); }
.section--light{ background:var(--bg); padding:112px 0; }
.section--white{ background:#fff; padding:112px 0; }
.section-head{ text-align:center; margin:0 auto 60px; }
.section-head--740{ max-width:740px; }
.section-head--780{ max-width:780px; }
.section-head--52{ margin-bottom:52px; }
.eyebrow{ font-size:15.5px; font-weight:800; letter-spacing:.12em; color:var(--teal); text-transform:uppercase; margin-bottom:16px; }
.eyebrow--teal-d{ color:var(--teal-d); }
.eyebrow--cyan-l{ color:var(--cyan-l); }
.section-title{ font-size:37px; line-height:1.16; font-weight:800; color:var(--heading); letter-spacing:-.025em; margin-bottom:18px; }
.section-title--flush{ margin-bottom:0; }
.section-lead{ font-size:18px; line-height:1.62; color:var(--text-2); }
.accent-cyan{ color:var(--cyan); }
.center-link{ text-align:center; margin-top:32px; }
.ctg-link{ position:relative; text-decoration:none; }
.ctg-link::after{ content:''; position:absolute; left:0; bottom:-3px; width:0; height:2px; background:var(--teal); transition:width .3s ease; }
.ctg-link:hover::after{ width:100%; }
.link-arrow{ text-decoration:none; font-size:14px; font-weight:700; color:var(--blue); }
.link-arrow--15{ font-size:15px; } .btn-primary-lg{ text-decoration:none; font-size:16px; font-weight:700; color:#062b30; background:var(--teal); padding:18px 30px; border-radius:14px; box-shadow:0 18px 40px -12px rgba(20,180,196,.6); display:inline-flex; align-items:center; gap:10px; transition:transform .25s,box-shadow .25s; }
.btn-primary-lg:hover{ transform:translateY(-2px); box-shadow:0 24px 48px -12px rgba(20,180,196,.7); }
.btn-ghost-lg{ text-decoration:none; font-size:16px; font-weight:700; color:var(--navy); background:rgba(255,255,255,.55); border:1.5px solid rgba(8,24,48,.35); padding:18px 28px; border-radius:14px; display:inline-flex; align-items:center; gap:9px; transition:background .25s,border-color .25s; }
.btn-ghost-lg:hover{ background:rgba(255,255,255,.8); border-color:rgba(8,24,48,.5); }
.btn-ghost-cta{ text-decoration:none; font-size:16px; font-weight:700; color:#fff; background:rgba(255,255,255,.08); border:1.5px solid rgba(255,255,255,.3); padding:18px 30px; border-radius:14px; transition:background .25s; }
.btn-ghost-cta:hover{ background:rgba(255,255,255,.16); }
.btn-white{ text-decoration:none; font-size:16px; font-weight:700; color:var(--blue); background:#fff; padding:18px 32px; border-radius:14px; box-shadow:0 18px 36px -12px rgba(0,0,0,.35); display:inline-flex; align-items:center; gap:10px; transition:transform .25s; }
.btn-white:hover{ transform:translateY(-2px); }
.btn-linkedin{ text-decoration:none; font-size:16px; font-weight:700; color:#fff; background:var(--blue); padding:17px 30px; border-radius:14px; box-shadow:0 14px 30px -10px rgba(16,62,128,.5); white-space:nowrap; transition:transform .25s; }
.btn-linkedin:hover{ transform:translateY(-2px); }
.btn-arrow{ font-size:18px; } .site-header{ position:fixed; top:0; left:0; right:0; z-index:80; background:transparent; border-bottom:1px solid rgba(255,255,255,0); transition:box-shadow .35s,background .35s,border-color .35s; }
.site-header.is-scrolled{ background:rgba(255,255,255,.94); backdrop-filter:saturate(150%) blur(16px); box-shadow:0 8px 30px -12px rgba(16,42,76,.18); border-bottom-color:#EEF2F7; }
.header-inner{ max-width:var(--maxw); margin:0 auto; padding:17px var(--pad); display:flex; align-items:center; justify-content:space-between; gap:24px; }
.site-logo{ position:relative; display:block; line-height:0; }
.site-logo img{ height:44px; width:auto; display:block; transition:opacity .3s; }
.site-logo .logo-dark{ position:absolute; inset:0; opacity:0; }
.site-header.is-scrolled .site-logo .logo-white{ opacity:0; }
.site-header.is-scrolled .site-logo .logo-dark{ opacity:1; }
.main-nav{ display:flex; align-items:center; gap:34px; font-size:15px; font-weight:600; }
.nav-link{ text-decoration:none; color:#fff; transition:color .35s; }
.site-header.is-scrolled .nav-link,
.site-header.is-scrolled .mega-btn{ color:var(--strong); }
.mega{ position:static; }
.mega-btn{ background:none; border:none; cursor:pointer; font-family:inherit; font-size:15px; font-weight:600; color:#fff; display:inline-flex; align-items:center; gap:6px; padding:0; transition:color .35s; }
.mega-caret{ transition:transform .3s; }
.mega.is-open .mega-caret{ transform:rotate(180deg); }
.mega-panel{ position:absolute; top:64px; left:0; right:0; z-index:70; display:flex; justify-content:center; opacity:0; visibility:hidden; transform:translateY(-10px); transition:opacity .28s ease,transform .28s ease,visibility .28s; }
.mega.is-open .mega-panel{ opacity:1; visibility:visible; transform:translateY(0); }
.mega-grid{ background:#fff; border:1px solid var(--border); border-radius:20px; padding:16px; box-shadow:0 30px 70px -26px rgba(16,42,76,.42); display:grid; grid-template-columns:1fr 1fr; gap:8px; width:760px; max-width:calc(100vw - 48px); }
.mega-item{ text-decoration:none; display:flex; gap:15px; align-items:flex-start; padding:18px; border-radius:14px; transition:background .2s; }
.mega-item:hover{ background:var(--bg); }
.mega-item-ico{ flex-shrink:0; width:44px; height:44px; border-radius:12px; background:linear-gradient(145deg,#EAF1FB,#DCE9FA); display:flex; align-items:center; justify-content:center; }
.mega-item-ico--teal{ background:linear-gradient(145deg,#E6F7F9,#D4F1F4); }
.mega-item-title{ font-size:15.5px; font-weight:800; color:var(--heading); margin-bottom:3px; letter-spacing:-.01em; }
.mega-item-desc{ font-size:13px; line-height:1.45; color:#6B7E9B; }
.header-actions{ display:flex; align-items:center; gap:12px; }
.btn-nav-wa{ text-decoration:none; font-size:14px; font-weight:700; color:#fff; padding:11px 18px; border:1.5px solid rgba(255,255,255,.4); border-radius:12px; transition:background .25s,color .35s,border-color .35s; }
.btn-nav-wa:hover{ background:rgba(255,255,255,.12); }
.site-header.is-scrolled .btn-nav-wa{ color:var(--teal-d); border-color:#C5ECF0; }
.btn-nav-primary{ text-decoration:none; font-size:14px; font-weight:700; color:#062b30; background:var(--teal); padding:12px 22px; border-radius:12px; box-shadow:0 10px 24px -8px rgba(20,180,196,.6); transition:transform .25s,box-shadow .25s; }
.btn-nav-primary:hover{ transform:translateY(-1px); box-shadow:0 14px 30px -8px rgba(20,180,196,.7); }
.burger{ display:none; background:none; border:none; cursor:pointer; flex-direction:column; justify-content:center; align-items:flex-end; gap:5px; width:44px; height:44px; padding:9px 6px; }
.burger-line{ display:block; width:26px; height:2.5px; border-radius:2px; background:#fff; transition:background .35s,transform .3s,opacity .25s; }
.site-header.is-scrolled .burger-line{ background:var(--strong); }
.burger.is-active .burger-line:nth-child(1){ transform:translateY(7.5px) rotate(45deg); background:#fff; }
.burger.is-active .burger-line:nth-child(2){ opacity:0; }
.burger.is-active .burger-line:nth-child(3){ transform:translateY(-7.5px) rotate(-45deg); background:#fff; } .mobile-menu{ position:fixed; inset:0; z-index:75; background:linear-gradient(160deg,#0A2A57 0%,#081830 100%); display:flex; flex-direction:column; padding:100px 26px 36px; transform:translateX(100%); transition:transform .4s cubic-bezier(.4,0,.2,1); visibility:hidden; overflow-y:auto; }
.mobile-menu.is-open{ transform:translateX(0); visibility:visible; }
.mm-link{ text-decoration:none; color:#fff; font-size:21px; font-weight:700; padding:15px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.mm-group{ padding:16px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.mm-group-title{ color:var(--cyan-l); font-size:12.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; margin-bottom:14px; }
.mm-sublinks{ display:flex; flex-direction:column; gap:13px; }
.mm-sublinks a{ text-decoration:none; color:#C9D7EC; font-size:16px; font-weight:600; }
.mm-actions{ display:flex; flex-direction:column; gap:12px; margin-top:30px; }
.btn-mm-primary{ text-decoration:none; text-align:center; font-size:16px; font-weight:700; color:#062b30; background:var(--teal); padding:16px; border-radius:13px; }
.btn-mm-ghost{ text-decoration:none; text-align:center; font-size:16px; font-weight:700; color:#fff; border:1.5px solid rgba(255,255,255,.4); padding:16px; border-radius:13px; }  body{ --ctg-admin-bar-height:0px; }
body.admin-bar{ --ctg-admin-bar-height:32px; }
body.home.admin-bar .site-header{ top:var(--ctg-admin-bar-height); }
body.home.admin-bar #wpadminbar{ position:fixed; }
.hero{
position:relative;
width:100%;
height:calc(100vh - var(--ctg-admin-bar-height));
height:calc(100svh - var(--ctg-admin-bar-height));
height:calc(100dvh - var(--ctg-admin-bar-height));
min-height:0;
display:flex;
flex-direction:column;
background:#e5ddd4;
overflow:hidden;
}
.hero-picture{ position:absolute; inset:0; width:100%; height:100%; overflow:hidden; z-index:0; pointer-events:none; }
.hero-bg{
position:absolute;
inset:0;
width:100%;
height:100%;
min-width:0;
max-width:none;
object-fit:cover;
object-position:66.65% 25.66%;
transform:none;
display:block;
z-index:0;
}
.hero-overlay{ display:block; position:absolute; inset:0; z-index:1; background:linear-gradient(100deg,rgba(240,244,250,.88) 0%,rgba(240,244,250,.74) 32%,rgba(240,244,250,.34) 47%,rgba(240,244,250,0) 62%); pointer-events:none; }
@media (min-width:1160px){
.hero-overlay{ background:linear-gradient(100deg,rgba(240,244,250,.88) 0%,rgba(240,244,250,.74) 30%,rgba(240,244,250,.34) 44%,rgba(240,244,250,0) 54%); }
}
.hero-overlay-2{ position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(10,14,22,.5) 0%,rgba(10,14,22,.12) 13%,rgba(10,14,22,0) 22%); pointer-events:none; }
.hero-inner{
position:relative;
z-index:2;
width:100%;
height:100%;
min-height:0;
max-width:var(--maxw);
margin:0 auto;
padding:clamp(92px,13vh,148px) var(--pad) clamp(24px,5vh,56px);
padding:clamp(92px,13svh,148px) var(--pad) clamp(24px,5svh,56px);
display:flex;
flex-direction:column;
justify-content:safe center;
overflow-y:auto;
overflow-x:hidden;
}
.hero-content-fit{ width:100%; max-width:660px; flex-shrink:0; }
.hero-content{ width:100%; max-width:660px; transform:scale(var(--hero-content-scale,1)); transform-origin:top left; }
.hero-title{ font-size:50px; line-height:1.07; font-weight:600; color:var(--navy); letter-spacing:-.025em; margin-bottom:24px; text-wrap:balance; text-shadow:0 1px 2px rgba(255,255,255,.55); }
.hero-title .accent-cyan{ color:var(--teal-d); }
.hero-lead{ font-size:18px; line-height:1.62; color:var(--strong); max-width:560px; margin-bottom:24px; text-shadow:0 1px 1px rgba(255,255,255,.5); }
.hero-tagline{ display:flex; align-items:center; gap:13px; margin-bottom:38px; }
.hero-tagline-text{ font-size:21px; font-weight:700; color:var(--navy); font-style:italic; letter-spacing:-.01em; text-shadow:0 1px 1px rgba(255,255,255,.5); }
.hero-ctas{ display:flex; flex-wrap:wrap; gap:14px; margin-bottom:26px; }
.hero-note{ font-size:13.5px; color:var(--text-3); max-width:480px; text-shadow:0 1px 1px rgba(255,255,255,.5); }
.svg-shrink0{ flex-shrink:0; } .audience-grid{ display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.audience-card{ background:#fff; border:1px solid var(--border); border-radius:22px; padding:44px; box-shadow:0 2px 4px rgba(16,42,76,.03),0 20px 50px -30px rgba(16,42,76,.22); transition:transform .3s,box-shadow .3s; }
.audience-card:hover{ transform:translateY(-4px); box-shadow:0 2px 4px rgba(16,42,76,.03),0 30px 60px -28px rgba(16,42,76,.32); }
.audience-bar{ width:44px; height:3px; border-radius:2px; background:var(--teal); margin-bottom:24px; }
.audience-bar--teal-d{ background:var(--teal-d); }
.card-title{ font-size:23px; font-weight:800; color:var(--heading); margin-bottom:14px; letter-spacing:-.01em; }
.card-text{ font-size:16px; line-height:1.68; color:var(--text-2); }
.card-text + .card-text{ margin-top:14px; }
.card-text strong{ color:var(--strong); } .pains-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.pain-card{ background:var(--bg-2); border:1px solid var(--border); border-radius:22px; padding:36px; display:flex; flex-direction:column; transition:transform .3s,box-shadow .3s,border-color .3s; }
.pain-card:hover{ transform:translateY(-4px); border-color:#C5ECF0; box-shadow:0 28px 56px -30px rgba(16,42,76,.34); }
.pain-tag{ font-size:12.5px; font-weight:800; color:var(--teal); letter-spacing:.08em; margin-bottom:14px; }
.pain-title{ font-size:21px; font-weight:800; color:var(--heading); line-height:1.28; margin-bottom:18px; letter-spacing:-.01em; }
.pain-list{ list-style:none; display:flex; flex-direction:column; gap:12px; margin-bottom:26px; }
.pain-list li{ font-size:15px; line-height:1.5; color:var(--text-2); padding-left:24px; position:relative; }
.pain-list li::before{ content:'\203A'; position:absolute; left:0; top:6px; color:var(--teal); font-weight:800; }
.pain-do{ margin-top:auto; background:#fff; border:1px solid #E5F4F6; border-radius:15px; padding:20px; }
.pain-do-label{ font-size:11.5px; font-weight:800; letter-spacing:.08em; color:var(--teal-d); text-transform:uppercase; margin-bottom:8px; }
.pain-do-text{ font-size:14px; line-height:1.55; color:var(--text-3); margin-bottom:13px; } .solutions-grid{ display:grid; grid-template-columns:1fr 1fr; gap:26px; }
.solution-card{ position:relative; overflow:hidden; background:#fff; border:1px solid var(--border); border-radius:24px; padding:42px; box-shadow:0 2px 4px rgba(16,42,76,.03),0 22px 54px -32px rgba(16,42,76,.26); scroll-margin-top:100px; transition:transform .3s,box-shadow .3s; }
.solution-card:hover{ transform:translateY(-4px); box-shadow:0 2px 4px rgba(16,42,76,.03),0 34px 64px -30px rgba(16,42,76,.36); }
.solution-inner{ position:relative; z-index:1; }
.solution-icon{ width:52px; height:52px; border-radius:14px; background:linear-gradient(145deg,#EAF1FB,#DCE9FA); display:flex; align-items:center; justify-content:center; margin-bottom:22px; }
.solution-kicker{ display:block; font-size:12.5px; line-height:1.45; font-weight:700; color:var(--teal-d); letter-spacing:.05em; text-transform:uppercase; }
.solution-title{ font-size:24px; font-weight:800; color:var(--heading); margin:8px 0 12px; letter-spacing:-.015em; }
.solution-text{ font-size:16px; line-height:1.62; color:var(--text-2); margin-bottom:22px; }
.chips{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.chip{ font-size:13px; font-weight:700; color:var(--blue); background:var(--bg); border:1px solid #E1EAF4; padding:7px 13px; border-radius:9px; }
.solutions-closing{ margin-top:48px; text-align:center; font-size:21px; font-weight:800; color:var(--heading); letter-spacing:-.01em; } .diff{ position:relative; background:linear-gradient(155deg,#0A2A57 0%,#103E7E 58%,#13468E 100%); padding:112px 0; overflow:hidden; scroll-margin-top:80px; }
.diff-inner{ position:relative; }
.diff-glow{ position:absolute; border-radius:50%; }
.diff-glow--a{ top:-90px; right:-70px; width:380px; height:380px; background:radial-gradient(circle,rgba(20,180,196,.3) 0%,rgba(20,180,196,0) 70%); }
.diff-glow--b{ bottom:-120px; left:-80px; width:340px; height:340px; background:radial-gradient(circle,rgba(255,255,255,.06) 0%,rgba(255,255,255,0) 70%); }
.diff-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:50px; align-items:center; }
.diff-graphic{ position:relative; width:100%; max-width:560px; margin:0 auto; aspect-ratio:1/.94; }
.diff-graphic-glow{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:80%; height:80%; border-radius:50%; background:radial-gradient(circle,rgba(20,180,196,.2),transparent 60%); z-index:0; filter:blur(6px); }
.diff-svg{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; z-index:1; }
.diff-line{ stroke:rgba(150,190,230,.22); stroke-width:1.4; }
.diff-dash{ stroke:var(--cyan); stroke-width:1.7; stroke-dasharray:5 13; }
.diff-dash-1{ animation:ctgDash 1.7s linear infinite; }
.diff-dash-2{ animation:ctgDash 1.9s linear infinite .3s; }
.diff-dash-3{ animation:ctgDash 1.6s linear infinite .55s; }
.diff-dash-4{ animation:ctgDash 2s linear infinite .15s; }
.diff-dash-5{ animation:ctgDash 1.8s linear infinite .42s; }
.diff-node{ position:absolute; transform:translate(-50%,-50%); z-index:4; }
.diff-node-1{ left:21%; top:23%; }
.diff-node-2{ left:80%; top:19%; }
.diff-node-3{ left:88%; top:55%; }
.diff-node-4{ left:60%; top:88%; }
.diff-node-5{ left:14%; top:66%; }
.diff-node-float{ animation:ctgFloat 6s ease-in-out infinite; }
.diff-node-2 .diff-node-float{ animation-delay:.9s; }
.diff-node-3 .diff-node-float{ animation-delay:1.8s; }
.diff-node-4 .diff-node-float{ animation-delay:2.6s; }
.diff-node-5 .diff-node-float{ animation-delay:1.3s; }
.node-chip{ display:flex; align-items:center; gap:9px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.16); backdrop-filter:blur(5px); padding:9px 14px; border-radius:12px; box-shadow:0 16px 30px -16px rgba(0,0,0,.55); }
.node-dot{ width:8px; height:8px; border-radius:50%; background:var(--cyan); box-shadow:0 0 0 4px rgba(62,208,222,.16); }
.node-label{ font-size:13px; font-weight:700; color:#EAF2FB; white-space:nowrap; }
.diff-core{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:5; width:152px; height:152px; }
.diff-core-ring{ position:absolute; inset:0; border-radius:38px; border:1px solid rgba(95,211,222,.45); animation:ctgPulse 3s ease-out infinite; }
.diff-core-ring--2{ animation-delay:1.5s; }
.diff-core-box{ position:absolute; inset:0; border-radius:38px; background:linear-gradient(150deg,#103E7E,#0C2E5E); border:1px solid rgba(95,211,222,.4); box-shadow:0 24px 60px -18px rgba(20,180,196,.55),inset 0 1px 0 rgba(255,255,255,.14); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; }
.diff-core-label{ font-size:11.5px; font-weight:800; letter-spacing:.1em; color:#CFE6FB; text-transform:uppercase; text-align:center; line-height:1.3; }
.diff-title{ font-size:32px; line-height:1.17; font-weight:800; color:#fff; letter-spacing:-.025em; margin-bottom:8px; text-wrap:balance; }
.diff-list{ margin-top:24px; }
.diff-item{ display:flex; gap:18px; padding:15px 0; }
.diff-item + .diff-item{ border-top:1px solid rgba(255,255,255,.12); }
.diff-diamond{ flex-shrink:0; margin-top:7px; width:9px; height:9px; border-radius:2px; background:var(--cyan); transform:rotate(45deg); box-shadow:0 0 0 4px rgba(62,208,222,.14); }
.diff-item-title{ font-size:20px; font-weight:800; color:#fff; margin-bottom:7px; letter-spacing:-.01em; }
.diff-item-text{ font-size:15px; line-height:1.65; color:#BCD0EC; }
.stats{ margin-top:48px; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:20px; padding:34px 40px; }
.stat{ text-align:center; }
.stat--bordered{ border-left:1px solid rgba(255,255,255,.12); border-right:1px solid rgba(255,255,255,.12); }
.stat-num{ font-size:40px; font-weight:800; color:#fff; letter-spacing:-.03em; line-height:1; }
.stat-label{ font-size:14px; color:#9FC0EC; margin-top:6px; font-weight:600; } .whyv{ scroll-margin-top:80px; }
.whyv-head{ margin-bottom:44px; }
.whyv-title{ font-size:34px; line-height:1.15; font-weight:800; color:#fff; letter-spacing:-.025em; margin-bottom:12px; text-wrap:balance; }
.whyv-sub{ font-size:18px; line-height:1.6; color:#BCD0EC; } .whyv-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:44px; align-items:center; }
.acc{ display:flex; flex-direction:column; gap:14px; }
.acc-item{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:16px; overflow:hidden; transition:border-color .3s,background .3s; }
.acc-item.is-open{ border-color:rgba(95,211,222,.4); background:rgba(255,255,255,.07); }
.acc-head{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 22px; background:none; border:none; cursor:pointer; font-family:inherit; text-align:left; color:#fff; }
.acc-q{ font-size:16.5px; font-weight:800; line-height:1.4; letter-spacing:-.01em; }
.acc-ico{ flex-shrink:0; color:var(--cyan); transition:transform .35s ease; }
.acc-item.is-open .acc-ico{ transform:rotate(180deg); }
.acc-body{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .35s ease; }
.acc-item.is-open .acc-body{ grid-template-rows:1fr; }
.acc-body-inner{ overflow:hidden; }
.acc-body-inner p{ font-size:15px; line-height:1.65; color:#BCD0EC; padding:0 22px; }
.acc-body-inner p + p{ margin-top:12px; }
.acc-body-inner p:last-child{ padding-bottom:20px; }
.whyv-media{ position:relative; width:100%; border-radius:22px; overflow:hidden; aspect-ratio:4/5; max-height:475px; box-shadow:0 34px 74px -30px rgba(0,0,0,.6); }
.whyv-media::after{ content:''; position:absolute; inset:0; border-radius:22px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); pointer-events:none; }
.whyv-media img{ width:100%; height:100%; object-fit:cover; display:block; opacity:1; transition:opacity .3s ease; }
.whyv-foot{ margin-top:40px; padding-top:32px; border-top:1px solid rgba(255,255,255,.12); display:flex; align-items:center; justify-content:center; gap:18px; flex-wrap:wrap; }
.whyv-foot-label{ font-size:12.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#9FC0EC; }
.whyv-chips{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.whyv-chip{ font-size:13px; font-weight:700; color:#EAF2FB; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.16); padding:8px 14px; border-radius:10px; }
.whyv-cta{ margin-top:44px; text-align:center; }
.whyv-cta-text{ font-size:19px; font-weight:700; color:#fff; margin-bottom:20px; letter-spacing:-.01em; } .how{ background:#fff; position:relative; overflow:visible; }
.how-grid{ display:grid; grid-template-columns:1fr 1fr; align-items:stretch; }
.how-media{ position:relative; min-height:620px; overflow:visible; border-radius:0; }
.how-media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.how-badge{ position:absolute; right:-24px; bottom:40px; z-index:3; background:var(--teal); color:#fff; border-radius:17px; padding:18px 24px; box-shadow:0 22px 40px -14px rgba(20,180,196,.6); }
.how-badge-label{ font-size:12.5px; font-weight:600; color:#DFFAFC; letter-spacing:.02em; }
.how-badge-value{ font-size:19px; font-weight:800; letter-spacing:-.01em; }
.how-content{ padding:104px 7% 104px 64px; display:flex; flex-direction:column; justify-content:center; }
.how-title{ font-size:37px; line-height:1.16; font-weight:800; color:var(--heading); letter-spacing:-.025em; margin-bottom:16px; }
.how-lead{ font-size:17px; line-height:1.62; color:var(--text-2); margin-bottom:38px; }
.steps{ display:flex; flex-direction:column; }
.step{ display:flex; gap:22px; padding:24px 0; position:relative; }
.step--divider{ border-bottom:1px solid #EEF2F8; }
.step-num{ position:relative; flex-shrink:0; width:54px; height:54px; border-radius:16px; background:linear-gradient(145deg,var(--blue),#14B4C4); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:22px; box-shadow:0 14px 26px -10px rgba(16,62,128,.6); }
.step:not(:last-child) .step-num::after{ content:''; position:absolute; top:calc(100% + 6px); left:50%; width:2px; height:22px; transform:translateX(-50%); border-radius:2px; background:linear-gradient(180deg,rgba(20,180,196,.7),rgba(20,180,196,0)); }
.step-title{ font-size:19px; font-weight:800; color:var(--heading); margin-bottom:6px; letter-spacing:-.01em; }
.step-text{ font-size:15px; line-height:1.58; color:var(--text-2); }
.step-text + .step-text{ margin-top:8px; }  .logos-marquee{ position:relative; width:100vw; margin:0 calc(50% - 50vw) 48px; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%); }
.logos-track{ display:flex; width:max-content; animation:logos-scroll 90s linear infinite; will-change:transform; }
.logos-marquee:hover .logos-track{ animation-play-state:paused; }
.logos-group{ display:flex; flex:0 0 auto; }
@keyframes logos-scroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
.logo-card{ flex:0 0 184px; margin-right:14px; background:#fff; border:1px solid var(--border); border-radius:15px; height:90px; display:flex; align-items:center; justify-content:center; padding:17px 22px; transition:box-shadow .3s,transform .3s; }
.logo-card:hover{ transform:translateY(-3px); box-shadow:0 16px 32px -18px rgba(16,42,76,.32); }
.logo-card img{ max-width:100%; max-height:100%; object-fit:contain; display:block; transition:transform .35s; } .logos-band{ padding-top:66px; padding-bottom:66px; }
.logos-band .section-head{ margin-bottom:34px; }
.logos-band .logos-marquee{ margin-bottom:0; }
.logo-card.p-13{ padding:13px 22px; }
.logo-card.p-18{ padding:18px 22px; }
.logo-card.p-22{ padding:22px 22px; }
.logo-card.p-24{ padding:24px 22px; }
.logo-card.p-26{ padding:26px 22px; } .logo-card.logo-card--upload{ padding:0; overflow:hidden; }
.logo-card.logo-card--upload img{ width:100%; height:100%; max-width:none; max-height:none; object-fit:cover; } .cases{ margin-bottom:48px; }
.cases-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:24px; }
.cases-head .eyebrow{ margin-bottom:8px; }
.cases-title{ font-size:26px; font-weight:800; color:var(--heading); letter-spacing:-.02em; line-height:1.2; max-width:640px; }
.cases-nav{ display:flex; gap:10px; flex-shrink:0; }
.cases-arrow{ width:46px; height:46px; border-radius:50%; border:1px solid var(--border); background:#fff; color:var(--blue); font-size:22px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .2s,box-shadow .2s,opacity .2s; }
.cases-arrow:hover{ background:var(--bg); box-shadow:0 10px 24px -12px rgba(16,42,76,.3); }
.cases-arrow:disabled{ opacity:.35; cursor:default; box-shadow:none; background:#fff; }
.cases-track{ display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 48px)/3); gap:24px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding-bottom:6px; scrollbar-width:none; -ms-overflow-style:none; }
.cases-track::-webkit-scrollbar{ display:none; }
.case-card{ scroll-snap-align:start; background:#fff; border:1px solid var(--border); border-radius:18px; overflow:hidden; display:flex; flex-direction:column; }
.case-media{ aspect-ratio:4/3; overflow:hidden; background:var(--bg); }
.case-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.case-body{ padding:22px 24px 26px; }
.case-name{ font-size:20px; font-weight:800; color:var(--heading); letter-spacing:-.01em; margin-bottom:8px; }
.case-text{ font-size:15px; line-height:1.6; color:var(--text-2); }
.case-text em{ color:#93A4BE; font-style:italic; }
.case-more{ margin-top:22px; display:inline-flex; align-items:center; gap:6px; }
.case-more-arrow{ transition:transform .25s ease; }
.case-more:hover .case-more-arrow{ transform:translateX(4px); } .case-card--cover{ border:none; background:transparent; }
.case-cover{ display:block; width:100%; aspect-ratio:4/5; object-fit:cover; }
.testimonial{ background:#fff; border:1px solid var(--border); border-radius:26px; padding:56px; display:grid; grid-template-columns:auto 1fr; gap:38px; align-items:center; box-shadow:0 2px 6px rgba(16,42,76,.04),0 28px 60px -34px rgba(16,42,76,.3); }
.testimonial-aside{ display:flex; flex-direction:column; align-items:center; gap:14px; flex-shrink:0; }
.testimonial-avatar{ width:240px; height:240px; border-radius:50%; background:linear-gradient(150deg,#103E7E,#14B4C4); display:flex; align-items:center; justify-content:center; color:#fff; font-size:36px; font-weight:800; box-shadow:0 18px 36px -14px rgba(16,62,128,.55); }
.testimonial-photo{ width:240px; height:240px; border-radius:50%; object-fit:cover; object-position:center 20%; display:block; flex-shrink:0; border:3px solid #fff; background:var(--bg); box-shadow:0 18px 36px -14px rgba(16,62,128,.5); }
.quote-mark{ margin-bottom:16px; }
.testimonial-text{ font-size:22px; line-height:1.55; color:#1E3252; font-weight:600; margin-bottom:22px; text-wrap:pretty; letter-spacing:-.01em; }
.testimonial-meta{ display:flex; align-items:center; gap:12px; }
.testimonial-name{ font-weight:800; color:var(--blue); font-size:16px; }
.testimonial-sep{ width:5px; height:5px; border-radius:50%; background:#C3D0E2; }
.testimonial-role{ font-size:15px; color:#7184A0; } .testimonials-title{ margin-bottom:24px; }
.testimonials{ position:relative; }
.testimonials-viewport{ overflow:hidden; }
.testimonials-track{ display:flex; transition:transform .5s ease; }
.testimonials-track .testimonial{ flex:0 0 100%; }
.testimonial--placeholder{ border-style:dashed; opacity:.72; }
.testimonials-nav{ display:flex; align-items:center; justify-content:center; gap:18px; margin-top:24px; }
.testimonials-dots{ display:flex; align-items:center; gap:8px; }
.tst-dot{ width:9px; height:9px; padding:0; border:none; border-radius:50%; background:#C3D0E2; cursor:pointer; transition:background .2s,transform .2s; }
.tst-dot.is-active{ background:var(--blue); transform:scale(1.25); }
@media (prefers-reduced-motion:reduce){ .testimonials-track{ transition:none; } } .live{ background:#fff; padding:88px 0; }
.live-card{ background:linear-gradient(135deg,#E6F7F9 0%,#EEF5FC 100%); border:1px solid #D4ECF1; border-radius:26px; padding:52px; display:flex; align-items:center; justify-content:space-between; gap:36px; flex-wrap:wrap; }
.live-content{ max-width:620px; }
.live-title{ font-size:28px; font-weight:800; color:var(--heading); margin-bottom:11px; letter-spacing:-.02em; }
.live-text{ font-size:16px; line-height:1.62; color:#3F5C78; } .cta{ position:relative; background:linear-gradient(155deg,#0A2A57 0%,#103E7E 100%); padding:124px 0; overflow:hidden; scroll-margin-top:80px; }
.cta-glow{ position:absolute; border-radius:50%; }
.cta-glow--a{ bottom:-130px; left:-70px; width:420px; height:420px; background:radial-gradient(circle,rgba(20,180,196,.32) 0%,rgba(20,180,196,0) 70%); }
.cta-glow--b{ top:-100px; right:-60px; width:320px; height:320px; background:radial-gradient(circle,rgba(255,255,255,.05) 0%,rgba(255,255,255,0) 70%); }
.cta-inner{ max-width:880px; margin:0 auto; padding:0 var(--pad); text-align:center; position:relative; }
.cta-icon{ display:flex; justify-content:center; margin-bottom:36px; }
.cta-title{ font-size:44px; line-height:1.18; font-weight:800; color:#fff; letter-spacing:-.025em; margin-bottom:28px; }
.cta-lead{ font-size:19px; line-height:1.6; color:#BFD2EC; max-width:620px; margin:0 auto 40px; }
.cta-lead strong{ color:#fff; }
.cta-ctas{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-bottom:20px; }
.cta-contact{ font-size:14px; color:#8FA9CC; } .site-footer{ background:var(--navy-2); padding:68px 0 38px; }
.footer-grid{ display:grid; grid-template-columns:1.5fr 1.2fr .8fr 1.5fr; gap:44px; padding-bottom:46px; border-bottom:1px solid rgba(255,255,255,.1); }
.footer-brand-logo{ height:46px; width:auto; display:block; margin-bottom:18px; }
.footer-tagline{ font-size:15px; line-height:1.6; color:#9DB2D2; max-width:300px; font-style:italic; margin-bottom:22px; }
.footer-social{ display:flex; align-items:center; gap:12px; }
.social-btn{ width:40px; height:40px; border-radius:11px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.05); display:flex; align-items:center; justify-content:center; color:#B7C6DE; transition:background .25s,color .25s,border-color .25s; }
.social-btn:hover{ background:rgba(20,180,196,.16); color:#fff; border-color:rgba(95,211,222,.5); }
.footer-col-title{ font-size:12.5px; font-weight:800; letter-spacing:.1em; color:var(--cyan-l); text-transform:uppercase; margin-bottom:18px; }
.footer-links{ display:flex; flex-direction:column; gap:12px; font-size:15px; color:#B7C6DE; }
.footer-links a{ text-decoration:none; transition:color .2s; }
.footer-links a:hover{ color:#fff; }
.footer-contact{ display:flex; flex-direction:column; gap:12px; font-size:15px; color:#B7C6DE; }
.footer-break{ word-break:break-all; }
a.footer-break{ color:inherit; text-decoration:none; transition:color .2s; word-break:normal; overflow-wrap:anywhere; }
a.footer-break:hover{ color:#fff; }
.footer-site{ text-decoration:none; color:var(--cyan-l); transition:color .2s; }
.footer-site:hover{ color:#fff; }
.footer-bottom{ padding-top:28px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.footer-copy{ font-size:13px; color:#6F88A8; }
.footer-copy strong{ color:#9DB2D2; font-weight:700; } .modal{ position:fixed; inset:0; z-index:200; display:none; align-items:center; justify-content:center; padding:20px; }
.modal.is-visible{ display:flex; }
.modal-backdrop{ position:absolute; inset:0; background:rgba(6,18,38,.62); backdrop-filter:blur(5px); opacity:0; transition:opacity .3s; }
.modal.is-open .modal-backdrop{ opacity:1; }
.modal-card{ position:relative; z-index:1; background:#fff; border-radius:22px; width:100%; max-width:1040px; height:86vh; max-height:780px; overflow:hidden; box-shadow:0 50px 110px -30px rgba(0,0,0,.55); display:flex; flex-direction:column; opacity:0; transform:translateY(14px) scale(.985); transition:opacity .3s,transform .3s; }
.modal.is-open .modal-card{ opacity:1; transform:translateY(0) scale(1); }
.modal-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 24px; border-bottom:1px solid #EEF2F7; flex-shrink:0; }
.modal-head-l{ display:flex; align-items:center; gap:13px; }
.modal-head-icon{ width:40px; height:40px; border-radius:11px; background:linear-gradient(150deg,#103E7E,#14B4C4); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.modal-title{ font-size:16.5px; font-weight:800; color:var(--heading); letter-spacing:-.01em; }
.modal-subtitle{ font-size:13px; color:#6B7E9B; }
.modal-close{ flex-shrink:0; width:38px; height:38px; border-radius:10px; border:1px solid var(--border); background:#F7FAFD; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .2s; }
.modal-close:hover{ background:#EDF3F9; }
.modal-body{ flex:1; position:relative; background:var(--bg); }
.modal-frame{ position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }
.modal-foot{ flex-shrink:0; padding:13px 24px; border-top:1px solid #EEF2F7; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.modal-foot-note{ font-size:13px; color:#6B7E9B; }
.modal-foot-link{ text-decoration:none; font-size:13.5px; font-weight:700; color:var(--blue); } .page-main{ max-width:var(--maxw); margin:0 auto; padding:148px var(--pad) 80px; min-height:60vh; }
.page-article{ margin-bottom:48px; }
.page-title{ font-size:34px; font-weight:800; color:var(--heading); letter-spacing:-.02em; margin-bottom:18px; }
.page-content{ font-size:16px; line-height:1.7; color:var(--text-2); }  body.single-case_study .site-header{ background:rgba(255,255,255,.94); backdrop-filter:saturate(150%) blur(16px); box-shadow:0 8px 30px -12px rgba(16,42,76,.18); border-bottom-color:#EEF2F7; }
body.single-case_study .site-logo .logo-white{ opacity:0; }
body.single-case_study .site-logo .logo-dark{ opacity:1; }
body.single-case_study .nav-link,
body.single-case_study .mega-btn{ color:var(--strong); }
body.single-case_study .btn-nav-wa{ color:var(--teal-d); border-color:#C5ECF0; }
body.single-case_study .burger-line{ background:var(--strong); }
.case-hero{ background:var(--bg); padding:156px 0 64px; }
.case-back{ display:inline-block; font-size:14px; font-weight:700; color:var(--text-2); margin-bottom:32px; }
.case-hero-grid{ display:grid; grid-template-columns:1.1fr 1fr; gap:56px; align-items:center; }
.case-hero-title{ font-size:40px; line-height:1.12; font-weight:800; color:var(--heading); letter-spacing:-.02em; margin-bottom:20px; }
.case-hero-lead{ font-size:18px; line-height:1.62; color:var(--text-2); margin-bottom:32px; }
.case-hero-media{ border-radius:24px; overflow:hidden; box-shadow:0 30px 70px -30px rgba(16,42,76,.35); }
.case-hero-media img{ width:100%; height:auto; display:block; }
.case-content{ max-width:760px; font-size:17px; line-height:1.75; color:var(--text-2); }
.case-content h2{ display:flex; align-items:center; gap:14px; font-size:24px; font-weight:800; color:var(--heading); letter-spacing:-.01em; margin:52px 0 18px; }
.case-content h2:first-child{ margin-top:0; }
.case-content h2::before{ content:''; flex-shrink:0; width:4px; height:22px; border-radius:3px; background:linear-gradient(180deg,var(--teal),var(--teal-d)); }
.case-content h3{ font-size:19px; font-weight:800; color:var(--heading); margin:26px 0 12px; }
.case-content p{ margin-bottom:18px; }
.case-content ul{ margin:0 0 18px 20px; }
.case-content li{ margin-bottom:8px; }
.case-content strong{ color:var(--strong); } @media (max-width:880px){
.main-nav{ display:none; }
.header-actions{ display:none; }
.burger{ display:inline-flex; }
}
@media (max-width:760px){
.audience-grid,
.pains-grid,
.solutions-grid,
.diff-grid,
.whyv-grid,
.how-grid,
.stats,
.live-card,
.case-hero-grid,
.footer-grid{ grid-template-columns:1fr; }
.case-hero-grid{ gap:32px; }
.case-hero{ padding-top:112px; }
.case-hero-title{ font-size:30px; }
.case-hero-media{ order:-1; }
.whyv-media{ aspect-ratio:16/10; }
.cases-track{ grid-auto-columns:84%; gap:16px; }
.cases-title{ font-size:22px; }
.cases-head{ align-items:center; }
.container,
.cta-inner{ padding-left:20px; padding-right:20px; }
.header-inner{ padding-left:18px; padding-right:18px; }
.section--light,
.section--white,
.diff{ padding-top:60px; padding-bottom:60px; }
.live{ padding-top:52px; padding-bottom:52px; }
.cta{ padding-top:64px; padding-bottom:64px; }
.audience-card,
.pain-card,
.solution-card{ padding:26px; }
.testimonial{ grid-template-columns:1fr; text-align:center; gap:18px; padding:32px 22px; }
.testimonial-avatar{ width:76px; height:76px; font-size:26px; }
.quote-mark{ width:36px; height:28px; margin:0 auto 12px; }
.testimonial-text{ font-size:18px; margin-bottom:18px; }
.testimonial-meta{ justify-content:center; flex-wrap:wrap; row-gap:4px; }
.live-card{ padding:28px 22px; }
.stats{ padding:26px 22px; }
.how-content{ padding:46px 20px; }
.how-media{ min-height:260px; }
.logo-card{ flex:0 0 148px; height:76px; padding:14px 18px; }
h1{ font-size:32px !important; line-height:1.12 !important; }
h2{ font-size:26px !important; line-height:1.2 !important; }
}
@media (max-width:420px){
h1{ font-size:28px !important; }
h2{ font-size:24px !important; }
}  body.page:not(.home) .site-header{ background:rgba(255,255,255,.94); backdrop-filter:saturate(150%) blur(16px); box-shadow:0 8px 30px -12px rgba(16,42,76,.18); border-bottom-color:#EEF2F7; }
body.page:not(.home) .site-logo .logo-white{ opacity:0; }
body.page:not(.home) .site-logo .logo-dark{ opacity:1; }
body.page:not(.home) .nav-link,
body.page:not(.home) .mega-btn{ color:var(--strong); }
body.page:not(.home) .btn-nav-wa{ color:var(--teal-d); border-color:#C5ECF0; }
body.page:not(.home) .burger-line{ background:var(--strong); }
body.page:not(.home) .burger.is-active .burger-line:nth-child(1),
body.page:not(.home) .burger.is-active .burger-line:nth-child(3){ background:#fff; } .page-simple{ padding:148px 0 104px; }
.page-simple-title{ font-size:37px; line-height:1.16; font-weight:800; color:var(--heading); letter-spacing:-.025em; margin-bottom:34px; max-width:820px; } .page-simple-content{ max-width:820px; font-size:17px; line-height:1.75; color:var(--text-2); }
.page-simple-content > *:first-child{ margin-top:0; }
.page-simple-content > *:last-child{ margin-bottom:0; }
.page-simple-content h2{ font-size:24px; line-height:1.25; font-weight:800; color:var(--heading); letter-spacing:-.01em; margin:52px 0 18px; }
.page-simple-content h3{ font-size:19px; line-height:1.3; font-weight:800; color:var(--heading); margin:32px 0 12px; }
.page-simple-content h4,
.page-simple-content h5,
.page-simple-content h6{ font-size:17px; font-weight:800; color:var(--heading); margin:24px 0 10px; }
.page-simple-content p{ margin-bottom:18px; }
.page-simple-content ul,
.page-simple-content ol{ margin:0 0 18px 22px; }
.page-simple-content li{ margin-bottom:8px; }
.page-simple-content li > ul,
.page-simple-content li > ol{ margin-top:8px; }
.page-simple-content strong,
.page-simple-content b{ color:var(--strong); font-weight:700; }
.page-simple-content a{ color:var(--blue); font-weight:600; text-decoration:underline; text-decoration-color:rgba(20,180,196,.55); text-underline-offset:3px; transition:color .25s,text-decoration-color .25s; }
.page-simple-content a:hover{ color:var(--teal-d); text-decoration-color:var(--teal); }
.page-simple-content blockquote{ margin:26px 0; padding:4px 0 4px 22px; border-left:4px solid var(--teal); color:var(--text-3); font-size:18px; }
.page-simple-content blockquote p:last-child{ margin-bottom:0; }
.page-simple-content hr,
.page-simple-content .wp-block-separator{ border:none; border-top:1px solid var(--border); margin:44px 0; height:0; }
.page-simple-content img{ max-width:100%; height:auto; border-radius:16px; display:block; }
.page-simple-content figure{ margin:26px 0; }
.page-simple-content figcaption{ font-size:14px; color:#6B7E9B; margin-top:10px; }
.page-simple-content code{ font-size:15px; background:var(--bg); border:1px solid var(--border); border-radius:6px; padding:2px 6px; }
.page-simple-content pre{ background:var(--bg); border:1px solid var(--border); border-radius:14px; padding:20px; overflow-x:auto; margin-bottom:18px; }
.page-simple-content pre code{ background:none; border:none; padding:0; }
.page-simple-content table{ width:100%; border-collapse:collapse; margin-bottom:22px; font-size:16px; }
.page-simple-content th,
.page-simple-content td{ border:1px solid var(--border); padding:12px 14px; text-align:left; }
.page-simple-content th{ background:var(--bg); color:var(--heading); font-weight:800; }
.page-simple-content .wp-block-buttons{ margin:26px 0; }
.page-simple-content .wp-block-button__link{ text-decoration:none; font-size:16px; font-weight:700; color:#062b30; background:var(--teal); padding:16px 26px; border-radius:14px; display:inline-block; }
.page-simple-content .aligncenter{ margin-left:auto; margin-right:auto; text-align:center; }
@media (max-width:900px){
.page-simple{ padding:112px 0 72px; }
.page-simple-title{ margin-bottom:24px; }
.page-simple-content{ font-size:16px; }
.page-simple-content h2{ margin:38px 0 14px; }
}
@media (max-width:760px){
.testimonial-photo{ width:92px; height:92px; margin:0 auto; }
} @media (max-width:782px){
body.admin-bar{ --ctg-admin-bar-height:46px; }
}
@media (min-width:761px) and (max-height:820px){
.hero-inner{ padding-top:88px; padding-bottom:20px; }
.hero-title{ font-size:44px; line-height:1.04; margin-bottom:16px; }
.hero-lead{ font-size:16px; line-height:1.45; margin-bottom:15px; }
.hero-tagline{ margin-bottom:20px; }
.hero-tagline-text{ font-size:18px; }
.hero-ctas{ margin-bottom:15px; }
.hero .btn-primary-lg,.hero .btn-ghost-lg{ padding-top:14px; padding-bottom:14px; }
}
@media (max-width:760px){
.hero-inner{
padding:82px 20px 18px;
padding:clamp(82px,11svh,105px) 20px clamp(18px,4svh,34px);
}
.hero-overlay{ background:linear-gradient(90deg,rgba(238,241,246,.94) 0%,rgba(238,241,246,.88) 48%,rgba(238,241,246,.58) 72%,rgba(238,241,246,.34) 100%); }
.hero-overlay-2{ background:linear-gradient(180deg,rgba(10,14,22,.5) 0%,rgba(10,14,22,.12) 9%,transparent 18%); }
.hero .hero-title{ font-size:clamp(27px,7.4vw,34px) !important; line-height:1.08 !important; margin-bottom:clamp(12px,2svh,20px); }
.hero-lead{ font-size:clamp(13px,3.5vw,16px); line-height:1.45; margin-bottom:clamp(10px,1.7svh,18px); }
.hero-tagline{ gap:10px; margin-bottom:clamp(14px,2svh,22px); }
.hero-tagline svg{ width:42px; }
.hero-tagline-text{ font-size:clamp(15px,4vw,18px); }
.hero-ctas{ gap:9px; margin-bottom:clamp(10px,1.5svh,18px); }
.hero .btn-primary-lg,.hero .btn-ghost-lg{ font-size:14px; padding:13px 16px; border-radius:11px; }
.hero-note{ font-size:11px; line-height:1.35; }
}
@media (max-width:760px) and (max-height:700px){
.hero-inner{ padding-top:82px; padding-bottom:12px; }
.hero .hero-title{ font-size:25px !important; margin-bottom:10px; }
.hero-lead{ font-size:12.5px; line-height:1.35; margin-bottom:9px; }
.hero-tagline{ margin-bottom:10px; }
.hero-tagline-text{ font-size:14px; }
.hero-ctas{ margin-bottom:8px; }
.hero .btn-primary-lg,.hero .btn-ghost-lg{ font-size:12.5px; padding:10px 13px; }
.hero-note{ font-size:10px; }
} @media (min-width:761px) and (max-height:540px){
.hero-inner{ padding-top:82px; padding-bottom:12px; }
.hero-title{ font-size:32px; margin-bottom:10px; }
.hero-lead{ font-size:14px; line-height:1.35; margin-bottom:9px; }
.hero-tagline{ margin-bottom:12px; }
.hero-tagline-text{ font-size:16px; }
.hero-ctas{ margin-bottom:10px; }
.hero .btn-primary-lg,.hero .btn-ghost-lg{ font-size:13px; padding:10px 16px; }
.hero-note{ font-size:11px; }
} @media (min-width:761px) and (max-aspect-ratio:4/3){
.hero-overlay{ background:linear-gradient(90deg,rgba(238,241,246,.94) 0%,rgba(238,241,246,.88) 48%,rgba(238,241,246,.58) 72%,rgba(238,241,246,.34) 100%); }
}