/* Approved flagship system. Hero and navigation remain in brand-direction.css. */
.site-content {
  --ink: #102f46;
  --copy: #486174;
  --rule: #d9e3eb;
  --brand-blue: #0673b5;
  --navy: #051f33;
  background: #fff;
  color: var(--ink);
}
.site-content .front-section,
.site-content .paper-section,
.site-content .conduk-section { padding: clamp(68px, 7.5vw, 108px) 0; }
.site-content .eyebrow {
  font-family: var(--sans); font-size: 14px; font-weight: 600;
  letter-spacing: 0; text-transform: none; color: #08679e; margin-bottom: 18px;
}
.site-content .eyebrow::before { display: none; }
.site-content .h2 { font-size: clamp(30px, 3.5vw, 46px); font-weight: 750; line-height: 1.14; letter-spacing: -.04em; text-wrap: pretty; }

.site-content .btn { border-radius: 6px; font-size: 14px; font-weight: 700; }
.site-content .link { color: #076ba6; }
.site-content .link:hover { color: #0c3f62; }
.site-content a:focus-visible { outline-color: #087cbf; }
.site-content .paper-section { background: #fff; color: var(--ink); }
.site-content .package-grid { gap: 22px; }
.site-content .package-card {
  border: 1px solid var(--rule); border-radius: 10px; background: #fff;
  padding: 30px 26px; box-shadow: none;
}
.site-content .package-card.featured { background: #f0f7fc; border: 2px solid #0875b5; padding: 29px 25px; }
.site-content .package-top { font-family: var(--sans); font-size: 19px; font-weight: 700; letter-spacing: -.02em; }
.site-content .package-tag { font: 600 10px var(--sans); color: #086295; background: #dceef9; padding: 6px 8px; border-radius: 4px; }
.site-content .package-card h3 { font-family: var(--sans); font-size: 21px; line-height: 1.35; min-height: 57px; margin: 22px 0; letter-spacing: -.025em; }
.site-content .package-price { font: 750 48px/1.1 var(--sans); letter-spacing: -.045em; }
.site-content .package-price small { color: var(--copy); margin: 6px 0 22px; }
.site-content .package-card p { color: var(--copy); font-size: 14px; line-height: 1.7; min-height: 72px; }
.site-content .package-card ul { border-color: var(--rule); font-size: 13px; padding-top: 18px; margin-bottom: 15px; }
.site-content .package-card li { padding: 8px 0 8px 21px; }
.site-content .package-card li::before { content: '✓'; color: #0673b5; font-weight: 700; }
.site-content .package-link { border: 1px solid #aec9da; border-radius: 5px; padding: 13px 14px; color: #075986; font-size: 13px; background: #fff; }
.site-content .featured .package-link { background: #076ba6; border-color: #076ba6; color: #fff; }
.site-content .package-link:hover { background: #e4f1f9; }
.site-content .featured .package-link:hover { background: #07547f; }
.site-content .package-footnote { color: var(--copy); line-height: 1.65; font-size: 12px; }
.site-content .package-footnote a { color: #075f93; }

.site-content .work-section { background: #051f33; color: #fff; }
.site-content .work-section .eyebrow { color: #7cc6f1; }

.site-content .commerce-section { background: #f5f8fb; }

.site-content .conduk-section { background: #082940; color: #fff; }

.site-content .conduk-section .eyebrow { color: #a7c9e1; font-size: 12px; }

.site-content .story-section { background: #fff; }
.site-content .story-grid { gap: 100px; }
.site-content .story-section .h2 { font-size: clamp(30px,3.3vw,43px); }
.site-content .story-section .link { color: #076ba6; font-size: 14px; }
.site-content .timeline-entry { border-color: var(--rule); grid-template-columns: 74px 1fr; padding: 25px 0; }
.site-content .timeline-entry>b { color: #076ba6; font: 650 21px var(--sans); }
.site-content .timeline-entry h3 { font: 650 20px/1.3 var(--sans); letter-spacing: -.02em; }
.site-content .timeline-entry p { color: var(--copy); font-size: 15px; line-height: 1.75; }
.site-content .final-section { background: #051f33; color: #fff; }
.site-content .final-section .eyebrow { color: #8fc8eb; }
.site-content .final-grid h2 { font: 750 clamp(38px,4.5vw,60px)/1.12 var(--sans); letter-spacing: -.04em; }
.site-content .final-grid p { color: #c2d3e0; font-size: 17px; line-height: 1.7; }
.site-content .partner-invitation { color: #b1c7d7; line-height: 1.8; }
.site-content .partner-invitation span { color: #fff; }

@media(max-width:1050px) {
  .site-content .package-grid { gap: 14px; }
  .site-content .package-card { padding: 24px 19px; }
  .site-content .package-card.featured { padding: 23px 18px; }
  .site-content .package-tag { display: none; }
  .site-content .package-top { font-size: 18px; }
  .site-content .story-grid { gap: 40px; }
}
@media(max-width:800px) {
  
  .site-content .package-grid { grid-template-columns: 1fr; gap: 18px; }
  .site-content .package-card { padding: 28px; }
  .site-content .package-card.featured { padding: 27px; }
  .site-content .package-card p, .site-content .package-card h3 { min-height: 0; }
  .site-content .package-tag { display: block; }
  
  
  
  
  .site-content .final-grid { gap: 25px; }
}
@media(max-width:520px) {
  
  
  .site-content .h2 br { display: none; }
  .site-content .package-price { font-size: 43px; }
  
  
  
  
  
  
  
  
  .site-content .timeline-entry { grid-template-columns: 58px 1fr; gap: 15px; }
  .site-content .timeline-entry>b { font-size: 18px; }
  .site-content .timeline-entry h3 { font-size: 18px; }
}

/* Lead with the owner's experience; packages follow the conversation. */

.site-content .one-package-intro { border-top: 1px solid var(--rule); padding-top: 32px; margin-bottom: 27px; display: grid; grid-template-columns: 1fr 1.15fr; gap: 80px; align-items: start; }
.site-content .one-package-intro h3 { font: 700 27px/1.25 var(--sans); letter-spacing: -.025em; }
.site-content .one-package-intro p { font-size: 15px; line-height: 1.7; color: var(--copy); margin: 0; }

@media(max-width:1000px) {
  .site-content .one-package-intro { gap: 40px; }
  
  
}
@media(max-width:800px) {
  .site-content .one-package-intro { grid-template-columns: 1fr; gap: 24px; }
  
  
  
  
  
  
  
}

/* A concise owner-first introduction paired with the actual product. */

.site-content .one-package-intro { grid-template-columns: 1fr 1fr; gap: 30px; }

@media(max-width:800px) {
  
  
  .site-content .one-package-intro { grid-template-columns: 1fr; gap: 15px; }
}

/* Live-demo collection: generous imagery and a visitor-controlled selection. */
.site-content .one-demo-section { background: #fff; padding-top: clamp(65px,7vw,100px); }
.site-content .one-demo-intro { display: grid; grid-template-columns: 1.1fr 1fr; gap: 70px; align-items: start; margin-bottom: 55px; }
.site-content .one-demo-intro h2 { font: 750 clamp(32px,3.5vw,46px)/1.15 var(--sans); letter-spacing: -.04em; color: #102f46; }
.site-content .one-demo-intro p { color: #486174; font-size: 16px; line-height: 1.75; }
.site-content .one-demo-intro p:first-child { color: #102f46; font-size: 20px; line-height: 1.5; }
.site-content .one-demo-intro .link { color: #076ba6; font-size: 14px; }
.site-content .demo-gallery { background: #071c2d; color: #fff; padding: 40px 0 32px; }
.site-content .demo-gallery-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.site-content .demo-gallery-heading h3 { font: 600 22px/1.4 var(--sans); letter-spacing: -.025em; }
.site-content .demo-gallery-heading>span { font-size: 12px; color: #b6cbda; }
.site-content .demo-selectors { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-bottom: 28px; }
.site-content .demo-selectors button { appearance: none; font: inherit; text-align: left; display: flex; gap: 16px; align-items: center; background: transparent; color: #b6cbda; border: 0; border-bottom: 3px solid #355064; padding: 0 0 17px; cursor: pointer; min-width: 0; }
.site-content .demo-selectors button[aria-pressed="true"] { color: #fff; border-bottom-color: #ff7a1a; }
.site-content .demo-selectors button:hover { color: #fff; border-bottom-color: #73b4df; }
.site-content .demo-selectors button img { width: 88px; height: 55px; object-fit: cover; border: 1px solid #7891a2; flex-shrink: 0; }
.site-content .demo-selectors b { display: block; font-size: 16px; font-weight: 650; }
.site-content .demo-selectors small { display: block; font-size: 11px; margin-top: 5px; color: #b6cbda; }
.site-content .demo-scene { margin: 0; }
.site-content .demo-scene[hidden] { display: none; }
.site-content .demo-site-image { display: block; overflow: hidden; border: 1px solid #597184; border-radius: 5px; }
.site-content .demo-site-image img { display: block; width: 100%; height: auto; }
.site-content .demo-scene figcaption { display: flex; justify-content: space-between; align-items: center; gap: 25px; padding: 25px 0 0; }
.site-content .demo-scene figcaption b { font-size: 20px; letter-spacing: -.025em; }
.site-content .demo-scene figcaption p { color: #b6cbda; margin: 5px 0 0; font-size: 14px; }
.site-content .demo-scene figcaption>a { color: #fff; font-size: 14px; font-weight: 600; flex-shrink: 0; }
.site-content .demo-scene figcaption>a small { display: block; color: #b6cbda; font-size: 10px; font-weight: 400; margin-top: 4px; }
.site-content .demo-gallery-note { color: #b6cbda; font-size: 11px; line-height: 1.7; margin: 25px 0 0; }
.site-content #packages .one-package-intro { border: 0; padding-top: 0; }
@media(max-width:1000px) {
  .site-content .demo-selectors button img { width: 65px; height: 42px; }
  .site-content .demo-selectors b { font-size: 14px; }
  .site-content .one-demo-intro { gap: 35px; }
}
@media(max-width:800px) {
  .site-content .one-demo-intro { grid-template-columns: 1fr; gap: 25px; margin-bottom: 35px; }
  .site-content .demo-gallery-heading { display: block; }
  .site-content .demo-gallery-heading h3 { margin-bottom: 8px; }
  .site-content .demo-selectors { gap: 12px; }
  .site-content .demo-selectors button { display: block; }
  .site-content .demo-selectors button img { width: 100%; height: auto; aspect-ratio: 1.6; margin-bottom: 10px; }
  .site-content .demo-selectors small { font-size: 10px; }
  .site-content .demo-scene figcaption { align-items: start; }
}
@media(max-width:520px) {
  .site-content .demo-selectors b { font-size: 12px; }
  .site-content .demo-selectors small { display: none; }
  .site-content .demo-scene figcaption { flex-direction: column; gap: 15px; }
  .site-content .demo-scene figcaption b { font-size: 18px; }
  .site-content .demo-scene figcaption p { font-size: 13px; }
}

/* Depth study: light across a textured stage, tactile controls, crisp imagery. */
.site-content .demo-gallery {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-top: 48px;
  padding-bottom: 40px;
  background: #071c2d;
  border-top: 1px solid #234a66;
  border-bottom: 1px solid #02101c;
  box-shadow: inset 0 1px 0 #ffffff12;
}
.site-content .demo-gallery::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background: url('/img/brand/underwater-depth-v1.webp') center top / cover no-repeat;
  opacity: .72;
}
.site-content .demo-gallery::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 15% 0%, #3186be3d, transparent 58%),
    radial-gradient(ellipse at 90% 75%, #0b4f7c38, transparent 55%),
    linear-gradient(180deg, #03142300 35%, #031423b3 100%);
}
.site-content .demo-selectors { gap: 18px; margin-bottom: 36px; }
.site-content .demo-selectors button {
  position: relative;
  background: linear-gradient(155deg, #244a64b3, #0b273bc9);
  border: 1px solid #56768b70;
  border-bottom: 1px solid #031323;
  border-radius: 9px;
  padding: 14px;
  box-shadow: inset 0 1px 0 #ffffff12, 0 5px 12px #00000026;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.site-content .demo-selectors button[aria-pressed="true"] {
  background: linear-gradient(145deg, #245578, #10334e);
  border-color: #6599bb;
  box-shadow: inset 0 3px 0 #ff8c34, inset 0 1px 0 #ffffff33, 0 8px 20px #00000040;
}
.site-content .demo-selectors button img {
  border-color: #7791a4;
  border-radius: 4px;
  box-shadow: 0 3px 7px #0000004d;
}
.site-content .demo-selectors button:hover {
  border-color: #95c4e3;
  background: linear-gradient(155deg, #2a5879, #123750);
  transform: translateY(-2px);
}
.site-content .demo-selectors button:active { transform: translateY(0); }
.site-content .demo-selectors button:focus-visible { outline: 3px solid #ffa15b; outline-offset: 4px; }
.site-content .demo-display { position: relative; }
.site-content .demo-site-image {
  padding: 8px;
  background: linear-gradient(145deg, #688599, #234259 38%, #0b2234 80%, #385369);
  border: 1px solid #91b0c26b;
  border-radius: 12px;
  box-shadow:
    inset 0 1px 0 #ffffff4d,
    inset 0 -1px 0 #00000066,
    0 2px 3px #0000004d,
    0 22px 42px -16px #000000b3,
    0 48px 75px -38px #000000cc;
}
.site-content .demo-site-image img {
  border-radius: 5px;
  outline: 1px solid #00000073;
}

.site-content .demo-scene figcaption {
  position: relative;
  margin-top: 8px;
  padding: 23px 4px 0;
}
.site-content .demo-scene figcaption>a {
  padding: 12px 18px;
  border: 1px solid #7e9aae70;
  border-radius: 6px;
  background: linear-gradient(160deg, #345e7973, #0a293e99);
  box-shadow: inset 0 1px 0 #ffffff12, 0 5px 12px #00000026;
  transition: border-color .2s ease, background .2s ease;
}
.site-content .demo-scene figcaption>a:hover { border-color: #b2d8ef; background: #244c68; }
.site-content .demo-gallery-note { margin-top: 27px; }
@media(max-width:800px) {
  .site-content .demo-selectors { gap: 10px; margin-bottom: 26px; }
  .site-content .demo-selectors button { padding: 10px; }
  .site-content .demo-site-image { padding: 5px; border-radius: 8px; }
  .site-content .demo-site-image img { border-radius: 3px; }
}
@media(max-width:520px) {
  .site-content .demo-gallery { padding-top: 32px; padding-bottom: 30px; }
  .site-content .demo-selectors { gap: 8px; }
  .site-content .demo-selectors button { padding: 8px 7px 11px; border-radius: 6px; }
  .site-content .demo-site-image { padding: 4px; }
  .site-content .demo-scene figcaption { gap: 17px; padding-top: 17px; }
}
@media(prefers-reduced-motion:reduce) {
  .site-content .demo-scene:not([hidden]) { animation: none; }
  .site-content .demo-selectors button,
  .site-content .demo-scene figcaption>a { transition: none; }
  .site-content .demo-selectors button:hover { transform: none; }
}

/* Both scenes stay on one grid cell, so outgoing and incoming views crossfade. */
.site-content .gallery-enhanced .demo-display { display: grid; }
.site-content .gallery-enhanced .demo-scene {
  grid-area: 1 / 1;
  min-width: 0;
  opacity: 0;
  transform: translateY(14px) scale(.99);
  pointer-events: none;
  z-index: 0;
  animation: none;
  transition: opacity .55s ease, transform .65s cubic-bezier(.22,.61,.36,1);
}
.site-content .gallery-enhanced .demo-scene.is-active {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
  z-index: 1;
}
@media(max-width:600px) {
  .site-content .demo-gallery::before { background-image: url('/img/brand/underwater-depth-v1-small.webp'); }
}
@media(prefers-reduced-motion:reduce) {
  .site-content .gallery-enhanced .demo-scene { transition: none; transform: none; }
}

/* Keep demo controls available only while their showcase is in view. */
/* Clip does not create the scroll container that overflow:hidden would. */
body { overflow-x: clip; }
.site-content .demo-gallery { overflow: clip; }
.site-content .demo-selectors {
  position: sticky;
  top: 88px;
  z-index: 10;
  padding: 12px 0;
  background: #071c2df5;
  box-shadow: 0 10px 18px -12px #000000b3;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.site-content .demo-selectors button { min-height: 48px; }
@media(max-width:900px) {
  .site-content .demo-selectors { top: 78px; }
}
@media(max-width:800px) {
  .site-content .demo-selectors { padding: 10px 0; }
  .site-content .demo-selectors button {
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 12px 8px;
  }
  .site-content .demo-selectors button img,
  .site-content .demo-selectors button small { display: none; }
  .site-content .demo-selectors button b { font-size: 12px; line-height: 1.35; }
}

/* Full-bleed toolbar surface, with controls aligned to the content column. */
.site-content .demo-selectors {
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  isolation: isolate;
}
.site-content .demo-selectors::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  z-index: -1;
  pointer-events: none;
  background: #071c2df5;
  border-top: 1px solid #4a718933;
  border-bottom: 1px solid #4a718959;
  box-shadow: 0 10px 18px -12px #000000b3;
}

/* Build plans: blueprint ground with legible, raised specification sheets. */
.site-content #packages {
  position: relative;
  isolation: isolate;
  color: #fff;
  background: #10466f;
  background-image:
    linear-gradient(#acd8f00b 1px, transparent 1px),
    linear-gradient(90deg, #acd8f00b 1px, transparent 1px),
    linear-gradient(#acd8f015 1px, transparent 1px),
    linear-gradient(90deg, #acd8f015 1px, transparent 1px),
    radial-gradient(ellipse at 85% 0, #2474a6, transparent 70%);
  background-size: 20px 20px, 20px 20px, 100px 100px, 100px 100px, auto;
  border-top: 1px solid #609fc2;
  box-shadow: inset 0 18px 40px -30px #0009;
}
.site-content #packages .one-package-intro {
  grid-template-columns: 1.25fr 1fr;
  gap: 64px;
  align-items: end;
  margin-bottom: 45px;
}
.site-content #packages .eyebrow { color: #c4e6fb; }
.site-content #packages .h2 { font-size: clamp(30px,3.4vw,44px); }
.site-content #packages .one-package-intro>p { color: #e2eff7; line-height: 1.8; }
.site-content #packages .package-grid { gap: 26px; align-items: stretch; }
.site-content #packages .package-card {
  position: relative;
  border: 1px solid #fff;
  border-top: 5px solid #bbd5e5;
  border-radius: 4px 4px 9px 9px;
  background: linear-gradient(155deg,#fff 55%,#edf4f8);
  color: #102f46;
  padding: 28px;
  box-shadow: 0 3px 0 #b4cadc, 0 7px 0 -2px #6e97b7, 0 24px 42px -18px #001421b3;
}
.site-content #packages .package-card.featured {
  background: linear-gradient(155deg,#fff 55%,#e1f0fa);
  border-width: 1px;
  border-top: 5px solid #ff8a24;
  padding: 28px;
  box-shadow: 0 3px 0 #b4cadc, 0 7px 0 -2px #6e97b7, 0 24px 42px -18px #001421b3;
}
.site-content #packages .package-tag { background: #fff0df; color: #884005; }
.site-content #packages .package-top { color: #075986; }
.site-content #packages .package-card h3 { font-size: 20px; }
.site-content #packages .package-price { font-size: 49px; }
.site-content #packages .package-price small { font-size: 12px; line-height: 1.6; }
.site-content #packages .package-card ul { border-top-style: dashed; }
.site-content #packages .package-link { box-shadow: inset 0 1px 0 #ffffff80, 0 3px 6px #0a385012; }
.site-content #packages .featured .package-link { background: #075986; border-color: #075986; }
.site-content #packages .featured .package-link:hover { background: #03456a; }
.site-content #packages .package-footnote { color: #e0eef7; margin-top: 29px; }
.site-content #packages .package-footnote a { color: #fff; }

/* Client work as a set of conversations, with space for each business. */
.site-content .work-section { background: radial-gradient(ellipse at 100% 40%,#123a54,transparent 65%),#051f33; }

/* Retail: the counter interface sits in a recessed blue work surface. */
.site-content .commerce-section { background: radial-gradient(ellipse at 100% 25%, #d6e8f5, transparent 65%),#f4f8fb; }

/* A quieter atmosphere behind a distinct, raised working document. */
.site-content .conduk-section { background: radial-gradient(ellipse at 90% 45%,#20577388,transparent 62%),linear-gradient(125deg,#051f33,#0a3049); }

/* Company history: a continuous timeline rather than another card grid. */
.site-content .story-section { background: radial-gradient(ellipse at 0 0,#e5f1f9,transparent 65%),#fff; }
.site-content .timeline-entry { position: relative; border: 0; padding: 5px 0 35px 26px; border-left: 2px solid #b9d4e7; }
.site-content .timeline-entry::before { content: ''; position: absolute; width: 11px; height: 11px; border-radius: 50%; left: -6.5px; top: 12px; background: #0871ae; border: 2px solid #fff; box-shadow: 0 0 0 4px #ddecf6; }
.site-content .timeline-entry:last-child { padding-bottom: 0; border-color: transparent; }
.site-content .timeline-entry:last-child::before { background: #ff7a1a; }
/* Closing band: light falling from the surface, a warm glow beside the action, and fine grain for texture. */
.site-content .final-section { position: relative; isolation: isolate; overflow: hidden; border-top: 1px solid #42687e;
  background:
    radial-gradient(ellipse 55% 85% at 78% -10%, #3b9bd04d, transparent 62%),
    radial-gradient(ellipse 40% 60% at 92% 105%, #ed802d2e, transparent 70%),
    linear-gradient(90deg, #051f33f2 0%, #051f33c2 48%, #051f3373 100%),
    linear-gradient(0deg, #031423b3, transparent 55%),
    url('/img/brand/underwater-depth-v1.webp') center 30% / cover; }
.site-content .final-section::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .16; mix-blend-mode: overlay; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.site-content .final-section::after { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; z-index: -1; background: linear-gradient(90deg, transparent, #8fc8eb80 60%, transparent); }
@media(max-width:1050px) {
  .site-content #packages .package-grid { gap: 18px; }
  .site-content #packages .package-card, .site-content #packages .package-card.featured { padding: 24px 20px; }
  .site-content #packages .package-price { font-size: 43px; }
  
}
@media(max-width:800px) {
  .site-content #packages .one-package-intro { grid-template-columns: 1fr; gap: 20px; }
  
  .site-content #packages .package-card,.site-content #packages .package-card.featured { padding: 28px; }
  
  
  
  
  
  
  
}
@media(max-width:520px) {
  
  
  
  
  
  
  .site-content .timeline-entry { padding-left: 20px; }
}

/* Every package has a visible, readable descriptor at every breakpoint. */
.site-content #packages .package-top { flex-wrap: wrap; gap: 10px; align-items: flex-start; }
.site-content #packages .package-tag { display: inline-block; font-size: 10px; line-height: 1.5; white-space: normal; letter-spacing: 0; }

.site-content #packages .package-tag-standard { background: #e8edf1; color: #465361; border: 1px solid #cbd4dc; }
.site-content #packages .package-tag-growth { background: #e1f2e7; color: #205b3a; border: 1px solid #afd4bd; }
.site-content #packages .package-tag-pro { background: linear-gradient(135deg, #fff2c6, #f3d78e); color: #65470c; border: 1px solid #d6b35d; box-shadow: inset 0 1px 0 #ffffff99; }

/* Package help and next steps: distinct roles, one calm handoff. */
.site-content #packages .build-next {
  display: grid;
  grid-template-columns: .9fr 1.35fr;
  gap: 60px;
  margin-top: 36px;
  padding: 38px 40px;
  background: linear-gradient(120deg, #062b47f5, #0d3858eb);
  border: 1px solid #77a7c77a;
  border-radius: 9px;
  box-shadow: inset 0 1px 0 #ffffff1a, 0 15px 30px -20px #001525b3;
}
.site-content .build-next-help { align-self: center; }
.site-content .build-next-help h3 { font: 650 28px/1.2 var(--sans); letter-spacing: -.025em; margin-bottom: 16px; color: #fff; }
.site-content .build-next-help p { max-width: 34ch; font-size: 15px; line-height: 1.75; color: #c6ddeb; margin-bottom: 22px; }
.site-content .build-next-help .btn { min-height: 46px; height: auto; padding: 12px 22px; }
.site-content .build-next-process { border-left: 1px solid #668eaa66; padding-left: 40px; }
.site-content .build-next-process>h3 { font: 600 13px/1.5 var(--sans); color: #bddcf1; margin-bottom: 22px; }
.site-content .build-next-process ol { list-style: none; margin: 0; padding: 0; }
.site-content .build-next-process li { display: grid; grid-template-columns: 32px 1fr; gap: 16px; padding: 0 0 21px; }
.site-content .build-next-process li:last-child { padding-bottom: 0; }
.site-content .build-step-number { color: #ffab6b; font: 600 12px/1.5 var(--sans); padding-top: 3px; }
.site-content .build-next-process h4 { font: 600 16px/1.4 var(--sans); color: #fff; margin-bottom: 5px; }
.site-content .build-next-process p { color: #c6ddeb; font-size: 13px; line-height: 1.65; margin: 0; max-width: 52ch; }
@media(max-width:900px) {
  .site-content #packages .build-next { gap: 28px; padding: 30px; }
  .site-content .build-next-process { padding-left: 28px; }
  .site-content .build-next-help h3 { font-size: 25px; }
}
@media(max-width:650px) {
  .site-content #packages .build-next { grid-template-columns: 1fr; gap: 28px; padding: 26px 22px; }
  .site-content .build-next-help h3 br { display: none; }
  .site-content .build-next-help p { max-width: none; }
  .site-content .build-next-process { border-left: 0; border-top: 1px solid #668eaa66; padding: 25px 0 0; }
}

/* Customer portfolio: real photography gives each business its own space. */
.site-content .customer-portfolio {
  background: radial-gradient(ellipse at 8% 25%, #174965 0, transparent 52%), #051f33;
  position: relative;
  padding-top: 100px;
  padding-bottom: 72px;
}
.site-content .customer-heading { display: grid; grid-template-columns: 1.3fr 1fr; gap: 70px; align-items: end; margin-bottom: 44px; }
.site-content .customer-kicker { color: #a9cee3; font-size: 14px; margin: 0 0 20px; }
.site-content .customer-heading h2 { font: 650 clamp(32px, 3.5vw, 52px)/1.08 var(--sans); letter-spacing: -.04em; color: #fff; margin: 0; }
.site-content .customer-heading > p { font-size: 17px; line-height: 1.75; color: #c2d3e0; max-width: 40ch; margin: 0 0 3px; }
.site-content .customer-exhibit { display: grid; grid-template-columns: 1fr 1.08fr; grid-template-rows: 345px 345px; gap: 24px; }
.site-content .customer-feature { position: relative; display: flex; flex-direction: column; min-width: 0; overflow: hidden; background: #0b2b40; color: white; text-decoration: none; border-radius: 5px; box-shadow: 0 24px 35px -22px #000b; }
.site-content .customer-feature-uncommon { grid-row: 1 / 3; }
.site-content .customer-photo { flex: 1; min-height: 0; overflow: hidden; }
.site-content .customer-photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 600ms cubic-bezier(.2,.7,.2,1); }
.site-content .customer-feature-uncommon .customer-photo img { object-position: 50% 45%; }
.site-content .customer-feature-rare .customer-photo { background: #cbbd9d; }
.site-content .customer-feature-rare .customer-photo img { object-position: 50% 47%; }

.site-content .customer-caption { padding: 22px 26px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-top: 1px solid #ffffff21; background: linear-gradient(110deg, #153c54, #0a293d); }
.site-content .customer-caption span:not(.customer-visit) { color: #bfd2df; font-size: 12px; line-height: 1.5; }
.site-content .customer-caption h3 { font: 600 clamp(19px, 1.9vw, 26px)/1.2 var(--sans); letter-spacing: -.025em; margin: 5px 0 0; color: #fff; }
.site-content .customer-visit { flex: 0 0 42px; height: 42px; display: grid; place-items: center; border: 1px solid #8db4ce66; border-radius: 50%; color: white; transition: background 200ms, border-color 200ms; }
.site-content .customer-visit svg { width: 18px; height: 18px; }
.site-content .customer-feature:hover .customer-photo img, .site-content .customer-feature:focus-visible .customer-photo img { transform: scale(1.035); }
.site-content .customer-feature:hover .customer-visit, .site-content .customer-feature:focus-visible .customer-visit { background: #ae4700; border-color: #ff9d56; }
.site-content .customer-feature:focus-visible { outline: 3px solid #ff9d56; outline-offset: 5px; }
.site-content .customer-roll { display: grid; grid-template-columns: 1fr 3.1fr; gap: 55px; padding: 58px 0 48px; margin-top: 28px; }
.site-content .customer-roll-intro h3 { font: 600 29px/1.15 var(--sans); letter-spacing: -.025em; margin: 0 0 16px; color: #fff; }
.site-content .customer-roll-intro p { color: #9cb9cc; font-size: 14px; line-height: 1.6; max-width: 23ch; margin: 0; }

.site-content .customer-invitation { display: flex; justify-content: space-between; align-items: center; gap: 20px; border-top: 1px solid #7097b04d; padding-top: 28px; }
.site-content .customer-invitation p { margin: 0; font: 500 23px/1.4 var(--sans); color: #fff; }
.site-content .customer-invitation a { display: inline-flex; gap: 12px; align-items: center; color: #fff; font-weight: 600; text-underline-offset: 5px; }
.site-content .customer-invitation a:hover { color: #ffad72; }
@media (max-width: 1000px) {
  .site-content .customer-heading { gap: 32px; }
  .site-content .customer-exhibit { grid-template-rows: 310px 310px; gap: 18px; }
  .site-content .customer-caption { padding: 18px; }
  .site-content .customer-roll { grid-template-columns: 1fr; gap: 25px; }
  .site-content .customer-roll-intro h3 br { display: none; }
  .site-content .customer-roll-intro p { max-width: none; }
}
@media (max-width: 700px) {
  .site-content .customer-portfolio { padding-top: 60px; padding-bottom: 48px; }
  .site-content .customer-heading { grid-template-columns: 1fr; gap: 24px; margin-bottom: 30px; }
  .site-content .customer-heading > p { font-size: 16px; }
  .site-content .customer-exhibit { grid-template-columns: 1fr; grid-template-rows: auto; gap: 22px; }
  .site-content .customer-feature-uncommon { grid-row: auto; }
  .site-content .customer-photo { flex: none; height: 260px; }
  .site-content .customer-feature-uncommon .customer-photo { height: 370px; }
  .site-content .customer-feature-uncommon .customer-photo img { object-position: 50% 48%; }
  .site-content .customer-caption h3 { font-size: 21px; }
  
  
  .site-content .customer-roll { padding: 25px 0 35px; }
  .site-content .customer-invitation { align-items: flex-start; flex-direction: column; gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-content .customer-photo img, .site-content .customer-visit { transition: none; }
  .site-content .customer-feature:hover .customer-photo img, .site-content .customer-feature:focus-visible .customer-photo img { transform: none; }
}

/* Preserve each customer's own logo colors, with a suitable contrasting surface. */
.site-content .customer-feature-tin-star .customer-photo img { object-position: 65% 45%; }
.site-content .customer-roll-logos { display: block; padding-top: 44px; }
.site-content .customer-roll-logos .customer-roll-intro { display: flex; align-items: baseline; justify-content: space-between; gap: 32px; margin-bottom: 28px; }
.site-content .customer-roll-logos .customer-roll-intro h3 { margin: 0; }
.site-content .customer-roll-logos .customer-roll-intro p { max-width: 52ch; }
.site-content .customer-logo-wall { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px 18px; list-style: none; padding: 0; margin: 0; }
.site-content .customer-logo-wall li { min-width: 0; margin: 0; padding: 0; }
.site-content .customer-logo-wall a { display: block; color: #c9dce8; text-decoration: none; border-radius: 4px; }
.site-content .customer-logo-surface { display: flex; align-items: center; justify-content: center; height: 114px; padding: 20px 18px; border: 1px solid #ffffff2b; border-radius: 4px; box-shadow: 0 9px 20px -15px #000; transition: border-color 180ms, box-shadow 180ms; }
.site-content .customer-logo-surface-light { background: #fff; }
.site-content .customer-logo-surface-dark { background: #102c40; }
.site-content .customer-logo-surface-black { background: #000; }
.site-content .customer-logo-surface img { display: block; width: auto; height: auto; max-width: 100%; max-height: 74px; object-fit: contain; }
.site-content .customer-logo-name { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding: 10px 2px 0; font: 500 12px/1.5 var(--sans); }
.site-content .customer-logo-name svg { flex: 0 0 12px; width: 12px; height: 12px; margin-top: 3px; color: #85abc2; }
.site-content .customer-logo-wall a:hover .customer-logo-surface { border-color: #ff9d56; box-shadow: 0 0 0 2px #ff9d56; }
.site-content .customer-logo-wall a:hover .customer-logo-name { color: #fff; }
.site-content .customer-logo-wall a:focus-visible { outline: 3px solid #ff9d56; outline-offset: 5px; }
@media (max-width: 1000px) {
  .site-content .customer-logo-wall { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .site-content .customer-roll-logos .customer-roll-intro { display: block; }
  .site-content .customer-roll-logos .customer-roll-intro p { margin-top: 14px; }
}
@media (max-width: 700px) {
  .site-content .customer-logo-wall { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 14px; }
  .site-content .customer-logo-surface { height: 106px; padding: 18px 14px; }
  .site-content .customer-logo-surface img { max-height: 68px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-content .customer-logo-surface { transition: none; }
}

/* condūk: a founder's request beside useful work, with the real product identity. */
.site-content .conduk-founder { background: radial-gradient(ellipse at 100% 85%, #173f5680, transparent 55%), #050c18; color: #fff; }
.site-content .conduk-founder-intro { display: grid; grid-template-columns: 1.15fr 1fr; gap: 65px; align-items: end; margin-bottom: 55px; }
.site-content .conduk-brand-logo { display: block; width: 190px; height: auto; margin-bottom: 30px; }
.site-content .conduk-founder h2 { color: white; font: 700 clamp(32px, 3.7vw, 51px)/1.1 var(--sans); letter-spacing: -.04em; margin: 0; }
.site-content .conduk-founder-story p { font-size: 16px; line-height: 1.8; color: #b9cad8; margin: 0 0 18px; max-width: 51ch; }
.site-content .conduk-founder-story p:last-child { margin-bottom: 0; color: #dce5eb; }
.site-content .conduk-example { margin: 0; }
.site-content .conduk-example-caption { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px; padding-bottom: 20px; }
.site-content .conduk-example-caption > span { font: 600 20px/1.4 var(--sans); color: #fff; }
.site-content .conduk-example-caption small { color: #99afc1; font-size: 12px; }
.site-content .conduk-example-layout { display: grid; grid-template-columns: 1.35fr 1fr; align-items: start; gap: 0; padding: 0 0 20px; }
.site-content .conduk-war-room { background: #0a1628; border: 1px solid #34465c; border-radius: 8px; padding: 28px 50px 30px 30px; box-shadow: 0 22px 45px #0004; }
.site-content .conduk-room-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 18px; padding-bottom: 20px; border-bottom: 1px solid #34465c; }
.site-content .conduk-room-heading h3 { color: white; font: 600 18px/1.4 var(--sans); margin: 0; }
.site-content .conduk-room-heading > span { font-size: 12px; color: #b2c3d3; }
.site-content .conduk-founder-request { margin: 24px 0; padding: 19px 22px; border-left: 3px solid #ff7a1a; background: #192739; border-radius: 0 5px 5px 0; }
.site-content .conduk-founder-request > span { font: 600 12px/1.5 var(--sans); color: #ffb582; }
.site-content .conduk-founder-request p { color: #fff; font-size: 18px; line-height: 1.6; margin: 7px 0 0; }
.site-content .conduk-example-replies > div { padding: 17px 0; border-bottom: 1px solid #27384e; }
.site-content .conduk-example-replies > div:last-child { padding-bottom: 0; border-bottom: 0; }
.site-content .conduk-role { font: 600 13px/1.4 var(--sans); color: #ffb582; }
.site-content .conduk-example-replies p { font-size: 14px; line-height: 1.7; color: #c3d2df; margin: 7px 0 0; max-width: 57ch; }
.site-content .conduk-work-draft { position: relative; margin: 40px 0 0 -20px; padding: 30px; background: #f5f7f9; border: 1px solid #fff; border-radius: 6px; color: #152d40; box-shadow: 0 20px 40px #0005; }
.site-content .conduk-draft-top { display: flex; justify-content: space-between; gap: 15px; align-items: center; margin-bottom: 26px; font-size: 12px; color: #526576; }
.site-content .conduk-draft-top > span:last-child { padding: 5px 8px; background: #e4edf3; border-radius: 4px; color: #31556c; }
.site-content .conduk-work-draft h3 { font: 650 clamp(23px, 2.5vw, 32px)/1.2 var(--sans); letter-spacing: -.03em; color: #152d40; margin: 0 0 27px; }
.site-content .conduk-email-draft { border-top: 1px solid #cdd8df; padding-top: 21px; }
.site-content .conduk-email-draft > span { font-size: 12px; color: #526576; }
.site-content .conduk-email-draft h4 { font: 600 17px/1.4 var(--sans); color: #152d40; margin: 12px 0; }
.site-content .conduk-email-draft p { color: #475f70; font-size: 14px; line-height: 1.8; margin: 0; }
.site-content .conduk-launch-tasks { margin-top: 27px; padding-top: 21px; border-top: 1px solid #cdd8df; }
.site-content .conduk-launch-tasks h4 { color: #152d40; font: 600 14px/1.4 var(--sans); margin: 0 0 12px; }
.site-content .conduk-launch-tasks ul { margin: 0; padding-left: 18px; color: #475f70; font-size: 13px; line-height: 1.7; }
.site-content .conduk-launch-tasks li { padding: 4px 0; }
.site-content .conduk-review-note { font-size: 12px; color: #31556c; margin: 22px 0 0; }
.site-content .conduk-founder-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
.site-content .conduk-explore.btn { color: #fff; background: #ff8e3d; border: 1px solid #ff8e3d; height: auto; min-height: 48px; padding: 13px 23px; }
.site-content .conduk-explore.btn:hover { background: #f06a0c; border-color: #f06a0c; color: #fff; }
.site-content .conduk-contact { display: inline-flex; align-items: center; gap: 10px; color: #fff; font-size: 15px; text-decoration: underline; text-underline-offset: 5px; }
.site-content .conduk-founder a:focus-visible { outline: 3px solid #ffb582; outline-offset: 5px; }
@media (max-width: 950px) {
 .site-content .conduk-founder-intro { gap: 32px; }
 .site-content .conduk-war-room { padding: 24px 35px 24px 24px; }
 .site-content .conduk-work-draft { padding: 24px; }
 .site-content .conduk-room-heading { align-items: flex-start; flex-direction: column; gap: 6px; }
}
@media (max-width: 700px) {
 .site-content .conduk-founder-intro { grid-template-columns: 1fr; gap: 28px; margin-bottom: 35px; }
 .site-content .conduk-brand-logo { width: 160px; margin-bottom: 24px; }
 .site-content .conduk-founder-story p { max-width: none; }
 .site-content .conduk-example-layout { grid-template-columns: 1fr; gap: 18px; padding-bottom: 0; }
 .site-content .conduk-war-room { padding: 22px; }
 .site-content .conduk-work-draft { margin: 0; padding: 24px; }
 .site-content .conduk-founder-request { padding: 16px; }
 .site-content .conduk-founder-request p { font-size: 16px; }
 .site-content .conduk-founder-actions { align-items: flex-start; flex-direction: column; gap: 20px; }
}

/* Only the photograph turns; the customer identity and website link stay still. */
.site-content .customer-flip-photo { position: relative; perspective: 1100px; overflow: hidden; }
.site-content .customer-flip-inner { position: absolute; inset: 0; transform-style: preserve-3d; transition: transform 550ms cubic-bezier(.2,.7,.2,1); }
.site-content .customer-flip-front, .site-content .customer-flip-back { position: absolute; inset: 0; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.site-content .customer-flip-front { transform: rotateY(0deg); padding: 0; overflow: hidden; }
.site-content .customer-flip-front img { display: block; width: 100%; height: 100%; object-fit: cover; }
.site-content .customer-flip-back { transform: rotateY(180deg); background: linear-gradient(135deg, #fff, #e4eef4); padding: 24px 26px 58px; overflow-y: auto; color: #103047; display: grid; grid-template-columns: 1fr 1.15fr; align-content: center; gap: 18px 24px; }
.site-content .customer-feature.is-flipped .customer-flip-inner { transform: rotateY(180deg); }
.site-content .customer-story-heading > span { display: block; color: #596e7c; font: 500 11px/1.4 var(--sans); margin-bottom: 10px; }
.site-content .customer-story-heading h4 { color: #0c3048; font: 700 clamp(22px, 2.2vw, 30px)/1.08 var(--sans); letter-spacing: -.035em; margin: 0; }
.site-content .customer-story-narrative { align-self: center; color: #425d70; font-size: 13px; line-height: 1.65; margin: 0; }
.site-content .customer-story-outcome { grid-column: 1/-1; border-left: 3px solid #ed802d; padding-left: 13px; }
.site-content .customer-story-outcome > span { color: #586e7e; font-size: 11px; }
.site-content .customer-story-outcome p { color: #123b54; font: 600 14px/1.45 var(--sans); margin: 4px 0 0; }
.site-content .customer-feature-uncommon .customer-flip-back { grid-template-columns: 1fr; padding: 40px 40px 70px; gap: 27px; }
.site-content .customer-feature-uncommon .customer-story-heading h4 { font-size: clamp(32px, 3.4vw, 47px); }
.site-content .customer-feature-uncommon .customer-story-narrative { font-size: 16px; line-height: 1.8; max-width: 33ch; }
.site-content .customer-feature-uncommon .customer-story-outcome { margin-top: 8px; }
@media(max-width:700px) {
 .site-content .customer-flip-back { padding: 20px 20px 58px; gap: 16px; }
 .site-content .customer-story-heading h4 { font-size: 23px; }
 .site-content .customer-feature-uncommon .customer-flip-back { padding: 26px 26px 60px; gap: 20px; }
 .site-content .customer-feature-uncommon .customer-story-heading h4 { font-size: 32px; }
 .site-content .customer-feature-uncommon .customer-story-narrative { font-size: 14px; line-height: 1.65; }
}
.site-content .customer-flip-toggle { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; cursor: pointer; box-shadow: none; }
.site-content .customer-flip-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.site-content .customer-flip-toggle[hidden] { display: none; }
.site-content .customer-flip-toggle:focus-visible, .site-content .customer-caption:focus-visible { outline: 3px solid #ffad72; outline-offset: -4px; }
.site-content .customer-feature > a.customer-caption { color: #fff; text-decoration: none; }
@media (prefers-reduced-motion: reduce) {
 .site-content .customer-flip-inner { transition: none; }
}
.site-content .final-secondary { display: inline-flex; align-items: center; gap: 9px; margin-left: 26px; color: #fff; font-weight: 600; text-decoration: underline; text-underline-offset: 5px; }
.site-content .final-secondary:hover { color: #ffad72; }
.site-content .final-secondary:focus-visible { outline: 3px solid #ffad72; outline-offset: 5px; }
@media (max-width: 520px) { .site-content .final-secondary { display: flex; margin: 22px 0 0; } }

/* condūk on the home page: condūk's own palette and type, the real team, one closing band. */
.site-content .conduk-founder { position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(ellipse 55% 60% at 88% 18%, #1b3a5e8c, transparent 70%), radial-gradient(ellipse 45% 55% at 4% 100%, #ff7a1a24, transparent 70%), linear-gradient(180deg, #0a1628, #050c18); }
.site-content .conduk-founder::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .13; mix-blend-mode: overlay; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.site-content .conduk-founder h2 { font: 800 clamp(32px, 3.7vw, 52px)/1.06 'Archivo', var(--sans); letter-spacing: -.035em; }
.site-content .conduk-example-caption > span { font-family: 'Archivo', var(--sans); font-weight: 700; letter-spacing: -.01em; }
.site-content .conduk-war-room { background: linear-gradient(160deg, #10223a, #0a1628 60%); border-color: #2b4058; box-shadow: 0 1px 0 #ffffff14 inset, 0 30px 60px -24px #000c; }
.site-content .conduk-room-heading h3 { font: 700 19px/1.3 'Archivo', var(--sans); }
.site-content .conduk-speaker { display: flex; align-items: center; gap: 9px; font: 600 13px/1.3 var(--sans); }
.site-content .conduk-speaker img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px #0a1628, 0 0 0 3px #ff7a1a66; }
.site-content .conduk-speaker b { color: #fff; font-weight: 650; }
.site-content .conduk-speaker .conduk-role { color: #8fa2b8; font-weight: 500; }
.site-content .conduk-founder-request .conduk-speaker { color: #ffb582; }
.site-content .conduk-you { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #ff7a1a; color: #fff; font: 800 12px/1 'Archivo', var(--sans); font-style: normal; }
.site-content .conduk-founder-request { background: linear-gradient(90deg, #ff7a1a1a, #192739 45%); }
.site-content .conduk-example-replies p { margin-top: 9px; padding-left: 39px; }
.site-content .conduk-work-draft { border-top: 3px solid #ff7a1a; box-shadow: 0 1px 0 #fff inset, 0 34px 60px -26px #000d; }
.site-content .conduk-draft-by { display: inline-flex; align-items: center; gap: 8px; }
.site-content .conduk-draft-by img { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; }
.site-content .conduk-band { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 22px 32px; margin-top: 35px; padding: 24px 28px; border: 1px solid #ffffff1c; border-radius: 12px; background: linear-gradient(120deg, #ffffff0d, #ffffff04); }
.site-content .conduk-band-team { display: flex; align-items: center; gap: 20px; }
.site-content .conduk-faces { display: flex; flex: none; }
.site-content .conduk-faces img { width: 44px; height: 44px; margin-left: -12px; border-radius: 50%; object-fit: cover; border: 2px solid #0a1628; box-shadow: 0 0 0 1px #ff7a1a55; }
.site-content .conduk-faces img:first-child { margin-left: 0; }
.site-content .conduk-band-team p { margin: 0 0 4px; font: 700 20px/1.25 'Archivo', var(--sans); color: #fff; letter-spacing: -.01em; }
.site-content .conduk-band-team span { font-size: 13.5px; color: #a9bccd; }
.site-content .conduk-explore.btn { background: #ff7a1a; border-color: #ff7a1a; }
.site-content .conduk-founder-note { margin: 16px 0 0; font-size: 12px; color: #8fa2b8; }
@media (max-width: 700px) {
  .site-content .conduk-band { padding: 20px; }
  .site-content .conduk-band-team { flex-direction: column; align-items: flex-start; gap: 12px; }
  .site-content .conduk-example-replies p { padding-left: 0; }
}