@charset "UTF-8";

  .uzs-article{
    --uzs-porcelain:#F7F3FA;
    --uzs-paper:#FFFFFF;
    --uzs-ink:#241A30;
    --uzs-ink-soft:#5B4A6B;
    --uzs-teal:var(--dp-primary);
    --uzs-teal-deep:#3F1856;
    --uzs-teal-bright:var(--dp-primary);
    --uzs-blush:#F0B65C;
    --uzs-mist:#EEE6F5;
    --uzs-line: rgba(36,26,48,0.12);
    --uzs-maxw: 700px;

    background:var(--uzs-porcelain);
    color:var(--uzs-ink);
    font-family:'Work Sans', Arial, sans-serif;
    font-weight:400;
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
    width:100%;
    max-width:100%;
  }
  .uzs-article, .uzs-article *{ box-sizing:border-box; }
  @media (prefers-reduced-motion: reduce){
    .uzs-article *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}
  }
  .uzs-article h2, .uzs-article h3{
    font-family:'Fraunces', Georgia, serif;
    font-weight:500;
    color:var(--uzs-ink);
    letter-spacing:-0.01em;
    margin:0;
    line-height:1.2;
  }
  .uzs-article a{ color:var(--uzs-teal-deep); }
  .uzs-article .uzs-wrap{ max-width:var(--uzs-maxw); width:100%; margin:0 auto; padding:0 20px; }
  .uzs-article .uzs-wide{ max-width:920px; width:100%; margin:0 auto; padding:0 20px; }

  /* ---------- HERO ---------- */
  .uzs-article .uzs-hero{
    position:relative;
    padding:clamp(48px,10vw,96px) 0 clamp(36px,7vw,64px);
    background:linear-gradient(180deg, var(--uzs-teal-deep) 0%, var(--uzs-teal) 100%);
    color:var(--uzs-paper);
    overflow:hidden;
    width:100%;
  }
  .uzs-article .uzs-hero .uzs-wide{ position:relative; z-index:2; }
  .uzs-article .uzs-eyebrow{
    font-family:'IBM Plex Mono', 'Courier New', monospace;
    font-size:12px;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:rgba(251,252,250,0.72);
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:20px;
    flex-wrap:wrap;
  }
  .uzs-article .uzs-eyebrow .uzs-dot{ width:6px;height:6px;border-radius:50%;background:var(--uzs-blush); flex-shrink:0; }
  .uzs-article .uzs-hero-title{
    color:var(--uzs-paper);
    font-family:'Fraunces', Georgia, serif;
    font-weight:500;
    font-size:clamp(28px, 7vw, 56px);
    line-height:1.1;
    max-width:820px;
    margin:0;
    word-break:break-word;
  }
  .uzs-article .uzs-hero-title em{ font-style:italic; color:var(--uzs-blush); }
  .uzs-article .uzs-lede{
    margin-top:20px;
    max-width:540px;
    font-size:clamp(15px,3.6vw,18px);
    color:rgba(251,252,250,0.86);
    font-weight:300;
  }

  .uzs-article .uzs-waveform{
    display:flex;
    align-items:center;
    gap:2px;
    height:clamp(36px,10vw,64px);
    margin-top:clamp(28px,6vw,48px);
    overflow:hidden;
    width:100%;
  }
  .uzs-article .uzs-waveform .uzs-bar{
    width:3px;
    flex:0 0 3px;
    background:var(--uzs-blush);
    border-radius:2px;
    opacity:0.85;
    animation:uzs-pulse 1.8s ease-in-out infinite;
  }
  @keyframes uzs-pulse{
    0%,100%{ transform:scaleY(0.25); }
    50%{ transform:scaleY(1); }
  }
  .uzs-article .uzs-freq{
    margin-top:14px;
    font-size:12.5px;
    color:rgba(251,252,250,0.6);
    display:flex; gap:14px 20px; flex-wrap:wrap;
  }
  .uzs-article .uzs-freq b{ color:var(--uzs-blush); font-weight:500; }

  /* ---------- ARTICLE BODY ---------- */
  .uzs-article .uzs-body{ padding:clamp(40px,8vw,72px) 0 40px; }
  .uzs-article .uzs-section{ padding:clamp(28px,6vw,44px) 0; }
  .uzs-article .uzs-section + .uzs-section{ border-top:1px solid var(--uzs-line); }
  .uzs-article h2.uzs-h2{ font-size:clamp(22px, 5vw, 32px); margin-bottom:18px; }
  .uzs-article .uzs-num{
    font-family:'IBM Plex Mono', 'Courier New', monospace;
    font-size:13px;
    color:var(--uzs-teal-bright);
    display:block;
    margin-bottom:8px;
    letter-spacing:0.08em;
  }
  .uzs-article p{ margin:0 0 16px; color:var(--uzs-ink-soft); font-size:15.5px; }
  .uzs-article strong{ color:var(--uzs-ink); font-weight:600; }
  .uzs-article .uzs-lead-line{
    font-family:'Fraunces', Georgia, serif;
    font-size:clamp(17px,4vw,20px);
    font-weight:400;
    color:var(--uzs-ink);
    line-height:1.5;
    margin-bottom:0;
  }

  .uzs-article .uzs-compare{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1px;
    background:var(--uzs-line);
    border:1px solid var(--uzs-line);
    border-radius:14px;
    overflow:hidden;
    margin:24px 0;
  }
  .uzs-article .uzs-compare .uzs-card{ background:var(--uzs-paper); padding:24px 20px; min-width:0; }
  .uzs-article .uzs-compare .uzs-card h3{ font-size:18px; margin-bottom:6px; }
  .uzs-article .uzs-compare .uzs-tag{
    font-family:'IBM Plex Mono', 'Courier New', monospace;
    font-size:11px;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:var(--uzs-teal);
    display:block;
    margin-bottom:10px;
  }
  .uzs-article .uzs-compare .uzs-card ul{ margin:0; padding-left:18px; color:var(--uzs-ink-soft); font-size:14.5px; }
  .uzs-article .uzs-compare .uzs-card li{ margin-bottom:8px; }
  @media (max-width:640px){
    .uzs-article .uzs-compare{ grid-template-columns:1fr; }
  }

  .uzs-article .uzs-callout{ background:var(--uzs-mist); padding:clamp(32px,7vw,56px) 0; margin:0; width:100%; }
  .uzs-article .uzs-callout .uzs-wide{ display:flex; gap:32px; flex-wrap:wrap; align-items:center; }
  .uzs-article .uzs-callout .uzs-stat{ flex:1 1 160px; min-width:160px; }
  .uzs-article .uzs-callout .uzs-stat .uzs-n{
    font-family:'Fraunces', Georgia, serif;
    font-size:clamp(34px,8vw,64px);
    color:var(--uzs-teal-deep);
    line-height:1;
  }
  .uzs-article .uzs-callout .uzs-stat .uzs-n span{ font-size:0.4em; font-family:'IBM Plex Mono','Courier New',monospace; color:var(--uzs-teal); }
  .uzs-article .uzs-callout .uzs-stat .uzs-label{ font-size:13.5px; color:var(--uzs-ink-soft); margin-top:8px; }
  .uzs-article .uzs-callout .uzs-note{ flex:2 1 240px; min-width:0; font-size:15px; color:var(--uzs-ink-soft); }

  .uzs-article .uzs-checklist{ list-style:none; margin:20px 0; padding:0; }
  .uzs-article .uzs-checklist li{
    display:flex; gap:12px; padding:14px 0;
    border-bottom:1px solid var(--uzs-line);
    font-size:15px; color:var(--uzs-ink-soft);
  }
  .uzs-article .uzs-checklist li:first-child{ border-top:1px solid var(--uzs-line); }
  .uzs-article .uzs-checklist .uzs-mark{
    flex-shrink:0; width:20px;height:20px; border-radius:50%;
    border:1.5px solid var(--uzs-teal);
    display:flex;align-items:center;justify-content:center;
    font-size:10px; color:var(--uzs-teal); margin-top:2px;
  }
  .uzs-article .uzs-checklist b{ color:var(--uzs-ink); }

  .uzs-article .uzs-steps{ counter-reset:uzs-step; margin:24px 0; }
  .uzs-article .uzs-step{ display:flex; gap:16px; padding:18px 0; border-top:1px solid var(--uzs-line); }
  .uzs-article .uzs-step:last-child{ border-bottom:1px solid var(--uzs-line); }
  .uzs-article .uzs-step .uzs-num-badge{
    counter-increment:uzs-step;
    font-family:'IBM Plex Mono','Courier New', monospace;
    font-size:13px; color:var(--uzs-teal); flex-shrink:0; width:30px; padding-top:2px;
  }
  .uzs-article .uzs-step .uzs-num-badge::before{ content:"0" counter(uzs-step); }
  .uzs-article .uzs-step-body{ min-width:0; }
  .uzs-article .uzs-step-body h3{ font-size:16px; margin-bottom:4px; font-family:'Work Sans',Arial,sans-serif; font-weight:600; }
  .uzs-article .uzs-step-body p{ font-size:14.5px; margin-bottom:0; }

  .uzs-article details{ border-top:1px solid var(--uzs-line); padding:16px 0; }
  .uzs-article details:last-of-type{ border-bottom:1px solid var(--uzs-line); }
  .uzs-article summary{
    cursor:pointer; list-style:none;
    display:flex; justify-content:space-between; align-items:center; gap:12px;
    font-family:'Fraunces', Georgia, serif;
    font-size:16.5px; color:var(--uzs-ink); font-weight:500;
  }
  .uzs-article summary::-webkit-details-marker{ display:none; }
  .uzs-article summary::after{
    content:"+"; font-family:'IBM Plex Mono','Courier New',monospace; font-size:20px;
    color:var(--uzs-teal); transition:transform 0.2s ease; flex-shrink:0;
  }
  .uzs-article details[open] summary::after{ transform:rotate(45deg); }
  .uzs-article details p{ margin-top:12px; font-size:14.5px; }

  .uzs-article .uzs-cta{ background:linear-gradient(160deg, var(--uzs-teal-deep) 0%, var(--uzs-teal) 100%); color:var(--uzs-paper); padding:clamp(44px,9vw,72px) 0; text-align:center; width:100%; }
  .uzs-article .uzs-cta h2{ color:var(--uzs-paper); font-size:clamp(22px,5vw,36px); max-width:560px; margin:0 auto 10px; }
  .uzs-article .uzs-cta p{ color:rgba(255,255,255,0.75); max-width:480px; margin:0 auto 30px; }
  .uzs-article .uzs-msg-row{
    display:flex; justify-content:center; align-items:flex-end; gap:clamp(20px,6vw,40px);
    flex-wrap:wrap; margin:0 auto;
  }
  .uzs-article .uzs-msg-btn{
    display:flex; flex-direction:column; align-items:center; gap:10px;
    text-decoration:none; color:var(--uzs-paper);
  }
  .uzs-article .uzs-msg-icon{
    width:clamp(56px,14vw,72px); height:clamp(56px,14vw,72px);
    border-radius:50%;
    background:var(--uzs-paper);
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 8px 20px rgba(0,0,0,0.25);
    transition:transform 0.18s ease;
  }
  .uzs-article .uzs-msg-btn:hover .uzs-msg-icon{ transform:translateY(-4px) scale(1.05); }
  .uzs-article .uzs-msg-icon img{ width:56%; height:56%; object-fit:contain; }
  .uzs-article .uzs-msg-label{ font-size:13.5px; font-weight:600; letter-spacing:0.02em; }
  .uzs-article .uzs-msg-note{
    margin-top:clamp(28px,6vw,40px); font-size:13px; color:rgba(255,255,255,0.55);
  }
  .uzs-article .uzs-btn{
    display:inline-block; background:var(--uzs-blush); color:var(--uzs-teal-deep);
    font-weight:600; padding:14px 30px; border-radius:100px; text-decoration:none;
    font-size:15px; transition:transform 0.15s ease;
  }
  .uzs-article .uzs-btn:hover{ transform:translateY(-2px); }
  .uzs-article .uzs-footnote{ text-align:center; font-size:12.5px; color:var(--uzs-ink-soft); padding:24px 20px 40px; }