:root {
  --ink: #eaf9f3;
  --muted: #9eb5ad;
  --green: #59f1aa;
  --green-deep: #118957;
  --cyan: #6be7ef;
  --amber: #ffc667;
  --bg: #050b0a;
  --panel: #0a1512;
  --panel-2: #0d1c18;
  --line: rgba(145, 255, 204, 0.15);
  --radius: 1.5rem;
  --max: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 6rem; }
body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 74% 8%, rgba(20, 131, 86, 0.2), transparent 26rem),
    radial-gradient(circle at 10% 35%, rgba(24, 116, 126, 0.11), transparent 34rem),
    var(--bg);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
button { font: inherit; }
img { display: block; max-width: 100%; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 100; left: 1rem; top: -5rem; padding: .75rem 1rem; background: var(--green); color: #032016; border-radius: .6rem; font-weight: 700; }
.skip-link:focus { top: 1rem; }

.reading-progress { position: fixed; z-index: 80; inset: 0 0 auto; height: 2px; background: transparent; }
.reading-progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--green), var(--cyan)); box-shadow: 0 0 12px var(--green); }

.site-header {
  position: sticky;
  z-index: 50;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(calc(100% - 2rem), var(--max));
  min-height: 5.25rem;
  margin: 0 auto;
  border-bottom: 1px solid var(--line);
  background: rgba(5, 11, 10, 0.78);
  backdrop-filter: blur(18px);
}
.header-tools { display: flex; align-items: center; margin-left: auto; }
.language-switch { position: relative; display: inline-flex; align-items: center; gap: .45rem; min-height: 2.55rem; padding: 0 .65rem; border: 1px solid var(--line); border-radius: .75rem; background: rgba(10,24,20,.72); color: var(--green); box-shadow: inset 0 0 1rem rgba(89,241,170,.025); }
.language-switch > span[aria-hidden] { font-family: Georgia,serif; font-size: .86rem; }
.language-switch select { max-width: 6.9rem; border: 0; outline: 0; background: transparent; color: var(--ink); cursor: pointer; font: inherit; font-size: .76rem; font-weight: 700; color-scheme: dark; }
.language-switch:focus-within { border-color: rgba(89,241,170,.46); box-shadow: 0 0 0 .2rem rgba(89,241,170,.08); }
.brand { display: inline-flex; align-items: center; gap: .75rem; }
.brand-mark {
  display: grid;
  width: 2.45rem;
  height: 2.45rem;
  place-items: center;
  border: 1px solid rgba(89, 241, 170, .36);
  border-radius: .72rem;
  background: linear-gradient(145deg, rgba(89, 241, 170, .18), rgba(107, 231, 239, .04));
  color: var(--green);
  font-weight: 800;
  box-shadow: inset 0 0 22px rgba(89, 241, 170, .08);
}
.brand-copy { display: flex; flex-direction: column; font-size: 1rem; font-weight: 750; line-height: 1.1; letter-spacing: -.02em; }
.brand-copy small { margin-top: .3rem; color: var(--muted); font-size: .68rem; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.desktop-nav { display: flex; gap: clamp(.85rem,1.6vw,1.6rem); margin-left: auto; color: var(--muted); font-size: .82rem; }
.desktop-nav a { transition: color .2s ease; }
.desktop-nav a:hover, .desktop-nav a:focus-visible { color: var(--green); }
.menu-toggle { display: none; width: 2.8rem; height: 2.8rem; border: 1px solid var(--line); border-radius: .8rem; background: transparent; color: var(--ink); }
.menu-toggle > span:not(.sr-only) { display: block; width: 1.1rem; height: 1px; margin: .25rem auto; background: currentColor; }
.mobile-nav { position: absolute; inset: 5.2rem 0 auto; padding: 1rem; border: 1px solid var(--line); border-radius: 1rem; background: #09130f; box-shadow: 0 1rem 4rem rgba(0,0,0,.4); }
.mobile-nav a { display: block; padding: .85rem; border-radius: .5rem; color: var(--muted); }
.mobile-nav a:hover { background: rgba(89,241,170,.08); color: var(--ink); }

.hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(24rem, .9fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: center;
  width: min(calc(100% - 2rem), var(--max));
  min-height: calc(100svh - 5.25rem);
  margin: auto;
  padding: 5rem 0;
}
.eyebrow { display: flex; align-items: center; gap: .6rem; margin: 0 0 1.25rem; color: var(--green); font-size: .76rem; font-weight: 750; letter-spacing: .15em; text-transform: uppercase; }
.eyebrow span { width: 1.8rem; height: 1px; background: currentColor; box-shadow: 0 0 9px currentColor; }
.hero h1 { max-width: 12ch; margin: 0; font-size: clamp(3.25rem, 7vw, 6.75rem); font-weight: 720; line-height: .94; letter-spacing: -.068em; }
.hero h1 em { color: var(--green); font-family: Georgia, serif; font-weight: 400; }
.hero-intro { max-width: 40rem; margin: 2rem 0 0; color: var(--muted); font-size: clamp(1rem, 1.4vw, 1.16rem); }
.hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2.2rem; }
.button { display: inline-flex; min-height: 3.2rem; align-items: center; justify-content: center; gap: 1rem; padding: .75rem 1.2rem; border: 1px solid transparent; border-radius: .82rem; font-size: .88rem; font-weight: 700; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--green); color: #031b12; box-shadow: 0 .6rem 2rem rgba(89,241,170,.16); }
.button-primary span { font-size: 1.1rem; }
.button-ghost { border-color: var(--line); color: var(--muted); }
.button-ghost:hover { border-color: rgba(89,241,170,.34); color: var(--ink); }
.language-strip { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 2.3rem; }
.language-strip span { padding: .38rem .68rem; border: 1px solid var(--line); border-radius: 999px; color: #bcd1c9; font-size: .72rem; letter-spacing: .04em; }

.hero-visual { position: relative; justify-self: end; width: min(100%, 34rem); }
.hero-frame { position: relative; overflow: hidden; aspect-ratio: 4 / 5; border: 1px solid rgba(89,241,170,.25); border-radius: 10rem 10rem var(--radius) var(--radius); background: radial-gradient(circle at 50% 58%, rgba(89,241,170,.16), transparent 42%), #000; box-shadow: 0 2rem 7rem rgba(15,131,83,.2); }
.hero-frame::before { content: ""; position: absolute; z-index: 1; inset: 9% 7% 7%; border: 1px solid rgba(89,241,170,.09); border-radius: 50%; box-shadow: 0 0 5rem rgba(89,241,170,.08); pointer-events: none; }
.hero-frame::after { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(to top, rgba(2,8,6,.9), transparent 35%); pointer-events: none; }
.hero-frame img { width: 100%; height: 100%; object-fit: contain; object-position: center bottom; }
.frame-label { position: absolute; z-index: 2; left: 1.3rem; right: 1.3rem; bottom: 1.3rem; display: flex; align-items: center; gap: .75rem; padding: 1rem; border: 1px solid rgba(255,255,255,.12); border-radius: 1rem; background: rgba(5,16,12,.62); backdrop-filter: blur(14px); }
.frame-label p { margin: 0; color: var(--muted); font-size: .72rem; letter-spacing: .05em; text-transform: uppercase; }
.frame-label strong { display: block; margin-top: .18rem; color: var(--ink); font-size: .8rem; letter-spacing: .01em; text-transform: none; }
.live-dot { flex: 0 0 auto; width: .65rem; height: .65rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 .3rem rgba(89,241,170,.1), 0 0 1.2rem var(--green); }
.orbit-card { position: absolute; display: flex; align-items: center; gap: .6rem; padding: .7rem .85rem; border: 1px solid var(--line); border-radius: .8rem; background: rgba(7,17,14,.88); color: var(--muted); font-size: .7rem; box-shadow: 0 1rem 3rem rgba(0,0,0,.38); backdrop-filter: blur(12px); }
.orbit-card span { color: var(--green); font-family: ui-monospace, monospace; }
.orbit-card-one { top: 20%; left: -2rem; }
.orbit-card-two { top: 38%; right: -1.6rem; }

.founder-identity-shell {
  --identity-frame: clamp(2px,.28vw,4px);
  position: relative;
  isolation: isolate;
  width: min(calc(100% - 2rem),var(--max));
  margin: 0 auto clamp(4rem,8vw,7rem);
  padding: var(--identity-frame);
  border-radius: calc(var(--radius) + .35rem);
  background: linear-gradient(115deg,#ff6b1a 0%,#ffb32c 20%,#ffe178 37%,#448cff 57%,#45d6ff 70%,#47f59d 88%,#ff7b1f 100%);
  background-size: 240% 240%;
  box-shadow:
    -.75rem -.35rem 2.8rem rgba(255,100,28,.16),
    .2rem -.75rem 3rem rgba(255,211,91,.14),
    .8rem .1rem 3.2rem rgba(62,126,255,.15),
    -.1rem .9rem 3rem rgba(65,243,151,.12),
    0 2.4rem 7rem rgba(0,0,0,.38);
  animation: founder-border-flow 8s ease-in-out infinite;
}
.founder-identity-shell::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: clamp(-.55rem,-.6vw,-.25rem);
  border-radius: inherit;
  background: inherit;
  background-size: inherit;
  filter: blur(clamp(1rem,2.4vw,2.2rem));
  opacity: .38;
  transform: translateZ(0);
  animation: founder-border-flow 8s ease-in-out infinite reverse;
  pointer-events: none;
}
.founder-identity-shell::after {
  content: "";
  position: absolute;
  z-index: 3;
  inset: var(--identity-frame);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: var(--radius);
  box-shadow: inset 0 0 1.2rem rgba(119,154,255,.1), inset 0 0 .25rem rgba(255,255,255,.18);
  pointer-events: none;
}
.founder-identity { position: relative; width: 100%; overflow: hidden; border: 0; border-radius: var(--radius); background: radial-gradient(circle at 50% 0%,rgba(169,156,255,.12),transparent 34rem),#06070e; box-shadow: 0 1.5rem 5rem rgba(0,0,0,.3); }
.founder-identity::before { content: ""; position: absolute; z-index: 2; inset: 0; border-radius: inherit; background: linear-gradient(105deg,rgba(255,122,31,.035),transparent 22%,transparent 74%,rgba(69,245,157,.035)); box-shadow: inset 0 0 5rem rgba(103,101,202,.07); pointer-events: none; }
.founder-identity-meta { display: grid; grid-template-columns: .55fr 1.2fr .9fr; gap: 2rem; align-items: end; padding: clamp(1.2rem,3vw,2rem); border-bottom: 1px solid rgba(169,156,255,.14); }
.founder-identity-meta .eyebrow { margin: 0; color: #b9b0ff; }
.founder-identity-meta h2 { margin: 0; color: #f2f0ff; font-size: clamp(1.6rem,3vw,2.6rem); line-height: 1.05; letter-spacing: -.04em; }
.founder-identity-meta > p:last-child { margin: 0; color: #a8a8bc; font-size: .88rem; }
.founder-identity-art { position: relative; margin: 0; }
.founder-identity-art img { width: 100%; aspect-ratio: 2038 / 772; object-fit: cover; }
.founder-identity-art figcaption { position: absolute; z-index: 3; right: 1rem; bottom: 1rem; display: none; padding: .72rem .9rem; border: 1px solid rgba(255,255,255,.14); border-radius: .75rem; background: rgba(6,7,14,.7); backdrop-filter: blur(12px); }
.founder-identity-art figcaption span,.founder-identity-art figcaption small { display: block; }
.founder-identity-art figcaption span { color: #f2f0ff; font-weight: 750; }
.founder-identity-art figcaption small { color: #aaa9bd; font-size: .68rem; }

.signal-band { display: flex; justify-content: center; align-items: center; gap: clamp(.7rem, 2.5vw, 2rem); min-height: 5rem; padding: 1rem; border-block: 1px solid var(--line); overflow: hidden; color: #8da39b; font-size: .7rem; letter-spacing: .13em; text-align: center; text-transform: uppercase; white-space: nowrap; }
.signal-band i { width: .25rem; height: .25rem; flex: 0 0 auto; border-radius: 50%; background: var(--green); box-shadow: 0 0 .7rem var(--green); }

.section { width: min(calc(100% - 2rem), var(--max)); margin: 0 auto; padding: clamp(6rem, 11vw, 10rem) 0; }
.section-heading { display: grid; grid-template-columns: minmax(10rem,.55fr) minmax(20rem,1.35fr) minmax(15rem,.75fr); gap: 3rem; align-items: end; margin-bottom: 3.5rem; }
.section-heading .eyebrow { align-self: start; }
.section-heading h2, .approach-copy h2 { margin: 0; font-size: clamp(2.25rem, 4.7vw, 4.25rem); line-height: 1.04; letter-spacing: -.05em; }
.section-heading > p:last-child, .approach-copy > p:last-child { margin: 0; color: var(--muted); }

.flagship-card { display: grid; grid-template-columns: .9fr 1.1fr; min-height: 38rem; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(13,31,25,.96), rgba(6,16,13,.94)); box-shadow: 0 2rem 7rem rgba(0,0,0,.22); }
.flagship-copy { padding: clamp(2rem, 5vw, 4.2rem); }
.card-kicker, .project-index, .timeline-label { margin: 0 0 1.25rem; color: var(--green); font-family: ui-monospace, "SFMono-Regular", monospace; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; }
.flagship-copy h3 { margin: 0; font-size: clamp(2.3rem, 4vw, 4rem); line-height: .95; letter-spacing: -.05em; }
.flagship-copy h3 span { color: var(--green); font-family: Georgia, serif; font-weight: 400; }
.flagship-copy > p:not(.card-kicker) { margin: 1.6rem 0 0; color: var(--muted); }
.feature-list { display: grid; gap: 0; margin: 2.2rem 0 0; padding: 0; list-style: none; }
.feature-list li { display: flex; gap: .9rem; padding: .75rem 0; border-top: 1px solid var(--line); color: #ccded7; font-size: .86rem; }
.feature-list span { color: var(--green); font-family: ui-monospace, monospace; font-size: .68rem; }
.workflow-demo { display: grid; align-content: center; padding: clamp(2rem, 5vw, 4rem); border-left: 1px solid var(--line); background: radial-gradient(circle at 60% 45%, rgba(25,167,105,.18), transparent 17rem), #07120f; }
.voice-command { display: flex; gap: 1rem; align-items: center; padding: 1rem; border: 1px solid rgba(89,241,170,.24); border-radius: 1rem; background: rgba(89,241,170,.07); }
.mic-symbol { display: grid; width: 2.8rem; height: 2.8rem; place-items: center; flex: 0 0 auto; border-radius: 50%; background: var(--green); color: #062015; box-shadow: 0 0 1.8rem rgba(89,241,170,.3); }
.voice-command small { color: var(--green); font-size: .63rem; letter-spacing: .12em; }
.voice-command p { margin: .2rem 0 0; color: var(--ink); font-size: .9rem; }
.workflow-line { height: 2.6rem; padding-left: 2.4rem; }
.workflow-line span { display: block; width: 1px; height: 100%; background: linear-gradient(var(--green), var(--line)); }
.workflow-steps { display: grid; grid-template-columns: repeat(2,1fr); gap: .7rem; }
.workflow-steps div { padding: 1rem; border: 1px solid var(--line); border-radius: .9rem; background: rgba(4,13,10,.72); }
.workflow-steps b { color: var(--green); font-family: ui-monospace, monospace; font-size: .66rem; }
.workflow-steps p { margin: .75rem 0 .2rem; font-size: .8rem; }
.workflow-steps small { color: var(--muted); font-size: .68rem; }
.verified-result { display: flex; gap: .8rem; align-items: center; margin-top: .7rem; padding: 1rem; border: 1px solid rgba(107,231,239,.18); border-radius: .9rem; background: rgba(107,231,239,.05); }
.verified-result > span { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; border-radius: 50%; background: rgba(107,231,239,.13); color: var(--cyan); }
.verified-result p { margin: 0; color: var(--muted); font-size: .7rem; text-transform: uppercase; letter-spacing: .05em; }
.verified-result strong { display: block; color: var(--ink); font-size: .78rem; letter-spacing: 0; text-transform: none; }

.project-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-top: 1rem; }
.project-card { position: relative; min-height: 22rem; overflow: hidden; padding: 2rem; border: 1px solid var(--line); border-radius: 1.1rem; background: rgba(9,22,18,.74); }
.project-card h3 { max-width: 11ch; margin: 3.7rem 0 1rem; font-size: 1.75rem; line-height: 1.05; letter-spacing: -.035em; }
.project-card p:not(.project-index) { max-width: 30rem; margin: 0; color: var(--muted); font-size: .9rem; }
.mini-stack { position: absolute; right: 1.5rem; bottom: 1.5rem; display: flex; align-items: end; gap: .34rem; }
.mini-stack i { width: 1.2rem; border: 1px solid rgba(89,241,170,.35); border-radius: .24rem; background: rgba(89,241,170,.08); }
.mini-stack i:nth-child(1){height:1.3rem}.mini-stack i:nth-child(2){height:2.2rem}.mini-stack i:nth-child(3){height:3.1rem}.mini-stack i:nth-child(4){height:2.5rem}.mini-stack i:nth-child(5){height:4rem;background:rgba(89,241,170,.2)}
.shield-signal { position: absolute; right: 1.5rem; bottom: 1.5rem; display: grid; width: 4rem; height: 4rem; place-items: center; border: 1px solid rgba(107,231,239,.28); border-radius: 50% 50% 46% 46%; background: rgba(107,231,239,.06); color: var(--cyan); box-shadow: 0 0 2.5rem rgba(107,231,239,.08); }
.voice-bars { position: absolute; right: 1.6rem; bottom: 2rem; display: flex; height: 3.5rem; align-items: center; gap: .28rem; }
.voice-bars i { width: .24rem; height: 30%; border-radius: 99px; background: var(--amber); box-shadow: 0 0 .8rem rgba(255,198,103,.2); animation: wave 1.4s ease-in-out infinite; }
.voice-bars i:nth-child(2),.voice-bars i:nth-child(6){height:58%;animation-delay:-.25s}.voice-bars i:nth-child(3),.voice-bars i:nth-child(5){height:86%;animation-delay:-.55s}.voice-bars i:nth-child(4){height:100%;animation-delay:-.8s}

.feature-showcase { border-top: 1px solid var(--line); }
.feature-gallery { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1rem; }
.feature-visual { grid-column: span 4; overflow: hidden; border: 1px solid var(--line); border-radius: 1.15rem; background: rgba(8,18,16,.8); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.feature-visual:hover { transform: translateY(-4px); border-color: rgba(89,241,170,.32); box-shadow: 0 1.4rem 4rem rgba(0,0,0,.24); }
.feature-visual-featured { grid-column: span 8; }
.feature-visual-wide { grid-column: 3 / span 8; }
.feature-image-button { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; border: 0; border-bottom: 1px solid var(--line); background: #020317; color: var(--ink); cursor: zoom-in; text-align: left; }
.feature-image-button::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(3,7,20,.84), transparent 40%); opacity: .7; transition: opacity .25s ease; }
.feature-image-button:hover::after, .feature-image-button:focus-visible::after { opacity: .32; }
.feature-image-button img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .55s cubic-bezier(.2,.8,.2,1); }
.feature-image-button:hover img, .feature-image-button:focus-visible img { transform: scale(1.025); }
.feature-image-button > span { position: absolute; z-index: 2; right: 1rem; bottom: 1rem; padding: .48rem .68rem; border: 1px solid rgba(255,255,255,.15); border-radius: .55rem; background: rgba(4,6,27,.64); color: #dcdcff; font-size: .68rem; letter-spacing: .04em; backdrop-filter: blur(12px); }
.feature-caption { padding: 1.3rem 1.4rem 1.5rem; }
.feature-caption > span { color: #a99cff; font-family: ui-monospace, monospace; font-size: .66rem; letter-spacing: .09em; text-transform: uppercase; }
.feature-caption h3 { margin: .7rem 0 .45rem; font-size: 1.28rem; line-height: 1.1; letter-spacing: -.025em; }
.feature-caption p { margin: 0; color: var(--muted); font-size: .84rem; }
.motion-feature { position: relative; display: grid; grid-column: 1 / -1; grid-template-columns: minmax(17rem,.62fr) minmax(0,1.38fr); overflow: hidden; border: 1px solid rgba(169,156,255,.25); border-radius: 1.35rem; background: radial-gradient(circle at 84% 14%,rgba(89,72,255,.18),transparent 26rem),linear-gradient(145deg,#091513,#050516 70%); box-shadow: 0 2rem 6rem rgba(0,0,0,.24); }
.motion-feature::before { content: ""; position: absolute; z-index: 0; inset: 0; pointer-events: none; background: linear-gradient(110deg,rgba(89,241,170,.04),transparent 38%,rgba(117,88,255,.05)); }
.motion-feature-copy { position: relative; z-index: 1; display: flex; flex-direction: column; padding: clamp(1.7rem,4vw,3.2rem); border-right: 1px solid rgba(169,156,255,.16); }
.motion-feature-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .7rem; align-items: center; color: #a99cff; font-family: ui-monospace,monospace; font-size: .66rem; letter-spacing: .09em; text-transform: uppercase; }
.motion-status { display: inline-flex; gap: .45rem; align-items: center; color: var(--green); letter-spacing: .05em; }
.motion-status i { width: .42rem; height: .42rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 .8rem var(--green); animation: motion-status-pulse 1.8s ease-in-out infinite; }
.motion-feature-copy h3 { max-width: 8ch; margin: clamp(3rem,7vw,6.5rem) 0 1.15rem; font-size: clamp(2.35rem,4.8vw,4.6rem); line-height: .94; letter-spacing: -.055em; }
.motion-feature-copy > p { margin: 0; color: #aabdb7; font-size: .92rem; line-height: 1.7; }
.motion-feature-copy ul { display: grid; gap: .58rem; margin: 1.5rem 0 0; padding: 1.25rem 0 0; border-top: 1px solid var(--line); list-style: none; }
.motion-feature-copy li { display: flex; gap: .6rem; align-items: center; color: #cbdcd6; font-size: .76rem; font-weight: 650; }
.motion-feature-copy li::before { content: ""; width: .4rem; height: .4rem; flex: 0 0 auto; border-radius: 50%; background: var(--green); box-shadow: 0 0 .65rem rgba(89,241,170,.7); }
.motion-feature-copy > a { display: inline-flex; gap: .65rem; align-items: center; align-self: flex-start; margin-top: auto; padding-top: 2rem; color: var(--green); font-size: .76rem; font-weight: 750; }
.motion-feature-player { position: relative; z-index: 1; min-width: 0; padding: clamp(.6rem,1.5vw,1rem); background: radial-gradient(circle at 50% 50%,rgba(71,52,255,.2),transparent 54%),#020213; }
.motion-feature-player::after { content: ""; position: absolute; inset: clamp(.6rem,1.5vw,1rem); border: 1px solid rgba(169,156,255,.16); border-radius: .85rem; pointer-events: none; box-shadow: inset 0 0 3rem rgba(55,38,207,.1); }
.motion-feature video { display: block; width: 100%; height: 100%; min-height: 34rem; border-radius: .85rem; background: #020213; object-fit: contain; }
.motion-player-label, .motion-toggle { position: absolute; z-index: 2; bottom: clamp(1.35rem,2.4vw,1.8rem); border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(3,4,24,.74); color: #e6e3ff; font-size: .66rem; font-weight: 700; letter-spacing: .04em; backdrop-filter: blur(12px); }
.motion-player-label { left: clamp(1.35rem,2.4vw,1.8rem); display: inline-flex; gap: .48rem; align-items: center; padding: .48rem .7rem; text-transform: uppercase; }
.motion-player-label span { width: .42rem; height: .42rem; border-radius: 50%; background: #a99cff; box-shadow: 0 0 .75rem #796aff; }
.motion-toggle { right: clamp(1.35rem,2.4vw,1.8rem); padding: .52rem .82rem; cursor: pointer; }
.motion-toggle:hover, .motion-toggle:focus-visible { border-color: rgba(89,241,170,.48); color: var(--green); }

.approach-section { display: grid; grid-template-columns: minmax(18rem,.78fr) minmax(0,1.22fr); gap: clamp(3rem, 8vw, 7rem); align-items: start; padding-top: clamp(3.5rem,6vw,5.5rem); border-top: 1px solid var(--line); }
.approach-copy { position: sticky; top: 8rem; }
.approach-copy > p { max-width: 31rem; margin: 1.6rem 0 0; color: var(--muted); }
.approach-answer { max-width: 32rem; margin: 2rem 0 0; padding: 1.15rem 1.25rem; border: 1px solid rgba(89,241,170,.18); border-radius: .9rem; background: rgba(89,241,170,.045); }
.approach-answer > span { display: block; color: var(--green); font-family: ui-monospace,monospace; font-size: .66rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.approach-answer p { margin: .65rem 0 0; color: #c7d9d2; font-size: .9rem; line-height: 1.65; }
.architecture-meter { max-width: 32rem; margin-top: 1.6rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.architecture-meter > div { display: flex; justify-content: space-between; gap: 1rem; align-items: baseline; color: #9db3ab; font-size: .68rem; letter-spacing: .05em; text-transform: uppercase; }
.architecture-meter strong { color: var(--ink); font-family: ui-monospace,monospace; font-size: .72rem; font-weight: 650; }
.architecture-meter strong b { color: var(--green); font-weight: 750; }
.architecture-meter-track { display: block; height: 2px; margin-top: .7rem; overflow: hidden; background: rgba(89,241,170,.1); }
.architecture-meter-track i { display: block; width: 11.11%; height: 100%; background: linear-gradient(90deg,var(--green),var(--cyan)); box-shadow: 0 0 .7rem rgba(89,241,170,.75); transition: width .65s cubic-bezier(.2,.8,.2,1); }
.architecture-flow { min-width: 0; }
.architecture-flow-head { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 1.5rem; align-items: end; padding: 0 0 1.5rem; border-bottom: 1px solid var(--line); }
.architecture-flow-head .card-kicker { margin-bottom: .6rem; }
.architecture-flow-head h3 { max-width: 18ch; margin: 0; font-size: clamp(1.8rem,3.2vw,3rem); line-height: 1.03; letter-spacing: -.045em; }
.architecture-flow-head p:last-child { max-width: 37rem; margin: .85rem 0 0; color: var(--muted); font-size: .9rem; }
.architecture-motion-toggle { display: inline-flex; min-height: 2.65rem; align-items: center; gap: .55rem; padding: .6rem .85rem; border: 1px solid rgba(89,241,170,.2); border-radius: 999px; background: rgba(89,241,170,.045); color: #bdd0c8; cursor: pointer; font-size: .7rem; font-weight: 700; white-space: nowrap; transition: border-color .2s ease,color .2s ease,background .2s ease; }
.architecture-motion-toggle > span:first-child { width: .46rem; height: .46rem; flex: 0 0 auto; border-radius: 50%; background: var(--green); box-shadow: 0 0 .75rem rgba(89,241,170,.9); animation: motion-status-pulse 1.5s ease-in-out infinite; }
.architecture-motion-label { width: auto; height: auto; background: none; box-shadow: none; animation: none; }
.architecture-motion-toggle:hover,.architecture-motion-toggle:focus-visible { border-color: rgba(89,241,170,.5); color: var(--ink); }
.architecture-flow.is-paused .architecture-motion-toggle { background: rgba(255,198,103,.06); color: var(--amber); }
.architecture-flow.is-paused .architecture-motion-toggle > span:first-child { background: var(--amber); box-shadow: 0 0 .7rem rgba(255,198,103,.7); animation-play-state: paused; }
.architecture-levels { position: relative; display: grid; gap: .7rem; margin: 0; padding: 1.25rem 0 0; list-style: none; }
.architecture-levels::before { content: ""; position: absolute; z-index: 0; top: 1.25rem; bottom: 0; left: 1.74rem; width: 1px; background: linear-gradient(var(--green),rgba(107,231,239,.38),rgba(89,241,170,.08)); }
.architecture-levels::after { content: ""; position: absolute; z-index: 1; top: 1.25rem; left: 1.61rem; width: .28rem; height: 4.5rem; border-radius: 999px; background: linear-gradient(180deg,transparent,var(--green),var(--cyan),transparent); filter: drop-shadow(0 0 .5rem rgba(89,241,170,.9)); animation: architecture-signal 9s linear infinite; pointer-events: none; }
.architecture-flow.is-paused .architecture-levels::after { animation-play-state: paused; }
.architecture-level { position: relative; z-index: 2; overflow: hidden; border: 1px solid rgba(145,255,204,.1); border-radius: 1rem; background: rgba(7,18,15,.58); transition: border-color .35s ease,background .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.2,.8,.2,1); }
.architecture-level:hover { border-color: rgba(89,241,170,.22); }
.architecture-level.is-active { border-color: rgba(89,241,170,.38); background: radial-gradient(circle at 0 50%,rgba(89,241,170,.11),transparent 22rem),rgba(8,24,19,.9); box-shadow: 0 1.2rem 3.4rem rgba(0,0,0,.2),inset 0 0 2.5rem rgba(89,241,170,.025); transform: translateX(.35rem); }
.architecture-level > button { display: grid; grid-template-columns: 3.5rem minmax(0,1fr); gap: .9rem; width: 100%; padding: 1.2rem 1.2rem 1.15rem 0; border: 0; background: transparent; color: inherit; cursor: pointer; text-align: left; }
.architecture-number { position: relative; z-index: 2; display: grid; width: 3.5rem; height: 2.4rem; place-items: center; align-self: center; background: #07120f; color: var(--green); font-family: ui-monospace,monospace; font-size: .68rem; font-weight: 750; }
.architecture-number::after { content: ""; position: absolute; right: -.26rem; width: .48rem; height: .48rem; border: 1px solid rgba(89,241,170,.48); border-radius: 50%; background: #07120f; transition: background .3s ease,box-shadow .3s ease,transform .3s ease; }
.architecture-level.is-active .architecture-number::after { background: var(--green); box-shadow: 0 0 0 .32rem rgba(89,241,170,.08),0 0 1rem rgba(89,241,170,.85); transform: scale(1.08); }
.architecture-summary { display: grid; min-width: 0; }
.architecture-summary small { color: var(--green); font-family: ui-monospace,monospace; font-size: .62rem; letter-spacing: .11em; text-transform: uppercase; }
.architecture-summary strong { margin-top: .26rem; font-size: clamp(1.02rem,1.55vw,1.24rem); line-height: 1.22; }
.architecture-summary em { margin-top: .32rem; color: var(--muted); font-size: .82rem; font-style: normal; line-height: 1.5; }
.architecture-detail { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .5s cubic-bezier(.2,.8,.2,1),opacity .35s ease; }
.architecture-detail-inner { min-height: 0; overflow: hidden; padding: 0 1.2rem 0 4.4rem; }
.architecture-level.is-active .architecture-detail { grid-template-rows: 1fr; opacity: 1; }
.architecture-level.is-active .architecture-detail-inner { padding-bottom: 1.25rem; }
.architecture-detail p { max-width: 42rem; margin: 0; padding-top: .15rem; border-top: 1px solid rgba(145,255,204,.09); color: #adbfb8; font-size: .86rem; line-height: 1.65; }
.architecture-detail-inner > div { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .8rem; }
.architecture-detail span { padding: .28rem .48rem; border: 1px solid rgba(107,231,239,.14); border-radius: 999px; color: #a9c8c6; font-family: ui-monospace,monospace; font-size: .6rem; letter-spacing: .03em; }

.journey-section { border-top: 1px solid var(--line); }
.journey-layout { display: grid; grid-template-columns: minmax(17rem,.72fr) minmax(0,1.28fr); gap: clamp(3rem,8vw,8rem); align-items: start; }
.journey-story { position: sticky; top: 7rem; }
.journey-story h2 { max-width: 10ch; margin: 0; font-size: clamp(2.6rem,4.8vw,4.8rem); line-height: .98; letter-spacing: -.055em; }
.journey-story > p:last-of-type { max-width: 31rem; margin: 1.6rem 0 0; color: var(--muted); }
.journey-progress { display: grid; margin-top: 2.3rem; border-top: 1px solid var(--line); }
.journey-progress button { display: grid; grid-template-columns: 2.1rem 1fr auto; gap: .75rem; align-items: center; width: 100%; padding: .9rem 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--muted); cursor: pointer; text-align: left; transition: color .2s ease, padding-left .2s ease; }
.journey-progress button:hover, .journey-progress button:focus-visible, .journey-progress button.is-active { color: var(--ink); padding-left: .35rem; }
.journey-progress button span { display: grid; width: 1.75rem; height: 1.75rem; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--green); font-family: ui-monospace,monospace; font-size: .58rem; }
.journey-progress button.is-active span { border-color: var(--green); background: rgba(89,241,170,.1); box-shadow: 0 0 1.2rem rgba(89,241,170,.14); }
.journey-progress button b { font-size: .76rem; letter-spacing: .02em; }
.journey-progress button small { font-family: ui-monospace,monospace; font-size: .58rem; }
.journey-chapters { display: grid; gap: clamp(1.3rem,3vw,2.2rem); margin: 0; padding: 0; list-style: none; }
.journey-chapter { position: relative; min-height: clamp(32rem,62vw,47rem); overflow: hidden; border: 1px solid var(--line); border-radius: clamp(1rem,2vw,1.5rem); background: #07120f; isolation: isolate; }
.journey-chapter::after { content: ""; position: absolute; z-index: 0; inset: 0; background: linear-gradient(180deg,transparent 20%,rgba(3,9,7,.18) 42%,rgba(3,9,7,.95) 82%); }
.journey-chapter img { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2,.8,.2,1); }
.journey-chapter:hover img { transform: scale(1.025); }
.journey-chapter article { position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; padding: clamp(1.4rem,4vw,3rem); }
.journey-meta { display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin-bottom: 1rem; }
.journey-meta span { padding: .45rem .62rem; border: 1px solid rgba(89,241,170,.32); border-radius: 999px; background: rgba(4,16,12,.58); color: var(--green); font-family: ui-monospace,monospace; font-size: .65rem; backdrop-filter: blur(8px); }
.journey-meta small { color: #c8d8d2; font-size: .65rem; letter-spacing: .09em; text-transform: uppercase; }
.journey-chapter h3 { max-width: 18ch; margin: 0 0 .85rem; font-size: clamp(1.8rem,3.5vw,3.3rem); line-height: 1; letter-spacing: -.045em; }
.journey-chapter article > p { max-width: 47rem; margin: 0; color: #c6d4cf; font-size: clamp(.85rem,1.2vw,1rem); }
.journey-chapter ul { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1.3rem 0 0; padding: 0; list-style: none; }
.journey-chapter li { padding: .38rem .55rem; border: 1px solid rgba(255,255,255,.13); border-radius: .4rem; background: rgba(4,11,9,.52); color: #c7d6d0; font-size: .62rem; backdrop-filter: blur(8px); }
.journey-chapter-current { border-color: rgba(89,241,170,.38); box-shadow: inset 0 0 0 1px rgba(89,241,170,.08); }
.visual-chapters { position: relative; margin-top: clamp(5rem,10vw,9rem); }
.visual-chapters::before { content: ""; position: absolute; z-index: -1; top: 8rem; right: -12%; width: 30rem; height: 30rem; border-radius: 50%; background: rgba(43,214,142,.12); filter: blur(8rem); pointer-events: none; }
.visual-chapters-head { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(18rem,.62fr); gap: clamp(2rem,7vw,7rem); align-items: end; margin-bottom: clamp(2rem,4vw,3.5rem); }
.visual-chapters-head h3 { max-width: 16ch; margin: 0; font-size: clamp(2.2rem,4.7vw,4.4rem); line-height: .98; letter-spacing: -.055em; }
.visual-chapters-head > p { max-width: 33rem; margin: 0; color: var(--muted); }
.visual-chapters-deck { position: relative; display: grid; grid-template-columns: minmax(19rem,.76fr) minmax(0,1.24fr); min-height: clamp(39rem,64vw,48rem); overflow: hidden; border: 1px solid rgba(89,241,170,.2); border-radius: clamp(1.25rem,2.5vw,2rem); background: linear-gradient(140deg,rgba(15,36,29,.98),rgba(3,10,8,.98) 55%); box-shadow: 0 3rem 9rem rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.025); isolation: isolate; }
.visual-chapters-deck::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(rgba(89,241,170,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(89,241,170,.035) 1px,transparent 1px); background-size: 3rem 3rem; mask-image: linear-gradient(90deg,#000,transparent 55%); pointer-events: none; }
.visual-chapter-copy { position: relative; z-index: 3; display: flex; min-width: 0; flex-direction: column; justify-content: flex-end; padding: clamp(2rem,4.5vw,4rem); border-right: 1px solid var(--line); }
.visual-chapter-copy::before { content: "FIELD NOTES / 09"; position: absolute; top: clamp(2rem,4.5vw,4rem); right: clamp(2rem,4.5vw,4rem); color: rgba(234,249,243,.24); font-family: ui-monospace,monospace; font-size: .58rem; letter-spacing: .15em; writing-mode: vertical-rl; }
.visual-chapter-status { display: flex; gap: .65rem; align-items: center; margin-bottom: auto; color: var(--muted); font-family: ui-monospace,monospace; text-transform: uppercase; }
.visual-chapter-status > span { font-size: .62rem; letter-spacing: .13em; }
.visual-chapter-status strong { color: var(--green); font-size: 1.25rem; font-weight: 700; line-height: 1; }
.visual-chapter-status i { width: clamp(2.5rem,5vw,5rem); height: 1px; background: linear-gradient(90deg,rgba(89,241,170,.65),rgba(89,241,170,.08)); }
.visual-chapter-status small { font-size: .65rem; }
.visual-copy-live { margin-top: clamp(4rem,10vw,9rem); }
.visual-chapter-kicker { margin: 0 0 1rem; color: var(--green); font-family: ui-monospace,monospace; font-size: .67rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.visual-chapter-title { max-width: 11ch; margin: 0; font-size: clamp(2.35rem,4.6vw,4.5rem); line-height: .94; letter-spacing: -.058em; text-wrap: balance; }
.visual-chapter-description { max-width: 34rem; min-height: 7.8rem; margin: 1.5rem 0 0; color: #aec2bb; font-size: clamp(.95rem,1.3vw,1.08rem); }
.visual-progress { width: 100%; height: 2px; margin: 2.3rem 0 1.5rem; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.08); }
.visual-progress span { display: block; width: 11.111%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--green),var(--cyan)); box-shadow: 0 0 1rem rgba(89,241,170,.6); transition: width .55s cubic-bezier(.2,.8,.2,1); }
.visual-chapter-controls { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; }
.visual-chapter-controls button { display: flex; min-height: 3.15rem; align-items: center; justify-content: space-between; padding: .7rem 1rem; border: 1px solid var(--line); border-radius: .78rem; background: rgba(2,11,8,.5); color: var(--muted); cursor: pointer; font-size: .76rem; font-weight: 700; transition: color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease; }
.visual-chapter-controls button:hover, .visual-chapter-controls button:focus-visible { transform: translateY(-2px); border-color: rgba(89,241,170,.42); background: rgba(89,241,170,.08); color: var(--ink); }
.visual-chapter-controls button span { color: var(--green); font-size: 1rem; }
.visual-chapter-hint { margin: .85rem 0 0; color: #789087; font-family: ui-monospace,monospace; font-size: .58rem; letter-spacing: .04em; }
.visual-stage-wrap { position: relative; min-width: 0; padding: clamp(1rem,2vw,1.5rem) clamp(1rem,2vw,1.5rem) 3.3rem; background: radial-gradient(circle at 50% 45%,rgba(89,241,170,.12),transparent 44%); }
.visual-stage { position: relative; z-index: 1; height: 100%; min-height: 34rem; outline: none; touch-action: pan-y; user-select: none; }
.visual-stage::before, .visual-stage::after { content: ""; position: absolute; z-index: -2; border: 1px solid rgba(89,241,170,.12); border-radius: 1.35rem; background: rgba(7,19,15,.48); pointer-events: none; }
.visual-stage::before { inset: .8rem -.65rem -.65rem .8rem; transform: rotate(1.2deg); }
.visual-stage::after { inset: 1.35rem -.95rem -.95rem 1.35rem; transform: rotate(2deg); opacity: .5; }
.visual-stage:focus-visible::before { border-color: var(--green); box-shadow: 0 0 0 3px rgba(89,241,170,.12); }
.visual-slide { position: absolute; z-index: 0; inset: 0; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 1.3rem; background: #06100d; opacity: 0; transform: translateX(1.25rem) scale(.985); pointer-events: none; transition: opacity .45s ease,transform .65s cubic-bezier(.2,.8,.2,1); }
.visual-slide.is-active { z-index: 1; opacity: 1; transform: translateX(0) scale(1); pointer-events: auto; }
.visual-slide::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(3,10,8,.02) 35%,rgba(3,10,8,.18) 60%,rgba(3,10,8,.94) 100%); pointer-events: none; }
.visual-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.035); filter: saturate(.92) contrast(1.02); transition: transform 1.1s cubic-bezier(.2,.8,.2,1),filter .5s ease; -webkit-user-drag: none; }
.visual-slide.is-active img { transform: scale(1); filter: saturate(1) contrast(1.02); }
.visual-slide-science img { object-position: 50% 42%; }
.visual-slide-community img { object-position: 50% 46%; }
.visual-slide-event img { object-position: 50% 35%; }
.visual-slide-learning img { object-position: 50% 28%; }
.visual-slide-reflection img { object-position: 50% 25%; }
.visual-slide figcaption { position: absolute; z-index: 2; right: 1rem; bottom: 1rem; left: 1rem; display: flex; gap: .85rem; align-items: center; padding: 1rem 1.1rem; border: 1px solid rgba(255,255,255,.12); border-radius: .85rem; background: rgba(3,13,10,.56); box-shadow: 0 1rem 3rem rgba(0,0,0,.25); backdrop-filter: blur(18px); }
.visual-slide figcaption span { display: grid; width: 2rem; height: 2rem; flex: 0 0 auto; place-items: center; border: 1px solid rgba(89,241,170,.32); border-radius: 50%; color: var(--green); font-family: ui-monospace,monospace; font-size: .6rem; }
.visual-slide figcaption strong { font-size: .8rem; font-weight: 650; letter-spacing: .015em; }
.visual-stage-meta { position: absolute; right: clamp(1rem,2vw,1.5rem); bottom: 1rem; left: clamp(1rem,2vw,1.5rem); display: flex; justify-content: space-between; gap: 1rem; color: #6f877e; font-family: ui-monospace,monospace; font-size: .56rem; letter-spacing: .1em; text-transform: uppercase; }
.visual-chapter-index { display: grid; grid-template-columns: repeat(9,minmax(7.4rem,1fr)); gap: .55rem; margin-top: 1rem; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x proximity; scrollbar-width: none; }
.visual-chapter-index::-webkit-scrollbar { display: none; }
.visual-chapter-index button { position: relative; display: grid; min-width: 0; min-height: 5rem; align-content: center; gap: .25rem; padding: .8rem .85rem; overflow: hidden; border: 1px solid var(--line); border-radius: .75rem; background: rgba(7,18,14,.65); color: var(--muted); cursor: pointer; scroll-snap-align: center; text-align: left; transition: border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease; }
.visual-chapter-index button::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: linear-gradient(90deg,var(--green),var(--cyan)); transform: scaleX(0); transform-origin: left; transition: transform .35s ease; }
.visual-chapter-index button:hover, .visual-chapter-index button:focus-visible { transform: translateY(-2px); border-color: rgba(89,241,170,.35); color: var(--ink); }
.visual-chapter-index button.is-active { border-color: rgba(89,241,170,.38); background: rgba(89,241,170,.08); color: var(--ink); }
.visual-chapter-index button.is-active::after { transform: scaleX(1); }
.visual-chapter-index button span { color: var(--green); font-family: ui-monospace,monospace; font-size: .58rem; }
.visual-chapter-index button strong { overflow: hidden; font-size: .66rem; font-weight: 700; letter-spacing: .035em; text-overflow: ellipsis; white-space: nowrap; }

.professional-profiles { border-top: 1px solid var(--line); }
.profiles-heading { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(18rem,.75fr); gap: clamp(2rem,7vw,7rem); align-items: end; margin-bottom: 3rem; }
.profiles-heading h2 { max-width: 13ch; margin: 0; font-size: clamp(2.25rem,4.7vw,4.25rem); line-height: 1.02; letter-spacing: -.05em; }
.profiles-heading > p { margin: 0; color: var(--muted); }
.profile-proof-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.profile-proof-card { --profile-accent: var(--green); position: relative; display: flex; min-height: 25rem; flex-direction: column; overflow: hidden; padding: clamp(1.4rem,3vw,2rem); border: 1px solid color-mix(in srgb,var(--profile-accent) 25%,transparent); border-radius: 1.15rem; background: radial-gradient(circle at 90% 3%,color-mix(in srgb,var(--profile-accent) 12%,transparent),transparent 14rem),linear-gradient(150deg,rgba(12,29,24,.98),rgba(5,13,11,.96)); transition: transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.profile-proof-card::after { content: ""; position: absolute; right: -3rem; bottom: -4rem; width: 11rem; height: 11rem; border: 1px solid color-mix(in srgb,var(--profile-accent) 16%,transparent); border-radius: 50%; box-shadow: 0 0 0 2.4rem color-mix(in srgb,var(--profile-accent) 3%,transparent); }
.profile-proof-card:hover,.profile-proof-card:focus-visible { transform: translateY(-5px); border-color: color-mix(in srgb,var(--profile-accent) 54%,transparent); box-shadow: 0 1.8rem 4.5rem rgba(0,0,0,.28); }
.profile-freelancer { --profile-accent: var(--cyan); }
.profile-fiverr { --profile-accent: #a99cff; }
.profile-proof-top { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
.profile-proof-top small { color: var(--profile-accent); font-size: .68rem; font-weight: 750; letter-spacing: .08em; text-align: right; text-transform: uppercase; }
.profile-monogram { display: grid; width: 3rem; height: 3rem; place-items: center; border: 1px solid color-mix(in srgb,var(--profile-accent) 35%,transparent); border-radius: .82rem; background: color-mix(in srgb,var(--profile-accent) 9%,transparent); color: var(--profile-accent); font-family: ui-monospace,monospace; font-size: .8rem; font-weight: 900; }
.profile-proof-card h3 { margin: clamp(4rem,7vw,6rem) 0 1rem; font-size: clamp(1.8rem,3vw,2.6rem); line-height: 1; letter-spacing: -.045em; }
.profile-proof-card > p { margin: 0; color: #abc0b8; font-size: .94rem; line-height: 1.65; }
.profile-proof-action { position: relative; z-index: 2; display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin-top: auto; padding-top: 1.5rem; border-top: 1px solid var(--line); color: var(--ink); font-size: .8rem; font-weight: 750; }
.profile-proof-action b { color: var(--profile-accent); font-size: 1rem; }
.profile-proof-note { max-width: 58rem; margin: 1rem 0 0; color: #72877f; font-size: .7rem; }

.connect-section { border-top: 1px solid var(--line); }
.connect-intro { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(18rem,.6fr); gap: clamp(2rem,7vw,7rem); align-items: end; margin-bottom: 3.5rem; }
.connect-intro h2 { max-width: 16ch; margin: 0; font-size: clamp(2.25rem,4.7vw,4.25rem); line-height: 1.04; letter-spacing: -.05em; }
.connect-intro > p { margin: 0; color: var(--muted); }
.connect-layout { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(23rem,.95fr); gap: 1rem; align-items: start; }
.channel-panel, .contact-panel { min-width: 0; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(150deg,rgba(12,28,23,.94),rgba(6,15,12,.94)); }
.channel-panel { padding: clamp(1.2rem,3vw,2rem); }
.channel-group + .channel-group { margin-top: 2rem; }
.channel-group-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .8rem; }
.channel-group-heading span { color: var(--ink); font-size: .78rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.channel-group-heading small { color: var(--muted); font-size: .7rem; }
.channel-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; }
.channel-grid-primary .channel-card:last-child { grid-column: 1 / -1; }
.channel-card { display: grid; grid-template-columns: 2.65rem minmax(0,1fr) auto; gap: .75rem; align-items: center; min-width: 0; padding: .85rem; border: 1px solid var(--line); border-radius: .85rem; background: rgba(2,9,7,.52); transition: transform .2s ease,border-color .2s ease,background .2s ease; }
.channel-card:hover, .channel-card:focus-visible { transform: translateY(-2px); border-color: rgba(89,241,170,.34); background: rgba(89,241,170,.055); }
.channel-icon { display: grid; width: 2.65rem; height: 2.65rem; place-items: center; border: 1px solid rgba(107,231,239,.18); border-radius: .72rem; background: rgba(107,231,239,.06); color: var(--cyan); font-family: ui-monospace,monospace; font-size: .72rem; font-weight: 800; text-transform: none; }
.channel-whatsapp .channel-icon { border-color: rgba(89,241,170,.28); background: rgba(89,241,170,.1); color: var(--green); }
.channel-linkedin .channel-icon { border-color: rgba(107,177,255,.25); background: rgba(107,177,255,.09); color: #8cc8ff; }
.channel-google .channel-icon { border-color: rgba(255,198,103,.25); background: rgba(255,198,103,.08); color: var(--amber); }
.channel-web .channel-icon { color: #b8aaff; }
.channel-card > span:nth-child(2) { min-width: 0; }
.channel-card strong, .channel-card small { display: block; overflow-wrap: anywhere; }
.channel-card strong { color: var(--ink); font-size: .8rem; line-height: 1.25; }
.channel-card small { margin-top: .25rem; color: var(--muted); font-size: .66rem; line-height: 1.3; }
.channel-card b { color: var(--green); font-size: .9rem; }
.email-strip { display: grid; grid-template-columns: 1fr 1fr; margin-top: 1rem; overflow: hidden; border: 1px solid var(--line); border-radius: .85rem; }
.email-strip div { min-width: 0; padding: .9rem 1rem; }
.email-strip div + div { border-left: 1px solid var(--line); }
.email-strip span, .email-strip a { display: block; overflow-wrap: anywhere; }
.email-strip span { margin-bottom: .25rem; color: var(--muted); font-size: .63rem; letter-spacing: .07em; text-transform: uppercase; }
.email-strip a { color: var(--green); font-size: .76rem; }
.contact-panel { position: sticky; top: 6.5rem; padding: clamp(1.3rem,3.2vw,2.2rem); }
.contact-panel-heading { margin-bottom: 1.4rem; }
.contact-status { display: inline-flex; align-items: center; gap: .5rem; color: var(--green); font-size: .66rem; letter-spacing: .07em; text-transform: uppercase; }
.contact-status i { width: .45rem; height: .45rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 .8rem var(--green); }
.contact-panel-heading h3 { margin: .75rem 0 .35rem; font-size: clamp(1.55rem,2.6vw,2.15rem); line-height: 1.05; letter-spacing: -.035em; }
.contact-panel-heading p { margin: 0; color: var(--muted); font-size: .84rem; }
.contact-form { display: grid; gap: 1rem; }
.form-honeypot { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; }
.intent-switch { display: grid; grid-template-columns: 1fr 1fr; gap: .35rem; margin: 0; padding: .3rem; border: 1px solid var(--line); border-radius: .8rem; background: rgba(2,9,7,.55); }
.intent-switch label { cursor: pointer; }
.intent-switch input { position: absolute; opacity: 0; pointer-events: none; }
.intent-switch span { display: grid; min-height: 2.5rem; place-items: center; border: 1px solid transparent; border-radius: .58rem; color: var(--muted); font-size: .74rem; font-weight: 700; transition: .2s ease; }
.intent-switch input:checked + span { border-color: rgba(89,241,170,.23); background: rgba(89,241,170,.1); color: var(--green); }
.intent-switch input:focus-visible + span { outline: 2px solid var(--cyan); outline-offset: 2px; }
.form-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; }
.form-field { display: grid; gap: .42rem; min-width: 0; color: #c8d8d2; font-size: .72rem; font-weight: 650; }
.form-field input, .form-field select, .form-field textarea { width: 100%; min-height: 2.85rem; border: 1px solid var(--line); border-radius: .68rem; outline: none; background: rgba(2,9,7,.65); color: var(--ink); font: inherit; font-size: .78rem; font-weight: 500; transition: border-color .2s ease,box-shadow .2s ease; }
.form-field input, .form-field select { padding: 0 .82rem; }
.form-field textarea { min-height: 7rem; padding: .75rem .82rem; resize: vertical; line-height: 1.55; }
.form-field select { color-scheme: dark; }
.form-field input::placeholder, .form-field textarea::placeholder { color: #6e8179; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color: rgba(89,241,170,.48); box-shadow: 0 0 0 .2rem rgba(89,241,170,.08); }
.booking-fields { display: grid; gap: 1rem; padding: 1rem; border: 1px solid rgba(107,231,239,.16); border-radius: .85rem; background: rgba(107,231,239,.035); }
.booking-fields[hidden] { display: none; }
.form-actions { display: flex; flex-wrap: wrap; gap: .7rem; align-items: center; }
.form-submit { border: 0; cursor: pointer; }
.form-submit:disabled { cursor: wait; opacity: .72; }
.copy-request { min-height: 3.2rem; padding: .7rem 1rem; border: 1px solid var(--line); border-radius: .82rem; background: transparent; color: var(--muted); cursor: pointer; font-size: .76rem; font-weight: 700; }
.copy-request:hover, .copy-request:focus-visible { border-color: rgba(89,241,170,.3); color: var(--ink); }
.form-note { margin: 0; color: #788e85; font-size: .66rem; line-height: 1.55; }
.form-note span { color: #a9beb5; font-weight: 700; }
.form-result { min-height: 1.2rem; margin: 0; color: var(--green); font-size: .72rem; font-weight: 700; line-height: 1.5; }
.form-result.is-error { color: #ff9a90; }

.founder-note { display: grid; grid-template-columns: auto 1fr auto; gap: clamp(1rem,4vw,3rem); align-items: end; width: min(calc(100% - 2rem), var(--max)); margin: 0 auto clamp(2rem,5vw,5rem); padding: clamp(2rem,6vw,5rem); border: 1px solid rgba(89,241,170,.19); border-radius: var(--radius); background: radial-gradient(circle at 85% 10%, rgba(89,241,170,.13), transparent 26rem), linear-gradient(135deg,#0b1d17,#07110e); }
.note-mark { align-self: start; color: var(--green); font-family: Georgia, serif; font-size: 6rem; line-height: .8; }
.founder-note blockquote { margin: 0; }
.founder-note blockquote > p { max-width: 32ch; margin: 0; font-family: Georgia, serif; font-size: clamp(1.6rem,3.3vw,3.15rem); line-height: 1.18; }
.founder-note footer { margin-top: 2rem; color: var(--ink); font-size: .9rem; font-weight: 700; }
.founder-note footer span { display: block; margin-top: .2rem; color: var(--muted); font-size: .74rem; font-weight: 500; }
.copy-button { display: flex; min-width: 12rem; justify-content: space-between; gap: 1rem; align-items: center; padding: .9rem 1rem; border: 1px solid var(--line); border-radius: .8rem; background: rgba(0,0,0,.18); color: var(--muted); cursor: pointer; font-size: .76rem; transition: border-color .2s ease, color .2s ease; }
.copy-button:hover { border-color: rgba(89,241,170,.4); color: var(--ink); }
.copy-button b { color: var(--green); font-size: 1rem; }

.founder-principles { width: min(calc(100% - 2rem), var(--max)); margin: 0 auto clamp(6rem,10vw,9rem); }
.founder-principles-head { display: grid; grid-template-columns: minmax(10rem,.55fr) minmax(20rem,1.35fr) minmax(16rem,.75fr); gap: 3rem; align-items: end; margin-bottom: 2rem; }
.founder-principles-head .eyebrow { align-self: start; }
.founder-principles-head h2 { max-width: 13ch; margin: 0; font-size: clamp(2.3rem,4.7vw,4.3rem); line-height: 1; letter-spacing: -.052em; }
.founder-principles-head > p:last-child { margin: 0; color: var(--muted); }
.founder-principles-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.founder-principle-card { --principle-accent: var(--green); position: relative; display: flex; min-width: 0; min-height: 31rem; flex-direction: column; overflow: hidden; padding: clamp(1.5rem,3vw,2.35rem); border: 1px solid color-mix(in srgb,var(--principle-accent) 22%,transparent); border-radius: 1.2rem; background: radial-gradient(circle at 86% 4%,color-mix(in srgb,var(--principle-accent) 12%,transparent),transparent 16rem),linear-gradient(150deg,rgba(13,31,25,.96),rgba(5,14,11,.96)); transition: transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease; isolation: isolate; }
.founder-principle-card::before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; height: 2px; background: linear-gradient(90deg,transparent,var(--principle-accent),transparent); opacity: .8; }
.founder-principle-card::after { content: ""; position: absolute; z-index: -1; right: -4rem; bottom: -5rem; width: 13rem; height: 13rem; border: 1px solid color-mix(in srgb,var(--principle-accent) 14%,transparent); border-radius: 50%; box-shadow: 0 0 0 2.5rem color-mix(in srgb,var(--principle-accent) 2.5%,transparent),0 0 0 5rem color-mix(in srgb,var(--principle-accent) 1.5%,transparent); }
.founder-principle-card:hover { transform: translateY(-5px); border-color: color-mix(in srgb,var(--principle-accent) 45%,transparent); box-shadow: 0 1.7rem 4.5rem rgba(0,0,0,.25); }
.founder-principle-card-cyan { --principle-accent: var(--cyan); }
.founder-principle-card-amber { --principle-accent: var(--amber); }
.founder-principle-meta { display: flex; justify-content: space-between; gap: 1rem; align-items: center; color: var(--principle-accent); font-family: ui-monospace,monospace; }
.founder-principle-meta span { display: grid; width: 2.35rem; height: 2.35rem; place-items: center; border: 1px solid color-mix(in srgb,var(--principle-accent) 34%,transparent); border-radius: 50%; background: color-mix(in srgb,var(--principle-accent) 8%,transparent); font-size: .72rem; }
.founder-principle-meta small { font-size: .76rem; letter-spacing: .08em; text-align: right; text-transform: uppercase; }
.founder-principle-card h3 { max-width: 12ch; margin: clamp(4rem,8vw,7rem) 0 1.2rem; font-size: clamp(1.75rem,2.8vw,2.55rem); line-height: 1.02; letter-spacing: -.042em; text-wrap: balance; }
.founder-principle-card > p { margin: 0; color: #adc1b9; font-size: .96rem; line-height: 1.65; }
.founder-principle-card ul { position: relative; z-index: 1; display: grid; gap: .62rem; margin: auto 0 0; padding: 1.35rem 0 0; border-top: 1px solid var(--line); list-style: none; }
.founder-principle-card li { display: flex; gap: .65rem; align-items: center; color: #c8d9d2; font-size: .78rem; font-weight: 650; }
.founder-principle-card li::before { content: ""; width: .38rem; height: .38rem; flex: 0 0 auto; border-radius: 50%; background: var(--principle-accent); box-shadow: 0 0 .7rem color-mix(in srgb,var(--principle-accent) 55%,transparent); }

.site-footer { display: grid; grid-template-columns: 1fr 1fr auto; gap: 2rem; align-items: center; width: min(calc(100% - 2rem), var(--max)); min-height: 9rem; margin: auto; border-top: 1px solid var(--line); color: var(--muted); font-size: .78rem; }
.site-footer > p { max-width: 25rem; margin: 0; }
.back-top { color: var(--green); }
.footer-actions { display: flex; flex-wrap: wrap; gap: .7rem 1.2rem; align-items: center; }
.footer-links { justify-content: flex-end; }
.footer-actions > a:first-child { color: var(--ink); }
.toast { position: fixed; z-index: 100; right: 1rem; bottom: 1rem; padding: .8rem 1rem; border: 1px solid rgba(89,241,170,.32); border-radius: .7rem; background: #0d241b; color: var(--ink); font-size: .78rem; opacity: 0; transform: translateY(1rem); pointer-events: none; transition: .25s ease; }
.toast.show { opacity: 1; transform: translateY(0); }

.feature-dialog { width: min(94vw, 1180px); max-width: none; padding: 0; overflow: visible; border: 1px solid rgba(169,156,255,.3); border-radius: 1.2rem; background: #040416; color: var(--ink); box-shadow: 0 2rem 8rem rgba(0,0,0,.75); }
.feature-dialog::backdrop { background: rgba(1,4,10,.82); backdrop-filter: blur(10px); }
.feature-dialog-shell { position: relative; overflow: hidden; border-radius: inherit; }
.feature-dialog img { width: 100%; max-height: min(76vh, 850px); object-fit: contain; background: #020212; }
.dialog-close { position: absolute; z-index: 2; top: .8rem; right: .8rem; display: grid; width: 2.7rem; height: 2.7rem; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; background: rgba(2,3,16,.72); color: white; cursor: pointer; font-size: 1.5rem; backdrop-filter: blur(10px); }
.dialog-footer { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1rem 1.2rem; border-top: 1px solid rgba(169,156,255,.18); }
.dialog-count { color: #a99cff; font-family: ui-monospace, monospace; font-size: .65rem; }
.dialog-footer h3 { margin: .2rem 0 0; font-size: 1rem; }
.dialog-controls { display: flex; gap: .5rem; }
.dialog-controls button { width: 2.5rem; height: 2.5rem; border: 1px solid rgba(169,156,255,.24); border-radius: .65rem; background: rgba(169,156,255,.08); color: white; cursor: pointer; }

.reveal { opacity: 0; transform: translateY(1.3rem); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1); transition-delay: var(--delay, 0ms); }
.reveal.visible { opacity: 1; transform: translateY(0); }

@keyframes wave { 0%,100%{transform:scaleY(.62);opacity:.62}50%{transform:scaleY(1);opacity:1} }
@keyframes motion-status-pulse { 0%,100%{opacity:.48;transform:scale(.8)}50%{opacity:1;transform:scale(1)} }
@keyframes founder-border-flow { 0%,100%{background-position:0% 50%}50%{background-position:100% 50%} }
@keyframes architecture-signal { 0%{top:1.25rem;opacity:0}5%{opacity:1}95%{opacity:1}100%{top:calc(100% - 4.5rem);opacity:0} }

@media (max-width: 960px) {
  .site-header { gap: .75rem; }
  .desktop-nav { display: none; }
  .menu-toggle { display: block; }
  .hero { grid-template-columns: 1fr; min-height: auto; }
  .hero-copy { padding-top: 2rem; }
  .hero h1 { max-width: 10ch; }
  .hero-visual { justify-self: center; width: min(88%, 34rem); }
  .founder-identity-meta { grid-template-columns: 1fr 1fr; }
  .founder-identity-meta > p:last-child { grid-column: 1 / -1; max-width: 44rem; }
  .section-heading { grid-template-columns: 1fr; gap: 1.25rem; }
  .section-heading > p:last-child { max-width: 38rem; }
  .flagship-card { grid-template-columns: 1fr; }
  .workflow-demo { border-top: 1px solid var(--line); border-left: 0; }
  .project-grid { grid-template-columns: 1fr 1fr; }
  .project-card:last-child { grid-column: 1 / -1; min-height: 17rem; }
  .feature-visual { grid-column: span 6; }
  .feature-visual-featured, .feature-visual-wide { grid-column: span 12; }
  .motion-feature { grid-template-columns: 1fr; }
  .motion-feature-copy { border-right: 0; border-bottom: 1px solid rgba(169,156,255,.16); }
  .motion-feature-copy h3 { max-width: 12ch; margin-top: 3.5rem; }
  .motion-feature-copy > a { margin-top: 2rem; }
  .motion-feature video { min-height: 0; aspect-ratio: 950 / 756; }
  .approach-section { grid-template-columns: 1fr; }
  .approach-copy { position: static; }
  .approach-copy h2 { max-width: 14ch; }
  .architecture-flow { margin-top: 1rem; }
  .journey-layout { grid-template-columns: 1fr; gap: 3rem; }
  .journey-story { position: static; }
  .journey-story h2 { max-width: 13ch; }
  .journey-progress { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .journey-progress button { grid-template-columns: auto 1fr; padding: .8rem .5rem; border: 0; border-top: 1px solid var(--line); }
  .journey-progress button:hover, .journey-progress button:focus-visible, .journey-progress button.is-active { padding-left: .75rem; }
  .journey-progress button small { grid-column: 2; }
  .journey-chapters { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .journey-chapter { min-height: 36rem; }
  .visual-chapters-head { grid-template-columns: 1fr; gap: 1.3rem; }
  .visual-chapters-head > p { max-width: 42rem; }
  .visual-chapters-deck { grid-template-columns: 1fr; min-height: 0; }
  .visual-stage-wrap { order: -1; min-height: clamp(30rem,76vw,43rem); }
  .visual-chapter-copy { min-height: 30rem; border-top: 1px solid var(--line); border-right: 0; }
  .visual-copy-live { margin-top: 4rem; }
  .visual-chapter-title { max-width: 14ch; }
  .visual-chapter-description { min-height: 0; }
  .connect-intro { grid-template-columns: 1fr; gap: 1.4rem; }
  .connect-intro > p { max-width: 42rem; }
  .connect-layout { grid-template-columns: 1fr; }
  .contact-panel { position: static; }
  .founder-note { grid-template-columns: auto 1fr; }
  .copy-button { grid-column: 2; justify-self: start; }
  .founder-principles-head { grid-template-columns: 1fr; gap: 1.2rem; }
  .founder-principles-head h2 { max-width: 14ch; }
  .founder-principles-head > p:last-child { max-width: 42rem; }
  .founder-principles-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .profiles-heading { grid-template-columns: 1fr; gap: 1.3rem; }
  .profiles-heading > p { max-width: 42rem; }
  .profile-proof-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .profile-fiverr { grid-column: 1 / -1; min-height: 20rem; }
  .founder-principle-card-amber { grid-column: 1 / -1; min-height: 25rem; }
  .founder-principle-card-amber h3 { margin-top: 4.5rem; }
}

@media (max-width: 720px) {
  .site-header { min-height: 4.6rem; }
  .desktop-nav { display: none; }
  .menu-toggle { display: block; }
  .header-tools { margin-left: auto; }
  .language-switch { min-height: 2.4rem; padding-inline: .52rem; }
  .language-switch select { width: 4.65rem; }
  .mobile-nav { top: 4.7rem; }
  .hero { padding: 3rem 0 5rem; }
  .hero h1 { font-size: clamp(3rem, 16vw, 4.8rem); }
  .hero-visual { width: 92%; }
  .founder-identity-shell { --identity-frame: 2px; width: min(calc(100% - 1.25rem),var(--max)); margin-bottom: 4rem; border-radius: calc(var(--radius) + .2rem); box-shadow: -.35rem -.2rem 1.8rem rgba(255,100,28,.12),.4rem 0 2rem rgba(62,126,255,.13),0 .5rem 1.8rem rgba(65,243,151,.1),0 1.5rem 4rem rgba(0,0,0,.34); }
  .founder-identity-meta { grid-template-columns: 1fr; gap: .85rem; }
  .founder-identity-meta > p:last-child { grid-column: auto; }
  .founder-identity-art img { min-height: 18rem; object-fit: cover; object-position: 50% center; }
  .architecture-flow-head { grid-template-columns: 1fr; align-items: start; }
  .architecture-motion-toggle { justify-self: start; }
  .architecture-level.is-active { transform: none; }
  .architecture-level > button { grid-template-columns: 3rem minmax(0,1fr); padding-right: .85rem; }
  .architecture-number { width: 3rem; }
  .architecture-levels::before { left: 1.49rem; }
  .architecture-levels::after { left: 1.36rem; }
  .architecture-detail-inner { padding-left: 3.9rem; padding-right: .85rem; }
  .orbit-card-one { left: -1rem; }
  .orbit-card-two { right: -1rem; }
  .signal-band { justify-content: flex-start; overflow-x: auto; }
  .project-grid { grid-template-columns: 1fr; }
  .project-card:last-child { grid-column: auto; }
  .feature-gallery { grid-template-columns: 1fr; }
  .feature-visual, .feature-visual-featured, .feature-visual-wide { grid-column: 1; }
  .feature-caption { padding: 1.15rem; }
  .feature-image-button > span { right: .75rem; bottom: .75rem; }
  .motion-feature { grid-column: 1; border-radius: 1.05rem; }
  .motion-feature-copy { padding: 1.35rem; }
  .motion-feature-meta { align-items: flex-start; flex-direction: column; }
  .motion-feature-copy h3 { margin-top: 2.8rem; font-size: clamp(2.6rem,14vw,3.8rem); }
  .motion-feature-player { padding: .45rem; }
  .motion-feature video { border-radius: .7rem; }
  .motion-feature-player::after { inset: .45rem; border-radius: .7rem; }
  .motion-player-label { display: none; }
  .motion-toggle { right: 1rem; bottom: 1rem; }
  .workflow-steps { grid-template-columns: 1fr; }
  .journey-progress { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .journey-chapters { grid-template-columns: 1fr; }
  .journey-chapter { min-height: 32rem; }
  .visual-chapters-head h3 { max-width: 13ch; }
  .visual-chapters-deck { border-radius: 1.1rem; }
  .visual-stage-wrap { min-height: clamp(25rem,102vw,36rem); padding: .7rem .7rem 2.9rem; }
  .visual-stage { min-height: 23rem; }
  .visual-slide, .visual-stage::before, .visual-stage::after { border-radius: .95rem; }
  .visual-stage::before { inset: .45rem -.25rem -.25rem .45rem; }
  .visual-stage::after { display: none; }
  .visual-stage-meta { right: .8rem; bottom: .85rem; left: .8rem; }
  .visual-stage-meta span:last-child { display: none; }
  .visual-chapter-copy { min-height: 31rem; padding: 1.4rem; }
  .visual-chapter-copy::before { top: 1.5rem; right: 1.4rem; }
  .visual-copy-live { margin-top: 3.5rem; }
  .visual-chapter-title { font-size: clamp(2.25rem,11vw,3.45rem); }
  .visual-chapter-description { margin-top: 1.15rem; font-size: .94rem; }
  .visual-progress { margin: 1.7rem 0 1.2rem; }
  .visual-chapter-hint { display: none; }
  .visual-chapter-index { grid-template-columns: repeat(9,minmax(6.8rem,7.6rem)); }
  .visual-chapter-index button { min-height: 4.65rem; }
  .channel-grid, .email-strip, .form-row { grid-template-columns: 1fr; }
  .channel-grid-primary .channel-card:last-child { grid-column: auto; }
  .email-strip div + div { border-top: 1px solid var(--line); border-left: 0; }
  .channel-group-heading { align-items: flex-start; flex-direction: column; gap: .15rem; }
  .intent-switch { grid-template-columns: 1fr; }
  .form-actions { align-items: stretch; flex-direction: column; }
  .form-actions > * { width: 100%; }
  .founder-note { grid-template-columns: 1fr; }
  .note-mark { height: 3rem; }
  .copy-button { grid-column: 1; }
  .founder-principles-grid { grid-template-columns: 1fr; }
  .profile-proof-grid { grid-template-columns: 1fr; }
  .profile-fiverr { grid-column: auto; }
  .profile-proof-card { min-height: 21rem; }
  .founder-principle-card, .founder-principle-card-amber { grid-column: auto; min-height: 27rem; }
  .founder-principle-card h3, .founder-principle-card-amber h3 { margin-top: 3.8rem; }
  .site-footer { grid-template-columns: 1fr; padding: 2.5rem 0; }
  .back-top { justify-self: start; }
  .footer-actions { justify-content: space-between; width: 100%; }
  .footer-links { justify-content: flex-start; }
  .feature-dialog { width: calc(100vw - 1rem); }
  .feature-dialog img { max-height: 66vh; }
  .dialog-footer { align-items: flex-end; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .visual-progress span, .visual-slide, .visual-slide img, .visual-chapter-index button::after { transition: none; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}