/* Homepage-only watercolor art direction. The rest of Iris keeps its product UI system. */
.iris-launch {
  --wash-paper: #f5f0e4;
  --wash-ink: #173d33;
  --wash-deep: #12372f;
  --wash-blue: #4aa9a1;
  --wash-violet: #7764b5;
  --wash-coral: #e9846e;
  --wash-gold: #e4b865;
  background:
    radial-gradient(ellipse at 8% 8%, #62b8aa32 0 12%, transparent 36%),
    radial-gradient(ellipse at 96% 24%, #7865a42b 0 13%, transparent 38%),
    radial-gradient(ellipse at 14% 71%, #dc866125 0 12%, transparent 34%),
    linear-gradient(116deg, #173f35 0%, #12372f 48%, #0e312b 100%);
  color: #f7f1e5;
}

.iris-launch::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");
}

.iris-launch h1,
.iris-launch h2,
.iris-launch h3 {
  font-family: Georgia, "Times New Roman", serif;
}

.iris-launch .eyebrow {
  color: #a9cfc3;
  letter-spacing: .19em;
}

.iris-launch .site-header {
  width: calc(100% - 44px);
  margin-top: 18px;
  padding: 11px 16px 11px 21px;
  background: #f8f3e8ed;
  border: 1px solid #ffffffc7;
  border-radius: 29px 34px 27px 37px;
  box-shadow: 0 18px 55px #36567e12, inset 0 0 28px #fff;
  backdrop-filter: blur(18px) saturate(1.15);
  color: var(--wash-ink);
}

.iris-launch .site-header a,
.iris-launch .site-header .brand,
.iris-launch .site-header .brand-parent { color: var(--wash-ink); }
.iris-launch .site-header .nav-cta { color: #fff; }
.iris-launch .site-header .menu-toggle span { background: var(--wash-ink); }
.iris-launch .brand-period { color: #d97966; }
.iris-launch .desktop-nav a:hover { color: #6e58ad; }
.iris-launch .button-dark { background: #0f332b; }
.iris-launch .button { box-shadow: 0 9px 25px #213e6220; }
.iris-launch .button:hover { transform: translateY(-3px) rotate(-.5deg); }
.iris-launch a:focus-visible { outline-color: var(--wash-coral); }

.iris-launch .launch-hero {
  width: calc(100% - 44px);
  max-width: 1600px;
  margin-top: 18px;
  border: 8px solid #e7ead8;
  border-radius: 34px 48px 35px 56px;
  box-shadow: 0 28px 80px #233e6724, 0 0 0 1px #536c8c13;
}

.iris-launch .launch-hero-image {
  filter: saturate(.72) contrast(.92) brightness(1.05) sepia(.07) hue-rotate(-5deg);
}

.iris-launch .launch-hero-shade {
  background:
    radial-gradient(ellipse at 77% 4%, #75619b4d, transparent 34%),
    radial-gradient(ellipse at 12% 88%, #c9725542, transparent 38%),
    linear-gradient(96deg, #102f27ed 0%, #173f34d9 43%, #28605293 73%, #ac865c4d 100%);
  mix-blend-mode: multiply;
}

.iris-launch .launch-hero::before {
  z-index: 0;
  opacity: .52;
  background:
    radial-gradient(ellipse at 94% 73%, #e9b96d7d 0 7%, transparent 29%),
    radial-gradient(ellipse at 63% 112%, #70b8a98a 0 14%, transparent 40%),
    radial-gradient(ellipse at 3% 5%, #8c6b9d4f 0 8%, transparent 30%);
  mask-image: none;
}

.iris-launch .launch-hero::after { display: none; }
.iris-launch .launch-hero-content { min-height: 790px; }
.iris-launch .launch-intro .eyebrow { color: #d9eeec; }

.iris-launch .launch-intro h1 {
  max-width: 850px;
  font-weight: 400;
  letter-spacing: -.065em;
  text-shadow: 0 8px 36px #14294766;
}

.iris-launch .launch-intro h1 em {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-weight: 400;
  color: #f3c376;
}

.iris-launch .launch-lede { color: #f7f2e9; }
.iris-launch .launch-hero .button-dark { background: #fff6e7; color: var(--wash-ink); }
.iris-launch .launch-hero .quiet-link { color: #fff6e7; }
.iris-launch .trail-telemetry { display: none; }

.iris-launch .trail-conversation {
  background: #123a31e8;
  color: #f8f2e7;
  border: 1px solid #d4e6d14a;
  border-radius: 29px 38px 26px 43px;
  box-shadow: 0 25px 65px #081f1b73, inset 0 0 32px #7fb7a412;
  backdrop-filter: blur(15px);
}

.iris-launch .trail-connection {
  background: linear-gradient(105deg, #9bcdbd, #c4d7c3 53%, #d9b9c7);
  color: var(--wash-ink);
}

.iris-launch .trail-connection i,
.iris-launch .trail-signal-bar i { background: var(--wash-coral); }
.iris-launch .trail-avatar { background: #99ccb83d; color: #b9e0d2; border-radius: 50% 44% 52% 42%; }
.iris-launch .trail-chat-header div > span,
.iris-launch .trail-chat-type,
.iris-launch .trail-chat-caption { color: #bbd0c7; }
.iris-launch .trail-outgoing { background: #b9ddd8; color: var(--wash-ink); border-radius: 22px 25px 6px 26px; }
.iris-launch .trail-incoming { background: #eadcf0; color: var(--wash-ink); border-radius: 24px 22px 27px 6px; }
.iris-launch .trail-followup { background: #f3d9ca; }
.iris-launch .trail-source { color: #6c5985; }

.iris-launch .trail-signal-bar {
  max-width: 1360px;
  margin-top: 16px;
  border: 0;
  border-radius: 20px 27px 18px 30px;
  background: #204a3fc9;
  box-shadow: inset 0 0 28px #6da38c17;
}

.iris-launch .trail-signal-bar p { color: #d6e2d9; }
.iris-launch .trail-signal-bar::after { background: linear-gradient(90deg, transparent, var(--wash-coral), var(--wash-violet), transparent); }

.iris-launch .home-business { padding-top: 105px; }
.iris-launch .home-business-intro h2 { font-weight: 400; color: #fbf5e9; }
.iris-launch .home-business-intro h2 em { color: #e3b969; font-style: italic; font-weight: 400; }
.iris-launch .home-business-intro > p:not(.eyebrow),
.iris-launch .home-business-intro > small { color: #c3d5cd; }
.iris-launch .home-business-actions .quiet-link { color: #d9c1db; }
.iris-launch .home-business-actions .button-dark { background: #f5eddd; color: var(--wash-ink); }
.iris-launch .home-business-system { border-top: 0; display: grid; gap: 12px; }

.iris-launch .home-business-system article {
  padding: 27px 25px;
  border: 1px solid #d7e6dd26;
  border-radius: 25px 33px 24px 37px;
  background:
    radial-gradient(ellipse at 94% 4%, #8fcbbb29, transparent 42%),
    linear-gradient(115deg, #245348e6, #1b463de8);
  box-shadow: 0 13px 35px #051e1929, inset 0 0 24px #8ab7a313;
}

.iris-launch .home-business-system article:nth-child(2) { background: radial-gradient(ellipse at 95% 0, #806a9c3d, transparent 46%), linear-gradient(115deg, #244e43, #1a4037); }
.iris-launch .home-business-system article:nth-child(3) { background: radial-gradient(ellipse at 95% 0, #d27d5d35, transparent 46%), linear-gradient(115deg, #285247, #1a4037); }
.iris-launch .home-business-system article:nth-child(4) { background: radial-gradient(ellipse at 95% 0, #5aa69c36, transparent 46%), linear-gradient(115deg, #234d43, #193d35); }
.iris-launch .home-business-system article::before { display: none; }
.iris-launch .home-business-system article:hover { padding-inline: 25px; transform: translateY(-3px) rotate(-.2deg); }
.iris-launch .home-business-system article > span,
.iris-launch .home-business-system article > b { color: #abc8bc; }
.iris-launch .home-business-system h3 { font-weight: 400; font-size: 27px; }
.iris-launch .home-business-system article div > p:last-child { color: #ccdbd4; }

.iris-launch .consent-band {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 5% 15%, #68b3a56b 0 16%, transparent 43%),
    radial-gradient(ellipse at 100% 100%, #8469973d 0 19%, transparent 48%),
    linear-gradient(120deg, #f7f2e5, #e8eee3);
  border: 1px solid #eaf0df;
  border-radius: 49px 29px 57px 34px;
  box-shadow: 0 24px 70px #283f5a17, inset 0 0 38px #fff;
}

.iris-launch .consent-band h2 { font-weight: 400; color: var(--wash-ink); }
.iris-launch .consent-band p:not(.eyebrow) { color: #536277; }
.iris-launch .consent-illustration > span {
  background: linear-gradient(135deg, #66c3ba, #8d75bd 68%, #e48570);
  color: white;
  border-color: #fff8ea;
  box-shadow: 0 15px 35px #52637a2c;
}

/* The former blocky action icons become quiet, abstract painted trail marks. */
.iris-launch .trail-crossing {
  height: clamp(90px, 9vw, 130px);
  margin: -25px auto -35px;
  opacity: .82;
  overflow: visible;
}

.iris-launch .trail-crossing::before,
.iris-launch .trail-crossing::after {
  content: "";
  position: absolute;
  filter: blur(.4px);
  transform: rotate(-3deg);
}

.iris-launch .trail-crossing::before {
  left: 8%; right: 18%; top: 34%; height: 31%;
  border-radius: 82% 18% 76% 24% / 47% 63% 37% 53%;
  background: linear-gradient(90deg, transparent, #69b7a490 12%, #81a68e94 47%, #d2a8628c 82%, transparent);
  mask-image: linear-gradient(180deg, transparent 4%, #000 24% 78%, transparent);
}

.iris-launch .trail-crossing::after {
  left: 31%; right: 31%; top: 21%; height: 48%;
  border-radius: 50%;
  border-top: 3px solid #e5b86299;
  transform: rotate(2deg);
}

.iris-launch .trail-crossing--snow::before {
  left: 21%; right: 7%;
  transform: rotate(2deg);
  background: linear-gradient(90deg, transparent, #d3a66f91 15%, #826e9a7d 52%, #5eaa9a99 87%, transparent);
}

.iris-launch .crossing-landscape,
.iris-launch .scroll-traveler { display: none; }

.iris-launch .site-footer {
  padding: 36px 32px 28px;
  margin-bottom: 24px;
  background:
    radial-gradient(ellipse at 15% 0, #6ab3a43d, transparent 35%),
    radial-gradient(ellipse at 88% 100%, #846a9633, transparent 38%),
    #0f342de8;
  border: 1px solid #d5e7dc24;
  border-radius: 36px 53px 31px 45px;
  box-shadow: 0 18px 55px #2b486617;
}

.iris-launch .footer-top { border-color: #b7cfc42b; }
.iris-launch .footer-top p,
.iris-launch .footer-bottom p,
.iris-launch .footer-note { color: #b8cdc4; }

@media (max-width: 760px) {
  .iris-launch .site-header { width: calc(100% - 24px); border-radius: 23px 29px 22px 31px; }
  .iris-launch .launch-hero { width: calc(100% - 20px); border-width: 5px; border-radius: 25px 34px 27px 39px; }
  .iris-launch .launch-hero-content { gap: 145px; }
  .iris-launch .launch-intro h1 { font-size: clamp(42px, 12.5vw, 68px); }
  .iris-launch .trail-conversation { border-radius: 25px 31px 24px 34px; }
  .iris-launch .trail-signal-bar { margin-inline: 14px; padding-inline: 18px; }
  .iris-launch .home-business { padding-top: 65px; }
  .iris-launch .home-business-system article { padding: 22px 18px; }
  .iris-launch .home-business-system article:hover { padding-inline: 18px; }
  .iris-launch .consent-band { border-radius: 31px 23px 38px 27px; }
  .iris-launch .trail-crossing { height: 76px; margin-block: -15px -22px; }
  .iris-launch .site-footer { width: calc(100% - 24px); padding: 29px 22px 23px; }
}

@media (prefers-reduced-motion: reduce) {
  .iris-launch .trail-signal-bar::after { animation: none; }
}