:root{
    /* Brand palette — primary #5832a8, triadic #a83247 / #82a832 / #32a893 */
    --primary:#5832a8;     /* primary purple */
    --teal:#32a893;        /* triadic teal */
    --red:#a83247;         /* triadic red */
    --olive:#82a832;       /* triadic green */
    --primary-lt:#7d54d6;  /* lighter purple for accents */
    --navy:#1c1245;        /* deep ink, from wordmark */

    /* semantic aliases used throughout the page (mapped to brand) */
    --blue:var(--primary-lt); --amber:var(--olive); --mint:var(--teal);
    --coral:var(--red); --indigo:var(--primary); --cyan:var(--teal);

    --ink:#1c1245; --ink-soft:#5e5878; --paper:#fbfaff; --paper-2:#f1edfa;
    --line:#e4def2; --white:#ffffff; --shadow:0 26px 60px -30px rgba(45,28,110,.4); --r:18px;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{font-family:'Sora',sans-serif;background:var(--paper);color:var(--ink);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
  h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;font-weight:600;line-height:1.08;letter-spacing:-.02em}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:1200px;margin:0 auto;padding:0 28px}
  .eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--coral);display:inline-flex;align-items:center;gap:9px}
  .eyebrow::before{content:"";width:26px;height:1.5px;background:var(--coral)}
  .eyebrowabout{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);display:inline-flex;align-items:center;gap:9px}
  .eyebrowabout::before{content:"";width:26px;height:1.5px;background:var(--ink)}

  header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(150%) blur(12px);background:rgba(251,250,255,.85);border-bottom:1px solid var(--line)}
  nav{display:flex;align-items:center;justify-content:space-between;height:78px}
  .logo img{height:38px;display:block}
  .navlinks{display:flex;gap:32px;align-items:center}
  .navlinks a{font-size:.92rem;font-weight:500;color:var(--ink-soft);transition:color .2s}
  .navlinks a:hover{color:var(--ink)}
  .btn{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:#fff;padding:13px 24px;border-radius:100px;font-weight:600;font-size:.9rem;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;border:none;cursor:pointer;font-family:'Space Grotesk',sans-serif}
  .btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(45,28,110,.6)}
  .btn.grad{background:linear-gradient(100deg,var(--coral),var(--indigo) 55%,var(--blue));color:#fff}
  .btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
  .btn.ghost:hover{background:var(--ink);color:#fff}
  
  .nav-item {
    position: relative;
  }

  .dropdown-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }

  .dropdown-toggle::after {
    content: "▾";
    font-size: 0.7rem;
    line-height: 1;
    transform: translateY(1px);
    transition: transform 0.2s ease;
  }

  .dropdown:hover .dropdown-toggle::after {
    transform: rotate(180deg) translateY(-1px);
  }

  .dropdown-menu {
    position: absolute;
    top: calc(100% + 16px);
    left: 50%;
    transform: translateX(-50%) translateY(8px);
    min-width: 220px;
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: 0 24px 60px -32px rgba(45, 28, 110, 0.45);
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
      opacity 0.22s ease,
      transform 0.22s ease,
      visibility 0.22s ease;
    z-index: 100;
  }

  .dropdown-menu::before {
    content: "";
    position: absolute;
    top: -18px;
    left: 0;
    right: 0;
    height: 18px;
  }

  .dropdown-menu a {
    display: block;
    padding: 11px 12px;
    border-radius: 10px;
    color: var(--ink-soft);
    font-size: 0.88rem;
    font-weight: 500;
    white-space: nowrap;
    transition:
      background 0.2s ease,
      color 0.2s ease,
      transform 0.2s ease;
  }

  .dropdown-menu a:hover {
    background: var(--paper-2);
    color: var(--ink);
    transform: translateX(2px);
  }

  .dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
  }
  
  @media(max-width:880px){.navlinks .hide-m{display:none}}
  @media (max-width: 880px) {
    .navlinks {
      gap: 18px;
    }

    .nav-item.dropdown {
      display: none;
    }
  }
  
  .announcement-bar {
    position: relative;
    z-index: 40;
    background:
      linear-gradient(
        90deg,
        rgba(88, 50, 168, 0.08),
        rgba(50, 168, 147, 0.08)
      );
    border-bottom: 1px solid var(--line);
  }

  .announcement-inner {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .announcement-message {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--ink);
    font-size: 0.86rem;
    line-height: 1.45;
  }

  .announcement-message strong {
    font-weight: 700;
  }

  .announcement-badge {
    flex: none;
    padding: 4px 9px;
    border-radius: 999px;
    background: var(--indigo);
    color: #ffffff;

    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .announcement-link {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 7px;

    padding: 7px 14px;

    border-radius: 999px;
    background: var(--navy);
    color: #ffffff;

    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.78rem;
    font-weight: 700;

    transition:
      transform 0.2s ease,
      background 0.2s ease;
  }

  .announcement-link:hover {
    background: var(--indigo);
    transform: translateY(-1px);
  }
  
  @media (max-width: 760px) {
    .announcement-inner {
      flex-direction: column;
      gap: 8px;
      text-align: center;
      padding-top: 12px;
      padding-bottom: 12px;
    }

    .announcement-message {
      justify-content: center;
      font-size: 0.8rem;
    }
  }

  /* HERO */
  .hero{position:relative;padding:80px 0 70px;overflow:hidden}
  .hero-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(620px 420px at 90% -8%, rgba(125,84,214,.16), transparent 60%),radial-gradient(520px 460px at 100% 45%, rgba(88,50,168,.12), transparent 60%),radial-gradient(420px 380px at -6% 25%, rgba(50,168,147,.12), transparent 60%)}
  .hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.08fr;gap:48px;align-items:center}
  .hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:-.03em}
  .hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--coral),var(--indigo) 55%,var(--blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .hero p.lede{font-size:1.14rem;color:var(--ink-soft);max-width:40ch;margin:24px 0 32px}
  .hero-cta{display:flex;gap:14px;flex-wrap:wrap}

  /* INTERACTIVE ZONE SHOWPIECE */
  .sim{background:var(--white);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}
  .sim-top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--paper-2)}
  .sim-top .ttl{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.92rem;display:flex;align-items:center;gap:9px}
  .sim-top .ttl::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 0 rgba(50,168,147,.6);animation:pulse 2.2s infinite}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(50,168,147,.6)}70%{box-shadow:0 0 0 9px rgba(50,168,147,0)}100%{box-shadow:0 0 0 0 rgba(50,168,147,0)}}
  .sim-top .tag-mini{font-size:.68rem;font-weight:600;color:var(--indigo);background:rgba(88,50,168,.1);padding:4px 10px;border-radius:100px}
  .sim-body{display:grid;grid-template-columns:1.25fr 1fr}
  .sim-map{position:relative;background:linear-gradient(160deg,#f6f3ff,#eef6ff);padding:6px}
  .sim-map svg{width:100%;height:100%;display:block;touch-action:none}
  .handle{cursor:grab;transition:r .15s}
  .handle:active{cursor:grabbing}
  .sim-side{padding:20px 22px;display:flex;flex-direction:column;gap:14px;border-left:1px solid var(--line)}
  .sim-side .lab{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}
  .metric{display:flex;flex-direction:column;gap:6px}
  .metric .row{display:flex;align-items:baseline;justify-content:space-between}
  .metric .nm{font-size:.84rem;color:var(--ink-soft);font-weight:500}
  .metric .vl{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.05rem;transition:color .3s}
  .bar{height:7px;border-radius:100px;background:var(--paper-2);overflow:hidden}
  .bar i{display:block;height:100%;border-radius:100px;transition:width .4s cubic-bezier(.2,.8,.2,1)}
  .delta{font-size:.72rem;font-weight:600;padding:2px 7px;border-radius:100px;margin-left:6px}
  .delta.up{color:#0f8a86;background:rgba(50,168,147,.16)}
  .delta.dn{color:var(--coral);background:rgba(168,50,71,.13)}
  .sim-hint{font-size:.74rem;color:var(--ink-soft);text-align:center;padding:9px;border-top:1px solid var(--line);background:var(--paper-2)}
  .sim-hint b{color:var(--indigo)}

  .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1;transform:none}
  .d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}

  section.block{padding:96px 0}
  .section-head{max-width:64ch;margin-bottom:48px}
  .section-head h2{font-size:clamp(2rem,3.6vw,2.9rem);margin:16px 0 14px;letter-spacing:-.03em}
  .section-head p{font-size:1.06rem;color:var(--ink-soft)}

  /* SCENARIO TOGGLE */
  .scenarios{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .toggle{display:inline-flex;background:var(--white);border:1px solid var(--line);border-radius:100px;padding:5px;gap:4px;margin-bottom:14px;box-shadow:0 8px 24px -16px rgba(45,28,110,.5)}
  .toggle button{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.92rem;border:none;background:transparent;color:var(--ink-soft);padding:11px 22px;border-radius:100px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}
  .toggle button.on{color:#fff}
  .toggle button.on.grow{background:linear-gradient(100deg,var(--mint),var(--blue))}
  .toggle button.on.shrink{background:linear-gradient(100deg,var(--coral),var(--indigo))}
  .scenario-panel{display:none;animation:fade .5s ease}
  .scenario-panel.active{display:block}
  @keyframes fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
  .scn-intro{max-width:60ch;margin-bottom:36px}
  .scn-intro h3{font-size:1.7rem;margin-bottom:10px}
  .scn-intro p{color:var(--ink-soft);font-size:1.04rem}
  .scn-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .scn-card{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:26px 24px;display:flex;flex-direction:column;gap:14px}
  .scn-card .pain{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--coral)}
  .scn-card.g .pain{color:#0f8a86}
  .scn-card h4{font-size:1.18rem}
  .scn-card p{font-size:.9rem;color:var(--ink-soft);flex:1}
  .scn-chart{margin-top:4px}
  .scn-result{font-size:.78rem;color:var(--ink-soft);display:flex;align-items:center;gap:7px;border-top:1px dashed var(--line);padding-top:12px}
  .scn-result b{font-family:'Space Grotesk',sans-serif}
  .proj{font-size:.66rem;color:var(--ink-soft);opacity:.8;font-style:italic;margin-top:2px}

  /* BOUNDARY SIM SECTION (charts) */
  .chartgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
  .chartcard{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:26px;position:relative;overflow:hidden}
  .chartcard h4{font-size:1.05rem;margin-bottom:4px;display:flex;align-items:center;gap:9px}
  .chartcard .sub{font-size:.82rem;color:var(--ink-soft);margin-bottom:18px}
  .dot{width:9px;height:9px;border-radius:50%;flex:none}
  .legend{display:flex;gap:16px;margin-top:14px;font-size:.76rem;color:var(--ink-soft)}
  .legend span{display:flex;align-items:center;gap:6px}
  .legend i{width:14px;height:3px;border-radius:2px;display:inline-block}

  /* RIPPLE */
  .ripple{background:var(--navy);color:#ece8fb;position:relative;overflow:hidden}
  .ripple .pattern{position:absolute;left:0px;bottom:0px;width:1500px;opacity:.1;pointer-events:none}
  .ripple .eyebrow{color:var(--amber)} .ripple .eyebrow::before{background:var(--amber)}
  .ripple h2{color:#fff;font-size:clamp(2rem,3.6vw,2.9rem)}
  .ripple-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
  .ripple p{color:#c5bfe6;font-size:1.05rem;margin-top:16px}
  .ripple .card-dark{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:24px;backdrop-filter:blur(4px)}
  .zrow{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px dashed rgba(255,255,255,.14)}
  .zrow:last-child{border-bottom:none}
  .zrow .zn{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.9rem;width:92px;flex:none}
  .zrow .zbar{flex:1;height:8px;background:rgba(255,255,255,.1);border-radius:100px;overflow:hidden;position:relative}
  .zrow .zbar i{position:absolute;top:0;bottom:0;border-radius:100px;transition:all .5s}
  .zrow .zd{font-size:.78rem;font-weight:600;width:54px;text-align:right;flex:none}
  .zd.up{color:var(--mint)} .zd.dn{color:var(--coral)} .zd.flat{color:#9b93c4}

  /* PRIVACY */
  .privacy{position:relative;overflow:hidden}
  .privacy .pattern{position:absolute;right:-70px;top:-50px;width:480px;opacity:.06;pointer-events:none}
  .privacy-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
  .privacy h2{font-size:clamp(2rem,3.6vw,2.8rem)}
  .privacy p{color:var(--ink-soft);font-size:1.04rem;margin-top:16px}
  .privacy em{font-style:normal;font-weight:600;color:var(--indigo)}
  .zone-list{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:11px}
  .zone-list span{font-size:.9rem;color:var(--ink);display:flex;align-items:center;gap:9px}
  .zone-list span::before{content:"◆";color:var(--amber);font-size:.66rem}
  .pflow{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}
  .flow-step{display:flex;gap:15px;padding:16px 0;border-bottom:1px dashed var(--line)}
  .flow-step:last-child{border-bottom:none}
  .flow-step .n{flex:none;width:36px;height:36px;border-radius:50%;background:var(--amber);color:var(--navy);font-family:'Space Grotesk',sans-serif;font-weight:700;display:grid;place-items:center;font-size:1rem}
  .flow-step b{display:block;font-size:1rem;margin-bottom:2px}
  .flow-step small{color:var(--ink-soft);font-size:.86rem;line-height:1.45}

  /* CTA */
  .cta{background:linear-gradient(120deg,var(--navy),var(--indigo));color:#fff;border-radius:28px;padding:70px 56px;position:relative;overflow:hidden;text-align:center}
  .cta .pattern{position:absolute;left:0px;bottom:0px;width:1500px;opacity:.1;pointer-events:none}
  .cta h2{color:#fff;font-size:clamp(2rem,4vw,3rem);max-width:30ch;margin:0 auto 14px;position:relative;letter-spacing:-.03em}
  .cta p{color:#cfc8f0;max-width:55ch;margin:0 auto 30px;font-size:1.06rem;position:relative}
  .cta .btn{position:relative;background:#fff;color:var(--navy)} .cta .btn:hover{background:var(--amber)}

  footer{padding:62px 0 36px;border-top:1px solid var(--line)}
  .foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;margin-bottom:40px}
  .foot-logo img{height:34px;margin-bottom:6px}
  footer h5{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:14px;font-weight:600;font-family:'Space Grotesk',sans-serif}
  footer ul{list-style:none;display:flex;flex-direction:column;gap:9px}
  footer a{font-size:.9rem;color:var(--ink-soft);transition:color .2s} footer a:hover{color:var(--ink)}
  footer .addr{font-size:.88rem;color:var(--ink-soft);line-height:1.7;margin-top:8px}
  .foot-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;font-size:.8rem;color:var(--ink-soft);flex-wrap:wrap;gap:12px}

  @media(max-width:960px){
    .hero-grid,.privacy-grid,.ripple-grid{grid-template-columns:1fr;gap:40px}
    .scn-cards,.chartgrid{grid-template-columns:1fr}
    .foot-grid{grid-template-columns:1fr 1fr}
    .sim-body{grid-template-columns:1fr}
    .sim-side{border-left:none;border-top:1px solid var(--line)}
    .cta{padding:52px 26px}
  }
  @media(max-width:520px){.zone-list,.foot-grid{grid-template-columns:1fr}.toggle{width:100%}.toggle button{flex:1;justify-content:center;padding:11px 10px}}


  /* ABOUT PAGE */
  .navlinks a.active{color:var(--ink);font-weight:700}
  .about-hero{position:relative;padding:100px 0 64px;overflow:hidden;border-bottom:1px solid var(--line)}
  .about-bg{position:absolute;inset:0;pointer-events:none;background-image: url("about_hero_image.png");background-size: cover;background-repeat: no-repeat;}
  .about-hero .wrap{position:relative;max-width:980px}
  .about-hero h1{font-size:clamp(2.45rem,4.8vw,4rem);color:#fbfaff;font-weight:700;letter-spacing:-.035em;max-width:15ch;margin-top:16px}
  .about-hero .lede{font-size:1.14rem;color:var(--ink-soft);max-width:62ch;margin-top:22px}
  .about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:54px;align-items:center}
  .about-image img{width:80%;display:block;border-radius:26px;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--white)}
  .about-copy h2{font-size:clamp(2rem,2.4vw,1.75rem);margin:16px 0 18px;letter-spacing:-.03em}
  .about-copy p{color:var(--ink-soft);font-size:1.02rem;margin-bottom:18px}
  .about-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
  .about-points span{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:14px 16px;font-size:.9rem;font-weight:600;color:var(--ink);box-shadow:0 14px 34px -28px rgba(45,28,110,.45)}
  .about-points span::before{content:"◆";color:var(--teal);font-size:.7rem;margin-right:9px}
  @media(max-width:960px){.about-grid{grid-template-columns:1fr;gap:36px}.about-image{order:1}.about-copy{order:2}}
  @media(max-width:560px){.about-points{grid-template-columns:1fr}.about-hero{padding:64px 0 46px}}
  
  /* CONTACT PAGE */
  .contact-hero{position:relative;padding:86px 0 64px;overflow:hidden;min-height: 700px;border-bottom:1px solid var(--line)}
  .contact-bg{position:absolute;inset:0;pointer-events:none;background-image: url("Paisley-Transition-Images/parchment-transition-hero-bg.svg");background-size: cover;background-repeat: no-repeat;}
  .contact-hero .wrap{position:relative;max-width:980px}
  .contact-hero h1{font-size:clamp(2.45rem,4.8vw,4rem);font-weight:700;letter-spacing:-.035em;max-width:15ch;margin-top:16px}
  .contact-hero .lede{font-size:1.14rem;color:#fff;max-width:30ch;margin-top:22px}
  .contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}
  .contact-card,.contact-form-card{background:var(--white);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:34px}
  .contact-card h2,.contact-form-card h2{font-size:clamp(1.8rem,3vw,2.35rem);margin:14px 0 14px;letter-spacing:-.03em}
  .contact-card p,.contact-form-card p{color:var(--ink-soft);font-size:1rem}
  .contact-details{display:grid;gap:16px;margin-top:30px}
  .contact-item{border-top:1px dashed var(--line);padding-top:16px}
  .contact-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--coral);margin-bottom:6px}
  .contact-item p{font-size:.98rem;color:var(--ink);line-height:1.7}
  .contact-item a{color:var(--indigo);font-weight:600}
  .contact-item a:hover{color:var(--coral)}
  .contact-form-card{min-height:520px}
  .contact-form-card > p{margin-bottom:24px}
  .hubspot-form{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px;min-height:360px}
  .hubspot-form iframe{width:100% !important}
  @media(max-width:960px){.contact-grid{grid-template-columns:1fr}.contact-card,.contact-form-card{padding:28px}.contact-form-card{min-height:auto}}
  @media(max-width:560px){.contact-hero{padding:64px 0 46px}.hubspot-form{padding:18px}}
  
  /* LEGAL PAGES */
  .legal-hero{position:relative;padding:86px 0 64px;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(620px 420px at 88% 0%, rgba(125,84,214,.16), transparent 60%),radial-gradient(520px 420px at -8% 40%, rgba(50,168,147,.12), transparent 60%),var(--paper)}
  .legal-hero .wrap{position:relative;max-width:980px}
  .legal-hero h1{font-size:clamp(2.45rem,4.8vw,4rem);font-weight:700;letter-spacing:-.035em;max-width:15ch;margin-top:16px}
  .legal-hero .lede{font-size:1.14rem;color:var(--ink-soft);max-width:62ch;margin-top:22px}
  .legal-wrap{max-width:920px}
  .legal-card{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:44px;box-shadow:var(--shadow)}
  .legal-card .legal-updated{font-size:.86rem;color:var(--ink-soft);margin-bottom:28px}
  .legal-card h2{font-size:1.35rem;margin:30px 0 10px;letter-spacing:-.02em}
  .legal-card h2:first-of-type{margin-top:0}
  .legal-card h4{font-size:1.05rem;margin:30px 0 10px;letter-spacing:-.02em}
  .legal-card h4:first-of-type{margin-top:0}
  .legal-card p{color:var(--ink-soft);font-size:1rem;margin-bottom:16px}
  .legal-card a{color:var(--indigo);font-weight:700;text-decoration:underline;text-underline-offset:3px}
  @media(max-width:560px){.legal-hero{padding:64px 0 46px}.legal-card{padding:30px 22px;border-radius:20px}}
  
  /* DIGITAL SIGNATURES & FORMS PAGE */
  .forms-hero{position:relative;padding:96px 0 84px;overflow:hidden;border-bottom:1px solid var(--line)}
  .forms-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(640px 430px at 90% 0%, rgba(125,84,214,.18), transparent 60%),radial-gradient(560px 460px at -8% 35%, rgba(50,168,147,.13), transparent 60%),linear-gradient(180deg, rgba(251,250,255,.98), rgba(241,237,250,.78))}
  .forms-hero-grid{position:relative;display:grid;grid-template-columns:1fr .86fr;gap:54px;align-items:center}
  .forms-hero h1{font-size:clamp(2.5rem,5vw,4.15rem);font-weight:700;letter-spacing:-.035em;max-width:13ch;margin-top:16px}
  .forms-hero .lede{font-size:1.14rem;color:var(--ink-soft);max-width:48ch;margin:24px 0 32px}
  .forms-hero-card{background:var(--white);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(1deg)}
  .form-preview-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:var(--paper-2);border-bottom:1px solid var(--line);font-family:'Space Grotesk',sans-serif;font-weight:700}
  .form-preview-top strong{font-size:.78rem;color:#0f8a86;background:rgba(50,168,147,.15);padding:5px 11px;border-radius:100px}
  .form-preview-body{padding:26px;display:flex;flex-direction:column;gap:16px}
  .form-line{height:12px;border-radius:100px;background:var(--paper-2);width:74%}
  .form-line.wide{width:92%;height:16px;background:linear-gradient(90deg,rgba(88,50,168,.18),rgba(50,168,147,.18))}
  .form-field{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}
  .form-field span{font-size:.9rem;color:var(--ink-soft);font-weight:600}
  .form-field b{font-family:'Space Grotesk',sans-serif;font-size:.78rem;color:var(--indigo);background:rgba(88,50,168,.1);padding:5px 10px;border-radius:100px;white-space:nowrap}
  .forms-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  .forms-feature-card,.use-case-card{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:26px 24px;box-shadow:0 18px 42px -34px rgba(45,28,110,.45)}
  .forms-feature-card .feature-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(120deg,rgba(168,50,71,.13),rgba(88,50,168,.13));color:var(--indigo);font-weight:700;margin-bottom:18px}
  .forms-feature-card h3,.use-case-card h3,.workflow-step h3{font-size:1.12rem;margin-bottom:8px}
  .forms-feature-card p,.use-case-card p,.workflow-step p{font-size:.92rem;color:var(--ink-soft)}
  .forms-workflow{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .forms-workflow-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:start}
  .workflow-steps{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:12px 26px;box-shadow:var(--shadow)}
  .workflow-step{display:flex;gap:18px;padding:22px 0;border-bottom:1px dashed var(--line)}
  .workflow-step:last-child{border-bottom:none}
  .workflow-step>span{flex:none;width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:700;display:grid;place-items:center;font-size:.9rem}
  .use-case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  .use-case-card{position:relative;overflow:hidden}
  .use-case-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--coral),var(--indigo),var(--teal))}
  @media(max-width:1040px){.forms-feature-grid,.use-case-grid{grid-template-columns:repeat(2,1fr)}.forms-hero-grid,.forms-workflow-grid{grid-template-columns:1fr}.forms-hero-card{transform:none}}
  @media(max-width:560px){.forms-feature-grid,.use-case-grid{grid-template-columns:1fr}.forms-hero{padding:68px 0 56px}.form-field{align-items:flex-start;flex-direction:column}.forms-hero h1{max-width:100%}}
  
  
  .social-links {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
  }

  .social-links a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--paper-2);
    border: 1px solid var(--line);
    color: var(--ink-soft);
    transition:
      transform 0.2s ease,
      background 0.2s ease,
      color 0.2s ease,
      box-shadow 0.2s ease;
  }

  .social-links a:hover {
    transform: translateY(-2px);
    background: var(--navy);
    color: #ffffff;
    box-shadow: 0 14px 28px -18px rgba(45, 28, 110, 0.65);
  }

  .social-links svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
  }
  
  /* RESPONSIVE NAVBAR UPDATE */
  .site-nav {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 78px;
  }

  .nav-toggle {
    display: none;
    width: 44px;
    height: 44px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--white);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    transition:
      background 0.2s ease,
      box-shadow 0.2s ease,
      transform 0.2s ease;
  }

  .nav-toggle:hover {
    background: var(--paper-2);
    box-shadow: 0 12px 24px -20px rgba(45, 28, 110, 0.55);
  }

  .nav-toggle span {
    width: 20px;
    height: 2px;
    background: var(--ink);
    border-radius: 999px;
    transition:
      transform 0.25s ease,
      opacity 0.25s ease;
  }

  .nav-toggle.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  .nav-toggle.active span:nth-child(2) {
    opacity: 0;
  }

  .nav-toggle.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  .dropdown-toggle {
    font-family: 'Sora', sans-serif;
    border: none;
    background: transparent;
    color: var(--ink-soft);
    font-size: 0.92rem;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    transition: color 0.2s ease;
  }

  .dropdown-toggle:hover {
    color: var(--ink);
  }

  .dropdown-toggle::after {
    content: "▾";
    font-size: 0.7rem;
    line-height: 1;
    transform: translateY(1px);
    transition: transform 0.2s ease;
  }

  .dropdown:hover .dropdown-toggle::after,
  .dropdown.open .dropdown-toggle::after {
    transform: rotate(180deg) translateY(-1px);
  }

  .dropdown:hover .dropdown-menu,
  .dropdown:focus-within .dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
  }

  @media (max-width: 880px) {
    .site-nav {
      height: 78px;
    }

    .nav-toggle {
      display: inline-flex;
    }

    .navlinks {
      position: absolute;
      top: 78px;
      left: 0;
      right: 0;
      display: none;
      flex-direction: column;
      align-items: stretch;
      gap: 0;
      padding: 14px;
      background: rgba(251, 250, 255, 0.98);
      border: 1px solid var(--line);
      border-top: none;
      border-radius: 0 0 22px 22px;
      box-shadow: 0 26px 60px -32px rgba(45, 28, 110, 0.45);
      backdrop-filter: blur(14px);
    }

    .navlinks.open {
      display: flex;
    }

    .navlinks > a,
    .dropdown-toggle {
      width: 100%;
      justify-content: space-between;
      padding: 13px 14px;
      border-radius: 12px;
      color: var(--ink);
      font-size: 0.95rem;
      text-align: left;
    }

    .navlinks > a:hover,
    .dropdown-toggle:hover {
      background: var(--paper-2);
    }

    .nav-item {
      width: 100%;
    }

    .dropdown-menu {
      position: static;
      transform: none;
      min-width: 100%;
      box-shadow: none;
      border: none;
      border-radius: 14px;
      padding: 0;
      margin: 0 0 6px;
      background: transparent;
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      display: none;
    }

    .dropdown:hover .dropdown-menu,
    .dropdown:focus-within .dropdown-menu {
      transform: none;
    }

    .dropdown.open .dropdown-menu {
      display: block;
    }

    .dropdown-menu::before {
      display: none;
    }

    .dropdown-menu a {
      padding: 11px 18px;
      margin-left: 10px;
      border-left: 2px solid var(--line);
      border-radius: 0 10px 10px 0;
      color: var(--ink-soft);
    }

    .dropdown-menu a:hover {
      background: var(--paper-2);
      color: var(--ink);
      transform: none;
    }

    .nav-cta {
      justify-content: center;
      margin-top: 10px;
    }
  }

  @media (max-width: 520px) {
    .logo img {
      height: 32px;
    }

    .navlinks {
      left: -14px;
      right: -14px;
    }
  }
  
  /* HOME PAGE HERO BACKGROUND IMAGE UPDATE */
  .home-hero-image {
    position: relative;
    min-height: 640px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-image: url("images_home_update/home-hero-district-admins.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-bottom: 1px solid var(--line);
  }

  .home-hero-image::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
      linear-gradient(
        90deg,
        rgba(28, 18, 69, 0.9) 0%,
        rgba(28, 18, 69, 0.76) 38%,
        rgba(28, 18, 69, 0.42) 68%,
        rgba(28, 18, 69, 0.2) 100%
      );
    pointer-events: none;
  }

  .home-hero-image .home-hero-overlay {
    display: none;
  }

  .home-hero-image .wrap,
  .home-hero-image .home-hero-content {
    position: relative;
    z-index: 2;
  }

  .home-hero-image h1{font-size:clamp(2.75rem,5.4vw,4.55rem);color:var(--white);font-weight:700;letter-spacing:-.04em;max-width:13ch;margin-top:16px}

  .home-hero-image .lede,
  .home-hero-image p {
    color: rgba(255, 255, 255, 0.86);
  }

  .home-hero-image .eyebrow {
    color: var(--amber);
  }

  .home-hero-image .eyebrow::before {
    background: var(--amber);
  }

  .home-hero-image .btn.ghost {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.72);
  }

  .home-hero-image .btn.ghost:hover {
    background: #ffffff;
    color: var(--navy);
  }

  @media (max-width: 760px) {
    .home-hero-image {
      min-height: 560px;
      background-position: 62% center;
    }

    .home-hero-image::before {
      background:
        linear-gradient(
          90deg,
          rgba(28, 18, 69, 0.92) 0%,
          rgba(28, 18, 69, 0.82) 58%,
          rgba(28, 18, 69, 0.58) 100%
        );
    }
  }
  
  
  /* HERO BACKGROUND IMAGE UPDATE */
  .transition-hero {
    position: relative;
    min-height: 800px;
    display: flex;
    align-items: center;
	background-image: url("images_home_update/home-hero-district-admins.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }


  .transition-hero-bg {
    position:absolute;inset:0;pointer-events:none;background-image: url("Paisley-Transition-Images/parchment-transition-hero-bg.svg");background-size: contain;background-repeat: no-repeat;}
  }
  

  .transition-hero-grid {
    position: relative;
    z-index: 2;
  }

  .transition-hero h1 {
    color: var(--pink);
    max-width: 14ch;
  }

  .transition-hero .lede {
    color: rgba(255,255,255,.88);
  }

  .transition-hero .eyebrow {
    color: var(--amber);
  }

  .transition-hero .eyebrow::before {
    background: var(--amber);
  }

  .transition-hero .btn.ghost {
    color: #ffffff;
    border-color: rgba(255,255,255,.72);
    background: rgba(255,255,255,.06);
  }

  .transition-hero .btn.ghost:hover {
    background: #ffffff;
    color: var(--navy);
  }

  .hero-overlay-card,
  .transition-hero .transition-card {
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(255,255,255,.44);
    box-shadow: 0 30px 80px -38px rgba(0,0,0,.62);
    backdrop-filter: blur(12px);
  }

  .hero-overlay-card {
    transform: translateY(10px);
  }

  @media (max-width: 960px) {
    .transition-hero {
      min-height: auto;
      padding: 86px 0 74px;
      background-position: 62% center;
    }

    .transition-hero-bg {
      background:
        linear-gradient(
          90deg,
          rgba(28,18,69,.94) 0%,
          rgba(28,18,69,.84) 58%,
          rgba(28,18,69,.58) 100%
        );
    }   

    .hero-overlay-card {
      transform: none;
      max-width: 680px;
    }
  }

  @media (max-width: 620px) {
    .transition-hero {
      padding: 72px 0 60px;
      background-position: 68% center;
    }

    .transition-hero h1 {
      max-width: 100%;
    }
  }
  
  
  /* EXPANDABLE FAQ ACCORDION UPDATE */
  .faq-accordion-section {
    background: var(--paper);
  }

  .faq-accordion {
    max-width: 920px;
    margin: 0 auto;
    display: grid;
    gap: 14px;
  }

  .faq-accordion-item {
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 22px 48px -36px rgba(45, 28, 110, 0.45);
    overflow: hidden;
    transition:
      border-color 0.2s ease,
      box-shadow 0.2s ease,
      transform 0.2s ease;
  }

  .faq-accordion-item[open] {
    border-color: rgba(88, 50, 168, 0.28);
    box-shadow: 0 26px 58px -38px rgba(45, 28, 110, 0.55);
  }

  .faq-accordion-item:hover {
    transform: translateY(-1px);
  }

  .faq-accordion-item summary {
    list-style: none;
    cursor: pointer;
    padding: 22px 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    color: var(--ink);
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.08rem;
    font-weight: 700;
    letter-spacing: -0.01em;
  }

  .faq-accordion-item summary::-webkit-details-marker {
    display: none;
  }

  .faq-accordion-item summary::after {
    content: "+";
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--paper-2);
    color: var(--indigo);
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    transition:
      transform 0.2s ease,
      background 0.2s ease,
      color 0.2s ease;
  }

  .faq-accordion-item[open] summary::after {
    content: "−";
    background: linear-gradient(100deg, var(--coral), var(--indigo) 55%, var(--blue));
    color: #ffffff;
    transform: rotate(180deg);
  }

  .faq-answer {
    padding: 0 26px 24px;
  }

  .faq-answer p {
    color: var(--ink-soft);
    font-size: 0.98rem;
    max-width: 78ch;
    border-top: 1px dashed var(--line);
    padding-top: 18px;
  }

  @media (max-width: 620px) {
    .faq-accordion-item summary {
      padding: 18px 20px;
      font-size: 1rem;
    }

    .faq-answer {
      padding: 0 20px 20px;
    }

    .faq-accordion-item summary::after {
      width: 30px;
      height: 30px;
      flex-basis: 30px;
    }
  }
  
  /* PAISLEY / PARCHMENT CUSTOMER TRANSITION PAGE */
  .navlinks a.active,.dropdown-toggle.active,.dropdown-menu a.active{color:var(--ink);font-weight:700}
  .transition-hero{position:relative;padding:98px 0 88px;overflow:hidden;border-bottom:1px solid var(--line);background:var(--paper)}
  .transition-hero-grid{position:relative;display:grid;grid-template-columns:1fr .95fr;gap:56px;align-items:center}
  .transition-hero h1{font-size:clamp(2.55rem,5vw,4.25rem);max-width:13ch;font-weight:700;letter-spacing:-.035em}
  .transition-hero .lede{font-size:1.12rem;color:var(--ink-soft);max-width:53ch;margin:24px 0 32px}
  .transition-card,.transition-note,.contact-card{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);overflow:hidden;backdrop-filter:blur(8px)}
  .transition-card-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line);background:var(--paper-2)}
  .transition-card-top span{font-family:'Space Grotesk',sans-serif;font-weight:700}
  .transition-card-top b{color:var(--indigo);background:rgba(88,50,168,.1);padding:5px 10px;border-radius:999px;font-size:.72rem}
  .transition-checks{padding:24px;display:grid;gap:16px}
  .transition-checks div{padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--white)}
  .transition-checks strong{display:block;font-family:'Space Grotesk',sans-serif;margin-bottom:5px}
  .transition-checks span{display:block;color:var(--ink-soft);font-size:.9rem}.transition-two-col,.transition-message-grid,.contact-shell{display:grid;grid-template-columns:1fr .8fr;gap:46px;align-items:center}
  .transition-copy h2,.message-panel h2,.contact-copy h2{font-size:clamp(2rem,3.6vw,2.9rem);margin:16px 0 18px;letter-spacing:-.03em}
  .transition-copy p,.message-panel p,.contact-copy p{color:var(--ink-soft);font-size:1.02rem;margin-bottom:16px}
  .transition-note,.contact-card{padding:30px}.transition-note h3,.contact-card h3{font-size:1.35rem;margin-bottom:12px}
  .transition-note p,.contact-card p{color:var(--ink-soft);margin-bottom:14px}
  .transition-solutions{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .transition-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .transition-feature,.faq-item{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 22px 48px -34px rgba(45,28,110,.45)}
  .transition-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;margin-bottom:18px;background:linear-gradient(135deg,rgba(168,50,71,.12),rgba(88,50,168,.14));color:var(--indigo);font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.82rem}
  .transition-feature h3,.faq-item h3{font-size:1.14rem;margin-bottom:10px}
  .transition-feature p,.faq-item p{color:var(--ink-soft);font-size:.92rem}
  .transition-message{background:var(--navy);color:#fff}
  .transition-message .eyebrow{color:var(--amber)}
  .transition-message .eyebrow::before{background:var(--amber)}
  .message-panel p{color:#c5bfe6}
  .list-panel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:30px}
  .list-panel h3{font-size:1.25rem;margin-bottom:18px;color:#fff}
  .list-panel ul{list-style:none;display:grid;gap:12px}
  .list-panel li{color:#ded9f5;display:flex;gap:10px;font-size:.95rem}
  .list-panel li::before{content:"◆";color:var(--amber);font-size:.72rem;transform:translateY(3px)}
  .faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
  .transition-contact{background:var(--paper-2);border-top:1px solid var(--line)}
  .contact-card a:not(.btn){color:var(--indigo);font-weight:700}
  .contact-card .btn{margin-top:8px}
  .site-nav{position:relative}
  .nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--white);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
  .nav-toggle span{width:20px;height:2px;background:var(--ink);border-radius:999px;transition:transform .25s ease,opacity .25s ease}
  .nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-toggle.active span:nth-child(2){opacity:0}
  .nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .dropdown-toggle{font-family:'Sora',sans-serif;border:none;background:transparent;color:var(--ink-soft);font-size:.92rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:0}
  .dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}@media(max-width:1100px){.transition-feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:960px){.transition-hero-grid,.transition-two-col,.transition-message-grid,.contact-shell{grid-template-columns:1fr}
  .transition-hero h1{max-width:16ch}}@media(max-width:880px){.nav-toggle{display:inline-flex}
  .navlinks{position:absolute;top:78px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:14px;background:rgba(251,250,255,.98);border:1px solid var(--line);border-top:none;border-radius:0 0 22px 22px;box-shadow:0 26px 60px -32px rgba(45,28,110,.45);backdrop-filter:blur(14px)}
  .navlinks.open{display:flex}
  .navlinks>a,.dropdown-toggle{width:100%;justify-content:space-between;padding:13px 14px;border-radius:12px;color:var(--ink);font-size:.95rem;text-align:left}
  .navlinks>a:hover,.dropdown-toggle:hover{background:var(--paper-2)}
  .nav-item{width:100%}
  .dropdown-menu{position:static;transform:none;min-width:100%;box-shadow:none;border:none;border-radius:14px;padding:0;margin:0 0 6px;background:transparent;opacity:1;visibility:visible;pointer-events:auto;display:none}
  .dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{transform:none}
  .dropdown.open .dropdown-menu{display:block}.dropdown-menu::before{display:none}
  .dropdown-menu a{padding:11px 18px;margin-left:10px;border-left:2px solid var(--line);border-radius:0 10px 10px 0;color:var(--ink-soft)}.dropdown-menu a:hover{background:var(--paper-2);color:var(--ink);transform:none}.nav-cta{justify-content:center;margin-top:10px}}@media(max-width:620px){.transition-hero{padding:70px 0 60px}.transition-hero h1{max-width:100%}.transition-feature-grid,.faq-grid{grid-template-columns:1fr}.transition-note,.contact-card,.list-panel{padding:24px}}
  
  /* TRANSITION VIDEO SECTION */
  .transition-video {
    background: var(--white);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    position: relative;
    overflow: hidden;
  }

  .transition-video::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
      radial-gradient(540px 360px at 88% 12%, rgba(125,84,214,.13), transparent 62%),
      radial-gradient(420px 340px at 4% 82%, rgba(50,168,147,.10), transparent 64%);
  }

  .transition-video-grid {
    position: relative;
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 54px;
    align-items: center;
  }

  .transition-video-copy h2 {
    font-size: clamp(2rem, 3.6vw, 2.9rem);
    margin: 16px 0 18px;
    letter-spacing: -.03em;
  }

  .transition-video-copy p {
    color: var(--ink-soft);
    font-size: 1.02rem;
    max-width: 58ch;
  }
  
  .transition-video-player {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    border-radius: 22px;
    object-fit: cover;
  }

  .video-points {
    display: grid;
    gap: 14px;
    margin-top: 28px;
  }

  .video-points div {
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 16px 18px;
  }

  .video-points strong {
    display: block;
    font-family: 'Space Grotesk', sans-serif;
    margin-bottom: 4px;
  }

  .video-points span {
    display: block;
    color: var(--ink-soft);
    font-size: .9rem;
  }

  .video-shell {
    aspect-ratio: 16 / 9;
    width: 100%;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 22px;
    overflow: hidden;
	background:
	    url("Paisley-Transition-Images/welcome-message-cover.png") center / cover no-repeat,
	    var(--navy);
    box-shadow: 0 30px 70px -38px rgba(45, 28, 110, 0.65);
  }

  .video-shell iframe,
  .video-shell video {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
  }

  .video-placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    text-align: center;
    padding: 32px;
    color: #fff;
    background:
      linear-gradient(135deg, rgba(168,50,71,.72), rgba(88,50,168,.86) 55%, rgba(50,168,147,.62)),
      radial-gradient(circle at 80% 20%, rgba(255,255,255,.18), transparent 34%);
  }

  .play-mark {
    width: 82px;
    height: 82px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.36);
    box-shadow: 0 22px 48px -26px rgba(0,0,0,.55);
    margin-bottom: 18px;
    backdrop-filter: blur(8px);
  }

  .play-mark span {
    display: block;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 22px solid #fff;
    transform: translateX(3px);
  }

  .video-placeholder h3 {
    font-size: 1.55rem;
    margin-bottom: 8px;
  }

  .video-placeholder p {
    color: rgba(255,255,255,.82);
    max-width: 34ch;
  }

  @media (max-width: 960px) {
    .transition-video-grid {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 620px) {
    .video-shell {
      border-radius: 22px;
    }

    .play-mark {
      width: 66px;
      height: 66px;
    }
  }

  /* VIDEO CENTER ALIGN UPDATE */
  .video-shell {
    width: 100%;
    max-width: 760px;
    justify-self: center;
    margin-left: auto;
    margin-right: auto;
  }

  .transition-video-grid {
    justify-items: center;
  }

  .transition-video-copy {
    justify-self: stretch;
  }

  @media (max-width: 960px) {
    .transition-video-copy {
      max-width: 760px;
      justify-self: center;
    }
  }
  
  /* SOLUTIONS SECTION ICON UPDATE */
  .transition-icon.transition-png-icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    background:
      linear-gradient(135deg, rgba(168, 50, 71, 0.12), rgba(88, 50, 168, 0.16)),
      var(--white);
    color: var(--indigo);
    border: 1px solid rgba(88, 50, 168, 0.14);
    box-shadow: 0 16px 32px -24px rgba(45, 28, 110, 0.55);
    transition:
      transform 0.2s ease,
      box-shadow 0.2s ease;
  }

  .transition-icon.transition-png-icon png {
    width: 27px;
    height: 27px;
    display: block;
  }
  
  /* CUSTOM ICON IMAGE PLACEHOLDER UPDATE */
  .transition-icon.transition-image-placeholder {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    padding: 11px;
    background:
      linear-gradient(135deg, rgba(168, 50, 71, 0.10), rgba(88, 50, 168, 0.14)),
      var(--white);
    color: var(--indigo);
    border: 1px dashed rgba(88, 50, 168, 0.34);
    box-shadow: 0 16px 32px -24px rgba(45, 28, 110, 0.55);
    transition:
      transform 0.2s ease,
      box-shadow 0.2s ease,
      border-color 0.2s ease;
  }

  .transition-icon.transition-image-placeholder img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
  }

  .transition-feature:nth-child(2) .transition-icon.transition-image-placeholder {
    border-color: rgba(50, 168, 147, 0.38);
    background:
      linear-gradient(135deg, rgba(50, 168, 147, 0.12), rgba(88, 50, 168, 0.10)),
      var(--white);
  }

  .transition-feature:nth-child(3) .transition-icon.transition-image-placeholder {
    border-color: rgba(168, 50, 71, 0.35);
    background:
      linear-gradient(135deg, rgba(168, 50, 71, 0.12), rgba(130, 168, 50, 0.10)),
      var(--white);
  }

  .transition-feature:nth-child(4) .transition-icon.transition-image-placeholder {
    border-color: rgba(130, 168, 50, 0.38);
    background:
      linear-gradient(135deg, rgba(130, 168, 50, 0.14), rgba(50, 168, 147, 0.10)),
      var(--white);
  }

  .transition-feature:hover .transition-icon.transition-image-placeholder {
    transform: translateY(-2px);
    border-color: rgba(88, 50, 168, 0.52);
    box-shadow: 0 20px 38px -24px rgba(45, 28, 110, 0.65);
  }