:root{--bg:#ffffff;
--bg-light:#f8fafc;
--bg-lighter:#f1f5f9;
--bg-dark:#143162;
--bg-navy:#143162;
--text:#171717;
--text-light:#525252;
--text-muted:#A3A3A3;
--accent:#7f47dd;
--accent-dark:#5b21b6;
--accent-light:#a78bfa;
--accent-soft:#f3e8ff;
--accent-sky:#c4b5fd;
--brand-purple:#7f47dd;
--brand-navy:#143162;
--brand-red:#eb1a37;
--brand-wine:#6e0211;
--success:#10B981;
--error:#eb1a37;
--warning:#FBBF24;
--muted:#525252;
--border:#E5E5E5;
--wa-green:#25D366;
--li-blue:#0077b5}
*, *::before, *::after{margin:0; padding:0; box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans', sans-serif;
font-size:16px;
line-height:1.6;
color:var(--text);
background:var(--bg);
-webkit-font-smoothing:antialiased;
overflow-x:hidden}
::selection{background:var(--accent); color:#fff}
a{color:inherit; text-decoration:none}
img{max-width:100%; height:auto; display:block}
ul, ol{list-style:none}
.container{width:100%; max-width:1300px; margin:0 auto; padding:0 2rem}
section{padding:6rem 0}
.section-label{font-size:0.75rem; text-transform:uppercase; letter-spacing:0.2em;
color:var(--accent); margin-bottom:1rem; display:block}
.section-title{font-size:clamp(2rem, 5vw, 3rem); font-weight:800;
letter-spacing:-0.02em; margin-bottom:1rem; color:var(--text)}
.section-subtitle{color:var(--muted); font-size:1.1rem; max-width:500px}
.accent{color:var(--accent)}
.btn{display:inline-flex; align-items:center; justify-content:center;
gap:0.5rem; font-family:'Plus Jakarta Sans', sans-serif;
font-size:0.95rem; font-weight:600; padding:1rem 2rem;
border:none; border-radius:100px; cursor:pointer;
transition:all 0.3s ease; text-decoration:none}
.btn-primary{background:var(--accent); color:#fff}
.btn-primary:hover{background:var(--accent-dark); transform:translateY(-1px)}
.btn-secondary{background:transparent; border:2px solid var(--border); color:var(--text)}
.btn-secondary:hover{border-color:var(--accent); color:var(--accent)}
.btn-outline{background:transparent; border:1.5px solid rgba(255,255,255,0.3);
color:#fff; padding:0.9rem 2rem; border-radius:100px;
font-size:0.95rem; font-weight:600; transition:all 0.3s;
display:inline-flex; align-items:center}
.btn-outline:hover{border-color:#fff; background:rgba(255,255,255,0.05)}
.btn-outline-dark{display:inline-flex; align-items:center;
background:transparent; border:1.5px solid var(--border);
color:var(--text); padding:0.75rem 1.75rem; border-radius:100px;
font-weight:600; font-size:0.9rem; transition:all 0.3s}
.btn-outline-dark:hover{border-color:var(--accent); color:var(--accent)}
.site-topbar{position:fixed; top:0; left:0; right:0; z-index:101;
background:linear-gradient(90deg, var(--accent-dark), var(--accent), var(--accent-sky));
height:36px; display:flex; align-items:center;
transition:transform 0.3s, opacity 0.3s}
.site-topbar.hidden{transform:translateY(-100%); opacity:0; pointer-events:none}
.topbar-inner{width:100%; max-width:1300px; margin:0 auto; padding:0 2rem;
display:flex; align-items:center; justify-content:center;
position:relative}
.topbar-text{font-size:0.8rem; font-weight:600; color:#fff}
.topbar-close{position:absolute; right:2rem; background:none; border:none;
color:rgba(255,255,255,0.8); font-size:1.1rem; cursor:pointer; line-height:1}
.topbar-close:hover{color:#fff}
.site-header{position:fixed; top:0; left:0; right:0; z-index:1001;
transition:top 0.3s, box-shadow 0.3s, background 0.3s}
body.has-topbar .site-header{top:36px}
.site-header.scrolled{box-shadow:0 1px 0 rgba(255,255,255,0.06), 0 8px 32px rgba(0,0,0,0.4)}
.header-inner{max-width:1300px; margin:0 auto; padding:0 2rem;
height:64px; display:flex; align-items:center; gap:1.5rem;
background:rgba(20,49,98,0.95);
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);
border-bottom:1px solid rgba(255,255,255,0.06)}
.site-logo{font-weight:800; font-size:1.2rem; letter-spacing:-0.02em;
color:#fff; flex-shrink:0; transition:opacity 0.2s;
display:inline-flex;
align-items:center;
line-height:1}
.site-logo:hover{opacity:0.8}
.site-logo span{color:var(--accent)}
.site-logo img,
.site-header .custom-logo,
.site-header img.custom-logo{max-height:44px !important;
max-width:180px !important;
width:auto !important;
height:auto !important;
display:block;
object-fit:contain}
.site-logo .custom-logo-link{display:inline-flex;
align-items:center;
line-height:0}
@media (max-width:768px){.site-logo img,
.site-header .custom-logo,
.site-header img.custom-logo{max-height:36px !important;
max-width:140px !important}
}
.nav-links,
.nav-links > li{list-style:none !important;
margin:0; padding:0}
.nav-links .sub-menu > li{list-style:none !important;
margin:0; padding:0;
background:transparent !important}
.nav-links > li > a,
.nav-links > li > a:visited{text-decoration:none !important;
outline:none;
background:transparent !important;
border:none !important;
box-shadow:none !important}
.nav-links{display:flex; align-items:center; gap:0.25rem;
list-style:none; flex:1; margin:0; padding:0}
.nav-links > li{position:relative; list-style:none}
.nav-links > li > a{display:block; padding:0.5rem 0.85rem;
font-size:0.875rem; font-weight:500;
color:rgba(255,255,255,0.8); border-radius:8px;
transition:color 0.2s, background 0.2s; white-space:nowrap}
.nav-links > li > a:hover,
.nav-links > li.current-menu-item > a,
.nav-links > li.current-page-ancestor > a,
.nav-links > li.current-menu-ancestor > a{color:#fff; background:transparent}
.nav-links > li.current-menu-item > a,
.nav-links > li.current-page-ancestor > a,
.nav-links > li.current-menu-ancestor > a{color:var(--accent)}
.nav-links > li.menu-item-has-children > a::after{content:''; display:inline-block; width:0; height:0;
border-left:4px solid transparent; border-right:4px solid transparent;
border-top:4px solid currentColor;
margin-left:6px; vertical-align:middle; opacity:0.6;
transition:transform 0.2s}
.nav-links > li.menu-item-has-children:hover > a::after{transform:rotate(180deg)}
.nav-links .sub-menu{opacity:0;
visibility:hidden;
pointer-events:none;
position:absolute;
top:100%;
left:0;
transform:translateY(4px);
background:#111827 !important;
border:1px solid rgba(255,255,255,0.1) !important;
border-radius:12px;
padding:0.4rem;
min-width:210px;
z-index:9999;
box-shadow:0 20px 60px rgba(0,0,0,0.5);
transition:opacity 0.18s ease, transform 0.18s ease, visibility 0.18s}
.nav-links > li.menu-item-has-children > a::before{content:'';
position:absolute;
bottom:-12px;
left:0; right:0;
height:12px}
.nav-links > li:hover > .sub-menu{opacity:1;
visibility:visible;
pointer-events:auto;
transform:translateY(0)}
.nav-links .sub-menu li{display:block}
.nav-links .sub-menu a{display:block !important;
padding:0.6rem 0.9rem;
font-size:0.85rem;
font-weight:500;
color:rgba(255,255,255,0.75) !important;
border-radius:8px;
white-space:nowrap;
transition:color 0.15s, background 0.15s}
.nav-links .sub-menu a:hover{color:#fff !important; background:rgba(255,255,255,0.08)}
.nav-links > li:last-child .sub-menu,
.nav-links > li:nth-last-child(2) .sub-menu{left:auto; right:0}
.header-actions{display:flex; align-items:center; gap:0.75rem; flex-shrink:0; margin-left:auto}
.nav-cta{display:inline-flex; align-items:center;
padding:0.5rem 1.25rem; background:var(--accent);
color:#fff !important; border-radius:100px;
font-size:0.875rem; font-weight:700; white-space:nowrap;
transition:background 0.2s, transform 0.2s}
.nav-cta:hover{background:var(--accent-dark); transform:translateY(-1px)}
.nav-toggle{display:none; flex-direction:column; gap:5px;
width:36px; height:36px; align-items:center; justify-content:center;
background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.15);
border-radius:8px; cursor:pointer; transition:background 0.2s}
.nav-toggle:hover{background:rgba(255,255,255,0.18)}
.nav-toggle span{display:block; width:18px; height:1.5px; background:#fff;
border-radius:2px; transition:transform 0.3s, opacity 0.3s;
transform-origin:center}
.nav-toggle.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0; transform:scaleX(0)}
.nav-toggle.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.header-spacer{display:none}
body, body *{transition:background-color 0.25s, border-color 0.25s, color 0.25s}
.scroll-progress{position:fixed; top:0; left:0; height:2px;
background:linear-gradient(90deg, var(--accent), var(--accent-sky));
z-index:102; width:0%;
transition:width 0.1s linear}
.hero{padding:6rem 0 4rem;
display:flex; align-items:center; background:var(--bg-dark); color:#fff}
.hero-grid{display:grid; grid-template-columns:1fr 1fr 1fr;
gap:3rem; align-items:center; width:100%}
.hero-content{grid-column:1}
.hero-image{grid-column:2}
.hero-features{grid-column:3; display:flex; flex-direction:column; gap:1.25rem}
.hero-badge{display:inline-flex; align-items:center; gap:0.5rem;
background:rgba(127, 71, 221,0.15); border:1px solid rgba(127, 71, 221,0.4);
color:#93c5fd; padding:0.4rem 1rem; border-radius:100px;
font-size:0.8rem; font-weight:500; margin-bottom:1.5rem}
.hero-badge::before{content:''; width:6px; height:6px; background:var(--success);
border-radius:50%; animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1} 50%{opacity:0.4} }
.hero h1{font-size:clamp(2.5rem, 5vw, 4rem); font-weight:800;
line-height:1.1; letter-spacing:-0.03em; margin-bottom:1.5rem; color:#fff}
.hero h1 span{color:var(--accent)}
.hero-text{font-size:1.05rem; color:rgba(255,255,255,0.65); max-width:420px; margin-bottom:2rem; line-height:1.7}
.hero-buttons{display:flex; gap:1rem; flex-wrap:wrap; margin-bottom:2.5rem}
.hero-stats{display:flex; gap:2rem}
.hero-stat h3{font-size:1.6rem; font-weight:800; color:var(--accent); line-height:1; margin-bottom:0.25rem}
.hero-stat p{font-size:0.8rem; color:rgba(255,255,255,0.5)}
.hero-image-wrapper{position:relative}
.hero-image img{width:100%; border-radius:16px;
filter:grayscale(20%); box-shadow:0 30px 80px rgba(0,0,0,0.5)}
.hero-image-badge{position:absolute; bottom:-16px; left:50%; transform:translateX(-50%);
background:#fff; color:var(--bg-dark); padding:0.5rem 1.2rem;
border-radius:100px; font-size:0.8rem; font-weight:600;
white-space:nowrap; box-shadow:0 4px 20px rgba(0,0,0,0.15)}
.feature-card{background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1);
border-radius:12px; padding:1rem 1.25rem;
display:flex; align-items:center; gap:1rem; transition:all 0.3s}
.feature-card:hover{border-color:var(--accent); background:rgba(127, 71, 221,0.1); transform:translateX(4px)}
.feature-icon{width:40px; height:40px; min-width:40px;
background:rgba(127, 71, 221,0.25); border-radius:10px;
display:flex; align-items:center; justify-content:center;
flex-shrink:0}
.feature-card h4{font-size:0.9rem; font-weight:700; color:#fff; margin-bottom:0.15rem}
.feature-card p{font-size:0.78rem; color:rgba(255,255,255,0.55); line-height:1.4}
.trust-bar{background:var(--bg-light);
border-top:1px solid var(--border); border-bottom:1px solid var(--border);
padding:1.25rem 0}
.trust-bar-inner{display:flex; align-items:center; gap:2rem; flex-wrap:wrap}
.trust-label{font-size:0.75rem; font-weight:700; text-transform:uppercase; letter-spacing:0.15em; color:var(--text-muted); white-space:nowrap}
.trust-logos{display:flex; gap:2rem; flex-wrap:wrap; align-items:center}
.trust-logo{font-size:0.85rem; font-weight:600; color:var(--text-muted); transition:color 0.2s}
.trust-logo:hover{color:var(--accent)}
.trust-logo img{max-height:36px; width:auto; filter:grayscale(100%); opacity:0.5; transition:all 0.3s}
.trust-logo img:hover{filter:grayscale(0%); opacity:1}
.services{background:#fff; padding:6rem 0}
.services-header{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:3rem; gap:2rem; flex-wrap:wrap}
.services-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:1.5rem}
.service-card{background:#fff; border:1px solid var(--border);
border-radius:16px; padding:2rem 1.75rem; transition:all 0.3s}
.service-card:hover{border-color:var(--accent); box-shadow:0 8px 30px rgba(127, 71, 221,0.1); transform:translateY(-4px)}
.service-icon{margin-bottom:1.25rem; width:48px; height:48px; background:rgba(127, 71, 221,0.08); border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.5rem; line-height:1}
.service-card h3{font-size:1.1rem; font-weight:700; color:var(--text); margin-bottom:0.75rem}
.service-card p{font-size:0.9rem; color:var(--muted); line-height:1.6}
.service-link{display:inline-block; margin-top:1rem; font-size:0.875rem; font-weight:600; color:var(--accent)}
.service-link:hover{text-decoration:underline}
.service-card:hover h3{color:var(--accent)}
.results{background:var(--accent); padding:6rem 0}
.results .section-label{color:rgba(255,255,255,0.7)}
.results .section-title{color:#fff; margin-bottom:2.5rem}
.results-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1.5rem}
.result-card{background:rgba(255,255,255,0.12); border:1px solid rgba(255,255,255,0.2);
border-radius:16px; padding:2rem; transition:all 0.3s;
display:flex; flex-direction:column; justify-content:space-between}
.result-card:hover{background:rgba(255,255,255,0.2); transform:translateY(-4px)}
.result-card--featured{grid-column:span 2}
.result-tag{font-size:0.75rem; font-weight:600; text-transform:uppercase; letter-spacing:0.1em; color:rgba(255,255,255,0.6); margin-bottom:0.75rem}
.result-card h3{font-size:1.2rem; font-weight:800; color:#fff; margin-bottom:0.75rem}
.result-card p{font-size:0.9rem; color:rgba(255,255,255,0.75); line-height:1.6; margin-bottom:1.25rem}
.result-metrics-row{display:flex; gap:1.5rem; flex-wrap:wrap}
.result-metric strong{font-size:2.5rem; font-weight:800; color:#fff; line-height:1; display:block}
.result-metric span{font-size:0.85rem; color:rgba(255,255,255,0.65)}
.about{background:#fff; padding:6rem 0}
.about-grid{display:grid; grid-template-columns:1fr 1.4fr; gap:5rem; align-items:center}
.about-image img{width:100%; border-radius:16px; box-shadow:0 20px 60px rgba(0,0,0,0.1)}
.about-content h2{font-size:clamp(1.8rem, 3vw, 2.5rem); font-weight:800; margin-bottom:1.25rem}
.about-content p{color:var(--muted); line-height:1.8; margin-bottom:1rem}
.about-highlights{display:flex; gap:2rem; margin-top:2rem}
.about-highlight h4{font-size:1.5rem; font-weight:800; color:var(--accent)}
.about-highlight p{font-size:0.8rem; color:var(--muted)}
.process{background:var(--bg-light); padding:6rem 0}
.process-steps{display:grid; grid-template-columns:repeat(4, 1fr); gap:2rem; margin-top:3rem}
.process-step{background:#fff; border:1px solid var(--border);
border-radius:16px; padding:2rem; position:relative}
.process-step::before{content:attr(data-step); position:absolute;
top:1.5rem; right:1.5rem;
width:36px; height:36px; border-radius:50%;
background:var(--accent); color:#fff;
font-size:0.85rem; font-weight:800;
display:flex; align-items:center; justify-content:center;
line-height:1}
.process-step h3{font-size:1.05rem; font-weight:700; margin-bottom:0.75rem}
.process-step p{font-size:0.875rem; color:var(--muted); line-height:1.7}
.testimonials{background:#fff; padding:6rem 0}
.testimonials-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1.5rem; margin-top:3rem}
.testimonial-card{background:var(--bg-light); border:1px solid var(--border);
border-radius:16px; padding:2rem}
.testimonial-stars{color:var(--warning); font-size:0.9rem; margin-bottom:1rem}
.testimonial-card blockquote{font-size:0.925rem; color:var(--muted); line-height:1.7; margin-bottom:1.5rem; font-style:italic}
.testimonial-author{display:flex; align-items:center; gap:0.75rem}
.testimonial-avatar{width:44px; height:44px; border-radius:50%;
background:var(--accent); color:#fff;
display:flex; align-items:center; justify-content:center;
font-weight:700; font-size:0.85rem; flex-shrink:0}
.testimonial-info h4{font-size:0.9rem; font-weight:700}
.testimonial-info p{font-size:0.8rem; color:var(--muted)}
.faq{background:var(--bg-light); padding:6rem 0}
.faq-columns{display:grid; grid-template-columns:1fr 1fr; gap:2rem}
.faq-item{border-bottom:1px solid var(--border); padding:1.25rem 0; cursor:pointer}
.faq-question{font-size:0.95rem; font-weight:600; color:var(--text);
display:flex; justify-content:space-between; align-items:center;
gap:1rem; width:100%; text-align:left;
background:none; border:none; padding:0; cursor:pointer;
font-family:'Plus Jakarta Sans', sans-serif}
.faq-question::after{content:'+'; font-size:1.25rem; color:var(--accent); flex-shrink:0}
.faq-item.open .faq-question::after{content:'-'}
.faq-item.open .faq-question{color:var(--accent)}
.faq-answer{display:none; font-size:0.875rem; color:var(--muted); line-height:1.7; padding-top:0.75rem}
.faq-item.open .faq-answer{display:block}
.page-cta, .cta{background:var(--bg-dark); padding:5rem 0; text-align:center}
.cta h2, .page-cta h2{font-size:clamp(1.8rem, 4vw, 3rem); font-weight:800; color:#fff; margin-bottom:1rem}
.cta h2 span{color:var(--accent)}
.cta p, .page-cta p{color:rgba(255,255,255,0.7); font-size:1.05rem; margin-bottom:2rem}
.contact{background:#fff; padding:6rem 0}
.contact-grid{display:grid; grid-template-columns:1fr 1.2fr; gap:5rem; align-items:start}
.contact-info h2{font-size:clamp(1.6rem, 3vw, 2rem); font-weight:800; margin-bottom:1rem}
.contact-info p{color:var(--muted); margin-bottom:2rem}
.contact-methods{display:flex; flex-direction:column; gap:1rem}
.contact-method{display:flex; align-items:center; gap:1rem; padding:1rem; border:1px solid var(--border); border-radius:12px; transition:all 0.3s}
.contact-method:hover{border-color:var(--accent); transform:translateX(4px)}
.contact-method-icon{width:44px; height:44px; border-radius:10px; background:var(--accent); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:0.8rem; flex-shrink:0}
.contact-method-text small{display:block; font-size:0.75rem; color:var(--muted)}
.contact-method-text strong{font-size:0.9rem}
.contact-form{background:var(--bg-light); border:1px solid var(--border); border-radius:20px; padding:2.5rem}
.form-group{margin-bottom:1.25rem}
.form-group label{display:block; font-size:0.85rem; font-weight:600; margin-bottom:0.4rem}
.form-group input,
.form-group textarea{width:100%; padding:0.8rem 1rem; border:1.5px solid var(--border);
border-radius:10px; font-size:0.9rem; font-family:'Plus Jakarta Sans', sans-serif;
color:var(--text); background:#fff; transition:border-color 0.2s, box-shadow 0.2s; outline:none}
.form-group input:focus,
.form-group textarea:focus{border-color:var(--accent); box-shadow:0 0 0 3px rgba(127, 71, 221,0.1)}
.form-group textarea{resize:vertical; min-height:120px}
.site-footer{background:var(--bg-dark); padding:4rem 0 2rem; color:rgba(255,255,255,0.7)}
.footer-grid{display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:3rem; margin-bottom:3rem}
.footer-brand h3{font-size:1.3rem; font-weight:800; color:#fff; margin-bottom:0.75rem}
.footer-brand h3 span{color:var(--accent)}
.footer-brand p{font-size:0.875rem; line-height:1.7}
.footer-logo-link{display:inline-block;
margin-bottom:0.85rem;
line-height:0}
.footer-logo-img{max-width:180px;
max-height:60px;
width:auto;
height:auto;
display:block;
object-fit:contain}
@media (max-width:768px){.footer-logo-img{max-width:150px;
max-height:48px}
}
.footer-col h4{font-size:0.875rem; font-weight:700; color:#fff; margin-bottom:1rem; text-transform:uppercase; letter-spacing:0.05em}
.footer-col ul li{margin-bottom:0.5rem}
.footer-col a{font-size:0.875rem; color:rgba(255,255,255,0.55); transition:color 0.2s}
.footer-col a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.08); padding-top:1.5rem; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem}
.footer-bottom p{font-size:0.8rem}
.social-links{display:flex; gap:0.75rem}
.social-links a{width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,0.08); display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:700; transition:background 0.2s}
.social-links a:hover{background:var(--accent)}
.page-hero{padding:8rem 0 5rem}
.page-hero--dark{background:var(--bg-dark); color:#fff}
.page-hero--dark .section-label{color:var(--accent-light)}
.page-hero--light{background:var(--bg-light); color:var(--text)}
.page-hero-inner{max-width:750px}
.page-hero-inner h1{margin:0.5rem 0 1rem}
.page-hero-sub{font-size:1.1rem; color:rgba(255,255,255,0.7)}
.page-hero--light .page-hero-sub{color:var(--text-light)}
.page-header{padding:8rem 0 4rem; background:var(--bg-dark); color:#fff}
.page-header h1{font-size:clamp(2rem, 5vw, 3.5rem); font-weight:800; color:#fff; margin-bottom:1rem}
.page-header .section-label{color:var(--accent)}
.page-content{padding:4rem 0 6rem}
.page-content-body h2{font-size:1.6rem; font-weight:800; margin:2rem 0 1rem}
.page-content-body h3{font-size:1.25rem; font-weight:700; margin:1.5rem 0 0.75rem}
.page-content-body p{color:var(--muted); line-height:1.8; margin-bottom:1rem}
.page-content-body ul,
.page-content-body ol{margin:1rem 0 1rem 1.5rem}
.page-content-body li{color:var(--muted); line-height:1.8; margin-bottom:0.4rem}
.page-content-body ul{list-style:disc}
.page-content-body ol{list-style:decimal}
.page-content-body a{color:var(--accent)}
.page-content-body a:hover{text-decoration:underline}
.page-content-body strong{font-weight:700; color:var(--text)}
.blog-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:2rem; margin-top:3rem}
.blog-card{background:#fff; border:1px solid var(--border); border-radius:16px; overflow:hidden; transition:all 0.3s}
.blog-card:hover{box-shadow:0 8px 30px rgba(0,0,0,0.08); transform:translateY(-4px)}
.blog-card-thumb img{width:100%; height:200px; object-fit:cover}
.blog-card-body{padding:1.5rem}
.blog-card-meta{font-size:0.78rem; color:var(--muted); margin-bottom:0.5rem}
.blog-card h3{font-size:1rem; font-weight:700; margin-bottom:0.5rem; line-height:1.4}
.blog-card h3 a:hover{color:var(--accent)}
.blog-card p{font-size:0.875rem; color:var(--muted); line-height:1.6}
.blog-card-link{display:inline-block; margin-top:1rem; font-size:0.85rem; font-weight:600; color:var(--accent)}
.blog-pagination{display:flex; justify-content:center; margin-top:3rem; gap:0.5rem}
.blog-pagination a,
.blog-pagination span{padding:0.5rem 1rem; border:1px solid var(--border); border-radius:8px; font-size:0.875rem}
.blog-pagination .current{background:var(--accent); color:#fff; border-color:var(--accent)}
.post-header{background:var(--bg-dark); padding:8rem 0 4rem; color:#fff}
.post-header-inner{max-width:760px}
.post-meta-top{display:flex; align-items:center; gap:1rem; margin-bottom:1rem; font-size:0.8rem; color:rgba(255,255,255,0.6)}
.post-header h1{font-size:clamp(1.8rem, 4vw, 3rem); font-weight:800; color:#fff; margin-bottom:1rem; line-height:1.2}
.post-excerpt{font-size:1.05rem; color:rgba(255,255,255,0.7); line-height:1.7}
.post-author-bar{display:flex; align-items:center; gap:0.75rem; margin-top:1.5rem}
.author-avatar{width:48px; height:48px; border-radius:50%}
.author-info strong{display:block; font-size:0.9rem; color:#fff}
.author-info span{font-size:0.8rem; color:rgba(255,255,255,0.5)}
.post-featured-image img{width:100%; max-height:500px; object-fit:cover}
.post-body{padding:4rem 0 6rem}
.post-content{max-width:760px}
.post-content h2{font-size:1.6rem; font-weight:800; margin:2.5rem 0 1rem}
.post-content h3{font-size:1.25rem; font-weight:700; margin:2rem 0 0.75rem}
.post-content p{color:var(--muted); line-height:1.8; margin-bottom:1.25rem}
.post-content ul,
.post-content ol{margin:1.25rem 0 1.25rem 1.5rem}
.post-content li{color:var(--muted); line-height:1.8; margin-bottom:0.5rem; list-style:disc}
.post-content a{color:var(--accent)}
.post-content a:hover{text-decoration:underline}
.post-content .ae-share-linkedin,
.post-content .ae-share-linkedin:hover,
.post-content .ae-share-linkedin:visited{color:#fff !important; background:#0077b5 !important; text-decoration:none !important}
.post-content .ae-share-twitter,
.post-content .ae-share-twitter:hover,
.post-content .ae-share-twitter:visited{color:#fff !important; background:#000 !important; text-decoration:none !important}
.post-content .ae-share-facebook,
.post-content .ae-share-facebook:hover,
.post-content .ae-share-facebook:visited{color:#fff !important; background:#1877f2 !important; text-decoration:none !important}
.post-content .ae-share-copy{color:#374151 !important; background:#f1f5f9 !important; text-decoration:none !important}
.post-content strong{font-weight:700; color:var(--text)}
.post-content img{border-radius:12px; margin:2rem 0}
.post-content blockquote{border-left:3px solid var(--accent); padding:1rem 1.5rem; margin:2rem 0; background:var(--bg-light); border-radius:0 8px 8px 0}
.post-tags{margin-top:2rem; display:flex; gap:0.5rem; flex-wrap:wrap}
.post-tag{padding:0.3rem 0.8rem; background:var(--bg-light); border:1px solid var(--border); border-radius:100px; font-size:0.8rem; color:var(--muted)}
.post-share{margin-top:2rem; padding-top:2rem; border-top:1px solid var(--border)}
.ae-popup-overlay{display:none; position:fixed; inset:0;
background:rgba(0,0,0,0.7); backdrop-filter:blur(6px);
z-index:999; align-items:center; justify-content:center; padding:1rem}
.ae-popup-overlay.active{display:flex}
.ae-popup{background:#fff; border-radius:20px; width:100%; max-width:460px;
position:relative; overflow:hidden;
box-shadow:0 40px 100px rgba(0,0,0,0.4);
animation:popupIn 0.3s cubic-bezier(0.34,1.56,0.64,1)}
@keyframes popupIn{from{opacity:0; transform:scale(0.9) translateY(20px)}
to{opacity:1; transform:scale(1) translateY(0)}
}
.ae-popup-close{position:absolute; top:1rem; right:1rem; width:30px; height:30px;
background:rgba(0,0,0,0.08); border:none; border-radius:50%;
font-size:1rem; cursor:pointer; display:flex; align-items:center; justify-content:center;
color:var(--muted); z-index:2; transition:background 0.2s}
.ae-popup-close:hover{background:rgba(0,0,0,0.15)}
.ae-popup-body{padding:2.5rem; text-align:center}
.ae-popup-icon{font-size:2.5rem; margin-bottom:1rem; display:block}
.ae-popup-body h3{font-size:1.35rem; font-weight:800; color:var(--text); margin-bottom:0.5rem}
.ae-popup-body p{font-size:0.875rem; color:var(--muted); margin-bottom:1.5rem; line-height:1.6}
.ae-popup-form{display:flex; flex-direction:column; gap:0.75rem; text-align:left}
.ae-popup-form input{width:100%; padding:0.8rem 1rem; border:1.5px solid var(--border);
border-radius:10px; font-size:0.9rem; font-family:'Plus Jakarta Sans', sans-serif;
color:var(--text); background:var(--bg-light); outline:none; transition:border-color 0.2s}
.ae-popup-form input:focus{border-color:var(--accent)}
.ae-popup-note{font-size:0.75rem; color:var(--muted); text-align:center; margin:0}
.ae-popup-video{position:relative; padding-bottom:56.25%; height:0; overflow:hidden; background:#000}
.ae-popup-video iframe{position:absolute; top:0; left:0; width:100%; height:100%; border:none}
.ae-animate{opacity:0; transform:translateY(20px);
transition:opacity 0.6s ease, transform 0.6s ease}
.ae-animate.ae-visible{opacity:1; transform:translateY(0)}
.service-card:nth-child(2){transition-delay:0.08s}
.service-card:nth-child(3){transition-delay:0.16s}
.service-card:nth-child(4){transition-delay:0.24s}
.result-card:nth-child(2){transition-delay:0.07s}
.result-card:nth-child(3){transition-delay:0.14s}
.testimonial-card:nth-child(2){transition-delay:0.1s}
.testimonial-card:nth-child(3){transition-delay:0.2s}
.process-step:nth-child(2){transition-delay:0.1s}
.process-step:nth-child(3){transition-delay:0.2s}
.process-step:nth-child(4){transition-delay:0.3s}
@media (prefers-reduced-motion:reduce){.ae-animate{opacity:1; transform:none; transition:none} }
@media (max-width:1100px){.hero-grid{grid-template-columns:1fr 1fr}
.hero-features{grid-column:1 / -1; flex-direction:row; flex-wrap:wrap}
.feature-card{flex:1 1 calc(50% - 0.75rem)}
.services-grid{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:900px){.results-grid{grid-template-columns:1fr}
.result-card--featured{grid-column:span 1}
.about-grid{grid-template-columns:1fr; gap:2.5rem}
.process-steps{grid-template-columns:repeat(2, 1fr)}
.testimonials-grid{grid-template-columns:1fr}
.contact-grid{grid-template-columns:1fr; gap:3rem}
.footer-grid{grid-template-columns:1fr 1fr}
.blog-grid{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:767px){.container{padding:0 1.25rem}
section{padding:4rem 0}
.site-header{top:0 !important}
body.has-topbar .site-header{top:32px !important}
.header-inner{height:58px; padding:0 1.25rem; gap:0.75rem}
.nav-toggle{display:flex}
.nav-cta{display:none}
.nav-links{display:none;
position:fixed;
top:58px; left:0; right:0; bottom:0;
background:#111827 !important;
flex-direction:column;
padding:0;
z-index:1000;
overflow-y:auto;
overflow-x:hidden}
body.has-topbar .nav-links{top:90px}
.nav-links.open{display:flex;
flex-direction:column;
align-items:stretch;
gap:0;
min-height:calc(100vh - 58px)}
.nav-links > li{display:block;
width:100%;
border-bottom:1px solid rgba(255,255,255,0.08)}
.nav-links > li > a{display:block;
padding:1rem 1.5rem;
color:#ffffff;
font-size:1rem;
font-weight:500;
background:transparent}
.nav-links > li > a:hover{background:rgba(255,255,255,0.08)}
.nav-links .sub-menu{display:none;
position:static;
opacity:1;
visibility:visible;
transform:none;
background:rgba(255,255,255,0.04);
border:none;
border-radius:0;
box-shadow:none;
padding:0;
min-width:unset}
.nav-links .menu-item-has-children.open > .sub-menu{display:block}
.nav-links .sub-menu li a{padding:0.75rem 1.5rem 0.75rem 2.5rem;
font-size:0.875rem;
color:rgba(255,255,255,0.75);
border-radius:0;
white-space:normal}
.nav-links > li.menu-item-has-children > a::after{content:'+';
border:none;
width:auto; height:auto;
float:right;
font-size:1.1rem}
.nav-links > li.menu-item-has-children.open > a::after{content:'-'}
.hero{padding:6.5rem 0 3rem; min-height:unset}
.hero-grid{display:flex; flex-direction:column; gap:1.5rem}
.hero h1{font-size:2.2rem}
.hero-stats{gap:1.25rem}
.feature-card{flex:1 1 100%}
.faq-columns{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr}
.blog-grid{grid-template-columns:1fr}
.services-grid{grid-template-columns:1fr}
.process-steps{grid-template-columns:1fr}
.page-hero{padding:7rem 0 3rem}
.page-header{padding:7rem 0 3rem}
.page-hero-dark{padding:6rem 0 3rem}
.page-hero-light{padding:6rem 0 3rem}
.site-topbar{height:32px}
.topbar-text{font-size:0.72rem}
}
@media (min-width:768px){.nav-toggle{display:none !important}
.header-spacer{display:none}
}
.service-hero-grid{display:grid;
grid-template-columns:1fr 340px;
gap:3rem;
align-items:center}
.service-content-grid{display:grid;
grid-template-columns:2fr 1fr;
gap:3rem;
align-items:start}
.about-content-grid{display:grid;
grid-template-columns:2fr 1fr;
gap:3rem;
align-items:start}
@media (max-width:900px){.service-hero-grid,
.service-content-grid,
.about-content-grid{grid-template-columns:1fr;
gap:2rem}
}
@media (max-width:767px){[style*="grid-template-columns:1fr 380px"],
[style*="grid-template-columns:1fr 380px"],
[style*="grid-template-columns:1fr 340px"],
[style*="grid-template-columns:2fr 1fr"],
[style*="grid-template-columns:2fr 1fr"]{grid-template-columns:1fr !important}
[style*="display:grid"],
[style*="display:grid"]{gap:1.5rem !important}
}
.post-content-wrap{max-width:760px;
margin:0 auto}
.author-box{display:flex;
gap:1.5rem;
align-items:flex-start;
background:var(--bg-light);
border:1px solid var(--border);
border-radius:16px;
padding:1.75rem;
margin:2.5rem 0}
.author-box-avatar{width:80px !important;
height:80px !important;
border-radius:50%;
flex-shrink:0}
.author-box-content h4{font-size:1rem; font-weight:700; margin-bottom:0.25rem}
.author-box-content .author-role{font-size:0.85rem; color:var(--accent); font-weight:600; margin-bottom:0.5rem}
.author-box-content p{font-size:0.875rem; color:var(--muted); line-height:1.7; margin-bottom:0.75rem}
.btn-sm{padding:0.45rem 1rem; font-size:0.8rem}
.post-header .btn-outline,
.btn-outline-white{background:transparent;
border:1.5px solid rgba(255,255,255,0.4);
color:#fff;
padding:0.5rem 1.25rem;
border-radius:100px;
font-size:0.85rem;
font-weight:600;
display:inline-flex;
align-items:center;
transition:all 0.2s}
.post-header .btn-outline:hover{border-color:#fff; background:rgba(255,255,255,0.08)}
.related-posts{padding:4rem 0; background:var(--bg-light)}
.related-title{font-size:1.4rem; font-weight:800;
margin-bottom:2rem; color:var(--text)}
.related-grid{display:grid;
grid-template-columns:repeat(3, 1fr);
gap:1.5rem}
.blog-card-image img{width:100%; height:180px; object-fit:cover; border-radius:12px 12px 0 0}
.blog-card-content{padding:1.25rem}
.blog-card-meta{font-size:0.78rem; color:var(--muted); margin-bottom:0.5rem; display:flex; gap:0.75rem}
.blog-card-content h4{font-size:0.95rem; font-weight:700; margin-bottom:0.5rem; line-height:1.4}
.blog-card-content h4 a:hover{color:var(--accent)}
.read-more{font-size:0.85rem; font-weight:600; color:var(--accent)}
.post-cta{background:var(--bg-dark); padding:4rem 0}
.page-cta-inner{text-align:center; max-width:600px; margin:0 auto}
.page-cta-inner h3{font-size:clamp(1.4rem, 3vw, 2rem); font-weight:800; color:#fff; margin-bottom:0.75rem}
.page-cta-inner p{color:rgba(255,255,255,0.7); margin-bottom:1.75rem}
.blog-header{background:var(--bg-dark); padding:8rem 0 4rem}
.blog-header h1{color:#fff; font-size:clamp(2rem, 5vw, 3rem); font-weight:800; margin-bottom:1rem}
.blog-header .section-label{color:var(--accent)}
.blog-header .section-subtitle{color:rgba(255,255,255,0.6); max-width:600px}
.blog-posts-grid{display:grid;
grid-template-columns:repeat(3, 1fr);
gap:2rem;
margin-top:2rem}
.blog-post-card{background:#fff;
border:1px solid var(--border);
border-radius:16px;
overflow:hidden;
transition:all 0.3s;
display:flex;
flex-direction:column}
.blog-post-card:hover{box-shadow:0 8px 30px rgba(0,0,0,0.08); transform:translateY(-3px)}
.blog-post-card .card-thumb img{width:100%; height:200px; object-fit:cover}
.blog-post-card .card-body{padding:1.5rem; flex:1; display:flex; flex-direction:column}
.blog-post-card .card-meta{font-size:0.78rem; color:var(--muted); margin-bottom:0.6rem; display:flex; gap:0.5rem; flex-wrap:wrap}
.blog-post-card h3{font-size:1rem; font-weight:700; line-height:1.4; margin-bottom:0.5rem; flex:1}
.blog-post-card h3 a:hover{color:var(--accent)}
.blog-post-card p{font-size:0.875rem; color:var(--muted); line-height:1.6; margin-bottom:1rem}
.blog-post-card .card-link{font-size:0.85rem; font-weight:600; color:var(--accent); margin-top:auto}
.search-results-grid{display:flex;
flex-direction:column;
gap:1.5rem;
margin-top:2rem}
.search-result-item{padding:1.5rem;
border:1px solid var(--border);
border-radius:12px;
transition:border-color 0.2s}
.search-result-item:hover{border-color:var(--accent)}
.search-result-item h3{font-size:1.1rem; font-weight:700; margin-bottom:0.4rem}
.search-result-item h3 a:hover{color:var(--accent)}
.search-result-item p{font-size:0.875rem; color:var(--muted); line-height:1.6}
.case-studies-grid{display:grid;
grid-template-columns:repeat(2, 1fr);
gap:2rem;
margin-top:2rem}
.case-study-card{background:#fff;
border:1px solid var(--border);
border-radius:16px;
padding:2rem;
transition:all 0.3s}
.case-study-card:hover{border-color:var(--accent); transform:translateY(-3px)}
.resources-grid{display:grid;
grid-template-columns:repeat(3, 1fr);
gap:1.5rem;
margin-top:2rem}
.resource-card{background:#fff;
border:1px solid var(--border);
border-radius:16px;
padding:1.75rem;
text-align:center;
transition:all 0.3s}
.resource-card:hover{border-color:var(--accent); box-shadow:0 8px 30px rgba(127, 71, 221,0.08); transform:translateY(-3px)}
@media (max-width:900px){.related-grid{grid-template-columns:1fr}
.blog-posts-grid{grid-template-columns:repeat(2, 1fr)}
.case-studies-grid{grid-template-columns:1fr}
.resources-grid{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:767px){.author-box{flex-direction:column; gap:1rem}
.author-box-avatar{width:60px !important; height:60px !important}
.blog-posts-grid,
.related-grid,
.resources-grid,
.case-studies-grid{grid-template-columns:1fr}
.post-header{padding:6rem 0 3rem}
.post-header h1{font-size:1.75rem}
.post-body{padding:2.5rem 0}
.post-hero-img{width:100%; border-radius:0}
.blog-header{padding:6rem 0 3rem}
.service-body-content,
.service-full-content{font-size:0.95rem}
}
.elementor-page .elementor-section-wrap,
.elementor-page #content,
.elementor-page .site-content{padding-top:64px}
body.has-topbar .elementor-page .elementor-section-wrap,
body.has-topbar .elementor-page #content,
body.has-topbar .elementor-page .site-content{padding-top:100px}
.home .elementor-page .elementor-section-wrap,
.home .elementor-page #content{padding-top:0}
.elementor-editor-active .site-header{position:absolute}
.page-hero-dark{background:var(--bg-dark);
padding:8rem 0 4rem;
color:#fff}
.page-hero-light{background:var(--bg-light);
padding:8rem 0 4rem;
border-bottom:1px solid var(--border);
color:var(--text)}
.page-hero-dark .page-label{color:var(--accent)}
.page-hero-light .page-label{color:var(--accent)}
.page-hero-dark h1{color:#fff}
.page-hero-light h1{color:var(--text)}
.page-hero-dark .page-sub{color:rgba(255,255,255,0.65)}
.page-hero-light .page-sub{color:var(--text-light)}
.page-hero-inner-sm{max-width:900px;  margin:0 auto}
.page-hero-inner-md{max-width:1100px; margin:0 auto}
.page-label{font-size:0.85rem; font-weight:700;
letter-spacing:0.1em; text-transform:uppercase;
margin:0 0 0.75rem; display:block}
.page-sub{font-size:1.1rem; line-height:1.7;
max-width:650px; margin:0}
.page-section{padding:4rem 0; background:#fff}
.page-section-light{padding:4rem 0; background:var(--bg-light)}
.page-section-dark{padding:4rem 0; background:var(--bg-dark)}
.page-section-accent{padding:4rem 0; background:var(--accent)}
.page-cta-dark{padding:4rem 0; background:var(--bg-dark); text-align:center}
.page-cta-accent{padding:4rem 0; background:var(--accent); text-align:center}
.page-cta-light{padding:4rem 0; background:var(--bg-light); text-align:center}
.page-cta-dark h2,
.page-cta-accent h2{font-size:clamp(1.6rem, 3vw, 2rem); font-weight:800;
color:#fff; margin:0 0 1rem}
.page-cta-light h2{font-size:clamp(1.6rem, 3vw, 2rem); font-weight:800;
color:var(--text); margin:0 0 1rem}
.page-cta-dark p{color:rgba(255,255,255,0.7); margin:0 0 2rem}
.page-cta-accent p{color:rgba(255,255,255,0.85); margin:0 0 2rem}
.page-cta-light p{color:var(--muted); margin:0 0 2rem}
.cta-inner{max-width:700px; margin:0 auto}
.btn-white{display:inline-flex; align-items:center;
background:#fff; color:var(--accent);
padding:0.9rem 2.5rem; border-radius:8px;
font-weight:700; font-size:1rem; transition:all 0.2s}
.btn-white:hover{background:var(--bg-lighter)}
.btn-dark{display:inline-flex; align-items:center;
background:var(--bg-dark); color:#fff;
padding:0.85rem 2rem; border-radius:8px;
font-weight:700; font-size:1rem; transition:all 0.2s}
.contact-method-card{display:flex; align-items:center; gap:1rem;
padding:1rem 1.25rem; background:var(--bg-light);
border-radius:10px; text-decoration:none;
border:1px solid var(--border); transition:all 0.2s}
.contact-method-card:hover{border-color:var(--accent); transform:translateX(4px)}
.contact-method-icon-wa{background:var(--wa-green)}
.contact-method-icon-em{background:var(--accent)}
.contact-method-icon-li{background:var(--li-blue)}
.contact-icon-box{width:40px; height:40px; border-radius:8px;
display:flex; align-items:center; justify-content:center;
color:#fff; font-weight:700; font-size:0.8rem; flex-shrink:0}
.contact-meta{display:flex; flex-direction:column}
.contact-meta small{font-size:0.78rem; color:var(--muted); text-transform:uppercase; letter-spacing:0.05em}
.contact-meta strong{color:var(--text)}
.contact-methods-list{display:flex; flex-direction:column; gap:0.75rem}
.avail-badge{display:flex; align-items:center; gap:0.6rem;
margin-top:1.5rem; padding:1rem 1.25rem;
background:#f0fdf4; border-radius:8px; border:1px solid #86efac}
.avail-dot{width:10px; height:10px; background:var(--success); border-radius:50%; flex-shrink:0}
.avail-badge span{color:#065f46; font-size:0.9rem; font-weight:500}
.contact-page-grid{display:grid; grid-template-columns:1fr 1.2fr;
gap:3rem; align-items:start}
.contact-form-box{background:var(--bg-light); border-radius:16px;
padding:2rem; border:1px solid var(--border)}
.contact-form-box h3{font-size:1.2rem; font-weight:700; margin:0 0 1.5rem}
.form-row{display:grid; grid-template-columns:1fr 1fr;
gap:0.75rem; margin-bottom:0.75rem}
.form-status-msg{margin-top:0.75rem}
.form-status-msg.success{color:#16a34a; font-weight:600}
.form-status-msg.error{color:var(--error)}
.form-note{font-size:0.8rem; color:var(--muted); text-align:center; margin:0.75rem 0 0}
.search-header{background:var(--bg-light); padding:8rem 0 3rem;
border-bottom:1px solid var(--border)}
.search-header h1{font-size:2rem; font-weight:800; margin:0 0 0.75rem; color:var(--text)}
.search-form{display:flex; gap:0.75rem; max-width:500px; margin-top:1rem}
.search-form input{flex:1; padding:0.6rem 1rem; border:1px solid var(--border);
border-radius:8px; font-size:1rem; font-family:'Plus Jakarta Sans', sans-serif;
outline:none; transition:border-color 0.2s}
.search-form input:focus{border-color:var(--accent)}
.search-form button{background:var(--accent); color:#fff; border:none;
padding:0.6rem 1.25rem; border-radius:8px; font-weight:600; cursor:pointer;
font-family:'Plus Jakarta Sans', sans-serif; transition:background 0.2s}
.search-form button:hover{background:var(--accent-dark)}
.search-count{color:var(--muted); margin-bottom:2rem}
.search-results{display:flex; flex-direction:column; gap:2rem}
.search-result-article{border-bottom:1px solid var(--border); padding-bottom:2rem}
.search-result-article:last-child{border-bottom:none}
.result-tag-pill{display:inline-block; background:#eff6ff; color:var(--accent);
font-size:0.75rem; font-weight:700; padding:0.2rem 0.6rem;
border-radius:4px; text-transform:uppercase; margin-right:0.5rem}
.result-date{color:var(--muted); font-size:0.85rem}
.search-result-article h2{font-size:1.2rem; font-weight:700; margin:0.5rem 0 0.6rem}
.search-result-article h2 a:hover{color:var(--accent)}
.search-result-article p{color:var(--muted); line-height:1.7; margin:0 0 0.75rem}
.search-empty{text-align:center; padding:4rem 0}
.search-empty h2{color:var(--text); margin-bottom:0.75rem}
.search-empty p{color:var(--muted)}
.author-header{background:var(--bg-light); padding:8rem 0 3rem;
border-bottom:1px solid var(--border)}
.author-hero{display:flex; align-items:center; gap:2rem; flex-wrap:wrap}
.author-hero-avatar{width:100px; height:100px; border-radius:50%;
object-fit:cover; border:3px solid var(--border); flex-shrink:0}
.author-hero-label{color:var(--accent); font-size:0.85rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 0.4rem}
.author-hero h1{font-size:2rem; font-weight:800; margin:0 0 0.75rem}
.author-hero p{color:var(--muted); font-size:1rem; line-height:1.7; max-width:600px; margin:0}
.author-posts-section{padding:4rem 0}
.author-posts-title{font-size:1.4rem; font-weight:700; margin:0 0 2rem}
.author-posts-title span{color:var(--muted); font-weight:400; font-size:1rem}
.author-articles{display:flex; flex-direction:column; gap:2rem}
.author-article{border-bottom:1px solid var(--border); padding-bottom:2rem}
.author-article:last-child{border-bottom:none}
.author-article h3{font-size:1.2rem; font-weight:700; margin:0.5rem 0 0.6rem}
.author-article h3 a:hover{color:var(--accent)}
.author-article p{color:var(--muted); font-size:0.95rem; line-height:1.7; margin:0 0 0.75rem}
.author-article .read-link{color:var(--accent); font-size:0.9rem; font-weight:600}
.author-empty{text-align:center; padding:4rem 0; color:var(--muted)}
.service-hero-inner{display:grid; grid-template-columns:1fr 340px;
gap:3rem; align-items:center}
.service-stat-card{background:rgba(255,255,255,0.04);
border:1px solid rgba(255,255,255,0.1);
border-radius:16px; padding:2rem}
.service-stat-label{color:rgba(255,255,255,0.5); font-size:0.8rem; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; margin:0 0 0.75rem}
.service-stat-number{font-size:2rem; font-weight:800; color:var(--accent); line-height:1.2; margin-bottom:0.75rem}
.service-stat-desc{color:rgba(255,255,255,0.65); font-size:0.9rem; line-height:1.6; margin:0}
.service-price-block{margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,0.1)}
.service-price-label{color:rgba(255,255,255,0.5); font-size:0.78rem; text-transform:uppercase; letter-spacing:0.06em; margin:0 0 0.25rem}
.service-price-value{color:#fff; font-size:1.1rem; font-weight:700}
.service-hero-btns{display:flex; gap:1rem; flex-wrap:wrap; margin-top:2rem}
.service-hero-btn-primary{background:var(--accent); color:#fff; padding:0.85rem 2rem;
border-radius:8px; font-weight:700; font-size:1rem; transition:background 0.2s}
.service-hero-btn-primary:hover{background:var(--accent-dark)}
.service-hero-btn-ghost{border:1px solid rgba(255,255,255,0.2); color:#fff;
padding:0.85rem 2rem; border-radius:8px; font-weight:600;
font-size:1rem; transition:border-color 0.2s}
.service-hero-btn-ghost:hover{border-color:rgba(255,255,255,0.5)}
.service-content-inner{display:grid; grid-template-columns:2fr 1fr;
gap:3rem; align-items:start}
.service-includes-box{background:var(--bg-light); border-radius:12px;
padding:1.5rem; margin-bottom:1.5rem}
.service-includes-box h3{font-size:1rem; font-weight:700; margin:0 0 1rem}
.service-includes-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:0.6rem}
.service-includes-list li{display:flex; align-items:flex-start; gap:0.6rem; font-size:0.9rem; color:var(--text-light); line-height:1.5}
.service-includes-list li::before{content:''; color:var(--accent); font-weight:700; flex-shrink:0; margin-top:0.1rem; width:16px; height:16px; background:var(--accent); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.6rem}
.service-cta-sidebar{background:var(--accent); border-radius:12px;
padding:1.5rem; color:#fff; text-align:center}
.service-cta-sidebar p:first-child{font-size:0.85rem; opacity:0.8; margin:0 0 0.5rem}
.service-cta-sidebar p:nth-child(2){font-weight:700; margin:0 0 1rem; font-size:1rem}
.service-cta-sidebar a{background:#fff; color:var(--accent); padding:0.65rem 1.5rem;
border-radius:8px; font-weight:700; font-size:0.9rem; display:inline-block;
transition:background 0.2s}
.service-cta-sidebar a:hover{background:var(--bg-lighter)}
.service-process-grid{display:grid;
grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
gap:1.5rem}
.service-process-step{text-align:center}
.service-step-num{width:48px; height:48px; background:#eff6ff;
border-radius:50%; display:flex; align-items:center;
justify-content:center; margin:0 auto 1rem;
font-size:1.1rem; font-weight:800; color:var(--accent)}
.service-process-step h4{font-size:1rem; font-weight:700; margin:0 0 0.5rem}
.service-process-step p{color:var(--muted); font-size:0.9rem; line-height:1.5; margin:0}
.who-for-grid{display:grid;
grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
gap:1rem}
.who-for-item{background:#fff; border-radius:10px;
padding:1.25rem; border-left:3px solid var(--accent)}
.who-for-item p{margin:0; color:var(--text-light); font-size:0.95rem; line-height:1.5}
.service-testimonial{padding:4rem 0; background:var(--bg-dark)}
.service-testimonial-inner{max-width:800px; margin:0 auto; text-align:center}
.service-quote-mark{font-size:3rem; color:var(--accent); margin-bottom:1rem; line-height:1}
.service-testimonial blockquote{font-size:1.2rem; color:#fff; line-height:1.7;
font-style:italic; margin:0 0 1.5rem}
.service-testimonial cite{color:rgba(255,255,255,0.6); font-size:0.9rem; font-style:normal}
.about-page-grid{display:grid;
grid-template-columns:2fr 1fr;
gap:3rem; align-items:start}
.about-stats-box{background:var(--bg-light); border-radius:12px; padding:1.5rem; margin-bottom:1.5rem}
.about-stat-row{text-align:center; padding:0.75rem 0;
border-bottom:1px solid var(--border)}
.about-stat-row:last-child{border-bottom:none}
.about-stat-num{font-size:1.75rem; font-weight:800; color:var(--accent)}
.about-stat-label{color:var(--muted); font-size:0.85rem; margin-top:0.2rem}
.about-creds-box{background:var(--bg-light); border-radius:12px; padding:1.5rem}
.about-creds-box h4{font-size:0.9rem; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; margin:0 0 1rem}
.about-creds-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:0.6rem}
.about-creds-list li{display:flex; align-items:flex-start; gap:0.6rem; font-size:0.9rem; color:var(--text-light)}
.about-creds-check{color:var(--accent); font-weight:700; flex-shrink:0}
.about-cta-box{background:var(--accent); border-radius:12px;
padding:1.5rem; margin-top:1.5rem; text-align:center; color:#fff}
.about-cta-box p{color:rgba(255,255,255,0.85); font-size:0.9rem; margin:0 0 1rem}
.about-cta-box a{display:inline-block; background:#fff; color:var(--accent);
padding:0.65rem 1.5rem; border-radius:8px; font-weight:700;
font-size:0.9rem; transition:background 0.2s}
.about-cta-box a:hover{background:var(--bg-lighter)}
@media (max-width:900px){.contact-page-grid,
.service-hero-inner,
.service-content-inner,
.about-page-grid{grid-template-columns:1fr}
.service-hero-inner{gap:2rem}
}
@media (max-width:767px){.page-hero-dark,
.page-hero-light{padding:6rem 0 3rem}
.form-row{grid-template-columns:1fr}
.author-hero{flex-direction:column; gap:1rem; text-align:center}
.service-process-grid{grid-template-columns:1fr 1fr}
.who-for-grid{grid-template-columns:1fr}
}
.service-icon-emoji{font-size:3rem; margin-bottom:1rem}
.service-intro-para{font-size:1.1rem; font-weight:500; line-height:1.8; margin:0 0 1.5rem; padding-bottom:1.5rem; border-bottom:2px solid var(--accent)}
.section-h2{font-size:1.75rem; font-weight:800; margin:0 0 2rem}
.related-service-link{text-decoration:none; display:block}
.related-service-title{font-size:1rem; font-weight:700; margin:0 0 0.4rem}
.related-service-more{color:var(--accent); font-size:0.85rem; font-weight:600; margin:0}
.faq-stack{display:flex; flex-direction:column; gap:0.75rem}
.trust-logo-img{max-height:40px; width:auto; object-fit:contain;
filter:grayscale(100%); opacity:0.7;
transition:opacity 0.3s, filter 0.3s}
.trust-logo-img:hover{opacity:1; filter:grayscale(0%)}
.cat-post-link{color:var(--text); text-decoration:none; transition:color 0.2s}
.cat-post-link:hover{color:var(--accent)}
.skip-to-content{position:absolute; top:-100px; left:1rem;
background:var(--accent); color:#fff;
padding:0.75rem 1.5rem; border-radius:0 0 8px 8px;
font-weight:700; font-size:0.9rem; z-index:9999;
transition:top 0.2s}
.skip-to-content:focus{top:0}
.cat-posts-list{display:flex; flex-direction:column; gap:2rem}
.cat-post-item{display:flex; gap:1.5rem;
border-bottom:1px solid var(--border); padding-bottom:2rem}
.cat-post-item:last-child{border-bottom:none}
.cat-post-thumb{flex-shrink:0; width:160px; height:110px;
border-radius:8px; overflow:hidden}
.cat-post-thumb img{width:100%; height:100%; object-fit:cover}
.cat-post-body{flex:1}
.cat-post-meta{color:var(--text-muted); font-size:0.85rem; display:block; margin-bottom:0.4rem}
.cat-post-title{font-size:1.1rem; font-weight:700; margin:0 0 0.5rem}
.cat-post-excerpt{color:var(--muted); font-size:0.9rem; line-height:1.6; margin:0 0 0.6rem}
.cat-read-more{color:var(--accent); font-size:0.85rem; font-weight:600}
.cat-pagination{margin-top:2.5rem}
.cat-empty{text-align:center; padding:4rem 0; color:var(--muted)}
@media (max-width:540px){.cat-post-item{flex-direction:column}
.cat-post-thumb{width:100%; height:180px}
}
.section-label--center{display:inline-block}
.section-header-center{text-align:center; margin-bottom:3rem}
.videos-section{background:var(--bg-dark); padding:6rem 0}
.videos-header{margin-bottom:3rem}
.videos-section .section-label{color:var(--accent)}
.videos-section .section-title{color:#fff}
.videos-section .section-subtitle{color:rgba(255,255,255,0.65)}
.videos-grid{display:grid;
grid-template-columns:repeat(3, 1fr);
gap:1.75rem}
.videos-grid--1{grid-template-columns:1fr; max-width:760px}
.videos-grid--2{grid-template-columns:repeat(2, 1fr); max-width:900px}
.video-card{background:rgba(255,255,255,0.04);
border:1px solid rgba(255,255,255,0.08);
border-radius:16px;
overflow:hidden;
transition:border-color 0.3s, transform 0.3s}
.video-card:hover{border-color:rgba(255,255,255,0.2); transform:translateY(-4px)}
.video-embed{position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
background:#000}
.video-embed iframe{position:absolute;
top:0; left:0;
width:100%; height:100%;
border:none}
.video-card-body{padding:1.25rem 1.5rem 1.5rem}
.video-card-title{font-size:1rem; font-weight:700;
color:#fff; margin-bottom:0.4rem; line-height:1.4}
.video-card-desc{font-size:0.875rem; color:rgba(255,255,255,0.6); line-height:1.6; margin:0}
@media (max-width:900px){.videos-grid{grid-template-columns:1fr} }
@media (max-width:767px){.videos-grid--2{grid-template-columns:1fr}
.videos-section{padding:4rem 0}
}
.lp-header{position:fixed; top:0; left:0; right:0; z-index:100;
background:rgba(20,49,98,0.97); backdrop-filter:blur(20px);
border-bottom:1px solid rgba(255,255,255,0.06)}
.lp-header-inner{display:flex; align-items:center; justify-content:space-between;
height:64px; padding:0 2rem}
.lp-header-cta{padding:0.5rem 1.25rem; font-size:0.875rem}
.lp-main{padding-top:64px}
.lp-content{max-width:800px; margin:0 auto; padding:4rem 2rem 6rem}
.lp-sticky-cta{position:fixed; bottom:0; left:0; right:0; z-index:99;
background:var(--bg-dark); border-top:1px solid rgba(255,255,255,0.08);
padding:1rem 0}
.lp-sticky-inner{display:flex; align-items:center; justify-content:space-between;
gap:1rem; flex-wrap:wrap}
.lp-sticky-inner p{color:rgba(255,255,255,0.7); font-size:0.875rem; margin:0}
body.landing-page{padding-bottom:72px}
@media (max-width:600px){.lp-sticky-inner{flex-direction:column; text-align:center}
.lp-sticky-cta{padding:0.75rem 0}
}
.sp-hero{background:var(--bg-light); padding:8rem 0 5rem; border-bottom:2px solid var(--border)}
.sp-hero-inner{max-width:1100px; margin:0 auto}
.sp-hero-content{max-width:700px}
.sp-urgency-bar{display:inline-block; background:#dc2626; color:#fff;
font-size:0.8rem; font-weight:700; padding:0.3rem 1rem;
border-radius:100px; margin-bottom:1.5rem; text-transform:uppercase; letter-spacing:0.05em}
.sp-hero h1{font-size:clamp(2rem, 5vw, 3.5rem); font-weight:800; color:var(--text); margin-bottom:1rem}
.sp-subtitle{font-size:1.15rem; color:rgba(255,255,255,0.7); margin-bottom:2rem; line-height:1.7}
.sp-hero-cta{display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap}
.sp-cta-btn{padding:1rem 2.5rem; font-size:1rem}
.sp-cta-note{color:var(--muted); font-size:0.85rem; margin:0}
.sp-body{padding:5rem 0 6rem}
.sp-body-grid{display:grid; grid-template-columns:1fr 320px; gap:4rem; align-items:start;
max-width:1100px; margin:0 auto}
.sp-sidebar{position:sticky; top:90px}
.sp-sidebar-card{background:var(--bg-light); border:1px solid var(--border);
border-radius:16px; padding:2rem}
.sp-price{font-size:2rem; font-weight:800; color:var(--accent); margin-bottom:1.25rem}
.sp-sidebar-note{font-size:0.8rem; color:var(--muted); text-align:center; margin:0.75rem 0 0}
.sp-guarantee{display:flex; align-items:flex-start; gap:0.75rem;
margin-top:1.25rem; padding-top:1.25rem; border-top:1px solid var(--border);
font-size:0.875rem; color:var(--muted); line-height:1.6}
.sp-guarantee-icon{color:var(--success); font-weight:700; flex-shrink:0; font-size:1rem}
@media (max-width:900px){.sp-body-grid{grid-template-columns:1fr} .sp-sidebar{position:static} }
.squeeze-page{background:var(--bg-light) !important}
.lc-wrap{min-height:100vh; padding-bottom:4rem}
.lc-logo{padding:1.5rem 2rem; border-bottom:1px solid rgba(255,255,255,0.06)}
.lc-grid{display:grid; grid-template-columns:1fr 420px; gap:4rem;
align-items:start; padding:4rem 0 5rem}
.lc-offer-badge{display:inline-block; background:rgba(127, 71, 221,0.2); border:1px solid rgba(127, 71, 221,0.4);
color:#93c5fd; padding:0.35rem 1rem; border-radius:100px;
font-size:0.8rem; font-weight:600; margin-bottom:1.5rem}
.lc-headline{font-size:clamp(2rem, 4vw, 3rem); font-weight:800; color:var(--text); margin-bottom:1rem; line-height:1.15}
.lc-subhead{font-size:1.1rem; color:var(--muted); line-height:1.7; margin-bottom:1.5rem}
.lc-bullets{list-style:none; margin:0 0 1.5rem; padding:0; display:flex; flex-direction:column; gap:0.6rem}
.lc-bullets li{display:flex; align-items:flex-start; gap:0.6rem; color:var(--text); font-size:0.95rem}
.lc-bullets li::before{content:'\2713'; color:var(--success); font-weight:700; flex-shrink:0}
.lc-trust{font-size:0.85rem; color:var(--muted); margin-top:1.5rem}
.lc-form-box{background:#fff; border-radius:20px; padding:2.5rem;
box-shadow:0 8px 40px rgba(0,0,0,0.12); border:1px solid var(--border)}
.lc-form-title{font-size:1.2rem; font-weight:800; color:var(--text); margin-bottom:1.5rem}
.lc-form .form-group input,
.lc-form .form-group textarea{background:var(--bg-light)}
@media (max-width:900px){.lc-grid{grid-template-columns:1fr; gap:3rem} }
.wb-hero{background:var(--bg-light); padding:8rem 0 5rem; border-bottom:2px solid var(--border)}
.wb-hero-grid{display:grid; grid-template-columns:1fr 400px; gap:4rem; align-items:start}
.wb-badge{display:inline-block; background:rgba(127, 71, 221,0.2); color:#93c5fd;
border:1px solid rgba(127, 71, 221,0.4); padding:0.35rem 1rem;
border-radius:100px; font-size:0.75rem; font-weight:700;
letter-spacing:0.08em; margin-bottom:1.5rem}
.wb-hero h1{font-size:clamp(2rem, 4vw, 3rem); color:var(--text); margin-bottom:1rem}
.wb-subtitle{font-size:1.1rem; color:var(--muted); line-height:1.7; margin-bottom:2rem}
.wb-meta{display:flex; gap:2rem; margin-bottom:2rem; flex-wrap:wrap}
.wb-meta-item{display:flex; flex-direction:column; gap:0.2rem}
.wb-meta-label{font-size:0.75rem; color:var(--muted); text-transform:uppercase; letter-spacing:0.08em}
.wb-meta-value{font-size:1rem; font-weight:700; color:var(--text)}
.wb-meta-item--urgent .wb-meta-value{color:#f87171}
.wb-countdown{display:flex; gap:1rem}
.wb-count-block{text-align:center}
.wb-count-block span{display:block; font-size:2.5rem; font-weight:800; color:var(--accent); line-height:1}
.wb-count-block small{font-size:0.7rem; color:var(--muted); text-transform:uppercase; letter-spacing:0.1em}
.wb-form-card{background:#fff; border-radius:20px; padding:2.5rem; box-shadow:0 30px 80px rgba(0,0,0,0.3)}
.wb-form-title{font-size:1.2rem; font-weight:800; margin-bottom:1.5rem}
.wb-agenda{margin-top:3rem}
.wb-agenda-title{font-size:1.5rem; font-weight:800; margin-bottom:1.5rem}
.wb-agenda-list{display:flex; flex-direction:column; gap:1rem}
.wb-agenda-item{display:flex; align-items:flex-start; gap:1rem; padding:1rem 1.25rem; background:var(--bg-light); border-radius:10px}
.wb-agenda-num{width:32px; height:32px; background:var(--accent); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:0.85rem; flex-shrink:0}
.wb-agenda-item p{margin:0; font-size:0.95rem; color:var(--text); line-height:1.5; padding-top:0.4rem}
.wb-speaker{display:flex; gap:1.5rem; margin-top:3rem; padding:2rem; background:var(--bg-light); border-radius:16px}
.wb-speaker-photo{width:80px; height:80px; border-radius:50%; object-fit:cover; flex-shrink:0}
.wb-speaker-label{font-size:0.75rem; color:var(--muted); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:0.25rem}
.wb-speaker-name{font-size:1.1rem; font-weight:700; margin-bottom:0.5rem}
@media (max-width:900px){.wb-hero-grid{grid-template-columns:1fr; gap:3rem} }
@media (max-width:600px){.wb-speaker{flex-direction:column} }
.thank-you-page{background:var(--bg-light) !important}
.ty-wrap{min-height:100vh; display:flex; align-items:center; padding:4rem 0}
.ty-container{max-width:640px; margin:0 auto; text-align:center}
.ty-icon{width:80px; height:80px; background:var(--success); color:#fff;
border-radius:50%; font-size:2rem; font-weight:700;
display:flex; align-items:center; justify-content:center;
margin:0 auto 2rem}
.ty-headline{font-size:clamp(2rem, 5vw, 3rem); font-weight:800; margin-bottom:1rem}
.ty-subhead{font-size:1.1rem; color:var(--muted); line-height:1.7; margin-bottom:2rem}
.ty-next-box{background:#fff; border:1px solid var(--border); border-radius:16px;
padding:1.75rem; margin-bottom:2rem; text-align:left}
.ty-next-label{font-size:0.8rem; font-weight:700; text-transform:uppercase; letter-spacing:0.08em; color:var(--muted); margin-bottom:0.5rem}
.ty-next-text{font-size:1rem; color:var(--text); margin:0; line-height:1.7}
.ty-content{text-align:left; margin-bottom:2rem}
.ty-actions{display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; margin-bottom:2rem}
.ty-share{padding-top:2rem; border-top:1px solid var(--border)}
.ty-share-label{font-size:0.875rem; color:var(--muted); margin-bottom:0.75rem}
.ty-share-btn{display:inline-flex; align-items:center; gap:0.5rem;
background:#0077b5; color:#fff; padding:0.6rem 1.25rem;
border-radius:8px; font-size:0.875rem; font-weight:600; transition:background 0.2s}
.ty-share-btn:hover{background:#005e8e}
.ty-home-link{display:inline-block; margin-top:1.5rem; font-size:0.875rem; color:var(--muted)}
.ty-home-link:hover{color:var(--accent)}
.form-embed-wrap{width:100%}
.form-embed-wrap iframe{width:100% !important;
border:none !important;
display:block}
.form-embed-wrap form{width:100%}
.lp-form-section{background:var(--bg-light);
padding:4rem 0 6rem}
.lp-form-heading{font-size:1.75rem; font-weight:800;
text-align:center; margin-bottom:2rem}
.post-body-grid{display:block}
.post-body-grid.has-toc{display:grid;
grid-template-columns:240px 1fr;
gap:3rem;
align-items:start}
.toc-sidebar{position:sticky; top:84px}
.toc-box{background:var(--bg-light);
border:1px solid var(--border);
border-radius:12px;
padding:1.25rem 1.5rem}
.toc-label{font-size:0.75rem; font-weight:700;
text-transform:uppercase; letter-spacing:0.1em;
color:var(--muted); margin:0 0 0.75rem}
.toc-nav{display:flex; flex-direction:column; gap:0.15rem}
.toc-link{display:block; font-size:0.85rem; font-weight:500;
color:var(--muted); padding:0.3rem 0;
border-left:2px solid transparent;
padding-left:0.75rem; transition:all 0.2s;
text-decoration:none; line-height:1.4}
.toc-link:hover{color:var(--accent); border-left-color:var(--accent)}
.toc-link.active{color:var(--accent); border-left-color:var(--accent); font-weight:600}
.toc-level-3{padding-left:1.5rem; font-size:0.8rem}
.author-box-links{display:flex; align-items:center; gap:0.75rem;
flex-wrap:wrap; margin-top:0.75rem}
.author-social-link{display:inline-flex; align-items:center; gap:0.4rem;
font-size:0.8rem; font-weight:600; padding:0.35rem 0.85rem;
border-radius:100px; text-decoration:none;
transition:all 0.2s}
.author-social-li{background:#e8f0f9; color:#0077b5}
.author-social-li:hover{background:#0077b5; color:#fff}
.author-social-x{background:#f1f1f1; color:#000}
.author-social-x:hover{background:#000; color:#fff}
.blog-card-no-thumb{display:flex; align-items:center; justify-content:center;
height:180px; background:var(--bg-light);
border-radius:12px 12px 0 0; color:var(--accent);
font-size:0.85rem; font-weight:700; text-decoration:none;
text-transform:uppercase; letter-spacing:0.05em}
.post-nav{display:grid;
grid-template-columns:1fr 1fr;
gap:1rem;
margin-top:2.5rem;
padding-top:2rem;
border-top:1px solid var(--border)}
.post-nav-link{display:flex; flex-direction:column; gap:0.3rem;
padding:1rem 1.25rem;
background:var(--bg-light); border:1px solid var(--border);
border-radius:10px; text-decoration:none;
transition:all 0.2s}
.post-nav-link:hover{border-color:var(--accent); background:#fff}
.post-nav-next{text-align:right}
.post-nav-dir{font-size:0.75rem; font-weight:700; color:var(--accent);
text-transform:uppercase; letter-spacing:0.08em}
.post-nav-title{font-size:0.9rem; font-weight:600; color:var(--text);
line-height:1.4; display:-webkit-box;
-webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
@media (max-width:900px){.post-body-grid.has-toc{grid-template-columns:1fr}
.toc-sidebar{position:static}
.toc-box{margin-bottom:2rem}
}
@media (max-width:600px){.post-nav{grid-template-columns:1fr}
.post-nav-next{text-align:left}
}
.hero-image-placeholder,
.about-image-placeholder{width:100%;
aspect-ratio:3 / 4;
background:linear-gradient(135deg, var(--accent-dim), rgba(127, 71, 221,0.02));
border:1px solid var(--border);
border-radius:16px;
position:relative}
.hero-image-placeholder::before,
.about-image-placeholder::before{content:"";
position:absolute;
inset:0;
background:repeating-linear-gradient(
45deg,
transparent 0 20px,
rgba(127, 71, 221,0.04) 20px 21px
);
border-radius:16px}
.blog-listing-header{background:var(--bg-dark, #0a0a0a); padding:7rem 0 5rem; color:#fff; text-align:left}
.blog-listing-header .container{max-width:1200px}
.blog-listing-header .section-label{display:inline-block; color:var(--accent, #7f47dd); font-weight:700; font-size:0.85rem; letter-spacing:0.05em; text-transform:uppercase; margin-bottom:1rem}
.blog-listing-header h1{font-size:clamp(2.2rem, 5vw, 3.5rem); font-weight:800; color:#fff; margin:0 0 1rem; line-height:1.1}
.blog-listing-header .section-subtitle{color:rgba(255,255,255,0.7); font-size:1.05rem; line-height:1.6; max-width:640px; margin:0}
.blog-listing-section{padding:4rem 0 6rem; background:#fff}
.blog-listing-grid{display:grid; grid-template-columns:1fr 320px; gap:3.5rem; align-items:start}
.featured-post{background:#fff; border:1px solid var(--border, #e5e7eb); border-radius:16px; overflow:hidden; margin-bottom:3rem; transition:box-shadow 0.25s, transform 0.25s}
.featured-post:hover{box-shadow:0 24px 60px rgba(0,0,0,0.08); transform:translateY(-3px)}
.featured-post-image{display:block; aspect-ratio:16 / 9; overflow:hidden; background:#1e3a8a}
.featured-post-image img{width:100%; height:100%; object-fit:contain; display:block; transition:transform 0.5s; background:#1e3a8a}
.featured-post:hover .featured-post-image img{transform:scale(1.03)}
.featured-post-body{padding:2rem 2.25rem 2.25rem}
.featured-post-body h2{font-size:clamp(1.4rem, 2.5vw, 1.85rem); font-weight:800; line-height:1.25; margin:0.5rem 0 0.85rem}
.featured-post-body h2 a{color:#0a0a0a; text-decoration:none}
.featured-post-body h2 a:hover{color:var(--accent, #7f47dd)}
.featured-post-excerpt{color:var(--muted, #64748b); line-height:1.7; margin:0 0 1.25rem; font-size:1rem}
.posts-grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:1.75rem}
.post-card{background:#fff; border:1px solid var(--border, #e5e7eb); border-radius:14px; overflow:hidden; display:flex; flex-direction:column; transition:box-shadow 0.25s, transform 0.25s, border-color 0.25s}
.post-card:hover{box-shadow:0 16px 40px rgba(0,0,0,0.08); transform:translateY(-3px); border-color:rgba(127, 71, 221, 0.2)}
.post-card-image{display:block; aspect-ratio:16 / 10; overflow:hidden; background:#1e3a8a}
.post-card-image img{width:100%; height:100%; object-fit:contain; display:block; transition:transform 0.5s; background:#1e3a8a}
.post-card:hover .post-card-image img{transform:scale(1.04)}
.post-card-body{padding:1.5rem 1.5rem 1.5rem; flex:1; display:flex; flex-direction:column}
.post-card-body h3{font-size:1.1rem; font-weight:700; line-height:1.35; margin:0.5rem 0 0.65rem}
.post-card-body h3 a{color:#0a0a0a; text-decoration:none}
.post-card-body h3 a:hover{color:var(--accent, #7f47dd)}
.post-card-body p{color:var(--muted, #64748b); font-size:0.9rem; line-height:1.6; margin:0 0 1rem; flex:1}
.post-card-meta{display:flex; align-items:center; gap:0.6rem; flex-wrap:wrap; font-size:0.78rem; color:var(--muted, #64748b); margin-bottom:0.4rem}
.post-card-badge{background:var(--accent, #7f47dd); color:#fff; padding:0.2rem 0.6rem; border-radius:999px; font-weight:700; font-size:0.7rem; letter-spacing:0.04em; text-transform:uppercase}
.post-card-category{background:rgba(127, 71, 221, 0.08); color:var(--accent, #7f47dd); padding:0.2rem 0.65rem; border-radius:999px; font-weight:600; font-size:0.72rem}
.post-card-date{color:var(--muted, #64748b); font-size:0.78rem}
.post-card-link{color:var(--accent, #7f47dd); font-size:0.85rem; font-weight:600; text-decoration:none; margin-top:auto; align-self:flex-start}
.post-card-link:hover{text-decoration:underline}
.post-thumb-placeholder{width:100%; height:100%; min-height:180px; background:linear-gradient(135deg, #7f47dd 0%, #1e40af 100%); display:flex; align-items:center; justify-content:center; padding:1.5rem}
.post-thumb-placeholder span{color:rgba(255,255,255,0.95); font-weight:700; font-size:1rem; line-height:1.3; text-align:center}
.no-posts-yet{text-align:center; padding:4rem 1rem}
.no-posts-yet h2{font-size:1.5rem; margin-bottom:0.75rem}
.no-posts-yet p{color:var(--muted, #64748b)}
.blog-pagination{display:flex; justify-content:center; align-items:center; gap:0.4rem; margin-top:3rem; flex-wrap:wrap}
.blog-pagination .page-numbers{padding:0.5rem 0.85rem; border:1px solid var(--border, #e5e7eb); border-radius:8px; color:#0a0a0a; text-decoration:none; font-size:0.9rem; font-weight:600; transition:all 0.2s; min-width:40px; text-align:center}
.blog-pagination .page-numbers:hover{border-color:var(--accent, #7f47dd); color:var(--accent, #7f47dd)}
.blog-pagination .page-numbers.current{background:var(--accent, #7f47dd); border-color:var(--accent, #7f47dd); color:#fff}
.blog-pagination .page-numbers.dots{border:none}
.blog-sidebar{display:flex; flex-direction:column; gap:1.5rem; position:sticky; top:6rem}
.sidebar-widget{background:#fff; border:1px solid var(--border, #e5e7eb); border-radius:12px; padding:1.5rem}
.sidebar-widget h3{font-size:1rem; font-weight:700; margin:0 0 1rem; padding-bottom:0.75rem; border-bottom:1px solid var(--border, #e5e7eb)}
.sidebar-widget p{color:var(--muted, #64748b); font-size:0.9rem; line-height:1.6; margin:0 0 1rem}
.sidebar-link{color:var(--accent, #7f47dd); font-size:0.85rem; font-weight:600; text-decoration:none}
.sidebar-link:hover{text-decoration:underline}
.newsletter-widget{background:linear-gradient(140deg, #0a0a0a 0%, #1a1a1a 100%); border-color:#1f1f1f; color:#fff}
.newsletter-widget h3{color:#fff; border-bottom-color:rgba(255,255,255,0.1)}
.newsletter-widget p{color:rgba(255,255,255,0.7)}
.newsletter-form{display:flex; flex-direction:column; gap:0.6rem}
.newsletter-form input[type="email"]{width:100%; padding:0.75rem 0.9rem; border:1px solid rgba(255,255,255,0.18); border-radius:8px; background:rgba(255,255,255,0.06); color:#fff; font-size:0.9rem}
.newsletter-form input[type="email"]::placeholder{color:rgba(255,255,255,0.45)}
.newsletter-form input[type="email"]:focus{outline:none; border-color:var(--accent, #7f47dd); background:rgba(255,255,255,0.1)}
.newsletter-note{color:rgba(255,255,255,0.5) !important; font-size:0.75rem !important; margin:0.4rem 0 0 !important; text-align:center}
.cta-widget{background:linear-gradient(140deg, #7f47dd 0%, #1e40af 100%); border-color:#1e40af; color:#fff}
.cta-widget h3{color:#fff; border-bottom-color:rgba(255,255,255,0.18)}
.cta-widget p{color:rgba(255,255,255,0.85)}
.cta-widget .btn{background:#fff !important; color:#7f47dd !important}
.cta-widget .btn:hover{background:rgba(255,255,255,0.95) !important}
.sidebar-list{list-style:none; padding:0; margin:0}
.sidebar-list li{margin:0}
.sidebar-list li a{display:flex; justify-content:space-between; align-items:center; padding:0.6rem 0; color:#0a0a0a; text-decoration:none; font-size:0.9rem; border-bottom:1px solid var(--border, #e5e7eb); transition:color 0.2s}
.sidebar-list li:last-child a{border-bottom:none}
.sidebar-list li a:hover{color:var(--accent, #7f47dd)}
.sidebar-list .count{background:rgba(127, 71, 221, 0.08); color:var(--accent, #7f47dd); padding:0.15rem 0.55rem; border-radius:999px; font-size:0.72rem; font-weight:600}
.sidebar-popular-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:1rem}
.sidebar-popular-item{display:flex; gap:0.75rem; align-items:center; text-decoration:none; color:#0a0a0a; transition:opacity 0.2s}
.sidebar-popular-item:hover{opacity:0.7}
.sidebar-popular-thumb{flex:0 0 60px; width:60px; height:60px; border-radius:8px; overflow:hidden; background:#f3f4f6}
.sidebar-popular-thumb img{width:100%; height:100%; object-fit:cover; display:block}
.sidebar-popular-thumb-placeholder{background:linear-gradient(135deg, #7f47dd 0%, #1e40af 100%)}
.sidebar-popular-text{display:flex; flex-direction:column; gap:0.2rem}
.sidebar-popular-title{font-size:0.88rem; font-weight:600; line-height:1.35}
.sidebar-popular-date{font-size:0.72rem; color:var(--muted, #64748b)}
.btn-block{display:block; width:100%; text-align:center}
.post-featured-image{padding:0 0 0; margin-top:-2rem; position:relative; z-index:2}
.post-featured-image .container{max-width:1100px}
.post-featured-image-wrap{margin:0; border-radius:16px; overflow:hidden; box-shadow:0 24px 60px rgba(0,0,0,0.18), 0 8px 24px rgba(0,0,0,0.08); aspect-ratio:16 / 9; background:#f3f4f6}
.post-featured-image-wrap img,
.post-featured-image .post-hero-img{width:100% !important; height:100% !important; max-height:none !important; object-fit:cover !important; display:block; border-radius:0 !important}
@media (max-width:1100px){.blog-listing-grid{grid-template-columns:1fr 280px; gap:2.5rem}
}
@media (max-width:960px){.blog-listing-grid{grid-template-columns:1fr; gap:3rem}
.blog-sidebar{position:static}
.posts-grid{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:640px){.posts-grid{grid-template-columns:1fr; gap:1.25rem}
.featured-post-body{padding:1.5rem}
.post-card-body{padding:1.25rem}
.blog-listing-header{padding:5rem 0 3rem}
.post-featured-image{margin-top:-1rem}
.post-featured-image-wrap{border-radius:12px}
}
.author-header{background:#f8fafc; padding:5rem 0 3.5rem; border-bottom:1px solid var(--border, #e5e7eb)}
.author-header .container{max-width:1100px}
.author-hero{display:flex; gap:2.5rem; align-items:flex-start; flex-wrap:wrap}
.author-hero-avatar{width:140px; height:140px; border-radius:50%; object-fit:cover; box-shadow:0 8px 30px rgba(0,0,0,0.08); flex-shrink:0}
.author-hero-text{flex:1; min-width:260px}
.author-hero-label{display:inline-block; color:var(--accent, #7f47dd); font-weight:700; font-size:0.75rem; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 0.5rem}
.author-hero-text h1{font-size:clamp(2rem, 4vw, 2.75rem); font-weight:800; margin:0 0 1rem; line-height:1.15; color:#0a0a0a}
.author-hero-bio{color:var(--muted, #475569); font-size:1rem; line-height:1.7; margin:0 0 1.25rem; max-width:720px}
.author-hero-links{display:flex; gap:1.5rem; flex-wrap:wrap}
.author-hero-links a{color:var(--accent, #7f47dd); font-weight:600; font-size:0.9rem; text-decoration:none}
.author-hero-links a:hover{text-decoration:underline}
.author-posts-section{background:#fff; padding:4rem 0 6rem}
.author-posts-section .container{max-width:1200px}
.author-posts-title{display:flex; align-items:center; gap:1rem; flex-wrap:wrap; font-size:1.5rem; font-weight:700; margin:0 0 2.5rem; color:#0a0a0a}
.author-posts-count{background:rgba(127, 71, 221, 0.08); color:var(--accent, #7f47dd); padding:0.3rem 0.85rem; border-radius:999px; font-size:0.85rem; font-weight:600}
.posts-grid.posts-grid-3col{grid-template-columns:repeat(3, 1fr); gap:1.75rem}
.author-empty{text-align:center; padding:4rem 1rem}
.author-empty p{color:var(--muted, #475569); font-size:1.05rem; margin-bottom:1.5rem}
@media (max-width:960px){.posts-grid.posts-grid-3col{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:640px){.posts-grid.posts-grid-3col{grid-template-columns:1fr}
.author-hero{gap:1.5rem}
.author-hero-avatar{width:100px; height:100px}
.author-header{padding:3.5rem 0 2.5rem}
}
.hero-badge-pill{display:inline-flex !important;
align-items:center;
gap:10px;
padding:7px 14px !important;
background:rgba(16, 185, 129, 0.08) !important;
border:1px solid rgba(16, 185, 129, 0.2) !important;
border-radius:100px !important;
color:#047857 !important;
font-size:12px !important;
font-weight:600 !important;
letter-spacing:0.01em !important;
text-transform:none !important}
.hero-badge-dot{display:inline-block;
width:8px;
height:8px;
border-radius:50%;
background:#10b981;
box-shadow:0 0 0 4px rgba(16, 185, 129, 0.15);
animation:hero-dot-pulse 2.5s ease-in-out infinite;
flex-shrink:0}
@keyframes hero-dot-pulse{0%, 100%{box-shadow:0 0 0 4px rgba(16, 185, 129, 0.15)}
50%{box-shadow:0 0 0 6px rgba(16, 185, 129, 0.08)}
}
.results-premium{background:#fafafa !important;
color:#0a0a0a !important;
padding:100px 0 !important}
.results-premium .container{max-width:1100px}
.results-header{display:flex;
align-items:flex-end;
justify-content:space-between;
gap:40px;
flex-wrap:wrap;
margin-bottom:48px}
.results-header > *{flex-shrink:0}
.results-header .section-label,
.section-label-light{display:block;
font-size:11px;
letter-spacing:0.14em;
text-transform:uppercase;
font-weight:600;
color:var(--accent, #7f47dd) !important;
margin-bottom:14px}
.results-header .section-title,
.section-title-light{font-size:clamp(1.75rem, 3.5vw, 2.5rem) !important;
line-height:1.1 !important;
margin:0 !important;
font-weight:700 !important;
letter-spacing:-0.02em !important;
color:#0a0a0a !important}
.results-grid-premium{display:grid;
grid-template-columns:1fr 1fr;
gap:20px}
.result-card-premium{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:16px;
padding:32px;
transition:all 0.25s ease}
.result-card-premium:hover{border-color:#cbd5e1;
transform:translateY(-2px);
box-shadow:0 10px 25px rgba(0, 0, 0, 0.04)}
.result-card-tag{margin:0 0 14px;
font-size:11px;
letter-spacing:0.08em;
text-transform:uppercase;
font-weight:600;
color:var(--accent, #7f47dd)}
.result-card-premium:nth-child(2) .result-card-tag{color:#16a34a}
.result-card-premium:nth-child(3) .result-card-tag{color:#d97706}
.result-card-title{font-size:2.5rem;
line-height:1;
margin:0 0 8px;
font-weight:800;
color:#0a0a0a;
letter-spacing:-0.02em}
.result-card-desc{font-size:0.9rem;
line-height:1.65;
color:#475569;
margin:0 0 16px}
.result-card-metrics{display:grid;
grid-template-columns:repeat(3, 1fr);
gap:12px;
padding-top:16px;
border-top:0.5px solid #e5e7eb}
.result-card-metric strong{display:block;
font-size:1.1rem;
font-weight:700;
color:#0a0a0a;
line-height:1.2}
.result-card-metric span{display:block;
margin-top:2px;
font-size:11px;
color:#64748b;
letter-spacing:0.02em}
.results-footer{text-align:center;
margin-top:32px}
.results-footer a{display:inline-block;
font-size:14px;
color:var(--accent, #7f47dd);
font-weight:600;
text-decoration:none;
padding:12px 22px;
background:rgba(127, 71, 221, 0.06);
border-radius:10px;
transition:background 0.2s}
.results-footer a:hover{background:rgba(127, 71, 221, 0.1)}
.btn-outline-light{display:inline-flex;
align-items:center;
gap:8px;
padding:12px 22px;
background:rgba(127, 71, 221, 0.06);
color:var(--accent, #7f47dd) !important;
border:none;
border-radius:10px;
font-size:14px;
font-weight:600;
text-decoration:none;
transition:background 0.2s}
.btn-outline-light:hover{background:rgba(127, 71, 221, 0.1)}
@media (max-width:768px){.results-grid-premium{grid-template-columns:1fr}
.result-card-premium{padding:24px}
.results-premium{padding:70px 0 !important}
}
.youtube-section{padding:100px 0;
background:#fff;
color:#0a0a0a}
.youtube-section .container{max-width:1100px}
.youtube-header{display:flex;
align-items:flex-end;
justify-content:space-between;
margin-bottom:48px;
gap:40px;
flex-wrap:wrap}
.youtube-header-text{flex:1; min-width:280px}
.youtube-eyebrow{display:inline-flex;
align-items:center;
gap:8px;
padding:6px 14px;
background:rgba(220, 38, 38, 0.08);
border-radius:100px;
margin-bottom:16px;
font-size:11px;
color:#dc2626;
font-weight:700;
letter-spacing:0.08em;
text-transform:uppercase}
.youtube-eyebrow-icon{display:inline-flex;
color:#dc2626}
.youtube-title{font-size:clamp(1.75rem, 3.5vw, 2.5rem);
line-height:1.1;
margin:0;
font-weight:700;
color:#0a0a0a;
letter-spacing:-0.02em}
.btn-outline-dark{display:inline-flex;
align-items:center;
gap:8px;
padding:12px 22px;
background:#f1f5f9;
color:#0a0a0a !important;
border:none;
border-radius:10px;
font-size:14px;
font-weight:500;
text-decoration:none;
transition:background 0.2s}
.btn-outline-dark:hover{background:#e2e8f0}
.youtube-subscribe-btn{white-space:nowrap}
.youtube-grid{display:grid;
grid-template-columns:repeat(3, 1fr);
gap:16px}
.youtube-card{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:16px;
overflow:hidden;
transition:all 0.25s ease}
.youtube-card:hover{border-color:#cbd5e1;
transform:translateY(-3px);
box-shadow:0 12px 30px rgba(0, 0, 0, 0.06)}
.youtube-thumb-wrap{display:block;
aspect-ratio:16/9;
position:relative;
overflow:hidden;
background:#f1f5f9;
text-decoration:none}
.youtube-thumb-img{width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform 0.4s ease}
.youtube-card:hover .youtube-thumb-img{transform:scale(1.04)}
.youtube-featured-badge{position:absolute;
top:10px;
left:10px;
padding:4px 9px;
background:rgba(0, 0, 0, 0.75);
border-radius:5px;
font-size:10px;
font-weight:700;
color:#fff;
letter-spacing:0.06em}
.youtube-latest-badge{position:absolute;
top:10px;
left:10px;
padding:4px 9px;
background:#eb1a37;
border-radius:5px;
font-size:10px;
font-weight:700;
color:#fff;
letter-spacing:0.06em}
.youtube-play-btn{position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
width:48px;
height:48px;
background:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#0a0a0a;
transition:all 0.2s ease;
box-shadow:0 4px 12px rgba(0, 0, 0, 0.15)}
.youtube-card-featured .youtube-play-btn{width:56px;
height:56px;
box-shadow:0 6px 16px rgba(0, 0, 0, 0.2)}
.youtube-card:hover .youtube-play-btn{transform:translate(-50%, -50%) scale(1.08)}
.youtube-duration{position:absolute;
bottom:8px;
right:8px;
padding:3px 7px;
background:rgba(0, 0, 0, 0.75);
border-radius:4px;
font-size:11px;
font-weight:500;
color:#fff}
.youtube-card-body{padding:18px}
.youtube-card-title{font-size:0.95rem;
line-height:1.4;
margin:0 0 6px;
font-weight:700;
color:#0a0a0a}
.youtube-card-meta{font-size:12px;
color:#94a3b8;
margin:0}
@media (max-width:960px){.youtube-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){.youtube-grid{grid-template-columns:1fr}
.youtube-section{padding:70px 0}
.youtube-header{margin-bottom:32px}
}
.linkedin-section{padding:100px 0;
background:#f3f6f9}
.linkedin-section .container{max-width:1100px}
.linkedin-header{display:flex;
align-items:flex-end;
justify-content:space-between;
gap:32px;
margin-bottom:44px;
flex-wrap:wrap}
.linkedin-header-text{flex:1; min-width:280px}
.linkedin-eyebrow{display:inline-flex;
align-items:center;
gap:8px;
background:rgba(10, 102, 194, 0.08);
color:#0a66c2;
padding:5px 12px;
border-radius:20px;
font-size:11px;
font-weight:700;
letter-spacing:0.1em;
margin-bottom:14px}
.linkedin-eyebrow-icon{display:inline-flex}
.linkedin-title{font-size:clamp(28px, 3.6vw, 40px);
line-height:1.15;
font-weight:700;
color:#143162;
margin:0 0 12px 0;
letter-spacing:-0.01em}
.linkedin-subtitle{font-size:17px;
line-height:1.55;
color:#485670;
margin:0;
max-width:620px}
.linkedin-connect-btn{flex-shrink:0;
align-self:flex-end}
.linkedin-grid{display:grid;
grid-template-columns:repeat(3, 1fr);
gap:24px}
.linkedin-card{background:#fff;
border:1px solid #e1e6ec;
border-radius:10px;
overflow:hidden;
box-shadow:0 2px 8px rgba(20, 49, 98, 0.04);
transition:box-shadow 0.2s ease, transform 0.2s ease}
.linkedin-card:hover{box-shadow:0 8px 24px rgba(20, 49, 98, 0.1);
transform:translateY(-2px)}
.linkedin-card iframe{display:block;
width:100%;
border:0;
background:#fff}
.linkedin-cta-row{margin-top:44px;
text-align:center}
.linkedin-cta-btn{display:inline-block}
@media (max-width:960px){.linkedin-grid{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:600px){.linkedin-grid{grid-template-columns:1fr}
.linkedin-section{padding:70px 0}
.linkedin-header{margin-bottom:32px}
.linkedin-connect-btn{align-self:flex-start}
}
.blog-preview-section{padding:100px 0;
background:#fafafa}
.blog-preview-section .container{max-width:1100px}
.blog-preview-header{display:flex;
align-items:flex-end;
justify-content:space-between;
margin-bottom:48px;
gap:40px;
flex-wrap:wrap}
.blog-preview-header-text{flex:1; min-width:280px}
.blog-preview-header-text .section-label{color:var(--accent, #7f47dd);
font-weight:600;
letter-spacing:0.14em;
font-size:11px;
margin-bottom:14px;
display:block;
text-transform:uppercase}
.blog-preview-header-text .section-title{font-size:clamp(1.75rem, 3.5vw, 2.5rem);
line-height:1.1;
margin:0 0 8px;
font-weight:700;
letter-spacing:-0.02em;
color:#0a0a0a}
.blog-preview-header-text .section-subtitle{font-size:1rem;
color:#64748b;
margin:0;
line-height:1.6}
.blog-preview-all-btn{white-space:nowrap}
.blog-preview-grid{display:grid;
grid-template-columns:repeat(3, 1fr);
gap:16px}
.blog-preview-card{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:16px;
overflow:hidden;
transition:all 0.25s ease}
.blog-preview-card:hover{border-color:#cbd5e1;
transform:translateY(-3px);
box-shadow:0 12px 30px rgba(0, 0, 0, 0.06)}
.blog-preview-card-image{display:block;
aspect-ratio:16/10;
position:relative;
overflow:hidden;
background:linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%)}
.blog-preview-card:nth-child(2) .blog-preview-card-image{background:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%)}
.blog-preview-card:nth-child(3) .blog-preview-card-image{background:linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%)}
.blog-preview-card:nth-child(4) .blog-preview-card-image{background:linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%)}
.blog-preview-card:nth-child(5) .blog-preview-card-image{background:linear-gradient(135deg, #e9d5ff 0%, #d8b4fe 100%)}
.blog-preview-card:nth-child(6) .blog-preview-card-image{background:linear-gradient(135deg, #fed7aa 0%, #fdba74 100%)}
.blog-preview-card-image img{width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform 0.4s ease}
.blog-preview-card:hover .blog-preview-card-image img{transform:scale(1.04)}
.blog-preview-placeholder{width:100%;
height:100%;
display:flex;
align-items:flex-end;
padding:18px;
color:rgba(15, 23, 42, 0.6);
font-weight:600;
font-size:12px;
line-height:1.4}
.blog-preview-placeholder span{display:block;
max-width:90%}
.blog-preview-category-pill{position:absolute;
bottom:12px;
left:12px;
display:inline-block;
padding:5px 11px;
background:rgba(255, 255, 255, 0.95);
color:#0a0a0a;
border-radius:100px;
font-size:10px;
font-weight:700;
letter-spacing:0.06em;
text-transform:uppercase}
.blog-preview-card-body{padding:22px}
.blog-preview-meta{margin:0 0 8px;
font-size:11px;
color:#94a3b8;
letter-spacing:0.06em;
font-weight:500}
.blog-preview-card-title{font-size:1rem;
line-height:1.35;
margin:0 0 8px;
font-weight:700}
.blog-preview-card-title a{color:#0a0a0a;
text-decoration:none;
transition:color 0.2s}
.blog-preview-card-title a:hover{color:var(--accent, #7f47dd)}
.blog-preview-card-excerpt{font-size:13px;
color:#64748b;
line-height:1.55;
margin:0 0 14px}
.blog-preview-card-link{font-size:13px;
color:var(--accent, #7f47dd);
font-weight:600;
text-decoration:none}
.blog-preview-card-link:hover{text-decoration:underline}
@media (max-width:960px){.blog-preview-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){.blog-preview-grid{grid-template-columns:1fr}
.blog-preview-section{padding:70px 0}
.blog-preview-header{margin-bottom:32px}
}
.final-cta{padding:100px 0;
background:#fff;
color:#0a0a0a;
text-align:center}
.final-cta-inner{max-width:600px;
margin:0 auto;
padding:0 1rem}
.final-cta-eyebrow{display:inline-block;
margin-bottom:22px;
font-size:11px;
letter-spacing:0.14em;
text-transform:uppercase;
font-weight:600;
color:var(--accent, #7f47dd)}
.final-cta-title{font-size:clamp(2rem, 4.5vw, 3rem);
line-height:1.1;
margin:0 0 20px;
font-weight:800;
letter-spacing:-0.025em;
color:#0a0a0a}
.final-cta-accent{color:var(--accent, #7f47dd)}
.final-cta-subtitle{font-size:1rem;
line-height:1.65;
color:#64748b;
margin:0 0 36px}
.final-cta-btn{padding:16px 30px !important;
font-size:15px !important;
font-weight:600 !important}
@media (max-width:600px){.final-cta{padding:70px 0}
}
.hero-grid:not(:has(.hero-features)){grid-template-columns:1.1fr 1fr;
gap:4rem;
max-width:1100px;
margin:0 auto}
.hero-grid:not(:has(.hero-features)) .hero-content{grid-column:1}
.hero-grid:not(:has(.hero-features)) .hero-image{grid-column:2}
@supports not selector(:has(*)){.hero-grid{grid-template-columns:1.1fr 1fr; gap:4rem; max-width:1100px; margin:0 auto}
.hero-image{grid-column:2}
.hero-features{display:none}
}
@media (max-width:768px){.hero-grid:not(:has(.hero-features)){grid-template-columns:1fr; gap:2rem}
}
.hero{background:linear-gradient(135deg, #143162 0%, #1a1f4e 100%) !important;
position:relative;
overflow:hidden}
.hero::before{content:'';
position:absolute;
top:-200px;
right:-150px;
width:700px;
height:700px;
background:radial-gradient(circle, rgba(127, 71, 221, 0.22) 0%, transparent 70%);
pointer-events:none;
z-index:0}
.hero::after{content:'';
position:absolute;
bottom:-150px;
left:-100px;
width:500px;
height:500px;
background:radial-gradient(circle, rgba(127, 71, 221, 0.12) 0%, transparent 70%);
pointer-events:none;
z-index:0}
.hero .container{position:relative; z-index:1}
.hero h1 span{background:linear-gradient(120deg, #c4b5fd 0%, #a78bfa 50%, #7f47dd 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
color:transparent !important}
.hero-text{color:rgba(255, 255, 255, 0.7)}
.final-cta{background:linear-gradient(135deg, #7f47dd 0%, #5b21b6 100%) !important;
color:#fff !important;
position:relative;
overflow:hidden}
.final-cta::before{content:'';
position:absolute;
top:-100px;
right:-100px;
width:400px;
height:400px;
background:radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
pointer-events:none}
.final-cta::after{content:'';
position:absolute;
bottom:-150px;
left:-100px;
width:500px;
height:500px;
background:radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%);
pointer-events:none}
.final-cta-inner{position:relative; z-index:1}
.final-cta-eyebrow{color:#e9d5ff !important}
.final-cta-title{color:#fff !important}
.final-cta-accent{color:#fff !important}
.final-cta-subtitle{color:#e9d5ff !important}
.final-cta-btn{background:#fff !important;
color:#7f47dd !important;
border:none !important;
box-shadow:0 8px 24px rgba(0, 0, 0, 0.15) !important}
.final-cta-btn:hover{background:#f3e8ff !important;
transform:translateY(-2px)}
.youtube-eyebrow{background:rgba(235, 26, 55, 0.08) !important;
color:#eb1a37 !important}
.youtube-eyebrow-icon{color:#eb1a37 !important}
.youtube-card:nth-child(1) .youtube-thumb-wrap{background:linear-gradient(135deg, #143162 0%, #1e3a8a 100%)}
.youtube-card:nth-child(2) .youtube-thumb-wrap{background:linear-gradient(135deg, #7f47dd 0%, #5b21b6 100%)}
.youtube-card:nth-child(3) .youtube-thumb-wrap{background:linear-gradient(135deg, #6e0211 0%, #991b1b 100%)}
.blog-preview-card:nth-child(1) .blog-preview-card-image{background:linear-gradient(135deg, #ede9fe 0%, #c4b5fd 100%)}
.service-icon-bg-1{background:#f3e8ff !important; color:#7f47dd !important}
.result-card-premium:nth-child(1) .result-card-tag{color:#7f47dd !important}
.video-testimonials-section{padding:100px 0;
background:#fff;
color:#0a0a0a}
.video-testimonials-section .container{max-width:1100px}
.video-testimonials-header{text-align:center;
margin-bottom:48px;
max-width:640px;
margin-left:auto;
margin-right:auto}
.video-testimonials-header .section-label{color:var(--brand-purple, #7f47dd);
font-weight:700;
letter-spacing:0.14em;
font-size:11px;
text-transform:uppercase;
display:block;
margin-bottom:14px}
.video-testimonials-header .section-title{font-size:clamp(1.75rem, 3.5vw, 2.5rem);
line-height:1.1;
margin:0 0 12px;
font-weight:700;
letter-spacing:-0.02em;
color:#0a0a0a}
.video-testimonials-header .section-subtitle{font-size:1rem;
color:#64748b;
margin:0;
line-height:1.6}
.video-testimonials-grid{display:grid;
grid-template-columns:repeat(3, 1fr);
gap:20px}
.video-testimonial-card{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:16px;
overflow:hidden;
transition:all 0.25s ease}
.video-testimonial-card:hover{border-color:var(--brand-purple, #7f47dd);
transform:translateY(-3px);
box-shadow:0 12px 30px rgba(127, 71, 221, 0.12)}
.video-testimonial-thumb{display:block;
width:100%;
aspect-ratio:9/12;
position:relative;
overflow:hidden;
background:#f1f5f9;
border:0;
padding:0;
cursor:pointer}
.video-testimonial-thumb img{width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform 0.4s ease}
.video-testimonial-card:hover .video-testimonial-thumb img{transform:scale(1.04)}
.video-testimonial-thumb::after{content:'';
position:absolute;
inset:0;
background:linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.4) 100%);
pointer-events:none}
.video-testimonial-play{position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
width:64px;
height:64px;
background:rgba(255, 255, 255, 0.95);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:var(--brand-purple, #7f47dd);
transition:all 0.2s ease;
box-shadow:0 8px 24px rgba(0, 0, 0, 0.25);
z-index:2}
.video-testimonial-card:hover .video-testimonial-play{background:#fff;
transform:translate(-50%, -50%) scale(1.08)}
.video-testimonial-body{padding:24px}
.video-testimonial-quote{font-size:0.95rem;
line-height:1.5;
color:#0a0a0a;
font-weight:500;
margin:0 0 14px}
.video-testimonial-author{display:flex;
flex-direction:column;
gap:2px;
padding-top:14px;
border-top:0.5px solid #e5e7eb}
.video-testimonial-author strong{font-size:14px;
font-weight:700;
color:#0a0a0a}
.video-testimonial-author span{font-size:12px;
color:#64748b}
@media (max-width:960px){.video-testimonials-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){.video-testimonials-grid{grid-template-columns:1fr}
.video-testimonials-section{padding:70px 0}
.video-testimonial-thumb{aspect-ratio:16/10}
}
button.youtube-thumb-wrap,
button.js-video-trigger{border:0;
padding:0;
cursor:pointer;
width:100%;
text-align:left;
background:#f1f5f9;
display:block;
position:relative;
overflow:hidden}
button.js-video-trigger:hover{opacity:0.95}
.js-video-trigger.is-playing{cursor:default;
background:#000}
.js-video-trigger.is-playing:hover{opacity:1}
.jw-video-iframe,
iframe.jw-video-iframe{position:absolute;
inset:0;
width:100%;
height:100%;
border:0;
display:block;
background:#000}
.about-page-v2{display:block}
.about-page-v2 .container{max-width:1100px}
.about-page-v2 .ap-eyebrow{font-size:11px;
letter-spacing:0.14em;
text-transform:uppercase;
font-weight:700;
color:var(--brand-purple, #7f47dd);
margin:0 0 14px;
display:block}
.about-page-v2 .ap-section-title{font-size:clamp(1.75rem, 3.8vw, 2.5rem);
line-height:1.15;
font-weight:700;
letter-spacing:-0.02em;
color:#0a0a0a;
margin:0 0 16px}
.about-page-v2 .ap-section-subtitle{font-size:1rem;
color:#64748b;
line-height:1.65;
margin:0}
.ap-hero{background:linear-gradient(135deg, #143162 0%, #1a1f4e 100%);
color:#fff;
padding:100px 0 90px;
position:relative;
overflow:hidden}
.ap-hero::before{content:'';
position:absolute;
top:-150px;
right:-100px;
width:600px;
height:600px;
background:radial-gradient(circle, rgba(127, 71, 221, 0.25) 0%, transparent 70%);
pointer-events:none}
.ap-hero .container{position:relative; z-index:1}
.ap-hero-grid{display:grid;
grid-template-columns:1fr 1.2fr;
gap:60px;
align-items:center}
.ap-hero-eyebrow{font-size:11px;
letter-spacing:0.14em;
text-transform:uppercase;
font-weight:700;
color:#a78bfa;
margin:0 0 16px}
.ap-hero-title{font-size:clamp(2rem, 4.5vw, 3.25rem);
line-height:1.05;
margin:0 0 22px;
font-weight:800;
letter-spacing:-0.02em;
color:#fff}
.ap-hero-subtitle{font-size:1.05rem;
line-height:1.65;
color:#c4b5fd;
margin:0 0 32px;
max-width:460px}
.ap-hero-buttons{display:flex;
gap:12px;
flex-wrap:wrap;
align-items:center}
.ap-btn-primary{display:inline-flex;
align-items:center;
gap:8px;
padding:14px 24px !important;
font-size:14px;
font-weight:600}
.ap-btn-light{display:inline-flex;
align-items:center;
gap:8px;
padding:13px 22px;
background:rgba(255, 255, 255, 0.08);
color:#fff;
border:1px solid rgba(255, 255, 255, 0.2);
border-radius:10px;
font-size:14px;
font-weight:500;
text-decoration:none;
transition:all 0.2s ease}
.ap-btn-light:hover{background:rgba(255, 255, 255, 0.15);
border-color:rgba(255, 255, 255, 0.35)}
.ap-hero-media-inner{position:relative;
aspect-ratio:16/10;
background:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
border-radius:18px;
overflow:hidden;
border:1px solid rgba(255, 255, 255, 0.08);
width:100%;
padding:0;
cursor:pointer}
button.ap-hero-media-inner{border:1px solid rgba(255, 255, 255, 0.08)}
.ap-hero-media-inner img{width:100%;
height:100%;
object-fit:cover;
display:block}
.ap-hero-media-inner::after{content:'';
position:absolute;
inset:0;
background:linear-gradient(180deg, transparent 30%, rgba(0,0,0,0.4) 100%);
pointer-events:none}
.ap-hero-media-placeholder{background:linear-gradient(135deg, #1e293b 0%, #0f172a 100%)}
.ap-hero-play{position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
width:72px;
height:72px;
background:rgba(255, 255, 255, 0.95);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:var(--brand-purple, #7f47dd);
box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);
z-index:2;
transition:transform 0.2s ease}
button.ap-hero-media-inner:hover .ap-hero-play{transform:translate(-50%, -50%) scale(1.06)}
.ap-hero-video-label{position:absolute;
bottom:14px;
left:14px;
background:rgba(0, 0, 0, 0.7);
color:#fff;
padding:5px 11px;
border-radius:6px;
font-size:11px;
font-weight:500;
z-index:2}
@media (max-width:900px){.ap-hero{padding:80px 0 60px}
.ap-hero-grid{grid-template-columns:1fr; gap:40px}
}
.ap-quote{padding:80px 0;
color:#fff;
text-align:center;
position:relative;
overflow:hidden}
.ap-quote-purple{background:linear-gradient(135deg, #7f47dd 0%, #5b21b6 100%)}
.ap-quote-navy{background:linear-gradient(135deg, #1a1f4e 0%, #143162 100%)}
.ap-quote-navy::before{content:'';
position:absolute;
top:-80px;
right:-50px;
width:350px;
height:350px;
background:radial-gradient(circle, rgba(127, 71, 221, 0.18) 0%, transparent 70%);
pointer-events:none}
.ap-quote .container{position:relative; z-index:1}
.ap-quote-text{font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;
font-size:clamp(1.5rem, 3.5vw, 2.5rem);
line-height:1.25;
margin:0 auto;
max-width:820px;
font-weight:400;
font-style:italic;
color:#fff}
.ap-quote-attribution{margin:24px 0 0;
font-size:12px;
letter-spacing:0.12em;
text-transform:uppercase;
font-weight:600}
.ap-quote-purple .ap-quote-attribution{color:#e9d5ff}
.ap-quote-navy .ap-quote-attribution{color:#c4b5fd}
.ap-story{padding:100px 0;
background:#fff}
.ap-story-grid{display:grid;
grid-template-columns:1.2fr 1fr;
gap:60px;
align-items:start}
.ap-story-para{font-size:1rem;
line-height:1.75;
color:#475569;
margin:0 0 16px}
.ap-story-para:last-child{margin-bottom:0}
.ap-story-photos{display:grid;
grid-template-columns:1fr 1fr;
gap:12px}
.ap-story-photo{aspect-ratio:3/4;
border-radius:14px;
overflow:hidden;
background:#f1f5f9;
position:relative}
.ap-story-photo-1{background:linear-gradient(135deg, #ede9fe 0%, #c4b5fd 100%)}
.ap-story-photo-2{background:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); margin-top:24px}
.ap-story-photo-3{background:linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%)}
.ap-story-photo-4{background:linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%); margin-top:24px}
.ap-story-photo img{width:100%;
height:100%;
object-fit:cover;
display:block}
.ap-story-photo-placeholder{width:100%;
height:100%;
display:flex;
align-items:end;
padding:12px;
font-size:11px;
font-weight:600;
color:rgba(15, 23, 42, 0.5)}
@media (max-width:900px){.ap-story-grid{grid-template-columns:1fr; gap:40px}
.ap-story{padding:70px 0}
}
.ap-journey{padding:100px 0;
background:#fafafa}
.ap-journey-header{text-align:center;
max-width:600px;
margin:0 auto 56px}
.ap-journey-timeline{position:relative;
padding:32px 0;
display:grid;
grid-template-columns:repeat(var(--count, 5), 1fr);
gap:12px}
.ap-journey-line{position:absolute;
left:5%;
right:5%;
top:50%;
height:2px;
background:linear-gradient(90deg, rgba(127, 71, 221, 0) 0%, #7f47dd 15%, #7f47dd 85%, rgba(127, 71, 221, 0) 100%);
transform:translateY(-50%)}
.ap-journey-step{text-align:center;
position:relative;
padding:0 4px}
.ap-journey-year{margin:0 0 16px;
font-size:14px;
color:var(--brand-purple, #7f47dd);
font-weight:700;
letter-spacing:0.02em}
.ap-journey-dot{display:block;
width:16px;
height:16px;
background:var(--brand-purple, #7f47dd);
border-radius:50%;
margin:0 auto 16px;
box-shadow:0 0 0 5px rgba(127, 71, 221, 0.15);
position:relative;
z-index:1}
.ap-journey-step.is-current .ap-journey-dot{background:#fff;
border:3px solid var(--brand-purple, #7f47dd);
box-shadow:0 0 0 5px rgba(127, 71, 221, 0.15), 0 0 20px rgba(127, 71, 221, 0.3);
animation:ap-journey-pulse 2s ease-in-out infinite}
@keyframes ap-journey-pulse{0%, 100%{box-shadow:0 0 0 5px rgba(127, 71, 221, 0.15), 0 0 20px rgba(127, 71, 221, 0.3)}
50%{box-shadow:0 0 0 8px rgba(127, 71, 221, 0.1), 0 0 30px rgba(127, 71, 221, 0.5)}
}
.ap-journey-title{margin:0 0 4px;
font-size:14px;
font-weight:700;
color:#0a0a0a;
line-height:1.3}
.ap-journey-desc{margin:0;
font-size:12px;
color:#64748b;
line-height:1.5}
@media (max-width:900px){.ap-journey-timeline{grid-template-columns:1fr;
gap:32px}
.ap-journey-line{left:50%;
right:auto;
top:5%;
bottom:5%;
width:2px;
height:auto;
background:linear-gradient(180deg, rgba(127, 71, 221, 0) 0%, #7f47dd 10%, #7f47dd 90%, rgba(127, 71, 221, 0) 100%);
transform:translateX(-50%)}
.ap-journey{padding:70px 0}
}
.ap-products{padding:100px 0;
background:#fff}
.ap-products-header{margin:0 0 40px}
.ap-products-grid{display:grid;
grid-template-columns:1fr 1fr;
gap:20px}
.ap-product-card{display:block;
background:#fff;
border:0.5px solid #e5e7eb;
border-radius:16px;
overflow:hidden;
transition:all 0.25s ease;
text-decoration:none;
color:inherit}
.ap-product-card:hover{border-color:var(--brand-purple, #7f47dd);
transform:translateY(-3px);
box-shadow:0 12px 30px rgba(127, 71, 221, 0.12)}
.ap-product-image{aspect-ratio:16/10;
position:relative;
overflow:hidden;
background:#f1f5f9;
display:flex;
align-items:center;
justify-content:center}
.ap-product-card-1 .ap-product-image{background:linear-gradient(135deg, #ede9fe 0%, #c4b5fd 100%)}
.ap-product-card-2 .ap-product-image{background:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%)}
.ap-product-card-3 .ap-product-image{background:linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%)}
.ap-product-card-4 .ap-product-image{background:linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%)}
.ap-product-image img{width:100%;
height:100%;
object-fit:cover;
display:block}
.ap-product-image-placeholder{font-size:13px;
font-weight:600;
color:rgba(15, 23, 42, 0.5);
padding:12px 20px}
.ap-product-body{padding:22px}
.ap-product-name{font-size:1.1rem;
font-weight:700;
margin:0 0 8px;
color:#0a0a0a}
.ap-product-desc{font-size:13px;
color:#64748b;
line-height:1.6;
margin:0}
@media (max-width:700px){.ap-products-grid{grid-template-columns:1fr}
.ap-products{padding:70px 0}
}
.ap-clients{padding:100px 0;
background:#fafafa}
.ap-clients-header{text-align:center;
max-width:600px;
margin:0 auto 48px}
.ap-clients-grid{display:grid;
grid-template-columns:repeat(5, 1fr);
gap:14px}
.ap-client-card{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:14px;
padding:22px 16px;
text-align:center;
transition:all 0.2s ease}
.ap-client-card:hover{border-color:#cbd5e1;
transform:translateY(-2px)}
.ap-client-logo{width:56px;
height:56px;
border-radius:12px;
margin:0 auto 12px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden}
.ap-client-card-1 .ap-client-logo{background:linear-gradient(135deg, #ede9fe 0%, #c4b5fd 100%)}
.ap-client-card-2 .ap-client-logo{background:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%)}
.ap-client-card-3 .ap-client-logo{background:linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%)}
.ap-client-card-4 .ap-client-logo{background:linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%)}
.ap-client-card-5 .ap-client-logo{background:linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%)}
.ap-client-logo img{width:100%;
height:100%;
object-fit:contain;
padding:8px}
.ap-client-name{margin:0 0 4px;
font-size:13px;
font-weight:700;
color:#0a0a0a;
line-height:1.3}
.ap-client-caption{margin:0;
font-size:11px;
color:#64748b}
@media (max-width:900px){.ap-clients-grid{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:500px){.ap-clients-grid{grid-template-columns:1fr 1fr}
.ap-clients{padding:70px 0}
}
.ap-bts{padding:100px 0;
background:#fff}
.ap-bts-header{margin:0 0 40px;
max-width:700px}
.ap-bts-grid{display:grid;
grid-template-columns:repeat(3, 1fr);
gap:16px}
.ap-bts-card{display:block}
.ap-bts-image{aspect-ratio:4/3;
border-radius:14px;
overflow:hidden;
margin-bottom:12px}
.ap-bts-card-1 .ap-bts-image{background:linear-gradient(135deg, #ddd6fe 0%, #a78bfa 100%)}
.ap-bts-card-2 .ap-bts-image{background:linear-gradient(135deg, #fde68a 0%, #fcd34d 100%)}
.ap-bts-card-3 .ap-bts-image{background:linear-gradient(135deg, #fbcfe8 0%, #f472b6 100%)}
.ap-bts-image img{width:100%;
height:100%;
object-fit:cover;
display:block}
.ap-bts-caption{margin:0;
font-size:13px;
color:#475569;
line-height:1.5}
@media (max-width:900px){.ap-bts-grid{grid-template-columns:1fr; gap:24px}
.ap-bts{padding:70px 0}
}
.ap-honesty{padding:80px 0;
background:#fafafa}
.ap-honesty-card{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:22px;
padding:40px;
display:grid;
grid-template-columns:auto 1fr;
gap:32px;
align-items:start}
.ap-honesty-icon{width:76px;
height:76px;
background:rgba(127, 71, 221, 0.08);
border-radius:16px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0}
.ap-honesty-icon i{font-size:38px;
color:var(--brand-purple, #7f47dd)}
.ap-honesty-title{font-size:1.4rem;
font-weight:700;
margin:0 0 16px;
line-height:1.25;
color:#0a0a0a}
.ap-honesty-body{font-size:0.95rem;
color:#475569;
line-height:1.7;
margin:0}
@media (max-width:700px){.ap-honesty-card{grid-template-columns:1fr;
gap:20px;
padding:28px}
.ap-honesty-icon{width:60px; height:60px}
.ap-honesty-icon i{font-size:28px}
}
.ap-credentials{padding:100px 0;
background:#fff}
.ap-credentials-header{text-align:center;
max-width:600px;
margin:0 auto 40px}
.ap-credentials-grid{display:grid;
grid-template-columns:repeat(4, 1fr);
gap:14px}
.ap-cred-card{background:#fafafa;
border:0.5px solid #e5e7eb;
border-radius:14px;
padding:26px;
transition:all 0.25s ease}
.ap-cred-card:hover{border-color:#cbd5e1;
transform:translateY(-3px);
box-shadow:0 10px 25px rgba(0, 0, 0, 0.04)}
.ap-cred-icon{width:44px;
height:44px;
border-radius:11px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:16px}
.ap-cred-icon i{font-size:22px}
.ap-cred-icon-purple{background:#f3e8ff; color:#7f47dd}
.ap-cred-icon-amber{background:#fef3c7; color:#d97706}
.ap-cred-icon-pink{background:#fce7f3; color:#db2777}
.ap-cred-icon-green{background:#d1fae5; color:#16a34a}
.ap-cred-icon-blue{background:#dbeafe; color:#2563EB}
.ap-cred-title{margin:0 0 6px;
font-size:14px;
font-weight:700;
color:#0a0a0a}
.ap-cred-desc{margin:0;
font-size:13px;
color:#64748b;
line-height:1.55}
@media (max-width:900px){.ap-credentials-grid{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:480px){.ap-credentials-grid{grid-template-columns:1fr}
.ap-credentials{padding:70px 0}
}
.about-final-cta{padding:100px 0}
@media (max-width:700px){.about-final-cta{padding:70px 0}
}
.ap-deep-dive{padding:100px 0;
background:#fafafa}
.ap-deep-dive-container{max-width:760px !important}
.ap-deep-dive-header{margin:0 0 40px;
text-align:center}
.ap-deep-dive-content{font-size:1.05rem;
line-height:1.8;
color:#334155}
.ap-deep-dive-content > * + *{margin-top:1.2rem}
.ap-deep-dive-content p{margin:0 0 1.2rem}
.ap-deep-dive-content p:last-child{margin-bottom:0}
.ap-deep-dive-content h2{font-size:1.6rem;
font-weight:700;
color:#0a0a0a;
margin:2.5rem 0 1rem;
letter-spacing:-0.01em;
line-height:1.25}
.ap-deep-dive-content h3{font-size:1.25rem;
font-weight:700;
color:#0a0a0a;
margin:2rem 0 0.75rem;
line-height:1.3}
.ap-deep-dive-content h4{font-size:1.05rem;
font-weight:700;
color:#0a0a0a;
margin:1.5rem 0 0.5rem}
.ap-deep-dive-content a{color:var(--brand-purple, #7f47dd);
text-decoration:underline;
text-decoration-thickness:1px;
text-underline-offset:3px}
.ap-deep-dive-content a:hover{text-decoration-thickness:2px}
.ap-deep-dive-content ul,
.ap-deep-dive-content ol{padding-left:1.5rem;
margin:0 0 1.5rem}
.ap-deep-dive-content ul li,
.ap-deep-dive-content ol li{margin-bottom:0.6rem;
line-height:1.7;
list-style:disc}
.ap-deep-dive-content ol li{list-style:decimal}
.ap-deep-dive-content strong{font-weight:700; color:#0a0a0a}
.ap-deep-dive-content em{font-style:italic}
.ap-deep-dive-content blockquote{border-left:3px solid var(--brand-purple, #7f47dd);
padding:0.5rem 0 0.5rem 1.5rem;
margin:1.5rem 0;
font-style:italic;
color:#475569}
.ap-deep-dive-content code{background:#f3e8ff;
color:#5b21b6;
padding:0.15rem 0.45rem;
border-radius:4px;
font-size:0.9em}
.ap-deep-dive-content hr{border:0;
border-top:0.5px solid #e5e7eb;
margin:2rem 0}
.ap-deep-dive-content img{max-width:100%;
height:auto;
border-radius:12px;
margin:1.5rem 0}
@media (max-width:700px){.ap-deep-dive{padding:70px 0}
}
.ap-client-initials{font-size:18px;
font-weight:800;
color:rgba(15, 23, 42, 0.6);
letter-spacing:-0.02em}
.service-page-v2{display:block}
.service-page-v2 .container{max-width:1100px}
.service-page-v2 .sv-eyebrow{font-size:11px;
letter-spacing:0.14em;
text-transform:uppercase;
font-weight:700;
color:var(--brand-purple, #7f47dd);
margin:0 0 14px;
display:block}
.service-page-v2 .sv-section-title{font-size:clamp(1.6rem, 3.5vw, 2.25rem);
line-height:1.15;
font-weight:700;
letter-spacing:-0.02em;
color:#0a0a0a;
margin:0 0 16px}
.service-page-v2 .sv-section-subtitle{font-size:1rem;
color:#64748b;
line-height:1.65;
margin:0}
.sv-image-placeholder{width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
font-size:12px;
color:rgba(15, 23, 42, 0.5);
font-weight:600}
.sv-hero{background:linear-gradient(135deg, #143162 0%, #1a1f4e 100%);
color:#fff;
padding:80px 0;
position:relative;
overflow:hidden}
.sv-hero::before{content:'';
position:absolute;
top:-150px;
right:-100px;
width:500px;
height:500px;
background:radial-gradient(circle, rgba(127, 71, 221, 0.25) 0%, transparent 70%);
pointer-events:none}
.sv-hero .container{position:relative; z-index:1}
.sv-breadcrumb{display:flex;
align-items:center;
gap:8px;
font-size:12px;
margin-bottom:24px}
.sv-breadcrumb a{color:#a78bfa; text-decoration:none}
.sv-breadcrumb a:hover{color:#c4b5fd}
.sv-breadcrumb span[aria-hidden]{color:rgba(255, 255, 255, 0.4)}
.sv-breadcrumb > span:not([aria-hidden]){color:rgba(255, 255, 255, 0.6)}
.sv-hero-grid{display:grid;
grid-template-columns:1.1fr 1fr;
gap:56px;
align-items:center}
.sv-hero-pill{display:inline-flex;
align-items:center;
gap:8px;
padding:6px 14px;
background:rgba(127, 71, 221, 0.18);
border:1px solid rgba(127, 71, 221, 0.35);
border-radius:100px;
margin-bottom:20px;
font-size:12px;
color:#c4b5fd;
font-weight:600;
letter-spacing:0.02em}
.sv-hero-pill i{font-size:14px; color:#c4b5fd}
.sv-hero-title{font-size:clamp(2rem, 4.2vw, 3rem);
line-height:1.05;
margin:0 0 20px;
font-weight:800;
letter-spacing:-0.02em;
color:#fff}
.sv-hero-accent{display:block;
color:#c4b5fd;
font-size:clamp(1.1rem, 1.6vw, 1.35rem);
line-height:1.45;
font-weight:500;
margin:0 0 1.5rem;
max-width:580px}
.sv-hero-subtitle{font-size:1.05rem;
line-height:1.6;
color:#c4b5fd;
margin:0 0 28px;
max-width:460px}
.sv-hero-buttons{display:flex;
gap:12px;
flex-wrap:wrap;
align-items:center;
margin-bottom:28px}
.sv-btn-primary{display:inline-flex;
align-items:center;
gap:8px;
padding:14px 24px !important;
font-size:14px;
font-weight:600}
.sv-btn-light{display:inline-flex;
align-items:center;
gap:8px;
padding:13px 22px;
background:rgba(255, 255, 255, 0.08);
color:#fff;
border:1px solid rgba(255, 255, 255, 0.2);
border-radius:10px;
font-size:14px;
font-weight:500;
text-decoration:none;
transition:all 0.2s ease}
.sv-btn-light:hover{background:rgba(255, 255, 255, 0.15);
border-color:rgba(255, 255, 255, 0.35)}
.sv-hero-stats{display:flex;
gap:24px;
padding-top:24px;
border-top:1px solid rgba(255, 255, 255, 0.1);
flex-wrap:wrap}
.sv-hero-stat-val{margin:0;
font-size:1.5rem;
font-weight:700;
color:#fff;
line-height:1.1}
.sv-hero-stat-lbl{margin:4px 0 0;
font-size:11px;
color:#94a3b8;
letter-spacing:0.02em}
.sv-hero-media-inner{position:relative;
aspect-ratio:4/3;
background:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
border-radius:16px;
overflow:hidden;
border:1px solid rgba(255, 255, 255, 0.08);
display:flex;
align-items:center;
justify-content:center;
width:100%;
padding:0;
cursor:pointer}
.sv-hero-media-inner img{width:100%;
height:100%;
object-fit:cover;
display:block}
.sv-hero-play{position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
width:64px;
height:64px;
background:rgba(255, 255, 255, 0.95);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:var(--brand-purple, #7f47dd);
box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);
z-index:2;
transition:transform 0.2s ease}
button.sv-hero-media-inner:hover .sv-hero-play{transform:translate(-50%, -50%) scale(1.06)}
@media (max-width:900px){.sv-hero{padding:60px 0}
.sv-hero-grid{grid-template-columns:1fr; gap:40px}
}
.sv-problem{padding:80px 0; background:#fafafa}
.sv-problem-grid{display:grid;
grid-template-columns:1fr 1.2fr;
gap:56px;
align-items:start}
.sv-pain-list{display:grid; gap:12px}
.sv-pain-card{display:flex;
gap:16px;
padding:18px;
background:#fff;
border:0.5px solid #e5e7eb;
border-radius:12px;
align-items:start}
.sv-pain-icon{width:36px;
height:36px;
background:#fee2e2;
border-radius:10px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0}
.sv-pain-icon i{font-size:18px; color:#dc2626}
.sv-pain-title{margin:0 0 4px; font-size:14px; font-weight:700; color:#0a0a0a}
.sv-pain-desc{margin:0; font-size:13px; color:#64748b; line-height:1.55}
@media (max-width:900px){.sv-problem-grid{grid-template-columns:1fr; gap:32px} .sv-problem{padding:60px 0} }
.sv-solution{padding:80px 0; background:#fff}
.sv-solution-grid{display:grid;
grid-template-columns:1.2fr 1fr;
gap:56px;
align-items:center}
.sv-solution-image{aspect-ratio:4/3;
background:linear-gradient(135deg, #ede9fe 0%, #c4b5fd 100%);
border-radius:16px;
overflow:hidden}
.sv-solution-image img{width:100%; height:100%; object-fit:cover; display:block}
.sv-solution-para{font-size:1rem;
color:#475569;
line-height:1.7;
margin:0 0 16px}
.sv-solution-para:last-child{margin-bottom:0}
.sv-solution-no-image .sv-solution-grid{grid-template-columns:1fr;
max-width:760px;
margin:0 auto}
@media (max-width:900px){.sv-solution-grid{grid-template-columns:1fr; gap:32px} .sv-solution{padding:60px 0} }
.sv-included{padding:80px 0; background:#fafafa}
.sv-included-header{text-align:center; max-width:600px; margin:0 auto 48px}
.sv-included-grid{display:grid;
grid-template-columns:1fr 1fr;
gap:14px}
.sv-inc-card{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:14px;
padding:24px;
display:flex;
gap:14px;
align-items:start;
transition:all 0.2s ease}
.sv-inc-card:hover{border-color:#cbd5e1;
transform:translateY(-2px)}
.sv-inc-icon{width:36px;
height:36px;
background:#d1fae5;
border-radius:10px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0}
.sv-inc-icon i{font-size:20px; color:#16a34a}
.sv-inc-title{margin:0 0 4px; font-size:14px; font-weight:700; color:#0a0a0a}
.sv-inc-desc{margin:0; font-size:13px; color:#64748b; line-height:1.55}
@media (max-width:700px){.sv-included-grid{grid-template-columns:1fr} .sv-included{padding:60px 0} }
.sv-process{padding:80px 0; background:#fff}
.sv-process-header{margin:0 0 40px}
.sv-process-grid{display:grid;
grid-template-columns:repeat(var(--count, 4), 1fr);
gap:14px}
.sv-step-card{background:#fafafa;
border:0.5px solid #e5e7eb;
border-radius:14px;
padding:22px}
.sv-step-head{display:flex;
align-items:center;
gap:10px;
margin-bottom:14px}
.sv-step-num{background:var(--brand-purple, #7f47dd);
color:#fff;
width:26px;
height:26px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:12px;
font-weight:700}
.sv-step-time{font-size:11px;
color:var(--brand-purple, #7f47dd);
font-weight:700;
letter-spacing:0.06em;
text-transform:uppercase}
.sv-step-title{margin:0 0 6px; font-size:14px; font-weight:700; color:#0a0a0a}
.sv-step-desc{margin:0; font-size:12px; color:#64748b; line-height:1.55}
@media (max-width:900px){.sv-process-grid{grid-template-columns:1fr 1fr} }
@media (max-width:500px){.sv-process-grid{grid-template-columns:1fr} .sv-process{padding:60px 0} }
.sv-example{padding:80px 0; background:#fafafa}
.sv-example-card{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:20px;
padding:40px;
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center}
.sv-example-title{font-size:1.5rem;
line-height:1.2;
margin:0 0 14px;
font-weight:700;
color:#0a0a0a;
letter-spacing:-0.01em}
.sv-example-body{font-size:14px;
color:#64748b;
line-height:1.65;
margin:0 0 24px}
.sv-example-metrics{display:flex;
gap:24px;
padding-bottom:24px;
border-bottom:0.5px solid #e5e7eb;
margin-bottom:24px;
flex-wrap:wrap}
.sv-example-metrics > div strong{display:block;
font-size:1.65rem;
font-weight:800;
color:var(--brand-purple, #7f47dd);
line-height:1;
margin-bottom:4px}
.sv-example-metrics > div span{font-size:11px;
color:#64748b}
.sv-example-link{font-size:13px;
color:var(--brand-purple, #7f47dd);
font-weight:700;
text-decoration:none}
.sv-example-link:hover{text-decoration:underline}
.sv-example-image{aspect-ratio:4/3;
background:linear-gradient(135deg, #ede9fe 0%, #c4b5fd 100%);
border-radius:14px;
overflow:hidden}
.sv-example-image img{width:100%; height:100%; object-fit:cover; display:block}
.sv-example-no-image .sv-example-card{grid-template-columns:1fr;
max-width:760px;
margin:0 auto}
@media (max-width:900px){.sv-example-card{grid-template-columns:1fr; gap:28px; padding:28px}
.sv-example{padding:60px 0}
}
.sv-pricing{padding:80px 0; background:#fff}
.sv-pricing-header{text-align:center;
max-width:600px;
margin:0 auto 48px}
.sv-pricing-grid{display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:14px}
.sv-tier-card{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:16px;
padding:28px;
position:relative;
transition:all 0.2s ease}
.sv-tier-card:hover{border-color:#cbd5e1;
transform:translateY(-3px)}
.sv-tier-card-featured{border:2px solid var(--brand-purple, #7f47dd);
box-shadow:0 12px 30px rgba(127, 71, 221, 0.12)}
.sv-tier-badge{position:absolute;
top:-10px;
left:50%;
transform:translateX(-50%);
background:var(--brand-purple, #7f47dd);
color:#fff;
font-size:10px;
font-weight:700;
padding:4px 12px;
border-radius:100px;
letter-spacing:0.06em}
.sv-tier-name{margin:0 0 10px;
font-size:11px;
letter-spacing:0.08em;
text-transform:uppercase;
font-weight:700;
color:#94a3b8}
.sv-tier-card-featured .sv-tier-name{color:var(--brand-purple, #7f47dd)}
.sv-tier-price{margin:0;
font-size:1.65rem;
font-weight:800;
color:#0a0a0a;
letter-spacing:-0.02em;
line-height:1.1}
.sv-tier-for{margin:8px 0 18px;
font-size:13px;
color:#64748b}
.sv-tier-desc{margin:0;
font-size:12px;
color:#475569;
line-height:1.55}
.sv-pricing-footer{text-align:center;
margin:32px 0 0;
font-size:13px;
color:#64748b}
@media (max-width:900px){.sv-pricing-grid{grid-template-columns:1fr; gap:12px} .sv-pricing{padding:60px 0} }
.sv-faq{padding:80px 0; background:#fafafa}
.sv-faq-container{max-width:800px !important}
.sv-faq-header{text-align:center; margin:0 0 40px}
.sv-faq-list{display:flex; flex-direction:column; gap:10px}
.sv-faq-item{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:12px;
overflow:hidden;
transition:border-color 0.2s ease}
.sv-faq-item[open]{border-color:var(--brand-purple, #7f47dd)}
.sv-faq-question{padding:20px 24px;
cursor:pointer;
list-style:none;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
font-size:15px;
font-weight:700;
color:#0a0a0a}
.sv-faq-question::-webkit-details-marker{display:none}
.sv-faq-question::marker{display:none; content:''}
.sv-faq-plus, .sv-faq-minus{font-size:18px;
color:#94a3b8;
flex-shrink:0}
.sv-faq-item:not([open]) .sv-faq-minus{display:none}
.sv-faq-item[open] .sv-faq-plus{display:none}
.sv-faq-item[open] .sv-faq-minus{color:var(--brand-purple, #7f47dd)}
.sv-faq-answer{padding:0 24px 22px;
font-size:14px;
color:#475569;
line-height:1.7}
.sv-faq-answer p{margin:0 0 12px}
.sv-faq-answer p:last-child{margin-bottom:0}
@media (max-width:700px){.sv-faq{padding:60px 0} }
.sv-deep-dive{padding:80px 0; background:#fff}
.sv-deep-dive-container{max-width:760px !important}
.sv-deep-dive-header{text-align:center; margin:0 0 40px}
.sv-deep-dive-content{font-size:1rem;
line-height:1.75;
color:#334155}
.sv-deep-dive-content p{margin:0 0 1.1rem}
.sv-deep-dive-content p:last-child{margin-bottom:0}
.sv-deep-dive-content h2{font-size:1.45rem;
font-weight:700;
color:#0a0a0a;
margin:2.5rem 0 1rem;
letter-spacing:-0.01em}
.sv-deep-dive-content h3{font-size:1.2rem;
font-weight:700;
color:#0a0a0a;
margin:2rem 0 0.75rem}
.sv-deep-dive-content a{color:var(--brand-purple, #7f47dd);
text-decoration:underline;
text-decoration-thickness:1px;
text-underline-offset:3px}
.sv-deep-dive-content ul, .sv-deep-dive-content ol{padding-left:1.5rem;
margin:0 0 1.5rem}
.sv-deep-dive-content ul li{list-style:disc; margin-bottom:0.5rem}
.sv-deep-dive-content ol li{list-style:decimal; margin-bottom:0.5rem}
.sv-deep-dive-content strong{font-weight:700; color:#0a0a0a}
@media (max-width:700px){.sv-deep-dive{padding:60px 0} }
.service-final-cta{padding:80px 0}
@media (max-width:700px){.service-final-cta{padding:60px 0} }
.product-page-v2{display:block}
.product-page-v2 .container{max-width:1100px}
.product-page-v2 .pt-eyebrow{font-size:11px;
letter-spacing:0.14em;
text-transform:uppercase;
font-weight:700;
color:var(--brand-purple, #7f47dd);
margin:0 0 14px;
display:block}
.product-page-v2 .pt-section-title{font-size:clamp(1.6rem, 3.5vw, 2.25rem);
line-height:1.15;
font-weight:700;
letter-spacing:-0.02em;
color:#0a0a0a;
margin:0 0 16px}
.product-page-v2 .pt-section-subtitle{font-size:1rem;
color:#64748b;
line-height:1.65;
margin:0}
.pt-hero{background:linear-gradient(135deg, #143162 0%, #1a1f4e 100%);
color:#fff;
padding:80px 0;
position:relative;
overflow:hidden}
.pt-hero::before{content:'';
position:absolute;
top:-150px;
right:-100px;
width:500px;
height:500px;
background:radial-gradient(circle, rgba(127, 71, 221, 0.25) 0%, transparent 70%);
pointer-events:none}
.pt-hero .container{position:relative; z-index:1}
.pt-breadcrumb{display:flex;
align-items:center;
gap:8px;
font-size:12px;
margin-bottom:24px}
.pt-breadcrumb a{color:#a78bfa; text-decoration:none}
.pt-breadcrumb a:hover{color:#c4b5fd}
.pt-breadcrumb span[aria-hidden]{color:rgba(255, 255, 255, 0.4)}
.pt-breadcrumb > span:not([aria-hidden]){color:rgba(255, 255, 255, 0.6)}
.pt-hero-grid{display:grid;
grid-template-columns:1.1fr 1fr;
gap:56px;
align-items:center}
.pt-hero-pill{display:inline-flex;
align-items:center;
gap:8px;
padding:6px 14px;
border-radius:100px;
margin-bottom:20px;
font-size:12px;
font-weight:600;
letter-spacing:0.06em}
.pt-hero-pill i{font-size:14px}
.pt-hero-pill-paid{background:rgba(127, 71, 221, 0.18);
border:1px solid rgba(127, 71, 221, 0.35);
color:#c4b5fd}
.pt-hero-pill-free{background:rgba(34, 197, 94, 0.15);
border:1px solid rgba(34, 197, 94, 0.3);
color:#6ee7b7}
.pt-hero-title{font-size:clamp(2rem, 4.2vw, 3rem);
line-height:1.05;
margin:0 0 20px;
font-weight:800;
letter-spacing:-0.02em;
color:#fff}
.pt-hero-subtitle{font-size:1.05rem;
line-height:1.6;
color:#c4b5fd;
margin:0 0 28px;
max-width:460px}
.pt-hero-buttons{display:flex;
gap:12px;
flex-wrap:wrap;
align-items:center}
.pt-btn-primary{display:inline-flex;
align-items:center;
gap:8px;
padding:14px 24px !important;
font-size:14px;
font-weight:600}
.pt-btn-light{display:inline-flex;
align-items:center;
gap:8px;
padding:13px 22px;
background:rgba(255, 255, 255, 0.08);
color:#fff;
border:1px solid rgba(255, 255, 255, 0.2);
border-radius:10px;
font-size:14px;
font-weight:500;
text-decoration:none;
transition:all 0.2s ease}
.pt-btn-light:hover{background:rgba(255, 255, 255, 0.15);
border-color:rgba(255, 255, 255, 0.35)}
.pt-hero-media{aspect-ratio:4/3;
background:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
border-radius:16px;
overflow:hidden;
border:1px solid rgba(255, 255, 255, 0.08)}
.pt-hero-media img{width:100%;
height:100%;
object-fit:cover;
display:block}
.pt-hero-placeholder{width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
color:rgba(255, 255, 255, 0.12)}
.pt-hero-placeholder i{font-size:80px}
@media (max-width:900px){.pt-hero{padding:60px 0}
.pt-hero-grid{grid-template-columns:1fr; gap:40px}
}
.pt-video{padding:80px 0;
background:#fff}
.pt-video-header{text-align:center;
max-width:700px;
margin:0 auto 40px}
.pt-video-thumb{position:relative;
display:block;
width:100%;
aspect-ratio:16/9;
border:0;
padding:0;
background:#000;
border-radius:16px;
overflow:hidden;
cursor:pointer;
box-shadow:0 20px 60px rgba(0,0,0,0.18)}
.pt-video-thumb img{width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform 0.3s ease}
.pt-video-thumb:hover img{transform:scale(1.02)}
.pt-video-thumb::after{content:'';
position:absolute;
inset:0;
background:linear-gradient(180deg, transparent 50%, rgba(0,0,0,0.3) 100%);
pointer-events:none}
.pt-video-play{position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
width:84px;
height:84px;
background:rgba(255, 255, 255, 0.95);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:var(--brand-purple, #7f47dd);
box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);
z-index:2;
transition:transform 0.2s ease}
.pt-video-thumb:hover .pt-video-play{transform:translate(-50%, -50%) scale(1.08)}
@media (max-width:700px){.pt-video{padding:60px 0}
.pt-video-play{width:60px; height:60px}
}
.pt-gallery{padding:80px 0;
background:#fafafa}
.pt-gallery-header{text-align:center;
max-width:700px;
margin:0 auto 48px}
.pt-gallery-grid{display:grid;
grid-template-columns:repeat(3, 1fr);
gap:16px}
.pt-gallery-item{margin:0;
border-radius:14px;
overflow:hidden;
background:#fff;
border:0.5px solid #e5e7eb;
transition:all 0.25s ease}
.pt-gallery-item:hover{transform:translateY(-3px);
box-shadow:0 12px 30px rgba(0,0,0,0.08);
border-color:#cbd5e1}
.pt-gallery-item img{width:100%;
aspect-ratio:16/10;
object-fit:cover;
display:block}
.pt-gallery-item figcaption{padding:12px 14px;
font-size:12px;
color:#64748b;
border-top:0.5px solid #e5e7eb}
@media (max-width:900px){.pt-gallery-grid{grid-template-columns:1fr 1fr} }
@media (max-width:600px){.pt-gallery-grid{grid-template-columns:1fr} .pt-gallery{padding:60px 0} }
.pt-embed{padding:80px 0;
background:#fff}
.pt-embed-header{text-align:center;
max-width:700px;
margin:0 auto 40px}
.pt-embed-wrap{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:16px;
padding:28px;
box-shadow:0 10px 30px rgba(0,0,0,0.05)}
.pt-embed-wrap iframe{width:100%;
border:0;
border-radius:8px;
display:block}
@media (max-width:700px){.pt-embed{padding:60px 0}
.pt-embed-wrap{padding:16px}
}
.pt-features{padding:80px 0;
background:#fafafa}
.pt-features-header{text-align:center;
max-width:700px;
margin:0 auto 48px}
.pt-features-grid{display:grid;
grid-template-columns:1fr 1fr;
gap:14px}
.pt-feature-card{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:14px;
padding:24px;
display:flex;
gap:14px;
align-items:start;
transition:all 0.2s ease}
.pt-feature-card:hover{border-color:#cbd5e1;
transform:translateY(-2px)}
.pt-feature-icon{width:36px;
height:36px;
background:#d1fae5;
border-radius:10px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0}
.pt-feature-icon i{font-size:20px; color:#16a34a}
.pt-feature-title{margin:0 0 4px; font-size:14px; font-weight:700; color:#0a0a0a}
.pt-feature-desc{margin:0; font-size:13px; color:#64748b; line-height:1.55}
@media (max-width:700px){.pt-features-grid{grid-template-columns:1fr} .pt-features{padding:60px 0} }
.pt-howitworks{padding:80px 0;
background:#fff}
.pt-howitworks-header{text-align:center;
max-width:700px;
margin:0 auto 48px}
.pt-howitworks-grid{display:grid;
grid-template-columns:repeat(3, 1fr);
gap:16px}
.pt-hw-card{background:#fafafa;
border:0.5px solid #e5e7eb;
border-radius:14px;
padding:28px 24px;
text-align:center;
position:relative}
.pt-hw-num{display:inline-flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
background:var(--brand-purple, #7f47dd);
color:#fff;
border-radius:50%;
font-size:16px;
font-weight:700;
margin-bottom:16px}
.pt-hw-title{margin:0 0 8px; font-size:15px; font-weight:700; color:#0a0a0a}
.pt-hw-desc{margin:0; font-size:13px; color:#64748b; line-height:1.55}
@media (max-width:700px){.pt-howitworks-grid{grid-template-columns:1fr} .pt-howitworks{padding:60px 0} }
.pt-pricing{padding:80px 0;
background:#fafafa}
.pt-pricing-header{text-align:center;
max-width:700px;
margin:0 auto 48px}
.pt-pricing-grid{display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:14px}
.pt-tier{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:16px;
padding:28px;
position:relative;
display:flex;
flex-direction:column;
transition:all 0.2s ease}
.pt-tier:hover{border-color:#cbd5e1;
transform:translateY(-3px)}
.pt-tier-featured{border:2px solid var(--brand-purple, #7f47dd);
box-shadow:0 12px 30px rgba(127, 71, 221, 0.12);
transform:scale(1.02)}
.pt-tier-badge{position:absolute;
top:-10px;
left:50%;
transform:translateX(-50%);
background:var(--brand-purple, #7f47dd);
color:#fff;
font-size:10px;
font-weight:700;
padding:4px 12px;
border-radius:100px;
letter-spacing:0.06em}
.pt-tier-name{margin:0 0 10px;
font-size:11px;
letter-spacing:0.08em;
text-transform:uppercase;
font-weight:700;
color:#94a3b8}
.pt-tier-featured .pt-tier-name{color:var(--brand-purple, #7f47dd)}
.pt-tier-price{margin:0;
font-size:1.75rem;
font-weight:800;
color:#0a0a0a;
letter-spacing:-0.02em;
line-height:1.1}
.pt-tier-for{margin:8px 0 18px; font-size:13px; color:#64748b}
.pt-tier-desc{margin:0 0 24px; font-size:13px; color:#475569; line-height:1.6}
.pt-tier-btn{display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
padding:10px 18px;
background:rgba(127, 71, 221, 0.08);
color:var(--brand-purple, #7f47dd);
border-radius:8px;
font-size:13px;
font-weight:600;
text-decoration:none;
margin-top:auto;
transition:all 0.2s ease}
.pt-tier-featured .pt-tier-btn{background:var(--brand-purple, #7f47dd);
color:#fff}
.pt-tier-btn:hover{transform:translateY(-1px)}
.pt-pricing-footer{text-align:center;
margin:32px 0 0;
font-size:13px;
color:#64748b}
@media (max-width:900px){.pt-pricing-grid{grid-template-columns:1fr; gap:14px} .pt-tier-featured{transform:scale(1)} .pt-pricing{padding:60px 0} }
.pt-testimonial{padding:80px 0;
background:#fff}
.pt-testimonial-card{max-width:800px;
margin:0 auto;
text-align:center;
background:#fafafa;
border:0.5px solid #e5e7eb;
border-radius:18px;
padding:48px 40px}
.pt-testimonial-quote{font-family:'DM Serif Display', Georgia, serif;
font-size:clamp(1.25rem, 2.5vw, 1.65rem);
line-height:1.4;
color:#0a0a0a;
margin:0 0 24px;
font-style:italic;
font-weight:400}
.pt-testimonial-author{display:inline-flex;
align-items:center;
gap:12px}
.pt-testimonial-avatar{width:44px;
height:44px;
border-radius:50%;
object-fit:cover}
.pt-testimonial-name{margin:0; font-size:14px; font-weight:700; color:#0a0a0a}
.pt-testimonial-role{margin:2px 0 0; font-size:12px; color:#64748b}
@media (max-width:700px){.pt-testimonial{padding:60px 0}
.pt-testimonial-card{padding:32px 24px}
}
.pt-upsell{padding:80px 0;
background:#fafafa}
.pt-upsell-card{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:18px;
padding:36px;
display:grid;
grid-template-columns:auto 1fr;
gap:28px;
align-items:center}
.pt-upsell-icon{width:60px;
height:60px;
background:rgba(127, 71, 221, 0.1);
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0}
.pt-upsell-icon i{font-size:28px; color:var(--brand-purple, #7f47dd)}
.pt-upsell-title{margin:0 0 8px;
font-size:1.25rem;
font-weight:700;
color:#0a0a0a;
line-height:1.3}
.pt-upsell-body{margin:0 0 16px;
font-size:14px;
color:#475569;
line-height:1.65}
.pt-upsell-btn{display:inline-flex;
align-items:center;
gap:6px;
color:var(--brand-purple, #7f47dd);
font-size:13px;
font-weight:700;
text-decoration:none}
.pt-upsell-btn:hover{text-decoration:underline}
@media (max-width:700px){.pt-upsell{padding:60px 0}
.pt-upsell-card{grid-template-columns:1fr; gap:20px; padding:28px}
}
.pt-faq{padding:80px 0; background:#fff}
.pt-faq-container{max-width:800px !important}
.pt-faq-header{text-align:center; margin:0 0 40px}
.pt-faq-list{display:flex; flex-direction:column; gap:10px}
.pt-faq-item{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:12px;
overflow:hidden;
transition:border-color 0.2s ease}
.pt-faq-item[open]{border-color:var(--brand-purple, #7f47dd)}
.pt-faq-q{padding:20px 24px;
cursor:pointer;
list-style:none;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
font-size:15px;
font-weight:700;
color:#0a0a0a}
.pt-faq-q::-webkit-details-marker{display:none}
.pt-faq-q::marker{content:''}
.pt-faq-plus, .pt-faq-minus{font-size:18px; color:#94a3b8; flex-shrink:0}
.pt-faq-item:not([open]) .pt-faq-minus{display:none}
.pt-faq-item[open] .pt-faq-plus{display:none}
.pt-faq-item[open] .pt-faq-minus{color:var(--brand-purple, #7f47dd)}
.pt-faq-a{padding:0 24px 22px;
font-size:14px;
color:#475569;
line-height:1.7}
.pt-faq-a p{margin:0 0 12px}
.pt-faq-a p:last-child{margin-bottom:0}
@media (max-width:700px){.pt-faq{padding:60px 0} }
.pt-seo-content{padding:80px 0; background:#fafafa}
.pt-seo-container{max-width:760px !important}
.pt-seo-header{text-align:center; margin:0 0 40px}
.pt-seo-body{font-size:1rem;
line-height:1.75;
color:#334155}
.pt-seo-body p{margin:0 0 1.1rem}
.pt-seo-body p:last-child{margin-bottom:0}
.pt-seo-body h2{font-size:1.45rem;
font-weight:700;
color:#0a0a0a;
margin:2.5rem 0 1rem;
letter-spacing:-0.01em}
.pt-seo-body h3{font-size:1.2rem;
font-weight:700;
color:#0a0a0a;
margin:2rem 0 0.75rem}
.pt-seo-body a{color:var(--brand-purple, #7f47dd);
text-decoration:underline;
text-decoration-thickness:1px;
text-underline-offset:3px}
.pt-seo-body ul, .pt-seo-body ol{padding-left:1.5rem;
margin:0 0 1.5rem}
.pt-seo-body ul li{list-style:disc; margin-bottom:0.5rem}
.pt-seo-body ol li{list-style:decimal; margin-bottom:0.5rem}
.pt-seo-body strong{font-weight:700; color:#0a0a0a}
.pt-seo-body blockquote{border-left:3px solid var(--brand-purple, #7f47dd);
padding:0.5rem 0 0.5rem 1.5rem;
margin:1.5rem 0;
font-style:italic;
color:#475569}
@media (max-width:700px){.pt-seo-content{padding:60px 0} }
.product-final-cta{padding:80px 0}
@media (max-width:700px){.product-final-cta{padding:60px 0} }
.resources-hub{display:block}
.resources-hub .container{max-width:1200px}
.res-hero{background:linear-gradient(135deg, #143162 0%, #1a1f4e 100%);
color:#fff;
padding:100px 0 90px;
text-align:center;
position:relative;
overflow:hidden}
.res-hero::before{content:'';
position:absolute;
top:-150px;
right:-100px;
width:600px;
height:600px;
background:radial-gradient(circle, rgba(127, 71, 221, 0.25) 0%, transparent 70%);
pointer-events:none}
.res-hero .container{position:relative; z-index:1; max-width:800px}
.res-hero-eyebrow{font-size:11px;
letter-spacing:0.14em;
text-transform:uppercase;
font-weight:700;
color:#a78bfa;
margin:0 0 18px}
.res-hero-title{font-size:clamp(2.25rem, 4.5vw, 3.25rem);
line-height:1.1;
margin:0 0 22px;
font-weight:800;
letter-spacing:-0.02em;
color:#fff}
.res-hero-subtitle{font-size:1.1rem;
line-height:1.65;
color:#c4b5fd;
margin:0 auto;
max-width:620px}
.res-section{padding:80px 0}
.res-section-paid{background:#fff}
.res-section-free{background:#fafafa}
.res-section-header{text-align:center;
max-width:600px;
margin:0 auto 48px}
.res-eyebrow{font-size:11px;
letter-spacing:0.14em;
text-transform:uppercase;
font-weight:700;
color:var(--brand-purple, #7f47dd);
margin:0 0 14px;
display:inline-block}
.res-eyebrow-free{color:#16a34a}
.res-section-title{font-size:clamp(1.6rem, 3.5vw, 2.25rem);
line-height:1.15;
font-weight:700;
letter-spacing:-0.02em;
color:#0a0a0a;
margin:0}
.res-grid{display:grid;
grid-template-columns:repeat(3, 1fr);
gap:20px}
.res-card{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:18px;
overflow:hidden;
text-decoration:none;
color:inherit;
transition:all 0.25s ease;
display:flex;
flex-direction:column}
.res-card:hover{border-color:var(--brand-purple, #7f47dd);
transform:translateY(-4px);
box-shadow:0 16px 40px rgba(127, 71, 221, 0.12)}
.res-card-media{aspect-ratio:16/10;
background:linear-gradient(135deg, #ede9fe 0%, #c4b5fd 100%);
overflow:hidden;
display:flex;
align-items:center;
justify-content:center}
.res-section-free .res-card-media{background:linear-gradient(135deg, #d1fae5 0%, #6ee7b7 100%)}
.res-card-media img{width:100%;
height:100%;
object-fit:cover;
display:block}
.res-card-placeholder i{font-size:48px;
color:rgba(15, 23, 42, 0.35)}
.res-card-body{padding:24px;
flex:1;
display:flex;
flex-direction:column}
.res-card-pill{display:inline-block;
font-size:10px;
letter-spacing:0.08em;
font-weight:700;
padding:4px 10px;
border-radius:100px;
margin-bottom:12px;
align-self:flex-start}
.res-pill-paid{background:rgba(127, 71, 221, 0.1); color:var(--brand-purple, #7f47dd)}
.res-pill-free{background:rgba(34, 197, 94, 0.1); color:#16a34a}
.res-card-title{margin:0 0 8px;
font-size:1.15rem;
font-weight:700;
color:#0a0a0a;
line-height:1.3;
letter-spacing:-0.01em}
.res-card-desc{margin:0 0 16px;
font-size:13px;
color:#64748b;
line-height:1.6;
flex:1}
.res-card-link{font-size:13px;
color:var(--brand-purple, #7f47dd);
font-weight:700}
@media (max-width:900px){.res-grid{grid-template-columns:1fr 1fr} }
@media (max-width:600px){.res-grid{grid-template-columns:1fr}
.res-section{padding:60px 0}
.res-hero{padding:70px 0}
}
.res-empty{padding:80px 0;
text-align:center;
background:#fafafa;
color:#64748b}
.res-seo-content{padding:80px 0; background:#fff}
.res-seo-container{max-width:760px !important}
.res-seo-header{text-align:center; margin:0 0 32px}
.res-seo-body{font-size:1rem; line-height:1.75; color:#334155}
.res-seo-body p{margin:0 0 1.1rem}
.res-seo-body h2{font-size:1.45rem; font-weight:700; color:#0a0a0a; margin:2.5rem 0 1rem}
.res-seo-body h3{font-size:1.2rem; font-weight:700; color:#0a0a0a; margin:2rem 0 0.75rem}
.res-seo-body a{color:var(--brand-purple, #7f47dd); text-decoration:underline}
.resources-final-cta{padding:80px 0}
@media (max-width:700px){.resources-final-cta{padding:60px 0} }
.services-hub-v2{display:block}
.services-hub-v2 .container{max-width:1100px}
.services-hub-v2 .svh-eyebrow{font-size:11px;
letter-spacing:0.14em;
text-transform:uppercase;
font-weight:700;
color:var(--brand-purple, #7f47dd);
margin:0 0 14px;
display:block}
.services-hub-v2 .svh-section-title{font-size:clamp(1.7rem, 3.8vw, 2.4rem);
line-height:1.15;
font-weight:700;
letter-spacing:-0.02em;
color:#0a0a0a;
margin:0 0 16px}
.svh-hero{background:linear-gradient(135deg, #143162 0%, #1a1f4e 100%);
color:#fff;
padding:90px 0;
position:relative;
overflow:hidden}
.svh-hero::before{content:'';
position:absolute;
top:-150px;
right:-100px;
width:600px;
height:600px;
background:radial-gradient(circle, rgba(127, 71, 221, 0.25) 0%, transparent 70%);
pointer-events:none}
.svh-hero .container{position:relative; z-index:1}
.svh-hero-inner{max-width:800px;
margin:0 auto;
text-align:center}
.svh-hero-with-video{display:grid;
grid-template-columns:1.05fr 1fr;
gap:56px;
align-items:center;
text-align:left;
max-width:none}
.svh-hero-eyebrow{font-size:11px;
letter-spacing:0.14em;
text-transform:uppercase;
font-weight:700;
color:#a78bfa;
margin:0 0 16px}
.svh-hero-title{font-size:clamp(2.25rem, 5vw, 3.5rem);
line-height:1.05;
margin:0 0 22px;
font-weight:800;
letter-spacing:-0.025em;
color:#fff}
.svh-hero-accent{display:block;
color:#c4b5fd}
.svh-hero-with-video .svh-hero-accent{display:inline}
.svh-hero-subtitle{font-size:1.1rem;
line-height:1.6;
color:#c4b5fd;
margin:0 auto 32px;
max-width:560px}
.svh-hero-with-video .svh-hero-subtitle{margin-left:0}
.svh-hero-buttons{display:flex;
gap:12px;
flex-wrap:wrap;
align-items:center;
justify-content:center}
.svh-hero-with-video .svh-hero-buttons{justify-content:flex-start}
.svh-btn-primary{display:inline-flex;
align-items:center;
gap:8px;
padding:14px 26px !important;
font-size:14px;
font-weight:600}
.svh-btn-light{display:inline-flex;
align-items:center;
gap:8px;
padding:13px 22px;
background:rgba(255, 255, 255, 0.08);
color:#fff;
border:1px solid rgba(255, 255, 255, 0.2);
border-radius:10px;
font-size:14px;
font-weight:500;
text-decoration:none;
transition:all 0.2s ease}
.svh-btn-light:hover{background:rgba(255, 255, 255, 0.15);
border-color:rgba(255, 255, 255, 0.35)}
.svh-hero-video{position:relative}
.svh-video-thumb{position:relative;
display:block;
width:100%;
aspect-ratio:16/10;
border:1px solid rgba(255, 255, 255, 0.08);
padding:0;
background:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
border-radius:18px;
overflow:hidden;
cursor:pointer}
.svh-video-thumb img{width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform 0.3s ease}
.svh-video-thumb:hover img{transform:scale(1.03)}
.svh-video-thumb::after{content:'';
position:absolute;
inset:0;
background:linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.45) 100%);
pointer-events:none}
.svh-video-play{position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
width:80px;
height:80px;
background:rgba(255, 255, 255, 0.95);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:var(--brand-purple, #7f47dd);
box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);
z-index:2;
transition:transform 0.2s ease}
.svh-video-thumb:hover .svh-video-play{transform:translate(-50%, -50%) scale(1.06)}
.svh-video-label{position:absolute;
bottom:14px;
left:14px;
background:rgba(0, 0, 0, 0.75);
color:#fff;
padding:6px 12px;
border-radius:6px;
font-size:11px;
font-weight:500;
z-index:2}
@media (max-width:900px){.svh-hero{padding:70px 0}
.svh-hero-with-video{grid-template-columns:1fr;
gap:40px;
text-align:center}
.svh-hero-with-video .svh-hero-buttons{justify-content:center}
.svh-hero-with-video .svh-hero-subtitle{margin-left:auto; margin-right:auto}
.svh-hero-with-video .svh-hero-accent{display:block}
}
.svh-grid-section{padding:90px 0;
background:#fff}
.svh-grid-header{text-align:center;
max-width:600px;
margin:0 auto 48px}
.svh-grid{display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
margin-bottom:16px}
.svh-svc-card{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:18px;
padding:32px;
transition:all 0.25s ease;
display:flex;
flex-direction:column;
text-decoration:none;
color:inherit}
.svh-svc-card:hover{border-color:var(--brand-purple, #7f47dd);
transform:translateY(-3px);
box-shadow:0 16px 40px rgba(127, 71, 221, 0.1)}
.svh-svc-head{display:flex;
align-items:center;
gap:14px;
margin-bottom:18px}
.svh-svc-icon{width:48px;
height:48px;
background:rgba(127, 71, 221, 0.1);
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0}
.svh-svc-icon i{font-size:24px; color:var(--brand-purple, #7f47dd)}
.svh-svc-eyebrow{margin:0;
font-size:10px;
color:#94a3b8;
letter-spacing:0.08em;
font-weight:700}
.svh-svc-title{font-size:1.35rem;
font-weight:700;
margin:0 0 10px;
line-height:1.25;
letter-spacing:-0.01em;
color:#0a0a0a}
.svh-svc-desc{font-size:14px;
color:#64748b;
line-height:1.6;
margin:0 0 20px;
flex:1}
.svh-svc-tags{display:flex;
flex-wrap:wrap;
gap:6px;
margin-bottom:24px}
.svh-svc-tag{background:#fafafa;
border:0.5px solid #e5e7eb;
padding:4px 10px;
border-radius:6px;
font-size:11px;
color:#475569;
font-weight:500}
.svh-svc-link{color:var(--brand-purple, #7f47dd);
font-size:13px;
font-weight:700}
.svh-free-row{background:linear-gradient(135deg, rgba(127, 71, 221, 0.05) 0%, rgba(127, 71, 221, 0.02) 100%);
border:1px dashed rgba(127, 71, 221, 0.3);
border-radius:18px;
padding:28px 32px;
display:grid;
grid-template-columns:auto 1fr auto;
gap:24px;
align-items:center;
text-decoration:none;
color:inherit;
transition:all 0.25s ease}
.svh-free-row:hover{border-color:rgba(127, 71, 221, 0.6);
background:linear-gradient(135deg, rgba(127, 71, 221, 0.08) 0%, rgba(127, 71, 221, 0.03) 100%);
transform:translateY(-2px)}
.svh-free-icon{width:48px;
height:48px;
background:rgba(127, 71, 221, 0.15);
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0}
.svh-free-icon i{font-size:24px; color:var(--brand-purple, #7f47dd)}
.svh-free-eyebrow{margin:0 0 4px;
font-size:10px;
color:var(--brand-purple, #7f47dd);
letter-spacing:0.08em;
font-weight:700}
.svh-free-title{font-size:1.25rem;
font-weight:700;
margin:0 0 6px;
line-height:1.25;
letter-spacing:-0.01em;
color:#0a0a0a}
.svh-free-desc{font-size:14px;
color:#64748b;
line-height:1.55;
margin:0}
.svh-free-btn{display:inline-flex;
align-items:center;
gap:6px;
background:var(--brand-purple, #7f47dd);
color:#fff;
padding:12px 20px;
border-radius:10px;
font-size:13px;
font-weight:700;
flex-shrink:0;
white-space:nowrap}
.svh-empty{text-align:center;
color:#94a3b8;
padding:60px 0;
font-size:14px}
@media (max-width:800px){.svh-grid{grid-template-columns:1fr}
.svh-free-row{grid-template-columns:1fr; text-align:center}
.svh-free-icon{margin:0 auto}
.svh-grid-section{padding:70px 0}
}
.svh-compare{padding:90px 0; background:#fafafa}
.svh-compare-header{text-align:center;
max-width:600px;
margin:0 auto 48px}
.svh-compare-card{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:18px;
padding:32px;
max-width:980px;
margin:0 auto}
.svh-compare-row{display:grid;
grid-template-columns:1.6fr 1fr 1fr 1fr;
gap:0;
border-bottom:0.5px solid #f1f5f9}
.svh-compare-row-last{border-bottom:0}
.svh-compare-row-head{border-bottom:0.5px solid #e5e7eb;
padding-bottom:4px}
.svh-compare-cell{padding:14px 16px 14px 0;
font-size:13.5px;
color:#334155}
.svh-compare-cell:last-child{padding-right:0}
.svh-compare-cell-situation{font-weight:500}
.svh-compare-cell:not(.svh-compare-cell-situation){text-align:center}
.svh-compare-head-label{margin:0;
font-size:11px;
letter-spacing:0.08em;
text-transform:uppercase;
font-weight:700;
color:#94a3b8}
.svh-compare-head-col{margin:0;
font-size:11px;
letter-spacing:0.08em;
text-transform:uppercase;
font-weight:700;
color:var(--brand-purple, #7f47dd)}
.svh-compare-cell i.ti-check{color:#16a34a;
font-size:20px}
.svh-compare-dash{color:#cbd5e1}
@media (max-width:700px){.svh-compare{padding:70px 0}
.svh-compare-card{padding:22px 18px}
.svh-compare-row{grid-template-columns:1.4fr 1fr 1fr 1fr}
.svh-compare-cell{padding:12px 8px 12px 0; font-size:12.5px}
}
.svh-process{padding:90px 0; background:#fff}
.svh-process-header{text-align:center;
max-width:600px;
margin:0 auto 48px}
.svh-process-grid{display:grid;
grid-template-columns:repeat(4, 1fr);
gap:14px}
.svh-step-card{background:#fafafa;
border:0.5px solid #e5e7eb;
border-radius:14px;
padding:26px 22px;
transition:all 0.2s ease}
.svh-step-card:hover{border-color:#cbd5e1;
transform:translateY(-2px)}
.svh-step-num{display:inline-flex;
align-items:center;
justify-content:center;
width:30px;
height:30px;
background:var(--brand-purple, #7f47dd);
color:#fff;
border-radius:50%;
font-size:13px;
font-weight:700;
margin-bottom:16px}
.svh-step-title{margin:0 0 6px;
font-size:14px;
font-weight:700;
color:#0a0a0a}
.svh-step-desc{margin:0;
font-size:12px;
color:#64748b;
line-height:1.55}
@media (max-width:900px){.svh-process-grid{grid-template-columns:1fr 1fr} }
@media (max-width:600px){.svh-process-grid{grid-template-columns:1fr} .svh-process{padding:70px 0} }
.svh-products{padding:90px 0; background:#fafafa}
.svh-products-card{background:linear-gradient(135deg, #143162 0%, #1a1f4e 100%);
color:#fff;
border-radius:22px;
padding:56px;
position:relative;
overflow:hidden}
.svh-products-bg{position:absolute;
top:-100px;
right:-50px;
width:400px;
height:400px;
background:radial-gradient(circle, rgba(127, 71, 221, 0.25) 0%, transparent 70%);
pointer-events:none}
.svh-products-content{position:relative;
display:grid;
grid-template-columns:1fr 1fr;
gap:48px;
align-items:center}
.svh-products-eyebrow{margin:0 0 14px;
font-size:11px;
letter-spacing:0.14em;
text-transform:uppercase;
font-weight:700;
color:#a78bfa}
.svh-products-title{font-size:clamp(1.5rem, 2.8vw, 2rem);
line-height:1.15;
margin:0 0 18px;
font-weight:700;
color:#fff;
letter-spacing:-0.02em}
.svh-products-body{font-size:15px;
line-height:1.65;
color:#c4b5fd;
margin:0 0 24px}
.svh-products-link{display:inline-flex;
align-items:center;
gap:6px;
color:#c4b5fd;
font-size:14px;
font-weight:700;
text-decoration:none}
.svh-products-link:hover{color:#fff}
.svh-products-grid{display:grid;
grid-template-columns:1fr 1fr;
gap:10px}
.svh-product-mini{background:rgba(255,255,255,0.06);
border:1px solid rgba(255,255,255,0.1);
border-radius:12px;
padding:18px;
text-decoration:none;
color:inherit;
transition:all 0.2s ease}
.svh-product-mini:hover{background:rgba(255,255,255,0.1);
border-color:rgba(255,255,255,0.2);
transform:translateY(-2px)}
.svh-product-mini i{font-size:20px;
color:#c4b5fd;
margin-bottom:10px;
display:block}
.svh-product-mini-name{margin:0;
font-size:13px;
font-weight:700;
color:#fff}
.svh-product-mini-desc{margin:4px 0 0;
font-size:11px;
color:#94a3b8}
.svh-product-mini-free{background:rgba(34, 197, 94, 0.08); border-color:rgba(34, 197, 94, 0.2)}
.svh-product-mini-free i{color:#6ee7b7}
.svh-product-mini-free .svh-product-mini-desc{color:#6ee7b7}
@media (max-width:900px){.svh-products{padding:70px 0}
.svh-products-card{padding:36px 28px}
.svh-products-content{grid-template-columns:1fr; gap:32px}
}
.svh-clients{padding:90px 0; background:#fff}
.svh-clients-header{text-align:center; max-width:600px; margin:0 auto 48px}
.svh-clients-grid{display:grid;
grid-template-columns:repeat(5, 1fr);
gap:14px}
.svh-client-card{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:14px;
padding:22px 16px;
text-align:center;
transition:all 0.2s ease}
.svh-client-card:hover{border-color:#cbd5e1;
transform:translateY(-2px)}
.svh-client-logo{width:52px;
height:52px;
border-radius:12px;
margin:0 auto 12px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
font-size:14px;
font-weight:800;
letter-spacing:-0.01em}
.svh-client-card-1 .svh-client-logo{background:linear-gradient(135deg, #ede9fe 0%, #c4b5fd 100%); color:rgba(91,33,182,0.6)}
.svh-client-card-2 .svh-client-logo{background:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); color:rgba(146,64,14,0.7)}
.svh-client-card-3 .svh-client-logo{background:linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%); color:rgba(159,18,57,0.7)}
.svh-client-card-4 .svh-client-logo{background:linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%); color:rgba(6,78,59,0.7)}
.svh-client-card-5 .svh-client-logo{background:linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); color:rgba(12,68,124,0.7)}
.svh-client-logo img{width:100%; height:100%; object-fit:contain; padding:8px}
.svh-client-initials{font-size:13px}
.svh-client-name{margin:0;
font-size:12px;
font-weight:700;
color:#0a0a0a;
line-height:1.3}
.svh-client-caption{margin:4px 0 0;
font-size:10px;
color:#64748b}
@media (max-width:900px){.svh-clients-grid{grid-template-columns:repeat(3, 1fr)} }
@media (max-width:500px){.svh-clients-grid{grid-template-columns:1fr 1fr}
.svh-clients{padding:70px 0}
}
.svh-faq{padding:90px 0; background:#fafafa}
.svh-faq-container{max-width:800px !important}
.svh-faq-header{text-align:center; margin:0 0 40px}
.svh-faq-list{display:flex; flex-direction:column; gap:10px}
.svh-faq-item{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:12px;
overflow:hidden;
transition:border-color 0.2s ease}
.svh-faq-item[open]{border-color:var(--brand-purple, #7f47dd)}
.svh-faq-q{padding:20px 24px;
cursor:pointer;
list-style:none;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
font-size:15px;
font-weight:700;
color:#0a0a0a}
.svh-faq-q::-webkit-details-marker{display:none}
.svh-faq-q::marker{content:''}
.svh-faq-plus, .svh-faq-minus{font-size:18px; color:#94a3b8; flex-shrink:0}
.svh-faq-item:not([open]) .svh-faq-minus{display:none}
.svh-faq-item[open] .svh-faq-plus{display:none}
.svh-faq-item[open] .svh-faq-minus{color:var(--brand-purple, #7f47dd)}
.svh-faq-a{padding:0 24px 22px;
font-size:14px;
color:#475569;
line-height:1.7}
.svh-faq-a p{margin:0 0 12px}
.svh-faq-a p:last-child{margin-bottom:0}
@media (max-width:700px){.svh-faq{padding:70px 0} }
.svh-seo-content{padding:90px 0; background:#fff}
.svh-seo-container{max-width:760px !important}
.svh-seo-header{text-align:center; margin:0 0 32px}
.svh-seo-body{font-size:1rem;
line-height:1.75;
color:#334155}
.svh-seo-body p{margin:0 0 1.1rem}
.svh-seo-body h2{font-size:1.45rem; font-weight:700; color:#0a0a0a; margin:2.5rem 0 1rem; letter-spacing:-0.01em}
.svh-seo-body h3{font-size:1.2rem; font-weight:700; color:#0a0a0a; margin:2rem 0 0.75rem}
.svh-seo-body a{color:var(--brand-purple, #7f47dd); text-decoration:underline; text-underline-offset:3px}
.svh-seo-body ul, .svh-seo-body ol{padding-left:1.5rem; margin:0 0 1.5rem}
.svh-seo-body ul li{list-style:disc; margin-bottom:0.5rem}
.svh-seo-body ol li{list-style:decimal; margin-bottom:0.5rem}
.services-hub-final-cta{padding:90px 0}
@media (max-width:700px){.services-hub-final-cta{padding:70px 0} }
.book-page-v2{display:block}
.book-page-v2 .container{max-width:1180px}
.book-page-v2 .bk-eyebrow{font-size:11px;
letter-spacing:0.14em;
text-transform:uppercase;
font-weight:700;
color:var(--brand-purple, #7f47dd);
margin:0 0 14px;
display:block}
.book-page-v2 .bk-section-title{font-size:clamp(1.6rem, 3.5vw, 2.25rem);
line-height:1.15;
font-weight:700;
letter-spacing:-0.02em;
color:#0a0a0a;
margin:0 0 16px}
.book-page-v2 .bk-section-subtitle{font-size:1rem;
color:#64748b;
line-height:1.65;
margin:0}
.book-page-v2 .bk-section-header{margin:0 0 40px}
.book-page-v2 .bk-section-header-centered{text-align:center; max-width:600px; margin-left:auto; margin-right:auto}
.bk-hero{background:linear-gradient(135deg, #143162 0%, #1a1f4e 100%);
color:#fff;
padding:60px 0 80px;
position:relative;
overflow:hidden}
.bk-hero::before{content:'';
position:absolute;
top:-150px;
right:-100px;
width:600px;
height:600px;
background:radial-gradient(circle, rgba(127, 71, 221, 0.25) 0%, transparent 70%);
pointer-events:none}
.bk-hero .container{position:relative; z-index:1}
.bk-hero-grid{display:grid;
grid-template-columns:1fr 1.1fr;
gap:48px;
align-items:start}
.bk-hero-text{padding-top:12px}
.bk-hero-pill{display:inline-flex;
align-items:center;
gap:8px;
padding:6px 14px;
background:rgba(127, 71, 221, 0.18);
border:1px solid rgba(127, 71, 221, 0.35);
border-radius:100px;
margin-bottom:20px;
font-size:12px;
color:#c4b5fd;
font-weight:600}
.bk-pill-dot{width:8px;
height:8px;
background:#6ee7b7;
border-radius:50%;
display:inline-block;
box-shadow:0 0 12px rgba(110, 231, 183, 0.6);
animation:bk-pulse 2s ease-in-out infinite}
@keyframes bk-pulse{0%, 100%{opacity:1}
50%{opacity:0.4}
}
.bk-hero-title{font-size:clamp(2rem, 4vw, 2.75rem);
line-height:1.05;
margin:0 0 18px;
font-weight:800;
letter-spacing:-0.02em;
color:#fff}
.bk-hero-subtitle{font-size:1.05rem;
line-height:1.6;
color:#c4b5fd;
margin:0 0 28px;
max-width:400px}
.bk-reassure-list{display:grid;
gap:14px;
margin-bottom:28px}
.bk-reassure-item{display:flex;
gap:12px;
align-items:start}
.bk-reassure-icon{width:28px;
height:28px;
background:rgba(127, 71, 221, 0.2);
border-radius:8px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0}
.bk-reassure-icon i{font-size:14px; color:#c4b5fd}
.bk-reassure-title{margin:0 0 2px; font-size:13px; font-weight:700; color:#fff}
.bk-reassure-desc{margin:0; font-size:12px; color:#94a3b8; line-height:1.5}
.bk-hero-trust{padding-top:24px;
border-top:1px solid rgba(255, 255, 255, 0.08)}
.bk-hero-trust-label{margin:0;
font-size:11px;
letter-spacing:0.08em;
text-transform:uppercase;
color:#94a3b8;
font-weight:600}
.bk-hero-trust-list{margin:8px 0 0;
font-size:13px;
color:#c4b5fd;
font-weight:500}
.bk-hero-widget{background:#fff;
border-radius:18px;
overflow:hidden;
box-shadow:0 30px 60px rgba(0, 0, 0, 0.3);
scroll-margin-top:100px}
.bk-hero-widget iframe{display:block}
@media (max-width:1000px){.bk-hero{padding:50px 0 60px}
.bk-hero-grid{grid-template-columns:1fr; gap:40px}
.bk-hero-text{padding-top:0}
}
.bk-video{padding:80px 0;
background:#fff}
.bk-video-header{text-align:center;
max-width:700px;
margin:0 auto 40px}
.bk-video-thumb{position:relative;
display:block;
width:100%;
max-width:900px;
margin:0 auto;
aspect-ratio:16/9;
border:0;
padding:0;
background:#000;
border-radius:18px;
overflow:hidden;
cursor:pointer;
box-shadow:0 20px 60px rgba(0, 0, 0, 0.18)}
.bk-video-thumb img{width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform 0.3s ease}
.bk-video-thumb:hover img{transform:scale(1.02)}
.bk-video-thumb::after{content:'';
position:absolute;
inset:0;
background:linear-gradient(180deg, transparent 50%, rgba(0,0,0,0.3) 100%);
pointer-events:none}
.bk-video-play{position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
width:84px;
height:84px;
background:rgba(255, 255, 255, 0.95);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:var(--brand-purple, #7f47dd);
box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);
z-index:2;
transition:transform 0.2s ease}
.bk-video-thumb:hover .bk-video-play{transform:translate(-50%, -50%) scale(1.08)}
@media (max-width:700px){.bk-video{padding:60px 0}
.bk-video-play{width:60px; height:60px}
}
.bk-whathappens{padding:80px 0;
background:#fff}
.bk-wh-grid{display:grid;
grid-template-columns:repeat(3, 1fr);
gap:16px}
.bk-wh-card{background:#fafafa;
border:0.5px solid #e5e7eb;
border-radius:16px;
padding:28px;
transition:all 0.2s ease}
.bk-wh-card:hover{border-color:#cbd5e1;
transform:translateY(-2px)}
.bk-wh-time{display:inline-block;
padding:4px 10px;
background:#f3e8ff;
color:var(--brand-purple, #7f47dd);
border-radius:100px;
margin-bottom:18px;
font-size:11px;
font-weight:700;
letter-spacing:0.04em}
.bk-wh-title{font-size:1.1rem;
font-weight:700;
margin:0 0 10px;
letter-spacing:-0.01em;
color:#0a0a0a}
.bk-wh-desc{margin:0;
font-size:13px;
color:#64748b;
line-height:1.65}
@media (max-width:900px){.bk-wh-grid{grid-template-columns:1fr} .bk-whathappens{padding:60px 0} }
.bk-prep{padding:80px 0;
background:#fafafa}
.bk-prep-grid{display:grid;
grid-template-columns:1fr 1.2fr;
gap:56px;
align-items:start}
.bk-prep-note{font-size:13px;
color:#94a3b8;
margin:0;
font-style:italic}
.bk-prep-list{display:grid;
gap:12px}
.bk-prep-card{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:12px;
padding:18px 20px;
display:flex;
gap:14px;
align-items:start;
transition:all 0.2s ease}
.bk-prep-card:hover{border-color:#cbd5e1;
transform:translateX(2px)}
.bk-prep-icon{width:32px;
height:32px;
background:#d1fae5;
border-radius:8px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0}
.bk-prep-icon i{font-size:16px; color:#16a34a}
.bk-prep-title{margin:0 0 4px; font-size:14px; font-weight:700; color:#0a0a0a}
.bk-prep-desc{margin:0; font-size:13px; color:#64748b; line-height:1.5}
@media (max-width:900px){.bk-prep-grid{grid-template-columns:1fr; gap:32px}
.bk-prep{padding:60px 0}
}
.bk-alt{padding:80px 0;
background:#fff}
.bk-alt-grid{display:grid;
grid-template-columns:repeat(3, 1fr);
gap:16px}
.bk-alt-card{background:#fafafa;
border:0.5px solid #e5e7eb;
border-radius:16px;
padding:28px;
text-decoration:none;
color:inherit;
transition:all 0.2s ease;
display:block}
.bk-alt-card:hover{border-color:var(--brand-purple, #7f47dd);
background:#fff;
transform:translateY(-3px);
box-shadow:0 12px 30px rgba(127, 71, 221, 0.08)}
.bk-alt-icon{width:44px;
height:44px;
border-radius:11px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:16px;
background:rgba(127, 71, 221, 0.1)}
.bk-alt-icon i{font-size:22px; color:var(--brand-purple, #7f47dd)}
.bk-alt-card-1 .bk-alt-icon{background:#d1fae5}
.bk-alt-card-1 .bk-alt-icon i{color:#16a34a}
.bk-alt-title{font-size:1.05rem;
font-weight:700;
margin:0 0 6px;
letter-spacing:-0.01em;
color:#0a0a0a}
.bk-alt-desc{margin:0 0 14px;
font-size:13px;
color:#64748b;
line-height:1.55}
.bk-alt-link{font-size:12px;
color:var(--brand-purple, #7f47dd);
font-weight:700}
@media (max-width:900px){.bk-alt-grid{grid-template-columns:1fr} .bk-alt{padding:60px 0} }
.bk-faq{padding:80px 0;
background:#fafafa}
.bk-faq-container{max-width:800px !important}
.bk-faq-list{display:flex; flex-direction:column; gap:10px}
.bk-faq-item{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:12px;
overflow:hidden;
transition:border-color 0.2s ease}
.bk-faq-item[open]{border-color:var(--brand-purple, #7f47dd)}
.bk-faq-q{padding:20px 24px;
cursor:pointer;
list-style:none;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
font-size:15px;
font-weight:700;
color:#0a0a0a}
.bk-faq-q::-webkit-details-marker{display:none}
.bk-faq-q::marker{content:''}
.bk-faq-plus, .bk-faq-minus{font-size:18px; color:#94a3b8; flex-shrink:0}
.bk-faq-item:not([open]) .bk-faq-minus{display:none}
.bk-faq-item[open] .bk-faq-plus{display:none}
.bk-faq-item[open] .bk-faq-minus{color:var(--brand-purple, #7f47dd)}
.bk-faq-a{padding:0 24px 22px;
font-size:14px;
color:#475569;
line-height:1.7}
.bk-faq-a p{margin:0 0 12px}
.bk-faq-a p:last-child{margin-bottom:0}
@media (max-width:700px){.bk-faq{padding:60px 0} }
.bk-seo-content{padding:70px 0; background:#fff}
.bk-seo-container{max-width:760px !important}
.bk-seo-body{font-size:1rem; line-height:1.75; color:#334155}
.bk-seo-body p{margin:0 0 1.1rem}
.bk-seo-body h2{font-size:1.4rem; font-weight:700; color:#0a0a0a; margin:2rem 0 1rem}
.bk-seo-body h3{font-size:1.15rem; font-weight:700; color:#0a0a0a; margin:1.5rem 0 0.75rem}
.bk-seo-body a{color:var(--brand-purple, #7f47dd); text-decoration:underline}
.book-final-cta{padding:70px 0}
@media (max-width:700px){.book-final-cta{padding:60px 0} }
.contact-page-v2{display:block}
.contact-page-v2 .container{max-width:1100px}
.contact-page-v2 .ct-eyebrow{font-size:11px;
letter-spacing:0.14em;
text-transform:uppercase;
font-weight:700;
color:var(--brand-purple, #7f47dd);
margin:0 0 14px;
display:block}
.contact-page-v2 .ct-section-title{font-size:clamp(1.6rem, 3.5vw, 2.1rem);
line-height:1.15;
font-weight:700;
letter-spacing:-0.02em;
color:#0a0a0a;
margin:0 0 18px}
.ct-hero{background:linear-gradient(135deg, #143162 0%, #1a1f4e 100%);
color:#fff;
padding:80px 0 90px;
position:relative;
overflow:hidden;
text-align:center}
.ct-hero::before{content:'';
position:absolute;
top:-100px;
right:-50px;
width:500px;
height:500px;
background:radial-gradient(circle, rgba(127, 71, 221, 0.25) 0%, transparent 70%);
pointer-events:none}
.ct-hero .container{position:relative; z-index:1; max-width:700px}
.ct-hero-pill{display:inline-flex;
align-items:center;
gap:8px;
padding:6px 14px;
background:rgba(34, 197, 94, 0.15);
border:1px solid rgba(34, 197, 94, 0.3);
border-radius:100px;
margin-bottom:20px;
font-size:12px;
color:#6ee7b7;
font-weight:600}
.ct-pill-dot{width:8px;
height:8px;
background:#6ee7b7;
border-radius:50%;
box-shadow:0 0 12px rgba(110, 231, 183, 0.6);
animation:ct-pulse 2s ease-in-out infinite}
@keyframes ct-pulse{0%, 100%{opacity:1}
50%{opacity:0.5}
}
.ct-hero-title{font-size:clamp(2.5rem, 5.5vw, 3.5rem);
line-height:1.05;
margin:0 0 18px;
font-weight:800;
letter-spacing:-0.025em;
color:#fff}
.ct-hero-subtitle{font-size:1.05rem;
line-height:1.6;
color:#c4b5fd;
margin:0 auto;
max-width:540px}
.ct-channels{padding:70px 0 0;
background:#fff}
.ct-channels-grid{display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:14px;
margin-bottom:18px}
.ct-channel{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:18px;
padding:28px;
text-decoration:none;
color:inherit;
transition:all 0.25s ease;
position:relative;
display:block}
.ct-channel:hover{border-color:var(--brand-purple, #7f47dd);
transform:translateY(-3px);
box-shadow:0 16px 40px rgba(127, 71, 221, 0.1)}
.ct-channel-badge{position:absolute;
top:18px;
right:18px;
background:#d1fae5;
color:#16a34a;
font-size:10px;
padding:4px 10px;
border-radius:100px;
font-weight:700;
letter-spacing:0.04em}
.ct-channel-icon{width:48px;
height:48px;
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:16px}
.ct-channel-icon i{font-size:24px}
.ct-channel-wa .ct-channel-icon{background:#d1fae5}
.ct-channel-wa .ct-channel-icon i{color:#16a34a}
.ct-channel-em .ct-channel-icon{background:rgba(127, 71, 221, 0.1)}
.ct-channel-em .ct-channel-icon i{color:var(--brand-purple, #7f47dd)}
.ct-channel-li .ct-channel-icon{background:#dbeafe}
.ct-channel-li .ct-channel-icon i{color:#0a66c2}
.ct-channel-title{font-size:1.05rem;
font-weight:700;
margin:0 0 4px;
letter-spacing:-0.01em;
color:#0a0a0a}
.ct-channel-desc{margin:0 0 14px;
font-size:13px;
color:#64748b;
line-height:1.55}
.ct-channel-link{font-size:12px;
color:var(--brand-purple, #7f47dd);
font-weight:700;
word-break:break-word}
.ct-booking-bar{background:linear-gradient(135deg, #143162 0%, #1a1f4e 100%);
border-radius:18px;
padding:28px 32px;
display:grid;
grid-template-columns:auto 1fr auto;
gap:24px;
align-items:center;
text-decoration:none;
color:#fff;
position:relative;
overflow:hidden;
transition:all 0.2s ease}
.ct-booking-bar:hover{transform:translateY(-2px);
box-shadow:0 20px 50px rgba(20, 49, 98, 0.25)}
.ct-booking-bar-bg{position:absolute;
top:-60px;
right:-30px;
width:250px;
height:250px;
background:radial-gradient(circle, rgba(127, 71, 221, 0.25) 0%, transparent 70%);
pointer-events:none}
.ct-booking-bar-icon{width:56px;
height:56px;
background:rgba(127, 71, 221, 0.25);
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
position:relative}
.ct-booking-bar-icon i{font-size:28px; color:#c4b5fd}
.ct-booking-bar-text{position:relative}
.ct-booking-bar-label{margin:0 0 4px;
font-size:11px;
letter-spacing:0.08em;
color:#a78bfa;
font-weight:700}
.ct-booking-bar-title{font-size:1.05rem;
font-weight:700;
margin:0 0 4px;
letter-spacing:-0.01em;
color:#fff}
.ct-booking-bar-desc{margin:0;
font-size:13px;
color:#c4b5fd}
.ct-booking-bar-btn{background:var(--brand-purple, #7f47dd);
color:#fff;
padding:12px 22px;
border-radius:10px;
font-size:13px;
font-weight:700;
white-space:nowrap;
position:relative;
transition:background 0.2s ease}
.ct-booking-bar:hover .ct-booking-bar-btn{background:#6b35d0}
@media (max-width:900px){.ct-channels-grid{grid-template-columns:1fr}
.ct-booking-bar{grid-template-columns:1fr; gap:16px; text-align:center; padding:24px}
.ct-booking-bar-icon{margin:0 auto}
}
.ct-form-section{padding:70px 0;
background:#fafafa}
.ct-form-grid{display:grid;
grid-template-columns:1fr 1.2fr;
gap:56px;
align-items:start}
.ct-form-subtitle{font-size:15px;
color:#64748b;
line-height:1.7;
margin:0 0 28px}
.ct-reassure-list{display:grid;
gap:14px}
.ct-reassure-item{display:flex;
gap:12px;
align-items:start}
.ct-reassure-icon{width:32px;
height:32px;
background:rgba(127, 71, 221, 0.1);
border-radius:8px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0}
.ct-reassure-icon i{font-size:16px; color:var(--brand-purple, #7f47dd)}
.ct-reassure-title{margin:0 0 2px; font-size:13px; font-weight:700; color:#0a0a0a}
.ct-reassure-desc{margin:0; font-size:12px; color:#64748b; line-height:1.5}
.ct-form-card{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:18px;
padding:32px;
box-shadow:0 12px 40px rgba(0,0,0,0.04);
min-height:400px}
.ct-form-embed iframe{width:100%;
border:0;
display:block;
border-radius:10px}
.ct-form-placeholder{display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:60px 20px;
color:#94a3b8}
.ct-form-placeholder i{font-size:48px;
color:#cbd5e1;
margin-bottom:16px}
.ct-form-placeholder-title{margin:0 0 8px;
font-size:15px;
font-weight:700;
color:#475569}
.ct-form-placeholder-desc{margin:0;
font-size:13px;
color:#94a3b8;
line-height:1.6;
max-width:380px}
@media (max-width:900px){.ct-form-grid{grid-template-columns:1fr; gap:32px}
.ct-form-section{padding:60px 0}
.ct-form-card{padding:22px}
}
.ct-facts{padding:60px 0;
background:#fff}
.ct-facts-grid{display:grid;
grid-template-columns:repeat(4, 1fr);
gap:14px}
.ct-fact-card{background:#fafafa;
border:0.5px solid #e5e7eb;
border-radius:14px;
padding:22px;
transition:all 0.2s ease}
.ct-fact-card:hover{border-color:#cbd5e1;
transform:translateY(-2px)}
.ct-fact-icon{width:36px;
height:36px;
background:rgba(127, 71, 221, 0.1);
border-radius:9px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:12px}
.ct-fact-icon i{font-size:18px; color:var(--brand-purple, #7f47dd)}
.ct-fact-label{margin:0 0 4px;
font-size:11px;
color:#94a3b8;
letter-spacing:0.06em;
font-weight:700;
text-transform:uppercase}
.ct-fact-value{margin:0;
font-size:13px;
font-weight:700;
color:#0a0a0a}
@media (max-width:900px){.ct-facts-grid{grid-template-columns:1fr 1fr} }
@media (max-width:500px){.ct-facts-grid{grid-template-columns:1fr} }
.ct-seo-content{padding:70px 0; background:#fff}
.ct-seo-container{max-width:760px !important}
.ct-seo-body{font-size:1rem; line-height:1.75; color:#334155}
.ct-seo-body p{margin:0 0 1.1rem}
.ct-seo-body h2{font-size:1.4rem; font-weight:700; color:#0a0a0a; margin:2rem 0 1rem}
.ct-seo-body h3{font-size:1.15rem; font-weight:700; color:#0a0a0a; margin:1.5rem 0 0.75rem}
.ct-seo-body a{color:var(--brand-purple, #7f47dd); text-decoration:underline}
.contact-final-cta{padding:70px 0}
@media (max-width:700px){.contact-final-cta{padding:60px 0} }
.case-studies-hub{background:#fff}
.csh-hero{background:linear-gradient(135deg, var(--brand-navy, #143162) 0%, #1a1f4e 100%);
color:#fff;
padding:5rem 0 6rem;
position:relative;
overflow:hidden}
.csh-hero::before{content:'';
position:absolute;
top:-100px;
right:-50px;
width:600px;
height:600px;
background:radial-gradient(circle, rgba(127, 71, 221, 0.25) 0%, transparent 70%);
pointer-events:none}
.csh-hero-inner{position:relative;
max-width:820px;
margin:0 auto;
text-align:center}
.csh-hero-eyebrow{margin:0 0 1rem;
font-size:0.75rem;
letter-spacing:0.14em;
text-transform:uppercase;
font-weight:700;
color:var(--accent-light, #a78bfa)}
.csh-hero-title{font-family:var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif);
font-size:clamp(2.2rem, 5vw, 3.4rem);
line-height:1.05;
margin:0 0 1.1rem;
font-weight:800;
letter-spacing:-0.025em;
color:#fff}
.csh-hero-accent{display:block;
background:linear-gradient(135deg, var(--accent-soft, #c4b5fd) 0%, var(--accent-light, #a78bfa) 100%);
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
color:transparent}
.csh-hero-subtitle{font-size:1.06rem;
line-height:1.65;
color:var(--accent-soft, #c4b5fd);
margin:0 auto 2rem;
max-width:620px}
.csh-hero-stats{display:flex;
gap:2.5rem;
justify-content:center;
margin-top:2rem;
flex-wrap:wrap}
.csh-stat-value{margin:0;
font-family:var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif);
font-size:1.85rem;
font-weight:800;
color:#fff;
letter-spacing:-0.02em}
.csh-stat-label{margin:0;
font-size:0.7rem;
color:var(--accent-light, #a78bfa);
letter-spacing:0.08em;
font-weight:700}
.csh-filters{padding:3rem 0 0; background:#fff}
.csh-filter-bar{display:flex;
flex-wrap:wrap;
gap:0.5rem;
padding:0.9rem 1.1rem;
background:#fafafa;
border:0.5px solid #e5e7eb;
border-radius:12px;
align-items:center}
.csh-filter-label{margin:0 0.75rem 0 0;
font-size:0.78rem;
color:#64748b;
font-weight:600}
.csh-filter-divider{color:#cbd5e1;
margin:0 0.5rem}
.csh-chip{padding:0.4rem 0.85rem;
background:#fff;
border:0.5px solid #e5e7eb;
border-radius:8px;
font-size:0.78rem;
color:#475569;
font-weight:500;
cursor:pointer;
transition:all 0.18s ease}
.csh-chip:hover{border-color:var(--brand-purple, #7f47dd);
color:var(--brand-purple, #7f47dd)}
.csh-chip-active{background:var(--brand-purple, #7f47dd);
color:#fff !important;
border-color:var(--brand-purple, #7f47dd);
font-weight:600}
.csh-grid-section{padding:2.5rem 0 5rem; background:#fff}
.csh-grid{display:grid;
grid-template-columns:1fr 1fr;
gap:1.4rem}
.csh-empty{padding:3rem 1rem;
text-align:center;
color:#64748b;
background:#f9fafb;
border-radius:12px}
.csh-card{display:block;
background:#fff;
border:0.5px solid #e5e7eb;
border-radius:18px;
overflow:hidden;
text-decoration:none;
color:inherit;
transition:all 0.25s ease}
.csh-card:hover{transform:translateY(-3px);
box-shadow:0 14px 32px -12px rgba(20, 49, 98, 0.18);
border-color:rgba(127, 71, 221, 0.35)}
.csh-card-media{aspect-ratio:16/10;
position:relative;
overflow:hidden;
background:linear-gradient(135deg, #1e293b 0%, #0f172a 100%)}
.csh-card-media img{width:100%;
height:100%;
object-fit:cover;
display:block}
.csh-card-placeholder{position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
padding:1rem}
.csh-card-placeholder p{margin:0;
color:rgba(255, 255, 255, 0.55);
font-size:1rem;
font-weight:700;
font-family:var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif);
text-align:center}
.csh-card-pills{position:absolute;
top:14px;
left:14px;
display:flex;
gap:6px;
flex-wrap:wrap}
.csh-pill{display:inline-flex;
align-items:center;
padding:4px 10px;
border-radius:6px;
font-size:0.66rem;
font-weight:700;
letter-spacing:0.04em}
.csh-pill-current{background:rgba(34, 197, 94, 0.2);
color:#6ee7b7;
border:1px solid rgba(34, 197, 94, 0.3)}
.csh-pill-past{background:rgba(255, 255, 255, 0.15);
color:#fff;
border:1px solid rgba(255, 255, 255, 0.2)}
.csh-pill-scope{background:rgba(255, 255, 255, 0.1);
color:#fff;
border:1px solid rgba(255, 255, 255, 0.15)}
.csh-card-body{padding:1.4rem 1.5rem 1.5rem}
.csh-card-meta{margin:0 0 0.4rem;
font-size:0.7rem;
color:#94a3b8;
letter-spacing:0.06em;
font-weight:700;
text-transform:uppercase}
.csh-card-title{margin:0 0 0.55rem;
font-family:var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif);
font-size:1.32rem;
font-weight:700;
letter-spacing:-0.01em;
color:#0a0a0a}
.csh-card-summary{margin:0 0 1rem;
font-size:0.88rem;
color:#64748b;
line-height:1.55}
.csh-card-tags{display:flex;
gap:6px;
flex-wrap:wrap}
.csh-card-tag{font-size:0.66rem;
padding:3px 9px;
background:#f1f5f9;
color:#475569;
border-radius:4px;
font-weight:600}
.csh-honest{padding:5rem 0;
background:linear-gradient(135deg, #faf5ff 0%, #fdf4ff 100%)}
.csh-honest-card{max-width:760px;
margin:0 auto;
background:#fff;
border:0.5px solid #e5e7eb;
border-radius:18px;
padding:2.2rem 2.4rem;
box-shadow:0 12px 28px -16px rgba(20, 49, 98, 0.12)}
.csh-honest-header{display:flex;
gap:0.85rem;
align-items:flex-start;
margin-bottom:1rem}
.csh-honest-icon{width:38px;
height:38px;
background:rgba(127, 71, 221, 0.1);
border-radius:9px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0}
.csh-honest-icon i{font-size:1.15rem;
color:var(--brand-purple, #7f47dd)}
.csh-honest-title{margin:0;
font-family:var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif);
font-size:1.18rem;
font-weight:700;
letter-spacing:-0.01em}
.csh-honest-body{margin:0;
font-size:0.92rem;
color:#475569;
line-height:1.75}
.csh-seo-content{padding:3rem 0; background:#fff}
.csh-seo-container{max-width:760px}
.csh-seo-body{font-size:1rem; line-height:1.7; color:#475569}
.csh-seo-body a{color:var(--brand-purple, #7f47dd)}
.csh-final-cta{background:linear-gradient(135deg, var(--brand-purple, #7f47dd) 0%, var(--accent-dark, #5b21b6) 100%)}
.cs-hub{background:#fff}
.cs-eyebrow{display:inline-block;
font-size:0.72rem;
letter-spacing:0.14em;
text-transform:uppercase;
font-weight:700;
color:var(--brand-purple, #7f47dd);
margin:0 0 1rem}
.cs-pill{display:inline-flex;
align-items:center;
padding:4px 11px;
border-radius:6px;
font-size:0.66rem;
font-weight:700;
letter-spacing:0.04em;
line-height:1.2}
.cs-pill-current{background:rgba(34, 197, 94, 0.12);
color:#16a34a}
.cs-pill-past{background:rgba(127, 71, 221, 0.08);
color:var(--brand-purple, #7f47dd)}
.cs-pill-on-dark.cs-pill-current{background:rgba(34, 197, 94, 0.2);
color:#6ee7b7;
border:1px solid rgba(34, 197, 94, 0.3)}
.cs-pill-on-dark.cs-pill-past{background:rgba(255, 255, 255, 0.15);
color:#fff;
border:1px solid rgba(255, 255, 255, 0.2)}
.cs-pill-tag.cs-pill-on-dark{background:rgba(255, 255, 255, 0.1);
color:#fff;
border:1px solid rgba(255, 255, 255, 0.15)}
.cs-hero{background:linear-gradient(135deg, var(--brand-navy, #143162) 0%, #1a1f4e 100%);
color:#fff;
padding:5rem 0 5.5rem;
text-align:center;
position:relative;
overflow:hidden}
.cs-hero::before{content:'';
position:absolute;
top:-100px;
right:-50px;
width:600px;
height:600px;
background:radial-gradient(circle, rgba(127, 71, 221, 0.25) 0%, transparent 70%);
pointer-events:none}
.cs-hero > .container{position:relative; max-width:800px}
.cs-hero-eyebrow{font-size:0.74rem;
letter-spacing:0.14em;
text-transform:uppercase;
font-weight:700;
color:var(--accent-light, #a78bfa);
margin:0 0 1rem}
.cs-hero-title{font-family:var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif);
font-size:clamp(2.2rem, 5vw, 3.4rem);
line-height:1.05;
font-weight:800;
letter-spacing:-0.025em;
margin:0 0 1.25rem;
color:#fff}
.cs-hero-accent{color:var(--accent-soft, #c4b5fd)}
.cs-hero-subtitle{font-size:1.05rem;
line-height:1.6;
color:var(--accent-soft, #c4b5fd);
margin:0 auto 2rem;
max-width:580px}
.cs-hero-stats{display:flex;
gap:2rem;
justify-content:center;
flex-wrap:wrap;
margin-top:2rem}
.cs-hero-stat{text-align:center}
.cs-hero-stat-value{font-family:var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif);
font-size:1.85rem;
font-weight:800;
color:#fff;
margin:0;
line-height:1}
.cs-hero-stat-label{font-size:0.7rem;
color:var(--accent-light, #a78bfa);
letter-spacing:0.06em;
margin:0.3rem 0 0;
font-weight:700}
.cs-grid-section{padding:4rem 0; background:#fff}
.cs-filters{display:flex;
flex-wrap:wrap;
gap:0.5rem;
padding:0.85rem 1.1rem;
background:#fafafa;
border:0.5px solid #e5e7eb;
border-radius:12px;
margin-bottom:2rem;
align-items:center}
.cs-filters-label{margin:0 0.75rem 0 0;
font-size:0.78rem;
color:#64748b;
font-weight:600}
.cs-filter{padding:6px 12px;
background:#fff;
border:0.5px solid #e5e7eb;
border-radius:8px;
font-size:0.78rem;
color:#475569;
font-weight:500;
cursor:pointer;
transition:all 0.2s ease;
font-family:inherit}
.cs-filter:hover{background:#f1f5f9;
color:#1e293b}
.cs-filter-active{background:var(--brand-purple, #7f47dd) !important;
color:#fff !important;
border-color:var(--brand-purple, #7f47dd);
font-weight:600}
.cs-filter-count{opacity:0.75; font-weight:500; margin-left:2px}
.cs-filters-divider{color:#cbd5e1; margin:0 0.5rem}
.cs-grid{display:grid;
grid-template-columns:1fr 1fr;
gap:1.5rem}
.cs-card{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:18px;
overflow:hidden;
transition:all 0.25s ease;
text-decoration:none;
color:inherit;
display:block}
.cs-card:hover{transform:translateY(-3px);
box-shadow:0 12px 32px rgba(15, 23, 42, 0.08);
border-color:rgba(127, 71, 221, 0.25)}
.cs-card-media{aspect-ratio:16/10;
position:relative;
overflow:hidden;
background:linear-gradient(135deg, #1e293b 0%, #0f172a 100%)}
.cs-card-media img{width:100%;
height:100%;
object-fit:cover;
display:block}
.cs-card-placeholder{position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
color:rgba(255, 255, 255, 0.45);
font-family:var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif);
font-size:3rem;
font-weight:800;
letter-spacing:0.05em}
.cs-card-pills{position:absolute;
top:14px;
left:14px;
display:flex;
gap:6px}
.cs-card-pills .cs-pill{background:rgba(255, 255, 255, 0.95);
color:var(--brand-navy, #143162);
border:1px solid rgba(255, 255, 255, 0.1);
box-shadow:0 2px 6px rgba(15, 23, 42, 0.12)}
.cs-card-pills .cs-pill-current{background:rgba(34, 197, 94, 0.95);
color:#fff}
.cs-card-pills .cs-pill-past{background:rgba(127, 71, 221, 0.95);
color:#fff}
.cs-card-body{padding:1.5rem}
.cs-card-meta{margin:0 0 0.4rem;
font-size:0.7rem;
color:#94a3b8;
letter-spacing:0.06em;
font-weight:700;
text-transform:uppercase}
.cs-card-title{font-family:var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif);
margin:0 0 0.55rem;
font-size:1.3rem;
font-weight:700;
letter-spacing:-0.01em;
color:#0a0a0a;
line-height:1.2}
.cs-card-desc{margin:0 0 1rem;
font-size:0.9rem;
color:#64748b;
line-height:1.55}
.cs-card-services{display:flex;
gap:6px;
flex-wrap:wrap}
.cs-card-service{font-size:0.66rem;
padding:3px 8px;
background:#f1f5f9;
color:#475569;
border-radius:4px;
font-weight:600;
letter-spacing:0.02em}
.cs-empty{padding:3rem;
text-align:center;
background:#fafafa;
border-radius:14px;
color:#64748b;
font-size:0.95rem}
.cs-honest{padding:4rem 0;
background:linear-gradient(135deg, #faf5ff 0%, #fdf4ff 100%)}
.cs-honest .container{max-width:800px}
.cs-honest-card{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:18px;
padding:2.25rem;
box-shadow:0 4px 18px rgba(127, 71, 221, 0.06)}
.cs-honest-header{display:flex;
gap:0.85rem;
align-items:flex-start;
margin-bottom:1.1rem}
.cs-honest-icon{width:36px;
height:36px;
background:rgba(127, 71, 221, 0.1);
border-radius:9px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
color:var(--brand-purple, #7f47dd);
font-size:1.1rem}
.cs-honest-title{font-family:var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif);
margin:0;
font-size:1.15rem;
font-weight:700;
letter-spacing:-0.01em;
line-height:1.3}
.cs-honest-body{margin:0;
font-size:0.95rem;
color:#475569;
line-height:1.7}
.cs-seo-content{padding:3.5rem 0; background:#fff}
.cs-seo-container{max-width:760px}
.cs-seo-body{font-size:1rem; line-height:1.7; color:#1e293b}
.cs-seo-body h2, .cs-seo-body h3{font-family:var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif);
margin-top:1.75rem;
margin-bottom:0.6rem;
letter-spacing:-0.01em}
.cs-single{background:#fff}
.cs-s-hero{background:linear-gradient(135deg, var(--brand-navy, #143162) 0%, #1a1f4e 100%);
color:#fff;
padding:3.5rem 0 4rem;
position:relative;
overflow:hidden}
.cs-s-hero::before{content:'';
position:absolute;
top:-100px;
right:-50px;
width:600px;
height:600px;
background:radial-gradient(circle, rgba(127, 71, 221, 0.25) 0%, transparent 70%);
pointer-events:none}
.cs-s-hero > .container{position:relative}
.cs-s-breadcrumb{font-size:0.78rem;
color:var(--accent-light, #a78bfa);
margin-bottom:1.5rem}
.cs-s-breadcrumb a{color:var(--accent-light, #a78bfa);
text-decoration:none}
.cs-s-breadcrumb a:hover{color:#fff}
.cs-s-breadcrumb span[aria-hidden]{color:rgba(255, 255, 255, 0.3); margin:0 0.4rem}
.cs-s-hero-grid{display:grid;
grid-template-columns:1.1fr 1fr;
gap:3rem;
align-items:center}
.cs-s-hero-pills{display:flex;
gap:6px;
flex-wrap:wrap;
margin-bottom:1rem}
.cs-s-hero-title{font-family:var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif);
font-size:clamp(1.9rem, 4.2vw, 2.7rem);
line-height:1.08;
font-weight:800;
letter-spacing:-0.02em;
margin:0 0 1rem;
color:#fff}
.cs-s-hero-subtitle{font-size:1.02rem;
color:var(--accent-soft, #c4b5fd);
line-height:1.6;
margin:0 0 1.75rem;
max-width:520px}
.cs-s-hero-meta{display:grid;
grid-template-columns:repeat(3, 1fr);
gap:0.85rem;
margin-bottom:1.5rem}
.cs-s-meta-item{}
.cs-s-meta-label{margin:0 0 0.25rem;
font-size:0.68rem;
color:var(--accent-light, #a78bfa);
letter-spacing:0.06em;
font-weight:700}
.cs-s-meta-value{margin:0;
font-size:0.9rem;
color:#fff;
font-weight:700}
.cs-s-hero-link{display:inline-flex;
align-items:center;
font-size:0.85rem;
color:var(--accent-light, #a78bfa);
text-decoration:none;
font-weight:600;
transition:color 0.2s ease}
.cs-s-hero-link:hover{color:#fff}
.cs-s-hero-media{position:relative}
.cs-s-hero-video, .cs-s-hero-image, .cs-s-hero-placeholder{aspect-ratio:4/3;
border-radius:18px;
overflow:hidden;
border:1px solid rgba(255, 255, 255, 0.08);
background:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
position:relative;
display:block;
width:100%}
.cs-s-hero-video{cursor:pointer;
padding:0;
border:1px solid rgba(255, 255, 255, 0.08);
background:linear-gradient(135deg, #1e293b 0%, #0f172a 100%)}
.cs-s-hero-video img, .cs-s-hero-image img{width:100%;
height:100%;
object-fit:cover;
display:block}
.cs-s-hero-placeholder{display:flex;
align-items:center;
justify-content:center}
.cs-s-hero-placeholder span{color:rgba(255, 255, 255, 0.35);
font-family:var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif);
font-size:4rem;
font-weight:800;
letter-spacing:0.05em}
.cs-s-hero-play{position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
width:64px;
height:64px;
background:rgba(255, 255, 255, 0.95);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:var(--brand-purple, #7f47dd);
box-shadow:0 8px 24px rgba(0, 0, 0, 0.25);
transition:transform 0.2s ease}
.cs-s-hero-video:hover .cs-s-hero-play{transform:translate(-50%, -50%) scale(1.05)}
.cs-s-hero-video-label{position:absolute;
bottom:14px;
left:14px;
background:rgba(0, 0, 0, 0.7);
color:#fff;
padding:5px 10px;
border-radius:6px;
font-size:0.72rem;
font-weight:600}
.cs-s-psw{padding:4rem 0;
background:#fff}
.cs-s-psw-grid{display:grid;
grid-template-columns:repeat(3, 1fr);
gap:1.1rem}
.cs-s-psw-card{background:#fafafa;
border:0.5px solid #e5e7eb;
border-radius:14px;
padding:1.5rem;
transition:all 0.2s ease}
.cs-s-psw-card:hover{border-color:rgba(127, 71, 221, 0.2);
box-shadow:0 4px 16px rgba(127, 71, 221, 0.04)}
.cs-s-psw-pill{display:inline-flex;
padding:4px 10px;
border-radius:100px;
margin-bottom:0.85rem;
font-size:0.66rem;
font-weight:700;
letter-spacing:0.06em}
.cs-s-psw-pill-red{background:rgba(220, 38, 38, 0.08);
color:#b91c1c}
.cs-s-psw-pill-purple{background:rgba(127, 71, 221, 0.08);
color:var(--brand-purple, #7f47dd)}
.cs-s-psw-pill-green{background:rgba(34, 197, 94, 0.08);
color:#16a34a}
.cs-s-psw-body{margin:0;
font-size:0.92rem;
color:#475569;
line-height:1.65}
.cs-s-built{padding:0 0 4rem;
background:#fff}
.cs-s-built-card{background:#fafafa;
border-radius:18px;
padding:2.25rem;
border:0.5px solid #e5e7eb}
.cs-s-built-title{font-family:var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif);
margin:0 0 1rem;
font-size:clamp(1.4rem, 2.4vw, 1.7rem);
font-weight:700;
letter-spacing:-0.01em;
line-height:1.2}
.cs-s-built-body{margin:0;
font-size:1rem;
color:#475569;
line-height:1.7}
.cs-s-gallery{padding:0 0 4rem;
background:#fff}
.cs-s-gallery-grid{display:grid;
grid-template-columns:1fr 1fr;
gap:1rem}
.cs-s-gallery-item{margin:0;
aspect-ratio:16/10;
border-radius:14px;
overflow:hidden;
background:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
position:relative;
border:0.5px solid #e5e7eb}
.cs-s-gallery-item img{width:100%;
height:100%;
object-fit:cover;
display:block}
.cs-s-gallery-item figcaption{position:absolute;
bottom:12px;
left:12px;
background:rgba(0, 0, 0, 0.7);
color:#fff;
padding:5px 10px;
border-radius:6px;
font-size:0.72rem;
font-weight:600}
.cs-s-verify{padding:4.5rem 0;
background:#fafafa;
text-align:center}
.cs-s-verify .container{max-width:760px}
.cs-s-verify-eyebrow{margin-bottom:1rem}
.cs-s-verify-title{font-family:var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif);
margin:0 0 1rem;
font-size:clamp(1.6rem, 3vw, 1.95rem);
font-weight:700;
letter-spacing:-0.02em}
.cs-s-verify-body{margin:0 0 1.5rem;
font-size:0.98rem;
color:#64748b;
line-height:1.65}
.cs-s-verify-btn{display:inline-flex;
align-items:center;
gap:8px;
padding:0.75rem 1.4rem;
background:#fff;
border:0.5px solid #e5e7eb;
border-radius:10px;
font-size:0.88rem;
color:var(--brand-purple, #7f47dd);
font-weight:700;
text-decoration:none;
box-shadow:0 2px 8px rgba(15, 23, 42, 0.04);
transition:all 0.2s ease}
.cs-s-verify-btn:hover{background:var(--brand-purple, #7f47dd);
color:#fff;
border-color:var(--brand-purple, #7f47dd);
transform:translateY(-1px)}
.cs-s-content{padding:3rem 0; background:#fff}
.cs-s-content-container{max-width:760px}
.cs-s-content-body{font-size:1rem; line-height:1.7; color:#1e293b}
.cs-s-content-body h2, .cs-s-content-body h3{font-family:var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif);
margin-top:1.75rem;
margin-bottom:0.6rem;
letter-spacing:-0.01em}
.cs-s-related{padding:4rem 0;
background:#fff;
border-top:0.5px solid #e5e7eb}
.cs-s-related-title{font-family:var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif);
margin:0 0 2rem;
font-size:1.55rem;
font-weight:700;
letter-spacing:-0.01em}
.cs-s-related-grid{display:grid;
grid-template-columns:repeat(3, 1fr);
gap:1rem}
.cs-s-related-card{background:#fff;
border:0.5px solid #e5e7eb;
border-radius:14px;
overflow:hidden;
text-decoration:none;
color:inherit;
transition:all 0.2s ease;
display:block}
.cs-s-related-card:hover{transform:translateY(-2px);
box-shadow:0 8px 20px rgba(15, 23, 42, 0.07);
border-color:rgba(127, 71, 221, 0.25)}
.cs-s-related-media{aspect-ratio:16/10;
background:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
position:relative;
overflow:hidden}
.cs-s-related-media img{width:100%;
height:100%;
object-fit:cover;
display:block}
.cs-s-related-placeholder{position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
color:rgba(255, 255, 255, 0.4);
font-family:var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif);
font-size:2.2rem;
font-weight:800}
.cs-s-related-body{padding:1rem 1.1rem}
.cs-s-related-meta{margin:0 0 0.25rem;
font-size:0.65rem;
color:#94a3b8;
letter-spacing:0.06em;
font-weight:700;
text-transform:uppercase}
.cs-s-related-name{font-family:var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif);
margin:0;
font-size:0.95rem;
font-weight:700;
color:#0a0a0a;
line-height:1.25}
.cs-hub-final-cta, .cs-s-final-cta{background:linear-gradient(135deg, var(--brand-purple, #7f47dd) 0%, var(--accent-dark, #5b21b6) 100%)}
@media (max-width:960px){.cs-grid{grid-template-columns:1fr 1fr}
.cs-s-hero-grid{grid-template-columns:1fr; gap:2rem}
.cs-s-psw-grid{grid-template-columns:1fr}
.cs-s-related-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){.cs-grid{grid-template-columns:1fr}
.cs-hero{padding:4rem 0 4.5rem}
.cs-hero-stats{gap:1.25rem 2rem}
.cs-hero-stat-value{font-size:1.55rem}
.cs-s-hero{padding:2.5rem 0 3rem}
.cs-s-hero-meta{grid-template-columns:1fr 1fr}
.cs-s-gallery-grid{grid-template-columns:1fr}
.cs-s-related-grid{grid-template-columns:1fr}
.cs-filters{padding:0.65rem 0.75rem}
.cs-filters-divider{display:none}
}
img{max-width:100%;
height:auto}
.featured-post-image img,
.post-card-image img,
.blog-card-image img,
.blog-card-thumb img,
.blog-post-card .card-thumb img{object-fit:contain !important;
width:100% !important;
height:100% !important;
background:#1e3a8a}
.featured-post-image,
.post-card-image,
.blog-card-image,
.blog-card-thumb,
.blog-post-card .card-thumb{aspect-ratio:16 / 9 !important;
height:auto !important;
background:#1e3a8a;
overflow:hidden}
@media (max-width:1024px){.container{padding-left:1.5rem; padding-right:1.5rem}
.hero-grid{grid-template-columns:1fr 1fr; gap:2rem}
.hero-features{grid-column:1 / -1; flex-direction:row; flex-wrap:wrap}
}
@media (max-width:768px){.container{padding-left:1.25rem; padding-right:1.25rem}
section{overflow-x:hidden}
.hero{padding:5rem 0 3rem}
.hero-grid{grid-template-columns:1fr; gap:2rem}
.hero-content{grid-column:1; order:1}
.hero-image{grid-column:1; order:2}
.hero-features{grid-column:1; order:3; flex-direction:column}
.hero h1{font-size:clamp(2.2rem, 9vw, 3rem)}
.hero-stats{flex-wrap:wrap; gap:1.5rem}
.hero-image img{max-width:100%}
.ap-hero{padding:70px 0 50px !important}
.ap-hero-grid{grid-template-columns:1fr !important; gap:32px !important}
.ap-hero-text{order:1}
.ap-hero-media{order:2}
.ap-hero-buttons{flex-wrap:wrap; gap:12px}
.ap-hero-media-inner{max-width:100%}
.ap-clients-grid{grid-template-columns:repeat(2, 1fr) !important; gap:16px}
.ap-bts-grid{grid-template-columns:1fr !important; gap:20px}
.ap-credentials-grid{grid-template-columns:1fr !important; gap:16px}
.ap-deep-dive-content{font-size:1rem}
.ap-quote{padding:56px 0 !important}
.ap-quote-text, .ap-quote blockquote{font-size:1.25rem !important; line-height:1.5 !important}
.blog-listing-grid{grid-template-columns:1fr !important; gap:2.5rem}
.blog-sidebar{position:static !important}
.posts-grid,
.posts-grid.posts-grid-3col,
.blog-posts-grid,
.blog-grid{grid-template-columns:1fr !important; gap:1.25rem}
.featured-post-body{padding:1.5rem !important}
.featured-post-body h2{font-size:1.4rem}
.post-card-body{padding:1.25rem !important}
.single-post-content,
.entry-content{font-size:1rem; line-height:1.7}
.single-post-content img,
.entry-content img{border-radius:10px}
.sv-hero-grid,
.sv-problem-grid,
.sv-solution-grid,
.pt-hero-grid{grid-template-columns:1fr !important; gap:2rem}
.sv-included-grid,
.sv-process-grid,
.sv-pricing-grid,
.pt-features-grid,
.pt-pricing-grid{grid-template-columns:1fr !important; gap:1.25rem}
.sv-hero-stats{flex-wrap:wrap; gap:1.25rem}
.cs-s-hero-grid,
.cs-s-psw-grid,
.cs-s-gallery-grid,
.cs-s-related-grid,
.cs-grid{grid-template-columns:1fr !important; gap:1.25rem}
.youtube-grid{grid-template-columns:1fr !important}
.linkedin-grid{grid-template-columns:1fr !important}
.linkedin-header{flex-direction:column; align-items:flex-start}
.linkedin-connect-btn{align-self:flex-start}
.footer-grid{grid-template-columns:1fr 1fr !important; gap:2rem}
.footer-brand{grid-column:1 / -1}
h1{font-size:clamp(1.9rem, 7vw, 2.6rem)}
h2{font-size:clamp(1.5rem, 5.5vw, 2rem)}
.hero-buttons,
.ap-hero-buttons,
.sv-hero-buttons{width:100%}
}
@media (max-width:480px){.container{padding-left:1rem; padding-right:1rem}
.ap-clients-grid{grid-template-columns:1fr !important}
.footer-grid{grid-template-columns:1fr !important}
.hero{padding:4rem 0 2.5rem}
.hero h1{font-size:clamp(1.9rem, 9vw, 2.4rem)}
.hero-stats,
.sv-hero-stats{gap:1rem}
.hero-stat,
.sv-hero-stat{min-width:45%}
.hero-buttons a,
.ap-hero-buttons a,
.sv-hero-buttons a{width:100%;
text-align:center;
justify-content:center}
.youtube-section,
.linkedin-section,
.blog-preview-section{padding:48px 0 !important}
.single-post-hero h1,
.post-hero h1{font-size:1.6rem}
}
@media (max-width:768px){.post-header{padding:5rem 1.25rem 2.5rem !important}
.post-header-inner{max-width:100% !important;
margin:0 auto;
padding:0 !important}
.post-header h1{font-size:clamp(1.5rem, 6.5vw, 2rem) !important;
word-wrap:break-word;
overflow-wrap:break-word;
hyphens:auto}
.post-meta-top{flex-wrap:wrap !important;
gap:0.5rem 0.85rem !important;
font-size:0.75rem !important}
.post-excerpt{font-size:1rem !important;
word-wrap:break-word}
.post-content-wrap,
.post-body{padding-left:1.25rem !important; padding-right:1.25rem !important}
.post-featured-image-wrap img,
.post-featured-image img{width:100% !important; height:auto !important; border-radius:10px}
.post-content img{max-width:100% !important; height:auto !important}
.ap-journey-timeline{grid-template-columns:1fr !important;
gap:0 !important;
padding-left:28px !important}
.ap-journey-line{left:6px !important;
right:auto !important;
top:8px !important;
bottom:8px !important;
width:2px !important;
height:auto !important;
transform:none !important;
background:linear-gradient(180deg, rgba(127,71,221,0) 0%, #7f47dd 6%, #7f47dd 94%, rgba(127,71,221,0) 100%) !important}
.ap-journey-step{text-align:left !important;
padding:0 0 32px 0 !important;
position:relative}
.ap-journey-step:last-child{padding-bottom:0 !important}
.ap-journey-year{margin:0 0 8px !important;
font-size:15px !important}
.ap-journey-dot{position:absolute !important;
left:-28px !important;
top:2px !important;
margin:0 !important;
width:14px !important;
height:14px !important}
.ap-journey-title{font-size:15px !important; margin-bottom:4px !important}
.ap-journey-desc{font-size:13px !important}
}
.cs-s-hero-video,
.cs-s-hero-image,
.cs-s-hero-placeholder{aspect-ratio:16 / 9 !important}
.cs-s-hero-video img,
.cs-s-hero-image img{object-fit:contain !important;
background:#0f172a}
.cs-s-related-media{aspect-ratio:16 / 9 !important;
background:#0f172a;
overflow:hidden}
.cs-s-related-media img{object-fit:contain !important;
width:100% !important;
height:100% !important;
background:#0f172a}
.cat-post-thumb{aspect-ratio:16 / 9 !important;
height:auto !important;
background:#1e3a8a;
overflow:hidden}
.cat-post-thumb img{object-fit:contain !important;
background:#1e3a8a}
.blog-preview-card-image{aspect-ratio:16 / 9 !important}
.blog-preview-card-image img{object-fit:contain !important;
width:100% !important;
height:100% !important;
background:#1e3a8a}
.blog-preview-placeholder{align-items:center !important;
justify-content:center !important;
text-align:center !important;
padding:18px 18px 48px !important;
color:rgba(15, 23, 42, 0.75) !important;
font-size:14px !important}
.blog-preview-placeholder span{max-width:100% !important}
i.ti{display:inline-block;
width:1em;
height:1em;
line-height:1;
text-align:center;
flex-shrink:0}