:root {
      --void: #050407;
      --void-soft: #0c0a11;
      --ink: #f4f1f6;
      --muted: rgba(244, 241, 246, .74);   
      --faint: rgba(244, 241, 246, .54);   
      --line: rgba(244, 241, 246, .16);
      --line-strong: rgba(244, 241, 246, .34);
      --violet: #8876ff;
      --blue: #5778ff;
      --ember: #ff7054;
      --page-pad: clamp(20px, 3.15vw, 52px);
      --header-h: 86px;
      --ease: cubic-bezier(.22, 1, .36, 1);
    }

    * { box-sizing: border-box; }

    html {
      background: var(--void);
      color-scheme: dark;
      scroll-behavior: auto;
    }

    body {
      margin: 0;
      min-width: 320px;
      overflow-x: clip;
      background: var(--void);
      color: var(--ink);
      font-family: "Pretendard", "Helvetica Neue", "Inter", "Noto Sans KR", Arial, sans-serif;
      font-weight: 400;
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
    }

    a { color: inherit; text-decoration: none; }
    button, a { -webkit-tap-highlight-color: transparent; }

    .skip-link {
      position: fixed;
      left: 16px;
      top: -80px;
      z-index: 1000;
      padding: 12px 16px;
      border-radius: 999px;
      background: var(--ink);
      color: var(--void);
      transition: top .2s ease;
    }

    .skip-link:focus { top: 16px; }

    #fallback,
    #webgl,
    .grain,
    .vignette {
      position: fixed;
      inset: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
    }

    #fallback {
      z-index: 0;
      background:
        radial-gradient(ellipse 58% 72% at 20% 42%, rgba(81, 103, 255, .24), transparent 66%),
        radial-gradient(ellipse 62% 74% at 78% 14%, rgba(255, 93, 61, .20), transparent 66%),
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.025), transparent 64%),
        #050407;
      opacity: 1;
      transition: opacity 1s var(--ease);
    }

    .is-webgl #fallback { opacity: 0; }

    #webgl {
      z-index: 1;
      opacity: 0;
      transition: opacity 1.1s var(--ease);
    }

    .is-webgl #webgl { opacity: 1; }

    .grain {
      z-index: 4;
      opacity: .055;
      mix-blend-mode: soft-light;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
    }

    .vignette {
      z-index: 3;
      background:
        linear-gradient(90deg, rgba(0,0,0,.32), transparent 18%, transparent 78%, rgba(0,0,0,.18)),
        radial-gradient(ellipse at center, transparent 45%, rgba(0,0,0,.48) 115%);
    }

    .site-header {
      position: fixed;
      z-index: 30;
      top: 0;
      left: 0;
      right: 0;
      height: var(--header-h);
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      align-items: center;
      gap: 28px;
      padding: 0 var(--page-pad);
      font-size: 12.5px;
      letter-spacing: .105em;
      text-transform: uppercase;
    }

    .brand {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      justify-self: start;
      font-size: 17px;
      font-weight: 650;
      letter-spacing: -.035em;
      text-transform: none;
    }

    .brand__mark {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: linear-gradient(135deg, #8d7dff, #ff7962);
      box-shadow: 0 0 16px rgba(134, 116, 255, .85);
    }

    .site-nav {
      display: flex;
      align-items: center;
      gap: clamp(22px, 2.8vw, 48px);
      justify-self: center;
    }

    .site-nav a,
    .header-meta {
      color: rgba(244, 241, 246, .78);
      transition: color .3s ease;
    }

    .site-nav a:hover,
    .site-nav a:focus-visible { color: var(--ink); }

    .header-meta {
      justify-self: end;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 10.5px;
    }

    .live-dot {
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #9d8dff;
      box-shadow: 0 0 12px #8e79ff;
    }

    .menu-toggle { display: none; }

    .scroll-meter {
      position: fixed;
      z-index: 25;
      right: 16px;
      top: 50%;
      width: 2px;
      height: 92px;
      transform: translateY(-50%);
      background: rgba(255,255,255,.10);
      overflow: hidden;
    }

    .scroll-meter::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(#8876ff, #ff765c);
      transform: scaleY(var(--scroll-progress, 0));
      transform-origin: top;
    }

    main {
      position: relative;
      z-index: 6;
    }

    .scene {
      position: relative;
      min-height: 100vh;
    }

    
    .scene--hero, .scene--system, .scene--outcome, .scene--ecosystem { height: auto; }

    .scene__sticky {
      
      position: relative;
      min-height: 100vh;
      display: flex;
      align-items: center;
      padding: calc(var(--header-h) + 16px) var(--page-pad) 42px;
      overflow: clip;
    }

    .scene-copy {
      position: relative;
      width: min(100%, 640px);
      will-change: transform, opacity;
      backface-visibility: hidden;
    }

    .scene-copy--hero {
      margin-left: auto;
      margin-right: clamp(1vw, 3vw, 52px);
      width: min(54vw, 760px);
      text-align: center;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 28px;
      padding: 7px 13px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: rgba(7, 6, 10, .34);
      color: rgba(244, 241, 246, .82);
      backdrop-filter: blur(10px);
      font-size: 12px;
      line-height: 1;
      letter-spacing: .045em;
      white-space: nowrap;
    }

    .eyebrow::before {
      content: "✣";
      font-size: 9px;
      color: #c3b9ff;
    }

    h1, h2, p { margin: 0; }

    .display {
      margin-top: 26px;
      font-size: clamp(46px, 5.6vw, 92px);
      font-weight: 300;
      line-height: 1.0;
      letter-spacing: -.055em;
      text-wrap: balance;
    }

    .display .muted-line { color: rgba(244, 241, 246, .58); }

    .lede {
      width: min(100%, 620px);
      margin: 28px auto 0;
      color: var(--muted);
      font-size: clamp(16px, 1.25vw, 20px);
      line-height: 1.82;
      text-wrap: balance;
    }

    .actions {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      margin-top: 31px;
    }

    .button {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
      min-height: 54px;
      padding: 0 12px 0 24px;
      border: 1px solid var(--line-strong);
      border-radius: 999px;
      background: rgba(9,8,12,.42);
      color: var(--ink);
      backdrop-filter: blur(12px);
      font-size: 13.5px;
      line-height: 1;
      letter-spacing: -.005em;
      transition: border-color .35s ease, background .35s ease, transform .35s var(--ease);
    }

    .button:hover,
    .button:focus-visible {
      transform: translateY(-2px);
      border-color: rgba(255,255,255,.65);
      background: rgba(255,255,255,.07);
    }

    .button__orb {
      position: relative;
      width: 34px;
      height: 34px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      border: 1px solid rgba(255,255,255,.28);
      background: radial-gradient(circle at 36% 30%, #fff, #bcb5ff 20%, #524c85 42%, #08070b 74%);
      box-shadow: 0 0 24px rgba(119, 105, 255, .22);
      overflow: hidden;
    }

    .button__orb::after {
      content: "↗";
      color: #fff;
      font-size: 10px;
      text-shadow: 0 1px 8px #000;
    }

    .button--ghost {
      padding: 0 19px;
      border-color: transparent;
      color: rgba(244,241,246,.64);
      background: rgba(255,255,255,.035);
    }

    .hero-index {
      position: absolute;
      left: var(--page-pad);
      bottom: 34px;
      display: flex;
      align-items: center;
      gap: 14px;
      color: var(--faint);
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 11px;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .hero-index::before {
      content: "";
      width: 42px;
      height: 1px;
      background: var(--line);
    }

    .scene--system .scene__sticky { height: 100vh; }
    .metrics-copy {
      width: 100%;
      height: 100%;
      position: absolute;
      inset: 0;
    }

    .metric-card {
      position: absolute;
      width: clamp(184px, 19vw, 286px);
      min-height: clamp(134px, 13vw, 196px);
      padding: clamp(18px, 2vw, 30px);
      border: 1px solid rgba(255,255,255,.11);
      border-radius: 12px;
      background: linear-gradient(135deg, rgba(17,15,21,.68), rgba(4,4,7,.26));
      box-shadow: inset 0 1px rgba(255,255,255,.035), 0 28px 70px rgba(0,0,0,.28);
      backdrop-filter: blur(8px);
      transform-style: preserve-3d;
      will-change: transform, opacity;
    }

    .metric-card:nth-child(1) {
      left: 17%;
      top: 33%;
      transform: perspective(900px) rotateY(14deg) rotateZ(-2deg);
    }

    .metric-card:nth-child(2) {
      right: 13%;
      top: 25%;
      transform: perspective(900px) rotateY(-15deg) rotateZ(2deg);
    }

    .metric-card:nth-child(3) {
      right: 8%;
      bottom: 16%;
      transform: perspective(900px) rotateY(-12deg) rotateZ(-1deg);
    }

    .metric-card__label {
      color: var(--faint);
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 10.5px;
      line-height: 1.45;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .metric-card__value {
      margin-top: 21px;
      font-size: clamp(36px, 4vw, 64px);
      word-break: keep-all;   
      font-weight: 300;
      line-height: 1;
      letter-spacing: -.055em;
      background: linear-gradient(105deg, #9a8dff, #ff8268);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    
    .metric-card__value--text {
      font-size: clamp(27px, 2.5vw, 40px);
      line-height: 1.12;
      letter-spacing: -.04em;
      white-space: nowrap;
    }

    .metric-card__body {
      margin-top: 18px;
      color: rgba(244,241,246,.72);
      font-size: 13.5px;
      line-height: 1.65;
    }

    .scene-copy--outcome {
      width: 100%;
      max-width: none;
      display: grid;
      grid-template-columns: minmax(0, 1.45fr) minmax(260px, .65fr);
      gap: clamp(60px, 10vw, 180px);
      align-items: end;
      padding: 0 clamp(2vw, 7.5vw, 120px);
    }

    .outcome-title {
      max-width: 780px;
    }

    .outcome-title h2 {
      margin-top: 25px;
      font-size: clamp(46px, 5vw, 78px);
      font-weight: 300;
      line-height: 1.06;
      letter-spacing: -.055em;
    }

    .outcome-title h2 em {
      display: block;
      color: rgba(244,241,246,.56);
      font-style: normal;
    }

    .outcome-side {
      padding-bottom: 6px;
    }

    .outcome-side p {
      color: var(--muted);
      font-size: clamp(15px, 1.15vw, 18px);
      line-height: 1.8;
    }

    .outcome-side .button {
      margin-top: 26px;
    }

    .scene-copy--ecosystem {
      width: min(76vw, 1040px);
      max-width: none;
      margin: 0 auto;
      text-align: center;
      transform: translateY(-5vh);
    }

    .ecosystem-title {
      margin-top: 27px;
      font-size: clamp(46px, 5.2vw, 82px);
      font-weight: 300;
      line-height: .98;
      letter-spacing: -.058em;
      text-wrap: balance;
    }

    .ecosystem-title span { color: rgba(244,241,246,.57); }

    .ecosystem-body {
      width: min(620px, 88%);
      margin: 31px auto 0;
      color: var(--muted);
      font-size: clamp(15px, 1.2vw, 19px);
      line-height: 1.8;
    }

    .scene--contact .scene__sticky {
      align-items: flex-end;
    }

    .contact-panel {
      width: 100%;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 40px;
      align-items: end;
      padding-bottom: 4vh;
    }

    .contact-kicker {
      color: var(--faint);
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 11px;
      letter-spacing: .13em;
      text-transform: uppercase;
    }

    .contact-title {
      max-width: 860px;
      margin-top: 18px;
      font-size: clamp(45px, 5.3vw, 84px);
      font-weight: 300;
      line-height: 1.02;
      letter-spacing: -.055em;
    }

    .contact-title span { color: rgba(244,241,246,.52); }

    .contact-actions {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 14px;
    }

    .contact-meta {
      color: var(--faint);
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 11px;
      letter-spacing: .08em;
      line-height: 1.7;
    }

    .cursor {
      position: fixed;
      z-index: 100;
      left: 0;
      top: 0;
      width: 28px;
      height: 28px;
      margin: -14px 0 0 -14px;
      border: 1px solid rgba(255,255,255,.45);
      border-radius: 50%;
      pointer-events: none;
      opacity: 0;
      transform: translate3d(-100px,-100px,0);
      transition: width .25s var(--ease), height .25s var(--ease), margin .25s var(--ease), background .25s ease, opacity .2s ease;
      mix-blend-mode: difference;
    }

    .cursor::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 3px;
      height: 3px;
      margin: -1.5px;
      border-radius: 50%;
      background: #fff;
    }

    .cursor.is-visible { opacity: 1; }
    .cursor.is-active {
      width: 48px;
      height: 48px;
      margin: -24px 0 0 -24px;
      background: rgba(255,255,255,.12);
    }


    
    .scene--dissonance { height: auto; }
    .scene-copy--dissonance { width: min(94vw, 1360px); margin: 0 auto; max-width: none; }
    .para-list {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: clamp(14px, 1.8vh, 26px) clamp(28px, 4vw, 76px);
      margin-top: clamp(20px, 3vh, 36px);
    }
    .para {
      display: grid; grid-template-columns: 46px 1fr; gap: clamp(10px, 1.4vw, 20px);
      align-items: baseline; padding-top: clamp(12px, 1.6vh, 20px); border-top: 1px solid var(--line);
    }
    .para__n {
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 11px; letter-spacing: .14em; color: var(--faint);
    }
    .para__no { display: block; color: var(--muted); font-size: clamp(15px, 1.32vw, 20px); line-height: 1.45; font-weight: 300; letter-spacing: -.015em; }
    .para__yes { display: block; margin-top: 5px; color: var(--ink); font-size: clamp(17px, 1.62vw, 25px); line-height: 1.38; font-weight: 400; letter-spacing: -.025em; }
    .para__yes b { font-weight: 400; background: linear-gradient(102deg, #a99bff, #ff8f74); -webkit-background-clip: text; background-clip: text; color: transparent; }

    
    .scene--why { height: auto; }
    .scene-copy--why { width: min(94vw, 1300px); margin: 0 auto; max-width: none; }
    .why-title { margin-top: 20px; font-size: clamp(32px, 3.7vw, 58px); font-weight: 300;
                 line-height: 1.06; letter-spacing: -.05em; text-align: left; }
    .why-title span { color: rgba(244,241,246,.57); }
    
    .why-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: clamp(20px, 3vh, 34px); background: rgba(244,241,246,.10); border: 1px solid rgba(244,241,246,.10); }
    .why-item {
      padding: clamp(19px, 1.95vw, 30px);
      background: rgba(5, 4, 7, .30);
      transition: background .4s var(--ease);
    }
    .why-item:hover { background: rgba(12, 10, 17, .52); }
    
    .why-item__t, .why-item__d { text-shadow: 0 1px 14px rgba(5,4,7,.95), 0 0 3px rgba(5,4,7,.8); }
    .why-item__n { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 10.5px; letter-spacing: .16em; color: #a99bff; }
    .why-item__t { margin-top: 13px; font-size: clamp(16.5px, 1.42vw, 21px); font-weight: 400; line-height: 1.45; letter-spacing: -.02em; }
    .why-item__d { margin-top: 12px; color: var(--muted); font-size: clamp(13.5px, .96vw, 15.5px); line-height: 1.72; }
    .why-note { margin-top: 20px; color: var(--faint); font-size: 12.5px; line-height: 1.7; }

    
    .scene--contact { height: auto; }
    .contact-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
    .contact-links a {
      display: inline-flex; align-items: center; min-height: 48px; padding: 0 20px;
      border: 1px solid var(--line); border-radius: 999px; color: var(--muted);
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; letter-spacing: .06em;
      transition: color .3s ease, border-color .3s ease;
    }
    .contact-links a:hover { color: var(--ink); border-color: var(--line-strong); }

    
    @media (min-width: 721px) and (max-height: 820px) {
      .why-title { margin-top: 14px; font-size: clamp(27px, 3vw, 42px); }
      .why-grid { margin-top: 16px; }
      .why-item { padding: 15px 18px; }
      .why-item__t { margin-top: 9px; font-size: 16px; }
      .why-item__d { margin-top: 9px; font-size: 13px; line-height: 1.6; }
      .why-note { margin-top: 14px; font-size: 11.5px; }
      .para-list { gap: 8px clamp(24px, 3.4vw, 56px); margin-top: 18px; }
      .para { padding-top: 10px; }
      .para__no { font-size: 15px; }
      .para__yes { font-size: 17.5px; margin-top: 3px; }
    }

    @media (max-width: 900px) {
      .why-grid { grid-template-columns: 1fr 1fr; }

      .why-item__d { font-size: 14px; }
    }
    @media (max-width: 720px) {
      .scene__sticky { min-height: 0; padding-block: clamp(72px, 14vh, 132px); }
      .para-list { grid-template-columns: 1fr; gap: 0; }
      .para { grid-template-columns: 40px 1fr; padding-block: 16px; }
      .para__no { font-size: 16px; }
      .para__yes { font-size: 19px; }
      .why-grid { grid-template-columns: 1fr; }

    }
    @media (prefers-reduced-motion: reduce) {
      .scene--dissonance, .scene--why, .scene--contact { height: auto; min-height: 100vh; }
    }

    :focus-visible {
      outline: 2px solid rgba(167, 150, 255, .95);
      outline-offset: 4px;
    }

    @media (max-width: 900px) {
      :root { --header-h: 72px; }
      .site-header { grid-template-columns: 1fr auto; }
      .site-nav, .header-meta { display: none; }
      .menu-toggle {
        display: inline-flex;
        justify-self: end;
        border: 1px solid var(--line);
        border-radius: 999px;
        background: rgba(5,4,7,.42);
        color: var(--ink);
        padding: 10px 14px;
        font: inherit;
        letter-spacing: .1em;
        text-transform: uppercase;
      }
      .scene-copy--hero {
        width: min(86vw, 610px);
        margin: 0 auto;
        transform: translateY(8vh);
      }
      .display { font-size: clamp(44px, 8.8vw, 74px); }
      .metric-card:nth-child(1) { left: 6%; top: 28%; }
      .metric-card:nth-child(2) { right: 5%; top: 22%; }
      .metric-card:nth-child(3) { right: 8%; bottom: 14%; }
      .scene-copy--outcome {
        grid-template-columns: 1fr;
        gap: 35px;
        padding: 0 2vw;
      }
      .outcome-side { max-width: 410px; }
      .contact-panel { grid-template-columns: 1fr; }
      .contact-actions { align-items: flex-start; }
    }

    @media (max-width: 600px) {
      :root { --page-pad: 20px; }
      .scroll-meter, .cursor { display: none; }
      .scene__sticky { min-height: 580px; padding-bottom: 28px; }

      .scene-copy--hero {
        width: 100%;
        margin: 0;
        text-align: left;
        transform: translateY(12vh);
      }
      .display {
        margin-top: 20px;
        font-size: clamp(43px, 13.4vw, 65px);
        line-height: .96;
      }
      .lede { margin-left: 0; width: 100%; font-size: 16.5px; }
      .actions { justify-content: flex-start; flex-wrap: wrap; }
      .hero-index { display: none; }
      .metrics-copy {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 12px;
        padding: 18vh var(--page-pad) 10vh;
      }
      .metric-card,
      .metric-card:nth-child(n) {
        position: relative;
        inset: auto;
        width: min(74vw, 290px);
        min-height: 112px;
        padding: 17px 20px;
        transform: none;
      }
      .metric-card:nth-child(2) { margin-left: auto; }
      .metric-card:nth-child(3) { margin-left: 5%; }
      .metric-card__value { margin-top: 10px; font-size: 38px; }
      .metric-card__value--text { font-size: 30px; }
      .metric-card__body { margin-top: 8px; }
      .scene-copy--outcome { padding: 0; transform: translateY(-2vh); }
      .outcome-title h2 { font-size: clamp(43px, 12vw, 64px); }
      .scene-copy--ecosystem {
        width: 100%;
        text-align: left;
        transform: translateY(-8vh);
      }
      .ecosystem-title { font-size: clamp(45px, 12.5vw, 68px); }
      .ecosystem-body { width: 94%; margin-left: 0; }
      .contact-title { font-size: clamp(42px, 11.8vw, 62px); }
      .contact-actions { width: 100%; }
      .contact-actions .button { width: 100%; justify-content: space-between; }
      .grain { opacity: .035; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
      }
      .scene,
      .scene--hero,
      .scene--system,
      .scene--outcome,
      .scene--ecosystem,
      .scene--contact { height: auto; min-height: 100vh; }
      .scene__sticky {
        position: relative;
        min-height: 100vh;
      }
      .metrics-copy { position: relative; min-height: 100vh; }
    }
  
.brand{font-size:19px;letter-spacing:.02em}.site-header{background:linear-gradient(#050407f2,#05040700)}
.display{font-size:clamp(40px,4.8vw,79px);line-height:1.17;word-break:keep-all}
.lw-footer{position:relative;z-index:6;border-top:1px solid var(--line);padding:55px var(--page-pad);display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;background:#08070b}
.lw-footer .wordmark{font-size:28px;letter-spacing:.06em}.wordmark span{display:block;font-size:10px;color:var(--faint);margin-top:12px;letter-spacing:.14em}
.lw-footer>div{display:flex;gap:15px;flex-wrap:wrap;align-content:start}.lw-footer a:not(.wordmark),.lw-footer p{font-size:13px;line-height:1.9;color:var(--muted)}
.mobile-menu{display:none;color:var(--ink);background:none;border:1px solid var(--line);padding:10px 15px;border-radius:30px;font:inherit}
.mobile-nav{position:fixed;inset:76px 14px auto;z-index:50;background:#100e18fa;border:1px solid var(--line);padding:20px;border-radius:20px;box-shadow:0 25px 70px #000}
.mobile-nav:not([hidden]){display:grid}.mobile-nav a{padding:15px 5px;border-bottom:1px solid var(--line);font-size:14px}
.subpage{background:radial-gradient(ellipse at 90% 5%,#242033 0,transparent 35%),#08070b}
.page-main{max-width:1320px;margin:auto;padding:170px 48px 100px}.page-hero{padding-bottom:80px;border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(44px,6.4vw,88px);font-weight:350;line-height:1.15;letter-spacing:-.055em;margin:28px 0;word-break:keep-all}
.page-hero h1 span{color:#a6a0b0}.page-hero .intro{max-width:680px;color:var(--muted);font-size:19px;line-height:1.85;word-break:keep-all}
.page-hero .actions{justify-content:flex-start}.section-label{color:#bab0db;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.editorial-section{padding:75px 0;border-bottom:1px solid var(--line)}.editorial-section h2{font-size:clamp(30px,4vw,48px);line-height:1.3;letter-spacing:-.04em;font-weight:400;margin:18px 0 28px;word-break:keep-all}
.editorial-section .body-copy{max-width:760px;color:var(--muted);font-size:18px;line-height:1.95}
.row-list{margin-top:32px}.editorial-row{display:grid;grid-template-columns:70px 1fr 1.3fr;gap:28px;padding:34px 0;border-top:1px solid var(--line)}
.editorial-row .row-number{font:12px monospace;color:#ad9ed4;padding-top:6px}.editorial-row h3{font-size:25px;font-weight:450;line-height:1.4;margin:0;word-break:keep-all}
.editorial-row p{font-size:16px;color:var(--muted);line-height:1.9;word-break:keep-all}.editorial-row small{display:block;margin-top:10px;font-size:11px;letter-spacing:.1em;color:var(--faint)}
.note{color:var(--faint);font-size:13px;line-height:1.85;margin-top:28px;max-width:850px}.quote{font-size:clamp(32px,4.6vw,60px);line-height:1.5;font-weight:350;letter-spacing:-.04em}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.split p{color:var(--muted);line-height:1.9}
.checklist{padding:0;list-style:none}.checklist li{padding:18px 0;border-bottom:1px solid var(--line);line-height:1.7;color:var(--muted)}.checklist li::before{content:'↗';margin-right:16px;color:#c5b7ea}
.cta-block{padding:70px 0 0}.cta-block h2{font-size:clamp(30px,4vw,50px);font-weight:400;letter-spacing:-.04em;margin-bottom:25px}
details{border-top:1px solid var(--line);padding:24px 0}summary{font-size:19px;cursor:pointer;line-height:1.7}details p{color:var(--muted);line-height:1.9;margin-top:18px;max-width:850px}
.brief-form{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.brief-form label{display:grid;gap:12px;font-size:14px}.brief-form .full{grid-column:1/-1}
input,select,textarea{width:100%;border:1px solid #48434e;background:#100e15;color:#f4f1f6;padding:16px;border-radius:4px;font:inherit;line-height:1.5}textarea{min-height:150px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid #ac99de;outline-offset:3px}.form-actions{display:flex;gap:14px;flex-wrap:wrap}.form-actions button{color:var(--ink);font:inherit;background:#201a2d;padding:15px 22px;border:1px solid #8c7aaa;border-radius:40px;cursor:pointer}.form-actions button+button{background:transparent}
#brief-output{white-space:pre-wrap;line-height:1.85;color:var(--muted);padding:24px;border:1px solid var(--line);font:inherit;margin-top:24px}.status{min-height:24px;color:#d4c1ff;font-size:14px;margin-top:16px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #d2baff;outline-offset:6px}
@media(max-width:1000px){.site-header{grid-template-columns:1fr auto}.site-nav,.header-meta{display:none}.mobile-menu{display:block}.lw-footer{grid-template-columns:1fr 1fr}.page-main{padding:135px 28px 65px}.editorial-row{grid-template-columns:45px 1fr 1.25fr;gap:20px}}
@media(max-width:600px){.scene-copy--hero{width:100%;margin:0}.hero-index{font-size:8px}.eyebrow{font-size:10px;white-space:normal;line-height:1.5}.lw-footer{grid-template-columns:1fr}.page-main{padding:125px 22px 65px}.page-hero{padding-bottom:50px}.page-hero .intro{font-size:17px}.editorial-section{padding:50px 0}.editorial-row{grid-template-columns:32px 1fr;gap:12px}.editorial-row p{grid-column:2}.editorial-row h3{font-size:22px}.split{grid-template-columns:1fr;gap:30px}.brief-form{grid-template-columns:1fr}.brief-form .full{grid-column:auto}.actions{flex-wrap:wrap}.scene--why .why-title,.contact-title{word-break:keep-all}.metric-card__value--text{font-size:clamp(36px,7vw,60px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

[hidden]{display:none!important}
.display{font-size:clamp(40px,4.65vw,78px);line-height:1.12;word-break:normal}
.metric-card__value--text{font-size:clamp(36px,4.6vw,68px)}
.site-nav{gap:clamp(16px,2.4vw,38px)}
.contact-title,.why-title,.ecosystem-title{word-break:normal}
@media(max-width:600px){.display{font-size:clamp(35px,9vw,49px)}.eyebrow{max-width:100%}.page-hero h1{font-size:clamp(36px,10vw,52px)}.page-hero .intro{font-size:17px}.scene--dissonance .para{font-size:clamp(15px,4.3vw,21px)}}

/* Contact channels and crawlable navigation */
.messaging-links{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
.message-link{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:17px 20px;border:1px solid #51485f;border-radius:12px;background:#17121dcc;line-height:1.5;font-size:15px}
.message-link .channel-label{font-size:10px;letter-spacing:.12em;color:#cdbce5}
.message-link button{padding:7px 13px;border:1px solid #746284;border-radius:20px;background:transparent;color:#eee3fa;font:inherit;font-size:12px;cursor:pointer}
.contact-actions .messaging-links{justify-content:flex-end}.lw-footer{grid-template-columns:1fr 1fr}.lw-footer .messaging-links{margin:0}
.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:30px;line-height:1.8}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.copy-notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:70;max-width:calc(100vw - 32px);border-radius:30px;background:#f0e7fc;color:#20182b;font-size:14px;box-shadow:0 8px 30px #0006}
.copy-notice:not(:empty){padding:12px 22px}
@media(max-width:700px){.lw-footer{grid-template-columns:1fr}.contact-actions .messaging-links{justify-content:flex-start}.message-link{font-size:14px;padding:14px 16px}.contact-panel{gap:35px}}