:root{
--accent-blue:#3B82F6;
--accent-orange:#EF823E;
--text-dark:#111111;
--text-muted:#4a4a4a;
--bg-light:#f3f3f3;
--card-light:#fafafa;
--card-white:#ffffff;
--border-light:#e3e3e3;
}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:Arial, sans-serif;
background:var(--bg-light);
color:var(--text-dark);
overflow-x:hidden;
}

main{
max-width:1280px;
margin:auto;
padding:0 40px 0;
}

.container{
max-width:1200px;
margin:0 auto;
padding-left:40px;
padding-right:40px;
}

/* NAVBAR ALIGNMENT */
.nav{
display:flex;
align-items:center;
justify-content:space-between;
padding-top:18px;
padding-bottom:18px;
}

.menu{
display:flex;
gap:42px;
align-items:center;
font-weight:500;
}

.logo img{
height:160px;
width:auto;
display:block;
}

.menu a{
text-decoration:none;
font-weight:600;
font-size:18px;
color:var(--accent-blue);
transition:color 0.2s ease;
position:relative;
padding-bottom:6px;
}

.menu a:hover{
color:var(--accent-blue);
}

.menu a:visited{
color:var(--accent-blue);
}

.menu a::after{
content:"";
position:absolute;
left:0;
bottom:0;
width:0%;
height:2px;
background:var(--accent-orange);
transition:width 0.25s ease;
}

.menu a:hover::after{
width:100%;
}

/* TYPOGRAPHY */
h1{
font-size:84px;
line-height:0.96;
letter-spacing:-3px;
margin-bottom:24px;
max-width:700px;
}

h2{
font-size:42px;
line-height:1.1;
margin-bottom:18px;
letter-spacing:-1px;
}

h3{
font-size:22px;
line-height:1.25;
margin-bottom:14px;
}

p{
font-size:18px;
line-height:1.7;
color:var(--text-muted);
}

section{
margin-bottom:110px;
}

.section-tag,
.hero-label{
display:inline-block;
font-size:13px;
font-weight:700;
letter-spacing:1.6px;
color:var(--accent-orange);
margin-bottom:16px;
}

/* BUTTONS */
.btn-dark{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:250px;
height:72px;
border-radius:20px;
font-size:19px;
font-weight:700;
transition:all 0.25s ease;
background:#0f0f10;
color:#fff;
border:none;
cursor:pointer;
box-shadow:0 10px 24px rgba(0,0,0,0.10);
}

.btn-dark:hover{
transform:translateY(-2px);
box-shadow:0 16px 34px rgba(239,130,62,0.24);
}

.btn-light{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:250px;
height:72px;
border-radius:20px;
font-size:19px;
font-weight:700;
background:#f7f7f7;
color:var(--text-dark);
border:1px solid #d9d9d9;
transition:all 0.25s ease;
box-shadow:0 6px 16px rgba(0,0,0,0.04);
}

.btn-light:hover{
transform:translateY(-2px);
border-color:rgba(239,130,62,0.45);
box-shadow:0 12px 26px rgba(239,130,62,0.10);
}

/* HERO */
.hero{
padding-top:60px;
padding-bottom:24px;
position:relative;
}

.hero-inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:60px;
}

.hero-left{
flex:1;
max-width:560px;
}

.hero-right{
flex:1;
display:flex;
justify-content:flex-end;
align-items:center;
position:relative;
}

.hero-right img{
max-width:540px;
width:100%;
height:auto;
position:relative;
z-index:1;
}

.hero-right::before{
content:"";
position:absolute;
width:520px;
height:520px;
background:radial-gradient(circle,
rgba(59,130,246,0.18) 0%,
rgba(59,130,246,0.10) 35%,
rgba(239,130,62,0.08) 55%,
rgba(59,130,246,0.02) 70%,
transparent 80%
);
filter:blur(40px);
top:50%;
left:55%;
transform:translate(-50%,-50%);
z-index:0;
}

.hero h1{
font-size:72px;
line-height:1.02;
letter-spacing:-1.5px;
margin-bottom:20px;
}

.hero-text{
font-size:19px;
line-height:1.6;
color:#555;
margin-bottom:26px;
}

.hero-actions{
display:flex;
gap:14px;
margin-bottom:18px;
flex-wrap:wrap;
}

.hero-trust{
display:flex;
gap:26px;
margin-top:18px;
flex-wrap:wrap;
font-size:15px;
color:#6b7280;
}

.hero-trust span{
position:relative;
padding-left:16px;
}

.hero-trust span::before{
content:"";
position:absolute;
left:0;
top:8px;
width:6px;
height:6px;
background:var(--accent-orange);
border-radius:50%;
}

.hero::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:-10px;
height:1px;
background:linear-gradient(
90deg,
transparent,
rgba(239,130,62,0.20),
transparent
);
}

/* NEWSLETTER SECTION */
.newsletter-section{
margin-top:80px;
margin-bottom:80px;
}

.newsletter-box{
display:grid;
grid-template-columns:1.05fr 0.95fr;
align-items:center;
gap:50px;
padding:48px;
border-radius:34px;
background:
radial-gradient(circle at 10% 20%, rgba(59,130,246,0.06), transparent 30%),
radial-gradient(circle at 90% 80%, rgba(59,130,246,0.05), transparent 30%),
var(--card-light);
border:1px solid var(--border-light);
box-shadow:
0 25px 50px rgba(0,0,0,0.06),
0 4px 12px rgba(0,0,0,0.04);
position:relative;
overflow:hidden;
}

.newsletter-box::before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(135deg, rgba(255,255,255,0.16) 0%, transparent 38%),
linear-gradient(315deg, rgba(59,130,246,0.04) 0%, transparent 30%);
pointer-events:none;
}

.newsletter-content,
.beehiiv-form-wrap{
position:relative;
z-index:1;
}

.newsletter-content{
max-width:620px;
display:flex;
flex-direction:column;
justify-content:center;
}

.newsletter-tag{
color:var(--accent-blue);
letter-spacing:2px;
margin-bottom:14px;
font-weight:700;
}

.newsletter-title{
font-size:64px;
line-height:1.05;
letter-spacing:-2px;
margin-bottom:8px;
color:var(--text-dark);
max-width:720px;
}

.newsletter-blue{
color:var(--accent-blue);
position:relative;
}

.newsletter-blue::after{
content:"";
position:absolute;
left:0;
bottom:4px;
width:100%;
height:8px;
background:rgba(59,130,246,0.14);
border-radius:999px;
z-index:-1;
}

.newsletter-microcopy{
display:none;
}

.newsletter-avatar{
width:420px;
max-width:100%;
margin-top:18px;
filter:drop-shadow(0 20px 30px rgba(59,130,246,0.20));
}

.beehiiv-form-wrap{
display:flex;
justify-content:flex-end;
align-items:center;
}

.newsletter-signup-card{
background:#ffffff;
border-radius:28px;
padding:30px;
width:100%;
max-width:520px;
border:1px solid rgba(59,130,246,0.10);
box-shadow:
0 20px 40px rgba(0,0,0,0.06),
0 2px 8px rgba(0,0,0,0.03);
position:relative;
overflow:hidden;
}

.newsletter-signup-card::after{
content:"";
position:absolute;
right:-30px;
bottom:-30px;
width:170px;
height:170px;
background:radial-gradient(circle, rgba(59,130,246,0.12) 0%, rgba(59,130,246,0.04) 46%, transparent 72%);
pointer-events:none;
}

.newsletter-proof-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
margin-bottom:24px;
padding-bottom:18px;
border-bottom:1px solid rgba(0,0,0,0.06);
position:relative;
z-index:1;
}

.newsletter-proof-left{
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap;
}

.newsletter-proof-label{
font-weight:700;
font-size:15px;
color:#1f2937;
}

.newsletter-proof-avatars{
display:flex;
align-items:center;
}

.newsletter-avatar-dot{
width:30px;
height:30px;
border-radius:50%;
background:linear-gradient(135deg,#93c5fd,#3b82f6);
margin-left:-8px;
border:2px solid white;
box-shadow:0 4px 10px rgba(59,130,246,0.16);
}

.newsletter-avatar-dot:first-child{
margin-left:0;
}

.newsletter-proof-right{
text-align:right;
}

.newsletter-stars{
font-size:18px;
color:#f4b400;
font-weight:700;
}

.newsletter-rating-number{
font-weight:700;
margin-left:4px;
color:#2b2b2b;
}

.newsletter-rating-text{
font-size:14px;
color:#6b7280;
margin-top:4px;
}

.newsletter-card-header{
text-align:center;
margin-bottom:18px;
position:relative;
z-index:1;
}

.newsletter-form-intro{
font-size:16px;
line-height:1.7;
color:#64748b;
max-width:430px;
margin:0 auto;
font-weight:500;
}

.newsletter-form-shell{
background:#ffffff;
border:1px solid rgba(59,130,246,0.10);
border-radius:24px;
padding:10px;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.8);
position:relative;
z-index:1;
}

.newsletter-form-shell-custom{
padding:0;
background:transparent;
border:none;
box-shadow:none;
border-radius:0;
}

.custom-newsletter-form{
width:100%;
}

.custom-newsletter-input-row{
display:flex;
flex-direction:column;
gap:18px;
width:100%;
}

.custom-newsletter-input{
width:100%;
height:64px;
padding:0 24px;
border-radius:999px;
border:1.5px solid rgba(17,17,17,0.10);
background:#ffffff;
font-size:20px;
line-height:1;
color:#111111;
outline:none;
transition:border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
box-shadow:0 8px 20px rgba(0,0,0,0.03);
}

.custom-newsletter-input::placeholder{
color:#9aa2af;
}

.custom-newsletter-input:focus{
border-color:rgba(59,130,246,0.40);
box-shadow:0 0 0 5px rgba(59,130,246,0.10);
}

.custom-newsletter-button{
width:100%;
height:64px;
border:none;
border-radius:999px;
background:linear-gradient(180deg, #ef823e 0%, #e97832 100%);
color:#ffffff;
font-size:22px;
font-weight:800;
letter-spacing:-0.4px;
cursor:pointer;
transition:transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
box-shadow:0 14px 28px rgba(239,130,62,0.28);
}

.custom-newsletter-button:hover{
transform:translateY(-2px);
box-shadow:0 18px 34px rgba(239,130,62,0.36);
filter:brightness(1.02);
}

.beehiiv-embed{
width:100%;
max-width:100%;
height:320px;
min-height:320px;
border:none;
background:transparent;
border-radius:16px;
}

.newsletter-bottom-note{
text-align:center;
font-size:16px;
line-height:1.7;
color:#64748b;
margin-top:18px;
position:relative;
z-index:1;
}

/* FEATURED PRODUCT */
.featured-product{
margin-top:40px;
}

.featured-card{
display:grid;
grid-template-columns:1.15fr 0.85fr;
gap:34px;
padding:44px 46px;
border-radius:34px;
background:#f7f7f7;
border:1px solid var(--border-light);
box-shadow:0 10px 24px rgba(0,0,0,0.04);
}

.featured-left h2{
font-size:54px;
line-height:1.02;
letter-spacing:-1.5px;
margin-bottom:18px;
}

.featured-description{
font-size:23px;
line-height:1.55;
color:#4f4f4f;
max-width:620px;
margin-bottom:22px;
}

.feature-list{
list-style:none;
margin-bottom:28px;
}

.feature-list li{
padding-left:22px;
margin-bottom:12px;
font-size:19px;
line-height:1.55;
color:#4f4f4f;
position:relative;
}

.feature-list li::before{
content:"•";
position:absolute;
left:0;
top:0;
color:var(--accent-orange);
font-weight:700;
}

.featured-right{
display:grid;
gap:16px;
}

.mini-stat{
background:var(--card-white);
border:1px solid #e7e7e7;
border-radius:24px;
padding:24px 26px;
box-shadow:0 8px 18px rgba(0,0,0,0.03);
}

.mini-stat-number{
font-size:42px;
font-weight:800;
margin-bottom:8px;
color:var(--text-dark);
}

.mini-stat-label{
font-size:17px;
color:#666;
}

/* AI EVOLUTION SECTION */
.ai-evolution-section{
position:relative;
padding:18px 0 0;
}

.ai-evolution-header{
text-align:center;
max-width:860px;
margin:0 auto 56px;
}

.ai-evolution-title{
font-size:64px;
line-height:1.02;
letter-spacing:-2px;
margin-bottom:18px;
color:var(--text-dark);
}

.ai-evolution-arrow{
color:var(--accent-orange);
}

.ai-evolution-subtitle{
font-size:22px;
line-height:1.65;
color:#5f6877;
max-width:780px;
margin:0 auto;
}

.ai-evolution-layout{
display:grid;
grid-template-columns:520px minmax(0, 1fr);
gap:30px;
align-items:start;
}

/* LEFT COLUMN */
.ai-evolution-tabs-column{
width:100%;
min-width:0;
position:relative;
}

/* SCROLL AREA */
.ai-evolution-tabs-scroll{
position:relative;
height:690px;
overflow-y:auto;
overflow-x:hidden;
padding-right:14px;
scrollbar-width:thin;
scrollbar-color:rgba(239,130,62,0.50) rgba(17,17,17,0.05);
}

.ai-evolution-tabs-scroll::-webkit-scrollbar{
width:8px;
}

.ai-evolution-tabs-scroll::-webkit-scrollbar-track{
background:rgba(17,17,17,0.05);
border-radius:999px;
}

.ai-evolution-tabs-scroll::-webkit-scrollbar-thumb{
background:linear-gradient(180deg, rgba(239,130,62,0.72), rgba(239,130,62,0.42));
border-radius:999px;
}

/* SMALL PREMIUM FADE ONLY ON EDGES */
.ai-evolution-tabs-column::before,
.ai-evolution-tabs-column::after{
content:"";
position:absolute;
left:0;
right:14px;
z-index:3;
pointer-events:none;
}

.ai-evolution-tabs-column::before{
top:0;
height:34px;
background:linear-gradient(
to bottom,
var(--bg-light) 0%,
rgba(243,243,243,0.82) 38%,
rgba(243,243,243,0.32) 72%,
rgba(243,243,243,0) 100%
);
}

.ai-evolution-tabs-column::after{
bottom:0;
height:48px;
background:linear-gradient(
to top,
var(--bg-light) 0%,
rgba(243,243,243,0.88) 34%,
rgba(243,243,243,0.36) 72%,
rgba(243,243,243,0) 100%
);
}

/* GRID */
.ai-evolution-tabs{
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:18px;
align-content:start;
padding-top:4px;
padding-bottom:4px;
}

/* SMALL TAB CARDS */
.ai-evolution-tab{
width:100%;
min-width:unset;
height:auto;
display:block;
text-align:left;
background:linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
border:1px solid rgba(17,17,17,0.06);
border-radius:28px;
padding:24px 20px 18px;
box-shadow:
0 14px 34px rgba(0,0,0,0.05),
0 2px 6px rgba(0,0,0,0.02);
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
border-color 0.25s ease,
background 0.25s ease;
position:relative;
overflow:hidden;
color:var(--text-dark);
}

.ai-evolution-tab::before{
content:"";
position:absolute;
top:-28px;
right:-28px;
width:120px;
height:120px;
background:radial-gradient(circle, rgba(59,130,246,0.10) 0%, rgba(59,130,246,0.03) 42%, transparent 70%);
pointer-events:none;
}

.ai-evolution-tab:hover{
transform:translateY(-4px);
border-color:rgba(59,130,246,0.16);
box-shadow:
0 20px 38px rgba(0,0,0,0.07),
0 4px 10px rgba(0,0,0,0.03);
}

.ai-evolution-tab.active{
border-color:rgba(239,130,62,0.45);
box-shadow:
0 22px 40px rgba(0,0,0,0.07),
0 4px 12px rgba(239,130,62,0.08);
background:linear-gradient(180deg, #fcf8f5 0%, #ffffff 100%);
}

.ai-evolution-tab-year{
display:inline-flex;
align-items:center;
justify-content:center;
height:34px;
padding:0 14px;
border-radius:999px;
background:rgba(239,130,62,0.12);
color:var(--accent-orange);
font-size:14px;
font-weight:800;
margin-bottom:16px;
}

.ai-evolution-tab h3{
font-size:20px;
line-height:1.2;
letter-spacing:-0.5px;
margin-bottom:10px;
color:var(--text-dark);
max-width:100%;
}

.ai-evolution-tab > p{
font-size:15px;
line-height:1.65;
color:#5f6877;
margin:0;
font-weight:500;
}

.ai-evolution-tab .ai-evolution-product-mini{
margin-top:18px;
padding:14px;
border-radius:18px;
background:#ffffff;
border:1px solid rgba(17,17,17,0.06);
box-shadow:0 8px 18px rgba(0,0,0,0.03);
}

.ai-evolution-tab .ai-evolution-product-mini-label{
display:inline-flex;
align-items:center;
justify-content:center;
height:28px;
padding:0 10px;
border-radius:999px;
background:rgba(59,130,246,0.10);
color:var(--accent-blue);
font-size:11px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:8px;
}

.ai-evolution-tab .ai-evolution-product-mini-title{
font-size:17px;
line-height:1.35;
font-weight:700;
color:var(--text-dark);
margin:0;
}

/* RIGHT SIDE */
.ai-evolution-featured{
position:sticky;
top:28px;
}

.ai-evolution-featured-card{
background:linear-gradient(180deg, #ffffff 0%, #fcfcfc 100%);
border:1.5px solid rgba(239,130,62,0.60);
border-radius:34px;
padding:22px;
box-shadow:
0 22px 50px rgba(0,0,0,0.07),
0 6px 14px rgba(239,130,62,0.08);
position:relative;
overflow:hidden;
min-height:620px;
}

.ai-evolution-featured-card::before{
content:"";
position:absolute;
right:-50px;
top:-50px;
width:180px;
height:180px;
background:radial-gradient(circle, rgba(59,130,246,0.12) 0%, rgba(59,130,246,0.04) 42%, transparent 72%);
pointer-events:none;
}

.ai-evolution-featured-window{
display:flex;
align-items:center;
gap:14px;
padding:14px 16px;
border-radius:20px 20px 0 0;
background:linear-gradient(135deg, #111111 0%, #1b1b1b 100%);
margin:-22px -22px 0;
position:relative;
z-index:1;
}

.ai-evolution-window-dots{
display:flex;
align-items:center;
gap:8px;
}

.ai-evolution-window-dots span{
width:10px;
height:10px;
border-radius:50%;
background:#ffffff;
opacity:0.9;
}

.ai-evolution-window-dots span:nth-child(1){
background:#ff7a59;
}

.ai-evolution-window-dots span:nth-child(2){
background:#f4b400;
}

.ai-evolution-window-dots span:nth-child(3){
background:#34a853;
}

.ai-evolution-window-bar{
flex:1;
display:flex;
justify-content:center;
}

.ai-evolution-window-bar span{
display:inline-flex;
align-items:center;
justify-content:center;
height:34px;
padding:0 18px;
border-radius:999px;
background:rgba(255,255,255,0.08);
color:#ffffff;
font-size:14px;
font-weight:600;
}

.ai-evolution-featured-body{
position:relative;
z-index:1;
padding-top:24px;
}

.ai-evolution-featured-year{
display:inline-flex;
align-items:center;
justify-content:center;
height:34px;
padding:0 14px;
border-radius:999px;
background:rgba(59,130,246,0.10);
color:var(--accent-blue);
font-size:14px;
font-weight:800;
margin-bottom:16px;
}

.ai-evolution-featured-icon{
width:72px;
height:72px;
display:flex;
align-items:center;
justify-content:center;
border-radius:22px;
background:linear-gradient(180deg, rgba(59,130,246,0.14) 0%, rgba(239,130,62,0.12) 100%);
font-size:30px;
margin-bottom:20px;
box-shadow:0 10px 20px rgba(0,0,0,0.05);
}

.ai-evolution-featured-body h3{
font-size:38px;
line-height:1.08;
letter-spacing:-1px;
margin-bottom:18px;
color:var(--text-dark);
}

.ai-evolution-featured-list{
list-style:none;
padding:0;
margin:0 0 22px;
display:grid;
gap:12px;
}

.ai-evolution-featured-list li{
position:relative;
padding-left:24px;
font-size:17px;
line-height:1.6;
color:#465063;
font-weight:600;
}

.ai-evolution-featured-list li::before{
content:"";
position:absolute;
left:0;
top:10px;
width:8px;
height:8px;
border-radius:50%;
background:var(--accent-orange);
}

.ai-evolution-featured-text{
font-size:17px;
line-height:1.75;
color:#5f6877;
margin-bottom:24px;
}

.ai-evolution-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:220px;
height:60px;
padding:0 26px;
border-radius:999px;
background:linear-gradient(180deg, #ef823e 0%, #e97832 100%);
color:#ffffff;
font-size:18px;
font-weight:800;
text-decoration:none;
box-shadow:0 14px 28px rgba(239,130,62,0.28);
transition:transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}

.ai-evolution-btn:hover{
transform:translateY(-2px);
box-shadow:0 18px 34px rgba(239,130,62,0.36);
filter:brightness(1.02);
}

/* TABLET */
@media (max-width:1000px){

.ai-evolution-title{
font-size:48px;
letter-spacing:-1.4px;
}

.ai-evolution-subtitle{
font-size:19px;
}

.ai-evolution-layout{
grid-template-columns:1fr;
gap:24px;
}

.ai-evolution-tabs-column::before,
.ai-evolution-tabs-column::after{
display:none;
}

.ai-evolution-tabs-scroll{
height:auto;
overflow:visible;
padding-right:0;
}

.ai-evolution-tabs{
grid-template-columns:1fr 1fr;
gap:18px;
}

.ai-evolution-featured{
position:relative;
top:auto;
}

.ai-evolution-featured-body h3{
font-size:34px;
}
}

/* MOBILE */
@media (max-width:760px){

.ai-evolution-header{
margin-bottom:36px;
}

.ai-evolution-title{
font-size:36px;
line-height:1.08;
letter-spacing:-1px;
}

.ai-evolution-subtitle{
font-size:17px;
line-height:1.65;
}

.ai-evolution-tabs-column::before,
.ai-evolution-tabs-column::after{
display:none;
}

.ai-evolution-tabs-scroll{
height:auto;
overflow:visible;
padding-right:0;
}

.ai-evolution-tabs{
grid-template-columns:1fr;
gap:16px;
}

.ai-evolution-tab{
padding:22px 20px;
border-radius:22px;
}

.ai-evolution-tab h3{
font-size:24px;
}

.ai-evolution-tab > p{
font-size:15px;
}

.ai-evolution-featured-card{
padding:18px;
border-radius:24px;
min-height:auto;
}

.ai-evolution-featured-window{
margin:-18px -18px 0;
padding:12px 14px;
border-radius:18px 18px 0 0;
}

.ai-evolution-window-bar span{
height:30px;
font-size:12px;
padding:0 12px;
}

.ai-evolution-featured-body{
padding-top:20px;
}

.ai-evolution-featured-year{
height:30px;
font-size:13px;
margin-bottom:14px;
}

.ai-evolution-featured-icon{
width:62px;
height:62px;
font-size:26px;
border-radius:18px;
margin-bottom:16px;
}

.ai-evolution-featured-body h3{
font-size:28px;
line-height:1.12;
}

.ai-evolution-featured-list{
gap:10px;
margin-bottom:18px;
}

.ai-evolution-featured-list li{
font-size:15px;
padding-left:20px;
}

.ai-evolution-featured-text{
font-size:15px;
line-height:1.7;
margin-bottom:20px;
}

.ai-evolution-btn{
width:100%;
min-width:100%;
height:56px;
font-size:17px;
}
}

/* PRODUCT BOX INSIDE TAB */
.ai-evolution-tab .ai-evolution-product-mini{
margin-top:18px;
padding:14px;
border-radius:18px;
background:#ffffff;
border:1px solid rgba(17,17,17,0.06);
box-shadow:0 8px 18px rgba(0,0,0,0.03);
}

.ai-evolution-tab .ai-evolution-product-mini-label{
display:inline-flex;
align-items:center;
justify-content:center;
height:28px;
padding:0 10px;
border-radius:999px;
background:rgba(59,130,246,0.10);
color:var(--accent-blue);
font-size:11px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:8px;
}

.ai-evolution-tab .ai-evolution-product-mini-title{
font-size:17px;
line-height:1.35;
font-weight:700;
color:var(--text-dark);
margin:0;
}

/* RIGHT SIDE KEEP SAME */
.ai-evolution-featured{
position:sticky;
top:28px;
}

.ai-evolution-featured-card{
background:linear-gradient(180deg, #ffffff 0%, #fcfcfc 100%);
border:1.5px solid rgba(239,130,62,0.60);
border-radius:34px;
padding:22px;
box-shadow:
0 22px 50px rgba(0,0,0,0.07),
0 6px 14px rgba(239,130,62,0.08);
position:relative;
overflow:hidden;
min-height:620px;
}

.ai-evolution-featured-card::before{
content:"";
position:absolute;
right:-50px;
top:-50px;
width:180px;
height:180px;
background:radial-gradient(circle, rgba(59,130,246,0.12) 0%, rgba(59,130,246,0.04) 42%, transparent 72%);
pointer-events:none;
}

.ai-evolution-featured-window{
display:flex;
align-items:center;
gap:14px;
padding:14px 16px;
border-radius:20px 20px 0 0;
background:linear-gradient(135deg, #111111 0%, #1b1b1b 100%);
margin:-22px -22px 0;
position:relative;
z-index:1;
}

.ai-evolution-window-dots{
display:flex;
align-items:center;
gap:8px;
}

.ai-evolution-window-dots span{
width:10px;
height:10px;
border-radius:50%;
background:#ffffff;
opacity:0.9;
}

.ai-evolution-window-dots span:nth-child(1){
background:#ff7a59;
}

.ai-evolution-window-dots span:nth-child(2){
background:#f4b400;
}

.ai-evolution-window-dots span:nth-child(3){
background:#34a853;
}

.ai-evolution-window-bar{
flex:1;
display:flex;
justify-content:center;
}

.ai-evolution-window-bar span{
display:inline-flex;
align-items:center;
justify-content:center;
height:34px;
padding:0 18px;
border-radius:999px;
background:rgba(255,255,255,0.08);
color:#ffffff;
font-size:14px;
font-weight:600;
}

.ai-evolution-featured-body{
position:relative;
z-index:1;
padding-top:24px;
}

.ai-evolution-featured-year{
display:inline-flex;
align-items:center;
justify-content:center;
height:34px;
padding:0 14px;
border-radius:999px;
background:rgba(59,130,246,0.10);
color:var(--accent-blue);
font-size:14px;
font-weight:800;
margin-bottom:16px;
}

.ai-evolution-featured-icon{
width:72px;
height:72px;
display:flex;
align-items:center;
justify-content:center;
border-radius:22px;
background:linear-gradient(180deg, rgba(59,130,246,0.14) 0%, rgba(239,130,62,0.12) 100%);
font-size:30px;
margin-bottom:20px;
box-shadow:0 10px 20px rgba(0,0,0,0.05);
}

.ai-evolution-featured-body h3{
font-size:38px;
line-height:1.08;
letter-spacing:-1px;
margin-bottom:18px;
color:var(--text-dark);
}

.ai-evolution-featured-list{
list-style:none;
padding:0;
margin:0 0 22px;
display:grid;
gap:12px;
}

.ai-evolution-featured-list li{
position:relative;
padding-left:24px;
font-size:17px;
line-height:1.6;
color:#465063;
font-weight:600;
}

.ai-evolution-featured-list li::before{
content:"";
position:absolute;
left:0;
top:10px;
width:8px;
height:8px;
border-radius:50%;
background:var(--accent-orange);
}

.ai-evolution-featured-text{
font-size:17px;
line-height:1.75;
color:#5f6877;
margin-bottom:24px;
}

.ai-evolution-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:220px;
height:60px;
padding:0 26px;
border-radius:999px;
background:linear-gradient(180deg, #ef823e 0%, #e97832 100%);
color:#ffffff;
font-size:18px;
font-weight:800;
text-decoration:none;
box-shadow:0 14px 28px rgba(239,130,62,0.28);
transition:transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}

.ai-evolution-btn:hover{
transform:translateY(-2px);
box-shadow:0 18px 34px rgba(239,130,62,0.36);
filter:brightness(1.02);
}

/* TABLET */
@media (max-width:1000px){

.ai-evolution-title{
font-size:48px;
letter-spacing:-1.4px;
}

.ai-evolution-subtitle{
font-size:19px;
}

.ai-evolution-layout{
grid-template-columns:1fr;
gap:24px;
}

.ai-evolution-tabs-scroll{
height:auto;
overflow:visible;
padding-right:0;
}

.ai-evolution-tabs{
grid-template-columns:1fr 1fr;
gap:18px;
}

.ai-evolution-featured{
position:relative;
top:auto;
}

.ai-evolution-featured-body h3{
font-size:34px;
}
}

/* MOBILE */
@media (max-width:760px){

.ai-evolution-header{
margin-bottom:36px;
}

.ai-evolution-title{
font-size:36px;
line-height:1.08;
letter-spacing:-1px;
}

.ai-evolution-subtitle{
font-size:17px;
line-height:1.65;
}

.ai-evolution-tabs-scroll{
height:auto;
overflow:visible;
padding-right:0;
}

.ai-evolution-tabs{
grid-template-columns:1fr;
gap:16px;
}

.ai-evolution-tab{
padding:22px 20px;
border-radius:22px;
}

.ai-evolution-tab h3{
font-size:24px;
}

.ai-evolution-tab > p{
font-size:15px;
}

.ai-evolution-featured-card{
padding:18px;
border-radius:24px;
min-height:auto;
}

.ai-evolution-featured-window{
margin:-18px -18px 0;
padding:12px 14px;
border-radius:18px 18px 0 0;
}

.ai-evolution-window-bar span{
height:30px;
font-size:12px;
padding:0 12px;
}

.ai-evolution-featured-body{
padding-top:20px;
}

.ai-evolution-featured-year{
height:30px;
font-size:13px;
margin-bottom:14px;
}

.ai-evolution-featured-icon{
width:62px;
height:62px;
font-size:26px;
border-radius:18px;
margin-bottom:16px;
}

.ai-evolution-featured-body h3{
font-size:28px;
line-height:1.12;
}

.ai-evolution-featured-list{
gap:10px;
margin-bottom:18px;
}

.ai-evolution-featured-list li{
font-size:15px;
padding-left:20px;
}

.ai-evolution-featured-text{
font-size:15px;
line-height:1.7;
margin-bottom:20px;
}

.ai-evolution-btn{
width:100%;
min-width:100%;
height:56px;
font-size:17px;
}
}

/* LEGACY BENEFITS */
.benefits-section{
text-align:center;
}

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

.info-card{
background:#f7f7f7;
border:1px solid var(--border-light);
border-radius:26px;
padding:30px 26px;
box-shadow:0 10px 24px rgba(0,0,0,0.04);
}

/* AI BENEFITS SECTION */
.ai-benefits-section{
position:relative;
padding:10px 0 0;
}

.ai-benefits-section .container{
max-width:1200px;
}

.ai-benefits-header{
text-align:center;
max-width:860px;
margin:0 auto 56px;
}

.ai-benefits-title{
font-size:64px;
line-height:1.02;
letter-spacing:-2px;
margin-bottom:18px;
color:var(--text-dark);
}

.ai-benefits-subtitle{
font-size:22px;
line-height:1.65;
color:#5f6877;
max-width:820px;
margin:0 auto;
}

.ai-benefits-layout{
display:grid;
grid-template-columns:1.02fr 1.18fr;
gap:28px;
align-items:stretch;
}

.ai-benefits-intro{
height:100%;
}

.ai-benefits-intro-card{
height:100%;
background:
radial-gradient(circle at top right, rgba(59,130,246,0.10), transparent 30%),
linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
border:1px solid rgba(59,130,246,0.10);
border-radius:34px;
padding:38px 34px;
box-shadow:
0 22px 45px rgba(0,0,0,0.06),
0 4px 10px rgba(0,0,0,0.03);
position:relative;
overflow:hidden;
}

.ai-benefits-intro-card::after{
content:"";
position:absolute;
right:-30px;
bottom:-30px;
width:180px;
height:180px;
background:radial-gradient(circle, rgba(239,130,62,0.18) 0%, rgba(239,130,62,0.05) 45%, transparent 72%);
filter:blur(8px);
pointer-events:none;
}

.ai-benefits-intro-card h3{
font-size:42px;
line-height:1.08;
letter-spacing:-1.2px;
margin-bottom:18px;
color:var(--text-dark);
position:relative;
z-index:1;
}

.ai-benefits-intro-card p{
font-size:18px;
line-height:1.8;
color:#5d6676;
position:relative;
z-index:1;
}

.ai-benefits-proof-box{
display:flex;
align-items:center;
gap:18px;
margin:28px 0 22px;
padding:18px;
background:#eef5ff;
border:1px solid rgba(59,130,246,0.10);
border-radius:24px;
position:relative;
z-index:1;
}

.ai-proof-number{
width:86px;
height:86px;
min-width:86px;
display:flex;
align-items:center;
justify-content:center;
border-radius:22px;
background:linear-gradient(180deg, #ef823e 0%, #e77730 100%);
color:#fff;
font-size:30px;
font-weight:800;
box-shadow:0 14px 28px rgba(239,130,62,0.25);
}

.ai-proof-content h4{
font-size:21px;
line-height:1.35;
font-weight:800;
color:#1b2b45;
margin-bottom:6px;
}

.ai-proof-content p{
font-size:16px;
line-height:1.6;
color:#667085;
}

.ai-benefits-note{
font-size:16px;
line-height:1.7;
color:#6b7280;
margin-top:10px;
}

.ai-benefits-grid{
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:20px;
}

.ai-benefit-card{
background:#ffffff;
border:1px solid rgba(17,17,17,0.06);
border-radius:28px;
padding:26px 24px;
box-shadow:
0 14px 34px rgba(0,0,0,0.05),
0 2px 6px rgba(0,0,0,0.02);
transition:
transform 0.3s ease,
box-shadow 0.3s ease,
border-color 0.3s ease;
position:relative;
overflow:hidden;
}

.ai-benefit-card::before{
content:"";
position:absolute;
top:-30px;
right:-30px;
width:120px;
height:120px;
background:radial-gradient(circle, rgba(59,130,246,0.10) 0%, rgba(59,130,246,0.03) 42%, transparent 70%);
pointer-events:none;
}

.ai-benefit-card:hover{
transform:translateY(-6px);
box-shadow:
0 22px 42px rgba(0,0,0,0.08),
0 6px 12px rgba(0,0,0,0.03);
border-color:rgba(59,130,246,0.18);
}

.ai-benefit-card.featured{
background:linear-gradient(180deg, #ef823e 0%, #ea7a33 100%);
border:none;
box-shadow:0 20px 42px rgba(239,130,62,0.22);
}

.ai-benefit-card.featured::before{
background:radial-gradient(circle, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.08) 40%, transparent 72%);
}

.ai-benefit-icon{
width:58px;
height:58px;
display:flex;
align-items:center;
justify-content:center;
border-radius:18px;
background:#eff6ff;
font-size:28px;
margin-bottom:18px;
position:relative;
z-index:1;
}

.ai-benefit-card.featured .ai-benefit-icon{
background:rgba(255,255,255,0.16);
}

.ai-benefit-text{
position:relative;
z-index:1;
}

.ai-benefit-text h3{
font-size:25px;
line-height:1.22;
letter-spacing:-0.8px;
margin-bottom:10px;
color:var(--text-dark);
}

.ai-benefit-text p{
font-size:16px;
line-height:1.7;
color:#5f6877;
}

.ai-benefit-card.featured .ai-benefit-text h3,
.ai-benefit-card.featured .ai-benefit-text p{
color:#fff;
}

/* HOME NEWS / BLOG PREVIEW */
.home-news-section{
margin-top:20px;
}

.home-news-header{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:24px;
margin-bottom:34px;
}

.home-news-heading h2{
font-size:64px;
line-height:1.02;
letter-spacing:-2px;
margin-bottom:0;
color:var(--text-dark);
}

.home-news-action{
display:flex;
align-items:flex-start;
justify-content:flex-end;
padding-top:8px;
}

.home-news-top-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:250px;
height:58px;
padding:0 26px;
border-radius:18px;
border:1.5px solid rgba(59,130,246,0.18);
background:rgba(59,130,246,0.06);
color:var(--accent-blue);
text-decoration:none;
font-size:16px;
font-weight:800;
letter-spacing:0.2px;
text-transform:uppercase;
box-shadow:0 8px 20px rgba(59,130,246,0.08);
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
border-color 0.25s ease,
background 0.25s ease,
color 0.25s ease;
}

.home-news-top-btn:hover{
transform:translateY(-2px);
border-color:rgba(59,130,246,0.30);
background:rgba(59,130,246,0.10);
box-shadow:0 14px 28px rgba(59,130,246,0.12);
color:#1f5fd6;
}

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

.home-news-card{
min-width:0;
}

.home-news-card-link{
display:block;
height:100%;
background:#f7f7f7;
border:1px solid var(--border-light);
border-radius:30px;
padding:22px;
text-decoration:none;
box-shadow:0 10px 24px rgba(0,0,0,0.04);
transition:
transform 0.28s ease,
box-shadow 0.28s ease,
border-color 0.28s ease,
background 0.28s ease;
overflow:hidden;
}

.home-news-card-link:hover{
transform:translateY(-6px);
box-shadow:
0 22px 42px rgba(0,0,0,0.08),
0 6px 12px rgba(0,0,0,0.03);
border-color:rgba(59,130,246,0.18);
background:#fbfbfb;
}

.home-news-image-wrap{
position:relative;
border-radius:22px;
overflow:hidden;
margin-bottom:22px;
aspect-ratio:16 / 9;
background:
linear-gradient(135deg, rgba(59,130,246,0.10), rgba(239,130,62,0.08)),
#eaeaea;
}

.home-news-image{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform 0.5s ease;
}

.home-news-card-link:hover .home-news-image{
transform:scale(1.04);
}

.home-news-author-badge{
position:absolute;
top:16px;
right:16px;
display:inline-flex;
align-items:center;
gap:10px;
padding:8px 14px 8px 10px;
border-radius:999px;
background:rgba(255,255,255,0.16);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
border:1px solid rgba(255,255,255,0.22);
box-shadow:0 10px 22px rgba(0,0,0,0.12);
}

.home-news-author-avatar{
width:28px;
height:28px;
border-radius:50%;
object-fit:cover;
border:2px solid rgba(255,255,255,0.70);
background:#fff;
flex-shrink:0;
}

.home-news-author-badge span{
font-size:15px;
font-weight:700;
line-height:1;
color:#ffffff;
white-space:nowrap;
}

.home-news-content{
display:flex;
flex-direction:column;
min-height:220px;
}

.home-news-content h3{
font-size:23px;
line-height:1.24;
letter-spacing:-0.6px;
margin-bottom:14px;
color:#201133;
}

.home-news-content p{
font-size:16px;
line-height:1.7;
color:#666273;
margin-bottom:24px;
}

.home-news-meta{
margin-top:auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
flex-wrap:wrap;
}

.home-news-read-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:122px;
height:46px;
padding:0 20px;
border-radius:15px;
border:1.5px solid rgba(59,130,246,0.18);
background:rgba(59,130,246,0.06);
color:var(--accent-blue);
font-size:15px;
font-weight:800;
letter-spacing:0.15px;
text-transform:uppercase;
transition:
background 0.25s ease,
border-color 0.25s ease,
color 0.25s ease,
transform 0.25s ease,
box-shadow 0.25s ease;
}

.home-news-card-link:hover .home-news-read-btn{
transform:translateY(-1px);
background:rgba(59,130,246,0.10);
border-color:rgba(59,130,246,0.30);
box-shadow:0 10px 20px rgba(59,130,246,0.10);
}

.home-news-date{
font-size:15px;
font-weight:500;
color:#8c96ab;
white-space:nowrap;
}

/* HOME NEWS RESPONSIVE */
@media (max-width:1100px){

.home-news-header{
flex-direction:column;
align-items:flex-start;
margin-bottom:28px;
}

.home-news-action{
padding-top:0;
justify-content:flex-start;
}

.home-news-heading h2{
font-size:52px;
letter-spacing:-1.5px;
}

.home-news-grid{
grid-template-columns:1fr 1fr;
}
}

@media (max-width:760px){

.home-news-section{
margin-top:10px;
}

.home-news-header{
gap:18px;
margin-bottom:22px;
}

.home-news-heading h2{
font-size:40px;
line-height:1.06;
letter-spacing:-1px;
}

.home-news-top-btn{
min-width:auto;
width:100%;
height:54px;
padding:0 18px;
font-size:14px;
border-radius:16px;
}

.home-news-grid{
grid-template-columns:1fr;
gap:18px;
}

.home-news-card-link{
padding:16px;
border-radius:24px;
}

.home-news-image-wrap{
margin-bottom:18px;
border-radius:18px;
}

.home-news-author-badge{
top:12px;
right:12px;
padding:7px 12px 7px 9px;
gap:8px;
}

.home-news-author-avatar{
width:24px;
height:24px;
}

.home-news-author-badge span{
font-size:13px;
}

.home-news-content{
min-height:auto;
}

.home-news-content h3{
font-size:24px;
line-height:1.2;
margin-bottom:12px;
}

.home-news-content p{
font-size:15px;
line-height:1.65;
margin-bottom:18px;
}

.home-news-meta{
align-items:flex-start;
gap:12px;
}

.home-news-read-btn{
height:44px;
min-width:116px;
font-size:14px;
border-radius:14px;
}

.home-news-date{
font-size:14px;
}
}

/* TESTIMONIALS SECTION - FULL BLEED */
.testimonials-section{
position:relative;
text-align:center;
background:
radial-gradient(circle at 18% 24%, rgba(255,255,255,0.08), transparent 30%),
radial-gradient(circle at 82% 72%, rgba(255,255,255,0.06), transparent 34%),
linear-gradient(135deg,#1e4ed8 0%, #2563eb 42%, #3b82f6 100%);
padding:90px 0;
width:100vw;
max-width:100vw;
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
border-radius:0;
overflow:hidden;
isolation:isolate;
}

.testimonials-section::before{
content:"";
position:absolute;
inset:0;
background-image:
radial-gradient(circle at 12% 22%, rgba(255,255,255,0.20) 0 1.2px, transparent 1.4px),
radial-gradient(circle at 24% 68%, rgba(255,255,255,0.14) 0 1.3px, transparent 1.6px),
radial-gradient(circle at 38% 16%, rgba(255,255,255,0.18) 0 1px, transparent 1.3px),
radial-gradient(circle at 55% 30%, rgba(255,255,255,0.12) 0 1.1px, transparent 1.4px),
radial-gradient(circle at 68% 62%, rgba(255,255,255,0.16) 0 1.2px, transparent 1.5px),
radial-gradient(circle at 82% 20%, rgba(255,255,255,0.18) 0 1px, transparent 1.3px),
radial-gradient(circle at 90% 78%, rgba(255,255,255,0.14) 0 1.2px, transparent 1.5px);
background-size:100% 100%;
opacity:0.35;
pointer-events:none;
z-index:0;
}

.testimonials-section::after{
content:"";
position:absolute;
left:50%;
top:54%;
transform:translate(-50%,-50%);
width:980px;
height:420px;
background:
radial-gradient(circle,
rgba(255,255,255,0.10) 0%,
rgba(255,255,255,0.05) 26%,
rgba(59,130,246,0.05) 45%,
transparent 72%);
filter:blur(18px);
pointer-events:none;
z-index:0;
}

.testimonials-section .container{
position:relative;
z-index:1;
max-width:1200px;
margin:0 auto;
padding-left:40px;
padding-right:40px;
}

.testimonials-section .section-tag{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
font-size:13px;
font-weight:700;
letter-spacing:2px;
color:#ff9a57;
margin-bottom:18px;
position:relative;
}

.testimonials-section .section-tag::before,
.testimonials-section .section-tag::after{
content:"🤖";
font-size:16px;
opacity:0.9;
filter:drop-shadow(0 0 6px rgba(255,255,255,0.25));
}

.testimonials-title{
margin-top:6px;
}

.testimonials-section .testimonials-title{
color:#fff;
}

.testimonials-subtitle{
font-size:22px;
line-height:1.5;
max-width:760px;
margin:0 auto 20px;
}

.testimonials-section .testimonials-subtitle{
color:rgba(255,255,255,0.88);
}

.testimonials-trust{
font-size:16px;
margin-top:0;
margin-bottom:28px;
font-weight:500;
letter-spacing:0.2px;
}

.testimonials-section .testimonials-trust{
color:rgba(255,255,255,0.75);
}

.testimonial-metrics{
display:flex;
justify-content:center;
align-items:center;
gap:18px;
flex-wrap:wrap;
margin:22px 0 34px;
}

.metric-item{
display:flex;
align-items:center;
gap:8px;
padding:10px 14px;
border-radius:999px;
background:rgba(255,255,255,0.12);
border:1px solid rgba(255,255,255,0.18);
backdrop-filter:blur(6px);
box-shadow:0 8px 24px rgba(0,0,0,0.08);
}

.metric-icon{
font-size:16px;
line-height:1;
}

.metric-text{
font-size:15px;
font-weight:600;
color:#fff;
}

.testimonial-slider{
position:relative;
display:flex;
align-items:center;
justify-content:center;
gap:18px;
z-index:1;
}

.testimonial-track-wrapper{
overflow:hidden;
width:100%;
max-width:1120px;
padding:12px 0;
}

.testimonial-track{
display:flex;
gap:24px;
transition:transform 0.45s ease;
}

.testimonial-card{
min-width:calc((100% - 48px) / 3);
display:flex;
flex-direction:column;
justify-content:space-between;
align-items:flex-start;
text-align:left;
min-height:285px;
background:
linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0)),
var(--accent-orange);
color:#fff;
border-radius:28px;
padding:34px 26px;
position:relative;
overflow:hidden;
isolation:isolate;
box-shadow:
0 20px 40px rgba(0,0,0,0.18),
0 0 0 1px rgba(255,255,255,0.06);
}

.testimonial-card::before{
content:"";
position:absolute;
inset:auto auto -28px -22px;
width:150px;
height:150px;
background:radial-gradient(circle, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.06) 36%, transparent 72%);
filter:blur(8px);
z-index:0;
pointer-events:none;
}

.testimonial-card::after{
content:"";
position:absolute;
top:-42px;
right:-32px;
width:140px;
height:140px;
background:radial-gradient(circle, rgba(59,130,246,0.28) 0%, rgba(59,130,246,0.12) 34%, transparent 72%);
filter:blur(12px);
opacity:0.9;
z-index:0;
pointer-events:none;
}

.testimonial-card > *{
position:relative;
z-index:1;
}

.testimonial-rating{
font-size:20px;
line-height:1;
letter-spacing:2px;
color:#fff3d1;
margin-bottom:18px;
}

.testimonial-text{
font-size:18px;
line-height:1.6;
color:#fff;
margin-bottom:26px;
font-weight:600;
}

.testimonial-person{
display:flex;
align-items:center;
gap:14px;
margin-top:auto;
}

.testimonial-avatar{
width:52px;
height:52px;
border-radius:50%;
object-fit:cover;
border:2px solid rgba(255,255,255,0.35);
background:#fff;
flex-shrink:0;
box-shadow:0 6px 16px rgba(0,0,0,0.12);
}

.testimonial-meta{
display:flex;
flex-direction:column;
align-items:flex-start;
}

.testimonial-name{
font-size:17px;
font-weight:700;
color:#fff;
line-height:1.2;
}

.testimonial-role{
font-size:14px;
line-height:1.3;
color:rgba(255,255,255,0.82);
margin-top:3px;
}

.testimonial-arrow{
width:52px;
height:52px;
min-width:52px;
border:none;
border-radius:50%;
background:transparent;
color:var(--accent-orange);
font-size:40px;
line-height:1;
cursor:pointer;
box-shadow:none;
display:flex;
align-items:center;
justify-content:center;
transition:transform 0.2s ease, opacity 0.2s ease;
}

.testimonial-arrow:hover{
transform:scale(1.08);
opacity:0.8;
}

.testimonial-dots{
display:flex;
justify-content:center;
gap:10px;
margin-top:26px;
}

.dot{
width:10px;
height:10px;
border-radius:50%;
background:rgba(255,255,255,0.45);
cursor:pointer;
transition:all 0.25s ease;
}

.dot.active{
background:var(--accent-orange);
transform:scale(1.15);
}

/* FAQ SECTION */
.faq-section{
position:relative;
background:
radial-gradient(circle at 20% 30%, rgba(0,0,0,0.02), transparent 40%),
radial-gradient(circle at 80% 70%, rgba(0,0,0,0.02), transparent 40%),
var(--bg-light);
padding:110px 0 40px;
text-align:center;
margin-bottom:0;
}

.faq-section .container{
max-width:980px;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
}

.faq-section .section-tag{
display:block;
font-size:72px;
font-weight:900;
line-height:0.95;
letter-spacing:-2.5px;
color:var(--text-dark);
margin-bottom:12px;
text-transform:none;
}

.faq-title{
font-size:24px;
font-weight:500;
line-height:1.4;
letter-spacing:0.2px;
color:#6b6b6b;
margin-bottom:44px;
max-width:700px;
}

.faq-list{
display:flex;
flex-direction:column;
gap:18px;
width:100%;
max-width:980px;
text-align:left;
}

.faq-item{
background:#f7f7f7;
border:2px dashed #dfdfdf;
border-radius:28px;
overflow:hidden;
transition:
background 0.3s ease,
border-color 0.3s ease,
box-shadow 0.3s ease,
transform 0.3s ease;
}

.faq-item:hover{
border-color:#cfd8ff;
transform:translateY(-1px);
}

.faq-item.active{
background:#ffffff;
border:1px solid #ececec;
box-shadow:0 18px 36px rgba(0,0,0,0.05);
}

.faq-question{
width:100%;
min-width:unset;
height:auto;
background:transparent;
border:none;
box-shadow:none;
border-radius:0;
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
padding:34px 36px;
cursor:pointer;
text-align:left;
color:var(--text-dark);
}

.faq-question:hover{
transform:none;
box-shadow:none;
}

.faq-question-text{
display:block;
font-size:28px;
line-height:1.28;
font-weight:800;
letter-spacing:-0.8px;
color:#2b2b2b;
max-width:88%;
}

.faq-icon{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
width:42px;
height:42px;
font-size:34px;
font-weight:300;
line-height:1;
color:#8b8b8b;
transition:
transform 0.3s ease,
color 0.3s ease,
opacity 0.3s ease;
}

.faq-item.active .faq-icon{
transform:rotate(45deg);
color:var(--accent-blue);
}

.faq-answer{
max-height:0;
overflow:hidden;
padding:0 36px;
transition:
max-height 0.45s ease,
padding-top 0.35s ease,
padding-bottom 0.35s ease;
}

.faq-item.active .faq-answer{
padding-bottom:34px;
}

.faq-answer p{
font-size:18px;
line-height:1.65;
color:#6a6a6a;
max-width:860px;
padding-right:70px;
}

/* FOOTER */
.site-footer{
position:relative;
background:
radial-gradient(circle at 12% 18%, rgba(255,255,255,0.08), transparent 26%),
radial-gradient(circle at 88% 22%, rgba(255,255,255,0.06), transparent 22%),
radial-gradient(circle at 74% 72%, rgba(255,255,255,0.05), transparent 26%),
linear-gradient(180deg, #0f4fc8 0%, #0b42ab 45%, #083890 100%);
color:#ffffff;
padding:46px 0 28px;
width:100vw;
max-width:100vw;
margin-top:0;
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
margin-bottom:0;
overflow:hidden;
isolation:isolate;
}

.site-footer::before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(135deg, rgba(255,255,255,0.06) 0%, transparent 35%),
linear-gradient(315deg, rgba(255,255,255,0.04) 0%, transparent 30%);
pointer-events:none;
z-index:0;
}

.site-footer .container{
position:relative;
z-index:1;
max-width:1200px;
margin:0 auto;
padding-left:40px;
padding-right:40px;
}

.footer-support-bar{
display:grid;
grid-template-columns:1.05fr 1.15fr auto;
gap:26px;
align-items:center;
padding:28px 30px;
margin-bottom:40px;
background:rgba(255,255,255,0.10);
border:1px solid rgba(255,255,255,0.14);
border-radius:30px;
box-shadow:
0 20px 40px rgba(0,0,0,0.18),
inset 0 1px 0 rgba(255,255,255,0.10);
backdrop-filter:blur(8px);
}

.footer-support-brand h3{
font-size:32px;
line-height:1.05;
letter-spacing:-0.8px;
margin-bottom:8px;
color:#ffffff;
}

.footer-support-brand p{
font-size:15px;
line-height:1.55;
color:rgba(255,255,255,0.76);
margin:0;
max-width:280px;
}

.footer-support-text h4{
font-size:30px;
line-height:1.08;
letter-spacing:-0.8px;
margin-bottom:8px;
color:#ffffff;
}

.footer-support-text p{
font-size:16px;
line-height:1.65;
color:rgba(255,255,255,0.82);
margin:0;
max-width:430px;
}

.footer-support-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:220px;
height:62px;
padding:0 28px;
border-radius:18px;
background:linear-gradient(180deg, #ef823e 0%, #e97832 100%);
color:#ffffff;
font-size:17px;
font-weight:700;
text-decoration:none;
white-space:nowrap;
box-shadow:0 14px 30px rgba(239,130,62,0.34);
transition:transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}

.footer-support-btn:hover{
transform:translateY(-2px);
box-shadow:0 18px 36px rgba(239,130,62,0.42);
filter:brightness(1.02);
}

.footer-main{
display:grid;
grid-template-columns:1.3fr 0.9fr 0.9fr 1fr;
gap:38px;
padding:8px 0 36px;
}

.footer-column h4{
font-size:20px;
line-height:1.2;
margin-bottom:18px;
color:#ffffff;
letter-spacing:-0.2px;
}

.footer-about p,
.footer-support-copy{
font-size:17px;
line-height:1.75;
color:rgba(255,255,255,0.76);
max-width:340px;
}

.footer-column ul{
list-style:none;
padding:0;
margin:0;
}

.footer-column ul li{
margin-bottom:12px;
}

.footer-column ul li a,
.footer-bottom-links a,
.footer-email{
color:rgba(255,255,255,0.82);
text-decoration:none;
transition:color 0.2s ease, opacity 0.2s ease;
}

.footer-column ul li a:hover,
.footer-bottom-links a:hover,
.footer-email:hover{
color:#ffffff;
opacity:1;
}

.footer-socials{
display:flex;
gap:12px;
margin-top:24px;
flex-wrap:wrap;
}

.footer-socials a{
width:42px;
height:42px;
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
background:rgba(255,255,255,0.12);
border:1px solid rgba(255,255,255,0.10);
color:#ffffff;
text-decoration:none;
font-size:14px;
font-weight:700;
transition:transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.footer-socials a:hover{
background:var(--accent-orange);
border-color:var(--accent-orange);
transform:translateY(-2px);
}

.footer-email{
display:inline-block;
margin-top:8px;
margin-bottom:22px;
font-size:16px;
font-weight:700;
word-break:break-word;
}

.footer-mini-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:150px;
height:48px;
padding:0 18px;
border-radius:14px;
background:rgba(255,255,255,0.12);
border:1px solid rgba(255,255,255,0.14);
color:#ffffff;
text-decoration:none;
font-size:15px;
font-weight:700;
transition:background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.footer-mini-btn:hover{
background:var(--accent-orange);
border-color:var(--accent-orange);
transform:translateY(-2px);
}

.footer-bottom{
border-top:1px solid rgba(255,255,255,0.16);
padding-top:24px;
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
flex-wrap:wrap;
}

.footer-bottom p{
margin:0;
font-size:15px;
line-height:1.6;
color:rgba(255,255,255,0.72);
}

.footer-bottom-links{
display:flex;
gap:22px;
flex-wrap:wrap;
}

.footer-bottom-links a{
font-size:15px;
line-height:1.5;
}

/* RESPONSIVE */
@media (max-width:1000px){

.hero-inner{
flex-direction:column;
align-items:flex-start;
}

.newsletter-box{
grid-template-columns:1fr;
gap:34px;
padding:36px 34px;
}

.newsletter-title{
font-size:48px;
letter-spacing:-1.4px;
}

.newsletter-avatar{
width:340px;
margin-top:12px;
}

.beehiiv-form-wrap{
max-width:100%;
width:100%;
justify-content:flex-start;
}

.newsletter-signup-card{
max-width:100%;
}

.newsletter-proof-row{
align-items:flex-start;
}

.newsletter-form-intro{
font-size:16px;
max-width:100%;
}

.custom-newsletter-input{
height:64px;
font-size:19px;
}

.custom-newsletter-button{
height:64px;
font-size:22px;
}

.featured-card{
grid-template-columns:1fr;
padding:36px 32px;
}

.ai-evolution-title{
font-size:48px;
letter-spacing:-1.4px;
}

.ai-evolution-subtitle{
font-size:19px;
}

.ai-evolution-layout{
grid-template-columns:1fr;
gap:24px;
}

.ai-evolution-tabs-scroll{
height:auto;
overflow:visible;
padding-right:0;
}

.ai-evolution-tabs{
grid-template-columns:1fr 1fr;
}

.ai-evolution-featured{
position:relative;
top:auto;
}

.ai-evolution-featured-body h3{
font-size:34px;
}

.info-grid{
grid-template-columns:1fr;
}

.ai-benefits-title{
font-size:48px;
letter-spacing:-1.4px;
}

.ai-benefits-subtitle{
font-size:19px;
}

.ai-benefits-layout{
grid-template-columns:1fr;
gap:24px;
}

.ai-benefits-grid{
grid-template-columns:1fr 1fr;
}

.testimonial-card{
min-width:calc((100% - 24px) / 2);
}

.testimonials-title{
font-size:44px;
}

.testimonials-subtitle{
font-size:19px;
}

.faq-section{
padding:90px 0 30px;
}

.faq-section .container{
max-width:900px;
}

.faq-section .section-tag{
font-size:58px;
margin-bottom:10px;
}

.faq-title{
font-size:21px;
margin-bottom:34px;
}

.faq-question{
padding:28px 28px;
}

.faq-question-text{
font-size:22px;
max-width:85%;
}

.faq-answer{
padding:0 28px;
}

.faq-answer p{
padding-right:26px;
}

.footer-support-bar{
grid-template-columns:1fr;
align-items:flex-start;
padding:26px 26px;
}

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

@media (max-width:760px){

main{
padding:0 20px 0;
}

.container{
padding-left:20px;
padding-right:20px;
}

h1{
font-size:44px;
}

h2{
font-size:32px;
}

.newsletter-box{
padding:26px 22px;
border-radius:26px;
gap:28px;
}

.newsletter-title{
font-size:36px;
line-height:1.08;
letter-spacing:-1px;
}

.newsletter-avatar{
width:250px;
margin-top:12px;
}

.newsletter-signup-card{
padding:22px 18px 20px;
border-radius:24px;
}

.newsletter-proof-row{
flex-direction:column;
align-items:flex-start;
gap:12px;
margin-bottom:18px;
padding-bottom:16px;
}

.newsletter-proof-right{
text-align:left;
}

.newsletter-form-intro{
font-size:14px;
line-height:1.65;
}

.custom-newsletter-input-row{
gap:14px;
}

.custom-newsletter-input{
height:58px;
padding:0 20px;
font-size:17px;
}

.custom-newsletter-button{
height:58px;
font-size:18px;
}

.newsletter-bottom-note{
font-size:14px;
}

.hero-actions{
flex-direction:column;
align-items:flex-start;
}

.btn-dark,
.btn-light{
min-width:100%;
}

.hero-trust{
gap:14px 22px;
}

.ai-evolution-header{
margin-bottom:36px;
}

.ai-evolution-title{
font-size:36px;
line-height:1.08;
letter-spacing:-1px;
}

.ai-evolution-subtitle{
font-size:17px;
line-height:1.65;
}

.ai-evolution-tabs-scroll{
height:auto;
overflow:visible;
padding-right:0;
}

.ai-evolution-tabs{
grid-template-columns:1fr;
gap:16px;
}

.ai-evolution-tab{
padding:22px 20px;
border-radius:22px;
}

.ai-evolution-tab h3{
font-size:24px;
}

.ai-evolution-tab > p{
font-size:15px;
}

.ai-evolution-featured-card{
padding:18px;
border-radius:24px;
min-height:auto;
}

.ai-evolution-featured-window{
margin:-18px -18px 0;
padding:12px 14px;
border-radius:18px 18px 0 0;
}

.ai-evolution-window-bar span{
height:30px;
font-size:12px;
padding:0 12px;
}

.ai-evolution-featured-body{
padding-top:20px;
}

.ai-evolution-featured-year{
height:30px;
font-size:13px;
margin-bottom:14px;
}

.ai-evolution-featured-icon{
width:62px;
height:62px;
font-size:26px;
border-radius:18px;
margin-bottom:16px;
}

.ai-evolution-featured-body h3{
font-size:28px;
line-height:1.12;
}

.ai-evolution-featured-list{
gap:10px;
margin-bottom:18px;
}

.ai-evolution-featured-list li{
font-size:15px;
padding-left:20px;
}

.ai-evolution-featured-text{
font-size:15px;
line-height:1.7;
margin-bottom:20px;
}

.ai-evolution-btn{
width:100%;
min-width:100%;
height:56px;
font-size:17px;
}

.ai-benefits-header{
margin-bottom:36px;
}

.ai-benefits-title{
font-size:36px;
line-height:1.08;
letter-spacing:-1px;
}

.ai-benefits-subtitle{
font-size:17px;
line-height:1.65;
}

.ai-benefits-intro-card{
padding:26px 22px;
border-radius:24px;
}

.ai-benefits-intro-card h3{
font-size:30px;
line-height:1.12;
}

.ai-benefits-intro-card p{
font-size:16px;
line-height:1.7;
}

.ai-benefits-proof-box{
flex-direction:column;
align-items:flex-start;
padding:16px;
border-radius:20px;
}

.ai-proof-number{
width:72px;
height:72px;
min-width:72px;
font-size:24px;
border-radius:18px;
}

.ai-proof-content h4{
font-size:18px;
}

.ai-proof-content p{
font-size:15px;
}

.ai-benefits-grid{
grid-template-columns:1fr;
gap:16px;
}

.ai-benefit-card{
padding:22px 20px;
border-radius:22px;
}

.ai-benefit-icon{
width:52px;
height:52px;
font-size:24px;
border-radius:16px;
margin-bottom:16px;
}

.ai-benefit-text h3{
font-size:22px;
}

.ai-benefit-text p{
font-size:15px;
}

.testimonial-card{
min-width:100%;
}

.testimonial-slider{
gap:8px;
}

.testimonial-arrow{
width:42px;
height:42px;
min-width:42px;
font-size:32px;
}

.testimonials-title{
font-size:36px;
}

.testimonials-subtitle{
font-size:17px;
}

.testimonials-trust{
font-size:14px;
margin-bottom:22px;
}

.testimonial-metrics{
gap:10px;
margin:18px 0 24px;
}

.metric-item{
padding:8px 12px;
}

.metric-text{
font-size:13px;
}

.testimonial-track-wrapper{
padding:6px 0;
}

.testimonial-card{
padding:26px 20px;
min-height:250px;
border-radius:22px;
}

.testimonial-text{
font-size:16px;
margin-bottom:22px;
}

.testimonial-name{
font-size:16px;
}

.testimonial-role{
font-size:13px;
}

.faq-section{
padding:70px 0 24px;
}

.faq-section .section-tag{
font-size:42px;
letter-spacing:-1.5px;
}

.faq-title{
font-size:18px;
margin-bottom:24px;
}

.faq-list{
gap:14px;
}

.faq-item{
border-radius:22px;
}

.faq-question{
padding:22px 20px;
gap:18px;
}

.faq-question-text{
font-size:18px;
line-height:1.35;
max-width:82%;
}

.faq-icon{
width:34px;
height:34px;
font-size:28px;
}

.faq-answer{
padding:0 20px;
}

.faq-item.active .faq-answer{
padding-bottom:22px;
}

.faq-answer p{
font-size:15px;
padding-right:0;
max-width:100%;
}

.products.products-3{
grid-template-columns:1fr;
}

.card{
padding:24px 20px;
}

.testimonials-section .container{
padding-left:20px;
padding-right:20px;
}

.site-footer{
padding:32px 0 22px;
}

.site-footer .container{
padding-left:20px;
padding-right:20px;
}

.footer-support-bar{
padding:22px 20px;
border-radius:24px;
margin-bottom:30px;
gap:18px;
}

.footer-support-brand h3{
font-size:25px;
}

.footer-support-text h4{
font-size:23px;
}

.footer-support-text p{
font-size:15px;
}

.footer-support-btn{
width:100%;
min-width:100%;
}

.footer-main{
grid-template-columns:1fr;
gap:28px;
padding-bottom:30px;
}

.footer-column h4{
font-size:18px;
margin-bottom:14px;
}

.footer-about p,
.footer-support-copy{
font-size:16px;
max-width:100%;
}

.footer-bottom{
flex-direction:column;
align-items:flex-start;
gap:14px;
}

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

.accent{
color:var(--accent-blue);
}

.blue-text{
background:linear-gradient(90deg,#2563EB,#3B82F6,#60A5FA);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
color:transparent;
}

.orange-text{
color:var(--accent-orange);
}

.newsletter-success-message,
.custom-newsletter-form .formkit-alert-success {
  margin-top: 18px;
  border: 1px solid #9ed39e;
  background: #f4fbf4;
  color: #2f6b2f;
  border-radius: 999px;
  padding: 14px 18px;
  font-size: 16px;
  text-align: center;
}

.custom-newsletter-form .formkit-alert-error {
  margin-bottom: 14px;
  border-radius: 14px;
  padding: 12px 14px;
  font-size: 14px;
}

.custom-newsletter-form .formkit-spinner {
  display: none;
}

.custom-newsletter-form .formkit-submit[data-active] .formkit-spinner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 100%;
}

.custom-newsletter-form .formkit-submit[data-active] span {
  opacity: 0.7;
}

/* BLOG PAGE */

.blog-hero{
padding-top:120px;
padding-bottom:60px;
}

.blog-title{
font-size:56px;
max-width:760px;
line-height:1.05;
letter-spacing:-2px;
margin-bottom:20px;
}

.blog-subtitle{
font-size:18px;
color:var(--text-light);
max-width:620px;
line-height:1.6;
}



.blog-featured{
margin-bottom:60px;
}

.blog-featured-card{
display:grid;
grid-template-columns:1.2fr 1fr;
gap:40px;
background:#f7f7f7;
padding:30px;
border-radius:28px;
border:1px solid var(--border-light);
}

.blog-featured-image img{
width:100%;
border-radius:20px;
}

.blog-category{
font-size:14px;
color:var(--accent-blue);
font-weight:700;
margin-bottom:10px;
text-transform:uppercase;
}

.blog-featured-content h2{
font-size:32px;
margin-bottom:16px;
}



.blog-list{
margin-top:30px;
}

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

.blog-card{
background:#f7f7f7;
border-radius:26px;
overflow:hidden;
border:1px solid var(--border-light);
transition:0.25s;
}

.blog-card:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,0.06);
}

.blog-card-image img{
width:100%;
height:220px;
object-fit:cover;
}

.blog-card-content{
padding:22px;
}

.blog-card-content h3{
font-size:20px;
margin-bottom:10px;
}

.blog-card-content p{
font-size:15px;
color:var(--text-light);
margin-bottom:18px;
}

.blog-meta{
display:flex;
justify-content:space-between;
font-size:14px;
color:var(--accent-blue);
font-weight:600;
}



.blog-cta{
margin-top:80px;
}

.blog-cta-box{
background:#f7f7f7;
padding:40px;
border-radius:26px;
text-align:center;
border:1px solid var(--border-light);
}

.blog-cta-box h3{
font-size:28px;
margin-bottom:10px;
}



/* responsive */

@media(max-width:1000px){

.blog-grid{
grid-template-columns:1fr 1fr;
}

.blog-featured-card{
grid-template-columns:1fr;
}

}

@media(max-width:700px){

.blog-grid{
grid-template-columns:1fr;
}

.blog-title{
font-size:40px;
}

}

/* BLOG PAGE */

.blog-hero{
padding-top:140px;
padding-bottom:70px;
}

.blog-title{
font-size:56px;
max-width:760px;
line-height:1.05;
letter-spacing:-2px;
margin-bottom:20px;
}

.blog-subtitle{
font-size:18px;
color:#6b7280;
max-width:620px;
line-height:1.6;
}



.blog-featured{
margin-bottom:60px;
}

.blog-featured-card{
display:grid;
grid-template-columns:1.2fr 1fr;
gap:40px;
background:#f7f7f7;
padding:30px;
border-radius:28px;
border:1px solid #e5e7eb;
align-items:center;
}

.blog-featured-image img{
width:100%;
border-radius:20px;
}

.blog-category{
font-size:13px;
color:var(--accent-blue);
font-weight:700;
margin-bottom:10px;
text-transform:uppercase;
letter-spacing:1px;
}

.blog-featured-content h2{
font-size:30px;
margin-bottom:16px;
line-height:1.2;
}



.blog-list{
margin-top:30px;
}

.blog-list-header{
margin-bottom:24px;
}

.blog-list-title{
font-size:36px;
letter-spacing:-1px;
}



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

.blog-card{
background:#f7f7f7;
border-radius:26px;
overflow:hidden;
border:1px solid #e5e7eb;
transition:0.25s;
}

.blog-card:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,0.06);
}

.blog-card-link{
display:block;
text-decoration:none;
color:inherit;
}

.blog-card-image img{
width:100%;
height:210px;
object-fit:cover;
}

.blog-card-content{
padding:22px;
}

.blog-card-content h3{
font-size:19px;
margin-bottom:10px;
line-height:1.3;
}

.blog-card-content p{
font-size:15px;
color:#6b7280;
margin-bottom:18px;
}

.blog-meta{
display:flex;
justify-content:space-between;
font-size:14px;
color:var(--accent-blue);
font-weight:600;
}



.blog-cta{
margin-top:90px;
}

.blog-cta-box{
background:#f7f7f7;
padding:45px;
border-radius:26px;
text-align:center;
border:1px solid #e5e7eb;
}

.blog-cta-box h3{
font-size:28px;
margin-bottom:10px;
}



/* responsive */

@media(max-width:1000px){

.blog-grid{
grid-template-columns:1fr 1fr;
}

.blog-featured-card{
grid-template-columns:1fr;
}

}

@media(max-width:700px){

.blog-grid{
grid-template-columns:1fr;
}

.blog-title{
font-size:40px;
}

}

/* SINGLE BLOG POST PAGE */

.post-container{
max-width:1100px;
}

.post-hero{
padding-top:120px;
padding-bottom:50px;
}

.post-breadcrumb{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
margin-bottom:18px;
font-size:14px;
color:#7b8190;
}

.post-breadcrumb a{
color:#7b8190;
text-decoration:none;
}

.post-breadcrumb a:hover{
color:var(--accent-blue);
}

.post-title{
font-size:58px;
line-height:1.02;
letter-spacing:-2px;
max-width:860px;
margin-bottom:18px;
}

.post-meta-top{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
margin-bottom:20px;
font-size:15px;
color:#758095;
font-weight:600;
}

.post-dot{
opacity:0.6;
}

.post-subtitle{
font-size:20px;
line-height:1.75;
color:#5e6778;
max-width:820px;
margin-bottom:34px;
}

.post-featured-image{
border-radius:30px;
overflow:hidden;
border:1px solid var(--border-light);
box-shadow:0 18px 40px rgba(0,0,0,0.06);
}

.post-featured-image img{
width:100%;
height:auto;
display:block;
}

.post-content-section{
padding-top:10px;
}

.post-layout{
display:grid;
grid-template-columns:minmax(0, 1fr) 280px;
gap:44px;
align-items:start;
}

.post-content{
background:#ffffff;
border:1px solid rgba(17,17,17,0.05);
border-radius:28px;
padding:44px 48px;
box-shadow:0 20px 45px rgba(0,0,0,0.04);
}

.post-content h2{
font-size:34px;
line-height:1.15;
letter-spacing:-1px;
margin-top:34px;
margin-bottom:16px;
}

.post-content h3{
font-size:24px;
line-height:1.25;
margin-top:22px;
margin-bottom:12px;
}

.post-content p{
font-size:18px;
line-height:1.9;
color:#4d586b;
margin-bottom:18px;
}

.post-content ul{
padding-left:22px;
margin-bottom:22px;
}

.post-content li{
font-size:18px;
line-height:1.8;
color:#4d586b;
margin-bottom:8px;
}

.post-content blockquote{
margin:28px 0;
padding:24px 26px;
border-left:4px solid var(--accent-blue);
background:#f7fbff;
border-radius:18px;
font-size:22px;
line-height:1.6;
font-weight:700;
color:#1d2a3f;
}

.post-cta-inline{
margin-top:34px;
padding:28px;
border-radius:24px;
background:linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
border:1px solid rgba(17,17,17,0.06);
box-shadow:0 10px 24px rgba(0,0,0,0.04);
}

.post-cta-inline h3{
font-size:28px;
margin-bottom:10px;
}

.post-sidebar{
display:grid;
gap:18px;
position:sticky;
top:30px;
}

.post-sidebar-card{
background:#f7f7f7;
border:1px solid var(--border-light);
border-radius:24px;
padding:24px 22px;
box-shadow:0 10px 24px rgba(0,0,0,0.04);
}

.post-sidebar-card h3{
font-size:20px;
line-height:1.2;
margin-bottom:14px;
}

.post-sidebar-card p{
font-size:15px;
line-height:1.75;
color:#667085;
margin-bottom:16px;
}

.post-toc{
list-style:none;
padding:0;
margin:0;
}

.post-toc li{
margin-bottom:10px;
}

.post-toc a{
font-size:15px;
line-height:1.6;
color:#465063;
text-decoration:none;
font-weight:600;
}

.post-toc a:hover{
color:var(--accent-blue);
}

.post-sidebar-btn{
display:inline-flex;
align-items:center;
justify-content:center;
width:100%;
height:50px;
padding:0 18px;
border-radius:16px;
background:#111111;
color:#ffffff;
text-decoration:none;
font-size:15px;
font-weight:700;
transition:all 0.25s ease;
}

.post-sidebar-btn:hover{
transform:translateY(-2px);
}

.post-sidebar-btn-light{
background:rgba(59,130,246,0.08);
color:var(--accent-blue);
border:1px solid rgba(59,130,246,0.16);
}

.related-posts{
margin-top:90px;
}

.related-posts-header{
margin-bottom:24px;
}

.related-posts-header h2{
font-size:40px;
letter-spacing:-1px;
}

@media (max-width:1100px){
.post-layout{
grid-template-columns:1fr;
}

.post-sidebar{
position:relative;
top:auto;
grid-template-columns:repeat(3, 1fr);
}
}

@media (max-width:760px){
.post-hero{
padding-top:90px;
padding-bottom:36px;
}

.post-title{
font-size:40px;
letter-spacing:-1px;
}

.post-subtitle{
font-size:17px;
line-height:1.7;
margin-bottom:24px;
}

.post-content{
padding:24px 20px;
border-radius:22px;
}

.post-content h2{
font-size:28px;
margin-top:28px;
}

.post-content h3{
font-size:22px;
}

.post-content p,
.post-content li{
font-size:16px;
line-height:1.8;
}

.post-content blockquote{
font-size:18px;
padding:20px;
}

.post-sidebar{
grid-template-columns:1fr;
}

.related-posts{
margin-top:70px;
}
}

.post-featured-image{
margin-top:25px;
margin-bottom:35px;
}

.post-sidebar-card{
padding:26px;
}

/* =============================
GUIDE PAGE (CLEAN LAYOUT)
============================= */

.guide-clean-hero{
padding-top:110px;
padding-bottom:80px;
}

.guide-clean-grid{
display:grid;
grid-template-columns:1.08fr 0.92fr;
gap:48px;
align-items:center;
}

/* LEFT */

.guide-clean-title{
font-size:68px;
line-height:1.02;
letter-spacing:-1.6px;
margin-bottom:22px;
max-width:720px;
font-weight:700;
}

.guide-free-pill{
display:inline-block;
padding:6px 20px 10px;
border-radius:22px;
background:linear-gradient(180deg,#ef823e 0%,#e97832 100%);
color:#fff;
font-weight:900;
box-shadow:
0 10px 22px rgba(239,130,62,0.25),
inset 0 1px 0 rgba(255,255,255,0.35);
}

.guide-clean-accent{
color:var(--accent-blue);
}

.guide-clean-subtitle{
font-size:20px;
line-height:1.75;
color:#5f6877;
max-width:680px;
margin-bottom:32px;
}

.guide-clean-benefits{
list-style:none;
padding:0;
margin:0 0 36px;
display:grid;
gap:14px;
}

.guide-clean-benefits li{
position:relative;
padding-left:36px;
font-size:18px;
line-height:1.6;
color:#596273;
font-weight:500;
}

.guide-clean-benefits li::before{
content:"✓";
position:absolute;
left:0;
top:2px;
width:24px;
height:24px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(239,130,62,0.12);
color:var(--accent-orange);
font-size:14px;
font-weight:900;
}

/* EMAIL BOX */

.guide-email-box{
width:100%;
max-width:620px;
}

.guide-email-box h3{
font-size:28px;
line-height:1.2;
margin-bottom:18px;
color:#111;
font-weight:800;
}

/* =============================
KIT FORM STYLING
============================= */

.guide-email-form{
display:grid;
grid-template-columns:minmax(0,1fr) 210px;
gap:14px;
align-items:center;
width:100%;
max-width:620px;
}

.guide-email-form .formkit-field{
min-width:0;
}

.guide-email-form .formkit-input{
width:100%;
height:64px;
padding:0 22px;
border-radius:18px;
border:1.5px solid rgba(0,0,0,0.08);
background:#fff;
font-size:17px;
color:#111;
outline:none;
transition:0.25s;
}

.guide-email-form .formkit-input:focus{
border-color:rgba(59,130,246,0.35);
box-shadow:0 0 0 4px rgba(59,130,246,0.10);
}

.guide-email-form .formkit-submit{
width:100%;
height:64px;
padding:0 18px;
border:none;
border-radius:18px;
background:linear-gradient(180deg,#ef823e 0%,#e97832 100%);
color:#fff;
font-size:17px;
font-weight:800;
cursor:pointer;
box-shadow:0 16px 32px rgba(239,130,62,0.28);
transition:0.25s;
white-space:nowrap;
position:relative;
overflow:hidden;
}

.guide-email-form .formkit-submit:hover{
transform:translateY(-2px);
box-shadow:0 20px 36px rgba(239,130,62,0.35);
}

.guide-email-form .formkit-submit > span{
display:block;
}

/* LOADING SPINNER */

.guide-email-form .formkit-spinner{
display:flex;
height:0;
width:0;
margin:0 auto;
position:absolute;
top:0;
left:0;
right:0;
overflow:hidden;
align-items:center;
justify-content:center;
transition:all 300ms ease-in-out;
}

.guide-email-form .formkit-spinner > div{
width:10px;
height:10px;
margin:0 3px;
background-color:#fff;
opacity:0.35;
border-radius:50%;
animation:guide-bounce 1.4s infinite ease-in-out both;
}

.guide-email-form .formkit-spinner > div:nth-child(1){
animation-delay:-0.32s;
}

.guide-email-form .formkit-spinner > div:nth-child(2){
animation-delay:-0.16s;
}

.guide-email-form .formkit-submit[data-active] .formkit-spinner{
height:100%;
width:50px;
}

.guide-email-form .formkit-submit[data-active] .formkit-spinner ~ span{
opacity:0;
}

/* ERROR MESSAGE */

.guide-email-form .formkit-alert-error{
grid-column:1 / -1;
margin:0 0 10px;
padding:12px 16px;
border-radius:14px;
background:#fde8e2;
border:1px solid #f2643b;
color:#c2410c;
list-style:none;
}

.guide-email-form .formkit-alert-error:empty{
display:none;
}

/* SUCCESS MESSAGE - HIDDEN UNTIL KIT SHOWS IT */

.formkit-alert.formkit-alert-success{
align-items:center !important;
justify-content:center !important;
gap:10px !important;
grid-column:1 / -1 !important;
width:100% !important;
max-width:620px !important;
margin-top:14px !important;
padding:16px 22px !important;
border-radius:40px !important;
border:1.5px solid rgba(34,197,94,0.35) !important;
background:linear-gradient(
180deg,
rgba(240,253,244,0.95) 0%,
rgba(220,252,231,0.95) 100%
) !important;
color:#166534 !important;
font-size:15px !important;
font-weight:500 !important;
line-height:1.5 !important;
text-align:center !important;
list-style:none !important;
box-shadow:
0 6px 18px rgba(34,197,94,0.08),
inset 0 1px 0 rgba(255,255,255,0.6) !important;
}

/* keep hidden before submit */
.formkit-alert.formkit-alert-success[style*="display:none"]{
display:none !important;
}

/* only show after Kit removes display:none */
.formkit-alert.formkit-alert-success:not([style*="display:none"]){
display:flex !important;
}

.formkit-alert.formkit-alert-success::before{
content:"✓";
display:inline-flex;
align-items:center;
justify-content:center;
width:26px;
height:26px;
min-width:26px;
margin-right:8px;
border-radius:50%;
background:rgba(34,197,94,0.15);
color:#16a34a;
font-weight:900;
font-size:15px;
}

/* RIGHT SIDE IMAGE (FREE FLOATING) */

.guide-clean-right{
display:flex;
justify-content:center;
align-items:center;
}

.guide-image-placeholder{
width:100%;
display:flex;
align-items:center;
justify-content:center;
background:transparent;
border:none;
border-radius:0;
box-shadow:none;
padding:0;
margin:0;
}

.guide-clean-right img{
width:100%;
max-width:650px;
height:auto;
object-fit:contain;
filter:drop-shadow(0 30px 60px rgba(0,0,0,0.18));
}

/* SOCIAL PROOF */

.guide-social-proof{
display:flex;
align-items:center;
gap:12px;
margin-top:20px;
}

.guide-social-avatars{
display:flex;
align-items:center;
}

.guide-social-avatars img{
width:40px;
height:40px;
border-radius:50%;
object-fit:cover;
border:2px solid #fff;
box-shadow:0 6px 14px rgba(59,130,246,0.15);
margin-left:-10px;
background:#dbeafe;
}

.guide-social-avatars img:first-child{
margin-left:0;
}

.guide-social-text{
margin:0;
font-size:15px;
line-height:1.4;
color:#6b7280;
font-weight:500;
}

.guide-social-text strong{
color:#111;
font-weight:700;
}

/* ANIMATION */

@keyframes guide-bounce{
0%,80%,100%{transform:scale(0);}
40%{transform:scale(1);}
}

/* RESPONSIVE */

@media (max-width:1100px){

.guide-clean-grid{
grid-template-columns:1fr;
gap:40px;
}

.guide-clean-title{
font-size:58px;
}

.guide-clean-right img{
max-width:560px;
}

}

@media (max-width:760px){

.guide-clean-hero{
padding-top:90px;
padding-bottom:50px;
}

.guide-clean-title{
font-size:42px;
letter-spacing:-1px;
}

.guide-clean-subtitle{
font-size:17px;
}

.guide-clean-benefits li{
font-size:16px;
padding-left:30px;
}

.guide-email-box h3{
font-size:22px;
}

.guide-email-form{
grid-template-columns:1fr;
}

.guide-email-form .formkit-input,
.guide-email-form .formkit-submit{
height:56px;
border-radius:16px;
}

.guide-clean-right img{
max-width:100%;
}

.formkit-alert.formkit-alert-success{
border-radius:22px !important;
padding:14px 16px !important;
font-size:14px !important;
}

}

/* =============================
PREMIUM NAVBAR
============================= */

.site-header{
padding-top:22px;
position:relative;
z-index:50;
}

.nav-shell{
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
}

.logo img{
height:160px;
width:auto;
display:block;
}

.premium-nav{
display:flex;
align-items:center;
gap:10px;
padding:12px;
border-radius:999px;
background:rgba(255,255,255,0.72);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
border:1px solid rgba(17,17,17,0.06);
box-shadow:
0 18px 40px rgba(0,0,0,0.06),
inset 0 1px 0 rgba(255,255,255,0.75);
}

.premium-nav-item{
display:inline-flex;
align-items:center;
justify-content:center;
height:54px;
padding:0 24px;
border-radius:999px;
text-decoration:none;
font-size:18px;
font-weight:700;
color:#3f4958;
transition:
background 0.25s ease,
color 0.25s ease,
transform 0.25s ease,
box-shadow 0.25s ease;
white-space:nowrap;
}

.premium-nav-item:hover{
color:var(--accent-blue);
transform:translateY(-1px);
}

.premium-nav-item-active{
background:#141518;
color:#ffffff;
box-shadow:
0 10px 24px rgba(0,0,0,0.18),
inset 0 1px 0 rgba(255,255,255,0.05);
}

.premium-nav-item-active:hover{
color:#ffffff;
}

/* optional blue focus ring */
.premium-nav-item:focus-visible{
outline:none;
box-shadow:0 0 0 4px rgba(59,130,246,0.14);
}

/* RESPONSIVE */

@media (max-width:1100px){
.nav-shell{
flex-direction:column;
align-items:flex-start;
}

.premium-nav{
width:100%;
justify-content:center;
flex-wrap:wrap;
border-radius:28px;
}
}

@media (max-width:760px){
.site-header{
padding-top:16px;
}

.nav-shell{
gap:16px;
}

.logo img{
height:40px;
}

.premium-nav{
width:100%;
padding:10px;
gap:8px;
border-radius:24px;
}

.premium-nav-item{
flex:1 1 calc(50% - 8px);
height:48px;
padding:0 16px;
font-size:16px;
}

.premium-nav-item-active{
border-radius:18px;
}
}

/* =========================
SAFE MOBILE NAVBAR PATCH
ONLY APPEND THIS AT THE END
========================= */

@media (max-width:760px){

.site-header{
padding-top:14px;
padding-bottom:6px;
}

.nav-shell{
display:block;
gap:0;
}

.logo,
.premium-nav{
display:none !important;
}

.mobile-nav-wrap{
display:block;
position:relative;
width:100%;
margin-top:8px;
}

.mobile-nav{
display:grid;
grid-template-columns:auto 1fr auto;
align-items:center;
gap:12px;
width:100%;
padding:16px 18px;
background:#ffffff;
border-radius:30px;
border:1px solid rgba(17,17,17,0.05);
box-shadow:0 14px 34px rgba(0,0,0,0.05);
overflow:visible;
}

.mobile-logo{
display:flex;
align-items:center;
justify-content:flex-start;
min-width:0;
}

.mobile-logo img{
display:block;
width:96px;
height:auto;
}

.mobile-current-page{
display:flex;
align-items:center;
justify-content:center;
min-width:132px;
height:50px;
padding:0 22px;
border-radius:999px;
background:#050816;
color:#ffffff;
font-size:18px;
font-weight:800;
line-height:1;
white-space:nowrap;
text-align:center;
letter-spacing:-0.02em;
}

.mobile-menu-toggle{
width:50px;
height:50px;
min-width:50px;
min-height:50px;
display:flex;
align-items:center;
justify-content:center;
padding:0;
border:none;
border-radius:16px;
background:#f3f3f3;
color:#111111;
font-size:23px;
cursor:pointer;
box-shadow:none;
}

.mobile-menu-toggle span{
display:block;
line-height:1;
transform:translateY(-1px);
}

.mobile-menu-panel{
display:none;
position:absolute;
top:calc(100% + 10px);
left:0;
right:0;
z-index:999;
padding:14px;
background:#ffffff;
border-radius:18px;
border:1px solid rgba(17,17,17,0.06);
box-shadow:0 18px 40px rgba(0,0,0,0.08);
}

.mobile-menu-panel.open{
display:flex;
flex-direction:column;
gap:10px;
}

.mobile-menu-panel a{
display:flex;
align-items:center;
min-height:46px;
padding:0 16px;
border-radius:14px;
font-size:15px;
font-weight:700;
color:#334155;
text-decoration:none;
}

.mobile-menu-panel a.mobile-menu-active{
background:#050816;
color:#ffffff;
}

}


/* =========================
DESKTOP NAVBAR RESTORE
APPENDED SAFE PATCH
========================= */
@media (min-width:761px){

.mobile-nav-wrap{
display:none !important;
}

.logo{
display:flex !important;
align-items:center;
}

.premium-nav{
display:flex !important;
align-items:center;
}

.nav-shell{
display:flex !important;
align-items:center;
justify-content:space-between;
gap:24px;
}

.desktop-nav{
display:none !important;
}

.logo img{
height:56px !important;
width:auto !important;
display:block;
}

}

/* =========================
GUIDE PAGE MOBILE FIX
APPENDED SAFE PATCH
========================= */
@media (max-width:760px){

.guide-clean-grid{
grid-template-columns:1fr !important;
gap:28px !important;
align-items:start !important;
}

.guide-clean-left,
.guide-clean-right,
.guide-email-box,
.guide-image-placeholder{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
}

.guide-email-box{
padding:22px 18px !important;
border-radius:24px !important;
overflow:hidden !important;
}

.guide-email-box h3{
font-size:22px !important;
line-height:1.2 !important;
}

.guide-email-form{
display:grid !important;
grid-template-columns:1fr !important;
gap:12px !important;
width:100% !important;
}

.guide-email-form .formkit-input,
.guide-email-form .formkit-submit{
width:100% !important;
max-width:100% !important;
height:56px !important;
border-radius:16px !important;
font-size:16px !important;
}

.guide-email-form .formkit-submit{
min-width:0 !important;
}

.guide-social-proof{
flex-wrap:wrap !important;
align-items:center !important;
}

.guide-social-text{
font-size:14px !important;
line-height:1.45 !important;
}

.guide-clean-right{
justify-content:center !important;
align-items:center !important;
}

.guide-image-placeholder{
padding:0 !important;
margin:0 auto !important;
min-height:0 !important;
}

.guide-clean-right img,
.guide-image-placeholder img{
display:block !important;
width:100% !important;
max-width:340px !important;
height:auto !important;
margin:0 auto !important;
object-fit:contain !important;
}

}


/* =========================
FINAL MOBILE POLISH
APPENDED SAFE PATCH
========================= */
@media (max-width:760px){

main{
padding:0 20px !important;
}

.container{
padding-left:20px !important;
padding-right:20px !important;
}

.mobile-nav{
grid-template-columns:auto 1fr auto !important;
align-items:center !important;
gap:14px !important;
padding:14px 16px !important;
border-radius:28px !important;
}

.mobile-logo{
justify-self:start !important;
}

.mobile-logo img{
width:132px !important;
max-width:none !important;
height:auto !important;
}

.mobile-current-page{
justify-self:center !important;
min-width:168px !important;
height:52px !important;
padding:0 24px !important;
font-size:20px !important;
font-weight:800 !important;
border-radius:999px !important;
}

.mobile-menu-toggle{
justify-self:end !important;
width:52px !important;
height:52px !important;
min-width:52px !important;
min-height:52px !important;
border-radius:16px !important;
font-size:23px !important;
}

.hero{
padding-top:42px !important;
padding-bottom:18px !important;
}

.hero-inner{
gap:28px !important;
}

.hero-left{
max-width:100% !important;
}

.hero h1{
font-size:58px !important;
line-height:0.98 !important;
letter-spacing:-1.6px !important;
margin-bottom:18px !important;
max-width:100% !important;
word-break:normal !important;
overflow-wrap:break-word !important;
}

.hero-text{
font-size:16px !important;
line-height:1.65 !important;
margin-bottom:22px !important;
max-width:100% !important;
}

.hero-actions{
gap:12px !important;
margin-bottom:16px !important;
}

.hero-actions .btn-dark,
.hero-actions .btn-light{
width:100% !important;
min-width:100% !important;
height:64px !important;
font-size:17px !important;
border-radius:18px !important;
}

.hero-trust{
gap:14px 18px !important;
font-size:14px !important;
margin-top:14px !important;
}

.hero-trust span{
padding-left:14px !important;
}

.hero-right{
display:none !important;
}

}

@media (max-width:420px){

.mobile-nav{
gap:10px !important;
padding:14px 12px !important;
}

.mobile-logo img{
width:104px !important;
}

.mobile-current-page{
min-width:148px !important;
height:48px !important;
padding:0 18px !important;
font-size:18px !important;
}

.mobile-menu-toggle{
width:48px !important;
height:48px !important;
min-width:48px !important;
min-height:48px !important;
font-size:22px !important;
}

.hero h1{
font-size:50px !important;
line-height:0.98 !important;
}

.hero-text{
font-size:15px !important;
}

.hero-actions .btn-dark,
.hero-actions .btn-light{
height:60px !important;
font-size:16px !important;
}

}

/* MOBILE NAVBAR CURRENT PAGE WIDTH FIX */
@media (max-width:760px){

.mobile-current-page{
width:auto !important;
min-width:0 !important;
flex:0 0 auto !important;
padding:12px 28px !important;
font-size:18px !important;
white-space:nowrap !important;
}

}

/* MOBILE NAVBAR ALIGNMENT FIX */
@media (max-width:760px){

.mobile-nav{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}

.mobile-logo{
margin-right:auto;
}

.mobile-current-page{
margin-left:auto;
margin-right:4px; /* controls space between Home and toggle */
}

.mobile-menu-toggle{
flex:0 0 auto;
}

}

/* MOBILE HERO IMAGE UNDER TRUST TEXT */
@media (max-width:900px){

.hero{
padding-top:40px;
}

.hero-inner{
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
gap:24px !important;
}

.hero-left{
width:100% !important;
max-width:100% !important;
order:1 !important;
}

.hero-right{
width:100% !important;
display:flex !important;
justify-content:center !important;
align-items:center !important;
order:2 !important;
margin-top:8px !important;
}

.hero-right img{
display:block !important;
width:100% !important;
max-width:340px !important;
height:auto !important;
}

}

/* =============================
GUIDES PAGE PREMIUM CARDS FINAL
============================= */

.guides-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:28px;
align-items:stretch;
}

/* CARD */
.guide-card{
border-radius:30px;
overflow:hidden;
}

.guide-card-link{
display:flex;
flex-direction:column;
height:100%;
background:#f8f8f8;
border:1px solid #ececec;
border-radius:30px;
overflow:hidden;
box-shadow:
0 18px 38px rgba(0,0,0,0.06),
0 4px 12px rgba(0,0,0,0.04);
transition:0.25s ease;
}

.guide-card-link:hover{
transform:translateY(-6px);
box-shadow:
0 28px 48px rgba(0,0,0,0.08),
0 10px 22px rgba(0,0,0,0.06);
}


/* =============================
TOP BLACK SECTION
============================= */

.guide-card-top{
height:95px;
display:flex;
align-items:center;
justify-content:center;

background:
radial-gradient(circle at 85% 18%, rgba(59,130,246,0.16), transparent 18%),
linear-gradient(180deg, #0b0b0c 0%, #161718 100%);

border-top-left-radius:30px;
border-top-right-radius:30px;
}

.guide-card-top-inner{
display:flex;
align-items:center;
justify-content:center;
width:100%;
}

.guide-card-top-inner img{
max-width:135px;
height:auto;
object-fit:contain;

filter:drop-shadow(0 10px 20px rgba(0,0,0,0.35));
}


/* =============================
CARD CONTENT
============================= */

.guide-card-content{
padding:26px 28px 26px;
display:flex;
flex-direction:column;
flex:1;
}

.guide-title{
font-size:23px;
font-weight:800;
line-height:1.15;
letter-spacing:-0.6px;
margin-bottom:14px;
color:#222;
}


/* ORANGE GUIDE BADGE */

/* PREMIUM GUIDE BADGE */
.guide-inline-badge{
display:inline-flex;
align-items:center;
justify-content:center;

padding:5px 14px;
margin-left:10px;

font-size:13px;
font-weight:700;
letter-spacing:0.3px;

color:white;

background:linear-gradient(
180deg,
#ff9a4d 0%,
#ef823e 55%,
#e36f28 100%
);

border-radius:999px;

box-shadow:
0 4px 10px rgba(239,130,62,0.35),
inset 0 1px 0 rgba(255,255,255,0.35);

transform:translateY(-1px);
}


/* DESCRIPTION */

.guide-description{
font-size:14.5px;
line-height:1.55;
color:#6b7280;
margin-bottom:18px;
}


/* BULLET POINTS */

.guide-points{
list-style:none;
padding:0;
margin:0 0 20px 0;
display:grid;
gap:12px;
}

.guide-points li{
position:relative;
padding-left:32px;
font-size:14.5px;
color:#555;
}

.guide-points li::before{
content:"✓";

position:absolute;
left:0;
top:1px;

width:22px;
height:22px;

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

background:rgba(239,130,62,0.15);
color:#ef823e;

font-size:13px;
font-weight:900;
}


/* =============================
BUTTON
============================= */

.guide-card-footer{
margin-top:auto;
}

.guide-card-cta{
display:flex;
align-items:center;
justify-content:center;
gap:10px;

width:100%;
height:54px;

border-radius:999px;

background:linear-gradient(180deg,#4B84F4 0%, #2F6DE8 100%);

color:white;

font-size:16px;
font-weight:800;

text-decoration:none;

box-shadow:
0 14px 28px rgba(59,130,246,0.25),
inset 0 1px 0 rgba(255,255,255,0.25);

transition:0.25s;
}

.guide-card-cta:hover{
transform:translateY(-1px);

box-shadow:
0 18px 34px rgba(59,130,246,0.35),
inset 0 1px 0 rgba(255,255,255,0.3);
}

.guide-card-arrow{
font-size:22px;
}


/* =============================
RATING
============================= */

.guide-rating-row{
display:flex;
align-items:center;
justify-content:center;
gap:6px;

margin-top:14px;

font-size:14px;
color:#444;
}

.guide-stars{
color:#f5b301;
letter-spacing:1px;
}


/* =============================
RESPONSIVE
============================= */

@media(max-width:1100px){

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

}

@media(max-width:700px){

.guides-grid{
grid-template-columns:1fr;
}

.guide-card-top{
height:85px;
}

.guide-card-top-inner img{
max-width:115px;
}

.guide-title{
font-size:21px;
}

.guide-card-content{
padding:22px;
}

}

/* ===== GUIDES HERO ONLY ===== */
.guides-hero{
position:relative;
padding-top:140px;
padding-bottom:58px;
margin-bottom:28px;
overflow:hidden;
}

.guides-hero::before{
content:"";
position:absolute;
top:-120px;
right:-120px;
width:360px;
height:360px;
background:radial-gradient(circle, rgba(59,130,246,0.10) 0%, rgba(59,130,246,0.04) 38%, transparent 72%);
filter:blur(34px);
pointer-events:none;
z-index:0;
}

.guides-hero::after{
content:"";
position:absolute;
left:-120px;
top:120px;
width:300px;
height:300px;
background:radial-gradient(circle, rgba(239,130,62,0.06) 0%, transparent 72%);
filter:blur(40px);
pointer-events:none;
z-index:0;
}

.guides-hero .container{
position:relative;
z-index:1;
}

.guides-hero .page-title{
font-size:72px;
line-height:1.02;
letter-spacing:-2px;
max-width:820px;
margin-bottom:18px;
}

.guides-hero .page-subtitle{
font-size:19px;
line-height:1.7;
max-width:700px;
color:#5f6877;
margin-bottom:0;
}

.guides-micro-trust{
display:flex;
flex-wrap:wrap;
gap:12px;
align-items:center;
margin-top:22px;
}

.guides-micro-trust span{
display:inline-flex;
align-items:center;
gap:8px;
min-height:40px;
padding:0 14px;
border-radius:999px;
background:#ffffff;
border:1px solid rgba(17,17,17,0.06);
box-shadow:0 8px 18px rgba(0,0,0,0.04);
font-size:14px;
font-weight:700;
line-height:1;
color:#5d6676;
}

.guides-micro-trust span::before{
content:"";
width:7px;
height:7px;
border-radius:50%;
background:var(--accent-orange);
box-shadow:0 0 0 4px rgba(239,130,62,0.12);
flex-shrink:0;
}

@media (max-width:1100px){
.guides-hero .page-title{
font-size:56px;
letter-spacing:-1.4px;
}
}

@media (max-width:760px){
.guides-hero{
padding-top:110px;
padding-bottom:40px;
margin-bottom:18px;
}

.guides-hero .page-title{
font-size:42px;
line-height:1.05;
letter-spacing:-1px;
max-width:100%;
}

.guides-hero .page-subtitle{
font-size:16px;
max-width:100%;
}

.guides-micro-trust{
gap:10px;
margin-top:18px;
}

.guides-micro-trust span{
min-height:36px;
padding:0 12px;
font-size:13px;
}
}

.guides-hero{
border-bottom:1px solid rgba(17,17,17,0.05);
padding-bottom:48px;
margin-bottom:34px;
}

.guide-card{
transition:all .28s ease;
}

.guide-card:hover{
transform:translateY(-6px);
box-shadow:
0 26px 46px rgba(0,0,0,0.08),
0 6px 14px rgba(0,0,0,0.04);
}

.guides-library-section{
position:relative;
}

.guides-library-section::before{
content:"";
position:absolute;
left:50%;
top:120px;
transform:translateX(-50%);
width:800px;
height:260px;
background:
radial-gradient(circle,
rgba(59,130,246,0.06),
transparent 70%);
filter:blur(40px);
z-index:0;
pointer-events:none;
}

.guides-library-section > *{
position:relative;
z-index:1;
}

.guides-library-section{
margin-top:20px;
}

.guides-library-section .section-title{
margin-bottom:34px;
}

.guide-card .btn-primary{
transition:all .25s ease;
}

.guide-card:hover .btn-primary{
transform:translateY(-1px);
box-shadow:0 14px 28px rgba(59,130,246,0.28);
}

.section-title-icon{
opacity:.8;
transform:translateY(1px);
}

.guides-library-section{
margin-top:34px;
}

.accent-word{
color:var(--accent-orange);
}

.accent-word{
color:var(--accent-orange);
position:relative;
}

.accent-word::after{
content:"";
position:absolute;
left:0;
bottom:6px;
width:100%;
height:8px;
background:rgba(239,130,62,0.18);
border-radius:999px;
z-index:-1;
}

.title-pill{
display:inline-block;
padding:12px 28px;
border-radius:999px;

background:
linear-gradient(180deg,#f38f47 0%, #ef823e 45%, #e97832 100%);

color:white;
font-size:0.58em;
font-weight:800;

vertical-align:middle;
margin:0 10px;

box-shadow:
0 14px 34px rgba(239,130,62,0.30),
0 3px 8px rgba(239,130,62,0.18);

letter-spacing:.4px;
}

/* =============================
OTHER RESOURCES SECTION
============================= */

.guides-divider{
width:100%;
height:1px;
background:linear-gradient(
90deg,
transparent,
rgba(17,17,17,0.10),
transparent
);
margin:38px 0 34px;
}

.other-resources-section{
margin-bottom:34px;
}

.other-resources-title{
font-size:36px;
line-height:1.1;
letter-spacing:-1px;
margin-bottom:24px;
color:var(--text-dark);
}

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

.other-resource-card{
display:block;
text-decoration:none;
background:#ffffff;
border:1px solid rgba(17,17,17,0.06);
border-radius:24px;
padding:16px;
box-shadow:
0 12px 28px rgba(0,0,0,0.05),
0 2px 6px rgba(0,0,0,0.02);
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
border-color 0.25s ease;
color:inherit;
}

.other-resource-card:hover{
transform:translateY(-5px);
box-shadow:
0 20px 38px rgba(0,0,0,0.08),
0 6px 14px rgba(0,0,0,0.04);
border-color:rgba(59,130,246,0.16);
}

.other-resource-image{
height:120px;
border-radius:18px;
background:
radial-gradient(circle at 80% 20%, rgba(59,130,246,0.14), transparent 25%),
linear-gradient(180deg, #0b0b0c 0%, #17181a 100%);
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
margin-bottom:14px;
}

.other-resource-image img{
max-width:100px;
max-height:72px;
width:auto;
height:auto;
object-fit:contain;
filter:drop-shadow(0 8px 16px rgba(0,0,0,0.28));
}

.other-resource-card h3{
font-size:20px;
line-height:1.2;
letter-spacing:-0.4px;
margin:0;
color:var(--text-dark);
}

/* TABLET */
@media (max-width:1100px){

.other-resources-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}

}

/* MOBILE */
@media (max-width:760px){

.guides-divider{
margin:30px 0 26px;
}

.other-resources-title{
font-size:30px;
margin-bottom:18px;
}

.other-resources-grid{
grid-template-columns:1fr;
gap:16px;
}

.other-resource-card{
padding:14px;
border-radius:20px;
}

.other-resource-image{
height:100px;
border-radius:16px;
margin-bottom:12px;
}

.other-resource-image img{
max-width:82px;
max-height:60px;
}

.other-resource-card h3{
font-size:18px;
}

}

/* =============================
MINI RESOURCE CARDS
============================= */

.other-resources-grid{
display:grid;
grid-template-columns:1fr;
gap:18px;
margin-bottom:34px;
}

.mini-resource-card{
display:flex;
align-items:flex-start;
gap:16px;
background:#ffffff;
border-radius:22px;
padding:16px;
border:1px solid rgba(17,17,17,0.06);
box-shadow:
0 10px 26px rgba(0,0,0,0.04),
0 2px 6px rgba(0,0,0,0.02);
text-decoration:none;
color:inherit;
transition:
transform .25s ease,
box-shadow .25s ease,
border .25s ease;
min-width:0;
}

.mini-resource-card:hover{
transform:translateY(-4px);
box-shadow:
0 18px 34px rgba(0,0,0,0.08),
0 6px 12px rgba(0,0,0,0.04);
border-color:rgba(59,130,246,0.16);
}


/* IMAGE */

.mini-resource-image{
width:88px;
height:88px;
min-width:88px;
border-radius:18px;
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
background:
radial-gradient(circle at 80% 20%, rgba(59,130,246,0.15), transparent 25%),
linear-gradient(180deg,#0b0b0c 0%, #17181a 100%);
overflow:hidden;
}

.mini-resource-image img{
max-width:52px;
max-height:52px;
object-fit:contain;
filter:drop-shadow(0 8px 16px rgba(0,0,0,0.35));
}


/* TEXT */

.mini-resource-content{
display:flex;
flex-direction:column;
justify-content:space-between;
min-width:0;
flex:1;
height:100%;
}

.mini-resource-content h3{
font-size:18px;
line-height:1.25;
margin-bottom:6px;
letter-spacing:-0.3px;
color:var(--text-dark);
}

.mini-resource-content p{
font-size:13px;
line-height:1.5;
color:#5f6b7a;
margin-bottom:10px;
max-width:none;
}


/* MINI CARD BUTTON STYLE */

.mini-learn-more{
display:inline-block;
align-self:flex-end;

margin-top:8px;

padding:8px 14px;

border-radius:999px;

background:linear-gradient(180deg,#4f7cf3 0%, #3b6fe0 100%);

color:white;

font-size:13px;
font-weight:600;

letter-spacing:.15px;

text-decoration:none; /* remove underline */

box-shadow:
0 8px 18px rgba(59,111,224,0.28),
0 2px 6px rgba(59,111,224,0.18);

transition:
transform .2s ease,
box-shadow .2s ease;
}

.mini-resource-card:hover .mini-learn-more{
transform:translateY(-1px);
box-shadow:
0 14px 26px rgba(59,111,224,0.32),
0 4px 10px rgba(59,111,224,0.20);
}


/* TABLET */

@media (min-width:760px){

.other-resources-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

}


/* DESKTOP */

@media (min-width:1100px){

.other-resources-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
}

.mini-resource-card{
padding:14px;
gap:14px;
}

.mini-resource-image{
width:78px;
height:78px;
min-width:78px;
border-radius:16px;
}

.mini-resource-image img{
max-width:46px;
max-height:46px;
}

.mini-resource-content h3{
font-size:16px;
line-height:1.22;
margin-bottom:6px;
}

.mini-resource-content p{
font-size:12px;
line-height:1.45;
margin-bottom:8px;
}

.mini-learn-more{
padding:7px 12px;
font-size:12px;
}

}


/* MOBILE */

@media (max-width:759px){

.mini-resource-card{
padding:14px;
gap:14px;
}

.mini-resource-image{
width:84px;
height:84px;
min-width:84px;
border-radius:16px;
}

.mini-resource-image img{
max-width:50px;
max-height:50px;
}

.mini-resource-content h3{
font-size:18px;
line-height:1.2;
}

.mini-resource-content p{
font-size:13px;
line-height:1.5;
}

.mini-learn-more{
padding:9px 16px;
font-size:13px;
}

}

@media (min-width: 900px){
  .logo img{
    height: 100px !important;
    width: auto !important;
  }
}

/* =========================
CUSTOM GPT FACTORY LANDING
========================= */

.landing-header{
padding:30px 0 10px;
position:relative;
z-index:20;
}

.landing-logo img{
height:70px;
width:auto;
display:block;
}

/* HERO */

.cg-hero{
position:relative;
height:600px;
overflow:hidden;
background:#e9eaec;
isolation:isolate;
}

.cg-hero-bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image:url('/assets/images/custom-gpts-premium-bg.png');
background-size:cover;
background-position:center;
background-repeat:no-repeat;
z-index:0;
}

.cg-hero-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(
90deg,
rgba(233,234,236,0.96) 0%,
rgba(233,234,236,0.90) 34%,
rgba(233,234,236,0.62) 58%,
rgba(233,234,236,0.18) 100%
);
z-index:1;
pointer-events:none;
}

.cg-hero::after{
content:"";
position:absolute;
top:-120px;
right:-120px;
width:520px;
height:520px;
background:radial-gradient(circle, rgba(59,130,246,0.22) 0%, rgba(59,130,246,0.08) 35%, rgba(59,130,246,0) 70%);
filter:blur(10px);
pointer-events:none;
z-index:2;
}

.cg-hero-grid{
position:relative;
z-index:3;
display:grid;
grid-template-columns:1.08fr 0.92fr;
align-items:end;
gap:60px;
height:600px;
}

.cg-label{
display:inline-block;
font-size:13px;
font-weight:700;
letter-spacing:2px;
color:var(--accent-orange);
margin-bottom:18px;
}

.cg-hero-left{
max-width:760px;
position:relative;
z-index:3;
padding-bottom:55px;
}

.cg-hero h1{
font-size:68px;
line-height:1.02;
letter-spacing:-2.4px;
margin-bottom:22px;
max-width:none;
color:#111;
}

.cg-hero h1 span{
color:var(--accent-blue);
}

.cg-subtitle{
font-size:20px;
line-height:1.7;
color:#5f6877;
max-width:650px;
margin-bottom:34px;
}

.cg-hero-buttons{
display:flex;
gap:16px;
margin-bottom:22px;
flex-wrap:wrap;
}

.cg-primary-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:64px;
padding:0 30px;
border-radius:999px;
background:#111;
color:#fff;
font-weight:700;
text-decoration:none;
font-size:18px;
box-shadow:0 14px 28px rgba(0,0,0,0.12);
transition:all .25s ease;
}

.cg-primary-btn:hover{
transform:translateY(-2px);
box-shadow:0 20px 40px rgba(0,0,0,0.18);
}

.cg-secondary-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:64px;
padding:0 30px;
border-radius:999px;
background:rgba(255,255,255,0.72);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
color:#111;
font-weight:700;
text-decoration:none;
border:1px solid rgba(17,17,17,0.08);
box-shadow:0 8px 24px rgba(0,0,0,0.05);
transition:all .25s ease;
}

.cg-secondary-btn:hover{
transform:translateY(-2px);
border-color:rgba(239,130,62,0.35);
background:rgba(255,255,255,0.92);
}

.cg-trust{
margin-top:8px;
display:flex;
gap:20px;
font-size:15px;
color:#6b7280;
flex-wrap:wrap;
}

.cg-trust span{
position:relative;
padding-left:16px;
}

.cg-trust span::before{
content:"";
position:absolute;
left:0;
top:8px;
width:6px;
height:6px;
background:var(--accent-orange);
border-radius:50%;
}

.cg-hero-right{
display:flex;
justify-content:center;
align-items:flex-end;
position:relative;
z-index:4;
height:100%;
}

.cg-robot-wrap{
position:relative;
display:flex;
justify-content:center;
align-items:flex-end;
width:100%;
max-width:460px;
height:100%;
z-index:4;
}

.cg-robot-wrap::before{
content:"";
position:absolute;
bottom:20px;
left:50%;
transform:translateX(-50%);
width:280px;
height:280px;
background:radial-gradient(circle, rgba(59,130,246,0.18) 0%, rgba(239,130,62,0.10) 38%, rgba(255,255,255,0) 72%);
filter:blur(18px);
z-index:0;
pointer-events:none;
}

.cg-robot-wrap img{
position:relative;
z-index:5;
max-width:420px;
width:100%;
height:auto;
display:block;
filter:drop-shadow(0 30px 50px rgba(0,0,0,0.18));
}

/* SECTIONS */

.cg-section-heading{
max-width:820px;
margin:0 auto 44px;
text-align:center;
}

.cg-section-heading h2{
font-size:42px;
line-height:1.15;
letter-spacing:-1px;
margin-bottom:12px;
color:#111;
}

.cg-section-heading p{
font-size:18px;
line-height:1.7;
color:#5f6877;
}

.cg-problem{
padding:72px 0 85px;
position:relative;
overflow:hidden;
text-align:center;
}

.cg-problem::before{
content:"";
position:absolute;
top:-120px;
left:-120px;
width:340px;
height:340px;
background:radial-gradient(circle, rgba(59,130,246,0.08) 0%, rgba(59,130,246,0) 72%);
pointer-events:none;
}

.cg-problem::after{
content:"";
position:absolute;
bottom:-140px;
right:-140px;
width:360px;
height:360px;
background:radial-gradient(circle, rgba(239,130,62,0.08) 0%, rgba(239,130,62,0) 72%);
pointer-events:none;
}

.cg-problem-heading{
max-width:900px;
margin:0 auto 42px;
position:relative;
z-index:2;
}

.cg-problem-heading h2{
font-size:52px;
line-height:1.08;
letter-spacing:-1.8px;
margin-bottom:16px;
max-width:780px;
margin-left:auto;
margin-right:auto;
}

.cg-problem-heading p{
max-width:700px;
margin:0 auto;
font-size:19px;
line-height:1.75;
}

.cg-problem-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:26px;
margin-top:10px;
position:relative;
z-index:2;
}

.cg-problem-card{
position:relative;
background:rgba(255,255,255,0.82);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
border:1px solid rgba(17,17,17,0.06);
border-radius:24px;
padding:28px 24px 26px;
box-shadow:0 10px 24px rgba(0,0,0,0.035);
transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
min-height:200px;
}

.cg-problem-card:hover{
transform:translateY(-4px);
box-shadow:0 18px 34px rgba(0,0,0,0.06);
border-color:rgba(59,130,246,0.14);
}

.cg-problem-accent{
width:48px;
height:3px;
border-radius:999px;
background:linear-gradient(90deg, var(--accent-orange), var(--accent-blue));
margin-bottom:22px;
}

.cg-problem-card h3{
margin-bottom:12px;
font-size:22px;
line-height:1.18;
color:#111;
letter-spacing:-0.4px;
}

.cg-problem-card p{
font-size:16px;
line-height:1.65;
color:#5f6877;
margin:0;
}

.cg-problem-bottom{
max-width:920px;
margin:34px auto 0;
text-align:center;
font-size:20px;
line-height:1.7;
font-weight:600;
color:#111;
position:relative;
z-index:2;
}

/* SOLUTION SECTION - PREMIUM DARK */

.cg-solution{
background:
radial-gradient(circle at 14% 12%, rgba(59,130,246,0.12) 0%, rgba(59,130,246,0.045) 20%, rgba(59,130,246,0) 44%),
radial-gradient(circle at 86% 88%, rgba(239,130,62,0.12) 0%, rgba(239,130,62,0.045) 22%, rgba(239,130,62,0) 46%),
radial-gradient(circle at 50% 45%, rgba(255,255,255,0.025) 0%, rgba(255,255,255,0.01) 22%, rgba(255,255,255,0) 55%),
#07080b;
position:relative;
padding:108px 0 96px;
overflow:hidden;
border-top:1px solid rgba(255,255,255,0.05);
border-bottom:1px solid rgba(255,255,255,0.05);
isolation:isolate;
}

.cg-solution::before{
content:"";
position:absolute;
inset:-22% auto auto -10%;
width:520px;
height:520px;
background:radial-gradient(circle at center, rgba(59,130,246,0.14) 0%, rgba(59,130,246,0.06) 26%, rgba(59,130,246,0) 70%);
filter:blur(60px);
pointer-events:none;
z-index:0;
}

.cg-solution::after{
content:"";
position:absolute;
inset:auto -12% -32% auto;
width:560px;
height:560px;
background:radial-gradient(circle at center, rgba(239,130,62,0.13) 0%, rgba(239,130,62,0.045) 24%, rgba(239,130,62,0) 70%);
filter:blur(70px);
pointer-events:none;
z-index:0;
}

.cg-solution .container{
position:relative;
z-index:2;
}

.cg-solution-heading{
max-width:820px;
margin:0 auto 48px;
text-align:center;
}

.cg-solution-heading h2{
color:#ffffff;
font-size:46px;
line-height:1.05;
letter-spacing:-1.6px;
margin-bottom:22px;
max-width:800px;
margin-left:auto;
margin-right:auto;
background:linear-gradient(180deg,#ffffff 0%,#dbeafe 160%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.cg-solution-heading p{
color:#b7c2d9;
font-size:18px;
line-height:1.85;
max-width:720px;
margin:0 auto;
}

.cg-solution-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:54px;
position:relative;
z-index:2;
align-items:stretch;
}

.cg-solution-card{
position:relative;
background:
linear-gradient(180deg, rgba(255,255,255,0.055) 0%, rgba(255,255,255,0.03) 55%, rgba(255,255,255,0.022) 100%);
border:1px solid rgba(255,255,255,0.085);
padding:30px 28px 26px;
border-radius:26px;
transition:transform .45s ease, border-color .45s ease, background .45s ease, box-shadow .45s ease;
text-align:left;
box-shadow:
0 18px 40px rgba(0,0,0,0.32),
inset 0 1px 0 rgba(255,255,255,0.035);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
min-height:280px;
overflow:hidden;
}

.cg-solution-card::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(135deg, rgba(255,255,255,0.04), rgba(255,255,255,0) 42%);
pointer-events:none;
}

.cg-solution-card:hover{
transform:translateY(-6px);
border-color:rgba(255,255,255,0.14);
background:
linear-gradient(180deg, rgba(255,255,255,0.075) 0%, rgba(255,255,255,0.045) 55%, rgba(255,255,255,0.03) 100%);
box-shadow:
0 26px 60px rgba(0,0,0,0.42),
inset 0 1px 0 rgba(255,255,255,0.05);
}

.cg-solution-card-featured{
transform:scale(1.02);
border-color:rgba(59,130,246,0.22);
box-shadow:
0 22px 48px rgba(0,0,0,0.36),
0 0 0 1px rgba(59,130,246,0.05),
inset 0 1px 0 rgba(255,255,255,0.04);
}

.cg-solution-card-featured:hover{
transform:scale(1.02) translateY(-6px);
border-color:rgba(239,130,62,0.18);
box-shadow:
0 30px 70px rgba(0,0,0,0.48),
0 0 0 1px rgba(239,130,62,0.04),
inset 0 1px 0 rgba(255,255,255,0.05);
}

.cg-solution-icon{
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
border-radius:12px;
margin-bottom:18px;
font-size:18px;
background:linear-gradient(135deg, rgba(239,130,62,0.16), rgba(59,130,246,0.14));
border:1px solid rgba(255,255,255,0.07);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.07),
0 10px 24px rgba(0,0,0,0.2);
position:relative;
z-index:1;
}

.cg-solution-icon::after{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
background:radial-gradient(circle at 30% 30%, rgba(255,255,255,0.14), rgba(255,255,255,0) 60%);
pointer-events:none;
}

.cg-solution-card h3{
margin-bottom:10px;
font-size:20px;
line-height:1.14;
color:#ffffff;
letter-spacing:-0.35px;
position:relative;
z-index:1;
}

.cg-solution-card p{
font-size:16px;
line-height:1.75;
color:#b9c4da;
margin:0;
position:relative;
z-index:1;
max-width:32ch;
}

.cg-solution-bottom{
max-width:720px;
margin:38px auto 0;
padding-top:24px;
text-align:center;
font-size:19px;
line-height:1.7;
font-weight:600;
color:#ffffff;
position:relative;
z-index:2;
}

.cg-solution-bottom::before{
content:"";
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
width:110px;
height:1px;
background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.18), rgba(255,255,255,0));
}

/* WHAT YOU GET - PREMIUM WHITE SHOWCASE */

.cg-includes{
padding:100px 0 90px;
position:relative;
}

.cg-includes .cg-section-heading{
max-width:820px;
margin:0 auto 52px;
}

.cg-includes .cg-section-heading h2{
font-size:44px;
line-height:1.12;
letter-spacing:-1.2px;
font-weight:700;
margin-bottom:14px;
}

.cg-includes .cg-section-heading p{
font-size:18px;
line-height:1.8;
color:#5f6877;
max-width:680px;
margin-left:auto;
margin-right:auto;
}

.cg-includes-showcase{
display:grid;
grid-template-columns:0.9fr 1.1fr;
gap:56px;
align-items:center;
margin-top:44px;
background:#ffffff;
border:1px solid rgba(17,17,17,0.05);
border-radius:34px;
padding:52px 48px;
box-shadow:
0 30px 70px rgba(15,23,42,0.07),
0 10px 25px rgba(15,23,42,0.04);
position:relative;
overflow:hidden;
width:100%;
max-width:1180px;
margin-left:auto;
margin-right:auto;
}

.cg-includes-showcase::before,
.cg-includes-showcase::after{
display:none;
}

.cg-includes-image{
position:relative;
display:flex;
justify-content:center;
align-items:center;
}

.cg-includes-image::before{
display:none;
}

.cg-includes-image img{
position:relative;
z-index:2;
width:100%;
max-width:360px;
display:block;
border-radius:24px;
box-shadow:
0 30px 60px rgba(15,23,42,0.10),
0 12px 28px rgba(15,23,42,0.05);
}

.cg-includes-content{
max-width:100%;
position:relative;
z-index:2;
}

.cg-includes-list{
display:flex;
flex-direction:column;
gap:0;
}

.cg-includes-item{
display:flex;
gap:18px;
align-items:flex-start;
padding:22px 0;
border-bottom:1px solid rgba(15,23,42,0.06);
transition:all .22s ease;
}

.cg-includes-item:hover{
transform:translateX(6px);
}

.cg-includes-item:last-child{
border-bottom:none;
padding-bottom:0;
}

.cg-includes-item:first-child{
padding-top:0;
}

.cg-include-number{
flex:0 0 auto;
width:42px;
height:42px;
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(180deg, rgba(59,130,246,0.10), rgba(59,130,246,0.04));
border:1px solid rgba(59,130,246,0.14);
color:var(--accent-blue);
font-size:13px;
font-weight:800;
letter-spacing:1px;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.7);
}

.cg-includes-item-text h3{
margin-bottom:6px;
font-size:20px;
line-height:1.18;
color:#0f172a;
letter-spacing:-0.3px;
font-weight:600;
}

.cg-includes-item-text p{
font-size:15.5px;
line-height:1.75;
color:#5f6877;
margin:0;
max-width:500px;
}

/* CATEGORIES INCLUDED - INTERACTIVE TABS */

.cg-categories{
padding:88px 0 78px;
position:relative;
}

.cg-categories-shell{
max-width:1180px;
margin:0 auto;
padding:56px 40px 40px;
border-radius:32px;
background:linear-gradient(180deg,#f7f9fe 0%,#f2f6fd 100%);
border:1px solid rgba(59,130,246,0.08);
box-shadow:
0 1px 0 rgba(255,255,255,0.8) inset,
0 24px 50px rgba(15,23,42,0.045),
0 8px 22px rgba(15,23,42,0.025);
position:relative;
overflow:hidden;
}

.cg-categories-shell::before{
content:"";
position:absolute;
top:-140px;
left:-110px;
width:320px;
height:320px;
background:radial-gradient(circle, rgba(59,130,246,0.10) 0%, rgba(59,130,246,0) 72%);
pointer-events:none;
}

.cg-categories-shell::after{
content:"";
position:absolute;
right:-120px;
bottom:-150px;
width:340px;
height:340px;
background:radial-gradient(circle, rgba(239,130,62,0.08) 0%, rgba(239,130,62,0) 74%);
pointer-events:none;
}

.cg-categories .cg-section-heading{
max-width:860px;
margin:0 auto 30px;
position:relative;
z-index:2;
}

.cg-categories-heading{
max-width:900px;
}

.cg-categories-badge{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:10px 18px;
border-radius:999px;
background:#ffffff;
border:1px solid rgba(59,130,246,0.14);
box-shadow:
0 10px 24px rgba(15,23,42,0.04),
inset 0 1px 0 rgba(255,255,255,0.9);
font-size:12px;
font-weight:800;
letter-spacing:1.6px;
text-transform:uppercase;
color:var(--accent-blue);
margin-bottom:18px;
}

.cg-categories .cg-section-heading h2{
font-size:44px;
line-height:1.10;
letter-spacing:-1.5px;
margin-bottom:14px;
}

.cg-categories .cg-section-heading p{
max-width:720px;
margin:0 auto;
font-size:18px;
line-height:1.75;
}

.cg-categories-tabs{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px;
margin:0 auto 30px;
max-width:1120px;
position:relative;
z-index:2;
}

.cg-category-tab{
appearance:none;
border:none;
outline:none;
cursor:pointer;
min-height:72px;
padding:0 22px;
border-radius:20px;
background:#ffffff;
color:#111;
font-size:18px;
font-weight:700;
text-align:center;
box-shadow:
0 10px 22px rgba(15,23,42,0.03),
inset 0 1px 0 rgba(255,255,255,0.88);
border:1px solid rgba(17,17,17,0.05);
transition:
transform .22s ease,
box-shadow .22s ease,
border-color .22s ease,
background .22s ease,
color .22s ease;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
}

.cg-category-tab:hover{
transform:translateY(-2px);
border-color:rgba(59,130,246,0.18);
box-shadow:
0 14px 28px rgba(15,23,42,0.045),
inset 0 1px 0 rgba(255,255,255,0.92);
}

.cg-category-tab.active{
background:linear-gradient(180deg,#ffffff 0%,#f4f8ff 100%);
border-color:rgba(59,130,246,0.35);
color:var(--accent-blue);
box-shadow:
0 18px 38px rgba(59,130,246,0.14),
0 4px 10px rgba(0,0,0,0.03),
inset 0 1px 0 rgba(255,255,255,0.95);
transform:translateY(-2px);
}

.cg-category-tab:focus-visible{
box-shadow:
0 0 0 3px rgba(59,130,246,0.14),
0 18px 34px rgba(15,23,42,0.06);
}

.cg-category-tab-icon{
font-size:17px;
line-height:1;
flex:0 0 auto;
}

.cg-category-tab-text{
display:inline-block;
line-height:1.2;
}

.cg-categories-panel-wrap{
max-width:1120px;
margin:0 auto;
position:relative;
z-index:2;
}

.cg-categories-panel{
background:#ffffff;
border:1px solid rgba(17,17,17,0.05);
border-radius:30px;
padding:34px 34px 30px;
box-shadow:
0 24px 60px rgba(15,23,42,0.055),
0 8px 20px rgba(15,23,42,0.03);
}

.cg-categories-panel-top{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:24px;
padding-bottom:28px;
margin-bottom:28px;
border-bottom:1px solid rgba(15,23,42,0.06);
}

.cg-categories-kicker{
display:inline-block;
margin-bottom:10px;
font-size:12px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
color:var(--accent-orange);
}

.cg-categories-panel-top h3{
font-size:30px;
line-height:1.18;
letter-spacing:-0.7px;
color:#111;
margin-bottom:10px;
max-width:700px;
}

.cg-categories-panel-top p{
font-size:17px;
line-height:1.75;
color:#5f6877;
max-width:720px;
margin:0;
}

.cg-categories-count{
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:0 18px;
border-radius:999px;
background:rgba(59,130,246,0.07);
border:1px solid rgba(59,130,246,0.18);
font-size:14px;
font-weight:700;
color:#0f172a;
white-space:nowrap;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.75);
}

/* SCROLLABLE GPT LIST */

.cg-categories-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
align-items:stretch;
max-height:470px;
overflow-y:auto;
overflow-x:hidden;
padding-right:8px;
scrollbar-width:thin;
scrollbar-color:rgba(59,130,246,0.28) rgba(15,23,42,0.04);
position:relative;
}

.cg-categories-list:focus-within{
outline:2px solid rgba(59,130,246,0.15);
outline-offset:6px;
border-radius:20px;
}

.cg-categories-list::-webkit-scrollbar{
width:10px;
}

.cg-categories-list::-webkit-scrollbar-track{
background:rgba(15,23,42,0.04);
border-radius:999px;
}

.cg-categories-list::-webkit-scrollbar-thumb{
background:rgba(59,130,246,0.22);
border-radius:999px;
border:2px solid rgba(255,255,255,0.85);
}

.cg-categories-list::-webkit-scrollbar-thumb:hover{
background:rgba(59,130,246,0.34);
}

.cg-categories-panel-wrap::after{
content:"";
position:absolute;
left:34px;
right:34px;
bottom:88px;
height:46px;
background:linear-gradient(180deg, rgba(255,255,255,0) 0%, #ffffff 85%);
pointer-events:none;
z-index:3;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
}

.cg-categories-gpt-item{
display:flex;
gap:14px;
align-items:flex-start;
padding:18px 16px 16px;
border-radius:18px;
background:#ffffff;
border:1px solid rgba(15,23,42,0.06);
box-shadow:0 6px 14px rgba(15,23,42,0.02);
transition:
transform .22s ease,
box-shadow .22s ease,
border-color .22s ease,
background .22s ease;
min-height:108px;
}

.cg-categories-gpt-item:hover{
transform:translateY(-4px);
background:#ffffff;
border-color:rgba(59,130,246,0.25);
box-shadow:
0 20px 40px rgba(59,130,246,0.08),
0 8px 18px rgba(0,0,0,0.04);
}

.cg-gpt-icon{
flex:0 0 auto;
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
border-radius:14px;
background:linear-gradient(180deg, rgba(59,130,246,0.10), rgba(59,130,246,0.04));
border:1px solid rgba(59,130,246,0.14);
font-size:18px;
line-height:1;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.72);
}

.cg-gpt-copy{
min-width:0;
flex:1 1 auto;
}

.cg-gpt-meta{
display:inline-block;
margin-bottom:6px;
font-size:11px;
line-height:1;
font-weight:800;
letter-spacing:1.4px;
text-transform:uppercase;
color:var(--accent-blue);
}

.cg-gpt-title{
font-size:18px;
line-height:1.24;
font-weight:700;
letter-spacing:-0.3px;
color:#0f172a;
margin-bottom:5px;
}

.cg-gpt-desc{
font-size:14px;
line-height:1.65;
color:#5f6877;
}

.cg-categories-payoff{
margin-top:20px;
padding:20px 22px;
border-radius:18px;
background:linear-gradient(180deg, rgba(59,130,246,0.06), rgba(59,130,246,0.025));
border:1px solid rgba(59,130,246,0.12);
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:18px;
position:relative;
z-index:4;
box-shadow:
0 10px 25px rgba(59,130,246,0.08),
inset 0 1px 0 rgba(255,255,255,0.6);
}

.cg-categories-payoff strong{
display:block;
font-size:18px;
line-height:1.25;
letter-spacing:-0.3px;
color:#0f172a;
flex:0 0 auto;
}

.cg-categories-payoff span{
display:block;
font-size:15px;
line-height:1.7;
color:#5f6877;
max-width:700px;
}

/* OTHER SECTIONS */

.cg-use-cases{
padding:70px 0;
}

.cg-use-grid{
display:grid;
grid-template-columns:repeat(3,1fr));
gap:18px;
margin-top:30px;
}

.cg-use-card{
background:#fff;
padding:22px;
border-radius:18px;
border:1px solid #eee;
text-align:center;
font-weight:600;
font-size:17px;
box-shadow:0 10px 20px rgba(0,0,0,0.03);
}

/* HOW IT WORKS - HORIZONTAL WALKTHROUGH */

.cg-how{
padding:95px 0 90px;
position:relative;
overflow:visible;
background:transparent;
}

.cg-how .container{
overflow:visible;
background:transparent;
}

.cg-how-heading{
max-width:900px;
margin:0 auto 38px;
position:relative;
z-index:2;
}

.cg-how-heading h2{
max-width:950px;
margin-left:auto;
margin-right:auto;
font-size:56px;
line-height:1.04;
letter-spacing:-2px;
text-shadow:
0 0 30px rgba(59,130,246,0.16),
0 0 56px rgba(59,130,246,0.08);
}

.cg-how-accent{
display:inline-block;
padding:0 .18em;
border-radius:14px;
background:#ef823e;
color:#fff;
line-height:.95;
box-shadow:
0 10px 22px rgba(239,130,62,0.22),
0 0 18px rgba(59,130,246,0.12);
}

.cg-how-heading p{
max-width:760px;
margin-left:auto;
margin-right:auto;
font-size:18px;
line-height:1.8;
color:#5f6877;
}

.cg-how-mini-label{
display:none;
}

.cg-how-controls{
display:flex;
justify-content:center;
align-items:center;
gap:16px;
margin:0 auto 28px;
position:relative;
z-index:2;
}

.cg-how-arrow{
width:60px;
height:60px;
border:none;
border-radius:18px;
background:linear-gradient(180deg, #4d83eb 0%, #2f6fe7 100%);
border:1px solid rgba(47,111,231,0.26);
box-shadow:
0 14px 30px rgba(47,111,231,0.22),
0 4px 10px rgba(15,23,42,0.05),
inset 0 1px 0 rgba(255,255,255,0.18);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
padding:0;
transition:
transform .22s ease,
box-shadow .22s ease,
border-color .22s ease,
background .22s ease,
color .22s ease;
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
}

.cg-how-arrow span{
width:100%;
height:100%;
font-size:28px;
font-weight:900;
line-height:1;
display:flex;
align-items:center;
justify-content:center;
transform:none;
color:#fff;
}

.cg-how-arrow:hover{
transform:translateY(-3px);
color:#fff;
border-color:rgba(47,111,231,0.34);
box-shadow:
0 20px 38px rgba(47,111,231,0.28),
0 8px 16px rgba(15,23,42,0.06);
}

.cg-how-arrow:active{
transform:translateY(0);
}

.cg-how-strip{
display:grid;
grid-auto-flow:column;
grid-auto-columns:calc((100% - 48px) / 3);
gap:24px;
overflow-x:auto;
overflow-y:visible;
padding:12px 8px 16px 0;
scroll-snap-type:x proximity;
cursor:grab;
user-select:none;
scroll-behavior:smooth;
position:relative;
z-index:2;
scrollbar-width:none;
-ms-overflow-style:none;
background:transparent;
}

.cg-how-strip.is-dragging{
cursor:grabbing;
scroll-snap-type:none;
}

.cg-how-strip::-webkit-scrollbar{
display:none;
}

.cg-how-slide{
scroll-snap-align:start;
background:#ffffff;
border:1px solid rgba(15,23,42,0.04);
border-radius:30px;
padding:24px 22px 22px;
box-shadow:
0 8px 20px rgba(15,23,42,0.025);
position:relative;
transition:
transform .25s ease,
box-shadow .25s ease,
border-color .25s ease;
min-width:0;
display:flex;
flex-direction:column;
}

.cg-how-slide:hover{
transform:translateY(-6px);
border-color:rgba(59,130,246,0.12);
box-shadow:
0 14px 28px rgba(59,130,246,0.05);
}

.cg-how-step-badge{
min-width:56px;
width:56px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
border-radius:999px;
background:linear-gradient(180deg, #fff, #f6f7f9);
border:1px solid rgba(15,23,42,0.05);
color:var(--accent-orange);
font-size:20px;
font-weight:800;
letter-spacing:-0.4px;
margin-bottom:18px;
box-shadow:
0 6px 14px rgba(0,0,0,0.04),
inset 0 1px 0 rgba(255,255,255,0.9);
}

.cg-how-media{
border-radius:24px;
overflow:hidden;
background:#f8fafc;
border:1px solid rgba(15,23,42,0.04);
box-shadow:none;
margin-bottom:20px;
height:500px;
display:flex;
align-items:flex-start;
justify-content:center;
}

.cg-how-media img{
display:block;
width:100%;
height:100%;
object-fit:contain;
object-position:top center;
background:#f8fafc;
}

.cg-how-content{
background:transparent;
}

.cg-how-content h3{
font-size:24px;
line-height:1.18;
letter-spacing:-0.4px;
margin-bottom:0;
color:#0b1220;
font-weight:700;
max-width:260px;
text-wrap:balance;
}

.cg-how-content p{
display:none;
}

.cg-how-note{
text-align:center;
margin-top:18px;
font-size:14px;
line-height:1.6;
color:#6b7280;
}

/* ========= PREMIUM DARK "WHO IT'S FOR" SECTION ========= */

.cg-for{
padding:84px 0 82px;
position:relative;
overflow:hidden;
background:#030712;
}

.cg-for-bg{
position:absolute;
inset:0;
background:
radial-gradient(circle at 10% 22%, rgba(37,99,235,0.34) 0%, rgba(37,99,235,0.14) 24%, rgba(37,99,235,0) 46%),
radial-gradient(circle at 88% 82%, rgba(239,130,62,0.18) 0%, rgba(239,130,62,0.07) 22%, rgba(239,130,62,0) 44%),
linear-gradient(135deg, #020617 0%, #040914 54%, #09090b 100%);
pointer-events:none;
}

.cg-for .container{
position:relative;
z-index:2;
}

.cg-for-shell{
max-width:1060px;
margin:0 auto;
padding:22px 18px 8px;
border-radius:34px;
border:1px solid rgba(255,255,255,0.06);
background:linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0.008));
box-shadow:
0 24px 60px rgba(0,0,0,0.24),
inset 0 1px 0 rgba(255,255,255,0.05);
backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);
}

.cg-for-heading{
max-width:760px;
margin:0 auto;
text-align:center;
}

.cg-for-heading .cg-label,
.cg-for-label{
display:none;
}

.cg-for-heading h2{
color:#f8fafc;
max-width:760px;
margin-left:auto;
margin-right:auto;
letter-spacing:-1.6px;
line-height:1.08;
text-shadow:
0 0 28px rgba(59,130,246,0.14),
0 0 54px rgba(59,130,246,0.05);
}

.cg-for-heading p{
color:rgba(226,232,240,0.80);
max-width:690px;
margin:18px auto 0;
font-size:18px;
line-height:1.7;
}

.cg-for-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px;
margin-top:30px;
}

.cg-for-card{
position:relative;
display:flex;
align-items:center;
justify-content:center;
min-height:78px;
padding:24px 22px;
border-radius:22px;
border:1px solid rgba(255,255,255,0.10);
text-align:center;
font-weight:700;
font-size:18px;
letter-spacing:-0.25px;
color:#f8fafc;
background:
linear-gradient(180deg, rgba(255,255,255,0.065), rgba(255,255,255,0.028));
box-shadow:
0 12px 28px rgba(0,0,0,0.22),
inset 0 1px 0 rgba(255,255,255,0.08);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
transition:
transform .22s ease,
border-color .22s ease,
box-shadow .22s ease,
background .22s ease;
}

.cg-for-card::before{
content:"";
position:absolute;
left:18px;
right:18px;
top:0;
height:1px;
background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.22), rgba(255,255,255,0));
pointer-events:none;
}

.cg-for-card:hover{
transform:translateY(-4px) scale(1.012);
border-color:rgba(59,130,246,0.26);
box-shadow:
0 18px 36px rgba(0,0,0,0.28),
0 0 0 1px rgba(59,130,246,0.08) inset,
0 0 24px rgba(59,130,246,0.10);
background:
linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.036));
}

/* ========= END PREMIUM DARK "WHO IT'S FOR" SECTION ========= */

/* ========= BEFORE / AFTER TRANSFORMATION SECTION ========= */

.cg-benefits{
padding:80px 0 74px;
text-align:center;
background:transparent;
}

.cg-benefits-heading{
max-width:760px;
margin:0 auto;
}

.cg-benefits-heading .cg-label{
display:none;
}

.cg-benefits-heading h2{
max-width:720px;
margin-left:auto;
margin-right:auto;
font-size:44px;
line-height:1.05;
letter-spacing:-1.6px;
color:#0f172a;
text-wrap:balance;
text-shadow:
0 0 20px rgba(59,130,246,0.08),
0 0 40px rgba(59,130,246,0.04);
}

.cg-benefits-heading p{
max-width:640px;
margin:18px auto 0;
font-size:17px;
line-height:1.72;
color:#5f6877;
}

.cg-benefits-compare{
max-width:1040px;
margin:36px auto 0;
display:grid;
gap:12px;
}

.cg-benefit-row{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:12px;
align-items:stretch;
}

.cg-benefit-before,
.cg-benefit-after{
position:relative;
display:flex;
align-items:center;
min-height:72px;
padding:18px 20px;
border-radius:20px;
text-align:left;
font-size:18px;
line-height:1.42;
letter-spacing:-0.22px;
font-weight:700;
background:#ffffff;
border:1px solid rgba(15,23,42,0.06);
box-shadow:0 8px 20px rgba(15,23,42,0.035);
transition:
transform .22s ease,
box-shadow .22s ease,
border-color .22s ease,
background .22s ease;
}

.cg-benefit-before{
color:#7a271a;
background:linear-gradient(180deg, #ffffff 0%, #fffbfa 100%);
border-color:rgba(180,35,24,0.08);
}

.cg-benefit-after{
color:#0f172a;
background:linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
border-color:rgba(59,130,246,0.10);
}

.cg-benefit-before:hover{
transform:translateY(-2px);
box-shadow:0 14px 26px rgba(180,35,24,0.05);
border-color:rgba(180,35,24,0.14);
}

.cg-benefit-after:hover{
transform:translateY(-2px);
box-shadow:0 14px 28px rgba(59,130,246,0.08);
border-color:rgba(59,130,246,0.18);
}

.cg-benefit-before::before,
.cg-benefit-after::before{
display:none;
content:none;
}

/* highlight word like Custom GPT pill */

.cg-highlight{
display:inline-block;
padding:.02em .2em .08em;
border-radius:16px;
background:linear-gradient(135deg, #ef823e 0%, #ff9c57 100%);
color:#fff;
line-height:.95;
box-shadow:
0 10px 24px rgba(239,130,62,0.24),
0 1px 0 rgba(255,255,255,0.35) inset;
}

/* ========= END BEFORE / AFTER TRANSFORMATION SECTION ========= */


/* ========= MID PAGE CTA ========= */

.cg-cta-mid{
text-align:center;
margin:18px 0 6px;
}

.cg-primary-btn{
display:inline-flex;
align-items:center;
justify-content:center;

padding:18px 38px;

font-size:19px;
font-weight:700;
letter-spacing:-0.2px;

color:#fff;
text-decoration:none;

border-radius:999px; /* changed shape only */

background:linear-gradient(
135deg,
#3b82f6 0%,
#2563eb 100%
);

box-shadow:
0 18px 40px rgba(37,99,235,0.28),
0 4px 12px rgba(37,99,235,0.18),
inset 0 1px 0 rgba(255,255,255,0.35);

transition:
transform .18s ease,
box-shadow .18s ease,
filter .18s ease;
}

.cg-primary-btn:hover{
transform:translateY(-3px);

box-shadow:
0 26px 60px rgba(37,99,235,0.38),
0 8px 18px rgba(37,99,235,0.22),
inset 0 1px 0 rgba(255,255,255,0.35);

filter:brightness(1.04);
}

.cg-primary-btn::after{
content:"";
position:absolute;
inset:0;
border-radius:999px; /* changed shape only */
box-shadow:0 0 0 6px rgba(59,130,246,0.06);
opacity:.7;
pointer-events:none;
}

.cg-benefits-cta{
margin-top:26px;
padding-bottom:10px;
text-align:center;
}

/* ========= END CTA ========= */


/* ========= GPT LIBRARY SECTION ========= */

.cg-library{
padding:90px 0 70px;
background:transparent;
}

.cg-library-heading{
text-align:center;
max-width:760px;
margin:0 auto 42px;
}

.cg-library-heading h2{
font-size:44px;
letter-spacing:-1.4px;
line-height:1.08;
color:#0f172a;
margin-bottom:14px;
}

.cg-library-heading p{
font-size:17px;
line-height:1.7;
color:#5f6877;
max-width:640px;
margin:0 auto;
}



/* grid */

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



/* card */

.cg-library-card{
background:#ffffff;

border-radius:26px;

padding:28px 26px 26px;

border:1px solid rgba(15,23,42,0.06);

box-shadow:
0 20px 40px rgba(15,23,42,0.05),
0 4px 10px rgba(15,23,42,0.04);

display:flex;
flex-direction:column;

transition:
transform .22s ease,
box-shadow .22s ease,
border-color .22s ease;
}



.cg-library-card:hover{
transform:translateY(-6px);

box-shadow:
0 28px 60px rgba(15,23,42,0.08),
0 8px 18px rgba(15,23,42,0.06);

border-color:rgba(15,23,42,0.09);
}



/* title row */

.cg-library-card-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;

margin-bottom:12px;
}



.cg-library-card h3{
font-size:19px;
line-height:1.35;
letter-spacing:-0.3px;
color:#0f172a;
font-weight:700;
}



/* category pill */

.cg-library-tag{
font-size:12px;

padding:6px 12px;

border-radius:999px;

background:linear-gradient(
180deg,
#ef823e 0%,
#e8742c 100%
);

color:#fff;

font-weight:700;

letter-spacing:.3px;

box-shadow:
0 6px 14px rgba(239,130,62,0.18),
inset 0 1px 0 rgba(255,255,255,0.35);
}



/* description */

.cg-library-desc{
font-size:15.5px;
line-height:1.6;
color:#5f6877;

margin-bottom:16px;
}



/* bullet list */

.cg-library-points{
display:flex;
flex-direction:column;
gap:8px;

margin-bottom:20px;
}



.cg-library-points li{
position:relative;

padding-left:26px;

font-size:14.8px;
line-height:1.5;
color:#495162;
}



/* check icon */

.cg-library-points li::before{
content:"✓";

position:absolute;
left:0;
top:0;

width:18px;
height:18px;

display:flex;
align-items:center;
justify-content:center;

border-radius:999px;

font-size:12px;
font-weight:900;

color:#ef823e;

background:rgba(239,130,62,0.14);
}



/* button */

.cg-library-btn{

margin-top:auto;

display:inline-flex;
align-items:center;
justify-content:center;

height:54px;

border-radius:999px;

font-size:16px;
font-weight:700;

text-decoration:none;

color:#fff;

background:linear-gradient(
135deg,
#3b82f6 0%,
#2563eb 100%
);

box-shadow:
0 14px 30px rgba(37,99,235,0.28),
0 4px 10px rgba(37,99,235,0.18),
inset 0 1px 0 rgba(255,255,255,0.35);

transition:
transform .18s ease,
box-shadow .18s ease,
filter .18s ease;
}



.cg-library-btn:hover{

transform:translateY(-2px);

box-shadow:
0 22px 44px rgba(37,99,235,0.36),
0 8px 18px rgba(37,99,235,0.22);

filter:brightness(1.05);
}



/* responsive */

@media (max-width:1024px){

.cg-library-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

}



@media (max-width:640px){

.cg-library-grid{
grid-template-columns:1fr;
}

.cg-library{
padding:70px 0 60px;
}

.cg-library-heading h2{
font-size:34px;
}

}



/* ========= END GPT LIBRARY SECTION ========= */


.cg-offer{
padding:95px 0 80px;
}

.cg-offer-box{
display:grid;
grid-template-columns:1.15fr 0.85fr;
gap:40px;
background:#fff;
border-radius:30px;
padding:42px;
border:1px solid #eee;
box-shadow:0 14px 30px rgba(0,0,0,0.04);
}

.cg-offer-left h2{
margin-bottom:14px;
font-size:42px;
line-height:1.12;
letter-spacing:-1px;
color:#111;
}

.cg-offer-left p{
margin-bottom:18px;
font-size:18px;
line-height:1.7;
color:#5f6877;
}

.cg-offer-list{
margin-top:20px;
padding-left:20px;
}

.cg-offer-list li{
margin-bottom:10px;
font-size:18px;
line-height:1.6;
color:#5f6877;
}

.cg-guarantee{
margin-top:24px;
padding:18px 20px;
border-radius:18px;
background:#f7f7f7;
border:1px solid #ececec;
font-size:16px;
line-height:1.7;
color:#5f6877;
}

.cg-price-box{
text-align:center;
background:#f7f7f7;
padding:34px 30px;
border-radius:24px;
border:1px solid #e8e8e8;
}

.cg-price-label{
font-size:12px;
letter-spacing:2px;
color:var(--accent-blue);
margin-bottom:10px;
font-weight:700;
}

.cg-price{
font-size:52px;
font-weight:800;
margin-bottom:10px;
color:var(--text-dark);
}

.cg-price-box p{
font-size:17px;
line-height:1.7;
color:#5f6877;
margin-bottom:22px;
}

.cg-offer-note{
margin-top:16px;
font-size:15px;
color:#6b7280;
}

.cg-faq{
padding:85px 0 80px;
}

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

.cg-faq-item{
background:#fff;
padding:26px;
border-radius:20px;
border:1px solid #eee;
box-shadow:0 10px 20px rgba(0,0,0,0.03);
}

.cg-faq-item h3{
margin-bottom:10px;
font-size:21px;
line-height:1.25;
color:#111;
}

.cg-faq-item p{
font-size:16px;
line-height:1.7;
color:#5f6877;
}

.cg-final-cta{
padding:100px 0;
text-align:center;
}

.cg-final-cta h2{
max-width:920px;
margin:0 auto 18px;
font-size:48px;
line-height:1.12;
letter-spacing:-1px;
color:#111;
}

.cg-final-cta p{
max-width:760px;
margin:0 auto 28px;
font-size:18px;
line-height:1.7;
color:#5f6877;
}

.cg-primary-btn.large{
height:72px;
font-size:20px;
padding:0 40px;
}

/* RESPONSIVE */

@media (max-width:1100px){

.cg-hero{
height:auto;
padding:70px 0 40px;
}

.cg-hero-grid{
gap:40px;
height:auto;
grid-template-columns:1fr;
align-items:center;
}

.cg-hero-left{
padding-bottom:0;
text-align:center;
max-width:100%;
}

.cg-hero-right{
order:-1;
height:auto;
}

.cg-robot-wrap{
max-width:360px;
height:auto;
margin:0 auto;
}

.cg-robot-wrap img{
max-width:360px;
}

.cg-hero h1{
font-size:58px;
}

.cg-subtitle{
margin-left:auto;
margin-right:auto;
}

.cg-hero-buttons,
.cg-trust{
justify-content:center;
}

.cg-problem-heading h2{
font-size:44px;
max-width:720px;
}

.cg-problem-grid{
grid-template-columns:1fr 1fr;
}

.cg-solution-heading h2{
font-size:40px;
max-width:760px;
}

.cg-solution-grid{
grid-template-columns:1fr;
gap:22px;
max-width:760px;
margin-left:auto;
margin-right:auto;
}

.cg-solution-card,
.cg-solution-card-featured{
min-height:auto;
transform:none;
}

.cg-solution-card:hover,
.cg-solution-card-featured:hover{
transform:translateY(-6px);
}

.cg-includes-showcase{
grid-template-columns:1fr;
gap:50px;
text-align:center;
padding:44px;
}

.cg-includes-content{
margin:0 auto;
}

.cg-includes-item{
text-align:left;
}

.cg-includes-image img{
margin:0 auto;
max-width:340px;
}

.cg-categories-shell{
padding:48px 30px 32px;
border-radius:28px;
}

.cg-categories-tabs{
grid-template-columns:1fr 1fr;
}

.cg-categories-panel-top{
flex-direction:column;
align-items:flex-start;
}

.cg-categories-list{
grid-template-columns:1fr;
max-height:470px;
}

.cg-categories-panel-wrap::after{
left:30px;
right:30px;
bottom:84px;
}

.cg-categories-payoff{
flex-direction:column;
align-items:flex-start;
}

.cg-how{
padding:80px 0;
}

.cg-how-heading h2{
font-size:44px;
max-width:760px;
line-height:1.06;
letter-spacing:-1.6px;
}

.cg-how-mini-label{
display:none;
}

.cg-how-controls{
margin-bottom:20px;
}

.cg-how-arrow{
width:56px;
height:56px;
}

.cg-how-arrow span{
font-size:26px;
}

.cg-how-strip{
grid-auto-columns:calc((100% - 24px) / 2);
padding:10px 4px 16px 0;
}

.cg-how-media{
height:460px;
}

.cg-use-grid,
.cg-for-grid{
grid-template-columns:1fr 1fr;
}

.cg-benefits{
padding:78px 0 74px;
}

.cg-benefits-heading h2{
font-size:44px;
max-width:760px;
line-height:1.08;
letter-spacing:-1.5px;
}

.cg-benefits-heading p{
max-width:680px;
}

.cg-benefits-compare{
max-width:940px;
margin-top:32px;
}

.cg-benefit-before,
.cg-benefit-after{
font-size:18px;
min-height:78px;
padding:20px 22px;
}

.cg-faq-list{
grid-template-columns:1fr;
}

.cg-for{
padding:76px 0 74px;
}

.cg-for-shell{
padding:18px 14px 6px;
border-radius:28px;
}

.cg-for-heading{
max-width:720px;
}

.cg-for-heading p{
max-width:640px;
}

}

@media (max-width:900px){

.landing-logo img{
height:56px;
}

.cg-hero{
padding:50px 0 30px;
height:auto;
}

.cg-hero-overlay{
background:linear-gradient(
180deg,
rgba(233,234,236,0.92) 0%,
rgba(233,234,236,0.86) 40%,
rgba(233,234,236,0.78) 100%
);
}

.cg-hero-grid{
grid-template-columns:1fr;
text-align:center;
gap:30px;
height:auto;
}

.cg-hero-right{
order:-1;
align-items:center;
}

.cg-robot-wrap{
max-width:320px;
margin:0 auto;
}

.cg-robot-wrap img{
max-width:320px;
}

.cg-hero h1{
font-size:46px;
}

.cg-subtitle{
font-size:18px;
margin-left:auto;
margin-right:auto;
}

.cg-hero-buttons{
justify-content:center;
}

.cg-trust{
justify-content:center;
}

.cg-problem-heading h2{
font-size:36px;
line-height:1.12;
letter-spacing:-1px;
max-width:620px;
}

.cg-problem-heading p{
font-size:17px;
max-width:620px;
}

.cg-problem-grid,
.cg-use-grid,
.cg-for-grid{
grid-template-columns:1fr;
}

.cg-benefits-compare{
grid-template-columns:1fr;
gap:14px;
margin-top:28px;
}

.cg-benefit-row{
grid-template-columns:1fr;
gap:12px;
}

.cg-benefits-heading h2{
font-size:36px;
max-width:620px;
line-height:1.10;
letter-spacing:-1.2px;
}

.cg-benefits-heading p{
font-size:17px;
max-width:620px;
}

.cg-benefit-before,
.cg-benefit-after{
font-size:18px;
min-height:74px;
padding:20px;
border-radius:20px;
}

.cg-solution-heading h2{
font-size:36px;
max-width:620px;
}

.cg-solution-heading p{
font-size:17px;
max-width:620px;
}

.cg-solution-grid{
grid-template-columns:1fr;
gap:20px;
margin-top:42px;
}

.cg-solution-bottom{
font-size:18px;
max-width:680px;
}

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

.cg-includes .cg-section-heading p{
font-size:17px;
max-width:620px;
}

.cg-categories-shell{
padding:42px 22px 24px;
border-radius:24px;
}

.cg-categories-badge{
font-size:11px;
padding:10px 14px;
letter-spacing:1.2px;
}

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

.cg-categories .cg-section-heading p{
font-size:17px;
max-width:620px;
}

.cg-categories-tabs{
grid-template-columns:1fr;
}

.cg-category-tab{
min-height:66px;
font-size:17px;
}

.cg-categories-panel{
padding:26px 22px 22px;
border-radius:24px;
}

.cg-categories-panel-top h3{
font-size:26px;
}

.cg-categories-list{
grid-template-columns:1fr;
max-height:520px;
}

.cg-categories-panel-wrap::after{
left:22px;
right:22px;
bottom:82px;
}

.cg-how-heading h2{
font-size:36px;
max-width:620px;
line-height:1.08;
letter-spacing:-1.2px;
}

.cg-how-heading p{
font-size:17px;
max-width:620px;
}

.cg-how-mini-label{
display:none;
}

.cg-how-controls{
margin-bottom:18px;
gap:12px;
}

.cg-how-arrow{
width:52px;
height:52px;
}

.cg-how-arrow span{
font-size:24px;
}

.cg-how-strip{
grid-auto-columns:100%;
gap:18px;
padding:10px 0 16px 0;
}

.cg-how-media{
height:420px;
}

.cg-offer-box{
grid-template-columns:1fr;
}

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

.cg-offer-left h2,
.cg-final-cta h2{
font-size:36px;
}

.cg-for{
padding:70px 0;
}

.cg-for-shell{
padding:16px 12px 4px;
border-radius:24px;
}

.cg-for-heading h2{
max-width:640px;
letter-spacing:-1.2px;
}

.cg-for-heading p{
max-width:580px;
font-size:17px;
}

.cg-for-grid{
gap:14px;
margin-top:24px;
}

.cg-for-card{
min-height:72px;
padding:22px 18px;
font-size:17px;
border-radius:20px;
}

}

@media (max-width:760px){

.cg-hero{
padding:40px 0 24px;
}

.cg-hero h1{
font-size:38px;
line-height:1.08;
letter-spacing:-1px;
}

.cg-subtitle{
font-size:16px;
}

.cg-primary-btn,
.cg-secondary-btn{
width:100%;
}

.cg-section-heading h2{
font-size:31px;
}

.cg-offer-left h2,
.cg-final-cta h2{
font-size:31px;
}

.cg-problem,
.cg-solution,
.cg-categories,
.cg-use-cases,
.cg-how,
.cg-for,
.cg-benefits,
.cg-offer,
.cg-faq,
.cg-final-cta{
padding-top:65px;
padding-bottom:65px;
}

.cg-includes{
padding:80px 0 60px;
}

.cg-problem-heading h2{
font-size:34px;
line-height:1.12;
letter-spacing:-1px;
max-width:100%;
}

.cg-problem-heading p{
font-size:16px;
max-width:100%;
}

.cg-solution-heading h2{
font-size:34px;
line-height:1.12;
max-width:100%;
}

.cg-solution-heading p{
font-size:16px;
max-width:100%;
}

.cg-solution-card,
.cg-solution-card-featured{
padding:28px 24px 24px;
border-radius:24px;
}

.cg-solution-icon{
margin-bottom:18px;
}

.cg-solution-bottom{
font-size:17px;
}

.cg-problem-card{
min-height:auto;
}

.cg-problem-bottom{
font-size:17px;
}

.cg-includes-showcase{
gap:36px;
padding:28px 22px;
border-radius:24px;
}

.cg-includes-item{
gap:14px;
padding:16px 0;
}

.cg-includes-item-text h3{
font-size:18px;
}

.cg-includes-item-text p{
font-size:15px;
}

.cg-include-number{
width:36px;
height:36px;
font-size:13px;
border-radius:11px;
}

.cg-categories-shell{
padding:34px 16px 16px;
border-radius:22px;
}

.cg-categories-badge{
min-height:38px;
padding:8px 12px;
font-size:10px;
letter-spacing:1px;
margin-bottom:14px;
}

.cg-categories-tabs{
gap:12px;
margin-bottom:18px;
}

.cg-category-tab{
min-height:62px;
padding:0 16px;
font-size:16px;
border-radius:18px;
justify-content:flex-start;
text-align:left;
}

.cg-category-tab-icon{
font-size:16px;
}

.cg-categories-panel-top{
padding-bottom:18px;
margin-bottom:18px;
}

.cg-categories-panel-top h3{
font-size:22px;
line-height:1.2;
}

.cg-categories-panel-top p{
font-size:15px;
}

.cg-categories-count{
min-height:38px;
padding:0 14px;
font-size:13px;
}

.cg-categories-list{
max-height:460px;
padding-right:4px;
}

.cg-categories-gpt-item{
padding:15px 14px;
border-radius:16px;
min-height:auto;
}

.cg-gpt-icon{
width:38px;
height:38px;
font-size:16px;
border-radius:12px;
}

.cg-gpt-meta{
font-size:10px;
letter-spacing:1.2px;
}

.cg-gpt-title{
font-size:16px;
}

.cg-gpt-desc{
font-size:14px;
}

.cg-categories-panel-wrap::after{
left:16px;
right:16px;
bottom:76px;
height:38px;
}

.cg-categories-payoff{
margin-top:16px;
padding:16px 14px;
border-radius:16px;
}

.cg-categories-payoff strong{
font-size:16px;
}

.cg-categories-payoff span{
font-size:14px;
}

.cg-how{
padding:65px 0;
}

.cg-how-heading h2{
font-size:32px;
line-height:1.10;
letter-spacing:-1px;
}

.cg-how-heading p{
font-size:16px;
}

.cg-how-mini-label{
display:none;
}

.cg-how-controls{
margin-bottom:20px;
gap:12px;
}

.cg-how-arrow{
width:48px;
height:48px;
border-radius:16px;
}

.cg-how-arrow span{
font-size:22px;
}

.cg-how-strip{
grid-auto-columns:100%;
padding:8px 0 14px 0;
}

.cg-how-slide{
border-radius:24px;
padding:18px 18px 20px;
}

.cg-how-step-badge{
min-width:48px;
width:48px;
height:36px;
border-radius:999px;
font-size:18px;
margin-bottom:14px;
}

.cg-how-media{
border-radius:18px;
margin-bottom:16px;
height:320px;
}

.cg-how-media img{
height:100%;
object-fit:contain;
object-position:top center;
}

.cg-how-content h3{
font-size:20px;
line-height:1.2;
margin-bottom:0;
max-width:100%;
}

.cg-how-content p{
display:none;
}

.cg-how-note{
font-size:13px;
margin-top:14px;
}

.cg-robot-wrap{
max-width:280px;
}

.cg-robot-wrap img{
max-width:280px;
}

.cg-for-shell{
padding:12px 0 0;
border:none;
background:transparent;
box-shadow:none;
backdrop-filter:none;
-webkit-backdrop-filter:none;
}

.cg-for-heading{
max-width:100%;
}

.cg-for-heading h2{
max-width:100%;
letter-spacing:-1px;
}

.cg-for-heading p{
max-width:100%;
font-size:16px;
line-height:1.7;
margin-top:16px;
}

.cg-for-grid{
gap:12px;
margin-top:22px;
}

.cg-for-card{
min-height:68px;
padding:20px 16px;
font-size:16px;
border-radius:18px;
}

.cg-benefits-heading h2{
font-size:31px;
max-width:100%;
letter-spacing:-1px;
}

.cg-benefits-heading p{
max-width:100%;
font-size:16px;
line-height:1.7;
margin-top:16px;
}

.cg-benefits-compare{
margin-top:24px;
gap:12px;
}

.cg-benefit-row{
gap:12px;
}

.cg-benefit-before,
.cg-benefit-after{
min-height:68px;
padding:18px 16px;
font-size:16px;
line-height:1.5;
border-radius:18px;
}

.cg-benefit-before::before,
.cg-benefit-after::before{
margin-right:12px;
font-size:20px;
}

}