:root{--ink:#16121f;--ink2:#221934;--violet:#8b5cf6;--violet2:#a78bfa;--magenta:#e153c9;--lav:#efeaff;--muted:#6b6480;--line:#e9e4f4;--bg:#faf9fe;--card:#fff;--grad:linear-gradient(135deg,#16121f,#3b2170 55%,#8b5cf6)}
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:'Assistant',Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:1140px;margin:0 auto;padding:0 20px}
  .btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-weight:700;font-size:16px;padding:14px 28px;border-radius:12px;border:none;cursor:pointer;box-shadow:0 10px 26px -8px rgba(139,92,246,.6);transition:transform .15s,box-shadow .15s}
  .btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px -8px rgba(139,92,246,.7)}
  .btn.big{font-size:18px;padding:16px 34px}
  .btn.ghost{background:transparent;border:1.6px solid rgba(255,255,255,.45);box-shadow:none;color:#fff}
  .eyebrow{display:inline-block;background:var(--lav);color:#5b2ec9;font-weight:700;font-size:13px;padding:6px 14px;border-radius:999px;margin-bottom:14px;letter-spacing:.3px}
  h2.title{font-size:38px;font-weight:800;line-height:1.18;letter-spacing:-.6px}
  .lead{color:var(--muted);font-size:18px;line-height:1.75}

  /* independence disclaimer bar */
  .disclaimer{background:#fff7ed;border-bottom:1px solid #f0d9b8;color:#6b4a1e;font-size:13px;line-height:1.55}
  .disclaimer .wrap{padding:10px 20px;display:flex;gap:8px;align-items:flex-start}
  .disclaimer b{color:#8a5a12}

  header{position:sticky;top:0;z-index:100;background:rgba(22,18,31,.72);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:66px}
  .logo{display:flex;flex-direction:column;justify-content:center;line-height:1.1;color:#fff}
  .logo b{font-weight:900;font-size:19px}
  .logo small{font-weight:500;font-size:11.5px;color:#b9b0d0;letter-spacing:.2px}
  .nav-links{display:flex;gap:24px;font-weight:500;color:#cfc6e6}
  .nav-links a:hover{color:#fff}
  @media(max-width:880px){.nav-links{display:none}}

  /* ===== HERO: bold headline + horizontal CAN WALL ===== */
  .hero{background:var(--grad);color:#fff;position:relative;overflow:hidden;padding:70px 0 0;text-align:center}
  .hero:after{content:"";position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:820px;height:520px;background:radial-gradient(closest-side,rgba(225,83,201,.3),transparent);pointer-events:none}
  .hero h1{font-size:48px;line-height:1.12;font-weight:800;letter-spacing:-1.1px;max-width:900px;margin:0 auto;position:relative;z-index:2}
  .hero h1 .hl{background:linear-gradient(90deg,#c4b5fd,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent}
  .hero p{font-size:19px;opacity:.9;max-width:600px;margin:18px auto 26px;position:relative;z-index:2}
  .hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
  .canwall{display:flex;justify-content:center;align-items:center;gap:0;margin-top:44px;position:relative;z-index:2}
  .canwall .cw{width:150px;height:150px;border-radius:50%;overflow:hidden;margin:0 -12px;flex-shrink:0;background:#fff;box-shadow:0 22px 40px rgba(0,0,0,.55),0 0 0 4px rgba(255,255,255,.92);transition:transform .25s}
  .canwall .cw img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
  .canwall .cw:nth-child(1){transform:rotate(-8deg) translateY(12px)}
  .canwall .cw:nth-child(2){transform:rotate(-4deg) translateY(2px)}
  .canwall .cw:nth-child(3){transform:translateY(-14px);z-index:3;width:176px;height:176px}
  .canwall .cw:nth-child(4){transform:rotate(4deg) translateY(2px)}
  .canwall .cw:nth-child(5){transform:rotate(8deg) translateY(12px)}
  .canwall .cw:hover{transform:translateY(-16px) scale(1.05);z-index:5}
  @media(max-width:760px){.hero h1{font-size:33px}.canwall .cw{width:94px;height:94px;margin:0 -8px}.canwall .cw:nth-child(3){width:112px;height:112px}}

  .strip{background:var(--ink2);color:#e7e1f5;padding:15px 0}
  .strip .wrap{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;font-weight:500;font-size:15px}
  .strip span{display:flex;align-items:center;gap:8px;opacity:.92}

  /* ===== ALTERNATING FEATURE BLOCKS ===== */
  .feature{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:64px 0}
  .feature:nth-of-type(even){direction:ltr}
  .feature:nth-of-type(even) .fx{direction:rtl}
  .feature .fimg{text-align:center;position:relative}
  .feature .fimg:before{content:"";position:absolute;inset:10% 10%;background:radial-gradient(closest-side,var(--lav),transparent);z-index:0}
  .feature .fimg img{width:100%;max-width:360px;position:relative;z-index:1;filter:drop-shadow(0 20px 40px rgba(124,58,237,.25))}
  .feature .fx .tag{display:inline-block;font-weight:800;color:var(--violet);font-size:14px;letter-spacing:1px;margin-bottom:8px}
  .feature .fx h3{font-size:30px;font-weight:800;margin-bottom:10px;letter-spacing:-.5px}
  .feature .fx p{color:var(--muted);font-size:17px}
  @media(max-width:760px){.feature{grid-template-columns:1fr;gap:24px;padding:40px 0}.feature:nth-of-type(even){direction:rtl}}

  /* ===== DIFFERENCE — inline row ===== */
  .diff{background:var(--ink);color:#fff;padding:56px 0}
  .diff-row{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;text-align:center}
  .diff-row .d .di{font-size:30px;margin-bottom:8px}
  .diff-row .d b{display:block;font-size:17px;margin-bottom:2px}
  .diff-row .d span{color:#b9b0d0;font-size:14px}
  @media(max-width:760px){.diff-row{grid-template-columns:1fr 1fr;gap:22px}}

  /* ===== STRENGTH SPECTRUM — horizontal bar ===== */
  .spectrum-wrap{margin-top:38px}
  .spectrum{height:16px;border-radius:10px;background:linear-gradient(90deg,#c4b5fd,#8b5cf6 40%,#7c3aed 75%,#4c1d95);position:relative;margin:56px 0 18px}
  .spectrum .mk{position:absolute;top:50%;transform:translate(50%,-50%);text-align:center}
  .spectrum .mk .dot{width:20px;height:20px;border-radius:50%;background:#fff;border:4px solid #7c3aed;margin:0 auto;box-shadow:0 4px 12px rgba(124,58,237,.4)}
  .spectrum .mk .lbl{position:absolute;bottom:26px;right:50%;transform:translateX(50%);white-space:nowrap;font-weight:800;font-size:15px}
  .spectrum .mk .sub{position:absolute;top:26px;right:50%;transform:translateX(50%);white-space:nowrap;color:var(--muted);font-size:13px}

  /* ===== GALLERY grid ===== */
  .gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
  @media(max-width:900px){.gallery{grid-template-columns:repeat(3,1fr)}}
  @media(max-width:520px){.gallery{grid-template-columns:repeat(2,1fr)}}
  .gcell{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:8px;overflow:hidden;transition:transform .18s,box-shadow .18s}
  .gcell:hover{transform:translateY(-5px);box-shadow:0 20px 40px -18px rgba(124,58,237,.35)}
  .gcell img{width:100%;display:block;border-radius:10px}

  /* ===== HORIZONTAL STEPS ===== */
  .hsteps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:s}
  .hstep{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px 22px;text-align:center;box-shadow:0 8px 24px -18px rgba(22,18,31,.3)}
  .hstep .n{counter-increment:s;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;box-shadow:0 8px 20px -8px rgba(139,92,246,.6)}
  .hstep .n:before{content:counter(s)}
  .hstep b{display:block;font-size:16px;margin-bottom:4px}.hstep p{color:var(--muted);font-size:14px}
  @media(max-width:760px){.hsteps{grid-template-columns:1fr 1fr}}

  /* ===== FAQ 2-column ===== */
  .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  @media(max-width:760px){.faq-grid{grid-template-columns:1fr}}
  details.faq{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(22,18,31,.05)}
  .faq summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:700;font-size:16px;display:flex;justify-content:space-between;align-items:center}
  .faq summary::-webkit-details-marker{display:none}.faq .plus{color:var(--violet);font-size:24px;transition:transform .2s}
  .faq[open] .plus{transform:rotate(45deg)}.faq .a{padding:0 22px 20px;color:var(--muted);font-size:15px}

  /* about / sources */
  .about{background:#f6f3fe;border:1px solid var(--line);border-radius:20px;padding:34px}
  .about h3{font-size:22px;font-weight:800;margin-bottom:10px}
  .about p{color:var(--muted);font-size:15.5px;margin-bottom:10px}
  .about .meta{font-size:13px;color:#8a83a0;border-top:1px solid var(--line);padding-top:14px;margin-top:6px}

  footer{background:var(--ink);color:#b9b0d0;padding:52px 0 26px;font-size:14px}
  footer .cols{display:grid;grid-template-columns:1.7fr 1fr;gap:30px;margin-bottom:28px}
  @media(max-width:720px){footer .cols{grid-template-columns:1fr}}
  footer h4,footer h3{color:#fff;font-size:15px;margin-bottom:12px;font-weight:700}footer a:hover{color:#fff}
  .warn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 18px;font-size:13px;line-height:1.6;color:#a79dc2;margin-bottom:24px}
  .copy{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;opacity:.75}.copy a{color:inherit;text-decoration:underline}

  #age{position:fixed;inset:0;z-index:9999;background:rgba(12,8,20,.93);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}
  #age .box{background:#fff;border-radius:22px;max-width:420px;text-align:center;padding:34px 28px}
  #age .mark{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;margin:0 auto 16px}
  #age h3{font-size:22px;font-weight:800;margin-bottom:8px}#age p{color:var(--muted);font-size:15px;margin-bottom:20px}
  #age .row{display:flex;gap:10px}#age .row .btn{flex:1;justify-content:center}#age .no{background:#f0eef5;color:#6b6480;box-shadow:none}
  .hidden{display:none!important}
  .reveal{transition:transform .7s cubic-bezier(.2,.75,.2,1),opacity .7s}
  .js .reveal:not(.in){transform:translateY(16px)}.reveal.in{transform:none}
  @media(prefers-reduced-motion:reduce){.reveal{transform:none!important}}
  /* authenticity verify section */
  .verify{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}
  @media(max-width:760px){.verify{grid-template-columns:1fr}}
  .vcard{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 8px 26px -18px rgba(22,18,31,.3);position:relative;overflow:hidden}
  .vcard:before{content:"";position:absolute;top:0;right:0;width:5px;height:100%;background:linear-gradient(#8b5cf6,#e153c9)}
  .vcard .vi{width:58px;height:58px;border-radius:16px;background:var(--lav);color:#7c3aed;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:16px}
  .vcard .step-tag{font-weight:800;color:var(--violet);font-size:13px;letter-spacing:1px;margin-bottom:6px;display:block}
  .vcard h3{font-size:22px;font-weight:800;margin-bottom:8px}
  .vcard p{color:var(--muted);font-size:16px;margin-bottom:14px}
  .vfig{margin:0 0 14px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 10px 26px -14px rgba(22,18,31,.4)}
  .vfig img{display:block;width:100%;height:auto}
  .vfig figcaption{font-size:12.5px;color:var(--muted);text-align:center;padding:8px 12px;background:#faf7ff;font-weight:600}
  .vcard .bad{display:flex;gap:8px;align-items:flex-start;background:#fdecec;color:#b4232a;border-radius:10px;padding:10px 14px;font-weight:700;font-size:14px}
  .verify-note{background:var(--ink);color:#e7e1f5;border-radius:16px;padding:18px 22px;font-size:15px;display:flex;gap:12px;align-items:center}
  .verify-note b{color:#f0abfc}
  .cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:9998;background:var(--ink);color:#dcd4ee;border-radius:16px;padding:14px 20px;display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:14px;box-shadow:0 18px 44px rgba(0,0,0,.4)}
  .cookie a{color:var(--violet2);text-decoration:underline}
  .cookie button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:10px;padding:9px 22px;font-weight:700;cursor:pointer;font-family:inherit;flex-shrink:0}
  @media(max-width:520px){.cookie{flex-direction:column;text-align:center}}
  section.blk{padding:70px 0}
  @media(max-width:640px){.hero h1{font-size:31px}h2.title{font-size:29px}}