:root {
  --ink: #241824;
  --muted: var(--text-secondary);
  --canvas: #fffafb;
  --pink: #ff3d81;
  --red: #f52f57;
  --orange: #ff3d81;
  --violet: #d42a72;
  --plum: #711b46;
  --border: #eadde3;
  --brand-gradient: linear-gradient(to top right, #c8224f, #ff3d81);
  --brand-a: #c8224f; --brand-b: #ff3d81; --brand-deep: #8a1440; --brand-light: #ff7aae;
  --gummy-ease: cubic-bezier(.22,1.45,.36,1);
  --gummy-radius: 16px;
  --gummy-shadow: 0 10px 24px rgba(245,47,87,.24), 6px 4px 18px rgba(255,61,129,.14), -6px 4px 18px rgba(255,61,129,.14);
  --panel-shadow: 0 26px 65px rgba(78,25,52,.12);

  /* ---- Type system: Inter only. Ratio 1.27 (√φ) at 1920px, 1.2 at 320px, fluid in between. */
  --step--2: clamp(0.625rem, calc(0.625rem + 1 * ((100vw - 320px) / 1600)), 0.6875rem); /* 10px→11px · caption / kicker */
  --step--1: clamp(0.75rem, calc(0.75rem + 1 * ((100vw - 320px) / 1600)), 0.8125rem); /* 12px→13px · small UI, labels, list items */
  --step-0: clamp(0.9375rem, calc(0.9375rem + 1 * ((100vw - 320px) / 1600)), 1rem); /* 15px→16px · body */
  --step-1: clamp(1.0625rem, calc(1.0625rem + 3 * ((100vw - 320px) / 1600)), 1.25rem); /* 17px→20px · lead paragraph, FAQ question */
  --step-2: clamp(1.25rem, calc(1.25rem + 6 * ((100vw - 320px) / 1600)), 1.625rem); /* 20px→26px · card title */
  --step-3: clamp(1.5rem, calc(1.5rem + 9 * ((100vw - 320px) / 1600)), 2.0625rem); /* 24px→33px · featured card title */
  --step-4: clamp(1.8125rem, calc(1.8125rem + 13 * ((100vw - 320px) / 1600)), 2.625rem); /* 29px→42px · sub-heading (h3) */
  --step-5: clamp(2.1875rem, calc(2.1875rem + 18 * ((100vw - 320px) / 1600)), 3.3125rem); /* 35px→53px · section heading (h2) */
  --step-6: clamp(2.625rem, calc(2.625rem + 25 * ((100vw - 320px) / 1600)), 4.1875rem); /* 42px→67px · hero h1 / final CTA */
  --step-7: clamp(3.125rem, calc(3.125rem + 35 * ((100vw - 320px) / 1600)), 5.3125rem); /* 50px→85px · one display moment (story intro) */
  --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700;
  --lh-tight: 1.1; --lh-heading: 1.15; --lh-subhead: 1.2; --lh-compact: 1.3; --lh-body: 1.5;
  --text-secondary: color-mix(in srgb, var(--ink) 65%, transparent);
  --text-tertiary: color-mix(in srgb, var(--ink) 50%, transparent);
  --text-secondary-inverse: rgba(255,255,255,.72);
  --text-tertiary-inverse: rgba(255,255,255,.55);

  /* ---- Spacing scale: base 4, doubles every two steps. No raw px for margin/padding/gap outside :root. */
  --space-2xs: 4px; --space-xs: 8px; --space-sm: 12px; --space-md: 16px; --space-lg: 24px;
  --space-xl: 32px; --space-2xl: 48px; --space-3xl: 64px; --space-4xl: 96px; --space-5xl: 128px;
  --section-y: clamp(6rem, calc(6rem + 32 * ((100vw - 320px) / 1600)), 8rem);   /* 96px→128px · section-to-section */
  --header-gap: clamp(2rem, calc(2rem + 16 * ((100vw - 320px) / 1600)), 3rem);   /* 32px→48px · header unit → content */
  --nav-h: 58px;   /* navbar height, used to offset the hero */
  --frame: 6px;    /* device-frame border around app mockups (not spacing) */
}

* { box-sizing: border-box; }
html { width: 100%; max-width: 100%; overflow-x: clip; scroll-behavior: smooth; }
main { position: relative; background:
  radial-gradient(1100px 760px at 88% 46%, rgba(255,61,129,.09), transparent 70%),
  radial-gradient(1000px 720px at 6% 54%, rgba(255,61,129,.08), transparent 70%),
  radial-gradient(1100px 760px at 92% 66%, rgba(255,61,129,.08), transparent 70%),
  radial-gradient(900px 680px at 10% 78%, rgba(245,47,87,.07), transparent 70%),
  var(--canvas); }
body { width: 100%; max-width: 100%; margin: 0; overflow-x: clip; background: var(--canvas); color: var(--ink); font-family: "Inter", sans-serif; font-size: var(--step-0); font-weight: var(--fw-regular); line-height: var(--lh-body); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4 { font-weight: var(--fw-bold); line-height: var(--lh-heading); }
/* Shared header unit: the heading owns both gaps; kicker and paragraph carry none.
   The -.08em on top subtracts the heading's own leading so the kicker gap reads as 12px. */
.section-header > span, .section-header > p { margin: 0 auto; }
.section-header h2 { margin: calc(var(--space-sm) - .08em) 0 var(--space-md); }
.section-header .link-cta { margin-top: var(--space-lg); }
.section-header { margin-bottom: var(--header-gap); }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.navbar {
  position: absolute; z-index: 20; top: 24px; left: 50%; transform: translateX(-50%);
  width: min(920px, calc(100% - 48px)); height: var(--nav-h); padding: 0 var(--space-xs) 0 var(--space-md);
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  border: 1px solid rgba(255,255,255,.38); border-radius: 15px;
  background: linear-gradient(to top right, #c8224f, #ff3d81);
  box-shadow: 0 8px 22px rgba(200, 34, 79, .34), 13px 2px 28px rgba(255, 61, 129, .26), -13px 2px 28px rgba(200, 34, 79, .22), inset 0 1px rgba(255,255,255,.28);
}
.brand { display: flex; align-items: center; gap: var(--space-xs); font-size:var(--step-0); font-weight:700; letter-spacing: -.04em; color: #fff; }
.brand-mark { width: 26px; height: 26px; display: grid; grid-template-columns: 1fr 1fr; gap: 2px; transform: rotate(-5deg); }
.brand-mark i { display: block; border-radius: 6px; background: rgba(255,255,255,.94); }
.brand-mark i:nth-child(2), .brand-mark i:nth-child(3) { opacity: .72; }
.brand-logo-mark { width: 30px; height: 30px; display: block; flex: 0 0 auto; object-fit: contain; }
.trust-logo { width: 31px; height: 31px; flex: 0 0 auto; object-fit: contain; }
.newsletter-logo { width: 45px; height: 45px; flex: 0 0 auto; object-fit: contain; }
.navbar nav { display: flex; align-items: center; gap: var(--space-2xs); }
.navbar nav .nav-btn { padding: var(--space-xs) var(--space-sm); border-radius: 10px; }
.nav-btn { border: 0; background: transparent; color: #fff; font-size:var(--step--1); font-weight:600; transition: transform .25s ease, background .25s ease, opacity .25s ease; }
.nav-btn:hover { transform: translateY(-3px); opacity: .82; }
.navbar nav .nav-btn:hover { background: rgba(255,255,255,.12); }
.nav-actions { justify-self: end; display: flex; align-items: center; gap: var(--space-xs); }
.sign-in { padding: 10px 11px; }
.nav-cta { min-height: 35px; display: flex; align-items: center; gap: var(--space-xs); padding: var(--space-xs) var(--space-xs) var(--space-xs) var(--space-md); /* optical: the arrow supplies weight on the right */ border: 1px solid rgba(255,255,255,.9); border-radius: 10px; color: var(--plum); background: linear-gradient(#fff, #fff5f8); box-shadow: 0 3px 0 rgba(113,27,70,.25), 0 7px 16px rgba(89,15,48,.15), inset 0 1px #fff; font-size:var(--step--1); font-weight:600; transition: transform .2s ease, box-shadow .2s ease; }
.nav-cta:hover { transform: translateY(-2px); box-shadow: 0 5px 0 rgba(113,27,70,.22), 0 10px 20px rgba(89,15,48,.18), inset 0 1px #fff; }
.nav-cta:active { transform: translateY(2px); box-shadow: 0 1px 0 rgba(113,27,70,.28), 0 4px 10px rgba(89,15,48,.14); }
.nav-arrow { position: relative; width: 18px; height: 12px; display: block; overflow: hidden; }
.nav-arrow i, .nav-arrow i::before, .nav-arrow i::after { position: absolute; display: block; height: 2px; border-radius: 99px; background: var(--plum); }
.nav-arrow i { width: 15px; top: 5px; left: 0; transition: transform .22s ease; }
.nav-arrow i::before, .nav-arrow i::after { content: ""; right: -1px; width: 7px; transform-origin: right center; }
.nav-arrow i::before { top: 0; transform: rotate(42deg); }
.nav-arrow i::after { bottom: 0; transform: rotate(-42deg); }
.nav-cta:hover .nav-arrow i { transform: translateX(3px); }
.menu-toggle { display: none; }

.hero-section {
  min-height: 860px; padding: calc(var(--nav-h) + var(--space-3xl)) max(var(--space-xl), calc((100vw - 1180px) / 2)) var(--section-y);
  display: grid; grid-template-columns: minmax(0, .94fr) minmax(560px, 1.06fr); align-items: center; gap: var(--space-3xl); overflow: hidden;
  background: radial-gradient(circle at 9% 23%, rgba(255,61,129,.07), transparent 30%), linear-gradient(#fffafb, #fff6f9);
}
.hero-content { position: relative; z-index: 5; }
h1 { max-width: 590px; margin: 0 0 var(--space-lg) -.04em; /* optical: pull tight-tracked heading onto the text edge */ font-size:var(--step-6); line-height:var(--lh-tight); letter-spacing: -.062em; }
.gradient-text { background: var(--brand-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; }
.subtext { max-width: 565px; margin: 0; color: var(--muted); font-size:var(--step-1); font-weight:400; line-height:var(--lh-body); }
.hero-actions { display: flex; align-items: center; gap: var(--space-lg); margin: var(--space-xl) 0 var(--space-lg); }
.secondary-link { position: relative; display: inline-flex; align-items: center; gap: 12px; padding: 7px 2px; color: #503a47; font-size:var(--step-0); font-weight:600; letter-spacing: -.01em; }
.secondary-link::after { content: ""; position: absolute; right: 0; bottom: 2px; left: 0; height: 1px; background: linear-gradient(90deg, rgba(113,27,70,.25), rgba(255,61,129,.8)); transform: scaleX(.28); transform-origin: left; transition: transform .28s ease; }
.secondary-link:hover::after { transform: scaleX(1); }
.secondary-arrow { position: relative; width: 26px; height: 14px; display: block; }
.secondary-arrow::before, .secondary-arrow::after { content: ""; position: absolute; top: 6px; width: 3px; height: 3px; border-radius: 50%; background: var(--pink); transition: transform .3s cubic-bezier(.22,1.4,.36,1); }
.secondary-arrow::before { left: 0; opacity: .35; }.secondary-arrow::after { left: 6px; opacity: .65; }
.secondary-arrow i, .secondary-arrow i::before, .secondary-arrow i::after { position: absolute; display: block; height: 2px; border-radius: 99px; background: var(--pink); }
.secondary-arrow i { width: 14px; top: 6px; right: 0; transition: transform .3s cubic-bezier(.22,1.4,.36,1); }
.secondary-arrow i::before, .secondary-arrow i::after { content: ""; top: 0; right: -1px; width: 7px; transform-origin: right center; }
.secondary-arrow i::before { transform: rotate(42deg); }.secondary-arrow i::after { transform: rotate(-42deg); }
.secondary-link:hover .secondary-arrow i { transform: translateX(4px); }.secondary-link:hover .secondary-arrow::before { transform: translateX(2px); }.secondary-link:hover .secondary-arrow::after { transform: translateX(3px); }
.trust-line { display: flex; align-items: center; gap: var(--space-sm); margin: 0; color:var(--text-secondary); font-size:var(--step--1); letter-spacing: .005em; }
.trust-line strong { color: #4d3543; font-weight:600; }
.trust-mark { width: 29px; height: 29px; flex: 0 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 2px; padding: 6px; border: 1px solid rgba(245,47,87,.16); border-radius: 9px; background: rgba(255,255,255,.72); box-shadow: 0 7px 18px rgba(101,35,67,.07); transform: rotate(-3deg); }
.trust-mark i { border-radius: 3px; background: var(--brand-gradient); }.trust-mark i:nth-child(2), .trust-mark i:nth-child(3) { opacity: .58; }

/* Original GummiBot CTA construction, recolored for GummyPixel. */
.button {
  --white: #fff3f7; --purple-100: #ffb1c7; --purple-200: #ff799e; --purple-300: #ff3d81; --purple-400: #f52f57; --purple-500: #711b46; --radius: 18px;
  position: relative; width: 220px; height: 80px; border: 0; border-radius: var(--radius); outline: none; cursor: pointer; background: transparent; font-family: "Inter", sans-serif; font-size:var(--step-1); letter-spacing: -1px;
}
.bg { position: absolute; inset: 0; border-radius: inherit; filter: blur(1px); }
.bg::before, .bg::after { content: ""; position: absolute; inset: 0; border-radius: calc(var(--radius) * 1.1); background: var(--purple-500); }
.bg::before { filter: blur(5px); transition: all .3s ease; box-shadow: -7px 6px 0 rgba(113,27,70,.4), -14px 12px 0 rgba(113,27,70,.3), -21px 18px 4px rgba(191,35,88,.25), -28px 24px 8px rgba(255,61,129,.15), -35px 30px 12px rgba(255,61,129,.12), -42px 36px 16px rgba(255,61,129,.08), -56px 42px 20px rgba(255,61,129,.05); }
.wrap { position: relative; height: 100%; padding: 3px; overflow: hidden; border-radius: inherit; transform: translate(6px,-6px); background: linear-gradient(to bottom, var(--purple-100), var(--purple-400)); transition: all .3s ease; }
.outline { position: absolute; inset: 0; overflow: hidden; border-radius: inherit; opacity: 0; transition: all .4s ease; }
.outline::before { content: ""; position: absolute; inset: 2px; width: 120px; height: 300px; margin: auto; background: linear-gradient(to right, transparent, #fff, transparent); animation: spin 3s linear infinite paused; }
.content { pointer-events: none; position: relative; z-index: 1; height: 100%; display: flex; align-items: center; justify-content: center; gap: 16px; border-radius: calc(var(--radius) * .85); background: linear-gradient(145deg, var(--purple-300), var(--purple-400) 60%, #ef4d48); box-shadow: inset -2px 12px 11px -5px var(--purple-200), inset 1px -3px 11px rgb(0 0 0 / 35%); font-weight:700; transition: all .3s ease; }
.content::before { content: ""; position: absolute; inset: 45% 10% 35%; z-index: 10; opacity: .7; background: linear-gradient(to bottom, transparent, var(--purple-400)); filter: brightness(1.3) blur(5px); }
.char { display: flex; align-items: center; justify-content: center; transition: all .3s ease; }
.char span { position: relative; display: block; color: transparent; }
.char.state-1 span:nth-child(4) { margin-left: 6px; }
.char.state-2 span:nth-child(6) { margin-left: 6px; }
.char.state-1 span { animation: charAppear 1.2s ease backwards calc(var(--i) * .03s); }
.char.state-1 span::before, .char span::after { content: attr(data-label); position: absolute; left: 0; color: var(--white); text-shadow: -1px 1px 2px var(--purple-500); }
.char span::before { opacity: 0; transform: translateY(-100%); }
.char.state-2 { position: absolute; left: 50%; transform: translateX(-50%); }
.char.state-2 span::after { opacity: 1; }
.icon { z-index: 10; animation: resetArrow .8s cubic-bezier(.7,-.5,.3,1.2) forwards; }
.icon div, .icon div::before, .icon div::after { height: 3px; border-radius: 1px; background: var(--white); }
.icon div { position: relative; width: 24px; transform: scale(.9); background: linear-gradient(to bottom, var(--white), var(--purple-100)); box-shadow: -2px 2px 5px var(--purple-400); animation: swingArrow 1s ease-in-out infinite paused; }
.icon div::before, .icon div::after { content: ""; position: absolute; right: 0; width: 14px; transform-origin: center right; border-radius: 15px; transition: all .3s ease; }
.icon div::before { top: 1px; transform: rotate(44deg); box-shadow: 1px -2px 3px -1px var(--purple-400); animation: rotateArrowLine 1s linear infinite paused; }
.icon div::after { bottom: 1px; transform: rotate(316deg); box-shadow: -2px 2px 3px var(--purple-400); background: linear-gradient(200deg, var(--white), var(--purple-100)); animation: rotateArrowLine2 1s linear infinite paused; }
.path { position: absolute; z-index: 12; right: 0; bottom: 0; left: 0; pointer-events: none; stroke: var(--white); stroke-dasharray: 150 480; stroke-dashoffset: 150; }
.splash { position: absolute; top: 0; left: 0; pointer-events: none; transform: translate(-17%,-31%); stroke: var(--purple-300); stroke-dasharray: 60 60; stroke-dashoffset: 60; }
.button:hover .wrap { transform: translate(8px,-8px); }
.button:hover .outline { opacity: 1; }
.button:hover .outline::before, .button:hover .icon div, .button:hover .icon div::before, .button:hover .icon div::after { animation-play-state: running; }
.button:hover .char.state-1 span::before { animation: charAppear .7s ease calc(var(--i) * .03s); }
.button:hover .char.state-1 span::after { opacity: 1; animation: charDisappear .7s ease calc(var(--i) * .03s); }
.button:active .bg::before { opacity: .7; box-shadow: -7px 6px 0 rgb(113 27 70 / 40%), -14px 12px 0 rgb(113 27 70 / 25%), -21px 18px 4px rgb(245 47 87 / 15%); }
.button:active .wrap { transform: translate(3px,-3px); }
.button:active .splash { animation: splash .8s cubic-bezier(.3,0,0,1) forwards .05s; }
.button:focus .path { animation: path 1.6s ease forwards .2s; }
.button:focus .icon { animation: arrow 1s cubic-bezier(.7,-.5,.3,1.5) forwards; }
.char.state-2 span::after { opacity: 0; }
.button:focus .char.state-1 span { animation: charDisappear .5s ease forwards calc(var(--i) * .03s); }
.button:focus .char.state-2 span::after { opacity: 1; animation: charAppear 1s ease backwards calc(var(--i) * .03s); }

@keyframes spin { to { transform: rotate(360deg); } }
@keyframes charAppear { 0% { transform: translateY(50%); opacity: 0; filter: blur(20px); } 20% { transform: translateY(70%); opacity: 1; } 50% { transform: translateY(-15%); opacity: 1; filter: blur(0); } 100% { transform: translateY(0); opacity: 1; } }
@keyframes charDisappear { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(-70%); opacity: 0; filter: blur(3px); } }
@keyframes splash { 0% { stroke-dasharray: 60 60; stroke-dashoffset: 60; } 100% { stroke-dasharray: 60 60; stroke-dashoffset: -60; } }
@keyframes path { 0% { stroke-dashoffset: 150; } 100% { stroke-dashoffset: -480; } }
@keyframes swingArrow { 50% { transform: translateX(5px) scale(.9); } }
@keyframes rotateArrowLine { 50% { transform: rotate(30deg); } }
@keyframes rotateArrowLine2 { 50% { transform: rotate(330deg); } }
@keyframes arrow { 0% { transform: translateX(0); } 50% { transform: translateX(48px); opacity: 0; } 51% { transform: translateX(-48px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } }
@keyframes resetArrow { from { transform: translateX(-18px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }

.product-visual { position: relative; width: 100%; min-width: 0; transform: perspective(1200px) rotateY(-1.5deg); }
.glow { position: absolute; width: 110%; height: 110%; top: -5%; left: 5%; border-radius: 50%; background: radial-gradient(circle at center, rgba(255,61,129,.48), rgba(245,47,87,.24) 42%, rgba(212,42,114,.12) 62%, transparent 72%); filter: blur(65px); animation: pulseGlow 4s ease-in-out infinite alternate; }
@keyframes pulseGlow { from { opacity: .6; transform: scale(.92); } to { opacity: 1; transform: scale(1.08); } }
.app-window { position: relative; z-index: 2; overflow: hidden; border: 1px solid rgba(101,45,72,.14); border-radius: 24px; background: #fff; box-shadow: 0 35px 90px rgba(85,31,59,.2), inset 0 3px #fff; }
.app-topbar { height: 57px; padding: 0 17px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid #f0e5ea; }
.app-logo { display: flex; align-items: center; gap: 7px; font-size: 12px; font-weight:700; }
.mini-mark { width: 18px; height: 18px; border-radius: 6px; background: var(--brand-gradient); }
.workspace-name { padding: 7px 11px; border: 1px solid #eee2e7; border-radius: 9px; background: #fffcfd; font-size: 9px; font-weight:700; }
.workspace-name span { padding-left: 8px; color: #a7909c; }
.profile { justify-self: end; width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: var(--ink); color: #fff; font-size: 8px; font-weight:700; }
.app-layout { min-height: 450px; display: grid; grid-template-columns: 135px 1fr; }
.app-sidebar { padding: 21px 12px; border-right: 1px solid #f1e6ea; background: #fffcfd; color: #8a7480; font-size: 9px; }
.app-sidebar span { display: flex; gap: 8px; align-items: center; padding: 9px; margin-bottom: 5px; border-radius: 8px; }
.app-sidebar .active { background: #fff0f5; color: var(--pink); }
.calendar { padding: 25px 22px; background: #fffafb; }
.calendar>header { display: flex; align-items: center; justify-content: space-between; }
.calendar header small { color: #a18c97; font-size: 7px; font-weight:700; letter-spacing: .14em; }
.calendar header h2 { margin: 5px 0; font-size: 19px; letter-spacing: -.04em; }
.calendar header button { padding: 9px 12px; border: 0; border-radius: 9px; background: var(--ink); color: #fff; font-size: 8px; font-weight:700; }
.status-row { display: flex; gap: 7px; margin: 17px 0; }
.status-row>span { display: flex; align-items: center; gap: 5px; padding: 5px 7px; border: 1px solid #efe3e8; border-radius: 99px; background: #fff; color: #76636d; font-size: 7px; font-weight:700; }
.status-row i { width: 6px; height: 6px; border-radius: 50%; }.status-row .draft { background: #4e91ff; }.status-row .review { background: #f0a829; }.status-row .approved { background: #31b276; }
.status-row b { color: #a7949e; }
.days { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.day { min-height: 305px; padding: 9px 7px; border: 1px solid #f0e4e9; border-radius: 11px; background: rgba(255,255,255,.7); }
.day>strong { display: flex; justify-content: space-between; color: #9a8791; font-size: 7px; letter-spacing: .1em; }.day>strong b { color: #4c3845; font-size: 11px; }
.day article { margin-top: 17px; padding: 7px; border: 1px solid #efe3e8; border-radius: 10px; background: #fff; box-shadow: 0 7px 18px rgba(55,26,42,.07); }.day article.lower { margin-top: 61px; }
.post-image { height: 76px; border-radius: 7px; }.post-image.first { background: linear-gradient(135deg,#6d35e6,#d947c9 52%,#ff8181); }.post-image.second { background: radial-gradient(circle at 65% 30%,#ff9bb6 0 16%,transparent 17%),linear-gradient(145deg,#ff4e88,#ff774e); }
.day article small { display: block; margin: 8px 0 5px; color: #a38d98; font-size: 5.5px; font-weight:700; letter-spacing: .06em; }.day article h3 { min-height: 32px; margin: 0; font-size: 8px; line-height: 1.35; }
.day article footer { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; }.day article footer span { padding: 4px 6px; border-radius: 99px; background: #f1eaff; color: #7449ca; font-size: 6px; font-weight:700; }.day article footer span.green { background: #e5f8ef; color: #258359; }.day article footer i { width: 17px; height: 17px; display: grid; place-items: center; border-radius: 50%; background: var(--ink); color: #fff; font-size: 5px; font-style: normal; }
.floating-card { position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; padding: 11px 14px; border: 1px solid rgba(113,49,80,.1); border-radius: 14px; background: rgba(255,255,255,.93); box-shadow: 0 18px 45px rgba(76,24,51,.16); backdrop-filter: blur(14px); }
.floating-card>span { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 10px; color: #fff; }.floating-card div { display: flex; flex-direction: column; gap: 3px; }.floating-card small { color: #9b8491; font-size: 6px; font-weight:700; letter-spacing: .12em; }.floating-card b { font-size: 9px; }.agent-card { top: 95px; left: -34px; }.agent-card>span { background: linear-gradient(to top right,#c8224f,#ff3d81); }.approval-card { right: -23px; bottom: 45px; }.approval-card>span { background: linear-gradient(135deg,#23b47e,#7cd86f); }

.community-section {
  position: relative; z-index: 2; min-height: 620px; margin-top: calc(-1 * var(--space-5xl) - 42px); /* intentional overlap with the hero */ display: grid; place-items: center; overflow: hidden;
  background: linear-gradient(to bottom, rgba(255,246,249,0) 0, #fff6f9 190px, #fffafb 100%); color: #fff;
}
.community-panel {
  position: relative; width: 100%; min-height: 620px;
  display: grid; place-items: center; overflow: visible; isolation: isolate;
  background: transparent;
}
.community-panel::before {
  content: ""; position: absolute; z-index: -2; top: 50%; left: 50%;
  width: 114%; height: 76%; border-radius: 50%; transform: translate(-50%,-54%);
  background: radial-gradient(ellipse at center, #e92870 0%, #f52f57 24%, #ff3d81 52%, #ff6f9d 78%, #ffa9c6 100%);
  filter: blur(42px); opacity: .98;
  animation: panelBreath 7s ease-in-out infinite alternate;
}
.community-panel::after {
  content: ""; position: absolute; z-index: -1; inset: 0;
  background: linear-gradient(to bottom, rgba(255,246,249,0) 0%, rgba(255,246,249,.04) 20%, rgba(255,246,249,.04) 66%, rgba(255,250,251,.98) 100%);
  pointer-events: none;
}
.community-glow {
  position: absolute; z-index: -1; top: 50%; left: 50%; width: 86%; height: 42%;
  border-radius: 50%; transform: translate(-50%,-50%);
  background: rgba(245,47,87,.48); filter: blur(42px); pointer-events: none;
}
.community-content { position: relative; z-index: 2; max-width: 580px; padding: var(--space-3xl) var(--space-lg); text-align: center; }
.community-content h2 { margin: 0 0 var(--space-md); font-size:var(--step-4); line-height:var(--lh-heading); letter-spacing: -.045em; text-shadow: 0 3px 18px rgba(75,13,44,.32); }
.community-content p { margin: 0 auto var(--space-lg); color: rgba(255,255,255,.82); font-size:var(--step-0); line-height:var(--lh-body); }
.community-cta { display: inline-flex; align-items: center; justify-content: center; padding: var(--space-xs) var(--space-md); border: 1px solid rgba(255,255,255,.95); border-radius: 7px; background: #fff; color: #392532; box-shadow: 0 3px 0 rgba(74,22,47,.2), 0 8px 18px rgba(76,17,48,.16); font-size:var(--step--1); font-weight:600; transition: transform .2s ease, box-shadow .2s ease; }
.community-cta:hover { transform: translateY(-2px); box-shadow: 0 5px 0 rgba(74,22,47,.18), 0 11px 22px rgba(76,17,48,.19); }
.community-cta:active { transform: translateY(2px); box-shadow: 0 1px 0 rgba(74,22,47,.2), 0 5px 11px rgba(76,17,48,.14); }
@keyframes panelBreath {
  0% { transform: translate(-50%,-50%) scale(.95); opacity: .88; filter: blur(38px) saturate(1.02); }
  100% { transform: translate(-50%,-50%) scale(1.045); opacity: 1; filter: blur(48px) saturate(1.16); }
}

/* Who it's for */
.audience-section{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:var(--section-y) 0}
.audience-heading{max-width:700px;margin:0 auto var(--header-gap);text-align:center}
.audience-heading h2{margin:calc(var(--space-sm) - .08em) 0 var(--space-md);font-size:var(--step-5);line-height:var(--lh-tight);letter-spacing:-.055em}
.audience-heading>p{margin:0 auto;max-width:560px;color:var(--muted);font-size:var(--step-0);line-height:var(--lh-body)}
.audience-carousel{position:relative;--card-w:330px;--card-h:500px;--ring-r:520}
.audience-stage{position:relative;height:var(--card-h);margin:0 auto var(--space-3xl); /* the reflection under the cards adds ~40px of visual mass */perspective:1500px;perspective-origin:50% 38%;touch-action:pan-y;user-select:none}
.audience-ring{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(calc(var(--ring-r) * .62px)) rotateX(-3deg)}
.audience-stage::after{content:"";position:absolute;z-index:0;left:-10%;right:-10%;top:calc(100% - 90px);height:420px;transform-origin:50% 0;transform:rotateX(80deg);border-radius:50%;background:radial-gradient(ellipse at 50% 42%,rgba(113,27,70,.10),rgba(200,34,79,.045) 32%,rgba(113,27,70,.012) 54%,transparent 68%);filter:blur(28px);pointer-events:none}
.audience-stage .audience-card{position:absolute;top:0;left:50%;width:var(--card-w);height:var(--card-h);margin-left:calc(var(--card-w) / -2);transform:rotateY(calc(var(--ang) * 1deg)) translateZ(calc(var(--ring-r) * -1px)) scale(var(--s));opacity:var(--o);filter:blur(calc(var(--blur) * 1px)) saturate(var(--sat)) brightness(var(--br));transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .7s ease,filter .7s ease;cursor:pointer;will-change:transform,filter;backface-visibility:hidden;box-shadow:0 26px 60px rgba(75,18,48,.16),0 6px 14px rgba(75,18,48,.08)}
.audience-stage .audience-card::after{content:"";position:absolute;left:4%;right:4%;top:calc(100% + 6px);height:150px;border-radius:50%;background:var(--audience-accent);filter:blur(30px);opacity:calc(var(--o) * .42);transform:scaleY(.36);transform-origin:50% 0;pointer-events:none;transition:opacity .7s ease}
.audience-stage .audience-card.is-active::after{left:-4%;right:-4%;opacity:.78;filter:blur(36px);transform:scaleY(.48)}
.audience-stage .audience-card::before{z-index:1}
.audience-stage .audience-card.is-active{cursor:default;box-shadow:0 40px 80px rgba(75,18,48,.22),0 10px 22px rgba(200,34,79,.12),inset 0 0 0 1px rgba(255,255,255,.8)}
.audience-stage .audience-card.is-active:hover{transform:rotateY(calc(var(--ang) * 1deg)) translateZ(calc(var(--ring-r) * -1px + 14px)) scale(var(--s))}
.audience-stage .audience-card:not(.is-active):hover{filter:blur(0) saturate(1) brightness(1)}
.audience-stage .audience-card.is-hidden{pointer-events:none}
.audience-nav{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:linear-gradient(#fff,#fff5f8);color:var(--plum);box-shadow:0 3px 0 rgba(113,27,70,.22),0 8px 18px rgba(89,15,48,.16);font-size:13px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.audience-nav:hover{transform:translateY(-2px);box-shadow:0 5px 0 rgba(113,27,70,.2),0 11px 22px rgba(89,15,48,.19)}
.audience-nav:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(113,27,70,.22),0 5px 11px rgba(89,15,48,.14)}
.audience-controls{margin-top:var(--space-xl);display:flex;align-items:center;justify-content:center;gap:var(--space-lg)}
.audience-dots{display:flex;align-items:center;gap:var(--space-xs)}
.audience-dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(113,27,70,.18);cursor:pointer;transition:width .3s ease,background .3s ease}
.audience-dots button.is-active{width:26px;background:linear-gradient(to right,#c8224f,#ff3d81)}
.audience-brand{--audience-accent:linear-gradient(to top right,#e0295f,#ff7aae);--audience-shadow:rgba(224,41,95,.32)}
.audience-ops{--audience-accent:linear-gradient(to top right,#5a1244,#75249b);--audience-shadow:rgba(117,36,155,.32)}
@media(max-width:980px){.audience-carousel{--card-w:300px;--card-h:500px;--ring-r:420}}
@media(max-width:640px){.audience-carousel{--card-w:min(250px,calc(100vw - 90px));--card-h:540px;--ring-r:230}.audience-nav{width:40px;height:40px}.audience-stage{perspective:1000px}}
.audience-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;padding:calc(var(--space-xl) + 4px) var(--space-lg) var(--space-xl); /* optical: +4px clears the accent stripe */border:1px solid rgba(113,49,80,.09);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 20px 50px rgba(85,31,59,.09);transition:transform .25s ease,box-shadow .25s ease}
.audience-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;border-radius:24px 24px 0 0;background:var(--audience-accent)}
.audience-mark{flex:0 0 auto;width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:var(--audience-accent);color:#fff;font-size:18px;box-shadow:0 10px 24px var(--audience-shadow)}
.audience-mark i{width:1.4em;line-height:1;font-size:18px;text-align:center}
/* per-glyph compensation: FA glyph canvases differ (user 448, clapperboard 512, people-group 640, building 384, store 576) */
.audience-solo .audience-mark i{font-size:16.5px}
.audience-ops .audience-mark i{font-size:16.5px}
.audience-team .audience-mark i{font-size:17px}
.audience-agency .audience-mark i{font-size:20px}
.audience-brand .audience-mark i{font-size:17px}
.audience-card>small{margin-top:var(--space-md);color:var(--pink);font-size:var(--step--2);font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.audience-card h3{margin:calc(var(--space-xs) - .08em) 0 var(--space-sm);font-size:var(--step-2);line-height:var(--lh-subhead);letter-spacing:-.045em}
.audience-card>p{margin:0 0 var(--space-md);color:var(--muted);font-size:var(--step--1);line-height:var(--lh-body)}
.audience-card ul{margin:auto 0 0;padding:0;display:grid;gap:var(--space-xs);list-style:none}
.audience-card li{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:var(--space-sm);color:#372431;font-size:var(--step--1);font-weight:700}
.audience-card li .overview-icon{width:30px;height:30px;flex:0 0 auto;font-size:11px;background:var(--audience-accent);box-shadow:0 5px 14px var(--audience-shadow)}
.audience-card li .overview-icon i{width:1.25em;line-height:1;font-size:11px;text-align:center}
.audience-solo{--audience-accent:linear-gradient(to top right,#c8224f,#ff3d81);--audience-shadow:rgba(255,61,129,.34)}
.audience-team{--audience-accent:linear-gradient(to top right,#4b1230,#8a1440 60%,#c8224f);--audience-shadow:rgba(75,18,48,.35)}
.audience-agency{--audience-accent:linear-gradient(to top right,#ff7aae,#ffa9c9);--audience-shadow:rgba(255,122,174,.36)}
/* 360° variant (test copy): full cylinder, camera outside, back cards visible behind */
.audience-360 .audience-carousel{--ring-r:400}
.audience-360 .audience-ring{transform:translateZ(calc(var(--ring-r) * -1px)) rotateX(-4deg)}
.audience-360 .audience-stage{perspective:1300px;perspective-origin:50% 40%}
.audience-360 .audience-stage .audience-card{backface-visibility:visible;transform:rotateY(calc(var(--ang) * 1deg)) translateZ(calc(var(--ring-r) * 1px)) rotateY(calc(var(--flip, 0) * 1deg)) scale(var(--s))}
.audience-360 .audience-stage .audience-card.is-active:hover{transform:rotateY(calc(var(--ang) * 1deg)) translateZ(calc(var(--ring-r) * 1px + 14px)) rotateY(calc(var(--flip, 0) * 1deg)) scale(var(--s))}
.audience-360 .audience-card.is-back>*{transform:scaleX(-1)}
@media(max-width:980px){.audience-360 .audience-carousel{--ring-r:300}}
@media(max-width:640px){.audience-360 .audience-carousel{--ring-r:200}}
.audience-note{margin:var(--space-xl) auto 0;max-width:620px;text-align:center;color:var(--muted);font-size:var(--step--1);line-height:var(--lh-body)}
.audience-note strong{color:var(--ink)}
@media(max-width:640px){.audience-section{width:calc(100% - 40px);padding:var(--section-y) 0}.audience-heading h2{}.audience-card{padding:calc(var(--space-lg) + 4px) var(--space-lg) var(--space-lg);border-radius:20px}}

.overview-section {
  width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 132px 0 145px;
  display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 92px;
}
.overview-copy { max-width: 510px; }
.overview-kicker { display: block; margin: 0; color: var(--pink); font-size:var(--step--2); font-weight:600; letter-spacing: .16em; text-transform: uppercase; }
.overview-copy h2 { margin: 0; font-size:var(--step-5); line-height:var(--lh-tight); letter-spacing: -.055em; }
.overview-copy>p { margin: 18px 0 31px; color: var(--muted); font-size:var(--step-0); line-height:var(--lh-body); }
.overview-list { margin: 0; padding: 0; display: grid; gap: 14px; list-style: none; }
.overview-list li { display: grid; grid-template-columns: 40px 1fr; align-items: center; gap: 14px; }
.overview-icon { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient(to top right, #e92870, #f52f57 52%, #ff3d81); color: #fff; box-shadow: 0 5px 15px rgba(233,40,112,.4), 5px 0 20px rgba(255,61,129,.36), -5px 0 20px rgba(255,61,129,.36); font-size: 13px; }
.overview-icon i { line-height: 1; }
.overview-list strong { display: block; margin-bottom: 3px; color: #372431; font-size:var(--step-1); }
.overview-list small { display: block; color:var(--text-secondary); font-size:var(--step--1); line-height:var(--lh-body); }

.overview-visual { position: relative; min-width: 0; padding: 48px 10px 42px 28px; }
.overview-visual::before { content: ""; position: absolute; inset: 5% -8% 0 0; border-radius: 48% 52% 50% 46%; background: radial-gradient(circle at center, rgba(255,61,129,.17), rgba(255,61,129,.08) 48%, transparent 72%); filter: blur(28px); }
.pipeline-window { position: relative; z-index: 2; overflow: hidden; border: 1px solid #e9dce2; border-radius: 22px; background: #fff; box-shadow: 0 30px 75px rgba(73,27,51,.14); }
.pipeline-header { padding: 21px 22px 17px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #f0e4e9; }
.pipeline-header small { color: #a28d98; font-size: 7px; font-weight:700; letter-spacing: .14em; }
.pipeline-header h3 { margin: 5px 0 0; font-size: 21px; letter-spacing: -.04em; }
.pipeline-header button { padding: 8px 10px; border: 1px solid #eadde3; border-radius: 9px; background: #fffafb; color: #6d5864; font-size: 8px; font-weight:700; }
.pipeline-header button span { margin-left: 8px; color: #aa939f; }
.pipeline-summary { padding: 14px 22px; display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; border-bottom: 1px solid #f0e4e9; background: #fffbfc; }
.pipeline-summary>span { padding: 10px 12px; border: 1px solid #f0e4e9; border-radius: 11px; background: #fff; }
.pipeline-summary b { display: block; color: #3e2a37; font-size: 17px; letter-spacing: -.04em; }
.pipeline-summary small { color: #a18b96; font-size: 7px; }
.pipeline-list { padding: 9px 15px; }
.pipeline-list article { min-width: 0; padding: 12px 7px; display: grid; grid-template-columns: 48px minmax(0,1fr) auto; align-items: center; gap: 12px; border-bottom: 1px solid #f2e8ec; }
.pipeline-list article:last-child { border-bottom: 0; }
.pipeline-thumb { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 11px; color: #fff; box-shadow: inset 0 6px 10px rgba(255,255,255,.15); }
.pipeline-thumb span { font-size: 10px; font-weight:700; }
.thumb-one { background: linear-gradient(135deg,#8a1440,#e0295f 52%,#ff7aae); }.thumb-two { background: linear-gradient(135deg,#ff3d81,#ff3d81); }.thumb-three { background: linear-gradient(145deg,#e92870,#f52f57 55%,#ff9a54); }
.pipeline-post { min-width: 0; }
.pipeline-post>small { display: block; margin-bottom: 4px; color: #ad96a1; font-size: 6px; font-weight:700; letter-spacing: .08em; }
.pipeline-post>strong { display: block; overflow: hidden; color: #3e2a37; font-size: 9px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.pipeline-meta { display: flex; align-items: center; gap: 5px; margin-top: 6px; color: #8b6bc6; font-size: 7px; font-weight:700; }
.pipeline-meta i { width: 6px; height: 6px; border-radius: 50%; background: #d42a72; }.approved-meta { color: #2d9369; }.approved-meta i { background: #31b276; }.scheduled-meta { color: #d74a72; }.scheduled-meta i { background: var(--pink); }
.pipeline-people { display: flex; flex-direction: row-reverse; }
.pipeline-people i { width: 24px; height: 24px; margin-left: -6px; display: grid; place-items: center; border: 2px solid #fff; border-radius: 50%; background: #34222f; color: #fff; font-size: 6px; font-style: normal; font-weight:700; }.pipeline-people i:first-child { background: var(--brand-gradient); }
.pipeline-footer { padding: 13px 21px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #f0e4e9; background: #fffbfc; font-size: 8px; }
.pipeline-footer>span { display: flex; align-items: center; gap: 6px; color: #7d6873; }.pipeline-footer>span i { width: 7px; height: 7px; border-radius: 50%; background: #32b47a; box-shadow: 0 0 0 4px rgba(50,180,122,.1); }.pipeline-footer a { color: var(--pink); font-weight:700; }
.overview-float { position: absolute; z-index: 4; right: -22px; bottom: 10px; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid rgba(112,47,78,.1); border-radius: 14px; background: rgba(255,255,255,.95); box-shadow: 0 18px 42px rgba(73,25,49,.15); backdrop-filter: blur(12px); }
.overview-float>span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: linear-gradient(135deg,#28ad76,#67d276); color: #fff; font-size: 14px; }.overview-float p { margin: 0; }.overview-float small { display: block; margin-bottom: 3px; color: #a28b96; font-size: 6px; font-weight:700; letter-spacing: .1em; }.overview-float strong { display: block; color: #3c2835; font-size: 9px; }

.workflow-section { padding: var(--section-y) max(var(--space-lg), calc((100vw - 1180px) / 2)); background: transparent; }
.workflow-heading { max-width: 700px; margin: 0 auto var(--header-gap); text-align: center; }
.workflow-heading>span { display: block; margin: 0; color: var(--pink); font-size:var(--step--2); font-weight:600; letter-spacing: .16em; text-transform: uppercase; }
.workflow-heading h2 { margin: calc(var(--space-sm) - .08em) 0 var(--space-md); color: #34212e; font-size:var(--step-5); line-height:var(--lh-tight); letter-spacing: -.057em; }
.workflow-heading p { max-width: 610px; margin: 0 auto; color: var(--muted); font-size:var(--step-0); line-height:var(--lh-body); }
.workflow-tabs { max-width: 1180px; margin: 0 auto var(--space-lg); display: grid; grid-template-columns: repeat(6,1fr); gap: var(--space-sm); }
.workflow-tab { height: 105px; padding: var(--space-sm) var(--space-xs); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-xs); border: 0; border-radius: 14px; background: linear-gradient(180deg,#6c2852,#48203c); color: #fff; box-shadow: 0 5px 13px rgba(83,27,61,.24); cursor: pointer; transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }
.workflow-tab i { font-size: 17px; }.workflow-tab span { font-size:var(--step--1); font-weight:600; }
.workflow-tab:not(.active):hover { transform: translateY(-4px); background: linear-gradient(145deg,#913568,#67254f); box-shadow: 0 10px 22px rgba(99,30,70,.3), 0 0 18px rgba(255,61,129,.3), 6px 0 22px rgba(255,61,129,.14), -6px 0 22px rgba(233,40,112,.2); }
.workflow-tab.active { transform: translateY(-3px); background: linear-gradient(to top right,#e92870,#f52f57 54%,#ff3d81); box-shadow: 0 7px 17px rgba(233,40,112,.36),6px 0 23px rgba(255,61,129,.25),-6px 0 23px rgba(255,61,129,.25); }
.workflow-panel { max-width: 1180px; min-height: 490px; margin: 0 auto; padding: var(--space-3xl); display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: var(--space-3xl); border: 1px solid #eadde3; border-radius: 23px; background: #fff; box-shadow: 0 24px 65px rgba(70,25,48,.11); }
.workflow-explanation { min-width: 0; }
.workflow-step { color: var(--pink); font-size:var(--step--2); font-weight:600; letter-spacing: .16em; text-transform: uppercase; }
.workflow-explanation h3 { margin: calc(var(--space-sm) - .08em) 0 var(--space-md); color: #392532; font-size:var(--step-4); line-height:var(--lh-heading); letter-spacing: -.05em; }
.workflow-explanation>p { margin: 0; color:var(--text-secondary); font-size:var(--step-0); line-height:var(--lh-body); }
.workflow-points { margin: var(--space-lg) 0 0; padding: 0; display: grid; gap: var(--space-sm); list-style: none; }
.workflow-points li { display: flex; align-items: center; gap: var(--space-sm); color: #503b47; font-size:var(--step--1); font-weight:600; }
.workflow-points i { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: #fff0f5; color: var(--pink); font-size: 8px; }
.workflow-sample { overflow: hidden; border: 1px solid #e8d9e0; border-radius: 18px; background: #fff; box-shadow: 0 24px 55px rgba(70,24,47,.15); transition: transform .25s ease, opacity .2s ease; }
.workflow-sample.changing { transform: translateY(7px) scale(.985); opacity: .35; }
.sample-topbar { padding: 13px 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #f0e4e9; background: #fffcfd; color: #5d4854; font-size: 9px; font-weight:700; }
.sample-topbar button { border: 0; background: transparent; color: #ad96a1; letter-spacing: 2px; }
.sample-body { padding: 22px; }
.sample-status { display: flex; align-items: center; gap: 7px; margin-bottom: 20px; }
.sample-status>span { width: 8px; height: 8px; border-radius: 50%; background: #a4939c; box-shadow: 0 0 0 4px rgba(164,147,156,.1); }
.sample-status b { color: #6f5b66; font-size: 8px; }.sample-status small { margin-left: auto; color: #ad98a2; font-size: 7px; }
.sample-body>label { display: block; color: #aa929e; font-size: 6px; font-weight:700; letter-spacing: .13em; }
.sample-body>h4 { margin: 6px 0 17px; color: #37232f; font-size: 18px; letter-spacing: -.035em; }
.sample-note { min-height: 105px; padding: 17px; display: flex; align-items: flex-start; gap: 12px; border: 1px solid #eee1e6; border-radius: 13px; background: #fff7fa; }
.sample-note>i { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 10px; background: var(--brand-gradient); color: #fff; box-shadow: 0 7px 17px rgba(241,45,94,.2); }
.sample-note p { margin: 1px 0 0; }.sample-note small { display: block; margin-bottom: 7px; color: #a68d99; font-size: 6px; font-weight:700; letter-spacing: .11em; }.sample-note span { display: block; color: #654f5b; font-size: 10px; line-height: 1.5; }
.sample-details { margin-top: 13px; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.sample-details>span { padding: 10px 11px; border: 1px solid #eee2e7; border-radius: 10px; background: #fffcfd; }.sample-details small { display: block; margin-bottom: 5px; color: #ad96a1; font-size: 5.5px; font-weight:700; letter-spacing: .1em; }.sample-details b { display: block; color: #59434f; overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.sample-footer { padding: 13px 16px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #f0e4e9; background: #fffcfd; }
.sample-footer>span { color: #9b838f; font-size: 7px; }.sample-footer button { padding: 9px 11px; display: flex; align-items: center; gap: 8px; border: 0; border-radius: 9px; background: var(--brand-gradient); color: #fff; box-shadow: 0 6px 15px rgba(238,42,93,.22); font-size: 7px; font-weight:700; }.sample-footer button i { font-size: 7px; }
.workflow-sample[data-state="draft"] .sample-status>span { background: #4e91ff; box-shadow: 0 0 0 4px rgba(78,145,255,.1); }.workflow-sample[data-state="review"] .sample-status>span { background: #f0a829; box-shadow: 0 0 0 4px rgba(240,168,41,.12); }.workflow-sample[data-state="approved"] .sample-status>span,.workflow-sample[data-state="published"] .sample-status>span { background: #31b276; box-shadow: 0 0 0 4px rgba(49,178,118,.12); }.workflow-sample[data-state="scheduled"] .sample-status>span { background: var(--violet); box-shadow: 0 0 0 4px rgba(212,42,114,.12); }

.agents-section { position: relative; min-height: 850px; padding: 125px max(32px,calc((100vw - 1180px)/2)); display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 92px; overflow: hidden; background: linear-gradient(145deg,#32162c,#481a39 54%,#2d1428); color: #fff; }
.agents-section::before { content: ""; position: absolute; width: 560px; height: 560px; top: -330px; left: 12%; border-radius: 50%; background: rgba(255,61,129,.19); filter: blur(100px); }
.agents-ambient { position: absolute; right: -180px; bottom: -230px; width: 560px; height: 560px; border-radius: 50%; background: rgba(255,61,129,.12); filter: blur(110px); }
.agents-copy,.agents-visual { position: relative; z-index: 2; min-width: 0; }
.agents-kicker { display: block; margin-bottom: 16px; color: #ff9dbd; font-size:var(--step--2); font-weight:600; letter-spacing: .17em; text-transform: uppercase; }
.agents-copy h2 { margin: 0; font-size:var(--step-5); line-height:var(--lh-tight); letter-spacing: -.058em; }
.agents-copy>p { margin: 19px 0 28px; color: #d7c3ce; font-size:var(--step-0); line-height:var(--lh-body); }
.agents-list { margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; list-style: none; }
.agents-list li { padding: 13px; display: grid; grid-template-columns: 32px 1fr; gap: 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(255,255,255,.045); }
.agents-list>li>i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: linear-gradient(145deg,rgba(255,61,129,.3),rgba(255,61,129,.16)); color: #ff9abb; font-size: 11px; }
.agents-list strong { display: block; margin: 1px 0 3px; font-size:var(--step-1); }.agents-list small { display: block; color: #bfa9b6; font-size:var(--step--2); line-height:var(--lh-body); }
.agents-principle { padding: 14px; display: flex; gap: 10px; border-left: 2px solid var(--pink); background: rgba(255,61,129,.06); font-size:var(--step--1) !important; line-height:var(--lh-body) !important; }.agents-principle>i { margin-top: 2px; color: #ff789f; }.agents-principle strong { display: block; color: #fff; }
.agents-link { display: inline-flex; align-items: center; gap: 12px; margin-top: 2px; padding: 8px 0; color: #fff; font-size:var(--step--1); font-weight:600; }
.agents-link-arrow { position: relative; width: 24px; height: 12px; }.agents-link-arrow i,.agents-link-arrow i::before,.agents-link-arrow i::after { position: absolute; display: block; height: 2px; border-radius: 99px; background: #ff789f; }.agents-link-arrow i { top: 5px; width: 19px; transition: transform .25s ease; }.agents-link-arrow i::before,.agents-link-arrow i::after { content: ""; top: 0; right: -1px; width: 8px; transform-origin: right center; }.agents-link-arrow i::before { transform: rotate(42deg); }.agents-link-arrow i::after { transform: rotate(-42deg); }.agents-link:hover .agents-link-arrow i { transform: translateX(4px); }

.agents-visual { padding: 18px 0 0; }
.actor-row { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; }
.actor-card { position: relative; padding: 13px; display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.14); border-radius: 15px; background: rgba(255,255,255,.09); box-shadow: 0 16px 35px rgba(16,5,13,.2); backdrop-filter: blur(12px); transition: transform .25s ease,border-color .25s ease,background .25s ease; }
.actor-card:hover { transform: translateY(-4px); border-color: rgba(255,118,159,.42); background: rgba(255,255,255,.13); }
.actor-avatar { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: var(--brand-gradient); color: #fff; font-size: 9px; font-weight:700; box-shadow: 0 8px 18px rgba(233,40,112,.22); }.agent-actor .actor-avatar { background: linear-gradient(145deg,#71224f,#ff3d81); }
.actor-card small { display: block; color: #bfa9b6; font-size: 5.5px; font-weight:700; letter-spacing: .11em; }.actor-card strong { display: block; margin: 3px 0; font-size: 9px; }.actor-card p { margin: 0; color: #cbb7c2; font-size: 7px; }.actor-check { width: 19px; height: 19px; display: grid; place-items: center; border-radius: 50%; background: rgba(56,190,130,.15); color: #58d497; font-size: 7px; }
.connection-map { position: relative; height: 68px; }
.connection-line { position: absolute; top: 0; width: calc(50% - 21px); height: 58px; border-bottom: 1px solid rgba(255,93,145,.55); }.line-left { left: 25%; border-left: 1px solid rgba(255,93,145,.55); border-radius: 0 0 0 25px; transform: translateX(-50%); }.line-right { right: 25%; border-right: 1px solid rgba(255,61,129,.55); border-bottom-color: rgba(255,61,129,.55); border-radius: 0 0 25px; transform: translateX(50%); }
.connection-line>i { position: absolute; bottom: -3px; width: 6px; height: 6px; border-radius: 50%; background: var(--pink); box-shadow: 0 0 12px var(--pink); animation: signalTravel 2.8s ease-in-out infinite; }.line-left>i { left: 15%; }.line-right>i { right: 15%; background: var(--orange); box-shadow: 0 0 12px var(--orange); animation-delay: 1.15s; }
.connection-node { position: absolute; bottom: -5px; left: 50%; width: 29px; height: 29px; padding: 6px; display: grid; grid-template-columns: 1fr 1fr; gap: 2px; border-radius: 9px; background: #fff; box-shadow: 0 0 25px rgba(255,61,129,.35); transform: translateX(-50%); }.connection-node i { border-radius: 2px; background: var(--brand-gradient); }.connection-node i:nth-child(2),.connection-node i:nth-child(3){opacity:.58}
@keyframes signalTravel { 0%,100% { opacity:.25; transform:translateX(-20px) scale(.7); } 50% { opacity:1; transform:translateX(20px) scale(1); } }
.shared-post-card { overflow: hidden; border: 1px solid #eadde3; border-radius: 19px; background: #fff; color: var(--ink); box-shadow: 0 28px 65px rgba(15,4,11,.3); transition:transform .25s ease,box-shadow .25s ease; }
.agents-visual:has(.human-actor:hover) .shared-post-card { box-shadow: 0 28px 65px rgba(15,4,11,.3),-12px 0 35px rgba(255,61,129,.22); }
.agents-visual:has(.agent-actor:hover) .shared-post-card { box-shadow: 0 28px 65px rgba(15,4,11,.3),12px 0 35px rgba(255,61,129,.22); }

.library-section{position:relative;padding:var(--section-y) max(var(--space-xl),calc((100vw - 1180px)/2));overflow:hidden;background:transparent;color:var(--ink)}
.library-section::before{content:"";position:absolute;width:620px;height:620px;right:-300px;top:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,61,129,.11),rgba(255,61,129,.04) 50%,transparent 72%);pointer-events:none}
.library-heading{position:relative;z-index:1;max-width:850px;margin:0 auto;text-align:center}.library-kicker,.library-eyebrow,.workflow-fit-copy>span{display:inline-block;margin:0;color:var(--pink);font-size:var(--step--2);font-weight:600;letter-spacing:.15em;text-transform:uppercase}.library-heading h2{margin:calc(var(--space-sm) - .08em) 0 var(--space-md);font-size:var(--step-5);line-height:var(--lh-tight);letter-spacing:-.06em}.library-heading h2 span{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.library-heading p{max-width:610px;margin:0 auto;color:var(--muted);font-size:var(--step-0);line-height:var(--lh-body)}
.library-switcher{position:relative;z-index:2;width:min(600px,100%);margin:var(--header-gap) auto 0;padding:var(--space-xs);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs);border:1px solid #f0dce5;border-radius:18px;background:#fff;box-shadow:0 16px 38px rgba(113,27,70,.08)}.library-tab{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:0;border-radius:13px;background:transparent;color:var(--text-secondary);text-align:left;cursor:pointer;transition:.25s ease}.library-tab>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#faedf3;color:var(--plum)}.library-tab span{display:flex;flex-direction:column;gap:var(--space-2xs);font-weight:700;font-size:var(--step-0);font-family:"Inter",sans-serif}.library-tab small{font-size:var(--step--1);font-weight:500;color:var(--text-tertiary)}.library-tab:hover{background:#fff4f8;transform:translateY(-1px)}.library-tab.active{background:var(--brand-gradient);color:#fff;box-shadow:0 9px 20px rgba(200,34,79,.28),inset 0 1px rgba(255,255,255,.26),inset 0 -2px rgba(122,16,54,.1)}.library-tab.active>i{background:rgba(255,255,255,.2);color:#fff}.library-tab.active small{color:rgba(255,255,255,.8)}
.library-panel{position:relative;z-index:1;margin-top:var(--space-xl);padding:var(--space-3xl);display:grid;grid-template-columns:.72fr 1.28fr;gap:var(--space-3xl);align-items:center;border:1px solid #f0dce5;border-radius:28px;background:rgba(255,255,255,.84);box-shadow:0 30px 80px rgba(113,27,70,.1)}.library-copy h3{margin:calc(var(--space-sm) - .08em) 0 var(--space-md);font-size:var(--step-4);line-height:var(--lh-heading);letter-spacing:-.05em}.library-copy>p{margin:0;color:var(--muted);font-size:var(--step-0);line-height:var(--lh-body)}.library-copy ul{display:grid;gap:var(--space-sm);margin:var(--space-lg) 0;padding:0;list-style:none}.library-copy li{display:flex;gap:var(--space-sm);align-items:center;color:#4e3643;font-size:var(--step--1);font-weight:600}.library-copy li i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#ffebf2;color:var(--pink);font-size:8px}.library-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--plum);font-size:var(--step--1);font-weight:600;text-decoration:none}.library-link i{transition:transform .2s}.library-link:hover i{transform:translateX(4px)}
.library-ui{min-width:0;min-height:465px;border:1px solid #ead8e1;border-radius:18px;background:#fff;box-shadow:0 24px 60px rgba(58,20,43,.13);overflow:hidden;transition:opacity .16s,transform .16s}.library-ui.changing{opacity:.55;transform:scale(.985)}.library-ui-top{height:57px;padding:0 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0e3e9;font-size:11px;font-weight:700}.library-ui-top span{display:flex;align-items:center;gap:8px}.library-ui-top span i{color:var(--pink)}.library-ui-top button{padding:9px 11px;border:0;border-radius:99px;background:var(--brand-gradient);color:#fff;font-weight:700;font-size:10px;font-family:"Inter",sans-serif;cursor:pointer;box-shadow:0 5px 12px rgba(200,34,79,.28)}.library-view{padding:18px}.asset-tools{display:flex;gap:9px}.asset-tools span{flex:1;padding:10px 12px;border:1px solid #eedfe6;border-radius:9px;color:#aa8b9a;font-size:9px}.asset-tools button{width:35px;border:1px solid #eedfe6;border-radius:9px;background:#fff;color:var(--plum)}.asset-tags{display:flex;gap:8px;margin:13px 0;font-size:8px}.asset-tags>*{padding:6px 9px;border-radius:99px;background:#f8f1f4;color:#8d7180}.asset-tags b{background:#fce2ec;color:var(--pink)}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.asset-card{position:relative;min-height:145px;padding:9px;display:flex;flex-direction:column;justify-content:space-between;border-radius:11px;overflow:hidden;color:#fff;transition:transform .22s,box-shadow .22s}.asset-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(113,27,70,.18)}.asset-card>span{align-self:flex-start;padding:4px 6px;border-radius:5px;background:rgba(255,255,255,.88);color:#3e2532;font-size:6px;font-weight:700}.asset-card div{padding:8px;border-radius:8px;background:rgba(37,15,28,.68);backdrop-filter:blur(7px)}.asset-card div small,.asset-card div b{display:block}.asset-card div small{font-size:9px;font-weight:700}.asset-card div b{margin-top:3px;color:#e9dce3;font-size:7px}.asset-one{background:radial-gradient(circle at 70% 25%,#ffb473 0 13%,transparent 14%),linear-gradient(135deg,#d42a72,#ff3d81 55%,#ff3d81)}.asset-two{background:linear-gradient(155deg,rgba(255,255,255,.2),transparent),linear-gradient(35deg,#39152f,#d52f69 55%,#ff9a68)}.asset-three{background:radial-gradient(circle at center,#e63a76 0 15%,#ed3972 16% 31%,#702063 32% 48%,#33152d 49%)}.asset-four{background:linear-gradient(145deg,#fde8f0,#fff 55%);color:var(--plum)}.asset-four::before{content:"";width:55px;height:55px;position:absolute;left:50%;top:43%;transform:translate(-50%,-50%) rotate(45deg);border-radius:17px;background:var(--brand-gradient);box-shadow:0 9px 23px rgba(245,47,87,.28)}
.library-ui:has(.library-image-view){min-height:0}.library-ui:has(.library-image-view)>.library-ui-top{display:none}.library-image-view,.brand-view.library-image-view{display:block;padding:0}.library-image-view[hidden],.brand-view.library-image-view[hidden]{display:none}.library-image-view img{display:block;width:100%;height:auto;aspect-ratio:3004/1798;object-fit:cover}
.brand-view{display:grid;grid-template-columns:115px 1fr;gap:0;padding:0}.brand-view[hidden],.vault-view[hidden]{display:none}.brand-view aside{padding:18px 10px;border-right:1px solid #f1e4ea;display:flex;flex-direction:column;gap:6px}.brand-view aside span{padding:9px;border-radius:7px;color:#9a7d8b;font-size:8px;font-weight:600}.brand-view aside .active{background:#fce8f0;color:var(--plum)}.brand-board{padding:25px 28px}.brand-board>small{color:var(--pink);font-size:7px;font-weight:700;letter-spacing:.14em}.brand-board h4{margin:9px 0 19px;font-size:31px;line-height:1.06;letter-spacing:-.045em}.voice-scale{display:grid;gap:8px}.voice-scale span{display:grid;grid-template-columns:1fr 55px;gap:10px;align-items:center}.voice-scale i{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--pink) var(--level),#f1e5ea var(--level))}.voice-scale b{font-size:8px}.brand-colors{display:flex;align-items:center;gap:7px;margin-top:20px}.brand-colors>span{width:32px;height:32px;border-radius:9px}.brand-colors>span:nth-child(1){background:var(--pink)}.brand-colors>span:nth-child(2){background:var(--red)}.brand-colors>span:nth-child(3){background:var(--orange)}.brand-colors>span:nth-child(4){background:var(--plum)}.brand-colors p{margin:0 0 0 5px}.brand-colors p>*{display:block}.brand-colors b{font-size:9px}.brand-colors small{color:#a18492;font-size:7px}.brand-rule{margin:20px 0 0;padding:12px;display:flex;gap:10px;border-radius:10px;background:#fff5f8;color:#745667}.brand-rule i{color:var(--pink)}.brand-rule span{font-size:8px;line-height:1.5}.brand-rule b{display:block;color:var(--plum);font-size:9px}
.workflow-fit{position:relative;z-index:1;margin-top:100px;padding-top:78px;display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;border-top:1px solid #ecdde4}.workflow-fit-copy h3{margin:12px 0;font-size:var(--step-4);line-height:var(--lh-heading);letter-spacing:-.05em}.workflow-fit-copy p{margin:0;color:var(--muted);font-size:var(--step--1);line-height:var(--lh-body)}.workflow-fit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.workflow-fit-grid article{min-height:175px;padding:20px 16px;display:flex;flex-direction:column;border:1px solid #efdfe6;border-radius:16px;background:#fff;transition:.22s}.workflow-fit-grid article:hover{transform:translateY(-5px);border-color:#f4a4c0;box-shadow:0 16px 30px rgba(113,27,70,.09)}.workflow-fit-grid i{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#ffebf2,#fff0e9);color:var(--pink)}.workflow-fit-grid strong{margin-top:auto;font-size:var(--step-1)}.workflow-fit-grid small{margin-top:5px;color:var(--text-tertiary);font-size:var(--step--2);line-height:var(--lh-body)}
.platform-row{position:relative;z-index:1;margin-top:75px;padding:34px 0 0;border-top:1px solid #ecdde4;text-align:center}.platform-row>span{color:var(--text-tertiary);font-size:var(--step--2);font-weight:600;letter-spacing:.13em;text-transform:uppercase}.platform-row>div{margin-top:20px;display:flex;justify-content:center;gap:9px}.platform-row b{padding:11px 15px;border:1px solid #ead9e1;border-radius:99px;background:#fff;color:var(--text-secondary);font-size:var(--step--1);box-shadow:0 5px 15px rgba(113,27,70,.04)}.platform-row b i{margin-right:6px;color:var(--pink);font-size:12px}
.accountability-section{position:relative;padding:125px max(32px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:.78fr 1.22fr;gap:90px;align-items:center;overflow:hidden;background:transparent}.accountability-section::after{content:"";position:absolute;right:-160px;bottom:-40px;width:620px;height:520px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,61,129,.12),rgba(255,61,129,.06) 43%,transparent 68%);filter:blur(20px)}.accountability-copy,.audit-visual{position:relative;z-index:1}.accountability-kicker{color:var(--pink);font-size:var(--step--2);font-weight:600;letter-spacing:.14em;text-transform:uppercase}.accountability-copy h2{margin:14px 0 18px;font-size:var(--step-5);line-height:var(--lh-tight);letter-spacing:-.06em}.accountability-copy h2 span{color:var(--text-tertiary)}.accountability-copy>p{margin:0 0 29px;color:var(--muted);font-size:var(--step-0);line-height:var(--lh-body)}.accountability-points{display:grid;gap:10px}.accountability-points article{padding:13px;display:grid;grid-template-columns:39px 1fr;gap:12px;align-items:center;border:1px solid #e6c9d6;border-radius:13px;background:rgba(255,255,255,.7)}.accountability-points article>i{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#ffdce8,#ffeee8);color:var(--pink)}.accountability-points strong,.accountability-points small{display:block}.accountability-points strong{font-size:var(--step-1)}.accountability-points small{margin-top:4px;color:var(--text-secondary);font-size:var(--step--2)}.accountability-link{margin-top:26px;display:inline-flex;align-items:center;gap:10px;color:var(--plum);font-size:var(--step--1);font-weight:600;text-decoration:none}.accountability-link>span{position:relative;width:25px;height:25px;border-radius:50%;background:var(--brand-gradient)}.accountability-link>span i::before{content:"";position:absolute;left:7px;top:12px;width:10px;border-top:1.5px solid #fff}.accountability-link>span i::after{content:"";position:absolute;right:7px;top:9px;width:5px;height:5px;border-top:1.5px solid #fff;border-right:1.5px solid #fff;transform:rotate(45deg)}
.audit-visual{padding:25px 0 18px}.audit-window{border:1px solid #ebd9e2;border-radius:20px;background:#fff;box-shadow:0 35px 80px rgba(88,32,61,.15);overflow:hidden}.audit-window>header{height:65px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1e5ea}.audit-window>header>div{display:flex;align-items:center;gap:10px}.audit-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--brand-gradient)}.audit-mark i{width:11px;height:11px;border:2px solid #fff;border-radius:4px}.audit-window header p{margin:0}.audit-window header p>*{display:block}.audit-window header small{color:#aa8b9a;font-size:6px;font-weight:700;letter-spacing:.1em}.audit-window header strong{margin-top:3px;font-size:11px}.audit-live{padding:7px 9px;border-radius:99px;background:#fff0f4;color:var(--pink);font-size:7px;font-weight:700}.audit-live i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:var(--pink)}.audit-summary{margin:16px 18px;padding:12px 14px;display:flex;align-items:center;border-radius:12px;background:#faf4f7}.audit-avatars{display:flex}.audit-avatars span{width:27px;height:27px;margin-right:-6px;display:grid;place-items:center;border:2px solid #faf4f7;border-radius:50%;background:var(--plum);color:#fff;font-size:7px;font-weight:700}.audit-avatars span:nth-child(2){background:var(--pink)}.audit-avatars span:nth-child(3){background:var(--orange)}.audit-summary p{margin:0 0 0 13px}.audit-summary p>*{display:block}.audit-summary strong{font-size:9px}.audit-summary small{color:#9c7f8d;font-size:7px}.audit-summary>b{margin-left:auto;color:var(--pink);font-size:12px}.audit-timeline{position:relative;padding:2px 18px 10px}.audit-timeline::before{content:"";position:absolute;left:35px;top:20px;bottom:28px;border-left:1px solid #eadce3}.audit-timeline article{position:relative;padding:10px 0;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center}.timeline-icon{z-index:1;width:34px;height:34px;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;background:#f0e4ea;color:var(--plum);font-size:7px;font-weight:700}.agent-event{background:#ffe6ef;color:var(--pink)}.human-event{background:#eadffb;color:#7449ba}.comment-event{background:#ffeadf;color:#e86435}.approved-event{background:#dff6e8;color:#24a35d}.audit-timeline p{margin:0;color:#735665;font-size:9px}.audit-timeline p strong{color:#35212c}.audit-timeline small{color:#ae929f;font-size:7px}.audit-timeline article>b{padding:5px 7px;border-radius:6px;background:#f7f0f4;color:#8e7180;font-size:6px}.audit-timeline .audit-approved>b{background:#e4f7eb;color:#239655}.audit-window>footer{padding:13px 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1e5ea}.audit-window>footer span{color:#967987;font-size:7px}.audit-window>footer span i{margin-right:5px;color:var(--pink)}.audit-window>footer button{padding:9px 11px;border:0;border-radius:8px;background:var(--plum);color:#fff;font-weight:700;font-size:8px;font-family:"Inter",sans-serif}.approval-stamp{position:absolute;right:-22px;bottom:-5px;padding:12px 16px 12px 12px;display:flex;gap:10px;align-items:center;border:1px solid #f0dce4;border-radius:14px;background:#fff;box-shadow:0 18px 40px rgba(77,25,53,.18)}.approval-stamp>span{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#39c872,#6edb8e);color:#fff}.approval-stamp p{margin:0}.approval-stamp p>*{display:block}.approval-stamp small{color:#a28392;font-size:6px}.approval-stamp strong{font-size:10px}.approval-stamp b{color:#28a15b;font-size:7px}
.content-hub-section{padding:var(--section-y) max(var(--space-xl),calc((100vw - 1180px)/2));background:transparent;color:var(--ink)}.hub-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-3xl);align-items:end}.hub-heading>div:first-child>span{color:var(--pink);font-size:var(--step--2);font-weight:600;letter-spacing:.14em;text-transform:uppercase}.hub-heading h2{margin:calc(var(--space-sm) - .08em) 0 0 -.04em;font-size:var(--step-5);line-height:var(--lh-tight);letter-spacing:-.06em}.hub-heading p{margin:0;color:var(--muted);font-size:var(--step-0);line-height:var(--lh-body)}.hub-heading a{margin-top:var(--space-lg);display:inline-flex;gap:var(--space-xs);color:var(--plum);font-size:var(--step--1);font-weight:600;text-decoration:none}.hub-filters{margin:var(--header-gap) 0 var(--space-lg);display:flex;gap:var(--space-xs)}.hub-filters button{padding:var(--space-xs) var(--space-md);border:1px solid #eadce3;border-radius:99px;background:#fff;color:var(--text-secondary);font-weight:700;font-size:var(--step--1);font-family:"Inter",sans-serif;cursor:pointer}.hub-filters button.active{border-color:transparent;background:var(--plum);color:#fff}.hub-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:15px}.hub-card{display:flex;flex-direction:column;border:1px solid #ecdde4;border-radius:19px;background:#fff;color:inherit;text-decoration:none;overflow:hidden;transition:.25s}.hub-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px rgba(84,29,58,.12)}.hub-card.filtered-out{display:none}.hub-art{position:relative;height:230px;padding:24px;overflow:hidden}.hub-art-one{height:270px;background:linear-gradient(135deg,#35142c,#7a1d4d 50%,#ff3d81)}.hub-art-one::after{content:"";position:absolute;width:230px;height:230px;right:-45px;top:-50px;border-radius:50%;background:radial-gradient(circle,#ffb16e,#ff526d 45%,transparent 46%)}.hub-art-one strong{position:absolute;z-index:2;left:25px;bottom:25px;color:#fff;font-size:25px;line-height:1.02}.hub-pixel{position:absolute;z-index:3;width:15px;height:15px;border:3px solid #fff}.hub-pixel.p1{left:25px;top:25px}.hub-pixel.p2{left:46px;top:25px;border-color:#ff9d71}.hub-pixel.p3{left:25px;top:46px;border-color:#ff5c91}.hub-art-two{display:flex;justify-content:center;align-items:center;gap:9px;background:linear-gradient(145deg,#ffedf3,#fff2ec)}.hub-art-two>i{position:absolute;color:rgba(255,61,129,.13);font-size:110px}.hub-art-two span{z-index:1;width:48px;height:68px;display:grid;place-items:center;border-radius:13px;background:#fff;color:var(--pink);font-size:10px;font-weight:700;box-shadow:0 10px 22px rgba(113,27,70,.1)}.hub-art-two span:nth-of-type(2){transform:translateY(-18px);background:var(--brand-gradient);color:#fff}.hub-art-three{display:flex;flex-direction:column;justify-content:center;gap:7px;background:#35142c}.hub-art-three span{width:max-content;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:7px;color:#fff;font-size:8px;font-weight:700}.hub-art-three span:nth-child(2){margin-left:28px;background:rgba(255,61,129,.22)}.hub-art-three span:nth-child(3){margin-left:55px}.hub-art-three i{position:absolute;right:25px;top:28px;color:var(--orange);font-size:28px}.hub-card-copy{padding:20px}.hub-card-copy>span{color:var(--pink);font-size:var(--step--2);font-weight:600;letter-spacing:.11em}.hub-card-copy>span b{margin-left:7px;color:var(--text-tertiary)}.hub-card-copy h3{margin:10px 0 0;font-size:var(--step-2);line-height:var(--lh-subhead)}.hub-featured .hub-card-copy h3{font-size:var(--step-3);line-height:var(--lh-subhead)}.hub-card-copy p{color:var(--text-secondary);font-size:var(--step--1);line-height:var(--lh-body)}.hub-card-copy em{margin-top:18px;display:flex;gap:7px;color:var(--plum);font-size:var(--step--1);font-style:normal;font-weight:600}.hub-newsletter{margin-top:70px;padding:25px 27px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:18px;background:linear-gradient(120deg,#3b152f,#751b4b);color:#fff}.hub-newsletter>div{display:flex;align-items:center;gap:14px}.newsletter-mark{width:42px;height:42px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;padding:8px;border-radius:12px;background:var(--brand-gradient)}.newsletter-mark i{border-radius:3px;background:#fff}.newsletter-mark i:last-child{grid-column:span 2}.hub-newsletter p{margin:0}.hub-newsletter p>*{display:block}.hub-newsletter small{color:#ff9fc1;font-size:var(--step--2);font-weight:600}.hub-newsletter strong{font-size:var(--step-1)}.hub-newsletter form{display:flex;gap:7px}.hub-newsletter input{width:220px;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(255,255,255,.1);color:#fff;font-weight:500;font-size:var(--step--1);font-family:"Inter",sans-serif;outline:none}.hub-newsletter button{padding:12px 14px;border:0;border-radius:9px;background:#fff;color:var(--plum);font-weight:700;font-size:var(--step--1);font-family:"Inter",sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pricing-section{position:relative;padding:var(--section-y) max(var(--space-xl),calc((100vw - 1240px)/2));overflow:hidden;background:transparent;color:var(--ink)}.pricing-section::before{content:"";position:absolute;left:50%;top:85px;width:760px;height:380px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(255,61,129,.11),rgba(255,61,129,.05) 45%,transparent 72%);filter:blur(30px);pointer-events:none}.pricing-heading{position:relative;z-index:1;max-width:720px;margin:auto;text-align:center}.pricing-heading>span{color:var(--pink);font-size:var(--step--2);font-weight:600;letter-spacing:.14em;text-transform:uppercase}.pricing-heading h2{margin:calc(var(--space-sm) - .08em) 0 var(--space-md);font-size:var(--step-5);line-height:var(--lh-tight);letter-spacing:-.06em}.pricing-heading>p{max-width:590px;margin:0 auto;color:var(--muted);font-size:var(--step-0);line-height:var(--lh-body)}.billing-toggle{width:max-content;margin:var(--space-lg) auto 0;padding:var(--space-2xs);display:flex;border:1px solid #eddce4;border-radius:13px;background:#fff;box-shadow:0 10px 25px rgba(113,27,70,.07)}.billing-toggle button{padding:var(--space-xs) var(--space-md);border:0;border-radius:9px;background:transparent;color:var(--text-secondary);font-weight:700;font-size:var(--step--1);font-family:"Inter",sans-serif;cursor:pointer}.billing-toggle button.active{background:var(--plum);color:#fff}.billing-toggle small{margin-left:var(--space-2xs);color:var(--pink);font-size:var(--step--2)}.billing-toggle button.active small{color:#ffb3ce}.pricing-grid{position:relative;z-index:1;margin-top:var(--header-gap);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);align-items:stretch}.price-card{--tier-a:#ff7aae;--tier-b:#ff4a88;position:relative;min-width:0;display:flex;align-items:stretch;--tag-w:62px;padding-left:calc(var(--tag-w) - var(--space-lg));transition:transform .26s}.price-card:hover{transform:translateY(-7px)}.price-card .price-tag{position:absolute;z-index:0;left:0;top:var(--space-lg);bottom:var(--space-lg);width:var(--tag-w);padding:0 var(--space-lg) 0 var(--space-2xs); /* optical: centres the rotated label on the visible strip */display:flex;align-items:center;justify-content:center;border-radius:17px 0 0 17px;background:linear-gradient(to top right,var(--tier-a),var(--tier-b));box-shadow:0 9px 25px color-mix(in srgb,var(--tier-a) 38%,transparent)}.price-card .price-tag span{writing-mode:vertical-rl;transform:rotate(180deg);color:#fff;font-size:var(--step-0);font-weight:600;letter-spacing:.05em}.price-card-body{position:relative;z-index:1;width:100%;padding:var(--space-xl) var(--space-lg);border:1px solid #ebdce3;border-radius:21px;background:#fff;box-shadow:0 20px 48px rgba(87,30,59,.1)}.price-card-top{display:flex;align-items:center;justify-content:space-between}.price-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--tier-a) 12%,white);color:var(--tier-a)}.price-card-top>small{color:var(--text-tertiary);font-size:var(--step--2);font-weight:600;letter-spacing:.1em}.price-card h3{margin:var(--space-lg) 0 var(--space-xs);font-size:var(--step-2);letter-spacing:-.045em;line-height:var(--lh-subhead)}.price-value{min-height:41px;margin:0;display:flex;align-items:flex-start;color:var(--tier-a)}.price-value sup{margin:var(--space-2xs) var(--space-2xs) 0 0;font-size:var(--step-0);font-weight:600}.price-value strong{font-size:var(--step-4);line-height:var(--lh-heading);letter-spacing:-.06em}.price-value span{align-self:flex-end;margin:0 0 var(--space-2xs) var(--space-xs);color:var(--text-tertiary);font-size:var(--step--2);font-weight:600}.price-description{min-height:48px;margin:var(--space-md) 0 var(--space-lg);color:var(--text-secondary);font-size:var(--step--1);line-height:var(--lh-body)}.price-card ul{min-height:175px;margin:0 0 var(--space-lg);padding:var(--space-lg) 0 0;display:grid;gap:var(--space-sm);border-top:1px solid #f0e3e9;list-style:none}.price-card li{display:flex;gap:var(--space-sm);align-items:center;color:#55404b;font-size:var(--step--1);line-height:var(--lh-body);text-align:left}.price-card li i{width:18px;height:18px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:color-mix(in srgb,var(--tier-a) 12%,white);color:var(--tier-a);font-size:6px}.price-card-body>a{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);border-radius:10px;background:linear-gradient(to top right,var(--tier-a),var(--tier-b));box-shadow:0 7px 17px color-mix(in srgb,var(--tier-a) 28%,transparent);color:#fff;font-size:var(--step--1);font-weight:600;text-decoration:none;transition:.22s}.price-card-body>a:hover{transform:translateY(-3px);box-shadow:0 11px 24px color-mix(in srgb,var(--tier-a) 38%,transparent)}.price-team{--tier-a:#c8224f;--tier-b:#ff3d81}.price-scale{--tier-a:#8a1440;--tier-b:#c8224f}.price-team.featured .price-card-body{border-color:#d8bdea;box-shadow:0 25px 60px rgba(117,49,146,.16)}.popular-pill{position:absolute;z-index:3;right:var(--space-md);top:-12px;padding:var(--space-xs) var(--space-sm);border-radius:99px;background:linear-gradient(135deg,#d42a72,#ff3d81);box-shadow:0 7px 17px rgba(212,42,114,.25);color:#fff;font-size:var(--step--2);font-weight:600}.price-custom{align-items:center}.price-custom strong{font-size:var(--step-3);letter-spacing:-.04em;line-height:var(--lh-subhead)}.pricing-note{position:relative;z-index:1;margin:var(--space-xl) 0 0;text-align:center;color:var(--text-tertiary);font-size:var(--step--2)}.pricing-note i{margin-right:var(--space-xs);color:var(--pink)}
.faq-section{padding:var(--section-y) max(var(--space-xl),calc((100vw - 1080px)/2));display:grid;grid-template-columns:.65fr 1.35fr;gap:var(--space-3xl);background:#fff;color:var(--ink)}.faq-intro>span{color:var(--pink);font-size:var(--step--2);font-weight:600;letter-spacing:.14em;text-transform:uppercase}.faq-intro h2{margin:calc(var(--space-sm) - .08em) 0 var(--space-md) -.04em;font-size:var(--step-5);line-height:var(--lh-tight);letter-spacing:-.055em}.faq-intro>p{margin:0;color:var(--muted);font-size:var(--step-0);line-height:var(--lh-body)}.faq-intro>a{margin-top:var(--space-lg);display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--plum);font-size:var(--step--1);font-weight:600;text-decoration:none}.faq-intro>a>span{position:relative;width:25px;height:25px;border-radius:50%;background:var(--brand-gradient)}.faq-intro>a>span i::before{content:"";position:absolute;left:7px;top:12px;width:10px;border-top:1.5px solid #fff}.faq-intro>a>span i::after{content:"";position:absolute;right:7px;top:9px;width:5px;height:5px;border-top:1.5px solid #fff;border-right:1.5px solid #fff;transform:rotate(45deg)}.faq-list{border-top:1px solid #eadde3}.faq-item{border-bottom:1px solid #eadde3}.faq-item h3{margin:0}.faq-item button{width:100%;padding:var(--space-lg) var(--space-2xs);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);border:0;background:transparent;color:var(--ink);font-weight:700;font-size:var(--step-1);font-family:"Inter",sans-serif;text-align:left;cursor:pointer}.faq-item button>i{position:relative;width:26px;height:26px;margin-top:calc((1.5em - 30px) / 2); /* optical: centre the circle on the first line, not the whole box */flex:0 0 auto;border-radius:50%;background:#f9edf2;transition:.3s}.faq-item button>i::before,.faq-item button>i::after{content:"";position:absolute;left:8px;top:12px;width:10px;border-top:1.5px solid var(--plum);transition:transform .3s}.faq-item button>i::after{transform:rotate(90deg)}.faq-item.open button{color:var(--pink)}.faq-item.open button>i{background:var(--brand-gradient);transform:rotate(180deg)}.faq-item.open button>i::before,.faq-item.open button>i::after{border-color:#fff}.faq-item.open button>i::after{transform:rotate(0)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.22,1,.36,1)}.faq-answer>p{min-height:0;margin:0;overflow:hidden;color:var(--text-secondary);font-size:var(--step-0);line-height:var(--lh-body)}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer>p{padding:0 calc(var(--space-2xs) + 30px) var(--space-lg) var(--space-2xs)}
.final-cta-section{position:relative;min-height:650px;display:grid;place-items:center;overflow:hidden;background:#fff;color:#fff}.final-cta-section::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff 0%,#fff7fa 13%,#ffbad0 38%,#ff5489 65%,#f53662 82%,#d42a5f 100%)}.final-cta-glow{position:absolute;width:min(900px,90vw);height:470px;border-radius:50%;background:radial-gradient(ellipse,#ff2f79 0%,#f52f57 42%,rgba(255,61,129,.65) 62%,transparent 74%);filter:blur(35px);animation:finalBreathe 5.5s ease-in-out infinite}.final-cta-content{position:relative;z-index:2;padding:var(--section-y) var(--space-lg);text-align:center;text-shadow:0 2px 18px rgba(101,20,57,.12)}.final-cta-mark{width:48px;height:48px;margin:0 auto 22px;padding:9px;display:grid;grid-template-columns:1fr 1fr;gap:4px;border:1px solid rgba(255,255,255,.55);border-radius:14px;background:rgba(255,255,255,.16);box-shadow:inset 0 1px rgba(255,255,255,.35);backdrop-filter:blur(10px)}.final-cta-mark i{border-radius:4px;background:#fff}.final-cta-content>p{margin:0;font-size:var(--step--2);font-weight:600;letter-spacing:.17em}.final-cta-content h2{margin:calc(var(--space-sm) - .08em) 0 var(--space-md);font-size:var(--step-6);line-height:var(--lh-tight);letter-spacing:-.065em}.final-cta-copy{display:block;font-size:var(--step-0)}.final-cta-actions{margin-top:var(--space-lg);display:flex;justify-content:center;align-items:center;gap:var(--space-sm)}.final-cta-actions>a{min-height:46px;padding:0 var(--space-lg);display:inline-flex;align-items:center;justify-content:center;border-radius:11px;font-size:var(--step--1);font-weight:600;text-decoration:none;transition:.25s}.final-primary{gap:var(--space-xs);background:#fff;color:var(--plum);box-shadow:0 13px 28px rgba(92,20,54,.22)}.final-primary>span{position:relative;width:22px;height:22px;border-radius:50%;background:var(--brand-gradient)}.final-primary>span i::before{content:"";position:absolute;left:6px;top:10px;width:9px;border-top:1.5px solid #fff}.final-primary>span i::after{content:"";position:absolute;right:6px;top:7px;width:5px;height:5px;border-top:1.5px solid #fff;border-right:1.5px solid #fff;transform:rotate(45deg)}.final-secondary{border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.13);color:#fff;backdrop-filter:blur(8px)}.final-cta-actions>a:hover{transform:translateY(-4px)}.final-cta-content>small{display:block;margin-top:var(--space-md);color:rgba(255,255,255,.8);font-size:var(--step--2)}@keyframes finalBreathe{0%,100%{transform:scale(.94);opacity:.84}50%{transform:scale(1.08);opacity:1}}
.site-footer{padding:var(--section-y) max(var(--space-xl),calc((100vw - 1180px)/2)) var(--space-lg);background:#2f1429;color:#fff}.footer-main{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:55px}.footer-logo{display:flex;align-items:center;gap:10px;color:#fff;font-size:var(--step-1);font-weight:600;text-decoration:none}.footer-logo .brand-mark{width:30px;height:30px}.footer-brand>p{max-width:245px;margin:17px 0;color:#bda8b4;font-size:var(--step--1);line-height:var(--lh-body)}.footer-socials{display:flex;gap:7px}.footer-socials a{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:rgba(255,255,255,.05);color:#fff;font-size:11px;text-decoration:none;transition:.2s}.footer-socials a:hover{transform:translateY(-3px);border-color:#ff6599;background:rgba(255,61,129,.16)}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-links strong{margin-bottom:5px;color:#fff;font-size:var(--step-1)}.footer-links a{width:max-content;color:#bda8b4;font-size:var(--step--2);text-decoration:none;transition:.2s}.footer-links a:hover{color:#ff7da8;transform:translateX(2px)}.footer-bottom{margin-top:65px;padding-top:20px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);color:var(--text-tertiary);font-size:var(--step--2)}.footer-bottom i{color:var(--pink)}
.shared-post-card:hover { transform: translateY(-3px); box-shadow: 0 34px 72px rgba(15,4,11,.35),0 0 36px rgba(255,61,129,.16); }
.shared-post-card>header { padding: 13px 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #f0e4e9; background: #fffcfd; font-size: 8px; font-weight:700; }.shared-post-card>header span { display:flex;align-items:center;gap:7px }.shared-post-card>header span i {color:var(--pink)}.shared-post-card>header small { color: #ad96a1; font-size: 6px; }
.shared-post-body { padding: 18px; }.post-state { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 14px; padding: 5px 8px; border-radius: 99px; background: #fff5dc; color: #a16d13; font-size:var(--step--2); font-weight:600; }.post-state i { width:6px;height:6px;border-radius:50%;background:#f0a829 }.shared-post-body>small { display:block;color:#aa929e;font-size:5.5px;font-weight:700;letter-spacing:.12em }.shared-post-body>h3 { margin:5px 0 13px;font-size:16px;letter-spacing:-.035em }
.shared-media { position:relative;height:128px;padding:18px;display:flex;align-items:flex-end;justify-content:space-between;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.28),transparent 25%),linear-gradient(135deg,#e92870,#f52f57 52%,#ff3d81);color:#fff }.media-brand {align-self:flex-start;font-size:7px;font-weight:700}.shared-media>strong {font-size:16px;line-height:1.04;text-align:right}.media-tag {position:absolute;right:10px;top:10px;padding:4px 6px;border-radius:99px;background:rgba(255,255,255,.18);font-size:5px;font-weight:700;letter-spacing:.08em}
.shared-versions { display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px }.shared-versions>span {padding:8px;display:flex;align-items:center;gap:5px;border:1px solid #eee2e7;border-radius:9px;color:#65505c;font-size:6px;font-weight:700}.shared-versions>span i {color:var(--pink);font-size:8px}.shared-versions b {margin-left:auto;color:#2c9869;font-size:5.5px}
.shared-post-card>footer { padding:12px 15px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0e4e9;background:#fffcfd }.shared-post-card>footer>span {display:flex;align-items:center;gap:7px;color:#816b76;font-size:6.5px}.shared-post-card>footer>span i {color:var(--pink)}.shared-post-card>footer button {padding:8px 10px;display:flex;align-items:center;gap:7px;border:0;border-radius:8px;background:var(--brand-gradient);color:#fff;font-size:6.5px;font-weight:700}
.decision-row { margin-top:15px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px }.decision-row article {padding:11px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(255,255,255,.07)}.decision-icon {width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:#fff}.approved-decision{background:linear-gradient(145deg,#28ad76,#67d276)}.scheduled-decision{background:var(--brand-gradient)}.decision-row p{margin:0}.decision-row small{display:block;margin-bottom:3px;color:#bca6b3;font-size:5.5px;font-weight:700;letter-spacing:.09em}.decision-row strong{display:block;font-size:8px}.decision-arrow{color:#ff7ca3;font-size:14px}

/* Branded Humans + Agents treatment: luminous bullets and solid gummy shapes. */
.agents-list{gap:18px 24px}.agents-list li{position:relative;padding:3px 0;grid-template-columns:42px 1fr;gap:12px;border:0;border-radius:0;background:transparent}.agents-list>li>i{width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#ff3d81,#f52f57 52%,#ff3d81);color:#fff;font-size:12px;box-shadow:0 0 0 6px rgba(255,61,129,.08),0 7px 18px rgba(245,47,87,.28)}.agents-list li:nth-child(2)>i{background:linear-gradient(145deg,#ff3d81,#f52f57)}.agents-list li:nth-child(3)>i{background:linear-gradient(145deg,#9b5cf6,#ff3d81)}.agents-list li:nth-child(4)>i{background:linear-gradient(145deg,#f52f57,#ff3d81)}.agents-list strong{font-size:var(--step-1)}.agents-list small{font-size:var(--step--2);line-height:var(--lh-body)}.agents-principle{position:relative;margin-top:27px!important;padding:15px 17px 15px 20px;border:0;border-radius:0 14px 14px 0;background:linear-gradient(90deg,#6e1948 0%,#55183e 72%,transparent);box-shadow:-4px 0 0 #ff3d81}.agents-principle::after{content:"";position:absolute;right:12px;top:50%;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle,rgba(255,61,129,.24),transparent 70%);transform:translateY(-50%)}
.actor-row{gap:34px}.actor-card{padding:14px 15px;border:0;border-radius:18px;background:linear-gradient(120deg,#f23275,#f52f57 58%,#ff654f);box-shadow:0 16px 32px rgba(17,4,13,.28),0 8px 24px rgba(245,47,87,.18);backdrop-filter:none;overflow:hidden}.actor-card::after{content:"";position:absolute;right:-26px;top:-36px;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.1)}.agent-actor{background:linear-gradient(120deg,#8b3f9e,#c93483 50%,#ff3d81);box-shadow:0 16px 32px rgba(17,4,13,.28),0 8px 24px rgba(255,61,129,.16)}.actor-card:hover{transform:translateY(-5px) scale(1.015);border-color:transparent;background:linear-gradient(120deg,#ff4384,#ff365f 58%,#ff7658);box-shadow:0 20px 38px rgba(17,4,13,.32),0 0 30px rgba(255,61,129,.2)}.agent-actor:hover{background:linear-gradient(120deg,#9b49ae,#dc3b8f 50%,#ff8858)}.actor-avatar,.agent-actor .actor-avatar{z-index:1;background:#fff;color:var(--pink);box-shadow:0 7px 16px rgba(69,10,39,.2)}.agent-actor .actor-avatar{color:#c53c7e}.actor-card>div,.actor-check{position:relative;z-index:1}.actor-card small{color:rgba(255,255,255,.7)}.actor-card strong{color:#fff}.actor-card p{color:rgba(255,255,255,.84)}.actor-check{background:#fff;color:#25a565;box-shadow:0 5px 13px rgba(65,10,35,.17)}
.decision-row{gap:12px}.decision-row article{position:relative;padding:12px 14px;border:0;border-radius:16px;background:linear-gradient(120deg,#6f1b4a,#8d2058);box-shadow:0 12px 25px rgba(17,4,13,.22);overflow:hidden}.decision-row article:last-child{background:linear-gradient(120deg,#cf316f,#f52f57 52%,#ff3d81)}.decision-row article::after{content:"";position:absolute;right:-18px;top:-28px;width:75px;height:75px;border-radius:50%;background:rgba(255,255,255,.07)}.decision-row small{position:relative;z-index:1;color:#e6bacc}.decision-row article:last-child small{color:rgba(255,255,255,.72)}.decision-row strong{position:relative;z-index:1;color:#fff}.decision-icon{position:relative;z-index:1;border-radius:50%;box-shadow:0 6px 15px rgba(18,5,13,.18)}.decision-arrow{font-size:0}.decision-arrow::after{content:"";display:block;width:26px;height:10px;background:linear-gradient(90deg,var(--pink),var(--orange));clip-path:polygon(0 42%,65% 42%,65% 0,100% 50%,65% 100%,65% 58%,0 58%)}

.agents-list>li>i{width:36px;height:36px;background:linear-gradient(to top right,#e92870,#f52f57 52%,#ff3d81);font-size:13px;box-shadow:0 5px 15px rgba(233,40,112,.4),5px 0 20px rgba(255,61,129,.36),-5px 0 20px rgba(255,61,129,.36)}
.actor-card::after,.decision-row article::after,.agents-principle::after{content:none}
.actor-avatar,.agent-actor .actor-avatar{width:36px;height:36px;border-radius:50%;background:#fff;color:var(--pink);box-shadow:0 5px 15px rgba(71,14,44,.28),5px 0 18px rgba(255,255,255,.15),-5px 0 18px rgba(255,255,255,.15)}
.agent-actor .actor-avatar{color:#c53c7e}
.actor-check{width:30px;height:30px;background:#fff;color:var(--pink);font-size:10px;box-shadow:0 5px 15px rgba(71,14,44,.28),5px 0 18px rgba(255,255,255,.14),-5px 0 18px rgba(255,255,255,.14)}
.decision-icon,.approved-decision,.scheduled-decision{width:36px;height:36px;border-radius:50%;background:#fff;color:var(--pink);font-size:12px;box-shadow:0 5px 15px rgba(71,14,44,.28),5px 0 18px rgba(255,255,255,.14),-5px 0 18px rgba(255,255,255,.14)}
.approved-decision{color:var(--plum)}.scheduled-decision{color:var(--pink)}

.library-switcher{padding:var(--space-xs);gap:var(--space-xs);border:0;border-radius:22px;background:#fff;}
.library-tab{position:relative;isolation:isolate;overflow:hidden;min-height:72px;padding:var(--space-sm) var(--space-md);border-radius:17px;transition:transform .38s cubic-bezier(.22,1.45,.36,1),background .25s ease,color .25s ease,box-shadow .25s ease}
.library-tab:not(.active):hover{background:#fff0f5;transform:translateY(-3px) scale(1.025);box-shadow:0 8px 18px rgba(113,27,70,.08)}
.library-tab.active{background:var(--brand-gradient);box-shadow:0 11px 24px rgba(200,34,79,.28),inset 0 1px rgba(255,255,255,.26),inset 0 -2px rgba(122,16,54,.1);animation:libraryGummyIn .55s cubic-bezier(.22,1.45,.36,1)}
.library-tab>i{width:42px;height:42px;border-radius:14px;transition:transform .38s cubic-bezier(.22,1.45,.36,1),background .25s}.library-tab:hover>i{transform:rotate(-4deg) scale(1.08)}.library-tab.active>i{background:rgba(255,255,255,.2);box-shadow:inset 0 1px rgba(255,255,255,.25),0 5px 12px rgba(125,20,62,.12)}
.library-copy li{gap:var(--space-sm)}.library-copy li i{width:28px;height:28px;flex:0 0 auto;background:linear-gradient(to top right,#e92870,#f52f57 52%,#ff3d81);color:#fff;font-size:9px;box-shadow:0 5px 15px rgba(233,40,112,.35),4px 0 16px rgba(255,61,129,.28),-4px 0 16px rgba(255,61,129,.28)}
@keyframes libraryGummyIn{0%{transform:scale(.9,.82)}48%{transform:scale(1.035,1.08)}72%{transform:scale(.985,.97)}100%{transform:scale(1)}}
.workflow-fit{border-top:0}.workflow-fit::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:99px;background:linear-gradient(90deg,transparent,#ff3d81 22%,#f52f57 50%,#ff3d81 78%,transparent);opacity:.28;filter:blur(1px)}
.workflow-fit-grid{gap:14px}.workflow-fit-grid article{position:relative;isolation:isolate;min-height:180px;padding:20px 17px;border:0;border-radius:20px;background:linear-gradient(145deg,#f23375,#f52f57 58%,#ff6d50);color:#fff;box-shadow:0 15px 30px rgba(245,47,87,.18),inset 0 1px rgba(255,255,255,.25),inset 0 -3px rgba(126,18,58,.08);overflow:hidden;transition:transform .42s cubic-bezier(.22,1.45,.36,1),box-shadow .25s,filter .25s}.workflow-fit-grid article:nth-child(2){background:linear-gradient(145deg,#d42a72,#c83b9a 48%,#f0447f)}.workflow-fit-grid article:nth-child(3){background:linear-gradient(145deg,#711b46,#ad2869 52%,#e33d78)}.workflow-fit-grid article:nth-child(4){background:linear-gradient(145deg,#ef3a70,#f55259 48%,#ff3d81)}.workflow-fit-grid article::before{content:"";position:absolute;z-index:-1;left:12%;right:12%;top:-23px;height:42px;border-radius:50%;background:rgba(255,255,255,.17);filter:blur(2px)}.workflow-fit-grid article:hover{transform:translateY(-7px) scale(1.035,.985);border-color:transparent;box-shadow:0 22px 40px rgba(113,27,70,.25),0 0 24px rgba(255,61,129,.13);filter:brightness(1.07)}.workflow-fit-grid i{width:40px;height:40px;border-radius:50%;background:#fff;color:var(--pink);box-shadow:0 5px 15px rgba(75,14,44,.25),5px 0 18px rgba(255,255,255,.13),-5px 0 18px rgba(255,255,255,.13)}.workflow-fit-grid article:nth-child(2) i{color:#d42a72}.workflow-fit-grid article:nth-child(3) i{color:var(--plum)}.workflow-fit-grid article:nth-child(4) i{color:var(--orange)}.workflow-fit-grid strong{font-size:var(--step-1);color:#fff}.workflow-fit-grid small{color:rgba(255,255,255,.76);font-size:var(--step--2)}
.platform-row{border-top:0}.platform-row::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#e8b8cc,transparent)}.platform-row>div{gap:11px;flex-wrap:wrap}.platform-row b{position:relative;padding:12px 17px;border:0;border-radius:99px;background:linear-gradient(135deg,#e92d70,#f52f57 55%,#ff3d81);color:#fff;box-shadow:0 8px 18px rgba(245,47,87,.2),inset 0 1px rgba(255,255,255,.25),inset 0 -2px rgba(121,16,55,.09);transition:transform .38s cubic-bezier(.22,1.45,.36,1),filter .2s,box-shadow .2s}.platform-row b:nth-child(2),.platform-row b:nth-child(5){background:linear-gradient(135deg,#7d2b79,#b7358d 55%,#e54082)}.platform-row b:nth-child(3),.platform-row b:nth-child(6){background:linear-gradient(135deg,#f13a79,#f2545e 52%,#ff3d81)}.platform-row b:nth-child(4){background:linear-gradient(135deg,#d42a72,#c13c9c 58%,#e94081)}.platform-row b:hover{transform:translateY(-4px) scale(1.07,.96);filter:brightness(1.09);box-shadow:0 13px 25px rgba(113,27,70,.24)}.platform-row b i{margin-right:7px;color:#fff;font-size:12px}

.accountability-points{gap:18px}.accountability-points article{padding:2px 0;grid-template-columns:44px 1fr;gap:14px;border:0;border-radius:0;background:transparent}.accountability-points article>i{width:38px;height:38px;border-radius:50%;background:linear-gradient(to top right,#e92870,#f52f57 52%,#ff3d81);color:#fff;font-size:12px;box-shadow:0 5px 15px rgba(233,40,112,.36),5px 0 20px rgba(255,61,129,.3),-5px 0 20px rgba(255,61,129,.3)}.accountability-points article:nth-child(2)>i{background:linear-gradient(145deg,#d42a72,#d43b91 58%,#f34677)}.accountability-points article:nth-child(3)>i{background:linear-gradient(145deg,#711b46,#db347a 55%,#ff3d81)}.accountability-points strong{font-size:var(--step-1)}.accountability-points small{font-size:var(--step--2);line-height:var(--lh-body)}
.audit-window{border:0;border-radius:24px;box-shadow:0 32px 70px rgba(88,32,61,.17),0 0 0 5px rgba(255,255,255,.7)}.audit-window>header{border-bottom:0;background:linear-gradient(90deg,#fff8fb,#fff)}.audit-mark{width:34px;height:34px;border-radius:50%;box-shadow:0 5px 15px rgba(233,40,112,.32),4px 0 16px rgba(255,61,129,.24)}.audit-mark i{border-radius:50%}.audit-live{background:linear-gradient(135deg,#ffe5ef,#fff1ec);box-shadow:inset 0 -1px rgba(245,47,87,.08)}
.audit-summary{border-radius:16px;background:linear-gradient(105deg,#721b47,#c62e75 55%,#ff664f);box-shadow:0 11px 24px rgba(113,27,70,.18);color:#fff}.audit-summary strong,.audit-summary>b{color:#fff}.audit-summary small{color:rgba(255,255,255,.7)}.audit-avatars span{border-color:#8a2053;background:#fff;color:var(--plum);box-shadow:0 4px 11px rgba(55,12,34,.18)}.audit-avatars span:nth-child(2),.audit-avatars span:nth-child(3){background:#fff;color:var(--pink)}
.audit-timeline::before{border-left:2px solid #f4d1df}.timeline-icon{width:36px;height:36px;border:0;background:linear-gradient(to top right,#e92870,#f52f57 52%,#ff3d81);color:#fff;box-shadow:0 5px 14px rgba(233,40,112,.26),0 0 0 5px #fff}.human-event{background:linear-gradient(145deg,#d42a72,#c63e9c)}.comment-event{background:linear-gradient(145deg,#f64a7b,#ff3d81)}.approved-event{background:linear-gradient(145deg,#711b46,#e2387c);color:#fff}.audit-timeline article>b{border-radius:99px;background:#f9eaf0;color:var(--plum)}.audit-timeline .audit-approved>b{background:linear-gradient(135deg,#e92d70,#ff654f);color:#fff;box-shadow:0 5px 12px rgba(245,47,87,.17)}
.audit-window>footer{border-top:0;background:#fff8fb}.approval-stamp{border:0;border-radius:18px;background:linear-gradient(125deg,#e92d70,#f52f57 54%,#ff3d81);box-shadow:0 18px 40px rgba(125,22,66,.3),inset 0 1px rgba(255,255,255,.24);color:#fff}.approval-stamp>span{border-radius:50%;background:#fff;color:var(--pink);box-shadow:0 5px 14px rgba(94,17,51,.22)}.approval-stamp small,.approval-stamp b{color:rgba(255,255,255,.76)}.approval-stamp strong{color:#fff}
.hub-filters{gap:var(--space-xs)}.hub-filters button{position:relative;padding:var(--space-xs) var(--space-md);border:0;border-radius:99px;background:#fff0f5;color:var(--plum);box-shadow:inset 0 -2px rgba(113,27,70,.05),0 5px 13px rgba(113,27,70,.07);transition:transform .38s cubic-bezier(.22,1.45,.36,1),background .2s,color .2s,box-shadow .2s}.hub-filters button:hover{transform:translateY(-3px) scale(1.06,.96);background:#ffe4ee;color:var(--pink)}.hub-filters button.active{background:linear-gradient(135deg,#e92d70,#f52f57 54%,#ff3d81);color:#fff;box-shadow:0 9px 20px rgba(245,47,87,.24),inset 0 1px rgba(255,255,255,.26),inset 0 -2px rgba(122,16,54,.1);animation:hubFilterGummy .5s cubic-bezier(.22,1.45,.36,1)}
.hub-grid{gap:20px}.hub-card{position:relative;border:0;border-radius:23px;box-shadow:0 18px 40px rgba(84,29,58,.11),0 0 0 5px #fff7fa;transition:transform .42s cubic-bezier(.22,1.45,.36,1),box-shadow .25s,filter .25s}.hub-card::after{content:"";position:absolute;left:22%;right:22%;bottom:-5px;height:9px;border-radius:99px;background:linear-gradient(90deg,#ff3d81,#f52f57,#ff3d81);filter:blur(3px);opacity:.48}.hub-card:nth-child(2)::after{background:linear-gradient(90deg,#d42a72,#dc3d90)}.hub-card:nth-child(3)::after{background:linear-gradient(90deg,#711b46,#ff3d81)}.hub-card:hover{transform:translateY(-8px) scale(1.018,.99);box-shadow:0 28px 52px rgba(84,29,58,.17),0 0 0 5px #fff2f7;filter:brightness(1.015)}.hub-art{border-radius:0 0 24px 24px}.hub-card-copy{position:relative;background:#fff}.hub-card-copy>span{display:inline-flex;align-items:center;padding:6px 9px;border-radius:99px;background:#ffedf4;color:var(--pink)}.hub-card-copy>span b{color:var(--text-tertiary)}.hub-card-copy em{width:max-content;padding:8px 11px;border-radius:99px;background:#fff0f5;color:var(--plum);transition:transform .3s cubic-bezier(.22,1.45,.36,1),background .2s}.hub-card:hover .hub-card-copy em{transform:translateX(4px);background:#ffe3ed}
.hub-newsletter{border-radius:24px;box-shadow:0 20px 45px rgba(63,14,43,.2),inset 0 1px rgba(255,255,255,.15);overflow:hidden}.hub-newsletter input{border:0;background:#fff;color:var(--plum);box-shadow:inset 0 2px 5px rgba(113,27,70,.08)}.hub-newsletter input::placeholder{color:var(--text-tertiary)}.hub-newsletter input:focus{box-shadow:0 0 0 3px rgba(255,61,129,.32)}.hub-newsletter button{background:linear-gradient(135deg,#ff3d81,#f52f57 55%,#ff3d81);color:#fff;box-shadow:0 7px 16px rgba(19,3,13,.2);transition:transform .35s cubic-bezier(.22,1.45,.36,1),filter .2s}.hub-newsletter button:hover{transform:translateY(-3px) scale(1.04,.97);filter:brightness(1.08)}
@keyframes hubFilterGummy{0%{transform:scale(.88,.78)}50%{transform:scale(1.08,1.12)}75%{transform:scale(.98,.96)}100%{transform:scale(1)}}
.faq-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,rgba(255,250,251,0) 0%,#fff2f7 10%,#ffc0d5 30%,#ff5c90 52%,#f53564 72%,#e63a76 86%,#fff0f6 96%,rgba(255,250,251,0) 100%);color:#fff}.faq-section::before{content:"";position:absolute;z-index:-1;left:-10%;right:-10%;top:18%;height:64%;border-radius:50%;background:radial-gradient(ellipse,#ff2f79 0%,rgba(245,47,87,.7) 45%,transparent 73%);filter:blur(40px);animation:faqBreathe 6s ease-in-out infinite}.faq-intro>span{color:#fff}.faq-intro h2{color:#fff;text-shadow:0 3px 20px rgba(105,20,58,.13)}.faq-intro>p{color:rgba(255,255,255,.84)}.faq-intro>a{color:#fff}.faq-intro>a>span{background:#fff;box-shadow:0 7px 17px rgba(96,17,53,.2)}.faq-intro>a>span i::before,.faq-intro>a>span i::after{border-color:var(--pink)}
.faq-list{display:grid;gap:var(--space-sm);border-top:0}.faq-item{border:0;border-radius:19px;background:#fff;color:var(--ink);box-shadow:0 12px 28px rgba(100,19,58,.15),inset 0 1px rgba(255,255,255,.7);overflow:hidden;transition:transform .42s cubic-bezier(.22,1.45,.36,1),box-shadow .25s}.faq-item:hover{transform:translateY(-3px) scale(1.012,.99);box-shadow:0 18px 34px rgba(100,19,58,.2)}.faq-item.open{transform:scale(1.018,1);box-shadow:0 22px 42px rgba(100,19,58,.23);animation:faqGummyOpen .5s cubic-bezier(.22,1.45,.36,1)}.faq-item button{padding:var(--space-lg);color:var(--plum)}.faq-item.open button{color:var(--pink)}.faq-item button>i{width:30px;height:30px;background:linear-gradient(135deg,#ffe4ee,#fff0e9);box-shadow:inset 0 -2px rgba(113,27,70,.05)}.faq-item button>i::before,.faq-item button>i::after{left:9px;top:14px;width:12px}.faq-item.open button>i{background:linear-gradient(135deg,#e92d70,#f52f57 55%,#ff3d81);box-shadow:0 6px 15px rgba(245,47,87,.26);transform:rotate(180deg) scale(1.08)}.faq-item.open .faq-answer>p{padding:0 calc(var(--space-lg) + 30px) var(--space-lg) var(--space-lg); /* aligns with the question, stops under the icon */color:var(--text-secondary)}
.final-cta-section{min-height:620px;background:#421436}.final-cta-section::before{background:linear-gradient(145deg,#3a1231 0%,#5c1746 35%,#891e5b 67%,#b92a72 100%)}.final-cta-section::after{content:"";position:absolute;left:7%;right:7%;top:34px;height:90px;border-radius:50%;background:rgba(255,255,255,.11);filter:blur(22px);transform:rotate(-2deg)}.final-cta-glow{width:min(940px,92vw);height:500px;background:radial-gradient(ellipse,#d42e83 0%,#9b2469 42%,rgba(113,27,70,.68) 62%,transparent 76%);filter:blur(40px)}.final-cta-mark{border:0;border-radius:16px;background:#fff;box-shadow:0 9px 22px rgba(38,5,27,.28),7px 0 20px rgba(226,57,139,.14),-7px 0 20px rgba(255,255,255,.08);backdrop-filter:none}.final-cta-mark i{background:linear-gradient(135deg,#711b46,#d63487)}.final-cta-content>p{color:#ffadd0}.final-primary{box-shadow:0 13px 28px rgba(28,3,20,.28),inset 0 -2px rgba(113,27,70,.06)}.final-secondary{border:0;background:linear-gradient(135deg,#df3287,#b62775);box-shadow:0 10px 22px rgba(34,4,24,.23),inset 0 1px rgba(255,255,255,.22);color:#fff}.final-cta-actions>a{transition:transform .4s cubic-bezier(.22,1.45,.36,1),filter .2s}.final-cta-actions>a:hover{transform:translateY(-5px) scale(1.05,.96);filter:brightness(1.08)}
.site-footer{position:relative;isolation:isolate;overflow:hidden;padding-top:var(--section-y);background:linear-gradient(145deg,#1f0c1b,#351029 52%,#4d1438);color:#fff}.site-footer::before{content:"";position:absolute;z-index:-1;width:560px;height:560px;right:-210px;top:-300px;border-radius:50%;background:radial-gradient(circle,rgba(221,47,132,.34),rgba(113,27,70,.14) 52%,transparent 70%);filter:blur(40px)}.site-footer::after{content:"GummyPixel";position:absolute;z-index:-1;right:-28px;bottom:-42px;color:rgba(255,255,255,.025);font-size:clamp(100px,16vw,230px);font-weight:700;letter-spacing:-.09em;white-space:nowrap}.footer-main,.footer-bottom{position:relative;z-index:1}.footer-logo{width:max-content;padding:var(--space-xs) var(--space-sm) var(--space-xs) var(--space-xs);border-radius:14px;background:linear-gradient(135deg,#711b46,#b52774);box-shadow:0 9px 23px rgba(15,2,11,.24),inset 0 1px rgba(255,255,255,.15)}.footer-links strong{color:#ff91bb;font-size:var(--step-1);letter-spacing:.08em;text-transform:uppercase}.footer-links a{position:relative;color:#cdb5c2}.footer-links a::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;border-radius:99px;background:linear-gradient(90deg,#ff3d81,#ff3d81);transition:width .25s}.footer-links a:hover{color:#fff;transform:translateX(0)}.footer-links a:hover::after{width:100%}.footer-bottom{border-top:0}.footer-bottom::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,#ff3d81,rgba(255,255,255,.12),#ff3d81)}
@keyframes faqBreathe{0%,100%{transform:scale(.94);opacity:.76}50%{transform:scale(1.08);opacity:1}}@keyframes faqGummyOpen{0%{transform:scale(.96,.88)}52%{transform:scale(1.035,1.04)}76%{transform:scale(1.005,.985)}100%{transform:scale(1.018,1)}}
.faq-section{background:#fff}.faq-section::before{left:50%;right:auto;top:50%;width:125%;height:66%;border-radius:50%;background:radial-gradient(ellipse at center,#ff377d 0%,#f52f57 36%,#e93a70 56%,rgba(255,187,211,.72) 70%,transparent 82%);filter:blur(36px);animation:faqCenteredBreathe 6s ease-in-out infinite}.faq-intro>span,.faq-intro h2,.faq-intro>a{color:#fff}.faq-intro>p{color:rgba(255,255,255,.86)}
.final-cta-section{min-height:470px;background:#5b1745}.final-cta-section::before{background:linear-gradient(135deg,#4a153a,#711b46 58%,#8d2058)}.final-cta-section::after,.final-cta-glow{display:none}.final-cta-content{text-shadow:none}.final-cta-mark{display:none}.final-cta-content>p{color:#ff9fc6}.final-cta-content h2{margin-top:calc(var(--space-sm) - .08em);font-size:var(--step-6);line-height:var(--lh-tight)}.final-cta-copy{color:#e6cad8}.final-cta-actions{margin-top:var(--space-lg)}.final-primary{box-shadow:0 9px 22px rgba(28,3,20,.24)}.final-secondary{background:transparent;box-shadow:none;color:#ffb1ce}.final-secondary:hover{background:rgba(255,255,255,.07)}
.site-footer{background:linear-gradient(145deg,#4c143a 0%,#711b46 55%,#5a1742 100%)}.site-footer::before{width:520px;height:520px;right:-190px;top:-300px;background:radial-gradient(circle,rgba(255,82,153,.28),rgba(113,27,70,.08) 58%,transparent 72%)}.site-footer::after{color:rgba(255,255,255,.04)}.footer-brand>p,.footer-links a{color:#e0c2d1}.footer-bottom{color:#c29aaf}
@keyframes faqCenteredBreathe{0%,100%{transform:translate(-50%,-50%) scale(.94);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.06);opacity:1}}
.site-footer::after{content:none}
.final-cta-section{min-height:500px;background:transparent;color:var(--ink)}.final-cta-section::before{background:transparent}.final-cta-content{padding:var(--section-y) var(--space-lg)}.final-cta-content>p{color:var(--pink)}.final-cta-content h2{color:var(--ink)}.final-cta-copy{color:var(--muted)}.final-primary{min-height:52px!important;padding:0 var(--space-md) 0 var(--space-lg)!important; /* optical: arrow circle on the right */border-radius:14px!important;background:linear-gradient(to top right,#c8224f 0%,#f52f57 46%,#ff3d81 100%);color:#fff;box-shadow:0 10px 24px rgba(255,61,129,.3),7px 4px 20px rgba(245,47,87,.16),-5px 4px 18px rgba(255,122,174,.17),inset 0 1px rgba(255,255,255,.3),inset 0 -3px rgba(151,30,52,.09)}.final-primary>span{background:#fff;box-shadow:0 5px 12px rgba(151,40,52,.2)}.final-primary>span i::before,.final-primary>span i::after{border-color:#f45155}.final-primary:hover{transform:translateY(-5px) scale(1.06,.95)!important;box-shadow:0 16px 31px rgba(255,61,129,.38),8px 7px 24px rgba(245,47,87,.2)}.final-secondary{color:var(--plum)}.final-secondary:hover{background:#fff0f5}.final-cta-content>small{color:var(--text-tertiary)}

.hero-section .product-visual{padding:var(--frame);border-radius:31px;background:linear-gradient(135deg,#3d1233 0%,#711b46 42%,#a62569 72%,#d93683 100%);box-shadow:0 28px 70px rgba(83,24,59,.22),8px 8px 28px rgba(166,37,105,.13),-8px 8px 24px rgba(113,27,70,.13)}
.hero-section .product-visual>.glow{display:none}
.hero-section .app-window{border:0;border-radius:24px;box-shadow:0 17px 45px rgba(38,8,28,.2)}
.hero-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#fff}
.media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:repeating-linear-gradient(135deg,#fff8fb 0,#fff8fb 16px,#fff1f6 16px,#fff1f6 32px);color:var(--plum)}.media-placeholder>i{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#e92d70,#f52f57 55%,#ff3d81);color:#fff;box-shadow:0 8px 20px rgba(245,47,87,.24);font-size:17px}.media-placeholder>small{margin-top:15px;color:var(--pink);font-size:8px;font-weight:700;letter-spacing:.13em}.media-placeholder>strong{margin-top:7px;font-size:18px;letter-spacing:-.025em}.media-placeholder>span{margin-top:6px;color:#9a7789;font-size:8px}.hero-media-placeholder{min-height:500px;padding:40px}.hero-media-placeholder>i{width:60px;height:60px;font-size:22px}.hero-media-placeholder>strong{font-size:24px}.hero-media-placeholder>span{font-size:9px}
.placeholder-thumb{background:repeating-linear-gradient(135deg,#ffeaf2 0,#ffeaf2 5px,#fff5f8 5px,#fff5f8 10px)!important;color:var(--pink)!important}.placeholder-thumb span{font-size:5px!important;letter-spacing:.05em}
.inline-media-placeholder{height:128px;padding:15px;background:repeating-linear-gradient(135deg,#fff1f6 0,#fff1f6 12px,#ffe6ef 12px,#ffe6ef 24px);color:var(--plum)}.inline-media-placeholder>i{width:30px;height:30px;font-size:10px}.inline-media-placeholder>small{margin-top:8px!important;color:var(--pink)!important}.inline-media-placeholder>strong{margin-top:4px;font-size:11px!important;text-align:center!important}.inline-media-placeholder>span{position:static;margin-top:4px;padding:0;background:none;color:#9a7789;font-size:6px}
.asset-placeholder,.asset-one.asset-placeholder,.asset-two.asset-placeholder,.asset-three.asset-placeholder,.asset-four.asset-placeholder{min-height:145px;align-items:center;justify-content:center;gap:6px;background:repeating-linear-gradient(135deg,#fff4f8 0,#fff4f8 9px,#ffeaf1 9px,#ffeaf1 18px);color:var(--plum);text-align:center}.asset-four.asset-placeholder::before{content:none}.asset-placeholder>i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--brand-gradient);color:#fff;font-size:10px;box-shadow:0 6px 14px rgba(245,47,87,.2)}.asset-placeholder>strong{font-size:7px;letter-spacing:.06em}.asset-placeholder>small{color:#a78192;font-size:6px}
.hub-art.hub-media-placeholder,.hub-art-one.hub-media-placeholder,.hub-art-two.hub-media-placeholder,.hub-art-three.hub-media-placeholder{height:230px;padding:24px;background:repeating-linear-gradient(135deg,#fff3f7 0,#fff3f7 15px,#ffe8f0 15px,#ffe8f0 30px);color:var(--plum)}.hub-featured .hub-media-placeholder{height:270px}.hub-art-one.hub-media-placeholder::after{content:none}.hub-media-placeholder>i{width:45px;height:45px;position:static;color:#fff;font-size:16px}.hub-media-placeholder>small{margin-top:12px;color:var(--pink);font-size:7px}.hub-media-placeholder>strong{position:static;margin-top:6px;color:var(--plum);font-size:15px;line-height:1.15;text-align:center}.hub-media-placeholder>span{position:static;width:auto;height:auto;margin:5px 0 0;padding:0;border:0;background:none;color:#9a7789;font-size:7px;font-weight:500}

/* Cohesive GummyPixel component system. */
.overview-kicker,.workflow-kicker,.agents-kicker,.library-kicker,.accountability-kicker,.pricing-heading>span,.faq-intro>span,.hub-heading>div:first-child>span,.workflow-fit-copy>span{font-size:var(--step--2);font-weight:600;letter-spacing:.16em}
.workflow-tabs{gap:var(--space-sm)}.workflow-tab{position:relative;isolation:isolate;overflow:hidden;height:108px;border-radius:var(--gummy-radius);background:linear-gradient(155deg,#6d2853,#431c38);box-shadow:0 7px 16px rgba(65,20,48,.25),inset 0 1px rgba(255,255,255,.12),inset 0 -3px rgba(21,5,16,.12);transition:transform .42s var(--gummy-ease),background .25s,box-shadow .25s,filter .2s}.workflow-tab::before{content:"";position:absolute;z-index:-1;left:10%;right:10%;top:-20px;height:34px;border-radius:50%;background:rgba(255,255,255,.12);filter:blur(2px)}.workflow-tab i{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);font-size:14px;transition:transform .4s var(--gummy-ease),background .2s,color .2s}.workflow-tab:not(.active):hover{transform:translateY(-5px) scale(1.035,.97);background:linear-gradient(145deg,#8d3267,#64244d);filter:brightness(1.08)}.workflow-tab:not(.active):hover i{transform:rotate(-5deg) scale(1.1);background:rgba(255,255,255,.18)}.workflow-tab.active{transform:translateY(-4px);background:linear-gradient(135deg,#e92d70,#f52f57 54%,#ff3d81);box-shadow:var(--gummy-shadow),inset 0 1px rgba(255,255,255,.28),inset 0 -3px rgba(127,15,52,.1);animation:workflowGummyIn .55s var(--gummy-ease)}.workflow-tab.active i{background:#fff;color:var(--pink);box-shadow:0 5px 14px rgba(112,18,59,.2)}
.workflow-panel,.library-panel{border:0;background:#fff;box-shadow:var(--panel-shadow),0 0 0 5px #fff7fa}.pipeline-window,.workflow-sample,.library-ui{border:0;box-shadow:var(--panel-shadow)}.workflow-points{gap:var(--space-sm)}.workflow-points i{width:28px;height:28px;flex:0 0 auto;background:var(--brand-gradient);color:#fff;font-size:9px;box-shadow:0 5px 15px rgba(233,40,112,.34),4px 0 16px rgba(255,61,129,.26),-4px 0 16px rgba(255,61,129,.26)}
.billing-toggle{padding:var(--space-2xs);border:0;border-radius:17px;}.billing-toggle button{padding:var(--space-xs) var(--space-md);border-radius:12px;transition:transform .4s var(--gummy-ease),background .2s,box-shadow .2s}.billing-toggle button:hover{transform:translateY(-2px) scale(1.04,.97)}.billing-toggle button.active{background:var(--brand-gradient);box-shadow:0 7px 16px rgba(200,34,79,.24),inset 0 1px rgba(255,255,255,.22);animation:selectorGummyIn .48s var(--gummy-ease)}
.price-icon{border-radius:50%;background:linear-gradient(to top right,var(--tier-a),var(--tier-b));color:#fff;box-shadow:0 5px 15px color-mix(in srgb,var(--tier-a) 34%,transparent),4px 0 16px color-mix(in srgb,var(--tier-b) 24%,transparent)}.price-card li i{width:22px;height:22px;background:linear-gradient(to top right,var(--tier-a),var(--tier-b));color:#fff;font-size:7px;box-shadow:0 4px 11px color-mix(in srgb,var(--tier-a) 24%,transparent)}.price-card-body>a{position:relative;overflow:visible;min-height:50px;border-radius:14px;background:linear-gradient(to top right,var(--tier-a) 0%,var(--tier-b) 100%);box-shadow:0 10px 24px color-mix(in srgb,var(--tier-b) 30%,transparent),7px 4px 20px color-mix(in srgb,var(--tier-a) 16%,transparent),-5px 4px 18px color-mix(in srgb,var(--tier-b) 17%,transparent),inset 0 1px rgba(255,255,255,.3),inset 0 -3px rgba(75,13,38,.09);transition:transform .25s ease,box-shadow .25s ease}
.price-card-body>a:hover{transform:translateY(-3px);box-shadow:0 14px 30px color-mix(in srgb,var(--tier-b) 38%,transparent),7px 6px 24px color-mix(in srgb,var(--tier-a) 20%,transparent),-5px 6px 20px color-mix(in srgb,var(--tier-b) 20%,transparent),inset 0 1px rgba(255,255,255,.34),inset 0 -3px rgba(75,13,38,.09)}
.price-card-body>a:active{transform:translateY(1px);box-shadow:0 6px 14px color-mix(in srgb,var(--tier-b) 26%,transparent),inset 0 1px rgba(255,255,255,.3)}
.price-card-body>a>i{display:none}
.community-cta,.library-ui-top button,.audit-window>footer button{border:0;border-radius:12px;transition:transform .38s var(--gummy-ease),box-shadow .2s,filter .2s}.community-cta:hover,.library-ui-top button:hover,.audit-window>footer button:hover{transform:translateY(-3px) scale(1.04,.97);filter:brightness(1.04)}
.community-cta{min-height:43px;padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-md);gap:var(--space-xs);border-radius:12px;background:linear-gradient(#fff,#fff5f8);color:var(--plum);box-shadow:0 4px 0 rgba(113,27,70,.22),0 10px 22px rgba(89,15,48,.18),7px 4px 18px rgba(255,255,255,.13),inset 0 1px #fff;font-size:var(--step--1)}.community-arrow{position:relative;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ff3d81,#f52f57);box-shadow:0 5px 12px rgba(156,31,60,.2)}.community-arrow i,.community-arrow i::before,.community-arrow i::after{position:absolute;display:block;height:2px;border-radius:99px;background:#fff}.community-arrow i{width:11px;transition:transform .3s var(--gummy-ease)}.community-arrow i::before,.community-arrow i::after{content:"";right:-1px;width:6px;transform-origin:right center}.community-arrow i::before{transform:rotate(42deg)}.community-arrow i::after{transform:rotate(-42deg)}.community-cta:hover{transform:translateY(-4px) scale(1.05,.96);box-shadow:0 6px 0 rgba(113,27,70,.18),0 14px 26px rgba(89,15,48,.22)}.community-cta:hover .community-arrow i{transform:translateX(3px)}.community-cta:active{transform:translateY(1px) scale(.98);box-shadow:0 2px 0 rgba(113,27,70,.22),0 6px 14px rgba(89,15,48,.15)}
.community-arrow i{left:8px;top:12px}.community-arrow i::before{top:0}.community-arrow i::after{bottom:0}
.community-arrow{background:transparent;box-shadow:none}.community-arrow i,.community-arrow i::before,.community-arrow i::after{background:var(--pink)}
.workflow-tab:not(.active) i{background:transparent}.workflow-tab:not(.active):hover i{background:transparent}
.secondary-link,.library-link,.accountability-link,.hub-heading a,.agents-link{transition:transform .35s var(--gummy-ease),color .2s}.secondary-link:hover,.library-link:hover,.accountability-link:hover,.hub-heading a:hover,.agents-link:hover{transform:translateX(3px)}
@keyframes workflowGummyIn{0%{transform:translateY(-4px) scale(.88,.8)}48%{transform:translateY(-4px) scale(1.06,1.1)}74%{transform:translateY(-4px) scale(.985,.97)}100%{transform:translateY(-4px) scale(1)}}@keyframes selectorGummyIn{0%{transform:scale(.9,.82)}55%{transform:scale(1.06,1.08)}78%{transform:scale(.985,.97)}100%{transform:scale(1)}}

@media (max-width: 1100px) {
  .hero-section { grid-template-columns: 1fr; padding-top: calc(var(--nav-h) + var(--space-4xl)); }.hero-content { text-align: center; }h1, .subtext { margin-left: auto; margin-right: auto; }.hero-actions, .trust-line { justify-content: center; }
  .product-visual { width: min(760px,100%); min-width: 0; margin: var(--space-xl) auto 0; }
  .overview-section { grid-template-columns: 1fr; gap: 58px; }
  .overview-copy { max-width: 650px; margin: 0 auto; text-align: center; }
  .overview-list { max-width: 560px; margin: 0 auto; text-align: left; }
  .overview-visual { width: min(720px,100%); margin: 0 auto; }
  .workflow-panel { padding: var(--space-2xl); grid-template-columns: 1fr; gap: var(--space-2xl); }
  .workflow-explanation { max-width: 650px; }
  .agents-section { grid-template-columns:1fr;gap:65px;padding-top:105px;padding-bottom:115px }
  .agents-copy { max-width:700px;margin:0 auto;text-align:center }.agents-list,.agents-principle {text-align:left}.agents-link {justify-content:center}
  .agents-visual { width:min(700px,100%);margin:0 auto }
  .library-panel { grid-template-columns:1fr;gap:var(--space-2xl) }.library-copy{max-width:650px}.workflow-fit{grid-template-columns:1fr;gap:36px}.workflow-fit-copy{max-width:620px}
  .accountability-section{grid-template-columns:1fr;gap:55px}.accountability-copy{max-width:680px}.audit-visual{width:min(720px,100%);margin:auto}.hub-heading{grid-template-columns:1fr;gap:var(--space-lg)}.hub-heading>div:last-child{max-width:600px}.hub-grid{grid-template-columns:1fr 1fr}.hub-featured{grid-column:span 2}.hub-newsletter{align-items:flex-start;flex-direction:column}
  .pricing-grid{width:min(720px,100%);margin-left:auto;margin-right:auto;grid-template-columns:1fr;gap:var(--space-lg)}.price-card ul{min-height:0}.price-description{min-height:0}
  .faq-section{grid-template-columns:1fr;gap:var(--space-2xl)}.faq-intro{max-width:650px}.footer-main{grid-template-columns:1.5fr repeat(2,1fr);row-gap:45px}.footer-brand{grid-row:span 2}
}

@media (max-width: 720px) {
  :root { --frame: 5px; }
  .navbar { top: 12px; width: calc(100% - 24px); height: var(--nav-h); padding: 0 var(--space-xs) 0 var(--space-md); grid-template-columns: 1fr auto auto; border-radius: 15px; }
  .navbar nav {
    position: absolute; z-index: -1; top: 0px; right: -1px; left: -1px;
    display: flex; flex-direction: column; align-items: stretch; gap: var(--space-2xs);
    padding: calc(var(--nav-h) + var(--space-2xs)) var(--space-xs) var(--space-xs); border: 1px solid rgba(255,255,255,.32); border-top: 0;
    border-radius: 15px;
    background: linear-gradient(to top right, #e92870 0%, #f52f57 48%, #ff3d81 100%);
    box-shadow: 0 15px 28px rgba(176,27,75,.25), 12px 8px 22px rgba(255,61,129,.15), -12px 8px 22px rgba(255,61,129,.14), inset 0 -1px rgba(255,255,255,.18);
    opacity: 0; visibility: hidden; pointer-events: none;
    transform: translateY(-18px) scaleY(.68); transform-origin: top center;
    transition: opacity .16s ease .08s, transform .34s cubic-bezier(.6,-.28,.74,.05), visibility 0s linear .42s;
  }
  .brand { }.brand-mark { width: 25px; height: 25px; }.sign-in { display: none; }.nav-cta { min-height: 33px; padding: var(--space-xs) var(--space-xs) var(--space-xs) var(--space-sm); }.nav-actions { margin-right: var(--space-xs); }
  .menu-toggle { width: 36px; height: 36px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-2xs); border: 0; border-radius: 10px; background: rgba(255,255,255,.18); cursor: pointer; transition: transform .3s cubic-bezier(.22,1.45,.36,1), background .2s ease; }.menu-toggle span { width: 15px; height: 2px; border-radius: 99px; background: #fff; transition: transform .3s cubic-bezier(.22,1.45,.36,1); }
  .menu-toggle:hover { background: rgba(255,255,255,.26); transform: scale(1.06); }
  .menu-toggle[aria-expanded="true"] { transform: scale(.94); background: rgba(113,27,70,.18); }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  .navbar nav.open {
    opacity: 1; visibility: visible; pointer-events: auto;
    transform: translateY(0) scaleY(1);
    transition: opacity .12s ease, transform .48s cubic-bezier(.22,1.48,.36,1), visibility 0s;
  }
  .navbar nav .nav-btn { width: 100%; padding: var(--space-sm); border-radius: 10px; color: #fff; text-align: left; }
  .navbar nav .nav-btn:hover { transform: translateX(4px); background: rgba(255,255,255,.14); opacity: 1; }
  .hero-section { width: 100%; min-width: 0; min-height: 100svh; padding: calc(var(--nav-h) + var(--space-xl)) var(--space-lg) var(--space-4xl); }.hero-content { min-width: 0; text-align: left; }h1, .subtext { margin-left: 0; }h1 { margin-left: -.04em; }.hero-content h1 { }.subtext { }
  .hero-actions { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--space-lg); }.trust-line { justify-content: flex-start; }
  .button { max-width: calc(100vw - 48px); }
  .splash { max-width: calc(100vw - 20px); }
  .product-visual { width: 100%; min-width: 0; margin: var(--space-xl) 0 0; transform: none; }
  .hero-section .product-visual { padding: var(--frame); border-radius: 23px; }
  .app-window { width: 100%; border-radius: 18px; }
  .hero-media-placeholder { min-height: 320px; padding: 28px 18px; }
  .hero-media-placeholder>strong { font-size: 18px; }
  .app-topbar { height: 50px; padding: 0 12px; grid-template-columns: 1fr auto; }
  .workspace-name { display: none; }
  .app-layout { min-height: 360px; grid-template-columns: 1fr; }
  .app-sidebar { display: none; }
  .calendar { min-width: 0; padding: 18px 12px; }
  .calendar header h2 { font-size: 17px; }
  .calendar header button { padding: 8px 9px; }
  .status-row { flex-wrap: wrap; margin: 13px 0; }
  .days { min-width: 0; gap: 5px; }
  .day { min-width: 0; min-height: 245px; padding: 7px 5px; }
  .day article, .day article.lower { min-width: 0; margin-top: 12px; padding: 5px; }
  .post-image { height: 58px; }
  .day article h3 { min-height: 39px; overflow-wrap: anywhere; font-size: 7px; }
  .day article small { overflow-wrap: anywhere; font-size: 5px; }
  .floating-card { display: none; }
  .community-section { min-height: 510px; }
  .community-panel { width: 100%; min-height: 510px; }
  .community-panel::before { width: 170%; height: 64%; filter: blur(34px); }
  .community-glow { width: 105%; height: 36%; }
  .community-content { padding: var(--space-2xl) var(--space-lg); }
  .community-content h2 { }
  .community-content h2 br { display: none; }
  .community-content p { }
  .overview-section { width: calc(100% - 40px); padding: 88px 0 95px; gap: 34px; }
  .overview-copy { text-align: left; }
  .overview-copy h2 { }
  .overview-copy>p { }
  .overview-list { gap: 16px; }
  .overview-list li { grid-template-columns: 40px 1fr; gap: 12px; }
  .overview-visual { padding: 22px 0 35px; }
  .pipeline-header { padding: 17px 15px 14px; }
  .pipeline-summary { padding: 11px 12px; gap: 5px; }
  .pipeline-summary>span { padding: 8px; }
  .pipeline-list { padding: 6px 8px; }
  .pipeline-list article { grid-template-columns: 41px minmax(0,1fr); gap: 9px; padding: 10px 4px; }
  .pipeline-thumb { width: 41px; height: 41px; }
  .pipeline-people { display: none; }
  .pipeline-footer { padding: 12px 14px; }
  .overview-float { right: -5px; bottom: 2px; }
  .workflow-section { padding: var(--section-y) var(--space-lg); }
  .workflow-heading { text-align: left; }
  .workflow-heading h2 { }
  .workflow-heading p { }
  .workflow-tabs { margin-right: calc(-1 * var(--space-lg)); padding-right: var(--space-lg); grid-template-columns: repeat(6,92px); gap: var(--space-xs); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .workflow-tabs::-webkit-scrollbar { display: none; }
  .workflow-tab { height: 88px; scroll-snap-align: start; }
  .workflow-panel { min-height: 0; padding: var(--space-lg) var(--space-md); gap: var(--space-xl); border-radius: 18px; }
  .workflow-explanation h3 { }
  .sample-body { padding: 17px 14px; }
  .sample-note { min-height: 0; padding: 13px; }
  .sample-details { grid-template-columns: 1fr; }
  .sample-footer { gap: 10px; }
  .agents-section { min-height:0;padding:90px 20px 95px;gap:50px }
  .agents-copy { text-align:left }.agents-copy h2 {}.agents-copy>p{}.agents-list{grid-template-columns:1fr}.agents-link{justify-content:flex-start}
  .actor-row {grid-template-columns:1fr;gap:10px}.connection-map{height:45px}.connection-line{display:none}.connection-map::before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px solid rgba(255,93,145,.5)}.connection-node{bottom:4px}
  .shared-post-body{padding:14px}.shared-media{height:110px}.shared-versions{grid-template-columns:1fr}.decision-row{grid-template-columns:1fr}.decision-arrow{transform:rotate(90deg);justify-self:center}.shared-post-card>footer{gap:10px}.shared-post-card>footer>span{max-width:130px}
  .library-section{padding:var(--section-y) var(--space-lg)}.library-heading{text-align:left}.library-heading h2{}.library-heading h2 br{display:none}.library-heading p{}.library-switcher{width:100%;padding:var(--space-2xs)}.library-tab{padding:var(--space-sm) var(--space-xs);gap:var(--space-xs)}.library-tab>i{width:32px;height:32px}.library-tab span{}.library-tab small{display:none}.library-panel{margin-top:var(--space-lg);padding:var(--space-lg) var(--space-md);gap:var(--space-xl);border-radius:20px}.library-copy h3{}.library-ui{min-height:410px}.library-ui-top{padding:13px}.library-ui-top button{font-size:10px;padding:8px}.library-view{padding:13px}.asset-grid{grid-template-columns:1fr 1fr;gap:8px}.asset-card{min-height:130px}.asset-card div small{font-size:9px}.brand-view{grid-template-columns:1fr}.brand-view aside{display:none}.brand-board{padding:22px 18px}.brand-board h4{font-size:27px}.workflow-fit{margin-top:75px;padding-top:60px}.workflow-fit-grid{grid-template-columns:1fr 1fr}.workflow-fit-grid article{padding:18px 12px;min-height:155px}.platform-row{margin-top:55px;padding:28px 0}.platform-row>div{justify-content:flex-start;overflow-x:auto;padding-bottom:5px}.platform-row b{white-space:nowrap}
  .accountability-section{padding:88px 20px 95px;gap:42px}.accountability-copy h2{}.accountability-copy>p{}.accountability-points article{grid-template-columns:37px 1fr}.audit-window>header{padding:0 13px}.audit-summary{margin:12px}.audit-timeline{padding-left:12px;padding-right:12px}.audit-timeline::before{left:29px}.audit-timeline article{grid-template-columns:34px 1fr}.audit-timeline article>b{display:none}.audit-window>footer span{display:none}.audit-window>footer{justify-content:flex-end}.approval-stamp{right:-5px;bottom:-18px}.content-hub-section{padding:var(--section-y) var(--space-lg)}.hub-heading h2{}.hub-heading h2 br{display:none}.hub-filters{margin:var(--header-gap) calc(-1 * var(--space-lg)) var(--space-lg);padding:0 var(--space-lg);overflow-x:auto}.hub-filters button{white-space:nowrap}.hub-grid{grid-template-columns:1fr}.hub-featured{grid-column:auto}.hub-art,.hub-art-one{height:220px}.hub-newsletter{margin-top:45px;padding:22px 18px}.hub-newsletter form{width:100%;flex-direction:column}.hub-newsletter input{box-sizing:border-box;width:100%}.hub-newsletter button{width:100%}
  .pricing-section{padding:var(--section-y) var(--space-md)}.pricing-heading{text-align:left;padding:0 var(--space-2xs)}.pricing-heading h2{}.pricing-heading h2 br{display:none}.billing-toggle{margin-left:0}.price-card{--tag-w:48px}.price-card .price-tag{top:var(--space-lg);bottom:var(--space-lg)}.price-card .price-tag span{}.price-card-body{padding:var(--space-lg)}.popular-pill{right:var(--space-sm)}.price-card h3{margin-top:var(--space-lg)}.pricing-note{padding:0 var(--space-lg)}
  .faq-section{padding:var(--section-y) var(--space-lg);gap:var(--space-xl)}.faq-intro h2{}.faq-item button{padding:var(--space-md)}.faq-item.open .faq-answer>p{padding:0 calc(var(--space-md) + 30px) var(--space-md) var(--space-md)}.final-cta-section{min-height:590px}.final-cta-content{padding:var(--section-y) var(--space-lg)}.final-cta-content h2{}.final-cta-copy{}.final-cta-actions{flex-direction:column}.final-cta-actions>a{width:min(250px,100%)}.site-footer{padding:var(--space-4xl) var(--space-lg) 0}.footer-main{grid-template-columns:1fr 1fr;gap:38px 25px}.footer-brand{grid-column:span 2;grid-row:auto}.footer-bottom{margin-top:48px;flex-direction:column;gap:10px}
}

@media (max-width: 390px) {
  .navbar { width: calc(100% - 16px); padding-left: var(--space-xs); padding-right: var(--space-2xs); }
  .brand { gap: var(--space-xs); }
  .brand-mark { width: 22px; height: 22px; }
  .brand-logo-mark { width: 25px; height: 25px; }
  .nav-actions { margin-right: var(--space-2xs); }
  .nav-cta { gap: var(--space-2xs); padding-right: var(--space-2xs); padding-left: var(--space-xs); }
  .nav-arrow { width: 15px; }
  .menu-toggle { width: 33px; height: 33px; }
  .hero-section { padding-right: var(--space-md); padding-left: var(--space-md); }
  .trust-line { align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Humans + agents: scroll-drawn dual-path story. */
/* Story-path geometry: these position text nodes along the hand-drawn SVG path. They are coordinates, not spacing — keep them off the scale. */
.agents-path-section{--story-top:125px;--story-bottom:230px;--story-lane-gap:170px;--story-lane-offset:270px;position:relative;min-height:3600px;overflow:hidden;isolation:isolate;background:linear-gradient(to bottom,#fff6f9 0%,#fff 9%,#fff 80%,#fff6f9 100%);color:var(--ink)}
.agents-story-paths{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
.agents-path-section::before{content:"";position:absolute;z-index:1;left:0;right:0;top:0;height:260px;background:linear-gradient(to bottom,#fff6f9 0%,rgba(255,246,249,.85) 35%,rgba(255,255,255,0) 100%);pointer-events:none}
.agents-draw-path{fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.agents-human-path{stroke:url(#agentsHumanColor)}.agents-agent-path{stroke:url(#agentsAgentColor)}.agents-joined-path{stroke:url(#agentsJoinedColor)}
.agents-path-haze{stroke-width:175px;filter:url(#agentsWideGlow);opacity:.56}.agents-path-core{stroke-width:58px;filter:url(#agentsSoftGlow);opacity:.92}.agents-joined-path.agents-path-haze,.agents-joined-path.agents-path-core{opacity:0}
.agents-story-content{position:relative;z-index:1;width:min(1160px,calc(100% - 48px));margin:0 auto;padding:var(--story-top) 0 var(--story-bottom)}
.agents-story-intro{min-height:490px;max-width:880px;margin:0 auto;text-align:center}.agents-story-intro>span,.agents-lane small,.agents-merge small,.agents-joined-beat small{color:var(--red);font-size:var(--step--2);font-weight:600;letter-spacing:.17em}.agents-story-intro h2{margin:calc(var(--space-md) - .08em) 0 var(--space-lg);font-size:var(--step-7);line-height:var(--lh-tight);letter-spacing:-.07em}.agents-story-intro p,.agents-lane p,.agents-merge p,.agents-joined-beat p{color:var(--muted);font-size:var(--step-0);line-height:var(--lh-body)}.agents-story-intro p{max-width:630px;margin:0 auto;font-size:var(--step-1)}
.agents-split-story{min-height:930px;display:grid;grid-template-columns:1fr 1fr;gap:var(--story-lane-gap);align-items:center}
.agents-lane{position:relative;width:min(520px,100%);max-width:520px;display:grid;grid-template-columns:74px minmax(0,1fr);column-gap:var(--space-lg);align-items:start;isolation:isolate}.agents-lane-agent{justify-self:end;padding-top:var(--story-lane-offset);grid-template-columns:minmax(0,1fr) 74px;text-align:left}.agents-lane-agent small{color:#8e3fa5}
.agents-glow-icon{width:62px;height:62px;margin:2px 0 0;display:grid;place-items:center;border:2px solid rgba(255,255,255,.94);border-radius:50%;background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(255,255,255,.32),0 0 25px 7px rgba(255,255,255,.62);color:#fff;font-size:19px}.agents-glow-icon .fa-circle{font-size:13px}
.agents-lane .agents-glow-icon,.agents-joined-beat .agents-glow-icon{grid-column:1;grid-row:1/6}.agents-lane>small,.agents-lane>h3,.agents-lane>p,.agents-lane>b,.agents-joined-beat>small,.agents-joined-beat>h3,.agents-joined-beat>p,.agents-joined-beat>b{grid-column:2}.agents-lane-agent .agents-glow-icon,.agents-joined-right .agents-glow-icon{grid-column:2}.agents-lane-agent>small,.agents-lane-agent>h3,.agents-lane-agent>p,.agents-lane-agent>b,.agents-joined-right>small,.agents-joined-right>h3,.agents-joined-right>p,.agents-joined-right>b{grid-column:1}
.agents-lane h3,.agents-joined-beat h3{margin:calc(var(--space-sm) - .08em) 0 var(--space-md) -.04em;font-size:var(--step-5);line-height:var(--lh-tight);letter-spacing:-.06em}.agents-lane p,.agents-joined-beat p{text-shadow:0 0 12px #fff,0 0 24px #fff}
.agents-lane b,.agents-merge b,.agents-joined-beat b{display:inline-block;justify-self:start;margin-top:var(--space-lg);padding:var(--space-sm) var(--space-md);border-radius:14px;background:var(--brand-gradient);box-shadow:0 6px 0 #b51e53,0 14px 25px rgba(113,27,70,.18);color:#fff;font-size:var(--step--1);transform:rotate(-1deg)}.agents-lane-agent b{background:linear-gradient(135deg,#7b3eb2,#c73d94 58%,var(--orange));box-shadow:0 6px 0 #67265f,0 14px 25px rgba(113,27,70,.18);transform:rotate(1deg)}
.agents-merge{position:relative;min-height:710px;max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;isolation:isolate}.agents-merge-mark{margin-bottom:var(--space-lg);display:flex;filter:drop-shadow(0 15px 22px rgba(113,27,70,.22))}.agents-merge-mark span{width:58px;height:58px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:rgba(255,255,255,.08);box-shadow:0 0 0 6px rgba(255,255,255,.38),0 0 26px 8px rgba(255,255,255,.7);color:#fff}.agents-merge-mark span+span{margin-left:-15px}.agents-merge h3{margin:calc(var(--space-sm) - .08em) 0 var(--space-md);font-size:var(--step-6);line-height:var(--lh-tight);letter-spacing:-.065em}.agents-merge p{max-width:610px;margin:0}
.agents-joined-beat{position:relative;min-height:650px;width:min(520px,100%);display:grid;grid-template-columns:74px minmax(0,1fr);column-gap:var(--space-lg);align-content:center;align-items:start;isolation:isolate}.agents-joined-left{margin-right:auto}.agents-joined-right{margin-left:auto;grid-template-columns:minmax(0,1fr) 74px;text-align:left}
/* Humans + agents story: short looping videos beside each path node */
.agents-media{position:relative;width:100%;margin:0 0 var(--space-lg);padding:var(--frame);border-radius:24px;background:var(--agents-media-frame);box-shadow:0 22px 55px var(--agents-media-shadow),6px 6px 22px var(--agents-media-glow),-6px 6px 20px var(--agents-media-shadow)}
.agents-media::before{content:"";position:absolute;z-index:-1;inset:-14% -8%;border-radius:50%;background:radial-gradient(circle at center,var(--agents-media-glow),transparent 70%);filter:blur(42px);opacity:.75;pointer-events:none}
.agents-media .app-window{border:0;border-radius:18px;box-shadow:0 14px 36px rgba(38,8,28,.18)}
.agents-media video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px}
.agents-media-placeholder{aspect-ratio:16/10;padding:26px 20px}.agents-media-placeholder>i{width:44px;height:44px;font-size:15px;background:var(--agents-media-frame)}.agents-media-placeholder>strong{font-size:15px}.agents-media-placeholder>span{font-size:7px}
.agents-media-human{--agents-media-frame:linear-gradient(135deg,#8a1440 0%,#c8224f 45%,#ff3d81 100%);--agents-media-shadow:rgba(200,34,79,.22);--agents-media-glow:rgba(255,61,129,.32)}
.agents-media-agent{--agents-media-frame:linear-gradient(135deg,#4a1f7a 0%,#8e3fa5 45%,#d94c8a 78%,#ff7849 100%);--agents-media-shadow:rgba(142,63,165,.22);--agents-media-glow:rgba(255,120,73,.3)}
.agents-media-merge{--agents-media-frame:linear-gradient(135deg,#711b46 0%,#c8224f 50%,#ff3d81 100%);--agents-media-shadow:rgba(113,27,70,.24);--agents-media-glow:rgba(245,47,87,.32)}
.agents-media-review{--agents-media-frame:linear-gradient(135deg,#4b1230 0%,#711b46 40%,#b62458 75%,#f52f57 100%);--agents-media-shadow:rgba(113,27,70,.24);--agents-media-glow:rgba(182,36,88,.3)}
.agents-media-publish{--agents-media-frame:linear-gradient(135deg,#a3183f 0%,#f52f57 45%,#ff3d81 80%,#ff5c8f 100%);--agents-media-shadow:rgba(245,47,87,.22);--agents-media-glow:rgba(255,61,129,.34)}
.agents-lane>.agents-media,.agents-joined-beat>.agents-media{grid-column:2}.agents-lane-agent>.agents-media,.agents-joined-right>.agents-media{grid-column:1}
.agents-lane .agents-glow-icon,.agents-joined-beat .agents-glow-icon{grid-row:1;align-self:center;margin:0}
@media(max-width:760px){.agents-media{padding:var(--frame);border-radius:20px}.agents-media .app-window,.agents-media video{border-radius:15px}}
.agents-story-reveal{opacity:0;transform:translateY(44px) scale(.985);transition:opacity .72s ease,transform .9s cubic-bezier(.22,1.18,.36,1)}.agents-story-reveal.is-visible{opacity:1;transform:none}.agents-lane.agents-story-reveal,.agents-merge.agents-story-reveal,.agents-joined-beat.agents-story-reveal{transform:none;transition-property:opacity}
@media(max-width:760px){
  .agents-path-section{--story-top:88px;min-height:0;overflow:hidden;background:linear-gradient(180deg,#fff6f9 0%,#fff 12%,#fff 88%,#fff6f9 100%)}
  .agents-story-paths{display:none}
  .agents-path-section::before{height:180px}
  .agents-story-content{width:min(100% - 32px,620px);padding:var(--story-top) 0 104px}
  .agents-story-intro{min-height:0;margin-bottom:54px;text-align:left}
  .agents-story-intro h2 br{display:none}
  .agents-story-intro p{margin:0}
  .agents-split-story{min-height:0;display:grid;grid-template-columns:1fr;gap:28px;margin-bottom:28px}
  .agents-lane,.agents-merge,.agents-joined-beat{--thread-color:#ff3d81;position:relative;width:100%;max-width:none;min-height:0;margin:0;border:1px solid rgba(113,49,80,.10);border-radius:24px;background:#fff;box-shadow:-8px 0 0 -4px var(--thread-color),0 20px 46px rgba(83,24,59,.12);text-align:left;isolation:isolate}
  .agents-lane,.agents-joined-beat{padding:0 18px 26px;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:14px;align-items:start}
  .agents-lane-agent{--thread-color:#a43ead;padding-top:0;justify-self:stretch}
  .agents-merge{--thread-color:#711b46;margin-bottom:28px;padding:22px 20px 26px 58px;display:block;align-items:initial;justify-content:initial}
  .agents-joined-left{--thread-color:#c8224f;margin-bottom:28px}
  .agents-joined-right{--thread-color:#ff3d81}
  .agents-lane::after,.agents-merge::after,.agents-joined-left::after{content:"";position:absolute;z-index:-1;left:27px;top:100%;width:4px;height:30px;border-radius:99px;background:linear-gradient(var(--thread-color),#ff8fb8);box-shadow:0 0 12px color-mix(in srgb,var(--thread-color) 42%,transparent)}
  .agents-lane .agents-glow-icon,.agents-joined-beat .agents-glow-icon{position:relative;z-index:2;left:auto;right:auto;top:auto;width:28px;height:28px;margin:1px 0 0;border-width:2px;background:var(--thread-color);box-shadow:0 0 0 4px #fff,0 7px 18px color-mix(in srgb,var(--thread-color) 30%,transparent);font-size:10px;grid-column:1;grid-row:2/6;align-self:start}
  .agents-lane .agents-glow-icon .fa-circle{font-size:7px}
  .agents-lane-agent .agents-glow-icon,.agents-joined-right .agents-glow-icon{left:auto;right:auto;grid-column:1}
  .agents-lane>small,.agents-lane>h3,.agents-lane>p,.agents-lane>b,.agents-lane-agent>small,.agents-lane-agent>h3,.agents-lane-agent>p,.agents-lane-agent>b,.agents-joined-beat>small,.agents-joined-beat>h3,.agents-joined-beat>p,.agents-joined-beat>b,.agents-joined-right>small,.agents-joined-right>h3,.agents-joined-right>p,.agents-joined-right>b{grid-column:2}
  .agents-media,.agents-lane>.agents-media,.agents-lane-agent>.agents-media,.agents-joined-beat>.agents-media,.agents-joined-right>.agents-media{grid-column:1/-1;grid-row:1;width:calc(100% + 36px);margin:-1px -18px 22px;padding:4px;border-radius:23px 23px 16px 16px;box-shadow:0 14px 30px rgba(83,24,59,.12)}
  .agents-media::before{display:none}
  .agents-media .app-window,.agents-media video{border-radius:19px 19px 13px 13px}
  .agents-lane h3,.agents-joined-beat h3{margin-top:8px}
  .agents-lane p,.agents-joined-beat p{text-shadow:none}
  .agents-merge-mark{margin:0 0 20px -37px;justify-content:flex-start;filter:none}
  .agents-merge-mark span{width:32px;height:32px;border-width:2px;background:var(--thread-color);box-shadow:0 0 0 4px #fff,0 7px 18px rgba(113,27,70,.22);font-size:11px}
  .agents-merge-mark span+span{margin-left:-8px}
  .agents-merge h3{margin-top:8px}
  .agents-story-reveal{transform:translateY(24px)}
}
@media(prefers-reduced-motion:reduce){.agents-draw-path{stroke-dashoffset:0!important}.agents-joined-path.agents-path-haze{opacity:.56!important}.agents-joined-path.agents-path-core{opacity:.92!important}.agents-story-reveal{opacity:1;transform:none;transition:none}}

.video-play-fallback{position:absolute;z-index:4;left:50%;top:50%;width:54px;height:54px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.82);border-radius:50%;background:rgba(65,20,49,.82);box-shadow:0 12px 32px rgba(38,8,28,.25);color:#fff;cursor:pointer;backdrop-filter:blur(8px)}
.video-play-fallback::before{content:"";margin-left:4px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid currentColor}
.video-play-fallback[hidden]{display:none}
.library-image-view,.brand-view.library-image-view{padding:0!important}

/* Workflow: timeline steps + framed post card (overrides earlier tab styling) */
.workflow-section .workflow-tabs{position:relative;max-width:1080px;margin:0 auto var(--space-2xl);padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:0;--progress:0}
.workflow-track{position:absolute;z-index:0;left:calc(100% / 12);right:calc(100% / 12);top:29px;height:4px;border-radius:99px;background:rgba(113,27,70,.10);overflow:hidden}
.workflow-track-fill{position:absolute;inset:0 auto 0 0;width:calc(var(--progress) * 100%);border-radius:99px;background:linear-gradient(to right,#c8224f,#ff3d81);box-shadow:0 0 14px rgba(255,61,129,.5);transition:width .7s cubic-bezier(.22,1,.36,1)}
.workflow-section .workflow-tab{position:relative;z-index:1;height:auto;padding:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);overflow:visible;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;color:var(--text-secondary);cursor:pointer;transform:none!important;filter:none!important;animation:none!important;transition:color .25s ease}
.workflow-section .workflow-tab::before{content:none}
.workflow-section .workflow-tab i{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;border:2px solid #fff;background:#fff!important;color:#b58ca0;font-size:18px;box-shadow:0 8px 20px rgba(85,31,59,.12),0 0 0 4px rgba(255,255,255,.7);transform:none;transition:transform .45s var(--gummy-ease,cubic-bezier(.34,1.56,.64,1)),background .3s ease,color .3s ease,box-shadow .3s ease}
.workflow-section .workflow-tab span{font-size:var(--step--1);font-weight:600;letter-spacing:.02em}
.workflow-section .workflow-tab.is-done i{border-color:transparent;background:linear-gradient(to top right,#c8224f,#ff3d81)!important;color:#fff;box-shadow:0 8px 20px rgba(200,34,79,.28),0 0 0 4px rgba(255,255,255,.7);animation:workflowStepDone .55s cubic-bezier(.34,1.56,.64,1)}
.workflow-section .workflow-tab.is-done i::before{content:"\f00c"}
.workflow-section .workflow-tab.is-done{color:var(--ink)}
@keyframes workflowStepDone{0%{transform:scale(.8)}55%{transform:scale(1.14)}100%{transform:none}}
.workflow-section .workflow-tab:not(.active):hover i{transform:translateY(-4px) scale(1.06);color:var(--pink);background:#fff!important}
.workflow-section .workflow-tab.active{color:var(--ink)}
.workflow-section .workflow-tab.active i{transform:translateY(-4px) scale(1.16);border-color:#fff;background:linear-gradient(to top right,#c8224f,#ff3d81)!important;color:#fff;box-shadow:0 12px 26px rgba(200,34,79,.36),0 0 0 6px rgba(255,61,129,.16),0 0 34px rgba(255,61,129,.45)}
.workflow-section .workflow-panel{max-width:1180px;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;grid-template-columns:.8fr 1.2fr;gap:var(--space-3xl)}
.workflow-explanation{transition:opacity .3s ease,transform .3s ease}.workflow-explanation.changing{opacity:0;transform:translateY(8px)}
.workflow-sample-frame{position:relative;padding:var(--frame);border-radius:28px;background:linear-gradient(135deg,#8a1440 0%,#c8224f 45%,#ff3d81 100%);box-shadow:0 28px 70px rgba(83,24,59,.2),8px 8px 28px rgba(200,34,79,.13),-8px 8px 24px rgba(113,27,70,.12);transition:transform .7s cubic-bezier(.22,1,.36,1)}
.workflow-sample-frame::before{content:"";position:absolute;z-index:-1;inset:-12% -8%;border-radius:50%;background:radial-gradient(circle at center,rgba(255,61,129,.32),transparent 70%);filter:blur(44px);opacity:.8;pointer-events:none}
.workflow-sample-frame.nudge{transform:translateX(14px)}
.workflow-section .workflow-sample{border:0;border-radius:21px;box-shadow:0 14px 36px rgba(38,8,28,.16);transition:none}
.workflow-section .workflow-sample.changing{transform:none;opacity:1}
.sample-note,.sample-footer,.sample-status,.sample-details{transition:opacity .28s ease,transform .28s ease}
.workflow-sample.changing .sample-note,.workflow-sample.changing .sample-footer,.workflow-sample.changing .sample-status,.workflow-sample.changing .sample-details{opacity:0;transform:translateX(-10px)}
.workflow-sample .sample-status>span{transition:background .4s ease,box-shadow .4s ease}
@media(max-width:1000px){.workflow-section .workflow-panel{grid-template-columns:1fr;gap:var(--space-2xl)}}
@media(max-width:640px){.workflow-section .workflow-tabs{margin:0 0 var(--space-xl);grid-template-columns:repeat(6,1fr);overflow:visible;padding:0}.workflow-track{top:21px}.workflow-section .workflow-tab i{width:44px;height:44px;font-size:14px}.workflow-section .workflow-tab span{}.workflow-sample-frame{padding:var(--frame);border-radius:22px}.workflow-section .workflow-sample{border-radius:17px}}

/* Workflow: "complete" sweep when the post reaches Published */
.workflow-track-fill::after{content:"";position:absolute;top:-6px;bottom:-6px;left:-40%;width:40%;border-radius:99px;background:linear-gradient(to right,transparent,rgba(255,255,255,.95),transparent);opacity:0;pointer-events:none}
.workflow-tabs.is-complete .workflow-track-fill{box-shadow:0 0 22px rgba(255,61,129,.85),0 0 40px rgba(255,61,129,.5)}
.workflow-tabs.is-complete .workflow-track-fill::after{animation:workflowSweep 1.1s cubic-bezier(.4,0,.2,1) forwards}
.workflow-tabs.is-complete .workflow-tab i{animation:workflowStepCelebrate .7s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--i) * 70ms)}
.workflow-tabs.is-complete .workflow-tab.active i{box-shadow:0 12px 26px rgba(200,34,79,.4),0 0 0 6px rgba(255,61,129,.22),0 0 48px rgba(255,61,129,.7)}
@keyframes workflowSweep{0%{left:-40%;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}
@keyframes workflowStepCelebrate{0%{transform:translateY(0)}40%{transform:translateY(-7px)}100%{transform:translateY(0)}}
.workflow-tabs.is-complete .workflow-tab.active i{animation-name:workflowStepCelebrateActive}
@keyframes workflowStepCelebrateActive{0%{transform:translateY(-4px) scale(1.16)}40%{transform:translateY(-12px) scale(1.24)}100%{transform:translateY(-4px) scale(1.16)}}

/* Integrations: plum band with drifting logo marquees */
.integrations-section{position:relative;isolation:isolate;overflow:hidden;margin:0;padding:var(--section-y) max(var(--space-xl),calc((100vw - 1180px)/2));color:#fff;background:linear-gradient(160deg,#3a1030 0%,#4a1339 40%,#5e1745 72%,#711b46 100%);box-shadow:0 30px 80px rgba(58,16,48,.22)}
.integ-glow{position:absolute;z-index:0;border-radius:50%;filter:blur(70px);pointer-events:none;will-change:transform;translate:0 calc(var(--py) * 1px)}
[data-parallax]{--py:0}
.integ-heading[data-parallax],.integ-path[data-parallax]{translate:0 calc(var(--py) * 1px);will-change:transform}
.integ-glow-a{width:820px;height:620px;right:-220px;top:-200px;background:radial-gradient(circle,rgba(255,61,129,.55),rgba(245,47,87,.22) 45%,transparent 70%);animation:integDrift 11s ease-in-out infinite alternate}
.integ-glow-b{width:700px;height:560px;left:-240px;bottom:-240px;background:radial-gradient(circle,rgba(200,34,79,.5),rgba(255,61,129,.18) 50%,transparent 72%);animation:integDrift 13s ease-in-out infinite alternate-reverse}
@keyframes integDrift{0%{transform:translate(0,0) scale(.95)}100%{transform:translate(-40px,30px) scale(1.08)}}
.integ-path{position:absolute;z-index:0;inset:0;width:100%;height:100%;pointer-events:none;opacity:.55}
.integ-path path{fill:none;stroke:url(#integPathGrad,#ff3d81);stroke:#ff3d81;stroke-width:90;stroke-linecap:round;opacity:.16;filter:blur(26px)}
.integ-heading{position:relative;z-index:2;max-width:720px;margin:0 auto var(--header-gap);text-align:center}
.integ-heading .overview-kicker{margin:0;color:#ff8fb8}
.integ-heading h2{margin:calc(var(--space-sm) - .08em) 0 var(--space-md);font-size:var(--step-5);line-height:var(--lh-tight);letter-spacing:-.06em;text-shadow:0 4px 30px rgba(60,8,40,.4)}
.integ-heading p{max-width:560px;margin:0 auto;color:rgba(255,255,255,.72);font-size:var(--step-0);line-height:var(--lh-body)}
.integ-marquee{position:relative;z-index:2;margin:0 auto var(--space-lg);max-width:1180px;--mask:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:var(--mask);mask-image:var(--mask)}
.integ-marquee>small{display:block;margin:0 0 var(--space-sm) 12%;color:rgba(255,255,255,.5);font-size:var(--step--2);font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.integ-track{display:flex;gap:var(--space-sm);width:max-content;animation:integScroll 38s linear infinite}
.integ-marquee-reverse .integ-track{animation-direction:reverse;animation-duration:44s}
.integ-marquee:hover .integ-track{animation-play-state:paused}
@keyframes integScroll{to{transform:translateX(-50%)}}
.integ-chip{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-sm); /* optical: icon on the left, text side gets the extra */border:1px solid rgba(255,255,255,.16);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));box-shadow:0 10px 26px rgba(30,4,20,.28),inset 0 1px rgba(255,255,255,.2);color:#fff;font-size:var(--step--1);font-weight:600;letter-spacing:-.01em;white-space:nowrap;backdrop-filter:blur(6px);transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.integ-chip i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(to top right,#c8224f,#ff3d81);color:#fff;font-size:14px;box-shadow:0 6px 14px rgba(200,34,79,.4)}
.integ-marquee-reverse .integ-chip i{background:linear-gradient(to top right,#8a1440,#c8224f 60%,#e0295f);box-shadow:0 6px 14px rgba(138,20,64,.45)}
.integ-chip:hover{transform:translateY(-4px);background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.08));box-shadow:0 16px 32px rgba(30,4,20,.36),0 0 24px rgba(255,61,129,.3),inset 0 1px rgba(255,255,255,.3)}
.integ-cta{position:relative;z-index:2;margin-top:var(--space-2xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}
.integ-cta>span{color:rgba(255,255,255,.5);font-size:var(--step--1);font-weight:700;letter-spacing:.06em}
@media(prefers-reduced-motion:reduce){.integ-track,.integ-glow{animation:none}}
@media(max-width:640px){.integrations-section{margin:0;padding:var(--section-y) 0}.integ-heading{padding:0 var(--space-lg);margin-bottom:var(--header-gap)}.integ-heading h2{}.integ-marquee>small{margin-left:var(--space-lg)}.integ-chip{padding:var(--space-xs) var(--space-sm) var(--space-xs) var(--space-xs);}.integ-chip i{width:30px;height:30px;font-size:12px}}

/* Gummy Content Hub: playful bento grid — full-image cards with a readable overlay */
.hubx-grid{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:repeat(2,300px);gap:var(--space-lg);margin-bottom:var(--space-3xl)}
.hubx-card{--tone-a:#c8224f;--tone-b:#ff3d81;position:relative;grid-row:span 1;display:flex;border-radius:26px;color:#fff;text-decoration:none;overflow:hidden;box-shadow:0 22px 48px rgba(84,29,58,.16),0 0 0 1px rgba(113,49,80,.08);transform:rotate(var(--tilt,0deg));transition:transform .45s cubic-bezier(.22,1.45,.36,1),box-shadow .3s ease}
.hubx-featured{grid-row:span 2;--tilt:-.7deg}
.hubx-card:nth-child(2){--tilt:.8deg}
.hubx-card:nth-child(3){--tilt:-.5deg}
.hubx-card::after{content:"";position:absolute;z-index:-1;left:10%;right:10%;bottom:-18px;height:44px;border-radius:50%;background:linear-gradient(90deg,var(--tone-a),var(--tone-b));filter:blur(22px);opacity:.35;transition:opacity .3s ease}
.hubx-card:hover{transform:rotate(0deg) translateY(-8px);box-shadow:0 32px 62px rgba(84,29,58,.22),0 0 0 1px rgba(113,49,80,.1)}
.hubx-card:hover::after{opacity:.55}
.hubx-tone-pink{--tone-a:#c8224f;--tone-b:#ff3d81}
.hubx-tone-violet{--tone-a:#8a1440;--tone-b:#c8224f}
.hubx-tone-coral{--tone-a:#ff5c94;--tone-b:#ff8fb8}
.hubx-art{position:absolute;inset:0;padding:0;background:none}
.hubx-art img{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.hubx-card:hover .hubx-art img{transform:scale(1.05)}
.hubx-art::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(38,7,26,.9) 0%,rgba(48,10,33,.62) 26%,rgba(48,10,33,.12) 52%,transparent 68%);transition:opacity .3s ease}
.hubx-card:hover .hubx-art::after{opacity:.94}
.hubx-tag{position:absolute;z-index:2;left:var(--space-lg);top:var(--space-lg);padding:var(--space-xs) var(--space-sm);border:1px solid rgba(255,255,255,.9);border-radius:99px;background:rgba(255,255,255,.92);color:var(--plum);font-size:var(--step--2);font-weight:600;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 3px 0 rgba(74,22,47,.16),0 8px 18px rgba(76,17,48,.28);backdrop-filter:blur(6px)}
.hubx-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;flex:1;padding:var(--space-lg);text-shadow:0 2px 14px rgba(30,4,20,.5)}
.hubx-copy h3{margin:0 0 var(--space-xs);font-size:var(--step-2);line-height:var(--lh-subhead);letter-spacing:-.035em;color:#fff}
.hubx-featured .hubx-copy h3{font-size:var(--step-3);line-height:var(--lh-subhead)}
.hubx-copy p{margin:0;max-width:420px;color:rgba(255,255,255,.82);font-size:var(--step--1);line-height:var(--lh-body)}
.hubx-copy em{margin-top:var(--space-md);display:inline-flex;align-items:center;gap:var(--space-xs);color:#fff;font-size:var(--step--1);font-weight:600;font-style:normal}
.hubx-arrow{position:relative;width:26px;height:26px;flex:0 0 auto;border-radius:50%;background:linear-gradient(to top right,var(--tone-a),var(--tone-b));box-shadow:0 6px 14px rgba(20,3,13,.45);transition:transform .35s cubic-bezier(.22,1.45,.36,1)}
.hubx-arrow i{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:10px}
.hubx-card:hover .hubx-arrow{transform:translateX(5px)}
.hubx-card.filtered-out{display:none}
@media(max-width:980px){.hubx-grid{grid-template-columns:1fr;grid-template-rows:none}.hubx-card{min-height:280px}.hubx-featured{grid-row:span 1;min-height:340px}}
@media(max-width:640px){.hubx-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl)}.hubx-card{min-height:250px}.hubx-copy{padding:var(--space-lg)}}
.hub-filters button.active{background:linear-gradient(to top right,#c8224f,#ff3d81);box-shadow:0 9px 20px rgba(200,34,79,.28),inset 0 1px rgba(255,255,255,.26),inset 0 -2px rgba(122,16,54,.1)}
.hub-newsletter{background:linear-gradient(120deg,#3a1030 0%,#5e1745 55%,#8a1440 85%,#c8224f 100%)}
@media(max-width:980px){.hubx-grid{grid-template-columns:1fr;grid-template-rows:none}.hubx-featured{grid-row:span 1}.hubx-featured .hubx-art{flex:0 0 auto}.hubx-featured .hubx-art img{height:260px;min-height:0}}
@media(max-width:640px){.hubx-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl)}.hubx-art img{height:200px}.hubx-copy{padding:var(--space-lg)}}

/* Integrations background variant B: deep raspberry + bottom-center horizon glow.
   Remove the integ-bg-b class from the section to go back to the plum version. */
.integrations-section.integ-bg-b{background:linear-gradient(165deg,#43091f 0%,#560f2b 38%,#6d1236 72%,#8a1440 100%)}
.integ-bg-b .integ-glow-a{right:auto;top:auto;left:50%;bottom:-6%;width:150%;height:78%;transform:translateX(-50%);border-radius:0;background:radial-gradient(ellipse 75% 100% at 50% 104%,rgba(255,80,143,.9) 0%,rgba(245,47,87,.55) 32%,rgba(200,34,79,.22) 58%,transparent 78%);mix-blend-mode:screen;filter:blur(40px);animation:integHorizon 9s ease-in-out infinite alternate}
.integ-bg-b .integ-glow-b{left:50%;bottom:6%;width:52%;height:46%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,170,203,.6),rgba(255,61,129,.22) 46%,transparent 70%);mix-blend-mode:screen;filter:blur(42px);animation:integHorizon 12s ease-in-out infinite alternate-reverse}
@keyframes integHorizon{0%{opacity:.82;transform:translateX(-50%) scaleY(.96)}100%{opacity:1;transform:translateX(-50%) scaleY(1.06)}}
.integ-bg-b .integ-path path{stroke:#ff5c94;opacity:.2}
.integ-bg-b .integ-chip{border-color:rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.04));box-shadow:0 10px 26px rgba(26,2,13,.34),inset 0 1px rgba(255,255,255,.18)}

/* FAQ: quiet base, soft static halo behind the intro */
.faq-section{background:transparent;color:var(--ink)}
.faq-section::before{content:"";position:absolute;z-index:-1;left:-160px;top:4%;width:640px;height:560px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,61,129,.16) 0%,rgba(245,47,87,.07) 45%,transparent 72%);filter:blur(44px);animation:none;transform:none}
.faq-intro>span{color:var(--pink)}
.faq-intro h2{color:var(--ink);text-shadow:none}
.faq-intro>p{color:var(--muted)}
.faq-intro>a{color:var(--plum)}
.faq-intro>a>span{background:var(--brand-gradient);box-shadow:0 7px 17px rgba(200,34,79,.28)}
.faq-intro>a>span i::before,.faq-intro>a>span i::after{border-color:#fff}
/* Footer: light large-type ending — canvas fades into dragonfruit, flat ink wordmark cropped at the bottom, gummy pieces drifting over it */
.site-footer{position:relative;isolation:isolate;overflow:hidden;padding:var(--section-y) max(var(--space-xl),calc((100vw - 1280px)/2)) 0;background:linear-gradient(180deg,rgba(255,250,251,0) 0%,#ffeaf2 32%,#ffc4da 62%,#ff8fb8 85%,#ff6fa5 100%);color:var(--ink)}
.site-footer::before,.site-footer::after{content:none}
.footer-links-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);flex-wrap:wrap}
.footer-nav{display:flex;align-items:center;gap:var(--space-xs) var(--space-xl);flex-wrap:wrap}
.footer-nav a{color:var(--text-secondary);font-size:var(--step--1);font-weight:600;letter-spacing:.04em;text-decoration:none;transition:color .2s,transform .2s}
.footer-nav a:hover{color:var(--plum);transform:translateY(-1px)}
.footer-socials{display:flex;gap:var(--space-xs)}
.footer-socials a{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(113,27,70,.14);border-radius:50%;background:#fff;color:var(--plum);font-size:12px;box-shadow:0 6px 14px rgba(113,27,70,.12);text-decoration:none;transition:.2s;backdrop-filter:blur(4px)}
.footer-socials a:hover{transform:translateY(-3px);background:var(--brand-gradient);border-color:transparent;color:#fff}
.footer-legal-row{margin-top:var(--space-lg);padding-top:var(--space-md);display:flex;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;border-top:1px solid rgba(113,27,70,.12);color:var(--text-secondary);font-size:var(--step--2);font-weight:600}
.footer-legal-row a{margin-left:var(--space-md);color:inherit;text-decoration:none}.footer-legal-row a:hover{color:var(--plum)}
.footer-stage{position:relative;margin-top:var(--space-xl)}
.footer-wordmark{margin:0 auto -.24em; /* optical: deliberate crop of the wordmark at the page edge — keep */width:max-content;max-width:100%;color:#fff;text-shadow:0 6px 40px rgba(200,34,79,.25);font-size:clamp(72px,15.2vw,225px);font-weight:700;letter-spacing:-.055em;line-height:1;white-space:nowrap;user-select:none}

@media(max-width:760px){.site-footer{padding:var(--space-4xl) var(--space-lg) 0}.footer-links-row{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.footer-legal-row{flex-direction:column;gap:var(--space-xs)}.footer-legal-row a{margin:0 var(--space-md) 0 0}.footer-wordmark{font-size:clamp(54px,15vw,110px)}}

/* One secondary pattern everywhere: label + gradient circle arrow (the "Ask us anything" construction) */
.link-cta{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--plum);font-size:var(--step--1);font-weight:600;text-decoration:none;transition:color .2s ease}
.link-cta:hover{color:var(--pink)}
.link-arrow{position:relative;width:25px;height:25px;flex:0 0 auto;border-radius:50%;background:var(--brand-gradient);box-shadow:0 7px 17px rgba(200,34,79,.28);transition:transform .32s cubic-bezier(.22,1.45,.36,1)}
.link-arrow i::before{content:"";position:absolute;left:7px;top:12px;width:10px;border-top:1.5px solid #fff}
.link-arrow i::after{content:"";position:absolute;right:7px;top:9px;width:5px;height:5px;border-top:1.5px solid #fff;border-right:1.5px solid #fff;transform:rotate(45deg)}
.link-cta:hover .link-arrow{transform:translateX(4px)}
.faq-intro>a.link-cta{margin-top:var(--space-lg)}
.hub-heading a.link-cta{margin-top:var(--space-lg)}
/* neutralize the final-CTA action-button chrome for the link version */
.final-cta-actions>a.link-cta{min-height:0;padding:0;border-radius:0;background:none;box-shadow:none;color:var(--plum);font-size:var(--step--1)}
.final-cta-actions>a.link-cta:hover{transform:none;color:var(--pink)}

/* Carousel cards: numbered process steps + stack chips */
.step-num{font-size:var(--step--1);font-weight:600;font-style:normal}
.audience-card ul{margin-top:auto}
.audience-stack{margin-top:var(--space-sm);padding-top:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs);border-top:1px solid rgba(113,49,80,.09)}
.audience-stack>small{margin-right:var(--space-2xs);color:var(--text-tertiary);font-size:var(--step--2);font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.stack-chip{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(113,49,80,.12);border-radius:50%;background:#fff;color:var(--plum);font-size:11px;box-shadow:0 3px 8px rgba(85,31,59,.1)}

/* Public policy and support pages */
.legal-page{min-height:100vh;background:radial-gradient(850px 520px at 88% 6%,rgba(255,61,129,.12),transparent 68%),radial-gradient(700px 500px at 4% 72%,rgba(200,34,79,.08),transparent 70%),var(--canvas)}
.legal-header{position:relative;z-index:2;width:min(1120px,calc(100% - 48px));margin:0 auto;padding:var(--space-lg) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}
.legal-brand{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--ink);font-size:var(--step-1);font-weight:700;letter-spacing:-.04em}
.legal-brand img{width:36px;height:36px;display:block}
.legal-header nav{display:flex;align-items:center;gap:var(--space-lg)}
.legal-header nav a{color:var(--text-secondary);font-size:var(--step--1);font-weight:600}
.legal-header nav a:hover{color:var(--pink)}
.legal-header .legal-signin{padding:var(--space-xs) var(--space-md);border:1px solid rgba(113,27,70,.12);border-radius:10px;background:#fff;box-shadow:0 6px 16px rgba(85,31,59,.08);color:var(--plum)}
.legal-main{width:min(860px,calc(100% - 48px));margin:0 auto;padding:var(--space-3xl) 0 var(--space-5xl)}
.legal-hero{margin-bottom:var(--space-3xl)}
.legal-kicker{display:inline-block;margin-bottom:var(--space-sm);color:var(--pink);font-size:var(--step--1);font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.legal-hero h1{max-width:none;margin:0 0 var(--space-md);font-size:var(--step-6);letter-spacing:-.055em}
.legal-lead{max-width:720px;margin:0;color:var(--text-secondary);font-size:var(--step-1);line-height:1.65}
.legal-meta{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-lg);margin-top:var(--space-lg);color:var(--text-tertiary);font-size:var(--step--1);font-weight:600}
.legal-card{padding:var(--space-2xl);border:1px solid rgba(113,27,70,.1);border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 24px 65px rgba(78,25,52,.09);backdrop-filter:blur(12px)}
.legal-card section+section{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid rgba(113,27,70,.1)}
.legal-card h2{margin:0 0 var(--space-md);color:var(--ink);font-size:var(--step-2);letter-spacing:-.025em}
.legal-card h3{margin:var(--space-lg) 0 var(--space-xs);font-size:var(--step-1)}
.legal-card p,.legal-card li{color:var(--text-secondary);line-height:1.75}
.legal-card p{margin:0 0 var(--space-md)}
.legal-card p:last-child{margin-bottom:0}
.legal-card ul,.legal-card ol{margin:0 0 var(--space-md);padding-left:1.35rem}
.legal-card li+li{margin-top:var(--space-xs)}
.legal-card a{color:var(--plum);font-weight:600;text-decoration:underline;text-decoration-color:rgba(255,61,129,.4);text-underline-offset:3px}
.legal-notice{margin:var(--space-xl) 0;padding:var(--space-lg);border-left:4px solid var(--pink);border-radius:0 14px 14px 0;background:#fff1f6;color:var(--text-secondary)}
.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}
.support-option{display:block;padding:var(--space-lg);border:1px solid rgba(113,27,70,.1);border-radius:16px;background:#fff;text-decoration:none!important;box-shadow:0 8px 24px rgba(78,25,52,.06);transition:transform .2s ease,box-shadow .2s ease}
.support-option:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(78,25,52,.11)}
.support-option strong{display:block;margin-bottom:var(--space-xs);color:var(--ink);font-size:var(--step-1)}
.support-option span{color:var(--text-secondary);font-size:var(--step--1);font-weight:400;line-height:1.55}
.legal-footer{padding:var(--space-xl) max(var(--space-lg),calc((100vw - 1120px)/2));background:#38102e;color:rgba(255,255,255,.7)}
.legal-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap}
.legal-footer a{color:#fff;font-size:var(--step--1);font-weight:600}
.legal-footer-links{display:flex;gap:var(--space-lg);flex-wrap:wrap}
@media(max-width:640px){.legal-header{width:min(100% - 32px);padding:var(--space-md) 0}.legal-header nav a:not(.legal-signin){display:none}.legal-main{width:min(100% - 32px);padding:var(--space-xl) 0 var(--space-4xl)}.legal-card{padding:var(--space-lg);border-radius:18px}.support-grid{grid-template-columns:1fr}.legal-footer-inner{align-items:flex-start;flex-direction:column}.legal-footer-links{gap:var(--space-sm) var(--space-lg)}}