/* ===== VARIABLES (hp-scoped names) ===== */
#hp-content {
  --hp-dark:#0B1120;
  --hp-dark-surface:#131B2E;
  --hp-dark-border:#1E293B;
  --hp-dark-hover:#1A2540;
  --hp-light:#F8FAFC;
  --hp-light-surface:#FFFFFF;
  --hp-light-border:#E2E8F0;
  --hp-orange:#EC5A22;
  --hp-orange-hover:#D4501E;
  --hp-orange-glow:rgba(236,90,34,0.15);
  --hp-gold:#F5A11A;
  --hp-blue:#00A9EA;
  --hp-purple:#8C278A;
  --hp-green:#16A34A;
  --hp-text-on-dark:#E2E8F0;
  --hp-text-muted-dark:#94A3B8;
  --hp-text-on-light:#1E293B;
  --hp-text-muted-light:#64748B;
  --hp-font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --hp-font-mono:'SF Mono','Fira Code','JetBrains Mono','Cascadia Code',monospace;
  --hp-max-w:1200px;
  --hp-section-py:100px;
  overflow-x:hidden;
  background:var(--hp-dark);
}

#hp-content .container{max-width:var(--hp-max-w);margin:0 auto;padding:0 24px;width:100%;float:none;display:block;position:relative}

/* ===== BACKGROUND UTILITY CLASSES ===== */
#hp-content .hp-bg-dark{background:var(--hp-dark)}
#hp-content .hp-bg-dark-alt{background:#0F172A}
#hp-content .hp-bg-light{background:#F8FAFC}
#hp-content .hp-bg-white{background:#FFFFFF}


/* ===== BUTTONS ===== */
#hp-content .btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--hp-font-sans);font-weight:600;border-radius:8px;cursor:pointer;transition:all 0.25s;border:none;font-size:14px;gap:6px}
#hp-content .btn-primary{background:var(--hp-orange);color:#fff;padding:10px 24px}
#hp-content .btn-primary:hover{background:var(--hp-orange-hover);transform:translateY(-1px);box-shadow:0 4px 24px rgba(236,90,34,0.4)}
#hp-content .btn-outline{background:transparent;color:var(--hp-text-on-dark);padding:10px 24px;border:1px solid var(--hp-dark-border)}
#hp-content .btn-outline:hover{border-color:var(--hp-text-muted-dark);background:var(--hp-dark-surface)}
#hp-content .btn-outline-light{background:transparent;color:var(--hp-text-on-light);padding:10px 24px;border:1px solid var(--hp-light-border)}
#hp-content .btn-outline-light:hover{border-color:var(--hp-text-muted-light);background:var(--hp-light)}
#hp-content .btn-ghost{background:transparent;color:var(--hp-text-muted-dark);padding:10px 16px}
#hp-content .btn-ghost:hover{color:#fff}

/* ===== HERO ===== */
#hp-content .hero{padding:108px 0 40px;text-align:center;position:relative;background:linear-gradient(327deg,rgba(33,0,75,0.20) 3%,rgba(60,0,136,0) 40%),linear-gradient(246deg,rgba(236,90,34,0.08) 0%,rgba(209,25,80,0) 36%),linear-gradient(148deg,rgba(0,169,234,0.04) 0%,transparent 60%),var(--hp-dark);display:block;width:100%}


#hp-content .hero .container{text-align:center;display:flex;flex-direction:column;align-items:center}


#hp-content .hero-label{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:100px;border:1px solid rgba(236,90,34,0.3);font-size:13px;color:var(--hp-text-muted-dark);margin-bottom:32px;background:rgba(236,90,34,0.06);transition:all 0.3s}
#hp-content .hero-label:hover{border-color:var(--hp-orange);background:rgba(236,90,34,0.1)}
#hp-content .hero-label .pulse{width:6px;height:6px;border-radius:50%;background:var(--hp-orange);animation:hp-pulse 2s ease-in-out infinite}
@keyframes hp-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.5)}}
#hp-content .hero-label span{color:var(--hp-orange);font-weight:600}
#hp-content .hero h1{font-size:clamp(28px,4vw,52px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:0;color:#fff}
#hp-content .hero-h2{font-size:clamp(28px,4vw,52px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin:0 0 32px 0;color:#fff}
#hp-content .hero-rotating-line{font-size:clamp(32px,4.5vw,58px);font-weight:800;letter-spacing:-1.5px;line-height:1;margin-bottom:4px;height:1.4em;overflow:hidden;position:relative}

#hp-content .rotating-words{position:relative;display:inline-block}
#hp-content .rotating-words span{display:block;height:1.4em;line-height:1.4em;animation:hp-rotateWords 15s ease-in-out infinite}
#hp-content .rotating-words span:nth-child(1){color:var(--hp-orange)}
#hp-content .rotating-words span:nth-child(2){color:var(--hp-orange)}
#hp-content .rotating-words span:nth-child(3){color:var(--hp-orange)}
#hp-content .rotating-words span:nth-child(4){color:var(--hp-orange)}
#hp-content .rotating-words span:nth-child(5){color:var(--hp-orange)}
#hp-content .rotating-words span:nth-child(6){color:var(--hp-orange)}
@keyframes hp-rotateWords{0%,14%{transform:translateY(0)}16%,30%{transform:translateY(-100%)}32%,46%{transform:translateY(-200%)}48%,62%{transform:translateY(-300%)}64%,78%{transform:translateY(-400%)}80%,100%{transform:translateY(-500%)}}
/* Expandable hero buttons */
#hp-content .hero-badges-row{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:6px}
#hp-content .hero-badges-row .hero-trust-grid{margin-top:16px}
@keyframes hp-expandIn{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}100%{opacity:1;transform:translateX(-50%) translateY(0)}}
#hp-content .hero-provider-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
#hp-content .hero-provider{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:11px;color:rgba(255,255,255,0.7);font-weight:500;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);transition:all 0.2s;white-space:nowrap}
#hp-content .hero-provider:hover{background:rgba(255,255,255,0.08);color:#fff}
#hp-content .hero-trust-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
#hp-content .hero-trust-item{justify-content:flex-start;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:11px;color:rgba(255,255,255,0.7);font-weight:500;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06)}
#hp-content .hero-trust-item strong{color:#fff}

#hp-content .trust-badge-eu svg{border-radius:2px}
#hp-content .hero-sub{font-size:clamp(15px,1.5vw,17px);color:rgba(226,232,240,0.5);max-width:520px;margin:0 auto 40px;line-height:1.7;letter-spacing:0.02em}
#hp-content .hero-buttons{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}
#hp-content .hero-buttons .btn-primary{padding:14px 32px;font-size:16px;border-radius:10px}
#hp-content .hero-buttons .btn-outline{padding:14px 32px;font-size:16px;border-radius:10px}

/* Dashboard Mockup */
#hp-content .dashboard-mockup{max-width:960px;margin:0 auto;position:relative;perspective:1000px}
#hp-content .dashboard-mockup::before{content:'';position:absolute;inset:-2px;border-radius:14px;background:linear-gradient(135deg,var(--hp-orange),var(--hp-blue),var(--hp-purple));opacity:0.4;filter:blur(20px);z-index:0}
#hp-content .dashboard-frame{position:relative;z-index:1;background:var(--hp-dark-surface);border:1px solid var(--hp-dark-border);border-radius:12px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,0.5)}
#hp-content .dash-header{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--hp-dark);border-bottom:1px solid var(--hp-dark-border)}
#hp-content .dash-dot{width:10px;height:10px;border-radius:50%}
#hp-content .dash-dot.r{background:#FF5F57}
#hp-content .dash-dot.y{background:#FFBD2E}
#hp-content .dash-dot.g{background:#28CA41}
#hp-content .dash-url{flex:1;text-align:center;font-size:11px;color:var(--hp-text-muted-dark);font-family:var(--hp-font-mono)}
#hp-content .dash-body{display:flex;min-height:300px}
#hp-content .dash-sidebar{width:200px;border-right:1px solid var(--hp-dark-border);padding:16px;flex-shrink:0}
#hp-content .dash-sidebar-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;font-size:12px;color:var(--hp-text-muted-dark);margin-bottom:2px;transition:all 0.2s}
#hp-content .dash-sidebar-item.active{background:rgba(236,90,34,0.1);color:var(--hp-orange)}
#hp-content .dash-sidebar-item .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
#hp-content .dash-main{flex:1;padding:20px}
#hp-content .dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
#hp-content .dash-stat{background:var(--hp-dark);border:1px solid var(--hp-dark-border);border-radius:8px;padding:14px}
#hp-content .dash-stat-label{font-size:10px;color:var(--hp-text-muted-dark);text-transform:uppercase;letter-spacing:0.5px}
#hp-content .dash-stat-value{font-size:22px;font-weight:800;color:#fff;margin-top:4px}
#hp-content .dash-stat-value .unit{font-size:12px;color:var(--hp-text-muted-dark);font-weight:500}

/* ===== TRUST ===== */
#hp-content .trust{padding:16px 0 16px;border-top:1px solid var(--hp-dark-border)}
#hp-content .trust-heading{text-align:center;margin-bottom:12px}
#hp-content .trust-heading p{font-size:15px;color:var(--hp-text-muted-dark);font-weight:500;letter-spacing:0.3px}
#hp-content .trust-heading .trust-count{font-weight:800;color:#fff}
#hp-content .marquee-wrapper{overflow:hidden;position:relative;margin-bottom:40px;padding:20px 0;width:100vw;margin-left:calc(-50vw + 50%)}
#hp-content .marquee-wrapper::before,#hp-content .marquee-wrapper::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2}
#hp-content .marquee-wrapper::before{left:0;background:linear-gradient(90deg,var(--hp-dark),transparent)}
#hp-content .marquee-wrapper::after{right:0;background:linear-gradient(-90deg,var(--hp-dark),transparent)}
#hp-content .marquee-track{display:flex;align-items:center;gap:56px;animation:hp-marquee 35s linear infinite;width:max-content}
#hp-content .marquee-track:hover{animation-play-state:paused}
#hp-content .logo-item{display:flex;align-items:center;gap:8px;opacity:0.7;transition:opacity 0.3s;white-space:nowrap}
#hp-content .logo-item:hover{opacity:1}
#hp-content .logo-item svg{flex-shrink:0}
#hp-content .logo-item .logo-text{font-size:18px;font-weight:800;letter-spacing:-0.5px;color:#fff}
#hp-content .logo-item img{filter:brightness(0) invert(1);opacity:0.6;transition:all 0.3s}
#hp-content .logo-item:hover img{opacity:1}
@keyframes hp-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes hp-marquee-reverse{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}
#hp-content .sw-slider{overflow:hidden;position:relative;padding:16px 0;width:100vw;margin-left:calc(-50vw + 50%)}
#hp-content .sw-slider::before,#hp-content .sw-slider::after{content:'';position:absolute;top:0;bottom:0;width:150px;z-index:2;pointer-events:none}
#hp-content .sw-slider::before{left:0;background:linear-gradient(90deg,#FFFFFF,transparent)}
#hp-content .sw-slider::after{right:0;background:linear-gradient(-90deg,#FFFFFF,transparent)}
#hp-content .sw-slider-track{display:flex;align-items:center;gap:20px;width:max-content}
#hp-content .sw-slider-track.row-1{animation:hp-marquee 85s linear infinite}
#hp-content .sw-slider-track.row-2{animation:hp-marquee-reverse 85s linear infinite}
#hp-content .sw-slider-track:hover{animation-play-state:paused}
#hp-content .sw-slider-item{display:flex;align-items:center;gap:12px;padding:14px 24px;border-radius:12px;border:1px solid #E2E8F0;background:#FFFFFF;text-decoration:none;white-space:nowrap;transition:all 0.25s;flex-shrink:0}
#hp-content .sw-slider-item:hover{border-color:var(--hp-orange);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.08)}
#hp-content .sw-slider-item img{width:36px;height:36px;border-radius:8px;object-fit:contain}
#hp-content .sw-slider-item span{font-size:16px;font-weight:600;color:#1E293B}

#hp-content .trust-badges{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:32px}
#hp-content .trust-badge{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;border:1px solid var(--hp-dark-border);background:var(--hp-dark-surface);font-size:13px;color:#fff;font-weight:500;transition:all 0.25s}
#hp-content .trust-badge:hover{border-color:var(--hp-text-muted-dark);transform:translateY(-1px)}
#hp-content .trust-badge svg{flex-shrink:0}
#hp-content .trust-badge strong{color:var(--hp-text-on-dark)}

#hp-content .trust-providers{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
#hp-content .trust-providers-label{font-size:12px;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:1px;font-weight:600}
#hp-content .provider-pill{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;border:1px solid var(--hp-dark-border);font-size:12px;color:#fff;font-weight:600;background:var(--hp-dark-surface);transition:all 0.2s}
#hp-content .provider-pill:hover{border-color:var(--hp-text-muted-dark);transform:translateY(-1px)}
#hp-content .provider-pill svg{flex-shrink:0}
#hp-content .provider-count{font-size:12px;color:rgba(255,255,255,0.7);margin-left:4px}

/* ===== FEATURES (light) ===== */
#hp-content .features{padding:var(--hp-section-py) 0}
#hp-content .features .container{text-align:center}
#hp-content .features .section-sub-light{margin-left:auto;margin-right:auto}
#hp-content .section-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}
#hp-content .section-label-orange{color:var(--hp-orange)}
#hp-content .section-title-light{font-size:clamp(28px,3.5vw,44px);font-weight:800;color:var(--hp-text-on-light);letter-spacing:-1px;margin-bottom:16px;line-height:1.15}
#hp-content .section-title-dark{font-size:clamp(28px,3.5vw,44px);font-weight:800;color:#fff;letter-spacing:-1px;margin-bottom:16px;line-height:1.15}
#hp-content .section-sub-light{font-size:17px;color:var(--hp-text-muted-light);max-width:600px;margin-bottom:48px;line-height:1.6}
#hp-content .section-sub-dark{font-size:17px;color:var(--hp-text-muted-dark);max-width:600px;margin-bottom:48px;line-height:1.6}

/* Bento Grid */
#hp-content .bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:16px}
#hp-content .bento-card{background:var(--hp-light-surface);border:1px solid var(--hp-light-border);border-radius:14px;padding:28px;transition:all 0.3s;position:relative;overflow:hidden}
#hp-content .bento-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,0.08)}
#hp-content .bento-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:left;transition:transform 0.3s}
#hp-content .bento-card:hover::after{transform:scaleX(1)}
#hp-content .bento-large{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
#hp-content .bento-large .bento-visual{display:flex;align-items:center;justify-content:center}
#hp-content .bento-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
#hp-content .bento-card h3{font-size:18px;font-weight:700;color:var(--hp-text-on-light);margin-bottom:8px;letter-spacing:-0.3px}
#hp-content .bento-card p{font-size:14px;color:var(--hp-text-muted-light);line-height:1.6}
#hp-content .bento-stat{display:inline-block;margin-top:12px;font-size:13px;font-weight:700;padding:4px 12px;border-radius:100px}
#hp-content .bento-card:nth-child(1)::after{background:var(--hp-orange)}#hp-content .bento-card:nth-child(1) .bento-icon{background:rgba(236,90,34,0.08)}#hp-content .bento-card:nth-child(1) .bento-icon svg{color:var(--hp-orange)}#hp-content .bento-card:nth-child(1) .bento-stat{color:var(--hp-orange);background:rgba(236,90,34,0.08)}
#hp-content .bento-card:nth-child(2)::after{background:var(--hp-blue)}#hp-content .bento-card:nth-child(2) .bento-icon{background:rgba(0,169,234,0.08)}#hp-content .bento-card:nth-child(2) .bento-icon svg{color:var(--hp-blue)}#hp-content .bento-card:nth-child(2) .bento-stat{color:var(--hp-blue);background:rgba(0,169,234,0.08)}
#hp-content .bento-card:nth-child(3)::after{background:var(--hp-green)}#hp-content .bento-card:nth-child(3) .bento-icon{background:rgba(22,163,74,0.08)}#hp-content .bento-card:nth-child(3) .bento-icon svg{color:var(--hp-green)}#hp-content .bento-card:nth-child(3) .bento-stat{color:var(--hp-green);background:rgba(22,163,74,0.08)}
#hp-content .bento-card:nth-child(4)::after{background:var(--hp-purple)}#hp-content .bento-card:nth-child(4) .bento-icon{background:rgba(140,39,138,0.08)}#hp-content .bento-card:nth-child(4) .bento-icon svg{color:var(--hp-purple)}#hp-content .bento-card:nth-child(4) .bento-stat{color:var(--hp-purple);background:rgba(140,39,138,0.08)}
#hp-content .bento-card:nth-child(5)::after{background:var(--hp-gold)}#hp-content .bento-card:nth-child(5) .bento-icon{background:rgba(245,161,26,0.08)}#hp-content .bento-card:nth-child(5) .bento-icon svg{color:var(--hp-gold)}#hp-content .bento-card:nth-child(5) .bento-stat{color:var(--hp-gold);background:rgba(245,161,26,0.08)}
/* Speed visual */
#hp-content .speed-visual{width:140px;height:140px;border-radius:50%;border:6px solid #F1F5F9;position:relative;display:flex;align-items:center;justify-content:center}
#hp-content .speed-visual::after{content:'';position:absolute;inset:6px;border-radius:50%;border:4px solid transparent;border-top-color:var(--hp-orange);border-right-color:var(--hp-orange);animation:hp-spin 2s linear infinite}
@keyframes hp-spin{to{transform:rotate(360deg)}}
#hp-content .speed-visual .speed-num{font-size:36px;font-weight:800;color:var(--hp-orange);line-height:1}
#hp-content .speed-visual .speed-unit{font-size:11px;color:var(--hp-text-muted-light);font-weight:600}

/* ===== CATALOGUE (light) ===== */
#hp-content .catalogue{padding:var(--hp-section-py) 0}
#hp-content .catalogue .container{text-align:center}
#hp-content .catalogue .section-sub-light{margin-left:auto;margin-right:auto}
#hp-content .catalogue-cta{text-align:center;margin-top:40px}
#hp-content .catalogue-count{text-align:center;margin-bottom:32px}
#hp-content .catalogue-count .count-num{font-size:64px;font-weight:800;background:linear-gradient(135deg,var(--hp-orange),var(--hp-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}

/* ===== AI SKILLS (light) ===== */
#hp-content .ai-skills{padding:var(--hp-section-py) 0}
#hp-content .ai-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
#hp-content .terminal{background:#0D1117;border-radius:12px;border:1px solid #21262D;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.2)}
#hp-content .terminal-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#161B22;border-bottom:1px solid #21262D}
#hp-content .terminal-dot{width:12px;height:12px;border-radius:50%}
#hp-content .terminal-dot.red{background:#FF5F57}
#hp-content .terminal-dot.yellow{background:#FFBD2E}
#hp-content .terminal-dot.green{background:#28CA41}
#hp-content .terminal-title{margin-left:8px;font-size:12px;color:#8B949E;font-family:var(--hp-font-mono)}
#hp-content .terminal-body{padding:20px;font-family:var(--hp-font-mono);font-size:13px;line-height:1.8;height:360px;max-height:360px;overflow-y:auto}
#hp-content .terminal-line{color:#8B949E}
#hp-content .terminal-line .prompt{color:var(--hp-orange)}
#hp-content .terminal-line .cmd{color:#C9D1D9}
#hp-content .terminal-line .success{color:#3FB950}
#hp-content .terminal-line .user-input{color:var(--hp-blue)}
#hp-content .typing-cursor{display:inline-block;width:8px;height:16px;background:var(--hp-orange);animation:hp-blink 1s step-end infinite;vertical-align:middle;margin-left:2px}
@keyframes hp-blink{0%,100%{opacity:1}50%{opacity:0}}
#hp-content .ai-agents{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
#hp-content .agent-pill{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;font-size:12px;font-weight:600;border:1px solid var(--hp-light-border);color:var(--hp-text-muted-light);background:var(--hp-light-surface);transition:all 0.2s}
#hp-content .agent-pill:hover{border-color:var(--hp-text-muted-light);transform:translateY(-1px)}
#hp-content .agent-pill svg{width:14px;height:14px}
#hp-content .ai-minicards{display:grid;grid-template-columns:1fr;gap:10px;margin-top:28px}
#hp-content .ai-minicard{padding:14px 18px;border-radius:10px;border:1px solid var(--hp-light-border);background:var(--hp-light-surface);transition:all 0.3s;display:flex;align-items:center;gap:12px}
#hp-content .ai-minicard:hover{border-color:var(--hp-orange);box-shadow:0 4px 16px rgba(0,0,0,0.06)}
#hp-content .ai-minicard-icon{width:32px;height:32px;border-radius:8px;background:rgba(236,90,34,0.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}
#hp-content .ai-minicard-icon svg{width:16px;height:16px;color:var(--hp-orange)}
#hp-content .ai-minicard h4{font-size:14px;font-weight:700;color:var(--hp-text-on-light);margin-bottom:2px}
#hp-content .ai-minicard p{font-size:13px;color:var(--hp-text-muted-light);margin:0}

/* ===== TESTIMONIALS (dark) ===== */
#hp-content .testimonials{padding:var(--hp-section-py) 0}
#hp-content .testimonials-header{text-align:center;margin-bottom:48px}
#hp-content .featured-testimonial{background:linear-gradient(135deg,#F8FAFC,rgba(236,90,34,0.03));border:1px solid #E2E8F0;border-radius:16px;padding:40px;margin-bottom:32px;text-align:center;position:relative}
#hp-content .featured-testimonial::before{content:'\201C';position:absolute;top:16px;left:32px;font-size:80px;color:var(--hp-orange);opacity:0.15;font-family:Georgia,serif;line-height:1}
#hp-content .featured-stars{display:flex;justify-content:center;gap:4px;margin-bottom:16px}
#hp-content .star{color:var(--hp-gold);font-size:18px}
#hp-content .featured-quote{font-size:20px;color:#1E293B;line-height:1.6;max-width:700px;margin:0 auto 24px;font-weight:400;font-style:italic}
#hp-content .featured-author{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;color:#64748B}
#hp-content .featured-author .avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;flex-shrink:0}
#hp-content .featured-author .author-info strong{color:#1E293B;font-weight:600;display:block}
#hp-content .featured-author .author-info span{font-size:12px}

#hp-content .hp-reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}
#hp-content .hp-reviews-grid .pr-card{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:24px;transition:all 0.25s}
#hp-content .hp-reviews-grid .pr-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.08)}
#hp-content .hp-reviews-grid .pr-stars{color:var(--hp-gold);font-size:14px;letter-spacing:2px;margin-bottom:12px}
#hp-content .hp-reviews-grid .pr-title{color:#1E293B;font-weight:600;font-size:15px;margin-bottom:8px}
#hp-content .hp-reviews-grid .pr-text{color:#64748B;font-size:14px;line-height:1.6;margin-bottom:16px}
#hp-content .hp-reviews-grid .pr-author{display:flex;align-items:center;gap:10px}
#hp-content .hp-reviews-grid .pr-avatar{width:32px;height:32px;border-radius:50%;background:var(--hp-orange);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}
#hp-content .hp-reviews-grid .pr-name{color:#1E293B;font-weight:600;font-size:13px}
#hp-content .hp-reviews-grid .pr-meta{color:#64748B;font-size:11px}
#hp-content .trustpilot-link{text-align:center;margin-top:32px}
#hp-content .trustpilot-link a{display:inline-flex;align-items:center;gap:8px;color:#64748B;font-size:14px;font-weight:500;transition:color 0.2s;padding:8px 16px;border-radius:8px;border:1px solid #E2E8F0}
#hp-content .trustpilot-link a:hover{color:var(--hp-orange);border-color:var(--hp-orange)}

/* Carousel dots */




/* ===== CTA SECTION ===== */
#hp-content .cta-section{padding:var(--hp-section-py) 0 60px;text-align:center;position:relative;overflow:hidden}
#hp-content .cta-section::before{content:'';position:absolute;top:0;left:50%;width:800px;height:800px;transform:translate(-50%,-40%);background:radial-gradient(circle,rgba(236,90,34,0.1) 0%,rgba(0,169,234,0.05) 40%,transparent 70%);pointer-events:none}
#hp-content .cta-section h2{font-size:clamp(24px,3vw,40px);font-weight:800;color:#fff;letter-spacing:-1px;margin-bottom:12px}
#hp-content .cta-section p{font-size:18px;color:#fff;margin-bottom:20px}
#hp-content .cta-stats{display:flex;align-items:center;justify-content:center;gap:32px;margin-bottom:32px;flex-wrap:wrap}
#hp-content .cta-stat{text-align:center}
#hp-content .cta-stat .stat-num{font-size:28px;font-weight:800;color:#fff;letter-spacing:-1px}
#hp-content .cta-stat .stat-label{font-size:11px;color:var(--hp-text-muted-dark);text-transform:uppercase;letter-spacing:1px;font-weight:600}
#hp-content .cta-buttons{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}
#hp-content .cta-buttons .btn-primary{padding:16px 40px;font-size:16px;border-radius:10px}
#hp-content .cta-buttons .btn-outline{padding:16px 40px;font-size:16px;border-radius:10px}

/* ===== SCROLL REVEAL ===== */
/* Elements visible by default. JS adds .has-reveal to enable animations */
.has-reveal #hp-content .reveal{opacity:0;transform:translateY(24px);transition:opacity 0.6s ease,transform 0.6s ease}
.has-reveal #hp-content .reveal.visible{opacity:1;transform:translateY(0)}
.has-reveal #hp-content .reveal-delay-1{transition-delay:0.1s}
.has-reveal #hp-content .reveal-delay-2{transition-delay:0.2s}
.has-reveal #hp-content .reveal-delay-3{transition-delay:0.3s}
/* Fallback: if JS fails, everything stays visible */
#hp-content .reveal.visible{opacity:1!important;transform:none!important}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  #hp-content .bento-grid{grid-template-columns:repeat(2,1fr)}
  #hp-content .bento-large{grid-column:span 2}
  #hp-content .ai-layout{grid-template-columns:1fr;gap:40px}
  #hp-content .dash-sidebar{width:160px}
  #hp-content .dash-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  #hp-content{--hp-section-py:72px}
  #hp-content .hero{padding:48px 0 32px}
  #hp-content .hero h1{font-size:32px !important}
  #hp-content .hero-h2{font-size:32px !important}
  #hp-content .hero-rotating-line{font-size:36px !important}
  #hp-content .dashboard-mockup{margin:0 -12px}
  #hp-content .dash-sidebar{display:none}
  #hp-content .dash-stats{grid-template-columns:repeat(2,1fr)}
  #hp-content .bento-grid{grid-template-columns:1fr}
  #hp-content .bento-large{grid-column:span 1;grid-template-columns:1fr}
  #hp-content .bento-large .bento-visual{display:none}
  #hp-content .hp-reviews-grid{grid-template-columns:1fr !important}
  #hp-content .hero-buttons{flex-direction:column;width:100%;max-width:320px;margin:0 auto 16px}
  #hp-content .hero-buttons .btn{width:100%}
  #hp-content .trust-badges{gap:8px}
  #hp-content .trust-badge{font-size:11px;padding:8px 12px}
  #hp-content .featured-testimonial{padding:24px}
  #hp-content .featured-quote{font-size:16px}
  #hp-content .cta-stats{gap:20px}
  #hp-content .cta-stat .stat-num{font-size:22px}
}
@media(max-width:480px){
  #hp-content .dash-stats{grid-template-columns:1fr 1fr;gap:8px}
  #hp-content .dash-stat{padding:10px}
  #hp-content .dash-stat-value{font-size:18px}
}


#hp-content .hero .container{position:relative;z-index:1}

/* Screen reader only - visible to crawlers but hidden visually */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ===== FAQ (light) ===== */
#hp-content .faq-section{padding:80px 0;background:#FFFFFF}
#hp-content .faq-section .faq-title{text-align:center;margin-bottom:48px;color:#1E293B;font-size:clamp(28px, 3.5vw, 40px);font-weight:800;letter-spacing:-1px}
#hp-content .faq-section .faq-list{max-width:800px;margin:0 auto;list-style:none;padding:0}
#hp-content .faq-section .faq-item{border:1px solid #E2E8F0;border-radius:10px;margin-bottom:8px;background:#F8FAFC;overflow:hidden;transition:border-color 0.2s}
#hp-content .faq-section .faq-item:hover{border-color:rgba(236,90,34,0.3)}
#hp-content .faq-section .faq-item[open]{border-color:rgba(236,90,34,0.3)}
#hp-content .faq-section .faq-item summary{padding:18px 24px;cursor:pointer;font-weight:600;font-size:15px;color:#1E293B;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;line-height:1.4;transition:background 0.2s}
#hp-content .faq-section .faq-item summary:hover{background:rgba(0,0,0,0.03)}
#hp-content .faq-section .faq-item summary::-webkit-details-marker{display:none}
#hp-content .faq-section .faq-item summary .faq-icon{font-size:20px;color:#EC5A22;transition:transform 0.3s;flex-shrink:0}
#hp-content .faq-section .faq-item[open] summary .faq-icon{transform:rotate(45deg)}
#hp-content .faq-section .faq-item .faq-answer{padding:12px 24px 20px;color:#64748B;line-height:1.7;font-size:14px}