/* ===== RESET & BASE ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, -apple-system, sans-serif; font-size: 16px; line-height: 1.6; color: #2c2c2c; background: #fff; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }

/* ===== TAILWIND UTILITY SUBSET ===== */
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
.z-10 { z-index: 10; }
.z-50 { z-index: 50; }
.flex { display: flex; }
.hidden { display: none; }
.block { display: block; }
.grid { display: grid; }
.items-center { align-items: center; }
.items-start { align-items: flex-start; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-end { justify-content: flex-end; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-5 { gap: 1.25rem; }
.gap-6 { gap: 1.5rem; }
.gap-8 { gap: 2rem; }
.gap-10 { gap: 2.5rem; }
.gap-12 { gap: 3rem; }
.gap-16 { gap: 4rem; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.shrink-0 { flex-shrink: 0; }
.w-full { width: 100%; }
.h-full { height: 100%; }
.min-h-screen { min-height: 100vh; }
.w-1 { width: 0.25rem; }
.h-1 { height: 0.25rem; }
.w-6 { width: 1.5rem; }
.h-6 { height: 1.5rem; }
.w-7 { width: 1.75rem; }
.h-7 { height: 1.75rem; }
.w-9 { width: 2.25rem; }
.h-9 { height: 2.25rem; }
.w-10 { width: 2.5rem; }
.h-10 { height: 2.5rem; }
.w-12 { width: 3rem; }
.h-12 { height: 3rem; }
.w-14 { width: 3.5rem; }
.h-14 { height: 3.5rem; }
.w-px { width: 1px; }
.h-px { height: 1px; }
.h-3 { height: 0.75rem; }
.h-16 { height: 4rem; }
.overflow-hidden { overflow: hidden; }
.overflow-x-hidden { overflow-x: hidden; }
.rounded-xl { border-radius: 0.75rem; }
.rounded-2xl { border-radius: 1rem; }
.rounded-3xl { border-radius: 1.5rem; }
.rounded-full { border-radius: 9999px; }
.rounded-lg { border-radius: 0.5rem; }
.rounded-md { border-radius: 0.375rem; }
.text-center { text-align: center; }
.text-white { color: #fff; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-base { font-size: 1rem; line-height: 1.5rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.font-bold { font-weight: 700; }
.font-semibold { font-weight: 600; }
.font-medium { font-weight: 500; }
.font-light { font-weight: 300; }
.font-black { font-weight: 900; }
.font-italic { font-style: italic; }
.italic { font-style: italic; }
.uppercase { text-transform: uppercase; }
.tracking-tight { letter-spacing: -0.025em; }
.tracking-wide { letter-spacing: 0.025em; }
.tracking-widest { letter-spacing: 0.1em; }
.leading-tight { line-height: 1.25; }
.leading-snug { line-height: 1.375; }
.leading-relaxed { line-height: 1.625; }
.leading-loose { line-height: 2; }
.leading-none { line-height: 1; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-7 { margin-bottom: 1.75rem; }
.mb-8 { margin-bottom: 2rem; }
.mb-10 { margin-bottom: 2.5rem; }
.mb-12 { margin-bottom: 3rem; }
.mb-14 { margin-bottom: 3.5rem; }
.mb-16 { margin-bottom: 4rem; }
.mt-1 { margin-top: 0.25rem; }
.mt-1\.5 { margin-top: 0.375rem; }
.mt-4 { margin-top: 1rem; }
.mt-5 { margin-top: 1.25rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-7 { margin-top: 1.75rem; }
.mt-14 { margin-top: 3.5rem; }
.mr-1 { margin-right: 0.25rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.pt-3 { padding-top: 0.75rem; }
.pt-6 { padding-top: 1.5rem; }
.pb-5 { padding-bottom: 1.25rem; }
.pb-8 { padding-bottom: 2rem; }
.pb-16 { padding-bottom: 4rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.py-28 { padding-top: 7rem; padding-bottom: 7rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.p-3 { padding: 0.75rem; }
.p-5 { padding: 1.25rem; }
.p-8 { padding: 2rem; }
.p-10 { padding: 2.5rem; }
.border-t { border-top-width: 1px; border-top-style: solid; }
.border-b { border-bottom-width: 1px; border-bottom-style: solid; }
.border-l-4 { border-left-width: 4px; border-left-style: solid; }
.border-t-4 { border-top-width: 4px; border-top-style: solid; }
.border-white\/10 { border-color: rgba(255,255,255,0.1); }
.border-gray-100 { border-color: #f3f4f6; }
.border-none { border: none; }
.shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.1); }
.shadow-xl { box-shadow: 0 20px 25px rgba(0,0,0,0.15); }
.shadow-2xl { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
.pointer-events-none { pointer-events: none; }
.cursor-pointer { cursor: pointer; }
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4,0,0.2,1); transition-duration: 150ms; }
.transition-colors { transition-property: color, background-color, border-color; transition-timing-function: cubic-bezier(0.4,0,0.2,1); transition-duration: 150ms; }
.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4,0,0.2,1); transition-duration: 150ms; }
.duration-200 { transition-duration: 200ms; }
.duration-300 { transition-duration: 300ms; }
.duration-500 { transition-duration: 500ms; }
.translate-x-1\/2 { transform: translateX(50%); }
.-translate-x-1\/2 { transform: translateX(-50%); }
.-translate-y-1\/2 { transform: translateY(-50%); }
.translate-y-0 { transform: translateY(0); }
.opacity-0 { opacity: 0; }
.opacity-1 { opacity: 1; }
.opacity-50 { opacity: 0.5; }
.space-y-2 > * + * { margin-top: 0.5rem; }
.space-y-3 > * + * { margin-top: 0.75rem; }
.max-w-xs { max-width: 20rem; }
.max-w-lg { max-width: 32rem; }
.max-w-2xl { max-width: 42rem; }
.max-w-3xl { max-width: 48rem; }
.max-w-7xl { max-width: 80rem; }
.pl-6 { padding-left: 1.5rem; }
.aspect-4-3 { aspect-ratio: 4/3; }
.object-cover { object-fit: cover; }
.object-top { object-position: top; }
.object-center { object-position: center; }
.-inset-1\.5 { top: -0.375rem; right: -0.375rem; bottom: -0.375rem; left: -0.375rem; }
.-inset-4 { top: -1rem; right: -1rem; bottom: -1rem; left: -1rem; }
.-bottom-4 { bottom: -1rem; }
.-bottom-5 { bottom: -1.25rem; }
.-top-5 { top: -1.25rem; }
.-left-10 { left: -2.5rem; }
.-right-6 { right: -1.5rem; }
.top-0 { top: 0; }
.left-0 { left: 0; }
.right-0 { right: 0; }
.bottom-0 { bottom: 0; }
.bottom-8 { bottom: 2rem; }
.top-1\/2 { top: 50%; }
.left-1\/2 { left: 50%; }
.-rotate-90 { transform: rotate(-90deg); }
.whitespace-nowrap { white-space: nowrap; }
.bg-white { background-color: #fff; }
.select-none { user-select: none; }
.sticky { position: sticky; }
.top-24 { top: 6rem; }

/* ===== CUSTOM COLORS / BRAND ===== */
.text-orange { color: #FF6B35; }
.text-purple { color: #6C63FF; }
.bg-dark { background: #1a1a1a; }
.text-gray-600 { color: #4b5563; }
.text-gray-700 { color: #374151; }
.text-gray-400 { color: #9ca3af; }
.bg-gray-50 { background: #f9fafb; }
.font-poppins { font-family: 'Poppins', sans-serif; }
.font-playfair { font-family: 'Playfair Display', serif; }
.font-inter { font-family: 'Inter', sans-serif; }

/* ===== SCROLL ANIMATIONS ===== */
.fade-in-up { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }
.fade-in-up.visible { opacity: 1; transform: translateY(0); }
.stagger-1 { transition-delay: 0.1s; }
.stagger-2 { transition-delay: 0.2s; }
.stagger-3 { transition-delay: 0.3s; }
.stagger-4 { transition-delay: 0.4s; }
.stagger-5 { transition-delay: 0.5s; }

/* ===== ANIMATIONS ===== */
@keyframes bounce-scroll { 0%,100%{transform:translateY(0)} 50%{transform:translateY(8px)} }
.bounce-scroll { animation: bounce-scroll 1.5s ease-in-out infinite; }
@keyframes shimmerText { 0%{background-position:0% center} 100%{background-position:200% center} }
@keyframes lightSweep { 0%{transform:translateX(-120%)} 100%{transform:translateX(120%)} }
@keyframes sparkle { 0%,100%{opacity:0;transform:scale(0.4)} 50%{opacity:0.8;transform:scale(1.3)} }
@keyframes pulseGlow { 0%,100%{opacity:0.5;transform:scale(0.98)} 50%{opacity:1;transform:scale(1)} }
@keyframes twinkle { 0%,100%{opacity:0.2;transform:scale(0.8)} 50%{opacity:1;transform:scale(1.4)} }

/* ===== HERO ===== */
.hero-section { position:relative; min-height:100vh; display:flex; align-items:center; overflow:hidden; }
.hero-bg { position:absolute; inset:0; background-image:url('../../images/hero-bg.jpg'); background-position:center; background-size:cover; background-attachment:fixed; }
@media(max-width:768px){ .hero-bg{background-attachment:scroll;} }
.hero-overlay-1 { position:absolute; inset:0; background:linear-gradient(to right, rgba(0,0,0,0.90) 0%, rgba(0,0,0,0.60) 50%, rgba(0,0,0,0.10) 100%); }
.hero-overlay-2 { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(0,0,0,0.40) 0%, transparent 50%, rgba(0,0,0,0.70) 100%); }
.hero-overlay-3 { position:absolute; inset:0; background:linear-gradient(135deg, rgba(108,99,255,0.12) 0%, transparent 50%, rgba(255,107,53,0.08) 100%); }
.hero-content { position:relative; z-index:10; width:100%; max-width:80rem; margin:0 auto; padding:6rem 1.5rem 4rem; }
.hero-grid { display:grid; grid-template-columns:1fr; gap:3rem; align-items:center; }
.hero-title { font-family:'Poppins',sans-serif; font-weight:700; font-size:clamp(2.2rem,5vw,3.75rem); line-height:1.1; margin-bottom:1.25rem; color:#fff; }
.hero-title-highlight { background:linear-gradient(90deg,#FF6B35 0%,#ffaa7a 45%,#FF6B35 100%); background-size:200% auto; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; animation:shimmerText 4s linear infinite; }
.hero-subtitle { color:#fff; font-weight:600; font-size:1.0625rem; margin-bottom:1rem; }
.hero-body { color:rgba(255,255,255,0.65); font-weight:300; font-size:0.9375rem; line-height:2; margin-bottom:2.5rem; max-width:32rem; }
.btn-primary { display:inline-block; background:#FF6B35; color:#fff; font-family:'Poppins',sans-serif; font-weight:600; padding:0.875rem 2rem; border-radius:0.5rem; transition:all 0.2s; box-shadow:0 0 24px rgba(255,107,53,0.35); cursor:pointer; border:none; font-size:1rem; }
.btn-primary:hover { background:#e55a24; box-shadow:0 0 40px rgba(255,107,53,0.55); color:#fff; }
.btn-outline { display:inline-block; background:transparent; color:#fff; font-family:'Poppins',sans-serif; font-weight:600; padding:0.875rem 2rem; border-radius:0.5rem; border:1px solid rgba(255,255,255,0.30); transition:all 0.2s; font-size:1rem; }
.btn-outline:hover { border-color:rgba(255,255,255,0.60); background:rgba(255,255,255,0.10); color:#fff; }
.hero-btns { display:flex; flex-wrap:wrap; gap:0.75rem; }
.hero-proof { color:rgba(255,255,255,0.30); font-size:0.75rem; letter-spacing:0.1em; margin-top:1.75rem; }
.hero-book-card { display:none; }
.hero-stat { position:absolute; padding:0.75rem 1rem; border-radius:1rem; }
.hero-stat-km { bottom:-1.25rem; left:-2.5rem; background:rgba(255,255,255,0.12); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,0.2); box-shadow:0 8px 32px rgba(0,0,0,0.3); }
.hero-stat-yr { top:-1.25rem; right:-1.5rem; background:linear-gradient(135deg,rgba(255,107,53,0.85),rgba(220,80,20,0.9)); backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,0.2); box-shadow:0 8px 32px rgba(255,107,53,0.4); }
.hero-stat-num { font-family:'Poppins',sans-serif; font-weight:700; color:#fff; font-size:1.125rem; line-height:1; }
.hero-stat-label { color:rgba(255,255,255,0.70); font-size:0.75rem; margin-top:0.125rem; }

/* ===== NAVBAR ===== */
.site-nav { position:fixed; top:0; left:0; right:0; z-index:50; transition:all 0.5s; }
.site-nav.scrolled { background:rgba(10,18,40,0.97); backdrop-filter:blur(12px); box-shadow:0 2px 24px rgba(10,18,40,0.5); }
.nav-inner { max-width:80rem; margin:0 auto; padding:0 1.25rem; display:flex; align-items:center; justify-content:space-between; height:4rem; }
.nav-logo { font-family:'Poppins',sans-serif; font-weight:700; color:#fff; font-size:1.125rem; letter-spacing:-0.025em; transition:color 0.2s; }
.nav-logo:hover { color:#FF6B35; }
.nav-links { display:none; align-items:center; gap:2rem; }
.nav-link { color:rgba(255,255,255,0.80); font-weight:500; font-size:0.875rem; letter-spacing:0.025em; transition:color 0.2s; }
.nav-link:hover { color:#fff; }
.nav-cta { background:#FF6B35; color:#fff; font-weight:600; padding:0.625rem 1.25rem; border-radius:0.5rem; font-size:0.875rem; transition:all 0.2s; box-shadow:0 4px 12px rgba(0,0,0,0.2); }
.nav-cta:hover { background:#e55a24; color:#fff; }
.nav-mobile-btn { color:#fff; background:none; border:none; cursor:pointer; padding:0.5rem; }
.nav-mobile-menu { background:rgba(10,18,40,0.98); border-top:1px solid rgba(255,255,255,0.10); padding:0.75rem 1.25rem 1.25rem; }
.nav-mobile-link { display:block; color:rgba(255,255,255,0.80); padding:0.75rem 0; border-bottom:1px solid rgba(255,255,255,0.05); font-weight:500; }
.nav-mobile-cta { display:block; text-align:center; background:#FF6B35; color:#fff; font-weight:600; padding:0.75rem 1.25rem; border-radius:0.5rem; margin-top:1rem; }

/* ===== SECTION HEADINGS ===== */
.section-heading { text-align:center; margin-bottom:3.5rem; }
.section-heading h2 { font-family:'Poppins',sans-serif; font-weight:700; font-size:clamp(1.75rem,3vw,2.5rem); color:#1a1a1a; margin-bottom:0.75rem; line-height:1.25; }
.section-heading p { color:rgba(0,0,0,0.40); font-size:1rem; }

/* ===== PROBLEM/SOLUTION ===== */
.problem-section { background:#f5f5f5; padding:5rem 0; }
.problem-grid { max-width:80rem; margin:0 auto; padding:0 1.25rem; display:grid; grid-template-columns:1fr; gap:3rem; }
.problem-label { color:#FF6B35; font-weight:600; font-size:0.875rem; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:1rem; display:block; }
.solution-label { color:#6C63FF; font-weight:600; font-size:0.875rem; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:1rem; display:block; }
.problem-quote { font-family:'Playfair Display',serif; font-style:italic; color:#1a1a1a; font-size:clamp(1.1rem,2vw,1.375rem); line-height:1.7; border-left:4px solid #FF6B35; padding-left:1.5rem; margin-bottom:1.5rem; }
.problem-text { color:#4b5563; font-size:1rem; line-height:1.625; }
.solution-h2 { font-family:'Poppins',sans-serif; font-weight:700; font-size:clamp(1.3rem,2.5vw,1.875rem); color:#1a1a1a; margin-bottom:1.25rem; line-height:1.35; }
.solution-text { color:#4b5563; font-size:1rem; line-height:1.625; margin-bottom:1.5rem; }
.solution-highlight { color:#374151; font-size:1rem; line-height:1.625; font-weight:500; }
.highlight-orange { color:#FF6B35; font-weight:700; }

/* ===== ABOUT BOOK ===== */
.book-section { background:#fff; padding:5rem 0; }
.book-grid { max-width:80rem; margin:0 auto; padding:0 1.25rem; display:grid; grid-template-columns:1fr; gap:3rem; align-items:start; }
.book-cover-wrap { display:flex; flex-direction:column; align-items:center; gap:1.25rem; }
.book-cover-img { width:16rem; border-radius:1rem; overflow:hidden; box-shadow:0 25px 50px rgba(0,0,0,0.25); }
.book-cover-img img { width:100%; height:100%; object-fit:cover; object-position:top; }
.book-coming-soon { display:flex; align-items:center; gap:0.75rem; }
.book-badge { font-family:'Poppins',sans-serif; font-weight:600; font-size:0.875rem; padding:0.5rem 1.25rem; border-radius:9999px; letter-spacing:0.15em; text-transform:uppercase; background:linear-gradient(135deg,#6C63FF 0%,#FF6B35 100%); color:#fff; box-shadow:0 4px 20px rgba(108,99,255,0.35); }
.book-note { color:#9ca3af; font-size:0.75rem; text-align:center; max-width:13.75rem; line-height:1.625; }
.book-label { color:#FF6B35; font-weight:600; font-size:0.875rem; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:1rem; display:block; }
.book-h2 { font-family:'Poppins',sans-serif; font-weight:700; font-size:clamp(1.5rem,3vw,2.25rem); color:#1a1a1a; margin-bottom:1.25rem; line-height:1.25; }
.book-desc { color:#4b5563; font-size:1.0625rem; line-height:1.625; margin-bottom:2rem; }
.book-stats { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:2rem; }
.book-stat { background:#1a1a1a; color:#fff; border-radius:0.75rem; padding:1.25rem; text-align:center; }
.book-stat-val { font-family:'Poppins',sans-serif; font-weight:700; font-size:1.875rem; color:#FF6B35; margin-bottom:0.25rem; }
.book-stat-lbl { color:rgba(255,255,255,0.70); font-size:0.875rem; }

/* ===== BENEFITS GRID ===== */
.benefits-section { position:relative; padding:5rem 0; overflow:hidden; background:radial-gradient(ellipse at 20% 30%,#1a1b3e 0%,#0a0d28 40%),radial-gradient(ellipse at 80% 70%,#2d1b3e 0%,transparent 50%),linear-gradient(135deg,#0a0d28 0%,#0d1230 50%,#0a0820 100%); }
.benefits-inner { max-width:80rem; margin:0 auto; padding:0 1.25rem; position:relative; z-index:10; }
.benefits-heading { text-align:center; margin-bottom:4rem; }
.benefits-super { color:#FF6B35; font-size:0.75rem; font-weight:600; letter-spacing:0.3em; text-transform:uppercase; display:flex; align-items:center; justify-content:center; gap:0.75rem; margin-bottom:1rem; }
.benefits-h2 { font-family:'Poppins',sans-serif; font-weight:700; font-size:clamp(1.75rem,3.5vw,3rem); color:#fff; margin-bottom:0.75rem; line-height:1.2; }
.benefits-gradient-text { background:linear-gradient(90deg,#FF6B35,#a29bfe); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.benefits-sub { color:rgba(255,255,255,0.50); font-size:1rem; }
.benefits-cards { display:grid; grid-template-columns:1fr; gap:1rem; }
.benefit-card-wrap { position:relative; }
.benefit-card { position:relative; border-radius:1rem; padding:1.25rem; height:100%; transition:all 0.5s; background:linear-gradient(155deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.03) 100%); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); }
.benefit-card:hover { transform:translateY(-0.5rem); }
.benefit-card-top { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:1rem; }
.benefit-score-label { color:rgba(255,255,255,0.40); font-size:0.5625rem; letter-spacing:0.2em; text-transform:uppercase; margin-top:0.375rem; font-weight:500; }
.benefit-num { font-family:'Poppins',sans-serif; font-weight:900; font-size:1.5rem; line-height:1; }
.benefit-icon-wrap { width:3.5rem; height:3.5rem; border-radius:1rem; display:flex; align-items:center; justify-content:center; font-size:1.5rem; margin:0 auto 1rem; }
.benefit-title { font-family:'Poppins',sans-serif; font-weight:700; color:#fff; font-size:0.875rem; margin-bottom:0.625rem; line-height:1.35; text-align:center; }
.benefit-desc { color:rgba(255,255,255,0.45); font-size:0.75rem; line-height:1.625; text-align:center; margin-bottom:1rem; }
.benefit-footer { display:flex; align-items:center; justify-content:space-between; padding-top:0.75rem; border-top-width:1px; border-top-style:solid; }
.benefit-dots { display:flex; gap:0.125rem; }
.benefit-dot { width:0.25rem; height:0.25rem; border-radius:9999px; }
.benefit-icon-sm { width:1.5rem; height:1.5rem; border-radius:0.375rem; display:flex; align-items:center; justify-content:center; font-size:0.75rem; }
.benefits-hud { margin-top:3.5rem; display:flex; align-items:center; justify-content:center; }
.hud-pill { display:flex; align-items:center; gap:1rem; padding:0.75rem 1.5rem; border-radius:9999px; background:rgba(255,255,255,0.04); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,0.1); }
.hud-dots { display:flex; gap:0.375rem; }
.hud-dot { width:0.375rem; height:0.375rem; border-radius:9999px; }
.hud-div { height:0.75rem; width:1px; background:rgba(255,255,255,0.20); }
.hud-label { color:rgba(255,255,255,0.50); font-size:0.6875rem; letter-spacing:0.3em; text-transform:uppercase; font-weight:500; }
.hud-count { color:rgba(255,255,255,0.30); font-size:0.625rem; }

/* ===== GALLERY ===== */
.gallery-section { background:#f5f5f5; padding:5rem 0; }
.gallery-grid { display:grid; grid-template-columns:1fr; gap:1.25rem; }
.gallery-item { position:relative; aspect-ratio:4/3; border-radius:0.75rem; overflow:hidden; box-shadow:0 4px 6px rgba(0,0,0,0.1); }
.gallery-item img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s; }
.gallery-item:hover img { transform:scale(1.10); }
.gallery-overlay { position:absolute; inset:0; background:rgba(26,26,26,0); transition:background 0.3s; }
.gallery-item:hover .gallery-overlay { background:rgba(26,26,26,0.20); }

/* ===== AUTHOR ===== */
.author-section { position:relative; padding:5rem 0; overflow:hidden; background:linear-gradient(135deg,#fafaf8 0%,#f5f3ee 60%,#faf8f5 100%); }
.author-grid { max-width:80rem; margin:0 auto; padding:0 1.25rem; display:grid; grid-template-columns:1fr; gap:3rem; align-items:center; }
.author-photo-wrap { display:flex; justify-content:center; align-items:center; }
.author-photo-ring { position:relative; display:inline-block; }
.author-photo-gradient { position:absolute; top:-0.375rem; right:-0.375rem; bottom:-0.375rem; left:-0.375rem; border-radius:1.5rem; background:linear-gradient(135deg,#FF6B35 0%,#6C63FF 100%); opacity:0.5; }
.author-photo-frame { position:relative; width:20rem; height:24rem; border-radius:1.25rem; overflow:hidden; box-shadow:0 20px 25px rgba(0,0,0,0.25); }
.author-photo-frame img { width:100%; height:100%; object-fit:cover; object-position:top; }
.author-chip { position:absolute; bottom:-1rem; left:50%; transform:translateX(-50%); white-space:nowrap; padding:0.625rem 1.25rem; border-radius:9999px; font-size:0.875rem; font-weight:600; color:#fff; background:linear-gradient(135deg,#FF6B35,#e85520); box-shadow:0 8px 24px rgba(255,107,53,0.35); border:2px solid rgba(255,255,255,0.60); }
.author-content { padding-top:1.5rem; }
.author-label { color:#FF6B35; font-weight:600; font-size:0.875rem; text-transform:uppercase; letter-spacing:0.2em; margin-bottom:1rem; display:block; }
.author-h2 { font-family:'Poppins',sans-serif; font-weight:700; font-size:clamp(1.5rem,3vw,2.25rem); color:#1a1a1a; margin-bottom:1.25rem; line-height:1.25; }
.author-divider { display:flex; align-items:center; gap:0.75rem; margin-bottom:1.25rem; }
.author-divider-line { height:1px; width:3rem; background:linear-gradient(90deg,#FF6B35,transparent); }
.author-divider-text { color:rgba(26,26,26,0.30); font-size:0.75rem; letter-spacing:0.1em; text-transform:uppercase; }
.author-bio { color:#4b5563; font-size:1.0625rem; line-height:1.625; margin-bottom:2rem; }
.author-achievements { list-style:none; padding:0; margin:0 0 2rem; }
.author-achievement { display:flex; align-items:center; gap:1rem; margin-bottom:0.75rem; }
.author-ach-num { width:1.75rem; height:1.75rem; border-radius:0.5rem; display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:700; color:#fff; flex-shrink:0; }
.author-ach-text { color:#374151; font-size:1rem; }
.author-socials { display:flex; align-items:center; gap:0.75rem; }
.author-social-label { color:rgba(26,26,26,0.30); font-size:0.75rem; text-transform:uppercase; letter-spacing:0.1em; margin-right:0.25rem; }
.author-social-icon { width:2.5rem; height:2.5rem; border-radius:9999px; background:#f0ede8; display:flex; align-items:center; justify-content:center; color:rgba(26,26,26,0.50); transition:all 0.2s; font-size:1rem; }
.author-social-icon:hover { background:#FF6B35; color:#fff; }

/* ===== TESTIMONIALS ===== */
.testimonials-section { background:#f5f5f5; padding:5rem 0; }
.testimonials-grid { max-width:80rem; margin:0 auto; padding:0 1.25rem; display:grid; grid-template-columns:1fr; gap:2rem; }
.testimonial-card { background:#fff; border-radius:1rem; padding:2rem 2.5rem; box-shadow:0 1px 2px rgba(0,0,0,0.05); transition:all 0.3s; border-top-width:4px; border-top-style:solid; }
.testimonial-card:hover { box-shadow:0 20px 25px rgba(0,0,0,0.15); }
.testimonial-quote-icon { margin-bottom:1.25rem; opacity:0.60; font-size:2rem; }
.testimonial-text { color:#374151; font-size:1.0625rem; line-height:1.625; margin-bottom:2rem; font-family:'Playfair Display',serif; font-style:italic; }
.testimonial-footer { border-top:1px solid #f3f4f6; padding-top:1.5rem; display:flex; align-items:flex-start; gap:1rem; }
.testimonial-avatar { width:3rem; height:3rem; border-radius:9999px; display:flex; align-items:center; justify-content:center; font-weight:700; color:#fff; font-size:1rem; font-family:'Poppins',sans-serif; flex-shrink:0; }
.testimonial-name { font-weight:700; color:#1a1a1a; font-size:1rem; font-family:'Poppins',sans-serif; }
.testimonial-title { color:#9ca3af; font-size:0.875rem; margin-top:0.125rem; line-height:1.375; }

/* ===== NEWSLETTER ===== */
.newsletter-section { position:relative; padding:5rem 0; overflow:hidden; background:linear-gradient(180deg,#060d1a 0%,#0a1228 100%); }
.newsletter-inner { max-width:42rem; margin:0 auto; padding:0 1.25rem; text-align:center; position:relative; z-index:10; }
.newsletter-label { color:#FF6B35; font-weight:600; font-size:0.875rem; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:1rem; display:block; }
.newsletter-h2 { font-family:'Poppins',sans-serif; font-weight:700; font-size:clamp(1.75rem,3vw,2.25rem); color:#fff; margin-bottom:1rem; line-height:1.25; }
.newsletter-sub { color:rgba(255,255,255,0.50); font-size:1.0625rem; margin-bottom:2.5rem; }
.newsletter-card { border-radius:1rem; padding:2rem; background:rgba(255,255,255,0.04); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,0.10); box-shadow:0 24px 64px rgba(0,0,0,0.4); }
.newsletter-form { display:flex; flex-direction:column; gap:0.75rem; }
.newsletter-input { flex:1; padding:0.875rem 1.25rem; border-radius:0.75rem; color:#fff; background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.15); backdrop-filter:blur(10px); outline:none; font-size:1rem; width:100%; }
.newsletter-input::placeholder { color:rgba(255,255,255,0.35); }
.newsletter-btn { background:#FF6B35; color:#fff; font-weight:600; padding:0.875rem 1.75rem; border-radius:0.75rem; border:none; cursor:pointer; transition:all 0.2s; box-shadow:0 0 24px rgba(255,107,53,0.35); font-size:1rem; white-space:nowrap; }
.newsletter-btn:hover { background:#e55a24; }
.newsletter-success { display:flex; flex-direction:column; align-items:center; gap:0.75rem; color:#FF6B35; }
.newsletter-success p { color:#fff; font-size:1.125rem; font-weight:600; }

/* ===== FINAL CTA ===== */
.finalcta-section { position:relative; padding:6rem 0 8rem; color:#fff; overflow:hidden; background:linear-gradient(135deg,#0a0e1a 0%,#1a1060 50%,#0a1228 100%); }
.finalcta-inner { position:relative; z-index:10; max-width:48rem; margin:0 auto; padding:0 1.25rem; text-align:center; }
.finalcta-card { border-radius:1.5rem; padding:2.5rem; background:rgba(255,255,255,0.04); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); border:1px solid rgba(255,255,255,0.10); box-shadow:0 32px 80px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.08); }
.finalcta-h2 { font-family:'Poppins',sans-serif; font-weight:700; font-size:clamp(1.75rem,4vw,3rem); margin-bottom:1.5rem; line-height:1.25; color:#fff; }
.finalcta-quote { font-family:'Playfair Display',serif; font-style:italic; color:rgba(255,255,255,0.75); font-size:clamp(1rem,2vw,1.25rem); margin-bottom:1.5rem; line-height:1.625; }
.finalcta-sub { color:rgba(255,255,255,0.50); font-size:1rem; margin-bottom:2.5rem; }
.finalcta-btns { display:flex; flex-wrap:wrap; gap:1rem; justify-content:center; margin-bottom:2rem; }
.finalcta-social-proof { display:flex; align-items:center; justify-content:center; gap:0.5rem; color:rgba(255,255,255,0.40); font-size:0.875rem; }

/* ===== FOOTER ===== */
.site-footer { color:#fff; padding-top:4rem; padding-bottom:2rem; border-top:1px solid rgba(255,107,53,0.20); background:linear-gradient(180deg,#0a1228 0%,#060d1a 100%); }
.footer-inner { max-width:80rem; margin:0 auto; padding:0 1.25rem; }
.footer-grid { display:grid; grid-template-columns:1fr; gap:2.5rem; margin-bottom:3rem; }
.footer-brand-name { font-family:'Poppins',sans-serif; font-weight:700; font-size:1.25rem; margin-bottom:0.75rem; }
.footer-tagline { color:rgba(255,255,255,0.50); font-size:0.875rem; line-height:1.625; max-width:18rem; }
.footer-socials { display:flex; gap:0.75rem; margin-top:1.25rem; }
.footer-social { width:2.25rem; height:2.25rem; border-radius:9999px; background:rgba(255,255,255,0.10); display:flex; align-items:center; justify-content:center; transition:background 0.2s; font-size:0.875rem; color:rgba(255,255,255,0.70); }
.footer-social:hover { background:#FF6B35; color:#fff; }
.footer-col-title { font-family:'Poppins',sans-serif; font-weight:600; font-size:0.75rem; text-transform:uppercase; letter-spacing:0.1em; color:rgba(255,255,255,0.40); margin-bottom:1rem; }
.footer-links { list-style:none; padding:0; }
.footer-link { color:rgba(255,255,255,0.60); font-size:0.875rem; transition:color 0.2s; display:block; margin-bottom:0.5rem; }
.footer-link:hover { color:#fff; }
.footer-email { color:#FF6B35; font-size:0.875rem; display:block; margin-bottom:0.5rem; }
.footer-email:hover { text-decoration:underline; }
.footer-contact-link { color:rgba(255,255,255,0.50); font-size:0.875rem; transition:color 0.2s; }
.footer-contact-link:hover { color:#fff; }
.footer-bottom { border-top:1px solid rgba(255,255,255,0.10); padding-top:1.5rem; display:flex; flex-direction:column; align-items:center; gap:1rem; }
.footer-copy { color:rgba(255,255,255,0.30); font-size:0.75rem; }
.footer-top-btn { width:2.25rem; height:2.25rem; border-radius:9999px; background:rgba(255,255,255,0.10); display:flex; align-items:center; justify-content:center; transition:background 0.2s; color:#fff; }
.footer-top-btn:hover { background:#FF6B35; }

/* ===== BLOG STYLES ===== */
.blog-hero { background:linear-gradient(135deg,#0a0d28 0%,#1a1b3e 100%); padding:8rem 0 4rem; text-align:center; color:#fff; }
.blog-hero h1 { font-family:'Poppins',sans-serif; font-weight:700; font-size:clamp(2rem,4vw,3rem); margin-bottom:1rem; }
.blog-hero p { color:rgba(255,255,255,0.60); font-size:1.0625rem; }
.blog-grid-wrap { max-width:80rem; margin:0 auto; padding:4rem 1.25rem; }
.blog-cards { display:grid; grid-template-columns:1fr; gap:2rem; }
.blog-card { background:#fff; border-radius:1rem; overflow:hidden; box-shadow:0 4px 6px rgba(0,0,0,0.07); transition:all 0.3s; border:1px solid #f3f4f6; }
.blog-card:hover { box-shadow:0 20px 40px rgba(0,0,0,0.12); transform:translateY(-4px); }
.blog-card-img { width:100%; height:12rem; object-fit:cover; }
.blog-card-body { padding:1.5rem; }
.blog-card-cat { color:#FF6B35; font-size:0.75rem; font-weight:600; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:0.5rem; display:block; }
.blog-card-title { font-family:'Poppins',sans-serif; font-weight:700; font-size:1.25rem; color:#1a1a1a; margin-bottom:0.75rem; line-height:1.35; }
.blog-card-excerpt { color:#6b7280; font-size:0.9375rem; line-height:1.625; margin-bottom:1.25rem; }
.blog-card-meta { display:flex; align-items:center; justify-content:space-between; font-size:0.8125rem; color:#9ca3af; }
.blog-card-read-more { color:#FF6B35; font-weight:600; font-size:0.875rem; transition:color 0.2s; }
.blog-card-read-more:hover { color:#e55a24; }
.blog-no-posts { text-align:center; padding:4rem 0; color:#6b7280; font-size:1.0625rem; }
.single-post-wrap { max-width:48rem; margin:0 auto; padding:6rem 1.25rem 4rem; }
.single-post-cat { color:#FF6B35; font-size:0.875rem; font-weight:600; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:1rem; display:block; }
.single-post-title { font-family:'Poppins',sans-serif; font-weight:700; font-size:clamp(1.75rem,4vw,2.75rem); color:#1a1a1a; margin-bottom:1.5rem; line-height:1.2; }
.single-post-meta { display:flex; align-items:center; gap:1rem; color:#9ca3af; font-size:0.875rem; margin-bottom:2rem; padding-bottom:2rem; border-bottom:1px solid #f3f4f6; }
.single-post-feat-img { width:100%; border-radius:1rem; margin-bottom:2.5rem; box-shadow:0 10px 30px rgba(0,0,0,0.12); }
.single-post-content { font-size:1.0625rem; line-height:1.8; color:#374151; }
.single-post-content h2,.single-post-content h3 { font-family:'Poppins',sans-serif; font-weight:700; color:#1a1a1a; margin:2rem 0 1rem; }
.single-post-content h2 { font-size:1.5rem; }
.single-post-content h3 { font-size:1.25rem; }
.single-post-content p { margin-bottom:1.5rem; }
.single-post-content ul,.single-post-content ol { margin:0 0 1.5rem 1.5rem; }
.single-post-content li { margin-bottom:0.5rem; }
.single-post-content blockquote { border-left:4px solid #FF6B35; padding-left:1.5rem; font-family:'Playfair Display',serif; font-style:italic; color:#4b5563; margin:2rem 0; font-size:1.125rem; }
.single-post-content a { color:#FF6B35; text-decoration:underline; }
.single-post-back { display:inline-flex; align-items:center; gap:0.5rem; color:#FF6B35; font-weight:600; margin-bottom:2rem; transition:color 0.2s; }
.single-post-back:hover { color:#e55a24; }
.wp-pagenavi, .pagination { display:flex; justify-content:center; gap:0.5rem; margin-top:3rem; }
.wp-pagenavi a, .wp-pagenavi span, .pagination .page-numbers { padding:0.5rem 1rem; border-radius:0.5rem; background:#f5f5f5; color:#1a1a1a; font-size:0.875rem; transition:all 0.2s; }
.wp-pagenavi a:hover, .pagination .page-numbers:hover { background:#FF6B35; color:#fff; }
.wp-pagenavi span.current, .pagination .page-numbers.current { background:#FF6B35; color:#fff; }

/* ===== 404 ===== */
.not-found-wrap { min-height:70vh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:4rem 1.25rem; text-align:center; }
.not-found-wrap h1 { font-family:'Poppins',sans-serif; font-size:6rem; font-weight:900; color:#FF6B35; line-height:1; margin-bottom:1rem; }
.not-found-wrap h2 { font-family:'Poppins',sans-serif; font-weight:700; font-size:1.5rem; color:#1a1a1a; margin-bottom:1rem; }
.not-found-wrap p { color:#6b7280; margin-bottom:2rem; }

/* ===== RESPONSIVE ===== */
@media(min-width:640px){
  .newsletter-form { flex-direction:row; }
  .footer-bottom { flex-direction:row; justify-content:space-between; }
  .blog-cards { grid-template-columns:repeat(2,1fr); }
}
@media(min-width:768px){
  .nav-inner { height:5rem; }
  .nav-links { display:flex; }
  .nav-mobile-btn { display:none; }
  .nav-mobile-menu { display:none !important; }
  .hero-grid { grid-template-columns:60% 40%; }
  .hero-book-card { display:flex; justify-content:flex-end; align-items:center; }
  .problem-grid { grid-template-columns:1fr 1fr; }
  .book-grid { grid-template-columns:1fr 1fr; }
  .book-cover-wrap { position:sticky; top:6rem; }
  .book-cover-img { width:20rem; }
  .author-grid { grid-template-columns:1fr 1fr; }
  .author-photo-frame { width:24rem; height:30rem; }
  .testimonials-grid { grid-template-columns:repeat(2,1fr); }
  .footer-grid { grid-template-columns:1fr 1fr repeat(2,auto); }
}
@media(min-width:1024px){
  .gallery-grid { grid-template-columns:repeat(3,1fr); }
  .benefits-cards { grid-template-columns:repeat(5,1fr); }
  .blog-cards { grid-template-columns:repeat(3,1fr); }
}