:root{

      --bg:#fff4ec;

      --paper:#fff;

      --purple:#271244;

      --purple-2:#160828;

      --muted:rgba(39,18,68,.66);

      --muted-2:rgba(39,18,68,.50);

      --line:rgba(39,18,68,.10);

      --red:#ff3f32;

      --red-2:#ff5b45;

      --red-soft:rgba(255,63,50,.09);

      --cream:#fff8f3;

      --shadow:0 24px 70px rgba(39,18,68,.08);

      --shadow-2:0 34px 100px rgba(39,18,68,.12);

      --max:1180px;

      --sans:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;

      --ease:cubic-bezier(.2,.8,.2,1);

    }

    *{

      box-sizing:border-box;

    }

    html{

      scroll-behavior:smooth;

      scrollbar-gutter:stable;

    }

    body{

      margin:0;

      font-family:var(--sans);

      color:var(--purple);

      background:var(--bg);

      -webkit-font-smoothing:antialiased;

      -moz-osx-font-smoothing:grayscale;

    }

    a{

      color:inherit;

      text-decoration:none;

    }

    img,

    svg{

      display:block;

      max-width:100%;

    }

    .dist-page{

      overflow:hidden;

      background:

        radial-gradient(circle at 12% 0%, rgba(255,63,50,.10), transparent 32%),

        radial-gradient(circle at 88% 8%, rgba(39,18,68,.08), transparent 30%),

        linear-gradient(180deg, #fff4ec 0%, #fffaf6 46%, #fff 100%);

    }

    .dist-container{

      width:min(var(--max), calc(100% - 40px));

      margin-inline:auto;

    }

    .dist-section{

      position:relative;

      padding:82px 0;

    }

    .dist-section-soft{

      background:

        radial-gradient(circle at 50% 0%, rgba(255,63,50,.055), transparent 34%),

        linear-gradient(180deg, #fff 0%, #fff8f3 100%);

      border-block:1px solid rgba(39,18,68,.06);

    }

    .dist-eyebrow,

    .dist-pill{

      display:inline-flex;

      align-items:center;

      justify-content:center;

      gap:8px;

      padding:9px 16px;

      border-radius:999px;

      background:rgba(255,63,50,.08);

      border:1px solid rgba(255,63,50,.16);

      color:var(--red);

      font-size:12px;

      line-height:1;

      font-weight:950;

      letter-spacing:.13em;

      text-transform:uppercase;

      white-space:nowrap;

    }

    .dist-section-head{

      max-width:860px;

      margin:0 auto 34px;

      text-align:center;

    }

    .dist-section-head h2{

      margin:18px 0 0;

      color:var(--purple);

      font-size:clamp(36px, 4.6vw, 66px);

      line-height:.96;

      letter-spacing:-.06em;

      font-weight:950;

    }

    .dist-section-head p{

      max-width:760px;

      margin:18px auto 0;

      color:var(--muted);

      font-size:clamp(16px, 1.45vw, 20px);

      line-height:1.48;

      font-weight:650;

    }

    .dist-btn{

      min-height:54px;

      display:inline-flex;

      align-items:center;

      justify-content:center;

      gap:10px;

      padding:0 24px;

      border-radius:16px;

      border:1px solid rgba(39,18,68,.12);

      font-size:16px;

      font-weight:950;

      cursor:pointer;

      white-space:nowrap;

      transition:

        transform .22s var(--ease),

        box-shadow .22s var(--ease),

        background .22s var(--ease),

        border-color .22s var(--ease),

        color .22s var(--ease);

    }

    .dist-btn:hover{

      transform:translateY(-2px);

    }

    .dist-btn-primary{

      color:#fff;

      border-color:transparent;

      background:linear-gradient(135deg, var(--red), var(--red-2));

      box-shadow:0 18px 42px rgba(255,63,50,.26);

    }

    .dist-btn-primary:hover{

      box-shadow:0 26px 64px rgba(255,63,50,.34);

    }

    .dist-btn-secondary{

      color:var(--purple);

      background:rgba(255,255,255,.72);

      box-shadow:0 14px 34px rgba(39,18,68,.06);

    }

    .dist-btn-secondary:hover{

      color:var(--red);

      background:#fff;

      border-color:rgba(255,63,50,.28);

    }

    /* Header */

    .dist-header{

      position:relative;

      z-index:10;

      padding:22px 0;

    }

    .dist-header-inner{

      height:66px;

      display:flex;

      align-items:center;

      justify-content:space-between;

      gap:18px;

      padding:0 24px;

      border-radius:999px;

      background:rgba(255,255,255,.72);

      border:1px solid rgba(39,18,68,.08);

      box-shadow:0 18px 60px rgba(39,18,68,.07);

      backdrop-filter:blur(14px);

    }

    .dist-logo{

      display:flex;

      flex-direction:column;

      line-height:1;

    }

    .dist-logo strong{

      color:var(--purple);

      font-size:22px;

      letter-spacing:-.045em;

      font-weight:950;

    }

    .dist-logo span{

      margin-top:5px;

      color:rgba(39,18,68,.62);

      font-size:10px;

      letter-spacing:.18em;

      font-weight:900;

      text-transform:uppercase;

    }

    .dist-nav{

      display:flex;

      align-items:center;

      gap:18px;

      color:rgba(39,18,68,.66);

      font-size:14px;

      font-weight:800;

    }

    .dist-nav a:hover{

      color:var(--red);

    }

    .dist-header .dist-btn{

      min-height:44px;

      padding:0 18px;

      border-radius:999px;

      font-size:14px;

    }

    /* Hero */

    .dist-hero{

      position:relative;

      padding:56px 0 92px;

    }

    .dist-hero::before{

      content:"";

      position:absolute;

      left:50%;

      top:-180px;

      width:940px;

      height:940px;

      transform:translateX(-50%);

      pointer-events:none;

      background:radial-gradient(circle, rgba(255,63,50,.08), transparent 60%);

      filter:blur(8px);

    }

    .dist-hero-grid{

      position:relative;

      z-index:1;

      display:grid;

      grid-template-columns:1.05fr .95fr;

      gap:54px;

      align-items:center;

    }

    .dist-hero-copy h1{

      margin:22px 0 0;

      color:var(--purple);

      font-size:clamp(48px, 6.4vw, 88px);

      line-height:.92;

      letter-spacing:-.075em;

      font-weight:950;

    }

    .dist-hero-copy h1 span{

      color:var(--red);

    }

    .dist-hero-copy p{

      max-width:690px;

      margin:26px 0 0;

      color:var(--muted);

      font-size:clamp(17px, 1.55vw, 22px);

      line-height:1.45;

      font-weight:650;

    }

    .dist-hero-actions{

      display:flex;

      gap:14px;

      flex-wrap:wrap;

      margin-top:34px;

    }

    .dist-hero-points{

      display:grid;

      grid-template-columns:repeat(3, 1fr);

      gap:12px;

      margin-top:34px;

      max-width:760px;

    }

    .dist-hero-point{

      padding:16px;

      border-radius:20px;

      background:rgba(255,255,255,.70);

      border:1px solid rgba(39,18,68,.08);

      box-shadow:0 12px 34px rgba(39,18,68,.045);

    }

    .dist-hero-point strong{

      display:block;

      color:var(--purple);

      font-size:14px;

      line-height:1.2;

      font-weight:950;

    }

    .dist-hero-point span{

      display:block;

      margin-top:6px;

      color:rgba(39,18,68,.58);

      font-size:13px;

      line-height:1.32;

      font-weight:650;

    }

    .dist-hero-card{

      position:relative;

      padding:34px;

      border-radius:34px;

      background:

        radial-gradient(circle at 100% 0%, rgba(255,63,50,.10), transparent 34%),

        rgba(255,255,255,.78);

      border:1px solid rgba(39,18,68,.08);

      box-shadow:var(--shadow-2);

      backdrop-filter:blur(12px);

    }

    .dist-hero-card::before{

      content:"";

      position:absolute;

      inset:16px;

      z-index:-1;

      border-radius:28px;

      background:linear-gradient(135deg, rgba(255,63,50,.12), rgba(39,18,68,.06));

      filter:blur(26px);

    }

    .dist-card-label{

      color:var(--red);

      font-size:12px;

      line-height:1;

      font-weight:950;

      letter-spacing:.18em;

      text-transform:uppercase;

    }

    .dist-hero-card h2{

      margin:16px 0 0;

      color:var(--purple);

      font-size:clamp(30px, 3.2vw, 48px);

      line-height:.98;

      letter-spacing:-.055em;

      font-weight:950;

    }

    .dist-card-cat{

      margin:14px 0 0;

      color:var(--muted);

      font-size:17px;

      line-height:1.45;

      font-weight:650;

    }

    .dist-mini-metrics{

      display:grid;

      gap:12px;

      margin-top:28px;

    }

    .dist-mini-metrics div{

      padding:18px;

      border-radius:20px;

      background:#fff;

      border:1px solid rgba(39,18,68,.08);

      box-shadow:0 14px 36px rgba(39,18,68,.055);

    }

    .dist-mini-metrics strong{

      display:block;

      color:var(--purple);

      font-size:16px;

      font-weight:950;

    }

    .dist-mini-metrics span{

      display:block;

      margin-top:6px;

      color:rgba(39,18,68,.60);

      font-size:14px;

      line-height:1.42;

      font-weight:650;

    }

    /* Cards */

    .dist-3grid{

      display:grid;

      grid-template-columns:repeat(3, 1fr);

      gap:18px;

    }

    .dist-2grid{

      display:grid;

      grid-template-columns:repeat(2, 1fr);

      gap:20px;

    }

    .dist-feature{

      position:relative;

      overflow:hidden;

      padding:28px;

      border-radius:28px;

      background:rgba(255,255,255,.82);

      border:1px solid rgba(39,18,68,.08);

      box-shadow:var(--shadow);

    }

    .dist-feature::after{

      content:"";

      position:absolute;

      right:-70px;

      top:-70px;

      width:180px;

      height:180px;

      border-radius:999px;

      background:rgba(255,63,50,.055);

    }

    .dist-feature-large{

      padding:34px;

    }

    .dist-icon{

      width:54px;

      height:54px;

      display:grid;

      place-items:center;

      border-radius:999px;

      background:rgba(255,63,50,.10);

      color:var(--red);

      font-size:16px;

      font-weight:950;

      box-shadow:0 12px 30px rgba(255,63,50,.10);

    }

    .dist-feature h3{

      position:relative;

      z-index:1;

      margin:22px 0 0;

      color:var(--purple);

      font-size:clamp(22px, 2vw, 30px);

      line-height:1.05;

      letter-spacing:-.04em;

      font-weight:950;

    }

    .dist-feature p{

      position:relative;

      z-index:1;

      margin:14px 0 0;

      color:var(--muted);

      font-size:16px;

      line-height:1.52;

      font-weight:650;

    }

    .dist-feature ul{

      position:relative;

      z-index:1;

      display:grid;

      gap:10px;

      margin:20px 0 0;

      padding:0;

      list-style:none;

    }

    .dist-feature li{

      position:relative;

      padding-left:30px;

      color:rgba(39,18,68,.70);

      font-size:15.5px;

      line-height:1.35;

      font-weight:750;

    }

    .dist-feature li::before{

      content:"✓";

      position:absolute;

      left:0;

      top:-1px;

      width:20px;

      height:20px;

      display:grid;

      place-items:center;

      border-radius:999px;

      background:rgba(255,63,50,.10);

      color:var(--red);

      font-size:13px;

      font-weight:950;

    }

    /* Brand block */

    .dist-brand-card{

      display:grid;

      grid-template-columns:.85fr 1.15fr;

      gap:36px;

      align-items:center;

      padding:28px;

      border-radius:36px;

      background:

        radial-gradient(circle at 0% 100%, rgba(255,63,50,.10), transparent 34%),

        linear-gradient(135deg, #fff, #fff8f3);

      border:1px solid rgba(39,18,68,.08);

      box-shadow:var(--shadow-2);

    }

    .dist-brand-visual{

      min-height:360px;

      display:grid;

      place-items:center;

      overflow:hidden;

      border-radius:28px;

      background:

        radial-gradient(circle at 50% 38%, rgba(255,63,50,.10), transparent 38%),

        #fff;

      border:1px solid rgba(39,18,68,.07);

    }

    .dist-brand-visual img{

      width:100%;

      height:100%;

      object-fit:cover;

    }

    .dist-brand-copy{

      padding:10px 8px;

    }

    .dist-brand-copy h2{

      margin:18px 0 0;

      color:var(--purple);

      font-size:clamp(36px, 4.4vw, 64px);

      line-height:.96;

      letter-spacing:-.06em;

      font-weight:950;

    }

    .dist-brand-copy p{

      margin:20px 0 0;

      color:var(--muted);

      font-size:18px;

      line-height:1.52;

      font-weight:650;

    }

    .dist-brand-tags{

      display:flex;

      flex-wrap:wrap;

      gap:10px;

      margin-top:24px;

    }

    .dist-brand-tags span{

      padding:10px 14px;

      border-radius:999px;

      background:#fff;

      border:1px solid rgba(39,18,68,.08);

      color:rgba(39,18,68,.72);

      font-size:13px;

      font-weight:900;

    }

    /* Flow */

    .dist-flow{

      display:grid;

      grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;

      align-items:center;

      gap:14px;

      margin-top:34px;

    }

    .dist-flow-item{

      min-height:124px;

      display:flex;

      align-items:center;

      justify-content:center;

      padding:20px;

      border-radius:26px;

      background:#fff;

      border:1px solid rgba(39,18,68,.08);

      box-shadow:0 18px 50px rgba(39,18,68,.06);

      color:var(--purple);

      text-align:center;

      font-size:17px;

      line-height:1.25;

      font-weight:950;

    }

    .dist-arrow{

      color:var(--red);

      font-size:28px;

      font-weight:950;

    }

    .dist-note{

      max-width:920px;

      margin:28px auto 0;

      padding:18px 22px;

      border-radius:22px;

      background:rgba(255,255,255,.76);

      border:1px solid rgba(39,18,68,.08);

      color:rgba(39,18,68,.68);

      font-size:16px;

      line-height:1.5;

      font-weight:700;

      text-align:center;

      box-shadow:0 14px 40px rgba(39,18,68,.05);

    }

    /* Split */

    .dist-split-grid{

      display:grid;

      grid-template-columns:1fr 1fr;

      gap:22px;

    }

    .dist-split-card{

      padding:34px;

      border-radius:32px;

      background:#fff;

      border:1px solid rgba(39,18,68,.08);

      box-shadow:var(--shadow);

    }

    .dist-split-card-red{

      background:

        radial-gradient(circle at 100% 0%, rgba(255,63,50,.12), transparent 36%),

        #fff;

      border-color:rgba(255,63,50,.16);

    }

    .dist-split-card h3{

      margin:0;

      color:var(--purple);

      font-size:clamp(28px, 3vw, 42px);

      line-height:1;

      letter-spacing:-.055em;

      font-weight:950;

    }

    .dist-split-card p{

      margin:14px 0 0;

      color:var(--muted);

      font-size:16px;

      line-height:1.5;

      font-weight:650;

    }

    .dist-list{

      display:grid;

      gap:10px;

      margin-top:24px;

    }

    .dist-list div{

      display:flex;

      align-items:center;

      justify-content:space-between;

      gap:16px;

      padding:14px 16px;

      border-radius:16px;

      background:rgba(255,244,236,.56);

      border:1px solid rgba(39,18,68,.06);

    }

    .dist-list strong{

      color:var(--purple);

      font-size:14px;

      font-weight:900;

    }

    .dist-list span{

      color:var(--red);

      font-size:13px;

      font-weight:950;

      white-space:nowrap;

    }

    /* Economics */

    .dist-economics-grid{

      display:grid;

      grid-template-columns:repeat(4, 1fr);

      gap:18px;

    }

    .dist-econ-card{

      padding:28px 22px;

      border-radius:26px;

      background:#fff;

      border:1px solid rgba(39,18,68,.08);

      box-shadow:0 18px 50px rgba(39,18,68,.06);

      text-align:center;

    }

    .dist-econ-card span{

      display:block;

      color:rgba(39,18,68,.62);

      font-size:14px;

      line-height:1.3;

      font-weight:850;

    }

    .dist-econ-card strong{

      display:block;

      margin-top:12px;

      color:var(--red);

      font-size:clamp(26px, 3vw, 42px);

      line-height:1;

      letter-spacing:-.04em;

      font-weight:950;

    }

    /* CTA */

    .dist-cta{

      padding:90px 0;

      background:

        radial-gradient(circle at 18% 20%, rgba(255,63,50,.18), transparent 30%),

        radial-gradient(circle at 84% 76%, rgba(255,255,255,.10), transparent 34%),

        linear-gradient(135deg, #271244 0%, #160828 100%);

      color:#fff;

    }

    .dist-cta-box{

      max-width:980px;

      margin:auto;

      text-align:center;

    }

    .dist-cta .dist-eyebrow{

      background:rgba(255,255,255,.10);

      border-color:rgba(255,255,255,.14);

      color:#fff;

    }

    .dist-cta h2{

      margin:22px 0 0;

      color:#fff;

      font-size:clamp(40px, 5vw, 72px);

      line-height:.96;

      letter-spacing:-.06em;

      font-weight:950;

    }

    .dist-cta p{

      max-width:760px;

      margin:20px auto 0;

      color:rgba(255,255,255,.78);

      font-size:18px;

      line-height:1.52;

      font-weight:650;

    }

    .dist-role-grid{

      display:grid;

      grid-template-columns:1fr 1fr;

      gap:18px;

      margin:34px 0;

      text-align:left;

    }

    .dist-role-grid div{

      padding:24px;

      border-radius:24px;

      background:rgba(255,255,255,.08);

      border:1px solid rgba(255,255,255,.12);

    }

    .dist-role-grid h3{

      margin:0;

      color:#fff;

      font-size:22px;

      font-weight:950;

      letter-spacing:-.03em;

    }

    .dist-role-grid p{

      margin:10px 0 0;

      color:rgba(255,255,255,.72);

      font-size:15px;

      line-height:1.45;

      font-weight:650;

    }

    /* Footer */

    .dist-footer{

      padding:34px 0;

      background:#fff;

      border-top:1px solid rgba(39,18,68,.08);

      color:rgba(39,18,68,.58);

      font-size:14px;

      font-weight:650;

    }

    .dist-footer-inner{

      display:flex;

      align-items:center;

      justify-content:space-between;

      gap:18px;

      flex-wrap:wrap;

    }

    .dist-footer a{

      color:var(--purple);

      font-weight:850;

    }

    /* Responsive */

    @media (max-width:980px){

      .dist-nav{

        display:none;

      }

      .dist-hero-grid,

      .dist-brand-card,

      .dist-split-grid{

        grid-template-columns:1fr;

      }

      .dist-hero{

        padding-top:28px;

      }

      .dist-hero-card{

        padding:26px;

      }

      .dist-hero-points,

      .dist-3grid,

      .dist-2grid,

      .dist-economics-grid{

        grid-template-columns:1fr;

      }

      .dist-flow{

        grid-template-columns:1fr;

      }

      .dist-arrow{

        transform:rotate(90deg);

        justify-self:center;

      }

      .dist-brand-visual{

        min-height:280px;

      }

      .dist-section{

        padding:64px 0;

      }

      .dist-role-grid{

        grid-template-columns:1fr;

      }

    }

    @media (max-width:640px){

      .dist-container{

        width:min(var(--max), calc(100% - 28px));

      }

      .dist-header-inner{

        height:auto;

        min-height:62px;

        padding:12px 14px;

        border-radius:24px;

      }

      .dist-logo strong{

        font-size:20px;

      }

      .dist-logo span{

        font-size:8.5px;

      }

      .dist-header .dist-btn{

        display:none;

      }

      .dist-hero-copy h1{

        font-size:44px;

      }

      .dist-hero-copy p{

        font-size:16px;

      }

      .dist-btn{

        width:100%;

      }

      .dist-section-head h2{

        font-size:36px;

      }

      .dist-feature,

      .dist-feature-large,

      .dist-split-card{

        padding:24px 18px;

        border-radius:24px;

      }

      .dist-brand-card{

        padding:16px;

        border-radius:28px;

      }

      .dist-brand-copy h2{

        font-size:36px;

      }

      .dist-brand-copy p{

        font-size:16px;

      }

      .dist-cta{

        padding:68px 0;

      }

      .dist-cta h2{

        font-size:38px;

      }

      .dist-cta p{

        font-size:16px;

      }

      .dist-footer-inner{

        flex-direction:column;

        text-align:center;

      }

    }