/* Tailwind base utilities are loaded via CDN; this file contains custom styles */

:root{
  --brand-blue: #2563eb;
  --brand-blue-dark: #1d4ed8;
  --brand-amber: #fbbf24;
  --card-radius: 12px;
  --max-width: 1200px;
}

/* Hero styles (converted from provided snippet) */
.hero-wrap{}
.hero-inner{max-width:var(--max-width);margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:3rem;padding:0 1rem;}
.hero-title{font-weight:800;font-size:2.75rem;max-width:600px;margin-bottom:1rem;}
.hero-desc{max-width:580px;font-size:1rem;line-height:1.5;margin-bottom:1.5rem;color:#374151;}
.btn-orange{background:var(--brand-amber);border:none;border-radius:9999px;padding:0.75rem 2rem;font-weight:700;color:black;cursor:pointer;transition:background 0.2s ease;}
.btn-orange:hover{background:#f59e0b;}
.btn-blue{background:var(--brand-blue);border:none;border-radius:9999px;padding:0.75rem 2.5rem;color:white;font-weight:700;cursor:pointer;transition:background 0.2s ease;}
.btn-blue:hover{background:var(--brand-blue-dark);}

/* AI box */
.ai-box{background:#ebf2ff;border-radius:12px;max-width:600px;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;color:#1f2937;font-size:0.9rem;margin-bottom:3rem;border:1px solid rgba(99,102,241,0.06);}
.ai-text{font-weight:600;font-size:1.1rem;display:flex;align-items:center;gap:0.5rem;}
.ai-desc{max-width:350px;margin-top:0.25rem;}
.try-btn{background:#4f46e5;border-radius:9999px;color:white;border:none;font-weight:600;padding:0.4rem 1.2rem;cursor:pointer;}
.try-btn:hover{background:#4338ca;}

/* customers */
.customers{display:flex;justify-content:space-between;align-items:center;max-width:600px;font-weight:700;font-size:13px;margin-top:3rem;}
.logo-group{display:flex;gap:3rem;justify-content:center;align-items:center;flex:1;}
.logo-group img{height:30px;object-fit:contain;}

/* right side visuals */
.right-container{position:relative;max-width:420px;width:100%;}
.resume-img{border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,0.1);width:100%;display:block;}
.badge-top{position:absolute;top:12px;right:12px;background:#bfdbfe;padding:0.4rem 1rem;border-radius:10px;font-weight:600;font-size:0.875rem;color:#1e40af;filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.1));display:flex;align-items:center;gap:0.4rem;backdrop-filter:blur(10px);}
.card-bottom-left{position:absolute;background:white;bottom:20px;left:10px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);padding:0.8rem 1rem;display:flex;gap:0.5rem;border:1px solid #e5e7eb;max-width:250px;font-size:0.85rem;color:#374151;align-items:center;}
.magic-wand{position:absolute;bottom:120px;right:30px;width:90px;height:90px;pointer-events:none;}

/* trustpilot */
.trustpilot{position:absolute;bottom:0;left:0;font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px;color:#000;}
.trustpilot .stars{background:#22c55e;color:white;border-radius:3px;padding:0 5px;user-select:none;}
.trustpilot img{height:15px;display:inline-block;}

/* sections and cards */
.section{padding:2rem 0;}
.rounded-2xl{border-radius:1rem;}
.btn-blue, .btn-orange, .try-btn{box-shadow:0 6px 20px rgba(16,24,40,0.06);}

/* responsive */
@media (max-width: 900px){
  .hero-inner{flex-direction:column;padding:0 1rem;}
  .hero-title{font-size:2rem;}
  .logo-group{gap:1rem;}
  .customers{flex-direction:column;align-items:flex-start;gap:1rem;}
  .card-bottom-left{position:static;margin-top:1rem;}
  .trustpilot{position:static;margin-top:1rem;}
}