:root {
    --bg:#0d0c10; --bg2:#13111a; --bg3:#1a1726;
    --cream:#f0ead8; --muted:#7a7490;
    --amber:oklch(0.72 0.14 65);
    --amber-glow:oklch(0.72 0.14 65 / 0.12);
    --blue-bad:oklch(0.65 0.18 260);
    --red-warn:oklch(0.62 0.18 25);
    --green:oklch(0.68 0.14 155);
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  body{background:var(--bg);color:var(--cream); overflow-x:hidden;}

  .hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px;position:relative;overflow:hidden;}
  .hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 55% at 50% 100%, oklch(0.28 0.1 260 / 0.35) 0%, transparent 65%),radial-gradient(ellipse 40% 35% at 50% 55%, oklch(0.22 0.06 260 / 0.18) 0%, transparent 55%);}
  .stars{position:absolute;inset:0;pointer-events:none;}
  .star{position:absolute;background:white;border-radius:50%;animation:twinkle var(--d,3s) ease-in-out infinite var(--delay,0s);}
  @keyframes twinkle{0%,100%{opacity:var(--min-op,.2)}50%{opacity:var(--max-op,.9)}}

  .eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--amber-glow);border:1px solid oklch(0.72 0.14 65 / 0.3);border-radius:999px;padding:8px 20px;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--amber);margin-bottom:32px;position:relative;}
  .hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.8rem,8vw,6.5rem);font-weight:700;line-height:1.05;letter-spacing:-0.02em;max-width:860px;position:relative;}
  .hero h1 em{font-style:italic;color:var(--amber);}
  .hero-sub{margin-top:24px;font-size:clamp(1rem,2vw,1.2rem);color:var(--muted);max-width:540px;position:relative;}

  .container{max-width:720px;margin:0 auto;padding:0 32px;}
  .wide-container{max-width:1080px;margin:0 auto;padding:0 32px;}
  section{padding:100px 0;}
  section+section{border-top:1px solid oklch(1 0 0 / 0.06);}

  .section-label{font-size:10px;letter-spacing:0.3em;text-transform:uppercase;color:var(--amber);font-weight:400;margin-bottom:20px;display:flex;align-items:center;gap:12px;}
  .section-label::before{content:'';width:32px;height:1px;background:var(--amber);}
  h2{font-family:'Playfair Display',serif;font-size:clamp(1.9rem,4vw,3rem);font-weight:700;line-height:1.15;letter-spacing:-0.01em;margin-bottom:28px;}
  h2 em{font-style:italic;color:var(--amber);}
  p{margin-bottom:20px;font-size:1.05rem;color:oklch(0.88 0.01 80);}
  strong{font-weight:500;color:var(--cream);}

  .pull-quote{border-left:3px solid var(--amber);padding:22px 30px;margin:44px 0;background:var(--amber-glow);border-radius:0 8px 8px 0;}
  .pull-quote p{font-family:'Playfair Display',serif;font-size:clamp(1.1rem,2.2vw,1.5rem);font-style:italic;color:var(--cream);margin:0;line-height:1.5;}

  .infographic{background:var(--bg2);border:1px solid oklch(1 0 0 / 0.08);border-radius:20px;overflow:hidden;margin:48px 0;}
  .infographic-header{padding:24px 36px 0;font-size:10px;letter-spacing:0.25em;text-transform:uppercase;color:var(--amber);font-weight:400;}
  .infographic svg{display:block;width:100%;}

  /* Verdict cards */
  .verdict-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:48px 0;}
  .verdict-card{background:var(--bg2);border:1px solid oklch(1 0 0 / 0.08);border-radius:16px;padding:32px;}
  .verdict-card.yes{border-color:oklch(0.68 0.14 155 / 0.4);background:oklch(0.68 0.14 155 / 0.06);}
  .verdict-card.no{border-color:oklch(0.62 0.18 25 / 0.4);background:oklch(0.62 0.18 25 / 0.05);}
  .verdict-label{font-size:9px;letter-spacing:0.3em;text-transform:uppercase;font-weight:400;margin-bottom:14px;}
  .verdict-card.yes .verdict-label{color:var(--green);}
  .verdict-card.no  .verdict-label{color:var(--red-warn);}
  .verdict-card h4{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;margin-bottom:10px; color:var(--cream);}
  .verdict-card p{font-size:0.9rem;margin:0;}

  /* Lens comparison */
  .lens-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:48px 0;}
  .lens-card{background:var(--bg2);border:1px solid oklch(1 0 0 / 0.08);border-radius:14px;padding:28px 20px;text-align:center;}
  .lens-card h4{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;margin:14px 0 8px;}
  .lens-card p{font-size:0.85rem;color:var(--muted);margin:0;}

  /* Tips list */
  .tip-list{display:flex;flex-direction:column;gap:0;margin:48px 0;}
  .tip-item{display:grid;grid-template-columns:44px 1fr;gap:20px;align-items:start;padding:24px 0;border-bottom:1px solid oklch(1 0 0 / 0.06);}
  .tip-item:last-child{border-bottom:none;}
  .tip-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .tip-icon.good{background:oklch(0.68 0.14 155 / 0.15);border:1px solid oklch(0.68 0.14 155 / 0.3);}
  .tip-icon.amber{background:var(--amber-glow);border:1px solid oklch(0.72 0.14 65 / 0.3);}
  .tip-item h4{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;margin-bottom:4px; color:var(--cream);}
  .tip-item p{font-size:0.9rem;margin:0;color:var(--muted);}

  .closing{text-align:center;padding:130px 32px;position:relative;overflow:hidden;}
  .closing-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% 50%, oklch(0.32 0.1 60 / 0.12) 0%, transparent 70%);}
  footer{text-align:center;padding:40px 32px;font-size:12px;color:oklch(0.45 0 0);border-top:1px solid oklch(1 0 0 / 0.06);}

/*
  .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
  .reveal.visible{opacity:1;transform:none;}
  */

  @media(max-width:640px){
  	.verdict-grid,.lens-row{grid-template-columns:1fr;}
  	.closing        { padding: 80px 18px; }
  }