.carousel .hestia-title{font-size:67px}.carousel span.sub-title{font-size:18px}@media (max-width:768px){.carousel .hestia-title,h1.hestia-title{font-size:36px}.page-header.header-small .hestia-title,.page-header.header-small .title{font-size:26px}}h2.hestia-title,h2.title{font-size:37px}@media (max-width:768px){h2.hestia-title,h2.title{font-size:24px}}.woocommerce .exclusive-products h2,.woocommerce .related.products h2,.woocommerce div.product .product_title{font-size:32px}@media (max-width:768px){.woocommerce .exclusive-products h2,.woocommerce .related.products h2,.woocommerce div.product .product_title{font-size:24px}}#comments .hestia-title,.subscribe-line h3.hestia-title,.woocommerce .comment-reply-title,.woocommerce-cart .blog-post h1.hestia-title,.woocommerce-checkout .blog-post h1.hestia-title{font-size:27px}h5.description,h5.subscribe-description{font-size:18px}.subscribe-line .description{font-size:14px}.woocommerce-cart .blog-post h1.hestia-title,.woocommerce-checkout .blog-post h1.hestia-title{font-size:27px}.hestia-work .card-title,.woocommerce .cart-collaterals h2,.woocommerce .cross-sells h2,.woocommerce-checkout .blog-post .section form.woocommerce-checkout h3:not(#ship-to-different-address),.woocommerce.single-product .summary .price{font-size:23px}.footer .widget h5,.hestia-info h4.info-title,h4.card-title,section.contactus h4.hestia-title{font-size:18px}.archive .card-blog .card-title,.blog .card-blog .card-title,.blog .hestia-blog-featured-card .card-title{font-size:25px}h6.category{font-size:12px}.card-description,.woocommerce .product .card-product .card-description p,.woocommerce.single-product .woocommerce-product-details__short-description,section.pricing p.text-gray{font-size:14px}.hestia-features .hestia-info p{font-size:16px}.hestia-title.title-in-content,.page-content-wrap h1,.single-post-wrap h1,h1{font-size:42px}@media (max-width:768px){.hestia-title.title-in-content{font-size:36px}}.page-content-wrap h2,.single-post-wrap h2,h2{font-size:37px}.page-content-wrap h3,.single-post-wrap h3,h3{font-size:32px}.page-content-wrap h4,.single-post-wrap h4,h4{font-size:27px}.page-content-wrap h5,.single-post-wrap h5,h5{font-size:23px}.page-content-wrap h6,.single-post-wrap h6,h6{font-size:18px}@media (max-width:768px){.page-content-wrap h1,.page-template-template-fullwidth article h1,.single-post-wrap h1,h1{font-size:30px}.page-content-wrap h2,.page-template-template-fullwidth article h2,.single-post-wrap h2,h2{font-size:28px}.page-content-wrap h3,.page-template-template-fullwidth article h3,.single-post-wrap h3,h3{font-size:24px}.page-content-wrap h4,.page-template-template-fullwidth article h4,.single-post-wrap h4,h4{font-size:22px}.page-content-wrap h5,.page-template-template-fullwidth article h5,.single-post-wrap h5,h5{font-size:20px}.page-content-wrap h6,.page-template-template-fullwidth article h6,.single-post-wrap h6,h6{font-size:18px}}.page-content-wrap,.page-content-wrap dl,.page-content-wrap ol,.page-content-wrap table,.page-content-wrap ul,.page-template-template-fullwidth article,.page-template-template-fullwidth article dl,.page-template-template-fullwidth article ol,.page-template-template-fullwidth article table,.page-template-template-fullwidth article ul,.single-post-wrap,.single-post-wrap dl,.single-post-wrap ol,.single-post-wrap table,.single-post-wrap ul{font-size:18px}@media (max-width:768px){.page-content-wrap,.page-content-wrap dl,.page-content-wrap ol,.page-content-wrap table,.page-content-wrap ul,.page-template-template-fullwidth article,.page-template-template-fullwidth article dl,.page-template-template-fullwidth article ol,.page-template-template-fullwidth article table,.page-template-template-fullwidth article ul,.single-post-wrap,.single-post-wrap dl,.single-post-wrap ol,.single-post-wrap table,.single-post-wrap ul{font-size:16px}}body{font-size:14px}.navbar a{font-size:12px}:root {
--color-primary: #304a82; --color-primary-dark: #1d2d50; --color-primary-light: #4267b5;
--button-blue: #2563eb;
--gtuit-green: #97cd78; --color-background: #f7f7f7; --color-background-alt: #fdfdfd; --color-surface: #ffffff; --color-text: #535252; --color-text-light: #ffffff; --color-border: #e0e0e0; --color-error: #d32f2f; --color-warning: #ffa000; --color-success: #388e3c;
--color-secondary: #e5e7eb; --color-secondary-hover: #d1d5db; }
.navbar-header {
padding: 5px; }
nav a {
font-weight: 600 !important;
} .navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li.active > a {
color: var(--color-primary) !important;
}  .navbar.is-at-top {
background: #ffffff !important; backdrop-filter: none; -webkit-backdrop-filter: none;
transition: background 0.3s ease;
} .navbar.navbar-not-transparent {
background: rgba(255,255,255,0.6);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
transition: background 0.3s ease;
}
.navbar.menu-open {
background-color: rgba(247, 247, 247, 0.8);
-webkit-backdrop-filter: saturate(150%) blur(15px);
backdrop-filter: saturate(150%) blur(15px);
color: #fff !important;
box-shadow: none !important;
} .navbar.menu-open .navbar-nav > li > a {
color: var(--color-text) !important;
}
.navbar.menu-open .navbar-nav > li > a:hover {
color: var(--gtuit-green, #3ca661) !important;
} .btn-primary {
font-weight: bold;
color: var(--color-surface) !important; background-color: var(--color-primary) !important; border: 2px solid var(--color-primary);
border-radius: 6px;
backdrop-filter: blur(2px) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; margin: 0
}
.btn-primary:hover{
box-shadow: 0 4px 12px var(--color-primary-dark) !important; }
.btn-secondary {
font-weight: bold;
color: var(--color-primary) !important; background:var(--color-background); border: 2px solid var(--color-primary);
}
.btn-secondary:hover{
color: var(--color-primary) !important; box-shadow: 0 4px 12px var(--color-primary-dark) !important; }
@media (max-width: 768px) {
.navbar-collapse.collapse.in {
display: block !important;
max-height: none !important;
} .navbar .navbar-nav > li > a {
color: var(--color-text) !important;
} .navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li.active > a {
color: var(--color-text) !important;
}
} @media (max-width: 1200px) { .navbar-header {
float: none; width: 100%; display: flex; align-items: center; justify-content: space-between; } .title-logo-wrapper img {
max-height: 60px; height: auto;
} .navbar-toggle-wrapper {
margin-left: auto; display: flex;
align-items: center; } .navbar-toggle {
display: block !important;
padding: 8px 10px; margin: 0;
line-height: 1;
} #main-navigation {
display: none !important;
}
#main-navigation.in { display: block !important;
}
}
.navbar-nav > li.menu-toggle {
display: none !important;
} .btn-transparent {
background-color: rgba(29, 45, 80, 0.3) !important; border-radius: 10px;
padding: 0 20px;
}
h2 {
font-size: 2.5rem;
margin-bottom: 1.5rem;
color: var(--color-text);
} #particles-js {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -3; pointer-events: none;  background: radial-gradient(ellipse at top left,
#f7f7f7 0%, #ffffff 100%);
} .hero-section {
position: relative;
width: 100%;
height: 100vh; overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between; }
.hero-img-wrapper {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 0;
} .hero-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover; object-position: top; display: block;
opacity: 0;
transition: opacity 2s ease;
z-index: 1;
}
.hero-img.visible {
opacity: 1;
z-index: 2;
}
.hero-content{
position:absolute; top:5%; left:5%;
transform:none; text-align:left; z-index:2;
padding-top: 40px;
color: var(--color-primary);
font-weight: bolder;
}
.hero-headline{
line-height:1.1;
font-size:3.7rem;
font-weight: bold; }
.hero-buttons a {
display: inline-flex; justify-content: center;
align-items: center;
width: 195px; height: 50px; text-align: center;
padding: 0; box-sizing: border-box;
font-size: 1.5rem } @media (max-width:1000px){ .hero-content{
top:5%;
left:5%;
}
.hero-headline{
font-size:3.2rem; line-height:1.1;
} .hero-buttons{ gap:.75rem; }
.hero-buttons a{
width:170px;
height:52px;
font-size:1.2rem;
}
} @media (max-width:600px){
.hero-section {
height: auto;
margin-top:60px;
}
.hero-img-wrapper {
position: relative; }
.hero-img {
position: relative;
width: 100%;
height: auto;
object-fit: contain; } .hero-img:not(.visible) {
display: none;
} .hero-content{
top:-10%;
left:5%;
font-size: .7rem;
}
.hero-headline{
font-size:1.9rem;
} .hero-buttons{
display:flex;
flex-direction:row; flex-wrap:nowrap; justify-content:center;
gap:.75rem;
margin-top:1rem;
width:100%; max-width:320px; }
.hero-buttons a{
flex:1 1 0; min-width:50px; height:30px;
font-size:.7rem;
width:80px; }
}
.stats-section{
position:absolute;
bottom:0; left:0; right:0;
width:100%;
padding:15px 5%;
background: rgba(5, 33, 87, 0.5);
z-index:3;
}
.stats-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
max-width: 1200px;
margin: 0 auto;
} .stats-section .stat-item {
display: flex; align-items: center; gap: 1rem; text-align: left; }
.stats-section .stat-icon {
flex: 0 0 50px; height: 90px;
width: 90px;
}
.stats-section .stat-details {
display: flex;
flex-direction: column; align-items: flex-start;
} .stat-item h3 {
font-size: 1.9rem;
font-weight: 700;
margin: 0;
color: var(--color-background) !important;
}
.stat-item p {
font-size: 1.4rem;
font-weight: 600;
line-height: 1.4;
color: var(--color-background);
} @media (max-width:1000px){ .stats-wrapper{
gap:1rem;
} .stats-section .stat-icon{
flex:0 0 24px; width:70px;
height:70px;
}
.stat-item h3{ font-size:1.3rem; }
.stat-item p { font-size:1rem; }
}   @media (max-width:600px){
.stats-section{
padding:10px 5%;
} .stats-wrapper{
grid-template-columns:repeat(4,1fr);
gap:.75rem; } .stats-section .stat-item{
display:flex;
align-items:center;
gap:.4rem; } .stats-section .stat-icon{
flex:0 0 24px; width:24px;
height:24px;
} .stat-item h3{ font-size:1rem; }
.stat-item p { font-size:.5rem; line-height:1.3; }
}
.about-section {
padding: 80px 10% 100px;
color: var(--color-text);
text-align: center;
background: rgba(247, 247, 247, 0.09);
}
.about-top small {
text-transform: uppercase;
font-size: 3rem;
letter-spacing: 2px;
color: var(--color-primary);
display: block;
margin-bottom: 1rem;
}
.about-top p {
font-size: 1.5rem;
max-width: 800px;
margin: 0 auto 2rem auto;
line-height: 1.7;
}
.about-highlights {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px;
margin-top: 40px;
}
.highlight-item {
display: flex;
flex-direction: column;
align-items: center;
}
.highlight-icon {
height: 80px;
width: 80px;
margin-bottom: 1rem;
display: block;
object-fit: contain;
background-color: transparent; }
.highlight-item h3 {
font-size: 1.5rem;
font-weight: 600;
}
.about-link {
margin-top: 50px;
}
@media (max-width: 1000px) {
.about-highlights {
grid-template-columns: repeat(2, 1fr); gap: 30px;
}
.about-top small {
font-size: 2.4rem;
}
.about-top p {
font-size: 1.3rem;
}
.highlight-item h3 {
font-size: 1.3rem;
}
.highlight-icon {
width: 70px;
height: 70px;
}
}
@media (max-width: 600px) {
.about-section {
padding: 60px 6% 80px;
}
.about-top small {
font-size: 2rem;
}
.about-top p {
font-size: 1.1rem;
line-height: 1.6;
}
.about-highlights {
gap: 24px;
margin-top: 30px;
}
.highlight-icon {
width: 60px;
height: 60px;
}
.highlight-item h3 {
font-size: 1.2rem;
}
.about-link {
margin-top: 40px;
}
}
.solutions-section {
width: 100%;
padding: 60px 10%;
color: var(--color-text);
background: rgba(247, 247, 247, 0.09);
border-top: 1px solid var(--color-border);
}
.solutions-text small {
text-transform: uppercase;
letter-spacing: 2px;
color: var(--color-primary);
margin-bottom: 1rem;
display: block;
}
.solutions-text p {
font-size: 1.5rem;
line-height: 1.7;
}   .solutions-top{
display:grid;  grid-template-columns: minmax(0,560px) 1fr;
gap:60px;
align-items:center; max-width:1400px; margin-bottom:70px;
} .solutions-text{
max-width:400px;
margin:0 auto;
align-items: center;
} .solutions-image{ max-width:700px; width:100%; aspect-ratio:7/5; border-radius:14px;
overflow:hidden;
}
.solutions-image img{
width:100%;
height:100%;
object-fit:contain;
display:block;
}
.solutions-grid {
display: grid;
grid-template-columns: repeat(4, 1fr); gap: 40px;
margin-top: 40px;
}
.solution-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
background: rgba(241, 235, 235, 0.4);
padding: 30px 20px;
border-radius: 12px;
text-decoration: none; color: var(--color-text);
box-sizing: border-box; border: 1px solid transparent;
transition: border 0.3s ease, backdrop-filter 0.3s ease;
}
.solution-item:hover {
backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
border: 1px solid var(--color-primary-light); }
.solution-item h3 {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 0.75rem;
}
.solution-icon {
height: 80px;
width: 80px;
margin-bottom: 1rem;
display: block;
object-fit: contain;
background-color: transparent; }  @media (max-width: 1000px) { .solutions-top {
grid-template-columns: 1fr;
gap: 40px;
text-align: center;
justify-items: center; padding: 0 5%; } .solutions-grid {
grid-template-columns: repeat(2, 1fr);
gap: 30px;
margin-top: 0;
}
} @media (max-width: 600px) { .solutions-text h2 {
font-size: 1.75rem;
} .solutions-grid {
gap: 24px;
} .solution-item {
padding: 24px 18px;
}
.solution-item h3 {
font-size: 1.1rem;
}
.solution-item p {
font-size: 1.1rem;
}
} .cta-video-section {
position: relative;
padding: 60px 10%; text-align: center;
color: var(--color-background);
overflow: hidden; }  .cta-video-section::before {
content: "";
position: absolute;
inset: 0; background: rgba(18, 39, 106, 0.6); z-index: 0;
} .cta-video-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover; z-index: -1; }   .cta-container{
max-width: 1200px; margin-inline: auto;
display: flex;
flex-direction: column; gap: 2rem;
position: relative;
z-index: 1; text-align: left;
color: var(--color-background);
} .cta-col{
flex:1 1 0;
display:flex;
flex-direction:column;
justify-content:flex-start; align-self:flex-start; } @media (min-width:600px){
.cta-container{
flex-direction: row; align-items: center; gap: 4rem; }
.cta-col{ flex: 1 1 0; } } .cta-container{ flex-wrap: wrap; } .cta-container small{
flex: 1 1 100%; order: -1; text-align: center; margin-bottom: .75rem; } .cta-container small {
text-transform: uppercase;
font-size: 3rem;
letter-spacing: 2px;
color: var(--color-background);
display: block;
margin-bottom: 1rem;
}
.cta-container h2 {
color: var(--color-background);
}
.cta-container p {
font-size: 1.5rem;
line-height: 1.7;
margin: 0 auto 2rem;
} .cta-link {
margin-top: 40px;
} @media (max-width: 800px) {
.cta-video-section {
padding: 80px 6%;
}
} .contact-section {
padding: 50px 8%;
color: var(--color-text);
background: rgba(247, 247, 247, 0.09);
}
.contact-inner {
display: grid;
grid-template-columns:minmax(0, 400px) 1fr; gap: 60px;
max-width: 1100px;
margin: 0 auto;
align-items: start;
} .contact-info small {
text-transform: uppercase;
font-size: 2rem;
letter-spacing: 2px;
color: var(--color-primary);
display: block;
margin-bottom: 1rem;
}
.contact-info .lead {
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 26px;
}
.contact-list {
list-style: none;
padding: 0;
margin: 0 0 30px;
}
.contact-list li {
margin: 10px 0;
display: flex;
align-items: center;
gap: 10px;
}
.contact-list i {
color: var(--color-primary);
} .map-embed img {
width: 100%;
border-radius: 12px;
display: block;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.09);
} .contact-form {
display: flex;
flex-direction: column;
gap: 22px;
}
.form-group {
display: flex;
flex-direction: column;
gap: 6px;
}
.contact-form label {
font-weight: 600;
font-size: 1.1rem;
}
.contact-form input,
.contact-form textarea {
padding: 14px 18px;
border: 1px solid var(--color-border);
border-radius: 8px;
font-family: inherit;
font-size: 1rem;
}
.contact-form input:focus,
.contact-form textarea:focus {
outline: none;
border-color: var(--color-primary);
box-shadow: 0 0 0 2px rgba(0, 144, 96, .15);
} .contact-form .btn-primary {
align-self: flex-start;
padding: .9rem 2.4rem;
} @media (max-width: 820px) {
.contact-inner {
grid-template-columns:1fr;
gap: 50px;
}
.contact-form .btn-primary {
align-self: stretch;
text-align: center;
}
} .site-footer {
background: rgba(4, 37, 104, 0.5);
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);
border-top:1px solid var(--color-border);
padding: 40px 5% 18px;
position: relative;
z-index: 10;
}
.site-footer::before { content: '';
position: absolute;
inset: 0 0 auto 0;
height: 70px;
pointer-events: none;
} .footer-inner {
display: grid;
grid-template-columns:1fr 1fr; gap: 60px;
max-width: 1200px;
margin: 0 auto;
align-items: start;
color: var(--color-primary);
} .footer-col.contact h4 {
margin: 0 0 10px;
font-size: 2rem;
}
.footer-col.contact p {
margin: 4px 0;
line-height: 1.4;
}
.footer-col.contact i {
margin-right: 6px;
color: var(--color-primary);
}
.footer-col.contact a {
color: var(--color-text);
text-decoration: none;
}
.footer-col.contact a:hover {
color: var(--color-primary);
} .footer-col.stats {
display: flex;
justify-content: center;
gap: 48px;
}
.stat {
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
min-width: 120px;
text-align: center;
}
.stat i {
font-size: 28px;
color: var(--color-primary);
}
.stat .count {
font-size: 1.5rem;
font-weight: 700;
}
.stat small {
font-size: 1rem;
line-height: 1.3;
} .footer-col.social {
text-align: right;
}
.social-circles {
display: flex;
justify-content: flex-end;
gap: 20px;
list-style: none;
padding: 0;
margin: 0 0 6px;
}
.social-circles a {
display: flex;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
border: 2px solid #c5c5c5;
border-radius: 50%;
color: var(--color-primary);
font-size: 1.15rem;
transition: .3s;
}
.social-circles a:hover {
border-color: var(--color-primary);
color: var(--color-primary);
} @media (max-width: 768px) {
.footer-inner {
gap: 32px;
}
.footer-col.stats {
flex-wrap: wrap;
gap: 32px 24px;
}
}
.split-layout-section {
background: rgba(247, 247, 247, 0.09);
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);
padding: 180px 10% 120px 10%;
color: var(--color-text);
}
.split-layout-inner {
display: flex;
gap: 60px;
max-width: 1200px;
margin: 0 auto;
align-items: flex-start;
justify-content: left;
}
.split-layout-left {
text-align: left;
}
.section-label {
font-size: 3rem;
letter-spacing: 2px;
color: var(--color-primary);
display: block;
margin-bottom: 1rem;
}
.centered-header-section {
text-align: center;
padding: 120px 0 40px 0; }
.stacked-grid{
padding: 0px 0 40px 0; }
.centered-header-inner {
max-width: 800px;
margin: 0 auto;
} .contact-buttons{
display:flex;
justify-content:center; gap:1.25rem; flex-wrap:wrap; margin-top:2rem;
} .contact-buttons .btn{
min-width:220px;
padding:0.9rem 1.25rem;
font-size:1rem;
text-align:center;
}  @media (max-width:600px){
.contact-buttons{ display:grid;
grid-template-columns:repeat(3, 1fr);
gap:.6rem; padding:0 4%; }
.contact-buttons .btn{ min-width:0;
width:100%; padding:.6rem .4rem;
font-size:.85rem; text-align:center; }
}
.sub-label {
font-size: 1.8rem;
color: var(--color-text);
}
.section-header {
font-size: 2.7rem;
letter-spacing: 2px;
color: var(--color-primary);
display: block;
margin-bottom: 1rem;
text-transform: uppercase;
}
@media (max-width: 600px) {
.section-header {
font-size: 2rem;
}
.section-label{
font-size: 1.9rem;
}
}
.split-heading {
font-size: 2.5rem;
line-height: 1.3;
margin-bottom: 0;
color: var(--color-text);
} @media (max-width: 768px) {
.split-layout-inner {
grid-template-columns: 1fr;
text-align: center;
}
.split-heading {
font-size: 2rem;
margin-top: 1rem;
}
.split-layout-right p {
font-size: 1.1rem;
}
}
.video-stats-section{
padding: 100px 10%;
}
.stats-container {
max-width: 1200px;
margin: 0 auto;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.values-header {
max-width: 700px;
margin-bottom: 2rem;
}
.video-container{
margin-top: 60px;
}
.video-container iframe{
border-radius: 6px;
}
.image-text-split {
padding: 40px 10%;
background: rgba(247, 247, 247, 0.09);
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);;
}
.image-text-grid {
display: grid;
grid-template-columns: 1.5fr 2.5fr;
gap: 60px;
max-width: 1200px;
margin: 0 auto;
align-items: center;
}
.underline-accent {
width: 30px;
height: 4px;
background-color: var(--gtuit-green);
margin-top: 2rem;
border-radius: 5px;
}
.underline-accent-center {
width: 30px;
height: 4px;
background-color: var(--gtuit-green);
margin: 2rem auto 20px auto; border-radius: 5px;
} @media (max-width: 1000px){
.underline-accent{
margin: 2rem auto 20px auto; } .image-text-grid{
grid-template-columns: 1fr; gap: 30px; text-align: center; } .image-text-grid > :first-child{ order: 2; } .underline-accent{
margin: 2rem auto 20px;
}
} .image-column {
height: 100%;
}
.image-column img {
width: 100%;
height: 100%;
object-fit: fill; display: block;
} @media (max-width: 600px) {
.image-text-grid {
grid-template-columns: 1fr;
text-align: center;
}
.text-column p {
font-size: 1.2rem;
}
.image-column img {
margin-top: 2rem;
}
}
.flat-feature-grid {
padding: 60px 10%;
background: rgba(247, 247, 247, 0.09);
backdrop-filter: blur(1px);
border-top: 1px solid var(--color-border);
}
.flat-feature-inner {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 60px;
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
.flat-feature-item img {
height: auto;
width: 150px; max-width: 120px;
margin-bottom: 24px;
}
.flat-feature-item h3 {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 0.5rem;
color: var(--color-text);
}
.timeline-section {
background: rgba(247, 247, 247, 0.09);
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);
padding: 30px 10%;
}
.timeline-header {
text-align: center;
max-width: 900px;
margin: 0 auto 3rem auto;
}
.timeline-container {
position: relative;
max-width: 900px;
margin: 0 auto;
padding: 0 ;
display: flex;
flex-direction: column;
gap: 2rem; } .timeline-container::before {
content: '';
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 1px;
background-color: var(--color-border);
transform: translateX(-50%);
} .timeline-item {
display: flex;
width: 100%;
position: relative;
}
.timeline-item.left {
justify-content: flex-start;
}
.timeline-item.right {
justify-content: flex-end;
margin-top:-10rem; } .timeline-item::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 10px; height: 10px;
background-color: var(--color-primary);
border: 2px solid var(--color-surface);
border-radius: 50%;
z-index: 2;
} .timeline-content {
width: calc(46% - 1.5rem); padding: 1.25rem 1.5rem 0;
background: rgba(255, 255, 255, 0.6);
backdrop-filter: blur(8px);
border-radius: 8px;
border-top: 4px solid var(--color-primary);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
position: relative;
text-align: left;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.timeline-content .section-label {
padding-left: 2rem;
} .timeline-item.left .timeline-content::after {
content: '';
position: absolute;
top: 1.5rem;
right: -12px;
border: 8px solid transparent;
border-left-color: var(--color-surface);
}
.timeline-item.right .timeline-content::after {
content: '';
position: absolute;
top: 1.5rem;
left: -12px;
border: 8px solid transparent;
border-right-color: var(--color-surface);
} .timeline-content h3 {
margin: 0 0 0.5rem;
font-size: 1.8rem;
font-weight: 700;
color: var(--color-primary-dark);
}   @media (max-width:600px){ .timeline-container::before,
.timeline-item::after{
display:none !important; } .timeline-item.right{
margin-top:0 !important;
} .timeline-item{
justify-content:flex-start; margin:0; }
.timeline-content{
width:100% !important;
max-width:none;
padding:1rem 1.25rem;
text-align:left;
} .timeline-content::after{
display:none !important;
} .timeline-item + .timeline-item{
margin-top:1.5rem;
}
}
.team-section {
padding: 30px 10%;
color: var(--color-text);
text-align: center;
} .support-team-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
margin-top: 3rem;
justify-items: center; align-items: stretch;
}
.support-member {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
width: 100%;
max-width: 240px;
padding: 1rem 0;
}
.support-photo {
width: 100%;
max-width: 300px;
height: 300px;
object-fit: cover;
object-position: center top;
border-radius: 8px;
display: block;
}
.member-info {
text-align: center;
margin-top: 1rem;
line-height: 1.4;
padding: 0 0.5rem;
} .support-member h4,
.support-member p {
text-align: left; }
.support-member h4 {
font-size: 1.3rem;
font-weight: 600;
color: var(--color-text);
margin: 0 0 .35rem;
}
.support-member p {
font-size: 1.15rem;
line-height: 1.55;
color: var(--color-text);
margin: 0;
}
.team-footnote {
font-size: 1.3rem;
max-width: 800px;
margin: 3rem auto 0 auto;
line-height: 1.7;
color: var(--color-text);
text-align: center;
} @media (max-width:1000px){ .team-photo,
.support-photo{  width:120px; height:120px; } .team-member h3{ font-size:1.4rem; } .support-member h4{ font-size:1.15rem; }
.support-member p { font-size:1rem; }
} @media (max-width:600px){ .team-section {
padding: 30px 5%; }
.team-photo{
width:70px;
height:70px
}
.team-member h3{
font-size:1.25rem;
} .support-team-grid{
gap:10px;
justify-items:center;
} .support-member{
flex-direction:column;
align-items:center;
text-align:center;
}
.support-photo{  width:110px; height:110px; margin-bottom:.75rem; }
.support-member h4{ font-size:1.1rem; }
.support-member p { font-size:.95rem; } .team-footnote{  font-size:1.1rem; }
}
.dark{
background: rgba(207, 205, 205, 0.1);
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);
border-top:1px solid var(--color-border);
}
.light{
background: rgba(247,247,247,0.09);
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);
border-top:1px solid var(--color-border);
}
.z-product-section {
padding: 60px 10%;
}
.z-product-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
max-width: 1200px;
margin: 0 auto;
align-items: center;
}
.z-product-inner.reverse {
direction: rtl;
}
.z-product-inner.reverse > * {
direction: ltr;
}
.z-product-image img {
max-height: 300px; width: 100%;
object-fit: contain;
display: block;
margin: 0 auto;
}
.z-product-text small {
text-transform: uppercase;
font-size: 3rem;
letter-spacing: 2px;
color: var(--color-primary);
margin-bottom: 1rem;
display: block;
} @media (max-width:1000px){
.z-product-inner{
grid-template-columns: 1fr; gap: 40px; text-align:center; } .z-product-inner.reverse{
direction:ltr;
} .z-product-image img{
max-height:220px;
} .z-product-text small{
font-size:2rem;
letter-spacing:1px;
}
}
.features-interactive {
padding: 60px 10% 60px;
}
.features-header {
text-align: center;
margin-bottom: 60px;
}
.feature-icon-grid {
display: grid;
grid-template-columns: repeat(4, 1fr); gap: 40px;
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
.feature-tile {
text-align: center;
min-height: 100px; padding: 1rem;
transition: transform 0.3s ease;
}
.feature-tile h4{
font-size: 1.5rem;
font-weight: 600;} .feature-tile img { width: 80px;
height: 80px; margin-bottom: 0.75rem; transition: transform 0.3s ease;
}
.feature-desc {
font-size: 1.1rem;
line-height: 1.5;
color: var(--color-text);
opacity: 0;
transform: translateY(8px);
transition: opacity 0.4s ease,
transform 0.4s ease,
visibility 0.4s;
max-height: none; visibility: hidden;
}
.feature-tile:hover .feature-desc {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
@media (max-width: 1000px) {
.feature-icon-grid {
grid-template-columns: repeat(2, 1fr); gap: 30px;
}
.feature-tile img {
width: 70px;
height: 70px;
}
.feature-tile h4{
font-size: 1.9rem;
}
}
@media (max-width: 600px) {
.feature-icon-grid {
gap: 24px;
}
.feature-tile img {
width: 64px;
height: 64px;
}
.feature-tile h4{
font-size: 1.5rem;
}
.features-interactive {
padding: 40px 8%;
}
.features-header {
margin-bottom: 40px;
}
}
.centered-header-wrapper {
text-align: center;
max-width: 800px;
margin: 0 auto 60px auto;
}
.checklist {
list-style: none;
padding-left: 0;
margin-top: 1rem;
}
.checklist li {
position: relative;
padding-left: 28px;
margin-bottom: 1rem;
line-height: 1.6;
}
.checklist li::before {
content: "✔";
position: absolute;
left: 0;
top: 0;
color: var(--gtuit-green, #3ca661); font-weight: bold;
}
.news-section {
padding: 80px 10%;
background: rgba(247, 247, 247, 0.06);
}
.news-list {
display: flex;
flex-direction: column;
gap: 40px;
max-width: 1000px;
margin: auto;
}
.news-card {
padding: 30px;
border-radius: 14px;
background: rgba(255, 255, 255, 0.03);
backdrop-filter: blur(6px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
border: 1px solid var(--color-border);
}
.news-card small {
display: block;
font-weight: 600;
color: var(--color-primary);
margin-bottom: 8px;
}
.news-card h3 {
font-size: 1.4rem;
margin-bottom: 10px;
color: var(--color-text);
}
.news-card p {
font-size: 1.1rem;
line-height: 1.6;
color: var(--color-text-light);
}
.quote-highlight {
padding: 80px 10%;
text-align: center;
}
.quote-inner {
max-width: 800px;
margin: auto;
position: relative;
}
.quote-highlight blockquote {
font-size: 1.8rem;
font-weight: 500;
font-style: italic;
color: var(--color-text);
line-height: 1.7;
margin: 0 auto 20px;
position: relative;
display: inline-block;
padding: 0 60px;
overflow: visible;
}
.quote-highlight blockquote::before {
content: "“";
font-size: 3rem;
color: var(--color-primary);
position: absolute;
left: -40px;
top: -10px;
opacity: 0.4;
}
.quote-highlight blockquote::after {
content: "”";
font-size: 3rem;
color: var(--color-primary);
position: absolute;
right: -40px;
bottom: -10px;
opacity: 0.4;
}
.quote-highlight cite {
display: block;
font-size: 1rem;
color: var(--color-text-light);
font-style: normal;
margin-top: 10px;
} .product-carousel {
position: relative;
overflow: hidden;
width: 100%;
padding: 60px 0;
} .carousel-intro {
text-align: center;
max-width: 1000px;
margin: 0 auto 40px;
} .carousel-track {
display: flex;
transition: transform 0.6s ease;
will-change: transform;
}
.carousel-slide {
flex: 0 0 100%; }   .product-image {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 100vw !important; max-width: none !important;  height: 60vh !important; overflow: hidden;
margin: 0 auto 40px;
} .product-carousel .product-image img {
display: block;
width: auto; height: 100%; max-width: none; object-fit: contain
} .carousel-controls {
justify-content: center;
gap: 0;
padding: 0;
} .carousel-dots-wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: 40px; margin-top: 30px;
position: relative;
} .carousel-arrow {
background: none !important;
border: none !important;
font-size: 2.5rem;
color: var(--color-primary-dark);
cursor: pointer;
transition: color 0.2s ease;
}
.carousel-arrow:hover {
color: var(--color-primary-light);
} @media (max-width: 600px) {
.carousel-arrow {
font-size: 2rem;
}
}
.product-text {
flex: 1;
text-align: center;
}
.product-text h2 {
font-size: 2rem;
}
.product-text p {
font-size: 1.5rem;
line-height: 1.6;
max-width: 800px;
margin: 0 auto 1rem;
} .carousel-arrow {
background: none !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
padding: 0 !important;
margin: 0;
color: var(--color-primary-dark);
font-size: 3rem;
cursor: pointer;
transition: color 0.2s ease;
}
.carousel-arrow i {
background: none !important;
}
.carousel-arrow.prev {
left: 50px;
}
.carousel-arrow.next {
right: 50px;
}
.carousel-arrow:hover {
color: var(--color-primary-light);
cursor: pointer;
} .carousel-dots {
display: flex;
justify-content: center;
gap: 16px;
padding: 30px;
}
.carousel-dot {
position: relative;
width: 32px;
height: 32px;
cursor: pointer;
}
.carousel-dot:hover{
transform: scale(1.1);
}
.carousel-dot svg {
width: 100%;
height: 100%;
transform: rotate(-90deg);
}
.carousel-dot .progress-ring {
fill: none;
stroke: var(--gtuit-green);
stroke-width: 2;
stroke-dasharray: 88; stroke-dashoffset: 88;
transition: stroke-dashoffset 0.3s ease;
}
.carousel-dot.active .progress-ring {
animation: ringFill 5s linear forwards;
}
.carousel-dot .dot-core {
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
background: var(--color-primary-dark);
border-radius: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
@keyframes ringFill {
from {
stroke-dashoffset: 88;  }
to {
stroke-dashoffset: 0; }
}
.carousel-intro {
text-align: center;
margin-bottom: 0;
}
.carousel-link {
text-align: center;
margin-top: 40px;
}
.blue {
color: var(--color-primary);
} .product-image {
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}
.product-image img {
width: 100%;
max-width: 400px;
height: auto;
border-radius: 12px;
object-fit: contain;
transition: transform 0.3s ease;
}
.carousel-slide:hover .product-image img {
transform: scale(1.02);
} @media (max-width:1000px){ .product-carousel{ padding:40px 0; } .product-image{
height:34vh; padding:16px;
} .product-text h2{ font-size:1.75rem; }
.product-text p { font-size:1.25rem; } .carousel-arrow{ font-size:2.5rem; }
} @media (max-width:600px){ .product-carousel{ padding:30px 0; } .product-image{
height:28vh;
padding:12px;
}
.product-image img{ max-width:280px; }  .product-text{
text-align:center;
padding:0 6%;
}
.product-text h2{ font-size:1.4rem; }
.product-text p { font-size:1rem; } .carousel-arrow{
font-size:2rem;
margin-inline:4px;
}
}
.center {
text-align: center;
justify-content: center;
}
.image-gallery {
padding: 60px 10%;
}
.gallery-grid {
display: grid;
grid-template-columns: repeat(4, minmax(220px, 1fr));
gap: 2rem;
margin-top: 2rem;
align-items: start;
}
.gallery-grid a {
display: block;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
background: #fff;
height: 200px; }
.gallery-grid a img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.gallery-grid a:hover {
transform: scale(1.02);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}
.bold {
font-weight: bold;
}
.glacier-feature-wrapper {
position: relative;
background: url(//gtuit.com/wp-content/uploads/images/Flare captureblue.jpg) center center / cover no-repeat;
background-color: #f9f9f9; padding: 60px 10%;
overflow: hidden;
}
.glacier-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.25); z-index: 1;
} .glacier-feature-wrapper > * {
position: relative;
z-index: 2;
}
.slider-container {
position: relative;
display: flex;
align-items: center;
overflow: hidden;
}
.slider-track {
display: flex;
gap: 40px;
overflow-x: hidden;
padding: 20px 0;
}
.frosted-card.dark {
min-width: 320px;
flex: 0 0 30%;
background: rgba(0, 0, 0, 0.1);
color: var(--color-text-light);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px;
padding: 30px 24px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
text-align: center;
transition: transform 0.3s ease;
} .slider-controls {
margin-top: 30px;
bottom: 24px; left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
gap: 24px; pointer-events: auto; } .slider-headings {
display: flex;
gap: 32px; overflow-x: auto;
} .slider-headings button {
background: rgba(0, 0, 0, 0.35);
color: var(--color-text-light);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px;
opacity: 0.7; font-size: 1rem;
font-weight: 400;
cursor: pointer;
white-space: nowrap;
transition: opacity 0.2s, font-weight 0.2s;
} .slider-headings button.active {
opacity: 1;
font-weight: 600;
background-color: rgba(151, 205, 120, 0.3);
} .slider-arrow {
background: rgba(0, 0, 0, 0.35);
color: var(--color-text-light);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.25rem;
cursor: pointer;
transition: background 0.2s;
}
.slider-arrow:hover {
background: rgba(0, 0, 0, 0.8);
}
.frosted-card.dark h3 {
color: var(--color-primary-light);
}
.frosted-card.dark p {
color: rgba(255, 255, 255, 0.9);
}
.text-center {
text-align: center;
margin-top: 10px;
font-size: 1rem;
color: var(--color-text);
}
.gas-comparison-grid {
display: flex;
justify-content: center;
gap: 40px;
padding: 40px 0;
flex-wrap: wrap;
}
.gas-comparison-item {
max-width: 420px;
flex: 1 1 320px;
text-align: center;
}
.gas-comparison-item img {
width: 100%;
height: auto;
padding: 0;
margin: 0;
display: block;
border-radius: 4px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.gas-comparison-caption {
font-size: 1rem;
margin-top: 12px;
color: var(--color-text);
font-weight: 600;
}
.technical-specs-section {
padding: 80px 10%;
text-align: center;
}
.technical-specs-image {
margin: 40px auto;
max-width: 900px;
}
.technical-specs-image img {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.specs-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 24px;
margin-top: 40px;
justify-content: center;
}
.specs-grid strong {
color: var(--color-primary);
}
.spec-tile.dark {
background: rgba(100, 100, 100, 0.09);
color: var(--color-text);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 4px;
padding: 20px 24px;
font-size: 1.5rem;
font-weight: 400;
text-align: left;
}
.benefits-and-revenue {
padding: 100px 10%;
}
.grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
max-width: 1200px;
margin: 0 auto;
}
.grid-2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 60px;
max-width: 1000px;
margin: 0 auto;
}
.info-card {
background: rgba(240, 240, 240, 0.4);
border-radius: 14px;
padding: 30px 24px;
text-align: center;
}
.info-card img {
height: 70px;
margin-bottom: 1rem;
}
.info-card h3 {
font-size: 1.4rem;
font-weight: 700;
color: var(--color-primary-dark);
margin-bottom: 1rem;
}
.info-card ul {
list-style: disc;
padding-left: 1.2rem;
text-align: left;
}
.info-card ul li {
font-size: 1.2rem;
line-height: 1.6;
margin-bottom: 0.5rem;
color: var(--color-text);
}
@media (max-width: 980px) {
.grid-3 {
grid-template-columns: repeat(2, 1fr);
}
.grid-2 {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.grid-3 {
grid-template-columns: 1fr;
}
}
.gtuit-fullbleed-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
padding: 0;
}
.gtuit-text-side {
padding: 0 10%;
z-index: 1;
}
.gtuit-image-side {
position: relative;
height: 100%; overflow: hidden;
}
.gtuit-image-side img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.gtuit-text-side {
padding: 30px 10%;
color: var(--color-text);
}
@media (max-width:600px){ .gtuit-fullbleed-wrapper{
grid-template-columns:1fr;
} .gtuit-text-side { grid-row:1;
padding:60px 8%;
text-align:center;
}
.gtuit-image-side{ grid-row:2;
height:300px;
} .gtuit-heading      { font-size:2rem; }
.gtuit-text-side p  { font-size:1.1rem; }
}
.centered-feature-section {
padding: 50px 10% 100px 10%;
color: var(--color-text);
text-align: center;
}
.centered-feature-wrapper {
max-width: 800px;
margin: 0 auto;
}
.centered-feature-wrapper p {
font-size: 1.5rem;
line-height: 1.7;
margin-bottom: 2rem;
}
.video-container video {
width: 100%;
max-width: 600px; cursor: pointer;
border-radius: 815;
}
.journey-section {
padding: 4rem 1rem;
}
.journey-title {
text-align: center;
font-size: 4rem;
font-weight: 700;
margin-bottom: 4rem;
color: var(--color-text);
}
.journey-wrapper {
position: relative;
max-width: 1100px;
margin: 0 auto;
} .journey-track {
display: flex;
overflow-x: auto; scroll-behavior: smooth;
padding: 30px;
} .journey-slide {
flex: 0 0 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 0 3rem 40px 3rem;
} .journey-card {
width: 100%;
max-width: 520px;
min-height: 250px;
padding: 2.5rem 2rem;
border-radius: 16px;
background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(8px); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
color: var(--color-text-light);
transition: transform .35s, box-shadow .35s;
}  .journey-card h3 {
font-size: clamp(1.6rem, 4vw, 2.2rem); font-weight: 600;
line-height: 1.25;
margin: 0 0 .75rem;
color: var(--color-primary);
} .journey-card p {
font-size: clamp(1.05rem, 2.3vw, 1.35rem);
line-height: 1.65;
color: var(--color-text);
margin: 0;
} .journey-slide.active .journey-card {
transform: translateY(-6px) scale(1.02);
box-shadow: 0 12px 40px rgba(0, 0, 0, .35);
transition: transform .35s ease, box-shadow .35s ease;
} .journey-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: none;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.3rem;
cursor: pointer;
transition: background .2s;
transition: box-shadow 0.3s ease;
border-radius: 50px;
}
.journey-nav:hover {
background: transparent; box-shadow: 0 4px 12px var(--gtuit-green); }
.journey-nav.prev {
right: 88px;
color: var(--color-text);
}
.journey-nav.next {
right: 24px;
color: var(--color-text);
} .journey-tabs {
list-style: none; display: flex;
justify-content: space-between;
margin-top: 2rem;
border-top: 1px solid #ddd;
padding-top: .75rem;
}
.journey-tabs li {
flex: 1;
text-align: center;
font-size: 1.2rem;
cursor: pointer;
color: #666;
transition: color .2s;
} .journey-controls {
margin: 24px 0 16px; display: flex;
justify-content: center; gap: 40px; } .journey-controls .journey-nav {
position: static; top: auto;
right: auto;
transform: none; width: 44px;
height: 44px;
border-radius: 50%;
background: none;
font-size: 1.3rem;
cursor: pointer;
transition: background 0.25s, color 0.25s;
} .journey-controls .journey-nav:hover {
color: #fff;
} @media (max-width: 600px) {
.journey-track {
padding: 20px;
}
.journey-controls {
gap: 24px;
}
}
.journey-tabs li.active {
color: var(--gtuit-green);
font-weight: 600;
}
.journey-tabs li:hover {
color: #000;
}  @media (max-width: 1024px) { .journey-title {
margin-bottom: 3rem;
} .journey-slide {
padding: 3rem 2rem;
}
.journey-card {
max-width: 460px;
padding: 2rem 1.5rem;
}
.journey-card h3 {
font-size: 1.6rem;
}
.journey-card p {
font-size: 1.25rem;
} .journey-tabs {
overflow-x: auto;
white-space: nowrap;
border-top: none;
padding-top: 0;
margin-top: 1.5rem;
gap: .75rem;
justify-content: flex-start;
padding-left: 0;
}
.journey-tabs li {
display: inline-block;
flex: none;
font-size: 1.1rem;
padding: .25rem .5rem;
}
} @media (max-width: 640px) {
.journey-title {
margin-bottom: 2.5rem;
} .journey-slide {
padding: 2.5rem 1rem;
}
.journey-card {
max-width: 100%;
padding: 1.75rem 1.25rem;
}
.journey-card h3 {
font-size: 1.4rem;
}
.journey-card p {
font-size: 1.05rem;
} .journey-nav {
width: 36px;
height: 36px;
font-size: 1rem;
top: 65%; }
.journey-nav.prev {
right: 72px;
}
.journey-nav.next {
right: 24px;
} .journey-tabs {
overflow-x: auto;
white-space: nowrap;
border-top: none;
padding-top: 0;
margin-top: 1.5rem;
gap: .75rem;
justify-content: flex-start;
padding-left: 0;
}
.journey-tabs li {
display: inline-block;
flex: none;
font-size: .95rem;
padding: .25rem .5rem;
}
} .patents-section {
padding: 6rem 0 8rem;
color: var(--color-text, #e7e7e7);
}
.patents-inner {
width: min(1200px, 90%);
margin: 0 auto;
}
.patents-header {
text-align: center;
margin-bottom: 4rem;
}
.patents-grid {
display: grid;
gap: 3rem;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
} .patent-card {
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.07);
border-radius: 12px;
padding: 2.2rem 2rem 2.8rem;
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.patent-image-bottom {
text-align: center;
}
.patent-image-bottom img {
max-width: 80%;
height: auto;
}
.patent-spotlight {
text-transform: uppercase;
font-size: .75rem;
letter-spacing: .08em;
opacity: .7;
}
.patent-heading {
font-size: 1.5rem;
line-height: 1.3;
margin: 0;
}
.patent-meta {
font-size: .9rem;
opacity: .8;
margin: 0;
}
.patent-overview {
margin: 0;
}
.patent-card h4 {
margin: .5rem 0 .25rem;
font-size: 1.1rem;
}
.patent-card ul {
padding-left: 1.25rem;
margin: 0;
display: flex;
flex-direction: column;
gap: .5rem;
}
.patent-card .btn {
align-self: flex-start;
margin-top: auto;
} .contact-meta {
list-style: none;
padding: 0;
margin: 0.75rem 0 0; font-size: 1.1rem; display: flex;
gap: 1.25rem;
justify-content: center; }
.contact-meta a {
text-decoration: none;
}    .fullwidth-image-section{
padding: 40px 10%;
background: rgba(247,247,247,.09);
backdrop-filter: blur(1px);
overflow:hidden;
text-align:center;
}
.fullwidth-image{
display:block;
width:100%; max-width:100%; height:auto; margin:0 auto; object-fit:contain; } @media (min-width:1000px){
.fullwidth-image{
max-width:900px; }
} @media (max-width:600px){
.fullwidth-image{
max-height:40vh; }
} .link-expand {
display: inline-flex;
align-items: center;
gap: 0.35rem; font-weight: 600;
color: var(--color-primary); text-decoration: none;
transition: color 0.25s ease;
}
.link-expand::after { content: "›"; font-size: 1.2em;
transition: transform 0.25s ease;
}
.link-expand:hover,
.link-expand:focus {
text-decoration: underline;
} .link-expand:hover::after,
.link-expand:focus::after {
transform: translateX(4px);
} .flare-details { display: none; } .flare-details.expanded { display: block; }
.us-map-container {
position: relative;
max-width: 1000px;
margin: 0 auto;
}
.us-map-container img {
width: 100%;
display: block;
} .map-pin {
position: absolute;
width: 30px;
height: 30px;
background-color: var(--gtuit-green); border-radius: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
z-index: 1;
}
.map-pin::after {
content: '';
position: absolute;
width: 15px;
height: 15px;
background-color: white;
border-radius: 50%;
top: 6px;
left: 6px;
}
.map-pin:hover { z-index: 100; }  .pin-card {
position: absolute;
top: 30px;
left: 50%;
transform: translate(-50%, 10px); width: 400px;
background: rgba(255,255,255,0.35);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: 8px;
padding: 1rem;
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
opacity: 0; visibility: hidden;
pointer-events: none; transition: opacity .25s ease, transform .25s ease;
z-index: 10;
} .map-pin:hover .pin-card {
opacity: 1;
visibility: visible;
transform: translate(-50%, 0); pointer-events: auto;
}  .locations-grid-section {
padding: 80px 8%;
}
.locations-grid {
display: grid;
grid-template-columns: repeat(2, 1fr); gap: 48px;
max-width: 1200px;
margin: 0 auto;
}
@media (max-width: 600px) { .locations-grid {
grid-template-columns: 1fr; }
}
.location-card {
display: flex;
flex-direction: column;
gap: 1.25rem;
background: rgba(241, 235, 235, 0.4);
border-radius: 12px;
padding: 28px 24px 32px;
box-shadow: 0 6px 18px rgba(0,0,0,.06);
transition: border 0.3s ease, backdrop-filter 0.3s ease;
}
.location-card:hover {
backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
border: 1px solid var(--color-primary-light); } .map-embed {
width: 100%;
aspect-ratio: 4 / 3; border: 0;
border-radius: 10px;
} .stacked-grid .image-text-grid {
display: flex;
flex-direction: column;
gap: 2rem;
}
.stacked-grid .image-column,
.stacked-grid .text-column {
width: 100%;
}
.stacked-grid .image-column img {
width: 100%;
height: auto;
display: block;
}