:root {
  color-scheme: dark;
  --color-bg: #08050d;
  --color-panel: #100b18;
  --color-panel-raised: #181020;
  --color-text: #f5f2fa;
  --color-muted: #b9b0c6;
  --color-quiet: #a396b4;
  --color-purple: #ac6bff;
  --color-purple-bright: #8338ec;
  --color-purple-deep: #421585;
  --color-purple-pale: #dfc6ff;
  --color-line: #30233e;
  --color-focus: #e3caff;
  --color-error: #ffb5c5;
  --color-transparent: transparent;
  --color-glass: #ffffff06;
  --color-purple-glass: #ac6bff10;
  --color-purple-halo: #8a3bff30;
  --color-purple-beam: #a857ff55;
  --color-glow-clear: #8a3bff00;
  --color-black-clear: #08050d00;
  --font-heading: 'Outfit', 'Arial', sans-serif;
  --font-body: 'Inter', 'Arial', sans-serif;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --gutter: clamp(1.25rem, 5vw, 4rem);
  --section-space: clamp(3.5rem, 7vw, 6rem);
  --container: 66rem;
  --reading: 44rem;
  --radius-sm: .6rem;
  --radius: 1.1rem;
  --radius-pill: 99rem;
  --border: 1px solid var(--color-line);
  --ease: cubic-bezier(.2, .7, .3, 1);
}
@font-face { font-family: 'Outfit'; src: url('/assets/fonts/landing-7eb13f02fdc2.woff2') format('woff2'); font-style: normal; font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/assets/fonts/landing-2de7ee7c23d5.woff2') format('woff2'); font-style: normal; font-weight: 100 900; font-display: swap; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: var(--space-6); }
body { margin: 0; background: var(--color-bg); color: var(--color-text); font-family: var(--font-body); font-size: 1rem; line-height: 1.65; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-underline-offset: .25em; }
a, button, input, textarea { -webkit-tap-highlight-color: var(--color-purple-glass); }
a, button { touch-action: manipulation; }
:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 5px; }
::selection { background: var(--color-purple-deep); color: var(--color-text); }
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { font-family: var(--font-heading); font-weight: 450; line-height: 1.13; letter-spacing: -.035em; text-wrap: balance; }
h1 { font-size: clamp(2.7rem, 5.4vw, 4.75rem); }
h2 { font-size: clamp(1.85rem, 3.15vw, 2.8rem); }
h3 { font-size: 1.45rem; }
button, input, textarea { font: inherit; }
button { cursor: pointer; }
.container { width: min(var(--container), calc(100% - var(--gutter) * 2)); margin-inline: auto; }
.site-shell { overflow: clip; }
.skip-link { position: fixed; top: var(--space-4); left: var(--space-4); z-index: 20; padding: var(--space-3) var(--space-4); background: var(--color-panel-raised); transform: translateY(-180%); }
.skip-link:focus { transform: translateY(0); }
.site-header { height: 6rem; display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); position: relative; z-index: 2; }
.brand { font: 500 1.5rem/1 var(--font-heading); letter-spacing: -.04em; text-decoration: none; }
.signin { font-size: .82rem; display: inline-flex; align-items: center; gap: var(--space-5); border: var(--border); padding: var(--space-2) var(--space-4); border-radius: var(--radius-pill); text-decoration: none; min-height: 44px; background: var(--color-glass); }
.signin span, .button span { color: var(--color-purple-pale); }
.hero { position: relative; isolation: isolate; overflow: clip; text-align: center; min-height: 39rem; padding-block: var(--space-8) var(--space-10); border-bottom: var(--border); }
.hero-content { position: relative; z-index: 2; }
.hero h1 { max-width: 58rem; margin-inline: auto; }
.hero h1 span { color: var(--color-purple-pale); }
.hero-description { max-width: 38rem; margin: var(--space-5) auto var(--space-6); color: var(--color-muted); font-size: clamp(1rem, 1.5vw, 1.1rem); }
.button { display: inline-flex; justify-content: center; align-items: center; gap: var(--space-6); padding: var(--space-3) var(--space-5); min-height: 48px; border: 1px solid var(--color-purple); border-radius: var(--radius-sm); background: linear-gradient(125deg, var(--color-purple-bright), var(--color-purple-deep)); box-shadow: 0 6px 35px var(--color-purple-halo); color: var(--color-text); font-size: .88rem; font-weight: 500; text-decoration: none; transition: transform .2s var(--ease), box-shadow .2s var(--ease); }
.button:hover { transform: translateY(-2px); box-shadow: 0 8px 45px var(--color-purple-beam); }
.hero-glow { position: absolute; inset: 15% -20% -40%; background: radial-gradient(ellipse at 50% 75%, var(--color-purple-bright) 0%, var(--color-purple-deep) 20%, var(--color-glow-clear) 59%); opacity: .7; z-index: -2; }
.light-field { position: absolute; inset: 20% 0 0; z-index: -1; display: flex; justify-content: center; gap: 1.7%; mask-image: linear-gradient(to bottom, var(--color-transparent), var(--color-bg)); }
.light-field::after { content: ''; position: absolute; inset: 65% -10% -35%; background: radial-gradient(ellipse, var(--color-purple-pale), var(--color-purple-bright) 35%, var(--color-glow-clear) 65%); filter: blur(35px); opacity: .75; }
.light-field i { width: 5%; border-inline: 1px solid var(--color-purple-glass); background: linear-gradient(to bottom, var(--color-transparent), var(--color-purple-beam)); box-shadow: 0 0 35px var(--color-purple-glass); transform-origin: bottom; }
.light-field i:nth-child(2n) { opacity: .3; transform: scaleY(.8); }
.small-line { font-size: .8rem; line-height: 1.7; color: var(--color-quiet); max-width: 32rem; letter-spacing: .005em; }
.small-line-hero { margin: var(--space-6) auto 0; max-width: 29rem; padding: var(--space-3) var(--space-5); border: var(--border); border-radius: var(--radius-pill); background: var(--color-panel); }
.section { padding-block: var(--section-space); }
.section-description { color: var(--color-muted); max-width: 35rem; margin-top: var(--space-5); }
.channels { text-align: center; }
.channels h2 { max-width: 43rem; margin-inline: auto; }
.channel-names { color: var(--color-purple-pale); font-family: var(--font-heading); font-size: clamp(1.1rem, 2.1vw, 1.6rem); margin-block: var(--space-6); }
.channels .section-description { margin-inline: auto; }
.small-line-channels { margin: var(--space-6) auto 0; max-width: 35rem; }
.small-line-channels::before { content: ''; display: block; width: 2rem; height: 2px; background: var(--color-purple); margin: 0 auto var(--space-4); }
.strategy { border-top: var(--border); display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-8); align-items: center; }
.small-line-strategy { border-left: 2px solid var(--color-purple); padding-left: var(--space-4); margin-top: var(--space-6); }
.strategy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-5); }
.strategy-grid p { padding: var(--space-5); border: var(--border); border-radius: var(--radius); color: var(--color-muted); font-size: .88rem; background: linear-gradient(145deg, var(--color-purple-glass), var(--color-panel)); }
.strategy-grid strong { display: block; font-family: var(--font-heading); color: var(--color-text); font-weight: 500; font-size: 1.3rem; margin-bottom: var(--space-2); }
.ideas { border-top: var(--border); text-align: center; }
.ideas-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: var(--space-7); text-align: left; }
.ideas-grid p { padding: var(--space-4) var(--space-5); border-left: var(--border); font-family: var(--font-heading); font-size: 1.25rem; line-height: 1.4; }
.ideas-grid p:first-child { border: 0; padding-left: 0; }
.small-line-ideas { margin: var(--space-7) auto 0; color: var(--color-purple-pale); }
.work { border-top: var(--border); display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-8); align-items: start; }
.small-line-work { margin-top: var(--space-5); display: inline-block; background: var(--color-purple-glass); border-radius: var(--radius-sm); padding: var(--space-2) var(--space-4); }
.work-steps { display: grid; gap: var(--space-5); }
.work-steps p { color: var(--color-muted); padding-bottom: var(--space-5); border-bottom: var(--border); }
.work-steps p:last-child { border: 0; padding-bottom: 0; }
.work-steps strong { font-weight: 500; color: var(--color-text); }
.principles { text-align: center; border-block: var(--border); background: radial-gradient(ellipse at 50% 100%, var(--color-purple-halo), var(--color-glow-clear) 65%); }
.principles h2 { max-width: 44rem; margin-inline: auto; }
.small-line-principles { margin: var(--space-6) auto 0; color: var(--color-purple-pale); padding-top: var(--space-4); border-top: var(--border); width: fit-content; }
.contact { display: grid; grid-template-columns: .9fr 1.1fr; gap: var(--space-8); align-items: start; scroll-margin-top: var(--space-6); }
.small-line-contact { margin-top: var(--space-7); font-style: italic; }
.contact-panel { border: var(--border); background: var(--color-panel); padding: var(--space-6); border-radius: var(--radius); }
label { display: block; color: var(--color-muted); font-size: .8rem; margin-bottom: var(--space-2); }
input, textarea { width: 100%; min-width: 0; background: var(--color-bg); border: var(--border); border-radius: var(--radius-sm); color: var(--color-text); padding: var(--space-3); font-size: .95rem; }
input { min-height: 48px; }
textarea { resize: vertical; min-height: 7rem; display: block; margin-bottom: var(--space-5); }
input[aria-invalid], textarea[aria-invalid] { border-color: var(--color-error); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); margin-bottom: var(--space-5); }
.field-error { color: var(--color-error); font-size: .78rem; margin-block: var(--space-2); }
.form-notice { border-left: 2px solid var(--color-purple); padding-left: var(--space-4); margin-bottom: var(--space-5); font-size: .88rem; }
.email-alternative { font-size: .78rem; color: var(--color-quiet); margin-top: var(--space-5); overflow-wrap: anywhere; }
.honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.site-footer { border-top: var(--border); padding-block: var(--space-7) var(--space-6); font-size: .8rem; color: var(--color-muted); }
.footer-top { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); margin-bottom: var(--space-6); }
.footer-statement { font-family: var(--font-heading); color: var(--color-text); font-size: 1.1rem; }
.footer-email { overflow-wrap: anywhere; }
.footer-nav, .legal-nav { display: flex; flex-wrap: wrap; gap: var(--space-3) var(--space-5); }
.footer-nav a, .legal-nav a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.footer-nav a:hover, .legal-nav a:hover { color: var(--color-text); text-decoration: underline; }
.legal-nav { margin-top: var(--space-2); }
.small-print { font-size: .7rem; color: var(--color-quiet); max-width: 52rem; margin-top: var(--space-5); }
.page-heading { text-align: center; padding-block: var(--space-8) var(--space-7); }
.page-heading h1 { background: linear-gradient(145deg, var(--color-text), var(--color-purple-pale)); background-clip: text; color: var(--color-transparent); }
.page-description { margin-top: var(--space-5); color: var(--color-muted); }
.insights-content { padding-bottom: var(--space-9); }
.filters { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-3); padding-bottom: var(--space-7); }
.filter { min-height: 44px; border: var(--border); border-radius: var(--radius-pill); padding: var(--space-2) var(--space-5); font-size: .8rem; text-decoration: none; }
.filter[aria-current] { background: var(--color-purple-glass); border-color: var(--color-purple); color: var(--color-purple-pale); }
.post-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-5); }
.post-card { min-width: 0; border: var(--border); border-radius: var(--radius); overflow: hidden; background: var(--color-panel); }
.post-card.featured { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; }
.post-art { position: relative; isolation: isolate; min-height: 10rem; background: radial-gradient(ellipse at 50% 100%, var(--color-purple-bright), var(--color-purple-deep) 38%, var(--color-panel) 80%); overflow: hidden; }
.post-art::before, .post-art::after, .post-art div { content: ''; position: absolute; width: 65%; aspect-ratio: 1; border: 1px solid var(--color-purple-beam); border-radius: 50%; left: 18%; top: 20%; }
.post-art::after { transform: scale(.72); }
.post-art div { transform: scale(.43); background: var(--color-purple-glass); }
.post-card:nth-child(2) .post-art { background-position: 20% 50%; }
.post-card-content { padding: var(--space-6); }
.post-category { color: var(--color-purple-pale); font-size: .75rem; letter-spacing: .08em; margin-bottom: var(--space-4); }
.post-card h2 { font-size: clamp(1.5rem, 2.4vw, 2rem); }
.post-card h2 a { text-decoration: none; }
.post-card h2 a:hover { color: var(--color-purple-pale); }
.post-card-content > p:not(.post-category):not(.post-meta) { color: var(--color-muted); margin-top: var(--space-4); font-size: .88rem; }
.post-meta { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); color: var(--color-quiet); font-size: .7rem; margin-top: var(--space-5); }
.empty-state { padding: var(--space-7); border: var(--border); border-radius: var(--radius); text-align: center; color: var(--color-muted); }
.article-column { max-width: var(--reading); padding-block: var(--space-8) var(--space-9); }
.article-header h1 { font-size: clamp(2.2rem, 4vw, 3.5rem); }
.key-idea { margin-top: var(--space-6); border-left: 2px solid var(--color-purple); padding-left: var(--space-5); color: var(--color-purple-pale); font-size: 1.1rem; }
.article-body { margin-top: var(--space-7); padding-top: var(--space-7); border-top: var(--border); color: var(--color-muted); overflow-wrap: anywhere; }
.article-body > * + * { margin-top: var(--space-5); }
.article-body h2, .article-body h3 { color: var(--color-text); margin-top: var(--space-7); }
.article-body h2 { font-size: 2rem; }
.related-posts { margin-top: var(--space-9); display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-5); border-top: var(--border); padding-top: var(--space-6); }
.related-posts a { display: flex; align-items: start; justify-content: space-between; gap: var(--space-5); font-family: var(--font-heading); font-size: 1.15rem; line-height: 1.4; text-decoration: none; padding-block: var(--space-3); }
.related-posts span { color: var(--color-purple); }
.legal-page, .not-found { min-height: 60vh; }
.legal-placeholder, .not-found .button { margin-top: var(--space-7); }
.legal-placeholder { padding: var(--space-6); border: var(--border); border-radius: var(--radius); color: var(--color-purple-pale); }
@keyframes gentle-light { from { opacity: .55; } to { opacity: .8; } }
@media (prefers-reduced-motion: no-preference) { .hero-glow { animation: gentle-light 7s ease-in-out infinite alternate; } }
@media (max-width: 800px) {
  .hero { min-height: 35rem; padding-top: var(--space-7); padding-bottom: var(--space-9); }
  .strategy, .work, .contact { grid-template-columns: 1fr; gap: var(--space-7); }
  .strategy .section-intro { max-width: 35rem; }
  .ideas-grid { grid-template-columns: 1fr 1fr; gap: var(--space-5) 0; }
  .ideas-grid p:nth-child(3) { border-left: 0; padding-left: 0; }
  .post-card.featured { grid-template-columns: 1fr; }
  .featured .post-art { min-height: 14rem; }
  .footer-top { grid-template-columns: 1fr; gap: var(--space-4); }
}
@media (max-width: 480px) {
  .site-header { height: 5rem; }
  .hero { min-height: 34rem; }
  .hero h1 { font-size: clamp(2.45rem, 9.4vw, 2.85rem); }
  .hero-description { font-size: .95rem; }
  .small-line-hero { padding-inline: var(--space-4); border-radius: var(--radius); }
  .strategy-grid { grid-template-columns: 1fr; gap: var(--space-3); }
  .strategy-grid p { padding: var(--space-5); }
  .strategy-grid strong { display: inline; font-size: 1.1rem; }
  .ideas-grid p { padding-right: var(--space-3); font-size: 1.1rem; }
  .form-row, .post-grid, .related-posts { grid-template-columns: 1fr; }
  .contact-panel { padding: var(--space-5); }
  .post-card-content { padding: var(--space-5); }
  .channel-names { font-size: 1.05rem; }
  .filters { gap: var(--space-2); }
  .filter { padding-inline: var(--space-4); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* Visual redesign: transparent sculptural artwork and spacious editorial sections. */
:root {
  --container: 70rem;
  --section-space: clamp(4.5rem, 8vw, 7rem);
  --color-art-halo: #8248ec29;
  --color-art-halo-soft: #ac6bff08;
  --color-card-highlight: #ead9ff14;
  --color-slider-bg: #160e24;
  --art-size: 34rem;
  --slide-gap: 1.5rem;
}
.hero-redesign { padding-block: var(--space-7) var(--space-7); min-height: 0; border-bottom: 0; }
.hero-redesign h1 { font-size: clamp(2.6rem, 4.8vw, 4.3rem); max-width: 63rem; }
.hero-redesign .hero-description { max-width: 36rem; margin-top: var(--space-5); margin-bottom: var(--space-5); }
.hero-redesign .hero-glow { inset: 35% -20% -30%; background: radial-gradient(ellipse at 50% 60%, var(--color-purple-deep), var(--color-glow-clear) 62%); opacity: .6; }
.hero-redesign .small-line-hero { position: relative; z-index: 2; margin-top: 0; max-width: 33rem; border-color: var(--color-purple-glass); background: var(--color-glass); }
.art-scene { position: relative; isolation: isolate; display: grid; place-items: center; min-width: 0; }
.art-scene > img { display: block; width: 100%; height: auto; object-fit: contain; position: relative; z-index: 1; }
.hero-scene { width: min(52rem, 100%); height: clamp(24rem, 40vw, 34rem); margin: var(--space-3) auto 0; }
.hero-scene > img { width: min(44rem, 96%); max-height: 100%; }
.hero-scene::before { content: ''; width: 90%; height: 18%; position: absolute; left: 5%; bottom: 9%; background: radial-gradient(ellipse, var(--color-purple-halo), var(--color-glow-clear) 70%); filter: blur(18px); }
.art-orbit { position: absolute; width: 85%; height: 62%; border: 1px solid var(--color-purple-glass); border-radius: 50%; z-index: 0; transform: rotate(-18deg); }
.orbit-two { width: 72%; height: 80%; transform: rotate(32deg); }
.scene-spark { position: absolute; width: .45rem; height: .45rem; background: var(--color-purple-pale); border-radius: 50%; box-shadow: 0 0 22px var(--color-purple); z-index: 2; }
.spark-one { left: 17%; top: 48%; }
.spark-two { right: 17%; top: 25%; width: .3rem; height: .3rem; }
.spark-three { right: 14%; bottom: 24%; }
.visual-split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 6vw, 6rem); align-items: center; text-align: left; }
.visual-split .section-copy { position: relative; z-index: 2; }
.visual-split .art-scene { width: 100%; max-width: var(--art-size); justify-self: center; }
.visual-split h2 { max-width: 35rem; font-size: clamp(2.1rem, 3.5vw, 3rem); }
.visual-split .section-description { margin-inline: 0; line-height: 1.8; }
.scene-aura { position: absolute; inset: 10%; border-radius: 50%; background: radial-gradient(ellipse, var(--color-art-halo), var(--color-glow-clear) 65%); z-index: -1; filter: blur(30px); }
.channels { padding-top: var(--space-9); }
.channels h2 { margin-inline: 0; }
.channels .channel-names { font-size: .9rem; margin-block: var(--space-5); color: var(--color-purple-pale); font-family: var(--font-body); letter-spacing: -.015em; }
.channels .small-line-channels { margin: var(--space-6) 0 0; padding-left: var(--space-4); border-left: 2px solid var(--color-purple); max-width: 29rem; }
.small-line-channels::before { display: none; }
.strategy { border-top: 0; }
.strategy .strategy-grid { grid-template-columns: 1fr; gap: 0; margin-top: var(--space-6); }
.strategy .strategy-grid p { padding: var(--space-3) 0; border: 0; border-bottom: var(--border); border-radius: 0; background: none; font-size: .9rem; }
.strategy .strategy-grid p:last-child { border-bottom: 0; }
.strategy .strategy-grid strong { display: inline; font-size: inherit; font-family: var(--font-body); margin: 0; }
.strategy .small-line-strategy { border: 0; padding: var(--space-3) var(--space-4); border-radius: var(--radius-sm); background: var(--color-purple-glass); margin-top: var(--space-5); }
.journey-scene { transform: rotate(-5deg); }
.ideas-redesign { text-align: left; border: 0; position: relative; background: radial-gradient(ellipse at 50% 45%, var(--color-art-halo-soft), var(--color-glow-clear) 72%); }
.ideas-heading { display: flex; align-items: end; justify-content: space-between; gap: var(--space-6); margin-bottom: var(--space-7); }
.ideas-heading h2 { max-width: 36rem; font-size: clamp(2.1rem, 3.5vw, 3rem); }
.slider-controls { display: flex; gap: var(--space-2); flex-shrink: 0; }
.slider-arrow { width: 44px; height: 44px; display: grid; place-items: center; border: var(--border); border-radius: 50%; color: var(--color-purple-pale); background: var(--color-glass); font-size: 1.1rem; transition: background .2s; }
.slider-arrow:hover { background: var(--color-purple-glass); }
.slider-controls { visibility: hidden; }
.slider-ready .slider-controls { visibility: visible; }
.ideas-carousel { position: relative; }
.ideas-track { display: flex; gap: var(--slide-gap); overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; border-radius: var(--radius); }
.ideas-track::-webkit-scrollbar { display: none; }
.idea-slide { flex: 0 0 100%; min-width: 0; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: var(--space-7); padding: var(--space-5) var(--space-8) var(--space-5) var(--space-6); border: var(--border); border-radius: var(--radius); scroll-snap-align: start; background: radial-gradient(ellipse at 20% 50%, var(--color-purple-halo), var(--color-glow-clear) 60%), linear-gradient(135deg, var(--color-panel-raised), var(--color-panel)); overflow: hidden; }
.idea-slide:nth-child(2) { background: radial-gradient(ellipse at 30% 70%, var(--color-purple-halo), var(--color-glow-clear) 68%), var(--color-panel); }
.idea-slide:nth-child(3) { background: radial-gradient(ellipse at 30% 30%, var(--color-purple-halo), var(--color-glow-clear) 68%), var(--color-panel); }
.idea-slide:nth-child(4) { background: radial-gradient(ellipse at 25% 50%, var(--color-purple-halo), var(--color-glow-clear) 68%), var(--color-panel); }
.slide-art { width: 100%; max-width: 25rem; justify-self: center; }
.slide-art img { display: block; width: 100%; height: auto; object-fit: contain; }
.idea-slide > p { font-family: var(--font-heading); font-size: clamp(2rem, 3.5vw, 3rem); letter-spacing: -.025em; line-height: 1.18; text-wrap: balance; }
.slider-bottom { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); margin-top: var(--space-5); }
.slider-dots { display: flex; gap: var(--space-1); }
.slider-dots button { display: grid; place-items: center; padding: 0; width: 44px; height: 44px; border: 0; background: none; }
.slider-dots button::before { content: ''; width: .35rem; height: .35rem; border-radius: var(--radius-pill); background: var(--color-quiet); transition: width .3s var(--ease), background .3s; }
.slider-dots button[aria-current]::before { width: 1.6rem; background: var(--color-purple-pale); }
.slider-bottom .small-line-ideas { margin: 0; max-width: 28rem; text-align: right; color: var(--color-quiet); }
.work { border-top: 0; }
.work .work-steps { margin-top: var(--space-6); gap: var(--space-4); }
.work .work-steps p { position: relative; padding: 0 0 var(--space-4) var(--space-6); font-size: .95rem; }
.work .work-steps p::before { content: ''; width: .45rem; height: .45rem; background: var(--color-purple); border-radius: 50%; position: absolute; top: .6rem; left: 0; box-shadow: 0 0 18px var(--color-purple-halo); }
.work .work-steps p:last-child { padding-bottom: 0; }
.work .small-line-work { margin-top: var(--space-6); }
.work-scene { transform: rotate(4deg); }
.principles-redesign { border: 0; background: radial-gradient(ellipse at 50% 50%, var(--color-purple-glass), var(--color-glow-clear) 70%); padding-block: var(--space-7); }
.principles-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: var(--space-8); align-items: center; text-align: left; }
.principles-layout h2 { margin: 0; max-width: 37rem; font-size: clamp(2.1rem, 3.5vw, 3rem); }
.shield-scene { max-width: 28rem; justify-self: center; }
.principles-layout .small-line-principles { margin: var(--space-6) 0 0; padding: var(--space-4) 0 0; width: auto; max-width: 30rem; }
.contact { gap: clamp(2rem, 7vw, 7rem); align-items: center; }
.contact-intro h2 { font-size: clamp(2.1rem, 3.5vw, 3rem); }
.contact-art { width: min(20rem, 100%); margin: var(--space-3) 0 0; }
.contact-art img { width: 100%; height: auto; display: block; }
.contact .small-line-contact { margin-top: 0; max-width: 26rem; }
.contact-panel { padding: var(--space-7); background: linear-gradient(145deg, var(--color-card-highlight), var(--color-panel) 45%); box-shadow: 0 20px 90px var(--color-purple-glass); }
.post-card.featured .post-art { background: radial-gradient(ellipse, var(--color-purple-glass), var(--color-panel) 75%); }
.post-art img { display: block; width: 100%; height: 100%; max-height: 24rem; object-fit: contain; position: absolute; inset: 0; }
.post-art:has(img)::before, .post-art:has(img)::after { display: none; }
.post-card:not(.featured) .post-art { min-height: 15rem; }
@keyframes artwork-float { 0%,100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-12px) rotate(1deg); } }
@media (prefers-reduced-motion: no-preference) { .float-art { animation: artwork-float 9s ease-in-out infinite; } .connections-scene .float-art, .work-scene .float-art { animation-delay: -4s; } .shield-scene .float-art { animation-delay: -2s; } }
@media (max-width: 800px) {
  .hero-redesign { padding-top: var(--space-6); }
  .hero-scene { height: clamp(23rem, 60vw, 30rem); width: 100%; }
  .visual-split { grid-template-columns: 1fr; gap: var(--space-6); text-align: left; }
  .visual-split .section-copy { max-width: 36rem; }
  .visual-split .art-scene { max-width: 29rem; }
  .art-first .section-copy { grid-row: 1; }
  .art-first .art-scene { grid-row: 2; }
  .channels { padding-top: var(--space-8); }
  .idea-slide { gap: var(--space-5); padding: var(--space-5) var(--space-6); }
  .idea-slide > p { font-size: clamp(1.65rem, 4vw, 2.3rem); }
  .principles-layout { grid-template-columns: .8fr 1.2fr; gap: var(--space-5); }
  .principles-layout h2 { font-size: 2.1rem; }
  .contact { grid-template-columns: 1fr; gap: var(--space-7); }
  .contact-intro { display: grid; grid-template-columns: 1fr 12rem; gap: 0 var(--space-4); }
  .contact-intro h2, .contact-intro > .section-description, .contact-intro > .small-line { grid-column: 1; }
  .contact-art { grid-column: 2; grid-row: 1 / 4; align-self: center; margin: 0; }
  .contact-intro > .small-line { margin-top: var(--space-5); }
}
@media (max-width: 480px) {
  :root { --section-space: 4.5rem; }
  .hero-redesign { padding-top: var(--space-6); padding-bottom: var(--space-6); }
  .hero-redesign h1 { font-size: clamp(2.35rem, 9.4vw, 2.9rem); }
  .hero-redesign .hero-description { font-size: .9rem; margin-top: var(--space-4); margin-bottom: var(--space-5); }
  .hero-scene { height: 22rem; margin-top: 0; }
  .hero-scene > img { width: 112%; max-width: none; }
  .hero-redesign .small-line-hero { width: calc(100% - var(--gutter)*2); font-size: .75rem; }
  .visual-split { gap: var(--space-5); }
  .visual-split h2, .ideas-heading h2, .principles-layout h2, .contact-intro h2 { font-size: 2.05rem; }
  .channels .channel-names { font-size: .75rem; letter-spacing: -.025em; white-space: nowrap; }
  .visual-split .art-scene { max-width: 25rem; }
  .ideas-heading { display: grid; grid-template-columns: 1fr; gap: var(--space-5); margin-bottom: var(--space-5); }
  .slider-controls { justify-self: end; }
  .idea-slide { grid-template-columns: 1fr; gap: 0; padding: var(--space-4) var(--space-5) var(--space-7); }
  .slide-art { max-width: 20rem; }
  .idea-slide > p { font-size: 2rem; text-align: center; min-height: 3.6em; display: grid; place-items: center; }
  .slider-bottom { flex-direction: column; gap: var(--space-3); }
  .slider-bottom .small-line-ideas { text-align: center; max-width: 22rem; }
  .principles-layout { display: flex; flex-direction: column; gap: 0; text-align: center; }
  .shield-scene { max-width: 19rem; width: 100%; }
  .principles-layout .small-line-principles { margin-inline: auto; }
  .contact-intro { display: block; }
  .contact-art { width: 16rem; margin: var(--space-3) auto 0; }
  .contact-intro > .small-line { margin-top: 0; }
  .contact-panel { padding: var(--space-5); }
}
@media (prefers-reduced-motion: reduce) { .motion-toggle { display: none; } .float-art { animation: none !important; } }
/* Realistic product photography takes precedence over decorative icon treatments. */
.art-orbit, .scene-spark { display: none; }
.journey-scene, .work-scene { transform: none; }
.hero-scene > img { width: min(46rem, 100%); }
.slider-dots { visibility: hidden; }
.slider-ready .slider-dots { visibility: visible; }
@media (prefers-reduced-motion: no-preference) { .float-art { animation: none; } }
@media (max-width:480px) { .hero-scene > img { width: 108%; } }

/* Service-led compositions: people and realistic, unbranded conversation interfaces. */
:root {
  --color-chat-surface: #17131ff2;
  --color-chat-incoming: #292331;
  --color-chat-outgoing: #6035a1;
  --color-chat-line: #c5bbd170;
  --color-presence: #cfb1ff;
  --shadow-interface: 0 24px 80px #00000055;
}
.hero-scene { width: min(62rem, calc(100% - var(--gutter))); height: clamp(24rem, 38vw, 32rem); margin-top: var(--space-5); }
.hero-scene > .hero-art { width: min(40rem, 72%); height: 100%; object-fit: contain; object-position: center bottom; mask-image: linear-gradient(to bottom, var(--color-bg) 76%, var(--color-transparent) 99%); }
.hero-scene::before { width: 95%; height: 56%; bottom: -6%; left: 2.5%; background: radial-gradient(ellipse, var(--color-purple-halo), var(--color-glow-clear) 70%); }
.chat-surface { position: absolute; z-index: 3; border: 1px solid var(--color-line); border-top-color: var(--color-card-highlight); background: var(--color-chat-surface); border-radius: var(--radius); box-shadow: var(--shadow-interface); backdrop-filter: blur(16px); text-align: left; }
.hero-chat-left { left: 0; top: 24%; width: 15.5rem; transform: rotate(-5deg); }
.hero-chat-right { right: 0; top: 36%; width: 13.2rem; transform: rotate(5deg); }
.chat-toolbar { display: flex; align-items: center; gap: var(--space-3); height: 3.6rem; padding: var(--space-4); border-bottom: var(--border); }
.presence-dot { display: inline-block; width: .6rem; height: .6rem; border-radius: 50%; background: var(--color-presence); box-shadow: 0 0 0 5px var(--color-purple-glass); flex-shrink: 0; }
.skeleton { display: block; height: .3rem; background: var(--color-chat-line); border-radius: var(--radius-pill); }
.skeleton-name { width: 4.5rem; }
.toolbar-dots { margin-left: auto; font-size: .6rem; color: var(--color-quiet); letter-spacing: .1em; }
.chat-thread { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-4); }
.chat-bubble { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-3); border-radius: var(--radius-sm); width: 82%; min-height: 2.8rem; }
.chat-bubble.incoming { background: var(--color-chat-incoming); border-bottom-left-radius: var(--space-1); }
.chat-bubble.outgoing { align-self: end; background: var(--color-chat-outgoing); border-bottom-right-radius: var(--space-1); }
.chat-bubble.short { width: 60%; min-height: 2rem; }
.chat-bubble i, .message-lines i, .permission-lines i { display: block; width: 100%; height: .22rem; border-radius: var(--radius-pill); background: var(--color-chat-line); }
.chat-bubble i:last-child { width: 65%; }
.avatar-photo { width: 1.7rem; height: 1.7rem; display: block; border-radius: 50%; background: var(--color-purple-deep); overflow: hidden; }
.avatar-photo img, .mini-avatar img { display: block; width: 100%; height: 170%; object-fit: cover; object-position: center top; }
.typing-indicator { display: inline-flex; gap: var(--space-1); padding: var(--space-3); align-items: center; align-self: flex-start; background: var(--color-chat-incoming); border-radius: var(--radius-sm); }
.typing-indicator i { display: block; width: .25rem; height: .25rem; border-radius: 50%; background: var(--color-purple-pale); }
.connections-scene { min-height: 25rem; }
.connections-scene > img { mask-image: linear-gradient(to bottom, var(--color-bg) 76%, var(--color-transparent) 98%); }
.connection-message { position: absolute; display: flex; align-items: center; gap: var(--space-3); padding: var(--space-4); border: var(--border); border-top-color: var(--color-card-highlight); border-radius: var(--radius); background: var(--color-chat-surface); box-shadow: var(--shadow-interface); z-index: 3; backdrop-filter: blur(12px); }
.connection-first { width: 17rem; left: -4%; top: 10%; transform: rotate(-4deg); }
.connection-second { right: 0; bottom: 8%; padding: var(--space-2); transform: rotate(5deg); }
.mini-avatar { display: block; width: 2.2rem; height: 2.2rem; overflow: hidden; border-radius: 50%; background: var(--color-purple-deep); }
.message-lines { flex: 1; display: grid; gap: var(--space-2); }
.message-lines i:last-child { width: 65%; }
.message-check { color: var(--color-purple-pale); font-size: .9rem; }
.strategy-workspace { position: relative; border: var(--border); border-top-color: var(--color-card-highlight); border-radius: var(--radius); background: linear-gradient(145deg, var(--color-panel-raised), var(--color-panel)); box-shadow: var(--shadow-interface), 0 0 90px var(--color-purple-glass); padding: var(--space-5); transform: perspective(1000px) rotateY(5deg) rotate(-2deg); }
.workspace-chrome { display: flex; gap: var(--space-2); align-items: center; padding-bottom: var(--space-5); border-bottom: var(--border); }
.workspace-chrome > span { display: block; width: .4rem; height: .4rem; border-radius: 50%; background: var(--color-quiet); opacity: .65; }
.workspace-chrome > i { margin-left: auto; display: block; width: 3rem; height: .25rem; background: var(--color-line); border-radius: var(--radius-pill); }
.strategy .strategy-workspace .strategy-grid { margin-top: var(--space-5); gap: var(--space-3); }
.strategy .strategy-workspace .strategy-grid p { padding: var(--space-4); border: var(--border); border-radius: var(--radius-sm); background: var(--color-glass); font-size: .87rem; }
.strategy .strategy-workspace .strategy-grid p:nth-child(2n) { margin-left: var(--space-6); background: var(--color-purple-glass); border-color: var(--color-purple-glass); }
.strategy .strategy-workspace .strategy-grid strong { color: var(--color-purple-pale); }
.workspace-compose { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-top: var(--space-5); padding: var(--space-3) var(--space-4); border: var(--border); border-radius: var(--radius-pill); }
.workspace-compose > span { width: 50%; height: .22rem; border-radius: var(--radius-pill); background: var(--color-line); }
.workspace-compose > i { display: grid; place-items: center; width: 1.5rem; height: 1.5rem; font-style: normal; background: var(--color-purple-deep); border-radius: 50%; color: var(--color-purple-pale); line-height: 1; }
.art-first .section-copy { order: 2; }
.work-scene { max-width: 27rem !important; }
.work-scene > img { mask-image: linear-gradient(to bottom, var(--color-bg) 75%, var(--color-transparent) 98%); }
.handoff-message { left: -6%; right: -2%; bottom: 10%; }
.handoff-message .typing-indicator { background: none; padding: 0; }
.permission-composition { position: relative; isolation: isolate; width: min(23rem, 100%); height: 23rem; display: grid; place-items: center; margin: var(--space-5) auto; }
.permission-card { position: relative; z-index: 2; width: 18.5rem; padding: var(--space-7) var(--space-6); border-radius: var(--radius); border: var(--border); border-top-color: var(--color-card-highlight); background: linear-gradient(145deg, var(--color-panel-raised), var(--color-panel)); box-shadow: var(--shadow-interface); transform: rotate(-4deg); display: grid; justify-items: center; }
.permission-avatar { width: 5rem; height: 5rem; border: 1px solid var(--color-purple-halo); border-radius: 50%; overflow: hidden; background: radial-gradient(ellipse, var(--color-purple-deep), var(--color-panel)); }
.permission-avatar img { display: block; width: 100%; height: 160%; object-fit: cover; object-position: center top; }
.permission-check { position: absolute; top: 6rem; right: 6rem; width: 1.5rem; height: 1.5rem; display: grid; place-items: center; background: var(--color-purple-pale); color: var(--color-purple-deep); border-radius: 50%; font-size: .8rem; border: 3px solid var(--color-panel); box-sizing: content-box; }
.permission-lines { width: 75%; display: grid; justify-items: center; gap: var(--space-3); margin-block: var(--space-5); }
.permission-lines i:last-child { width: 65%; }
.permission-switch { display: block; width: 3.7rem; height: 1.9rem; border-radius: var(--radius-pill); background: var(--color-purple-deep); border: 1px solid var(--color-purple); padding: var(--space-1); }
.permission-switch i { display: block; width: 1.25rem; height: 1.25rem; margin-left: auto; border-radius: 50%; background: var(--color-purple-pale); }
.permission-shadow-card { position: absolute; inset: 8% 7%; z-index: -1; border: var(--border); border-radius: var(--radius); background: var(--color-purple-glass); transform: rotate(8deg); }
.slide-art img { mask-image: linear-gradient(to bottom, var(--color-bg) 75%, var(--color-transparent) 98%); }
.idea-slide:first-child .slide-art img, .idea-slide:last-child .slide-art img { mask-image: none; }
.contact-art { width: min(25rem,100%); margin: var(--space-4) 0; }
.post-art img { mask-image: linear-gradient(to bottom, var(--color-bg) 82%, var(--color-transparent) 100%); }
@keyframes typing-pulse { 0%,70%,100% { opacity:.35; transform:translateY(0); } 35% { opacity:1; transform:translateY(-2px); } }
@media(prefers-reduced-motion:no-preference) { .typing-indicator i { animation: typing-pulse 1.8s ease-in-out infinite; } .typing-indicator i:nth-child(2) { animation-delay:.15s; } .typing-indicator i:nth-child(3) { animation-delay:.3s; } }
@media(max-width:800px) {
  .hero-scene { width: calc(100% - var(--gutter)); height: 28rem; }
  .hero-chat-left { width: 12rem; left: 0; top: 35%; }
  .hero-chat-right { width: 11rem; right: 0; top: 22%; }
  .art-first .section-copy { order: 0; grid-row: 1; }
  .strategy-workspace { grid-row: 2; max-width: 34rem; width: 100%; justify-self: center; }
  .principles-layout { grid-template-columns: 1fr 1fr; }
  .permission-card { width: 16rem; }
  .permission-composition { height: 22rem; }
}
@media(max-width:480px) {
  .hero-scene { width: 100%; height: 25rem; margin-top: var(--space-6); }
  .hero-scene > .hero-art { width: 94%; height: 92%; align-self: end; }
  .hero-chat-left { width: 9rem; left: 3%; top: 8%; border-radius: var(--radius-sm); }
  .hero-chat-right { width: 8rem; right: 3%; top: 48%; border-radius: var(--radius-sm); }
  .chat-toolbar { height: 2.5rem; padding: var(--space-3); gap: var(--space-2); }
  .skeleton-name { width: 2.5rem; }
  .chat-thread { padding: var(--space-3); gap: var(--space-2); }
  .chat-bubble { padding: var(--space-2); gap: var(--space-1); min-height: 2rem; }
  .chat-bubble i, .message-lines i { height: .15rem; }
  .chat-bubble.short { display: none; }
  .hero-chat-right .chat-toolbar { display: none; }
  .hero-chat-right .chat-thread { padding: var(--space-3); }
  .typing-indicator { padding: var(--space-2); }
  .avatar-photo { width:1.3rem; height:1.3rem; }
  .connections-scene { min-height: 21rem; }
  .connection-first { width: 14rem; left: 0; top: 0; }
  .connection-second { bottom: 0; }
  .strategy-workspace { transform: none; padding: var(--space-4); }
  .strategy .strategy-workspace .strategy-grid p { padding: var(--space-3); }
  .strategy .strategy-workspace .strategy-grid p:nth-child(2n) { margin-left: var(--space-4); }
  .handoff-message { left: 0; right: 0; bottom: 10%; }
  .principles-layout { display: flex; }
  .permission-composition { width: 100%; height: 21rem; margin-block:0 var(--space-5); }
  .permission-card { width: 18rem; }
  .contact-art { width: 20rem; margin: var(--space-3) auto var(--space-5); }
}
.work-scene { height: 31rem; }
.work-scene > img { height: 100%; width: 100%; object-fit: contain; }
.slide-art { height: 24rem; }
.slide-art img { height: 100%; width: 100%; object-fit: contain; }
@media(max-width:480px) { .work-scene { height: 29rem; } .slide-art { height: 19rem; } }
.connection-first { top: -2%; }
@media(max-width:480px) { .connection-first { top: -2%; } }
@media(max-width:480px) {
  .hero-scene { height: 23rem; }
  .hero-scene > .hero-art { width: 100%; height: 76%; align-self: start; object-position: center top; }
  .hero-chat-left { top: auto; bottom: 0; left: 4%; width: 9rem; transform: rotate(-4deg); }
  .hero-chat-right { top: auto; bottom: var(--space-4); right: 4%; width: 8rem; transform: rotate(4deg); }
}
.strategy-workspace { order: 1; }
@media(max-width:800px) { .strategy-workspace { order: 1; } .art-first .section-copy { order: 0; } }

/* Hero-only direction: immersive lavender and articulated robotic hand. */
:root {
  --hero-lavender: #d1c3df;
  --hero-lavender-pale: #e5dce9;
  --hero-ink: #302339;
  --hero-copy-ink: #514359;
  --hero-line: #69537540;
  --hero-button: #33213f;
  --hero-button-hover: #4b2e60;
  --hero-ghost: #ffffff24;
  --hero-glass: #ffffff20;
  --hero-height: clamp(47rem, 61vw, 57rem);
}
.page-home .site-header { position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 6rem; z-index: 10; color: var(--hero-ink); }
.page-home .site-header .brand { font-size: 1.65rem; font-weight: 550; }
.page-home .site-header .signin { background: var(--hero-glass); border: 1px solid var(--hero-line); color: var(--hero-ink); }
.page-home .site-header .signin span { color: var(--hero-ink); }
.hero.hero-robot { isolation: isolate; position: relative; height: var(--hero-height); min-height: 0; padding: 0; overflow: clip; text-align: left; border: 0; background: var(--hero-lavender); color: var(--hero-ink); }
.robot-background { position: absolute; inset: 0; z-index: -3; }
.robot-background img { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; }
.hero-robot-wash { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, var(--color-transparent) 35%, var(--hero-glass) 100%); }
.hero-ghost-word { position: absolute; z-index: -1; top: 16%; left: -4%; right: -4%; font-family: var(--font-heading); font-size: clamp(12rem, 29vw, 32rem); font-weight: 550; letter-spacing: -.07em; line-height: 1; white-space: nowrap; color: var(--hero-ghost); pointer-events: none; }
.robot-hero-layout { height: 100%; display: grid; grid-template-columns: 47% 53%; align-items: center; padding-top: var(--space-8); }
.robot-hero-copy { grid-column: 2; padding-block: var(--space-7); padding-left: var(--space-6); position: relative; z-index: 2; margin-top: var(--space-7); }
.hero-robot h1 { max-width: 40rem; font-family: var(--font-heading); font-size: clamp(2.7rem, 4.15vw, 4.2rem); font-weight: 450; line-height: 1.08; letter-spacing: -.045em; margin: 0; }
.hero-robot h1 span { color: var(--hero-ink); }
.hero-robot .hero-description { margin: var(--space-6) 0 0; max-width: 28rem; color: var(--hero-copy-ink); font-size: 1rem; line-height: 1.8; }
.hero-robot .robot-hero-button { margin-top: var(--space-6); background: var(--hero-button); border-color: var(--hero-button); color: var(--color-text); box-shadow: none; min-height: 50px; padding-inline: var(--space-5); border-radius: var(--radius-pill); }
.hero-robot .robot-hero-button:hover { background: var(--hero-button-hover); box-shadow: none; }
.robot-hero-button span { color: var(--hero-lavender-pale); }
.hero-robot .robot-hero-note { max-width: 25rem; color: var(--hero-copy-ink); font-size: .75rem; line-height: 1.75; margin: var(--space-6) 0 0; padding: var(--space-3) 0 0; border-top: 1px solid var(--hero-line); }
.page-home .skip-link { background: var(--hero-button); color: var(--color-text); }
.hero-robot :focus-visible, .page-home .site-header :focus-visible { outline-color: var(--hero-button); }
@media (max-width: 1000px) and (min-width: 701px) {
  .robot-hero-layout { grid-template-columns: 44% 56%; }
  .robot-hero-copy { padding-left: var(--space-5); }
  .hero-robot h1 { font-size: clamp(2.8rem, 4.5vw, 3.4rem); }
}
@media (max-width:700px) {
  .page-home .site-header { height: 5rem; }
  .hero.hero-robot { height: auto; min-height: 66rem; }
  .robot-background { top: auto; bottom: 0; height: 37rem; }
  .robot-background img { object-fit: cover; object-position: 10% center; }
  .hero-robot-wash { background: linear-gradient(to bottom, var(--hero-lavender) 39%, var(--color-transparent) 69%); }
  .hero-ghost-word { top: 45%; left: -8%; font-size: 10rem; }
  .robot-hero-layout { display: block; height: auto; padding-top: 7rem; }
  .robot-hero-copy { padding: 0; margin: 0; }
  .hero-robot h1 { font-size: clamp(2.5rem, 8.8vw, 3.6rem); max-width: 36rem; }
  .hero-robot .hero-description { font-size: .92rem; margin-top: var(--space-5); max-width: 30rem; }
  .hero-robot .robot-hero-button { margin-top: var(--space-5); }
  .hero-robot .robot-hero-note { margin-top: var(--space-5); max-width: 28rem; }
}
@media (max-width:390px) {
  .hero.hero-robot { min-height: 65rem; }
  .hero-robot h1 { font-size: 2.45rem; }
  .robot-background { height: 33rem; }
}
:root { --phone-cream: #fff1df; --phone-chat: #b5a1d3; --phone-chat-dark: #7a579d; --phone-ui-line: #58486655; }
.robot-background { --robot-art-height: var(--hero-height); }
.robot-canvas { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:max(100%, calc(var(--robot-art-height) * 1.5)); aspect-ratio:3/2; }
.robot-canvas > img { width:100%; height:100%; display:block; object-fit:fill; }
.hero-ghost-word { mask-image:linear-gradient(90deg, var(--color-transparent) 38%, var(--color-bg) 49%); }
.robot-phone-ui { position:absolute; top:23%; left:25.6%; width:14.3%; height:42%; display:flex; flex-direction:column; padding:0; color:var(--hero-ink); text-align:left; transform:rotate(.3deg); }
.phone-brand { display:block; font-family:var(--font-heading); font-size:clamp(1rem,1.7vw,1.5rem); line-height:1; font-weight:550; letter-spacing:-.04em; }
.phone-rule { height:1px; width:100%; margin-top:14%; background:var(--phone-ui-line); }
.phone-thread { display:flex; flex-direction:column; gap:clamp(.4rem,1vw,1rem); padding-top:14%; }
.phone-message { display:flex; flex-direction:column; gap:.35rem; padding:10%; width:84%; border-radius:.7rem; }
.phone-message.light { background:var(--phone-cream); border-bottom-left-radius:.15rem; }
.phone-message.purple { margin-left:auto; background:var(--phone-chat); border-bottom-right-radius:.15rem; }
.phone-message.compact { width:65%; }
.phone-message i { display:block; width:100%; height:.18rem; border-radius:var(--radius-pill); background:var(--phone-ui-line); }
.phone-message i:last-child { width:65%; }
.phone-typing { display:flex; gap:.2rem; padding:8%; width:35%; background:var(--phone-cream); border-radius:.6rem; }
.phone-typing i { width:.2rem; height:.2rem; border-radius:50%; background:var(--phone-chat-dark); }
.phone-compose { display:flex; align-items:center; justify-content:space-between; gap:.3rem; border:1px solid var(--phone-ui-line); border-radius:var(--radius-pill); padding:6% 8%; margin-top:auto; }
.phone-compose > i { width:50%; height:.16rem; border-radius:var(--radius-pill); background:var(--phone-ui-line); }
.phone-compose > b { display:grid; place-items:center; width:1.2rem; height:1.2rem; font-weight:400; border-radius:50%; color:var(--phone-cream); background:var(--phone-chat-dark); font-size:.7rem; }
@media(max-width:700px) {
 .robot-background { --robot-art-height:37rem; }
 .robot-canvas { left:19%; transform:translate(-19%,-50%); }
 .robot-phone-ui { height:44%; }
 .phone-brand { font-size:1rem; }
 .phone-thread { gap:.45rem; }
 .phone-message { padding:8%; }
 .phone-compose > b { width:1rem; height:1rem; }
}
@media(max-width:390px) { .robot-background { --robot-art-height:33rem; } .phone-message i { height:.14rem; } }
:root { --hero-height: max(47rem, 100svh); }

body{background:var(--hero-lavender)}

/* White hero variant for visual comparison only. */
:root { --hero-white: #ffffff; --hero-white-shadow: #49345f26; }
.hero-robot h1, .hero-robot h1 span { color: var(--hero-white); text-shadow: 0 2px 18px var(--hero-white-shadow); }
.hero-robot .robot-hero-button { background: var(--hero-white); border-color: var(--hero-white); color: var(--hero-ink); }
.hero-robot .robot-hero-button span { color: var(--hero-ink); }
.hero-robot .robot-hero-button:hover { background: var(--hero-lavender-pale); border-color: var(--hero-lavender-pale); }

.page-home .site-header .brand { color: var(--hero-white); }

/* Matched to the attached almost-black / muted-purple reference. */
:root { --reference-black:#0b0313; --reference-purple:#2c163b; --reference-mid:#1b0c25; }
body,.hero.hero-robot { background:var(--reference-black); }
.hero.hero-robot { background:radial-gradient(ellipse 60% 48% at 50% 100%,var(--reference-purple) 0%,var(--reference-mid) 46%,var(--reference-black) 100%); }
.hero-robot-wash { background:none; }
.hero-ghost-word { display:none; }
.hero-robot h1,.hero-robot h1 span,.page-home .site-header .brand { color:#fff; text-shadow:none; }
.hero-robot .hero-description,.hero-robot .robot-hero-note { color:#cbbfd6; }
.hero-robot .robot-hero-note { border-top-color:#ffffff24; }
.page-home .site-header .signin { color:#fff; border-color:#ffffff2d; background:#ffffff05; }
.page-home .site-header .signin span { color:#fff; }
@media(max-width:700px) {
 body,.hero.hero-robot { background:var(--reference-black); }
 .hero.hero-robot { background:radial-gradient(ellipse 100% 45% at 50% 88%,var(--reference-purple) 0%,var(--reference-mid) 47%,var(--reference-black) 100%); }
 .hero-robot-wash { background:none; }
}

/* Expanded purple glow: wider, higher and smoothly faded at the edges. */
:root { --reference-purple:#482361; --reference-mid:#281137; }
.hero.hero-robot { background:radial-gradient(ellipse 100% 90% at 50% 82%,#482361 0%,#341945 38%,#20102e 69%,#0b0313 100%); }
@media(max-width:700px) { .hero.hero-robot { background:radial-gradient(ellipse 150% 76% at 50% 75%,#482361 0%,#341945 40%,#20102e 73%,#0b0313 100%); } }

/* Section two: photographic cards fading into white, matched to the reference. */
.channels-editorial { --editorial-white:#fff; --editorial-ink:#101010; --editorial-muted:#5d5664; --editorial-border:#eceaec; --editorial-purple:#7b4e98; --editorial-photo-height:21.5rem; background:var(--editorial-white); color:var(--editorial-ink); padding:7.5rem 0 6rem; }
.editorial-container { width:min(73.5rem,calc(100% - 2.5rem)); margin-inline:auto; }
.editorial-heading { text-align:center; max-width:49rem; margin-inline:auto; }
.editorial-heading h2 { font-family:var(--font-heading); font-size:clamp(2rem,3.7vw,3.1rem); font-weight:600; line-height:1.1; letter-spacing:-.04em; text-wrap:balance; }
.editorial-channel-names { margin-top:1.2rem; font-size:.92rem; color:#302b34; }
.editorial-intro { margin-top:1.9rem; font-size:.92rem; color:var(--editorial-muted); }
.editorial-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:end; gap:1.25rem; margin-top:4.5rem; }
.editorial-card { min-width:0; background:var(--editorial-white); border:1px solid var(--editorial-border); border-radius:1rem; overflow:hidden; box-shadow:0 1px 2px #10101004; }
.editorial-photo { position:relative; height:var(--editorial-photo-height); overflow:hidden; background:var(--editorial-white); }
.editorial-card:nth-child(2) .editorial-photo { height:calc(var(--editorial-photo-height) + 1.75rem); }
.editorial-photo img { width:100%; height:100%; object-fit:cover; object-position:center 24%; display:block; }
.editorial-photo::after { content:''; position:absolute; inset:0; background:linear-gradient(to bottom,#ffffff00 0%,#ffffff00 45%,#ffffff12 56%,#ffffff65 70%,#ffffffce 86%,#fff 100%); pointer-events:none; }
.editorial-card-copy { position:relative; padding:0 1.65rem 2rem; min-height:7.8rem; margin-top:-.65rem; }
.editorial-copy-mark { display:block; width:1.15rem; height:3px; border-radius:2px; background:var(--editorial-purple); margin-bottom:1.15rem; }
.editorial-card-copy p { font-family:var(--font-body); color:var(--editorial-ink); font-size:clamp(1.1rem,1.8vw,1.4rem); font-weight:500; line-height:1.45; letter-spacing:-.025em; max-width:19rem; }
.editorial-small-line { max-width:36rem; text-align:center; color:var(--editorial-muted); font-size:.8rem; line-height:1.8; margin:3rem auto 0; }
@media(max-width:800px) { .channels-editorial { padding:5rem 0 4.5rem; --editorial-photo-height:18rem; } .editorial-cards { gap:.8rem; margin-top:3.5rem; } .editorial-card-copy { padding:0 1.1rem 1.6rem; min-height:9rem; } .editorial-card-copy p { font-size:1.05rem; } }
@media(max-width:600px) { .channels-editorial { padding:4.5rem 0 4rem; --editorial-photo-height:22rem; } .editorial-container { width:calc(100% - 2.5rem); } .editorial-heading h2 { font-size:2.05rem; } .editorial-channel-names { font-size:.77rem; white-space:nowrap; letter-spacing:-.02em; } .editorial-intro { margin-top:1.5rem; font-size:.86rem; } .editorial-cards { grid-template-columns:1fr; gap:1.5rem; margin-top:2.5rem; max-width:25rem; margin-inline:auto; } .editorial-card:nth-child(2) .editorial-photo { height:var(--editorial-photo-height); } .editorial-card-copy { padding:0 1.65rem 1.8rem; min-height:6.8rem; } .editorial-card-copy p { font-size:1.3rem; } .editorial-small-line { margin-top:2rem; font-size:.77rem; } }

.strategy-bloom{--strategy-bg:#faf9fc;--strategy-purple:#332b47;--strategy-ink:#17151c;--strategy-soft:#c4becf;--strategy-radius:1.3rem;background:var(--strategy-bg);color:var(--strategy-ink);padding:6.5rem 0 7rem}.strategy-wrap{width:min(73.5rem,calc(100% - 2.5rem));margin:auto}.strategy-top{display:grid;grid-template-columns:1.6fr 1fr;gap:5rem;align-items:start;margin-bottom:3.5rem}.strategy-top h2{font-family:Outfit,Arial,sans-serif;font-size:clamp(2rem,3.25vw,2.8rem);font-weight:500;line-height:1.12;letter-spacing:-.035em;margin:0;max-width:41rem;text-wrap:balance}.strategy-small{font-size:.96rem;line-height:1.5;color:#736d7c;max-width:18rem;margin:.35rem 0 0 auto;padding-left:1.2rem;border-left:2px solid #c8b4dd}.strategy-grid{display:grid;grid-template-columns:2.05fr 1fr 1fr 1fr;gap:1.1rem}.strategy-card{position:relative;min-height:19.5rem;border-radius:var(--strategy-radius);padding:1.45rem 1.25rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:var(--strategy-purple);color:white}.strategy-card h3{font-family:Outfit,Arial,sans-serif;font-size:1.4rem;line-height:1.16;font-weight:500;letter-spacing:-.025em;margin:0;position:relative;z-index:2}.strategy-card p{background:none;border:0;border-radius:0;box-shadow:none;padding:0;backdrop-filter:none;font-size:.84rem;line-height:1.5;margin:0;color:#ded9e7;position:relative;z-index:2}.strategy-feature{background:linear-gradient(115deg,#dedcf8 0%,#edf1fc 64%,#fafbff 100%);color:#3e365c}.strategy-feature p{color:#605579;max-width:11rem}.strategy-art{position:absolute;inset:0;pointer-events:none}.glass-chat{position:absolute;border-radius:1.15rem;box-shadow:inset 1px 1px 2px #ffffffdf,0 15px 28px #58408630;border:1px solid #b8a2df;background:linear-gradient(135deg,#f0e8ffb8,#9f77d3a0);backdrop-filter:blur(5px)}.glass-chat:after{content:"";position:absolute;bottom:-.6rem;right:1.1rem;width:1.3rem;height:1.3rem;background:#b89adf;clip-path:polygon(0 0,100% 0,100% 100%)}.glass-chat-back{width:7.8rem;height:5rem;right:1.5rem;top:4rem;transform:rotate(12deg);display:flex;gap:.5rem;align-items:center;justify-content:center}.glass-chat-back i{width:.6rem;height:.6rem;border-radius:50%;background:#71519d}.glass-chat-front{width:9.8rem;height:7rem;right:1.4rem;top:8.4rem;transform:rotate(-9deg);padding:1rem;background:linear-gradient(135deg,#fff9,#c4ade7cc)}.glass-chat-front b{display:block;width:1.6rem;height:1.6rem;border-radius:50%;background:linear-gradient(135deg,#9e6bd4,#57307f);margin-bottom:.7rem}.glass-chat-front span{display:block;height:.35rem;background:#8662ae70;border-radius:1rem;margin-top:.4rem;width:80%}.glass-chat-front span:last-child{width:55%}.art-orbit{position:absolute;width:14rem;height:2.5rem;right:-.7rem;bottom:.8rem;background:radial-gradient(ellipse,#9176bc50,transparent 70%);transform:rotate(-10deg)}@media(max-width:1000px){.strategy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.strategy-top{gap:2rem}.strategy-card{min-height:18rem}.strategy-feature p{max-width:10rem}}@media(max-width:600px){.strategy-bloom{padding:4rem 0}.strategy-top{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.strategy-top h2{font-size:2.05rem}.strategy-small{margin:0;max-width:19rem;font-size:.82rem}.strategy-grid{grid-template-columns:1fr;gap:.9rem}.strategy-card{min-height:13rem;padding:1.4rem}.strategy-feature{min-height:19rem}.strategy-card h3{font-size:1.5rem}.strategy-card p{background:none;border:0;border-radius:0;box-shadow:none;padding:0;backdrop-filter:none;font-size:.9rem;max-width:16rem}.strategy-feature p{max-width:10rem}.glass-chat-back{right:2rem}.glass-chat-front{right:1.5rem}}
.transform-campaign{margin:0;padding:0;background:#2b153e;overflow:hidden}.transform-campaign img{display:block;width:100%;height:auto;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none}@media(min-width:1000px){.transform-campaign img{max-height:56rem;object-fit:cover;object-position:center}}
.contact-finale{--finale-ground:#fff;--finale-white:#fff;--finale-ink:#161219;--finale-muted:#766e7c;--finale-purple:#6e3c97;background:var(--finale-ground);padding:0;color:var(--finale-ink)}.finale-panel{position:relative;isolation:isolate;overflow:hidden;max-width:82rem;margin:auto;background:var(--finale-white);border-radius:0;padding:3rem 2rem 18rem;min-height:43rem}.finale-brand{font-family:Outfit,Arial,sans-serif;font-weight:500;text-align:center;font-size:1.1rem;letter-spacing:-.04em}.finale-content{position:relative;z-index:2;max-width:35rem;margin:4rem auto 0;text-align:center}.finale-content h2{font-family:Outfit,Arial,sans-serif;font-weight:500;font-size:clamp(2.2rem,4vw,3.5rem);letter-spacing:-.045em;line-height:1.08;margin:0 0 1rem}.finale-content p{background:none;border:0;box-shadow:none;padding:0;border-radius:0;backdrop-filter:none}.finale-intro{color:var(--finale-muted);font-size:.92rem;line-height:1.6;max-width:29rem;margin:0 auto 1.8rem}.finale-form{text-align:left;max-width:29rem;margin:auto;background:none;border:0;padding:0;box-shadow:none}.finale-fields{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.finale-form label{display:block;font-size:.75rem;color:#5c5365;margin:0 0 .85rem;font-weight:400}.finale-form input,.finale-form textarea{display:block;width:100%;border:1px solid #e3dfe8;border-radius:.65rem;background:#faf9fc;color:#21172b;font:inherit;font-size:.95rem;padding:.7rem .8rem;margin:.4rem 0 0;box-shadow:none;resize:vertical}.finale-form input:focus-visible,.finale-form textarea:focus-visible{outline:2px solid var(--finale-purple);outline-offset:2px}.finale-form button{display:block;border:0;border-radius:2rem;background:#17121c;color:#fff;padding:.7rem 1.7rem;font:inherit;font-size:.85rem;margin:1rem auto 0;cursor:pointer}.finale-form button:focus-visible{outline:2px solid var(--finale-purple);outline-offset:3px}.finale-email{font-size:.75rem;color:var(--finale-muted);margin:1rem 0 0}.finale-small{font-size:.72rem;color:#82728e;max-width:25rem;line-height:1.7;margin:1.5rem auto 0}.finale-fan{position:absolute;bottom:-7.5rem;left:50%;width:48rem;height:19rem;transform:translateX(-50%);z-index:1}.fan-chat{position:absolute;bottom:0;width:12rem;height:17rem;padding:1.4rem;border:1px solid #ffffff65;border-radius:1rem;background:#e7d5fa;box-shadow:0 8px 25px #25143420;transform-origin:bottom center}.fan-one{left:0;transform:rotate(-22deg);background:#2d173f}.fan-two{left:8.5rem;bottom:1rem;transform:rotate(-10deg);background:#d8c2ed}.fan-three{left:18rem;bottom:1.5rem;transform:rotate(1deg);background:#9b6fc1}.fan-four{left:27rem;bottom:.5rem;transform:rotate(13deg);background:#eee6f6}.fan-five{left:35rem;transform:rotate(24deg);background:#6b3d8d}.fan-chat i{display:block;width:2.3rem;height:2.3rem;background:#ffffff80;border-radius:50%;margin-bottom:1.2rem}.fan-chat b,.fan-chat span,.fan-chat em{display:block;border-radius:.65rem;background:#ffffff70;height:.4rem;width:65%;margin:.5rem 0}.fan-chat b{height:2.4rem;width:100%;margin-top:1rem}.fan-chat span{width:85%}.fan-chat em{height:2.4rem;width:80%;margin-left:auto;background:#ffffff30}@media(prefers-reduced-motion:no-preference){.finale-form button{transition:background .2s,transform .2s}.finale-form button:hover{background:var(--finale-purple);transform:translateY(-2px)}}@media(max-width:600px){.contact-finale{padding:2rem .7rem}.finale-panel{border-radius:1.5rem;padding:1.5rem 1.3rem 12.5rem;min-height:0}.finale-content{margin-top:3rem}.finale-intro{font-size:.85rem}.finale-fields{grid-template-columns:1fr;gap:0}.finale-content h2{font-size:2.4rem}.finale-fan{width:48rem;transform:translateX(-50%) scale(.72);transform-origin:bottom center;bottom:-7rem}.finale-email{overflow-wrap:anywhere}.finale-small{font-size:.7rem}}

.finale-content{margin-top:5rem}.finale-services{position:absolute;bottom:-7rem;left:50%;width:58rem;height:23rem;transform:translateX(-50%)}.service-sheet{position:absolute;bottom:0;width:16rem;height:23rem;border-radius:1rem;padding:1.5rem;border:1px solid #eee6f5;box-shadow:0 7px 25px #29143d18;transform-origin:bottom center;overflow:hidden}.service-sheet h3{font:500 2.6rem/1.1 Outfit,Arial,sans-serif;letter-spacing:-.04em;margin:0 0 1.5rem}.service-sheet p{font-size:.95rem;line-height:1.6;background:none;border:0;box-shadow:none;border-radius:0;padding:0;color:inherit;margin:0}.service-one{left:0;background:#2d173f;color:#fff;transform:rotate(-17deg)}.service-two{left:14rem;background:#e1d1f1;color:#342242;bottom:1.8rem;transform:rotate(-6deg)}.service-three{left:28rem;background:#9666bb;color:#fff;bottom:1.4rem;transform:rotate(6deg)}.service-four{left:42rem;background:#f1eaf8;color:#342242;transform:rotate(17deg)}@media(max-width:600px){.contact-finale{padding:0}.finale-panel{padding:2.5rem 1.3rem 23rem;border-radius:0;min-height:41rem}.finale-content{margin-top:4rem}.finale-services{width:40rem;bottom:-6rem;height:22rem}.service-sheet{width:11rem;height:21rem;padding:1rem}.service-sheet h3{font-size:2rem}.service-sheet p{font-size:.8rem}.service-one{left:0}.service-two{left:9.5rem;bottom:1.7rem}.service-three{left:19rem;bottom:1.4rem}.service-four{left:28.5rem}}

.api-context{font-size:.8rem;line-height:1.7;color:#756b7e;margin:1rem auto 0;max-width:32rem}.api-context a{color:#70478f;text-decoration:underline;text-underline-offset:4px}.working-method{background:#fff;color:#21172b;padding:6rem 0}.method-wrap{width:min(73.5rem,calc(100% - 2.5rem));margin:auto}.method-top{display:flex;justify-content:space-between;gap:2rem;align-items:center}.method-top h2{font:500 clamp(2rem,3.5vw,3rem)/1.1 Outfit,Arial,sans-serif;letter-spacing:-.04em;margin:0}.method-top p{font-size:.82rem;color:#897294;max-width:16rem}.method-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:3rem}.method-steps>div{border-top:1px solid #e8deef;padding-top:1.6rem}.method-steps h3{font:500 1.5rem Outfit,Arial,sans-serif;margin:0 0 .6rem}.method-steps p{color:#716579;font-size:.92rem;line-height:1.7;margin:0}.method-ideas{margin-top:4rem;padding-top:2rem;border-top:1px solid #eee7f3}.method-ideas h3{font:500 1.3rem Outfit,Arial,sans-serif;margin:0 0 1.4rem}.method-ideas ul{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem;list-style:none;padding:0;margin:0}.method-ideas li{font-size:1rem;line-height:1.5;padding-left:1rem;border-left:2px solid #ba96d5}.method-small{font-size:.77rem;color:#8b7598;margin:1.8rem 0 0}.method-principle{margin-top:3rem;padding-top:2rem;border-top:1px solid #eee7f3}.method-principle p{font:500 1.2rem/1.5 Outfit,Arial,sans-serif;margin:0 0 .5rem}.method-principle small{color:#8b7598;font-size:.77rem}.finale-contact-text{color:#754396;font-size:.9rem;margin:1.5rem 0 0;overflow-wrap:anywhere}.finale-closing{font-size:.75rem;color:#887491;margin:1rem 0 0}.service-sheet h3{font-size:2rem;max-width:11rem}.finale-panel{min-height:47rem}@media(max-width:600px){.working-method{padding:4rem 0}.method-top{display:block}.method-top p{margin-top:1rem}.method-steps{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.method-ideas{margin-top:2.5rem}.method-ideas ul{grid-template-columns:1fr}.service-sheet h3{font-size:1.45rem}.finale-panel{min-height:45rem}.finale-closing{font-size:.7rem}}
.copy-footer{background:#fff;color:#766781;padding:3rem 1.5rem;font-size:.78rem;border-top:1px solid #eee7f3}.copy-footer>div{max-width:73.5rem;margin:auto}.copy-footer p{margin:0 0 1rem}.copy-footer p:first-child{font:500 1.1rem Outfit,Arial,sans-serif;color:#30203b}.copy-footer nav{display:flex;flex-wrap:wrap;gap:1.2rem;margin:1rem 0}.copy-footer a{color:#6e448b}.copy-footer small{display:block;max-width:46rem;line-height:1.7;margin-top:1.8rem}
.editorial-heading .editorial-channel-names,.editorial-heading .editorial-channels,.editorial-heading .api-context,.editorial-heading .editorial-intro{margin-top:1.1rem;margin-bottom:0;line-height:1.65}.editorial-heading>p{margin-top:1.1rem;margin-bottom:0;line-height:1.65}.editorial-card-copy{min-height:15.5rem!important}.editorial-card-copy h3{font:500 1.35rem/1.3 Outfit,Arial,sans-serif;letter-spacing:-.02em;margin:0 0 .85rem}.editorial-card-copy p.editorial-description{font-size:.9rem;font-weight:400;line-height:1.7;color:#716678;margin:0}.strategy-top{display:block}.strategy-small{color:#151019;margin:1.3rem 0 0;max-width:none;border:0;padding:0;font-size:.95rem}.strategy-card h3{font-size:1.25rem;max-width:10rem}.strategy-icon{position:absolute;width:7rem;height:7rem;right:-.8rem;top:5.5rem;color:#d7bdec;opacity:.75}.strategy-feature h3{max-width:12rem}.method-photo-heading{text-align:center;max-width:48rem;margin:0 auto 3.5rem}.method-photo-heading h2{font:500 clamp(2rem,3.5vw,3rem)/1.1 Outfit,Arial,sans-serif;letter-spacing:-.04em;margin:0 0 1.2rem}.method-photo-heading p{font-size:.85rem;color:#76647f;line-height:1.7}.method-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:end}.method-photo-card{border:1px solid #eceaec;border-radius:1rem;overflow:hidden;background:#fff}.method-photo{height:20rem;position:relative;background:linear-gradient(135deg,#eee8f5,#faf8fd)}.method-photo-card:nth-child(2) .method-photo{height:21.75rem}.method-photo img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.method-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#ffffff80 78%,white 100%)}.method-photo-copy{position:relative;min-height:17rem;padding:0 1.6rem 2rem}.method-photo-copy h3{font:500 1.35rem/1.3 Outfit,Arial,sans-serif;letter-spacing:-.02em;margin:0 0 .85rem}.method-photo-copy p{background:none;border:0;box-shadow:none;border-radius:0;padding:0;backdrop-filter:none;font-size:.9rem;line-height:1.7;color:#716678;margin:0}.method-photo-copy p.method-photo-idea{font-size:.8rem;color:#6f4b86;margin-top:1.1rem;border-top:1px solid #eee6f4;padding-top:1rem}.method-photo-small{text-align:center;color:#836b92;font-size:.8rem;margin:2.5rem 0}.method-principle{text-align:center}.finale-panel{min-height:64rem;padding-bottom:23rem}.finale-raised-footer{position:relative;z-index:3;max-width:48rem;text-align:center;margin:2.5rem auto 0;color:#776781;font-size:.75rem}.finale-raised-footer p{margin:0 0 .8rem}.finale-raised-footer p:first-child{font:500 1rem Outfit,Arial,sans-serif;color:#33233f}.finale-raised-footer nav{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin:.85rem 0}.finale-raised-footer a{color:#6e448b}.finale-raised-footer small{display:block;font-size:.68rem;line-height:1.7;max-width:38rem;margin:1rem auto 0}.finale-services{bottom:-7rem}@media(max-width:600px){.editorial-cards,.strategy-grid,.method-photo-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding:1.75rem 0 1rem;align-items:stretch;max-width:none!important;-webkit-overflow-scrolling:touch;scrollbar-color:#b798ce #f5f0f9;scrollbar-width:thin}.editorial-card,.strategy-card,.method-photo-card{flex:0 0 87%;scroll-snap-align:start;min-width:0}.editorial-cards{margin-top:1.5rem!important}.editorial-card .editorial-photo,.editorial-card:nth-child(2) .editorial-photo{height:20rem!important}.editorial-card-copy{min-height:16rem!important}.strategy-card{min-height:20rem}.strategy-card p{max-width:15rem}.strategy-icon{top:5.8rem;width:8rem;height:8rem}.method-photo-heading{margin-bottom:1rem}.method-photo,.method-photo-card:nth-child(2) .method-photo{height:20rem}.method-photo-copy{min-height:18rem;padding-inline:1.25rem}.finale-panel{min-height:0;padding-bottom:2rem}.finale-raised-footer{margin-top:2rem}.finale-services{position:relative;left:auto;bottom:auto;transform:none;width:auto;height:auto;display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;margin:2.5rem -1.3rem 0;padding:0 1.3rem 1rem;scrollbar-width:thin;scrollbar-color:#b798ce #f5f0f9}.service-sheet,.service-one,.service-two,.service-three,.service-four{position:relative;left:auto;bottom:auto;transform:none;flex:0 0 84%;width:auto;height:20rem;padding:1.5rem;scroll-snap-align:center}.service-sheet h3{font-size:2rem}.service-sheet p{font-size:.95rem}}
.approved-hero *{box-sizing:border-box}.approved-hero,.approved-hero{margin:0;background:#f5f5f6}.approved-hero{font-family:Inter,Arial,sans-serif}.approved-hero .hero{min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,#e9ddf480,transparent 65%),#f5f5f6;display:grid;grid-template-rows:90px auto auto;align-content:start;gap:0}.approved-hero header{height:90px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1600px;margin:0 auto}.approved-hero .logo{font:600 27px Outfit,Arial,sans-serif;color:#6a3698;letter-spacing:-1px;text-decoration:none}.approved-hero .signin{font-size:14px;color:#716d78;text-decoration:none}.approved-hero .copy{text-align:center;padding:38px 24px 0;margin:0 auto;width:100%;max-width:1300px}.approved-hero h1{font:500 clamp(34px,4.45vw,68px)/1.13 Outfit,Arial,sans-serif;letter-spacing:-.045em;margin:0}.approved-hero .headline-line{display:block;color:#a49fa9}.approved-hero .purple-line{color:#713b98;background:linear-gradient(110deg,#59227f,#9765b9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.approved-hero .cta{display:inline-flex;align-items:center;gap:15px;margin-top:38px;padding:11px 22px 11px 12px;border-radius:60px;background:linear-gradient(145deg,#7f4aa1,#452260);color:white;text-decoration:none;font-size:14px;box-shadow:inset 0 1px 3px #ffffff60,0 5px 15px #582c7820}.approved-hero .mark{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffff17;border:1px solid #ffffff2c;font:20px Outfit,sans-serif}.approved-hero .wordmark{font:600 17vw/1.08 Outfit,Arial,sans-serif;letter-spacing:-.065em;white-space:nowrap;text-align:center;margin:68px 0 0;color:#c5bccd;background:linear-gradient(180deg,#aaa1b3 0%,#c9bfd3 38%,#f5f5f6 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;user-select:none}.approved-hero a:focus-visible{outline:3px solid #9b67bf;outline-offset:6px}@media(min-width:700px) and (max-height:720px){.approved-hero .hero{grid-template-rows:76px auto auto}.approved-hero header{height:76px}.approved-hero .copy{padding-top:16px}.approved-hero h1{font-size:min(4.2vw,56px)}.approved-hero .cta{margin-top:25px}.approved-hero .wordmark{margin-top:42px;font-size:16vw}}@media(max-width:699px){.approved-hero .hero{grid-template-rows:78px auto auto;min-height:100svh}.approved-hero header{height:78px;padding:0 22px}.approved-hero .logo{font-size:25px}.approved-hero .copy{padding:66px 14px 0}.approved-hero h1{font-size:5.9vw;line-height:1.3;letter-spacing:-.04em}.approved-hero .headline-line{white-space:nowrap}.approved-hero .cta{margin-top:35px}.approved-hero .wordmark{margin-top:95px;font-size:17vw}}.approved-hero,.approved-hero{background:#fff}.approved-hero .hero{background:radial-gradient(ellipse 75% 65% at 50% 80%,#e9e7ec 0%,#f5f4f6 48%,#fff 100%)}.approved-hero .wordmark{background-image:linear-gradient(180deg,#aaa1b3 0%,#c9bfd3 38%,#f1eff3 95%)} .strategy-editorial{background:#fff;color:#28252b;padding:110px max(6vw,24px) 100px}.editorial-inner{max-width:1280px;margin:0 auto}.editorial-statement{font-family:Outfit,Arial,sans-serif;font-size:clamp(36px,4.8vw,70px);font-weight:400;line-height:1.12;letter-spacing:-.045em;max-width:1120px;margin:0}.editorial-statement em{font-style:italic;font-weight:400;background:linear-gradient(110deg,#b78ac9,#67439e);background-clip:text;-webkit-background-clip:text;color:transparent}.editorial-note{font:400 15px/1.5 Inter,Arial,sans-serif;margin:54px 0 44px;color:#5b5263}.editorial-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px}.editorial-column h3{font:400 23px/1.15 Outfit,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 17px;max-width:180px}.editorial-column p{font:400 14px/1.65 Inter,Arial,sans-serif;color:#77717b;margin:0;max-width:240px}@media(max-width:700px){.strategy-editorial{padding:70px 24px}.editorial-statement{font-size:39px}.editorial-note{margin:38px 0 32px;font-size:13px}.editorial-columns{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:28px;padding:0 0 22px;scrollbar-width:thin;scrollbar-color:#b59bc8 #f4f0f7}.editorial-column{flex:0 0 76%;scroll-snap-align:start}.editorial-column h3{font-size:25px}.editorial-column p{max-width:260px}}.strategy-exact{background:#fff;color:#29262d;padding:75px 5vw 65px}.exact-wrap{max-width:1160px;margin:auto}.exact-headline{font:400 clamp(23px,3.65vw,55px)/1.19 Outfit,Arial,sans-serif;letter-spacing:-.035em;margin:0}.exact-line{display:block;white-space:nowrap}.exact-headline em{font-style:italic;background:linear-gradient(100deg,#c196c7,#6b4fa9);background-clip:text;-webkit-background-clip:text;color:transparent}.exact-kicker{font:400 15px/1.3 Georgia,serif;color:#5d5366;margin:90px 0 48px}.exact-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.exact-columns h3{font:400 25px/1.12 Outfit,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 16px}.exact-columns p{font:400 clamp(9px,1.06vw,15px)/1.45 Inter,Arial,sans-serif;color:#87808a;margin:0}.exact-columns p span{display:block;white-space:nowrap}@media(max-width:700px){.strategy-exact{padding:45px 18px}.exact-headline{font-size:4.25vw}.exact-kicker{font-size:11px;margin:56px 0 32px}.exact-columns{gap:16px}.exact-columns h3{font-size:3.3vw;margin-bottom:11px}.exact-columns p{font-size:1.38vw}}.exact-kicker{margin-top:30px;margin-bottom:34px}.exact-headline em{display:inline-block;padding-right:.15em;margin-right:-.15em;overflow:visible}.exact-line{overflow:visible}@media(max-width:700px){.exact-kicker{margin-top:25px;margin-bottom:28px}.exact-columns{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:28px;padding-bottom:18px}.exact-columns article{flex:0 0 82%;scroll-snap-align:start}.exact-columns h3{font-size:25px}.exact-columns p{font-size:12px}.exact-columns p span{white-space:normal}}#approved-hero,#approved-hero *{all:revert;box-sizing:border-box}#approved-hero{display:block;font-family:Inter,Arial,sans-serif}#approved-hero .isolated-hero{position:relative;border:0;padding:0}#approved-hero h1{max-width:none;text-wrap:initial;text-shadow:none}#approved-hero a{cursor:pointer}#approved-hero *{box-sizing:border-box}#approved-hero,#approved-hero{margin:0;background:#f5f5f6}#approved-hero{font-family:Inter,Arial,sans-serif}#approved-hero .isolated-hero{min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,#e9ddf480,transparent 65%),#f5f5f6;display:grid;grid-template-rows:90px auto auto;align-content:start;gap:0}#approved-hero header{height:90px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1600px;margin:0 auto}#approved-hero .isolated-logo{font:600 27px Outfit,Arial,sans-serif;color:#6a3698;letter-spacing:-1px;text-decoration:none}#approved-hero .isolated-signin{font-size:14px;color:#716d78;text-decoration:none}#approved-hero .isolated-copy{text-align:center;padding:38px 24px 0;margin:0 auto;width:100%;max-width:1300px}#approved-hero h1{font:500 clamp(34px,4.45vw,68px)/1.13 Outfit,Arial,sans-serif;letter-spacing:-.045em;margin:0}#approved-hero .isolated-headline-line{display:block;color:#a49fa9}#approved-hero .isolated-purple-line{color:#713b98;background:linear-gradient(110deg,#59227f,#9765b9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#approved-hero .isolated-cta{display:inline-flex;align-items:center;gap:15px;margin-top:38px;padding:11px 22px 11px 12px;border-radius:60px;background:linear-gradient(145deg,#7f4aa1,#452260);color:white;text-decoration:none;font-size:14px;box-shadow:inset 0 1px 3px #ffffff60,0 5px 15px #582c7820}#approved-hero .isolated-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffff17;border:1px solid #ffffff2c;font:20px Outfit,sans-serif}#approved-hero .isolated-wordmark{font:600 17vw/1.08 Outfit,Arial,sans-serif;letter-spacing:-.065em;white-space:nowrap;text-align:center;margin:68px 0 0;color:#c5bccd;background:linear-gradient(180deg,#aaa1b3 0%,#c9bfd3 38%,#f5f5f6 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;user-select:none}#approved-hero a:focus-visible{outline:3px solid #9b67bf;outline-offset:6px}@media(min-width:700px) and (max-height:720px){#approved-hero .isolated-hero{grid-template-rows:76px auto auto}#approved-hero header{height:76px}#approved-hero .isolated-copy{padding-top:16px}#approved-hero h1{font-size:min(4.2vw,56px)}#approved-hero .isolated-cta{margin-top:25px}#approved-hero .isolated-wordmark{margin-top:42px;font-size:16vw}}@media(max-width:699px){#approved-hero .isolated-hero{grid-template-rows:78px auto auto;min-height:100svh}#approved-hero header{height:78px;padding:0 22px}#approved-hero .isolated-logo{font-size:25px}#approved-hero .isolated-copy{padding:66px 14px 0}#approved-hero h1{font-size:5.9vw;line-height:1.3;letter-spacing:-.04em}#approved-hero .isolated-headline-line{white-space:nowrap}#approved-hero .isolated-cta{margin-top:35px}#approved-hero .isolated-wordmark{margin-top:95px;font-size:17vw}}#approved-hero,#approved-hero{background:#fff}#approved-hero .isolated-hero{background:radial-gradient(ellipse 75% 65% at 50% 80%,#e9e7ec 0%,#f5f4f6 48%,#fff 100%)}#approved-hero .isolated-wordmark{background-image:linear-gradient(180deg,#aaa1b3 0%,#c9bfd3 38%,#f1eff3 95%)}.channel-compact{margin:18px auto 0;display:grid;gap:7px;text-align:center}.channel-compact p{margin:0;font-size:14px;line-height:1.5}.channel-compact a{color:#754495}.channels-editorial{padding-top:55px;padding-bottom:25px}.editorial-cards{margin-top:36px}.editorial-card-copy{min-height:0!important;padding-bottom:26px}.strategy-exact{padding-top:38px;padding-bottom:45px}.working-method{padding-top:40px;padding-bottom:32px}.method-photo-copy{min-height:0;padding-bottom:26px}.contact-finale .finale-panel{min-height:0;padding-top:32px;padding-bottom:0}.contact-finale .finale-content{margin-top:0}.finale-raised-footer{margin-top:24px}.finale-raised-footer nav{display:flex;justify-content:center;flex-wrap:nowrap;gap:16px;white-space:nowrap;margin:14px 0}.finale-services{position:relative;left:auto;bottom:auto;transform:none;margin:20px auto 0;width:min(58rem,100%);height:24rem}.finale-services .service-sheet{bottom:-7rem}@media(max-width:700px){.channels-editorial{padding-top:38px;padding-bottom:14px}.editorial-cards{margin-top:25px}.channel-compact{gap:5px}.channel-compact p{font-size:12px}.strategy-exact{padding-top:28px;padding-bottom:30px}.working-method{padding-top:28px;padding-bottom:22px}.finale-raised-footer nav{gap:13px;justify-content:flex-start;overflow-x:auto;padding-bottom:6px;font-size:11px}.contact-finale .finale-panel{padding-top:28px}.finale-services{height:auto;margin-top:20px;display:flex}.finale-services .service-sheet{bottom:auto}}.story-orbit{background:#fff;color:#17131c;padding:62px 24px 45px;text-align:center}.story-orbit-inner{max-width:1180px;margin:auto}.story-badge{display:inline-block;font:12px/1.4 Inter,Arial,sans-serif;padding:5px 11px;border-radius:6px;background:linear-gradient(100deg,#f8eaf5,#e6dffa);color:#51455f}.story-orbit h2{font:500 clamp(32px,3.6vw,48px)/1.12 Outfit,Arial,sans-serif;letter-spacing:-.035em;margin:20px auto 15px}.story-subtitle{font:14px/1.6 Inter,Arial,sans-serif;color:#81768a;margin:0}.story-stage{position:relative;isolation:isolate;padding:48px 0 8px;margin-top:8px;min-height:450px}.story-world{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.55}.story-avatar{position:absolute;width:46px;height:46px;object-fit:cover;object-position:50% 23%;border-radius:50%;border:3px solid #fff;box-shadow:0 6px 15px #37234710}.story-avatar-0{left:18%;top:48px;width:36px;height:36px}.story-avatar-1{right:18%;top:65px}.story-avatar-2{left:6%;top:190px}.story-avatar-3{right:6%;top:190px}.story-avatar-4{left:13%;bottom:32px;width:66px;height:66px}.story-avatar-5{right:14%;bottom:50px}.story-slide[hidden]{display:none}.story-main-avatar{display:block;width:86px;height:86px;border-radius:50%;object-fit:cover;object-position:50% 23%;margin:0 auto 25px;border:3px solid white}.story-statement{font:500 clamp(22px,2.6vw,33px)/1.22 Outfit,Arial,sans-serif;letter-spacing:-.025em;max-width:690px;margin:0 auto 25px}.story-slide h3{font:500 20px/1.3 Outfit,Arial,sans-serif;margin:0 0 10px}.story-idea{font:13px/1.5 Inter,Arial,sans-serif;color:#8b8293;margin:0}.story-controls{display:flex;justify-content:center;gap:12px;margin:27px 0 0}.story-controls button{width:43px;height:43px;border:1px solid #eee9f2;border-radius:10px;background:#fff;color:#28202f;font:25px Arial;cursor:pointer}.story-controls .story-next{background:#8453d8;border-color:#8453d8;color:#fff}.story-controls button:focus-visible{outline:3px solid #b590df;outline-offset:3px}@media(max-width:700px){.story-orbit{padding:40px 18px 25px}.story-subtitle{font-size:12px;max-width:280px;margin:auto}.story-stage{padding-top:38px;min-height:440px}.story-statement{font-size:23px;max-width:85%;margin-bottom:22px}.story-avatar{width:30px;height:30px}.story-avatar-0{left:4%;top:45px}.story-avatar-1{right:4%;top:55px}.story-avatar-2{left:-8px;top:195px;width:25px;height:25px}.story-avatar-3{right:-8px;top:205px;width:25px;height:25px}.story-avatar-4{left:4%;bottom:35px;width:37px;height:37px}.story-avatar-5{right:3%;bottom:40px}.story-main-avatar{width:72px;height:72px}.story-world{top:20px;height:80%}.story-slide h3{font-size:19px}.story-idea{max-width:240px;margin:auto}}.channels-editorial{padding-top:105px}.strategy-exact{padding-top:95px}.contact-finale .finale-panel{padding-top:90px}.contact-email{color:#754495;text-decoration:underline;text-underline-offset:3px}.contact-email:hover{color:#492164}.contact-email:focus-visible{outline:2px solid #9562ba;outline-offset:4px}@media(max-width:700px){.channels-editorial{padding-top:68px}.strategy-exact{padding-top:62px}.contact-finale .finale-panel{padding-top:65px}}
body.page-home{background:#fff}