color:var(--text-primary); background:var(--bg-primary); line-height:1.6; -webkit-font-smoothing:antialiased; }
  .container { max-width:1200px; margin:0 auto; padding:0 24px; }
  .gradient-text { background:var(--gx-gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
  .overline { font-size:12px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--gx-magenta); display:block; margin-bottom:12px; }

  .theme-toggle:hover { border-color:var(--gx-violet); color:var(--text-primary); }
  .btn { font-family:var(--font-display); font-weight:500; border-radius:var(--radius-sm); text-decoration:none; display:inline-flex; align-items:center; cursor:pointer; transition:all var(--transition); }
  .btn-primary { background:var(--gx-gradient); color:#FFF; border:none; padding:12px 24px; font-size:15px; }
  .btn-primary:hover { opacity:0.9; transform:translateY(-1px); }
  .btn-lg { padding:16px 32px; font-size:16px; }
  section { position:relative; padding:60px 24px; border-bottom:1px solid var(--border); overflow:hidden; }
  @media(max-width:880px) { section { padding:96px 24px; } }
  .section-header { text-align:center; max-width:760px; margin:0 auto 48px; }
  .section-header h2 { font-size:clamp(28px,4vw,44px); margin-bottom:16px; font-family:var(--font-display); }
  .section-header p { font-size:17px; color:var(--text-secondary); }
  .heroin { padding:160px 24px 100px !important; text-align:center; }
  .hero h1 { font-size:clamp(26px,3.6vw,44px); line-height:1.1; letter-spacing:-0.02em; margin-bottom:20px; font-family:var(--font-display); max-width:820px; margin-left:auto; margin-right:auto; }
  .hero p.subhead { font-size:clamp(14px,1.2vw,16px); color:var(--text-secondary); max-width:680px; margin:0 auto 28px; line-height:1.7; }
  .hero-badge { display:inline-flex; align-items:center; gap:10px; padding:9px 18px; border-radius:999px; background:var(--gx-gradient); color:#FFF; font-size:13px; font-weight:500; margin-bottom:28px; box-shadow:0 8px 24px -8px rgba(123,63,228,0.5); }
  .hero-badge .dot { width:7px; height:7px; border-radius:50%; background:#FFF; box-shadow:0 0 12px #FFF; animation:pulse 2s ease-in-out infinite; }
  @keyframes pulse { 0%,100% { opacity:1; } 50% { opacity:0.4; } }
  
 
  .pain-card .num { font-family:var(--font-display); font-size:36px; font-weight:700; background:var(--gx-gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
  .pain-card .unit { font-size:14px; font-weight:600; color:var(--text-secondary); margin-bottom:8px; }
  .pain-card .label { font-size:14px; color:var(--text-muted); line-height:1.5; }
  .how-steps { max-width:800px; margin:0 auto; display:flex; flex-direction:column; gap:40px; }
  .how-step { padding-left:24px; border-left:2px solid var(--gx-violet); }
  .how-step h3 { font-family:var(--font-display); font-size:20px; margin-bottom:12px; }
  .how-step p { color:var(--text-secondary); line-height:1.7; }
  .proof-stack { max-width:800px; margin:0 auto; display:flex; flex-direction:column; gap:24px; }
  .proof-layer { padding:20px 24px; border-left:3px solid; border-radius:0 var(--radius-sm) var(--radius-sm) 0; background:var(--bg-elevated); }
  .proof-layer .proof-type { font-family:var(--font-display); font-size:11px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; margin-bottom:8px; }
  .proof-layer p { font-size:15px; color:var(--text-secondary); line-height:1.65; }
  .proof-data { border-color:var(--gx-blue); } .proof-data .proof-type { color:var(--gx-blue); }
  .proof-outcome { border-color:var(--gx-violet); } .proof-outcome .proof-type { color:var(--gx-violet); }
  .proof-technical { border-color:var(--gx-magenta); } .proof-technical .proof-type { color:var(--gx-magenta); }
  .proof-compliance { border-color:#10B981; } .proof-compliance .proof-type { color:#10B981; }
  .proof-integration { border-color:#F59E0B; } .proof-integration .proof-type { color:#F59E0B; }
  .transform { max-width:800px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:32px; }
  @media(max-width:700px) { .transform { grid-template-columns:1fr; } }
  .transform-before,.transform-after { padding:24px; border-radius:var(--radius-sm); }
  .transform-before { background:rgba(239,68,68,0.08); border:1px solid rgba(239,68,68,0.2); }
  .transform-after { background:rgba(16,185,129,0.08); border:1px solid rgba(16,185,129,0.2); }
  .transform-tag { font-family:var(--font-display); font-size:11px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; margin-bottom:12px; }
  .transform-before .transform-tag { color:#EF4444; } .transform-after .transform-tag { color:#10B981; }
  .transform p { font-size:15px; color:var(--text-secondary); line-height:1.65; }
  .transform-identity { grid-column:1/-1; text-align:center; font-family:var(--font-display); font-size:clamp(18px,2.5vw,24px); font-weight:600; padding:32px 16px; background:var(--bg-elevated); border-radius:var(--radius-sm); }
  .objections { max-width:800px; margin:0 auto; display:flex; flex-direction:column; gap:28px; }
  .objection { padding:24px; background:var(--bg-elevated); border-radius:var(--radius-sm); border:1px solid var(--border); }
  .objection .q { font-family:var(--font-display); font-size:17px; font-weight:600; margin-bottom:12px; color:var(--gx-magenta); }
  .objection .a { font-size:15px; color:var(--text-secondary); line-height:1.65; }
  .cta-section { text-align:center; padding:100px 24px !important; }
  .cta-section h2 { font-family:var(--font-display); font-size:clamp(24px,3vw,36px); margin-bottom:12px; }
  .cta-section p { color:var(--text-secondary); margin-bottom:28px; max-width:500px; margin-left:auto; margin-right:auto; }
  footer { padding:48px 24px; text-align:center; color:var(--text-muted); font-size:13px; border-top:1px solid var(--border); }
  footer img { height:28px; margin-bottom:4px; }
  .nav-inner { display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; margin: 0 auto; }
  .reveal { opacity:0; transform:translateY(32px); transition:opacity 800ms cubic-bezier(0.22,1,0.36,1),transform 800ms cubic-bezier(0.22,1,0.36,1); }
  .reveal.in { opacity:1; transform:translateY(0); }
  @media(prefers-reduced-motion:reduce) { .reveal { opacity:1; transform:none; transition:none; } }