/* fonts.css */
/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/brand-3.woff2?v=a3b66800e9aa") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/brand-4.woff2?v=4a259dde317e") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/brand-8.woff2?v=6bc0f226a5b7") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/brand-9.woff2?v=08949f728dc5") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/brand-16.woff2?v=0b1fcab42c18") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/brand-17.woff2?v=7d93459d8658") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/brand-19.woff2?v=af5fda16a191") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/brand-20.woff2?v=cd36de204aca") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/brand-22.woff2?v=bb1f2d582e7f") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/brand-23.woff2?v=f4e80d9dfd37") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/brand-25.woff2?v=ccfd87f69ef0") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/brand-26.woff2?v=9338e65fc077") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* display-fonts.css */
@font-face{font-family:'Exo 2';font-style:normal;font-weight:400 700;font-display:swap;src:url("/fonts/exo-workspace-3.woff2?v=cca67914133e") format('woff2');unicode-range:U+0020,U+0041,U+00C1,U+0150,U+0151,U+0170,U+0171}
@font-face{font-family:'Exo 2';font-style:normal;font-weight:400 700;font-display:swap;src:url("/fonts/exo-workspace-4.woff2?v=9447824d102f") format('woff2');unicode-range:U+0020,U+0021,U+0022,U+0023,U+0024,U+0025,U+0026,U+0027,U+0028,U+0029,U+002A,U+002B,U+002C,U+002D,U+002E,U+002F,U+0030,U+0031,U+0032,U+0033,U+0034,U+0035,U+0036,U+0037,U+0038,U+0039,U+003A,U+003B,U+003C,U+003D,U+003E,U+003F,U+0040,U+0041,U+0042,U+0043,U+0044,U+0045,U+0046,U+0047,U+0048,U+0049,U+004A,U+004B,U+004C,U+004D,U+004E,U+004F,U+0050,U+0051,U+0052,U+0053,U+0054,U+0055,U+0056,U+0057,U+0058,U+0059,U+005A,U+005B,U+005C,U+005D,U+005E,U+005F,U+0060,U+0061,U+0062,U+0063,U+0064,U+0065,U+0066,U+0067,U+0068,U+0069,U+006A,U+006B,U+006C,U+006D,U+006E,U+006F,U+0070,U+0071,U+0072,U+0073,U+0074,U+0075,U+0076,U+0077,U+0078,U+0079,U+007A,U+007B,U+007C,U+007D,U+007E,U+00A3,U+00A9,U+00AB,U+00B7,U+00BB,U+00C1,U+00C9,U+00CD,U+00D3,U+00D6,U+00D7,U+00DA,U+00DC,U+00E1,U+00E9,U+00ED,U+00F3,U+00F6,U+00FA,U+00FC,U+2013,U+2014,U+2018,U+2019,U+201C,U+201D,U+201E,U+2022,U+2026,U+2039,U+203A,U+20AC,U+2212}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/brand-workspace-8.woff2?v=d7e54036a8f6") format('woff2');unicode-range:U+0020,U+0061,U+0062,U+0150,U+0151,U+0170,U+0171}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/brand-workspace-9.woff2?v=0c1caca0453b") format('woff2');unicode-range:U+0020,U+0021,U+0022,U+0023,U+0024,U+0025,U+0026,U+0027,U+0028,U+0029,U+002A,U+002B,U+002C,U+002D,U+002E,U+002F,U+0030,U+0031,U+0032,U+0033,U+0034,U+0035,U+0036,U+0037,U+0038,U+0039,U+003A,U+003B,U+003C,U+003D,U+003E,U+003F,U+0040,U+0041,U+0042,U+0043,U+0044,U+0045,U+0046,U+0047,U+0048,U+0049,U+004A,U+004B,U+004C,U+004D,U+004E,U+004F,U+0050,U+0051,U+0052,U+0053,U+0054,U+0055,U+0056,U+0057,U+0058,U+0059,U+005A,U+005B,U+005C,U+005D,U+005E,U+005F,U+0060,U+0061,U+0062,U+0063,U+0064,U+0065,U+0066,U+0067,U+0068,U+0069,U+006A,U+006B,U+006C,U+006D,U+006E,U+006F,U+0070,U+0071,U+0072,U+0073,U+0074,U+0075,U+0076,U+0077,U+0078,U+0079,U+007A,U+007B,U+007C,U+007D,U+007E,U+00A3,U+00A9,U+00AB,U+00B7,U+00BB,U+00C1,U+00C9,U+00CD,U+00D3,U+00D6,U+00D7,U+00DA,U+00DC,U+00E1,U+00E9,U+00ED,U+00F3,U+00F6,U+00FA,U+00FC,U+2013,U+2014,U+2018,U+2019,U+201C,U+201D,U+201E,U+2022,U+2026,U+2039,U+203A,U+20AC,U+2193,U+2212}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/brand-workspace-19.woff2?v=54c456215622") format('woff2');unicode-range:U+0020,U+0150,U+0151,U+0170,U+0171}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/brand-workspace-20.woff2?v=9a92cd709a27") format('woff2');unicode-range:U+0020,U+0021,U+0022,U+0023,U+0024,U+0025,U+0026,U+0027,U+0028,U+0029,U+002A,U+002B,U+002C,U+002D,U+002E,U+002F,U+0030,U+0031,U+0032,U+0033,U+0034,U+0035,U+0036,U+0037,U+0038,U+0039,U+003A,U+003B,U+003C,U+003D,U+003E,U+003F,U+0040,U+0041,U+0042,U+0043,U+0044,U+0045,U+0046,U+0047,U+0048,U+0049,U+004A,U+004B,U+004C,U+004D,U+004E,U+004F,U+0050,U+0051,U+0052,U+0053,U+0054,U+0055,U+0056,U+0057,U+0058,U+0059,U+005A,U+005B,U+005C,U+005D,U+005E,U+005F,U+0060,U+0061,U+0062,U+0063,U+0064,U+0065,U+0066,U+0067,U+0068,U+0069,U+006A,U+006B,U+006C,U+006D,U+006E,U+006F,U+0070,U+0071,U+0072,U+0073,U+0074,U+0075,U+0076,U+0077,U+0078,U+0079,U+007A,U+007B,U+007C,U+007D,U+007E,U+00A3,U+00A9,U+00AB,U+00B7,U+00BB,U+00C1,U+00C9,U+00CD,U+00D3,U+00D6,U+00D7,U+00DA,U+00DC,U+00E1,U+00E9,U+00ED,U+00F3,U+00F6,U+00FA,U+00FC,U+2013,U+2014,U+2018,U+2019,U+201C,U+201D,U+201E,U+2022,U+2026,U+2039,U+203A,U+20AC,U+2212}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/brand-workspace-22.woff2?v=986b1e321928") format('woff2');unicode-range:U+0020,U+0150,U+0151,U+0170,U+0171}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/brand-workspace-23.woff2?v=a72cb6178e51") format('woff2');unicode-range:U+0020,U+0021,U+0022,U+0023,U+0024,U+0025,U+0026,U+0027,U+0028,U+0029,U+002A,U+002B,U+002C,U+002D,U+002E,U+002F,U+0030,U+0031,U+0032,U+0033,U+0034,U+0035,U+0036,U+0037,U+0038,U+0039,U+003A,U+003B,U+003C,U+003D,U+003E,U+003F,U+0040,U+0041,U+0042,U+0043,U+0044,U+0045,U+0046,U+0047,U+0048,U+0049,U+004A,U+004B,U+004C,U+004D,U+004E,U+004F,U+0050,U+0051,U+0052,U+0053,U+0054,U+0055,U+0056,U+0057,U+0058,U+0059,U+005A,U+005B,U+005C,U+005D,U+005E,U+005F,U+0060,U+0061,U+0062,U+0063,U+0064,U+0065,U+0066,U+0067,U+0068,U+0069,U+006A,U+006B,U+006C,U+006D,U+006E,U+006F,U+0070,U+0071,U+0072,U+0073,U+0074,U+0075,U+0076,U+0077,U+0078,U+0079,U+007A,U+007B,U+007C,U+007D,U+007E,U+00A3,U+00A9,U+00AB,U+00B7,U+00BB,U+00C1,U+00C9,U+00CD,U+00D3,U+00D6,U+00D7,U+00DA,U+00DC,U+00E1,U+00E9,U+00ED,U+00F3,U+00F6,U+00FA,U+00FC,U+2013,U+2014,U+2018,U+2019,U+201C,U+201D,U+201E,U+2022,U+2026,U+2039,U+203A,U+20AC,U+2212}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/brand-workspace-25.woff2?v=0ce8dfc2aa30") format('woff2');unicode-range:U+0020,U+0150,U+0151,U+0170,U+0171}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/brand-workspace-26.woff2?v=7809fa13f282") format('woff2');unicode-range:U+0020,U+0021,U+0022,U+0023,U+0024,U+0025,U+0026,U+0027,U+0028,U+0029,U+002A,U+002B,U+002C,U+002D,U+002E,U+002F,U+0030,U+0031,U+0032,U+0033,U+0034,U+0035,U+0036,U+0037,U+0038,U+0039,U+003A,U+003B,U+003C,U+003D,U+003E,U+003F,U+0040,U+0041,U+0042,U+0043,U+0044,U+0045,U+0046,U+0047,U+0048,U+0049,U+004A,U+004B,U+004C,U+004D,U+004E,U+004F,U+0050,U+0051,U+0052,U+0053,U+0054,U+0055,U+0056,U+0057,U+0058,U+0059,U+005A,U+005B,U+005C,U+005D,U+005E,U+005F,U+0060,U+0061,U+0062,U+0063,U+0064,U+0065,U+0066,U+0067,U+0068,U+0069,U+006A,U+006B,U+006C,U+006D,U+006E,U+006F,U+0070,U+0071,U+0072,U+0073,U+0074,U+0075,U+0076,U+0077,U+0078,U+0079,U+007A,U+007B,U+007C,U+007D,U+007E,U+00A3,U+00A9,U+00AB,U+00B7,U+00BB,U+00C1,U+00C9,U+00CD,U+00D3,U+00D6,U+00D7,U+00DA,U+00DC,U+00E1,U+00E9,U+00ED,U+00F3,U+00F6,U+00FA,U+00FC,U+2013,U+2014,U+2018,U+2019,U+201C,U+201D,U+201E,U+2022,U+2026,U+2039,U+203A,U+20AC,U+2212}
/* forge.css */
/* ============================================================
   MyForge Labs — "THE WORKSHOP" Design System v2.0
   Concept: precision industrial / molten metal on carbon.
   Display: Unbounded · Body: Instrument Sans · Mono: IBM Plex Mono
   ============================================================ */

:root {
  /* Palette */
  --carbon: #0f0a1e;
  --carbon-2: #181127;
  --carbon-3: #211832;
  --line: rgba(243, 243, 249, 0.09);
  --line-strong: rgba(243, 243, 249, 0.18);
  --bone: #f3f3f9;
  --bone-dim: #cbc7db;
  --bone-faint: #aba6bf; /* WCAG AA: 4.9:1 a carbon-2-n */
  --ember: #6600ff;
  --ember-2: #d59bff;
  --gold: #00ffcc;
  --ember-grad: linear-gradient(92deg, var(--ember) 0%, var(--ember-2) 55%, var(--gold) 100%);
  --ok: #00ffcc;

  /* Type */
  --font-display: "Instrument Sans", sans-serif;
  --font-body: "Instrument Sans", sans-serif;
  --font-mono: "IBM Plex Mono", monospace;

  /* Rhythm */
  --maxw: 1200px;
  --pad: clamp(1.25rem, 4vw, 2.5rem);
  --radius: 4px;
}

/* ---------- Reset ---------- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  background: var(--carbon);
  color: var(--bone);
  font-family: var(--font-body);
  font-size: 1.0625rem;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img, svg, video { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
ul, ol { list-style: none; }
::selection { background: var(--ember); color: #ffffff; }

/* Subtle global grain */
body::after {
  content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 9999; opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- Layout helpers ---------- */
.wrap { max-width: var(--maxw); margin-inline: auto; padding-inline: var(--pad); }
.section { padding-block: clamp(4rem, 9vw, 7.5rem); position: relative; }
.section--line { border-top: 1px solid var(--line); }
.grid-2 { display: grid; gap: 2rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); }
.grid-3 { display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }

/* ---------- Typography ---------- */
h1, h2, h3, .display {
  font-family: var(--font-display);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.01em;
  text-wrap: balance;
}
h1 { font-size: clamp(2rem, 5.2vw, 3.6rem); }
h2 { font-size: clamp(1.5rem, 3.4vw, 2.4rem); }
h3 { font-size: clamp(1.1rem, 2vw, 1.35rem); }
.lead { font-size: clamp(1.05rem, 1.8vw, 1.25rem); color: var(--bone-dim); max-width: 46ch; }

/* Mono technical label — the system's signature */
.tag {
  font-family: var(--font-mono);
  font-size: .72rem;
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--ember-2);
  display: inline-flex;
  align-items: center;
  gap: .65em;
}
.tag::before { content: ""; width: 2.2em; height: 1px; background: var(--ember); }

/* Numbered section heads: 01 / SZOLGÁLTATÁSOK */
.sec-head { margin-bottom: clamp(2rem, 5vw, 3.5rem); }
.sec-head .tag { margin-bottom: 1rem; }
.sec-head h2 { max-width: 22ch; }
.sec-head .lead { margin-top: 1rem; }

.grad-text {
  background: var(--ember-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* ---------- Nav ---------- */
.nav {
  position: fixed; inset-inline: 0; top: 0; z-index: 1000;
  background: rgba(10, 10, 12, .82);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}
.nav__inner { max-width: var(--maxw); margin-inline: auto; padding: 0 var(--pad); height: 68px; display: flex; align-items: center; gap: 2rem; }
.nav__logo { display: flex; align-items: center; gap: .65rem; font-family: var(--font-display); font-size: .95rem; font-weight: 600; }
.nav__logo img { width: 30px; height: 30px; }
.nav__links { display: flex; align-items: center; gap: 1.6rem; margin-left: auto; }
.nav__links > li { position: relative; }
.nav__links a, .nav__links button.navlink {
  font-size: .92rem; color: var(--bone-dim); transition: color .2s;
  display: inline-flex; align-items: center; gap: .35rem;
}
.nav__links a:hover, .nav__links button.navlink:hover, .nav__links a[aria-current="page"] { color: var(--bone); }
.nav__cta {
  font-family: var(--font-mono); font-size: .78rem; letter-spacing: .08em; text-transform: uppercase;
  border: 1px solid var(--ember); color: var(--ember-2) !important; padding: .55rem 1.1rem; border-radius: var(--radius);
  transition: background .2s, color .2s, box-shadow .25s;
}
.nav__cta:hover { background: var(--ember); color: #ffffff !important; box-shadow: 0 0 24px rgba(102, 0, 255, .45); }
.nav__lang { display: inline-flex; align-items: center; gap: .4rem; font-family: var(--font-mono); font-size: .8rem; }
.nav__lang img { width: 17px; height: 12px; border-radius: 2px; }

/* Dropdown */
.dropdown { position: absolute; top: calc(100% + 14px); left: 50%; transform: translateX(-50%) translateY(8px);
  min-width: 330px; background: var(--carbon-2); border: 1px solid var(--line-strong); border-radius: 6px;
  padding: .5rem; opacity: 0; visibility: hidden; transition: all .22s ease; box-shadow: 0 24px 60px rgba(0,0,0,.55); }
.nav__links li:hover > .dropdown, .nav__links li:focus-within > .dropdown { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
.dropdown a { display: block; padding: .7rem .85rem; border-radius: 4px; }
.dropdown a:hover { background: var(--carbon-3); }
.dropdown a strong { display: block; color: var(--bone); font-weight: 600; font-size: .92rem; }
.dropdown a span { display: block; color: var(--bone-faint); font-size: .8rem; margin-top: .1rem; }

/* Mobile */
.nav__burger { display: none; margin-left: auto; width: 40px; height: 40px; position: relative; z-index: 1002; }
.nav__burger span { display: block; width: 22px; height: 2px; background: var(--bone); margin: 5px auto; transition: .25s; }
@media (max-width: 980px) {
  .nav__links {
    /* .nav backdrop-filter-e containing blockká teszi a fixed elemet,
       ezért bottom-anchor helyett explicit magasság kell */
    position: fixed; left: 0; right: 0; top: 68px; height: calc(100vh - 68px); height: calc(100dvh - 68px);
    flex-direction: column; align-items: flex-start; gap: 0;
    background: var(--carbon); padding: 1.5rem var(--pad) 4rem; overflow-y: auto;
    transform: translateX(100%); transition: transform .3s ease; margin: 0;
  }
  .nav--open .nav__links { transform: translateX(0); }
  .nav__links > li { width: 100%; border-bottom: 1px solid var(--line); }
  .nav__links a, .nav__links button.navlink { padding: 1rem 0; width: 100%; font-size: 1.05rem; }
  .dropdown { position: static; transform: none; opacity: 1; visibility: visible; min-width: 0; border: 0;
    box-shadow: none; background: transparent; padding: 0 0 .6rem .85rem; display: none; }
  .nav__links li.open > .dropdown { display: block; }
  .nav__burger { display: block; }
  .nav--open .nav__burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .nav--open .nav__burger span:nth-child(2) { opacity: 0; }
  .nav--open .nav__burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .nav__cta { margin-top: 1rem; }
}

/* ---------- Hero ---------- */
.hero { position: relative; padding-top: clamp(9rem, 16vw, 13rem); padding-bottom: clamp(4rem, 8vw, 7rem); overflow: hidden; }
.hero::before { /* blueprint grid */
  content: ""; position: absolute; inset: 0;
  background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 72px 72px;
  -webkit-mask-image: radial-gradient(ellipse 90% 70% at 50% 0%, #000 30%, transparent 75%);
  mask-image: radial-gradient(ellipse 90% 70% at 50% 0%, #000 30%, transparent 75%);
}
.hero::after { /* molten glow */
  content: ""; position: absolute; width: 900px; height: 560px; right: -240px; top: -140px;
  background: radial-gradient(closest-side, rgba(102, 0, 255, .22), rgba(255, 0, 255, .07) 55%, transparent 75%);
  filter: blur(8px); pointer-events: none;
  animation: breathe 7s ease-in-out infinite alternate;
}
@keyframes breathe { from { opacity: .75; transform: scale(.97); } to { opacity: 1; transform: scale(1.04); } }
.hero .wrap { position: relative; z-index: 1; }

/* ---------- Buttons ---------- */
.btn {
  display: inline-flex; align-items: center; gap: .6rem;
  font-family: var(--font-mono); font-size: .85rem; font-weight: 500; letter-spacing: .1em; text-transform: uppercase;
  padding: .95rem 1.7rem; border-radius: var(--radius); transition: all .22s ease; border: 1px solid transparent;
}
.btn--primary { background: var(--ember); color: #ffffff; font-weight: 600; } /* sötét szöveg: WCAG AA + ipari signage-look */
.btn--primary:hover { background: var(--ember-2); box-shadow: 0 8px 34px rgba(102, 0, 255, .45); transform: translateY(-2px); }
.btn--ghost { border-color: var(--line-strong); color: var(--bone); }
.btn--ghost:hover { border-color: var(--ember); color: var(--ember-2); }
.btn .arr { transition: transform .22s; }
.btn:hover .arr { transform: translateX(4px); }

/* ---------- Cards ---------- */
.card {
  background: var(--carbon-2); border: 1px solid var(--line); border-radius: 6px;
  padding: clamp(1.4rem, 3vw, 2rem); position: relative; overflow: hidden;
  transition: border-color .25s, transform .25s, box-shadow .25s;
}
.card:hover { border-color: rgba(102, 0, 255, .45); transform: translateY(-4px); box-shadow: 0 18px 50px rgba(0, 0, 0, .5); }
.card::before { content: ""; position: absolute; inset-inline: 0; top: 0; height: 2px; background: var(--ember-grad); opacity: 0; transition: opacity .25s; }
.card:hover::before { opacity: 1; }
.card__icon { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid var(--line-strong);
  border-radius: 6px; color: var(--ember-2); font-size: 1.2rem; margin-bottom: 1.2rem; background: var(--carbon-3); }
.card h3 { margin-bottom: .6rem; }
.card p { color: var(--bone-dim); font-size: .96rem; }
.card .list { margin-top: 1rem; }
.card a.more { font-family: var(--font-mono); font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; color: var(--ember-2); margin-top: 1.2rem; display: inline-flex; gap: .4rem; }

/* Check / feature list */
.list li { padding-left: 1.5rem; position: relative; color: var(--bone-dim); font-size: .95rem; margin-bottom: .45rem; }
.list li::before { content: "▸"; color: var(--ember); position: absolute; left: 0; }

/* ---------- Stats ---------- */
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }
.stat { background: var(--carbon-2); padding: 1.4rem 1.2rem; }
.stat b { display: block; font-family: var(--font-display); font-size: clamp(1.5rem, 3vw, 2.1rem); font-weight: 600; color: var(--bone); }
.stat b .u { color: var(--ember-2); }
.stat span { font-family: var(--font-mono); font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; color: var(--bone-faint); }

/* Tech pills */
.pills { display: flex; flex-wrap: wrap; gap: .5rem; }
.pills li, .pill { font-family: var(--font-mono); font-size: .73rem; letter-spacing: .05em; color: var(--bone-dim);
  border: 1px solid var(--line-strong); border-radius: 999px; padding: .28rem .8rem; }

/* Badge (Saját termék / Iparági szoftver…) */
.badge { font-family: var(--font-mono); font-size: .68rem; letter-spacing: .16em; text-transform: uppercase;
  color: var(--gold); border: 1px solid rgba(0, 255, 204, .4); background: rgba(0, 255, 204, .07);
  padding: .3rem .75rem; border-radius: 999px; display: inline-block; }

/* ---------- Steps / timeline (BMAD) ---------- */
.steps { counter-reset: step; display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.step { counter-increment: step; border-top: 1px solid var(--line-strong); padding-top: 1.2rem; position: relative; }
.step::before { content: counter(step, decimal-leading-zero); font-family: var(--font-mono); color: var(--ember); font-size: .85rem; letter-spacing: .1em; }
.step h3 { margin: .5rem 0 .4rem; font-size: 1.05rem; }
.step p { color: var(--bone-dim); font-size: .92rem; }

/* ---------- Accordion (GYIK) ---------- */
.acc { border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }
.acc details { border-bottom: 1px solid var(--line); background: var(--carbon-2); }
.acc details:last-child { border-bottom: 0; }
.acc summary { cursor: pointer; padding: 1.15rem 1.3rem; font-weight: 600; list-style: none; display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
.acc summary::-webkit-details-marker { display: none; }
.acc summary::after { content: "+"; font-family: var(--font-mono); color: var(--ember-2); font-size: 1.2rem; transition: transform .25s; flex-shrink: 0; }
.acc details[open] summary::after { transform: rotate(45deg); }
.acc .acc__body { padding: 0 1.3rem 1.3rem; color: var(--bone-dim); font-size: .97rem; }
.acc .acc__body a { color: var(--ember-2); }

/* ---------- Forms ---------- */
.field { margin-bottom: 1.1rem; }
.field label { display: block; font-family: var(--font-mono); font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--bone-faint); margin-bottom: .45rem; }
.field input, .field textarea, .field select {
  width: 100%; background: var(--carbon-3); border: 1px solid var(--line-strong); border-radius: var(--radius);
  color: var(--bone); padding: .85rem 1rem; font: inherit; font-size: .98rem; transition: border-color .2s, box-shadow .2s;
}
.field input:focus, .field textarea:focus, .field select:focus { outline: none; border-color: var(--ember); box-shadow: 0 0 0 3px rgba(102, 0, 255, .18); }
.field textarea { min-height: 140px; resize: vertical; }

/* ---------- Testimonials ---------- */
.quote { background: var(--carbon-2); border: 1px solid var(--line); border-left: 2px solid var(--ember); border-radius: 6px; padding: 1.6rem; }
.quote p { font-size: 1rem; color: var(--bone); }
.quote footer { margin-top: 1.1rem; display: flex; align-items: center; gap: .8rem; }
.quote .avatar { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: var(--carbon-3); border: 1px solid var(--line-strong); font-family: var(--font-mono); color: var(--ember-2); font-size: .85rem; }
.quote cite { font-style: normal; }
.quote cite b { display: block; font-size: .92rem; }
.quote cite span { font-size: .8rem; color: var(--bone-faint); }

/* ---------- CTA band ---------- */
.cta-band { border-block: 1px solid var(--line); background:
  radial-gradient(ellipse 60% 120% at 50% 130%, rgba(102, 0, 255, .18), transparent 70%), var(--carbon-2); text-align: center; }
.cta-band h2 { max-width: 24ch; margin-inline: auto; }
.cta-band .lead { margin: 1rem auto 2rem; }

/* ---------- Page-hero (subpages) ---------- */
.page-hero { padding-top: clamp(8rem, 14vw, 11rem); padding-bottom: clamp(2.5rem, 5vw, 4rem); position: relative; overflow: hidden; }
.page-hero::before { content: ""; position: absolute; inset: 0;
  background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 72px 72px;
  -webkit-mask-image: radial-gradient(ellipse 80% 90% at 30% 0%, #000 20%, transparent 70%);
  mask-image: radial-gradient(ellipse 80% 90% at 30% 0%, #000 20%, transparent 70%); }
.page-hero .wrap { position: relative; z-index: 1; }
.page-hero .hero-3d { -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 45%); mask-image: linear-gradient(90deg, transparent 0%, #000 45%); }
.crumbs { font-family: var(--font-mono); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--bone-faint); margin-bottom: 1.4rem; display: flex; flex-wrap: wrap; gap: .5rem; }
.crumbs a:hover { color: var(--ember-2); }
.crumbs .sep { color: var(--ember); }

/* ---------- Prose (blog, legal) ---------- */
.prose { max-width: 760px; }
.prose h2 { margin: 2.6rem 0 1rem; font-size: clamp(1.3rem, 2.6vw, 1.7rem); }
.prose h3 { margin: 2rem 0 .8rem; }
.prose p, .prose ul, .prose ol { margin-bottom: 1.1rem; color: #cfcabf; }
.prose ul li { padding-left: 1.4rem; position: relative; margin-bottom: .4rem; }
.prose ul li::before { content: "▸"; color: var(--ember); position: absolute; left: 0; }
.prose ol { counter-reset: oli; }
.prose ol li { counter-increment: oli; padding-left: 2rem; position: relative; margin-bottom: .4rem; }
.prose ol li::before { content: counter(oli, decimal-leading-zero); font-family: var(--font-mono); color: var(--ember-2); position: absolute; left: 0; font-size: .85em; top: .15em; }
.prose a { color: var(--ember-2); border-bottom: 1px solid rgba(255, 0, 255, .35); }
.prose a:hover { border-bottom-color: var(--ember-2); }
.prose strong { color: var(--bone); }
.prose blockquote { border-left: 2px solid var(--ember); padding: .6rem 0 .6rem 1.3rem; margin: 1.6rem 0; color: var(--bone); font-size: 1.08rem; }
.prose code { font-family: var(--font-mono); font-size: .86em; background: var(--carbon-3); border: 1px solid var(--line); border-radius: 4px; padding: .12em .4em; color: var(--gold); }
.prose pre { background: var(--carbon-3); border: 1px solid var(--line-strong); border-radius: 6px; padding: 1.2rem; overflow-x: auto; margin-bottom: 1.2rem; }
.prose pre code { background: none; border: 0; padding: 0; color: var(--bone); }
.prose table { width: 100%; border-collapse: collapse; margin: 1.4rem 0; font-size: .93rem; }
.prose th, .prose td { border: 1px solid var(--line-strong); padding: .6rem .8rem; text-align: left; }
.prose th { font-family: var(--font-mono); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--ember-2); background: var(--carbon-3); }
.prose img { border-radius: 6px; border: 1px solid var(--line); }
.prose hr { border: 0; border-top: 1px solid var(--line-strong); margin: 2.2rem 0; }

/* Article meta line */
.meta { font-family: var(--font-mono); font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; color: var(--bone-faint); display: flex; flex-wrap: wrap; gap: 1.1rem; }
.meta .dot { color: var(--ember); }

/* ---------- Footer ---------- */
.footer { border-top: 1px solid var(--line); background: var(--carbon-2); padding-top: 4rem; margin-top: 0; }
.footer__grid { display: grid; gap: 2.5rem; grid-template-columns: 2fr 1fr 1fr 1.4fr; padding-bottom: 3rem; }
@media (max-width: 880px) { .footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 540px) { .footer__grid { grid-template-columns: 1fr; } }
.footer h4 { font-family: var(--font-mono); font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; color: var(--bone-faint); margin-bottom: 1.1rem; }
.footer li { margin-bottom: .55rem; }
.footer a { color: var(--bone-dim); font-size: .93rem; transition: color .2s; }
.footer a:hover { color: var(--ember-2); }
.footer__brand img { width: 34px; margin-bottom: .9rem; }
.footer__brand p { color: var(--bone-dim); font-size: .93rem; max-width: 32ch; }
.footer__legal { border-top: 1px solid var(--line); padding: 1.4rem 0 1.8rem; font-size: .8rem; color: var(--bone-faint); display: flex; flex-wrap: wrap; gap: .6rem 1.6rem; justify-content: space-between; }
.footer__legal a { color: var(--bone-dim); }
.footer__legal a:hover { color: var(--ember-2); }
.footer__company { font-family: var(--font-mono); font-size: .68rem; letter-spacing: .03em; color: var(--bone-faint); padding-bottom: 1.6rem; line-height: 1.8; }

/* ---------- Cookie banner ---------- */
.cookies { position: fixed; inset-inline: 1rem; bottom: 1rem; z-index: 1100; max-width: 560px; margin-inline: auto;
  background: var(--carbon-2); border: 1px solid var(--line-strong); border-radius: 8px; padding: 1.4rem;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .6); display: none; }
.cookies.show { display: block; animation: rise .4s ease; }
@keyframes rise { from { opacity: 0; transform: translateY(16px); } }
.cookies h3 { font-size: 1rem; margin-bottom: .5rem; }
.cookies p { font-size: .85rem; color: var(--bone-dim); margin-bottom: 1rem; }
.cookies p a, .kbd-line a { text-decoration: underline; text-underline-offset: 2px; } /* a11y: link-in-text-block */
.cookies__opts { display: grid; gap: .5rem; margin-bottom: 1rem; font-size: .85rem; }
.cookies__opts label { display: flex; gap: .6rem; align-items: flex-start; color: var(--bone-dim); }
.cookies__opts input { accent-color: var(--ember); margin-top: .25rem; }
.cookies__btns { display: flex; flex-wrap: wrap; gap: .6rem; }
.cookies__btns .btn { padding: .6rem 1.1rem; font-size: .72rem; }

/* ---------- Reveal animation (only when JS is alive — html.js) ---------- */
html.js .rv { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
html.js .rv.in { opacity: 1; transform: none; }
.rv-d1 { transition-delay: .08s; } .rv-d2 { transition-delay: .16s; } .rv-d3 { transition-delay: .24s; }
.rv-d4 { transition-delay: .32s; } .rv-d5 { transition-delay: .4s; }
@media (prefers-reduced-motion: reduce) {
  html.js .rv { opacity: 1; transform: none; transition: none; }
  .hero::after { animation: none; }
  html { scroll-behavior: auto; }
}

/* ---------- Misc ---------- */
.divider-glow { height: 1px; background: linear-gradient(90deg, transparent, rgba(102, 0, 255, .55), transparent); border: 0; }
.kbd-line { font-family: var(--font-mono); font-size: .78rem; color: var(--bone-faint); letter-spacing: .06em; }
.text-center { text-align: center; }
.mt-1 { margin-top: 1rem; } .mt-2 { margin-top: 2rem; } .mt-3 { margin-top: 3rem; }
.mb-1 { margin-bottom: 1rem; } .mb-2 { margin-bottom: 2rem; }

/* ---------- FX layer (fx.js / forge-3d.js) ---------- */
.fx-progress {
  position: fixed; inset-inline: 0; top: 0; height: 2px; z-index: 1500;
  background: var(--ember-grad); transform-origin: 0 50%; transform: scaleX(0);
  pointer-events: none;
}
.fx-glow {
  position: fixed; left: 0; top: 0; width: 600px; height: 600px; z-index: 0;
  pointer-events: none; will-change: transform;
  background: radial-gradient(closest-side, rgba(102, 0, 255, .07), transparent 70%);
}
.card.fx-tilting { transition: border-color .25s, box-shadow .25s; will-change: transform; }
.btn--primary { will-change: transform; }
.hero-3d { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.hero-3d canvas { width: 100%; height: 100%; display: block; }

/* ---------- View Transitions (cross-document) ---------- */
@view-transition { navigation: auto; }
@media (prefers-reduced-motion: no-preference) {
  ::view-transition-old(root) { animation: vtOut .28s ease both; }
  ::view-transition-new(root) { animation: vtIn .34s ease both; }
}
@keyframes vtOut { to { opacity: 0; transform: translateY(-8px); } }
@keyframes vtIn { from { opacity: 0; transform: translateY(10px); } }

/* ---------- Premium micro-interactions ---------- */
/* Animated underline reveal for in-prose / nav text links */
.nav__links a:not(.nav__cta):not(.nav__lang)::after,
.footer a::after {
  content: ""; display: block; height: 1px; width: 0;
  background: var(--ember-grad); transition: width .28s ease;
}
.nav__links a:not(.nav__cta):not(.nav__lang):hover::after,
.footer a:hover::after { width: 100%; }

/* Ripple on primary buttons */
.btn--primary { position: relative; overflow: hidden; }
.btn--primary .ripple {
  position: absolute; border-radius: 50%; transform: translate(-50%, -50%) scale(0);
  background: rgba(255, 255, 255, .35); pointer-events: none; animation: ripple .6s ease-out;
}
@keyframes ripple { to { transform: translate(-50%, -50%) scale(1); opacity: 0; } }

/* Clip-path reveal for cards/quotes when they enter (layered over .rv) */
html.js .rv.cliprev { clip-path: inset(0 0 100% 0); transition: clip-path .7s cubic-bezier(.22,.61,.36,1), opacity .7s ease, transform .7s ease; }
html.js .rv.cliprev.in { clip-path: inset(0 0 0 0); }

/* Section-aware nav active state */
.nav__links a.nav-active { color: var(--bone); }
.nav__links a.nav-active::after { width: 100%; }

/* Text-scramble: keep layout stable while characters cycle */
.scramble { will-change: contents; }
.scramble .sc-ghost { opacity: .55; color: var(--ember-2); }

/* ---------- ⌘K command palette ---------- */
.pal { position: fixed; inset: 0; z-index: 2000; background: rgba(5, 5, 7, .7);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  display: none; align-items: flex-start; justify-content: center; padding: 14vh 1rem 0; }
.pal.show { display: flex; animation: palIn .18s ease; }
@keyframes palIn { from { opacity: 0; } }
.pal__panel { width: 100%; max-width: 560px; background: var(--carbon-2); border: 1px solid var(--line-strong);
  border-radius: 10px; overflow: hidden; box-shadow: 0 40px 120px rgba(0, 0, 0, .7), 0 0 0 1px rgba(102, 0, 255, .15); }
.pal__input { width: 100%; background: transparent; border: 0; border-bottom: 1px solid var(--line);
  color: var(--bone); font: inherit; font-size: 1.02rem; padding: 1.05rem 1.2rem; outline: none; }
.pal__input::placeholder { color: var(--bone-faint); }
.pal__list { max-height: 46vh; overflow-y: auto; }
.pal__list li { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem;
  padding: .72rem 1.2rem; cursor: pointer; font-size: .95rem; }
.pal__list li small { font-family: var(--font-mono); font-size: .68rem; color: var(--bone-faint); white-space: nowrap; }
.pal__list li.sel { background: var(--carbon-3); box-shadow: inset 2px 0 0 var(--ember); }
.pal__foot { display: flex; gap: 1.4rem; padding: .6rem 1.2rem; border-top: 1px solid var(--line);
  font-family: var(--font-mono); font-size: .68rem; color: var(--bone-faint); }
.pal__foot kbd { border: 1px solid var(--line-strong); border-radius: 3px; padding: .05rem .35rem; font-family: inherit; }

/* ---------- 11:11 easter egg ---------- */
html.eleven .hero::after { opacity: 1; transform: scale(1.18); filter: blur(4px) saturate(1.3); }
.eleven-toast { position: fixed; left: 50%; bottom: 2rem; transform: translateX(-50%); z-index: 1600;
  background: var(--carbon-2); border: 1px solid rgba(102, 0, 255, .5); border-radius: 8px;
  padding: .9rem 1.4rem; font-family: var(--font-mono); font-size: .82rem; color: var(--gold);
  box-shadow: 0 0 40px rgba(102, 0, 255, .35); animation: rise .5s ease; }

/* Skip link (a11y) */
.skip { position: absolute; left: -9999px; top: 0; background: var(--ember); color: #ffffff; padding: .7rem 1.2rem; z-index: 2000; font-family: var(--font-mono); font-size: .8rem; }
.skip:focus { left: 0; }

/* Back-to-top */
.totop { position: fixed; right: 1.2rem; bottom: 1.2rem; z-index: 900; width: 44px; height: 44px;
  border: 1px solid var(--line-strong); background: var(--carbon-2); border-radius: 6px; color: var(--ember-2);
  display: grid; place-items: center; opacity: 0; pointer-events: none; transition: opacity .3s; }
.totop.show { opacity: 1; pointer-events: auto; }
.totop:hover { border-color: var(--ember); }
/* studio.css */
/* Shared studio layer: warm graphite, copper, paper; restrained mechanical detail. */
.anchor-alias{position:absolute;top:0;scroll-margin-top:88px}
:root{--maxw:1320px;--pad:clamp(1.25rem,4.5vw,4rem);--font-editorial:'Fraunces',Georgia,serif;--ember-grad:linear-gradient(105deg,#e4bf98,#d5a575);--radius:3px}
[hidden]{display:none!important}html{scroll-padding-top:100px}body{font-size:17px}body::after{position:absolute;opacity:.018;z-index:2}main,footer{position:relative}h1,h2{font-weight:500;letter-spacing:-.045em;line-height:1.04}h2{font-size:clamp(2.2rem,4.6vw,3.9rem)}h3{font-weight:500;letter-spacing:-.025em}h1 em,h2 em{font-family:var(--font-editorial);font-weight:400;letter-spacing:-.05em;color:var(--ember-2)}p{overflow-wrap:break-word}input,select,textarea{min-width:0}button,a,input,select,textarea,summary{ -webkit-tap-highlight-color:transparent }a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ember-2);outline-offset:5px}.skip{color:#141513}.nav{background:rgba(20,21,19,.95);backdrop-filter:blur(12px)}.nav__inner{height:88px;gap:1rem}.nav__logo{font-family:var(--font-body);font-size:1.18rem;line-height:1;letter-spacing:.08em;gap:.8rem;color:var(--bone)!important;flex-shrink:0}.nav__logo img{width:38px;height:38px}.nav__logo small{display:block;font-family:var(--font-mono);font-size:.48rem;letter-spacing:.15em;color:var(--bone-dim);margin-top:7px}.nav__links{gap:2rem}.nav__links a,.nav__links button.navlink{font-size:.875rem}.nav__lang{border-left:1px solid var(--line-strong);padding-left:1.4rem!important}.nav__cta{background:var(--ember);color:#141513!important;border:0;font-family:var(--font-body);letter-spacing:0;text-transform:none;font-size:.9rem;padding:.8rem 1.15rem;gap:1.5rem!important}.nav__cta:hover{background:var(--ember-2);color:#141513!important;box-shadow:none}.nav__burger{width:44px;height:44px}.dropdown{top:calc(100% + 18px);border-radius:3px}.dropdown a{display:block!important}.nav__links li.open>.dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.btn{text-transform:none;font-family:var(--font-body);letter-spacing:0;font-size:.95rem;padding:1rem 1.4rem;border-radius:2px;justify-content:center;min-height:48px}.btn--primary{background:var(--ember);color:#141513}.btn--primary:hover{background:var(--ember-2);color:#141513;box-shadow:none;transform:translateY(-2px)}.btn--ghost:hover{box-shadow:none}.btn .arr,.btn>span{margin-left:.7rem}.text-link{font-size:.94rem;display:inline-flex;align-items:center;gap:1.2rem;min-height:44px;border-bottom:1px solid var(--line-strong);padding-bottom:4px}.text-link:hover{color:var(--ember-2);border-color:var(--ember)}.tag{font-size:.64rem;letter-spacing:.13em;color:var(--ember-2)}.tag::before{width:1.4rem}.section{padding-block:clamp(4rem,8vw,7rem)}.page-hero{padding-top:155px}.page-hero h1{font-size:clamp(2.5rem,5vw,4.8rem);max-width:20ch}.page-hero .tag{margin-bottom:1.5rem}.page-hero::before{opacity:.3}.page-hero .lead{max-width:55ch}.lead{font-size:1.12rem;line-height:1.7}.card:hover{transform:none;box-shadow:none;border-color:var(--line-strong)}.card::before{display:none}.badge{border-color:#7c674d;color:#e4bf98;background:#322c22}.grad-text{background:none;color:var(--ember-2)}.rv{opacity:1!important;transform:none!important}.hero::after{animation:none}.hero-3d,.cursor-glow{display:none}
.studio-hero{padding-top:121px;background:var(--carbon);overflow:hidden}.hero-topline{display:flex;justify-content:space-between;gap:1rem;font:10px var(--font-mono);color:var(--bone-dim);text-transform:uppercase;letter-spacing:.1em;padding-bottom:32px;border-bottom:1px solid var(--line)}.hero-topline>span{display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;background:var(--ember);border-radius:50%;display:inline-block;box-shadow:0 0 12px #d5a57545}.studio-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;position:relative;min-height:600px}.studio-hero-copy{position:relative;z-index:3;padding-block:52px 48px}.eyebrow{font:10px var(--font-mono);letter-spacing:.17em;color:var(--ember);margin-bottom:24px}.studio-hero h1{font-size:clamp(3.4rem,6.7vw,6.05rem);font-weight:500;letter-spacing:-.06em;line-height:.98;margin:0}.studio-hero h1 em{color:var(--ember-2);font-weight:400}.hero-description{max-width:39ch;color:var(--bone-dim);font-size:1.04rem;line-height:1.75;margin-top:28px}.hero-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:28px}.hero-actions .text-link{font-size:.875rem}.forge-visual{position:relative;align-self:stretch;min-width:0;margin-left:-48px}.forge-machine{position:absolute;width:150%;max-width:none;height:100%;object-fit:cover;object-position:70% 50%;left:-19%;top:0;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 13%,#000 86%,transparent);mask-composite:intersect;opacity:.92}.instrument-ring{position:absolute;width:85%;aspect-ratio:1;left:12%;top:12%;border:1px solid #d5a57518;border-radius:50%;pointer-events:none}.instrument-ring::before{content:'';position:absolute;inset:-22px;border:1px dashed #d5a57514;border-radius:50%}.visual-cross{font:20px var(--font-mono);position:absolute;color:#d5a57566;z-index:1}.visual-cross--top{top:37px;left:35px}.visual-cross--bottom{bottom:35px;right:8px}.machine-label{position:absolute;bottom:39px;left:20%;font:9px var(--font-mono);letter-spacing:.1em;z-index:1;border-left:1px solid var(--ember);padding:9px 12px;background:#141513c9}.machine-label span{display:block}.machine-label span+span{margin-top:7px;color:var(--bone-dim);font-size:10px;letter-spacing:0}.visual-coordinate{position:absolute;right:-10px;top:26%;writing-mode:vertical-rl;font:9px var(--font-mono);color:var(--bone-faint);letter-spacing:.16em}.hero-foot{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;border-top:1px solid var(--line);padding:24px 0 28px;font-size:.78rem;color:var(--bone-dim)}.hero-foot-note{display:flex;gap:2rem;align-items:center}.hero-foot-note>span{color:var(--ember);font-size:1.4rem}
.selected-work{background:#eeeadf;color:#262820;--bone:#262820;--bone-dim:#5f6358;--bone-faint:#676b61;--line:rgba(38,40,32,.12);--line-strong:rgba(38,40,32,.25);--ember:#8a532f;--ember-2:#865535}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3.5rem}.section-heading .tag{margin-bottom:1.2rem}.section-heading>p,.section-heading>div+div{max-width:35ch;font-size:.95rem;color:var(--bone-dim);line-height:1.7}.section-heading .text-link{margin-top:1rem}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem 2rem}.project-card{min-width:0}.project-media{display:block;position:relative;aspect-ratio:1.6;overflow:hidden;background:#222922;border:1px solid var(--line);border-radius:4px}.project-media img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s ease}.project-media:hover img{transform:scale(1.025)}.project-arrow{position:absolute;bottom:16px;right:16px;width:42px;height:42px;display:grid;place-items:center;background:#eeeadf;color:#262820;border-radius:50%;font-size:1.3rem;box-shadow:0 3px 14px #0002}.project-body{padding:19px 0 0}.project-meta{display:flex;gap:1rem;justify-content:space-between;color:var(--bone-faint);font:10px var(--font-mono);text-transform:uppercase;letter-spacing:.035em;line-height:1.6}.project-body h3{font-size:1.85rem;margin-top:10px}.project-body p{font-size:.95rem;line-height:1.7;color:var(--bone-dim);max-width:54ch;margin-top:9px}.project-tags{font:10px var(--font-mono);color:var(--bone-faint);margin-top:16px;line-height:1.7}.project-card>a:not(.project-media){display:block}.project-card img{aspect-ratio:1.6;object-fit:cover;object-position:top}.project-card .badge{margin-bottom:.6rem}.service-workshop{background:var(--carbon)}.service-rows{border-top:1px solid var(--line-strong)}.service-row{display:grid;grid-template-columns:75px 1fr 70px;align-items:start;border-bottom:1px solid var(--line-strong);padding:2rem 0;gap:1rem;transition:padding .2s,background .2s}.service-number{font:12px var(--font-mono);color:var(--ember);padding-top:7px}.service-row h3{font-size:clamp(1.45rem,2.9vw,2.25rem)}.service-row p{color:var(--bone-dim);max-width:66ch;font-size:.97rem;margin-top:12px}.service-tags{display:block;font:10px var(--font-mono);color:var(--bone-faint);margin-top:18px}.service-row-arrow{border:1px solid var(--line-strong);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;justify-self:end;align-self:center;color:var(--ember);font-size:1.6rem}.service-row:hover{background:#ffffff03;padding-inline:12px}.service-row:hover .service-row-arrow{background:var(--ember);color:var(--carbon)}.process-section{border-top:1px solid var(--line);background:#191a17}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.process-step{border-top:1px solid var(--line-strong);padding-top:22px}.process-step>span{font:11px var(--font-mono);color:var(--ember);display:block;margin-bottom:28px}.process-step h3{font-size:1.35rem;margin-bottom:12px}.process-step p{color:var(--bone-dim);font-size:.92rem;line-height:1.7}.studio-about{border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:.8fr 1fr;gap:6rem;align-items:center}.studio-about .tag{margin-bottom:1.5rem}.studio-about h2{font-size:clamp(2.1rem,4vw,3.4rem)}.studio-about .lead{margin:1.5rem 0}.workshop-sign{min-height:360px;background:#1d1e19;border:1px solid #d5a57533;outline:1px solid #d5a57522;outline-offset:-13px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;gap:20px;color:#d5a575;font-family:var(--font-mono);font-size:12px;letter-spacing:.24em;border-radius:3px}.workshop-sign::before,.workshop-sign::after{content:'+';position:absolute;font-size:15px;color:#d5a57588;top:18px;left:20px}.workshop-sign::after{top:auto;left:auto;bottom:18px;right:20px}.workshop-sign small{font-size:8px;letter-spacing:.14em;color:var(--bone-faint)}.workshop-seal{width:150px;height:150px;border:1px solid #d5a57533;border-radius:50%;display:grid;place-items:center}.workshop-seal img{height:90px;width:90px}.studio-contact{background:#20211c;border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:5rem}.contact-grid h2{margin:1.25rem 0 1.5rem}.contact-grid .lead{font-size:1rem;max-width:36ch}.contact-direct{display:flex;align-items:center;gap:1.7rem;font-size:clamp(1.1rem,2.1vw,1.5rem);margin-top:32px;color:var(--ember-2);text-decoration:underline;text-underline-offset:7px;text-decoration-color:#d5a57555}.contact-phone{font-size:1rem;display:inline-block;margin-top:18px}.contact-location{font-size:.82rem;line-height:1.8;color:var(--bone-faint);margin-top:32px}.brief-form{padding-top:10px}.brief-form .grid-2{gap:1.3rem;grid-template-columns:1fr 1fr}.brief-form .field label{font-family:var(--font-body);text-transform:none;letter-spacing:0;font-size:.82rem;color:var(--bone-dim)}.brief-form input,.brief-form textarea,.brief-form select{background:#191a16;border-color:#45463d;font-size:.94rem;border-radius:2px}.brief-form input::placeholder,.brief-form textarea::placeholder{color:#a6a79b}.brief-form input:focus,.brief-form textarea:focus,.brief-form select:focus{box-shadow:none;border-color:var(--ember)}.form-consent{font-size:.78rem;display:flex;align-items:flex-start;gap:10px;margin:1.25rem 0;color:var(--bone-dim)}.form-consent input{width:17px;height:17px;accent-color:var(--ember);flex-shrink:0;margin-top:3px}.form-consent a{text-decoration:underline;text-underline-offset:3px}.form-note{font-size:.73rem;color:var(--bone-faint);margin-top:12px}.brief-form .btn{width:100%;justify-content:space-between}
.footer{background:#141513;padding-top:3rem}.studio-footer-top{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--line);margin-bottom:3rem}.studio-footer-top>p{font-family:var(--font-editorial);font-size:1.1rem;color:var(--bone-dim);font-style:italic}.studio-footer-top .footer-mail{color:var(--ember-2);font-size:.93rem}.footer__grid{grid-template-columns:1.7fr 1fr 1fr 1fr}.footer__grid h3{font-family:var(--font-mono);font-size:.67rem;letter-spacing:.07em;text-transform:uppercase;color:var(--bone-faint);margin:0 0 1.25rem}.footer__grid p{font-size:.85rem;color:var(--bone-dim);line-height:1.9;margin:0 0 1rem}.footer__grid .tag{color:var(--ember);font-size:.65rem}.footer button{font-size:.86rem;color:var(--bone-dim);text-align:left;min-height:30px}.footer button:hover{color:var(--ember-2)}.footer__grid a{font-size:.86rem}.footer__bottom{display:flex;gap:1rem;justify-content:space-between;border-top:1px solid var(--line);font-size:.72rem;color:var(--bone-faint);padding:1.5rem 0}.footer__bottom a{font-size:.72rem}.footer a::after{display:none}.founder-card{position:relative;padding:2.5rem;background:var(--carbon-2);border:1px solid var(--line);overflow:hidden}.founder-card h2{font-size:2rem;margin:1.5rem 0;max-width:15ch}.founder-card p:last-child{font-size:1rem;color:var(--bone-dim);line-height:1.8}.founder-initials{font-family:var(--font-editorial);font-style:italic;font-size:5rem;line-height:1.4;display:block;color:var(--ember)}.company-details{display:grid;grid-template-columns:1fr 2fr;gap:1rem;margin-bottom:3rem;font-size:1rem}.company-details dt{color:var(--bone-faint)}.company-details dd{margin:0;overflow-wrap:anywhere}.prose{font-size:1.05rem;line-height:1.8}.prose table{display:block;max-width:100%;overflow:auto}.prose p,.prose ul,.prose ol{color:var(--bone-dim)}.prose a{border-bottom-color:#d5a57555}.prose h2{font-size:2rem}.case-image,.case-hero-image{width:100%;border:1px solid var(--line);border-radius:4px}.case-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-block:1rem}.cookie-panel button{font-family:var(--font-body)}
@media(min-width:981px){.nav__links>li>a{min-height:44px;align-items:center}.nav__links>li>button{min-height:44px}.dropdown a{padding:.8rem 1rem}.nav__links>li>.dropdown::before{content:'';position:absolute;top:-20px;left:0;right:0;height:20px}}
@media(max-width:1120px){.nav__links{gap:1.3rem}.hero-actions{gap:.9rem}.studio-hero h1{font-size:5.2rem}.studio-hero-grid{min-height:580px}.forge-visual{margin-left:-75px}.about-grid{gap:3rem}.contact-grid{gap:3rem}.studio-footer-top>p{display:none}}
@media(max-width:980px){.nav__inner{height:74px}.nav__links{top:74px;height:calc(100dvh - 74px);gap:0}.nav__links li.open>.dropdown{transform:none}.nav__lang{border-left:0;padding-left:0!important}.nav__cta{padding-inline:1rem!important;width:auto!important;margin-bottom:1rem}.studio-hero{padding-top:103px}.studio-hero h1{font-size:4.5rem}.studio-hero-grid{min-height:580px;grid-template-columns:1.05fr 1fr}.hero-description{font-size:.96rem}.forge-visual{margin-left:-110px}.machine-label{left:35%;bottom:55px}.process-grid{grid-template-columns:1fr 1fr}.footer__grid{grid-template-columns:1.5fr 1fr;row-gap:2.5rem}.section-heading h2{font-size:3rem}.section-heading{gap:2rem}.contact-grid{gap:2rem}.brief-form .grid-2{grid-template-columns:1fr;gap:0}.page-hero{padding-top:130px}}
@media(max-width:700px){.nav__logo{font-size:1.06rem}.nav__logo small{font-size:.44rem}.nav__logo img{width:33px;height:33px}.hero-topline{font-size:8px;padding-bottom:22px;letter-spacing:.06em}.hero-topline>span{gap:7px}.studio-hero-grid{grid-template-columns:1fr;min-height:0}.studio-hero-copy{padding-top:36px;padding-bottom:0}.eyebrow{font-size:9px;margin-bottom:20px}.studio-hero h1{font-size:clamp(3.3rem,13.5vw,5.7rem);line-height:1}.hero-description{max-width:38ch;margin-top:24px;font-size:1rem}.hero-actions{margin-top:23px;gap:.7rem 1.25rem}.hero-actions .btn{padding:.9rem 1.1rem}.hero-actions .text-link{font-size:.85rem}.forge-visual{margin:5px -20px 0;min-height:340px}.forge-machine{width:100%;height:100%;left:0;object-fit:cover;object-position:50% 52%;mask-image:linear-gradient(0deg,transparent,#000 18%,#000 80%,transparent)}.instrument-ring{width:65%;left:24%;top:12%;opacity:.5}.visual-cross--top{left:22px;top:45px}.visual-cross--bottom{right:24px;bottom:22px}.visual-coordinate{display:none}.machine-label{left:8%;bottom:21px;font-size:8px}.machine-label span+span{font-size:9px}.hero-foot{font-size:.74rem;padding-top:20px;padding-bottom:22px}.hero-foot-note{display:none}.section-heading{display:block;margin-bottom:2rem}.section-heading h2{font-size:2.65rem}.section-heading>p,.section-heading>div+div{margin-top:1.5rem;max-width:44ch}.section-heading .text-link{margin-top:.7rem}.project-grid{grid-template-columns:1fr;gap:2.3rem}.project-media{aspect-ratio:1.45}.project-meta{font-size:9px;gap:.6rem}.project-body h3{font-size:1.65rem}.project-body p{font-size:.94rem}.project-tags{font-size:9px}.service-row{grid-template-columns:30px 1fr 34px;gap:.5rem;padding:1.8rem 0}.service-number{font-size:10px;padding-top:4px}.service-row h3{font-size:1.5rem;line-height:1.2}.service-row-arrow{width:30px;height:30px;font-size:1.2rem}.service-row p{font-size:.93rem;line-height:1.75}.service-tags{font-size:9px;line-height:1.8}.process-grid{gap:2rem 1.2rem}.process-step h3{font-size:1.2rem}.process-step p{font-size:.88rem}.process-step>span{margin-bottom:20px}.about-grid{grid-template-columns:1fr;gap:2.5rem}.workshop-sign{min-height:280px}.workshop-seal{width:110px;height:110px}.workshop-seal img{width:70px;height:70px}.studio-about h2{font-size:2.5rem}.contact-grid{grid-template-columns:1fr;gap:2.5rem}.contact-grid h2{font-size:3rem}.contact-grid .lead{max-width:44ch}.contact-direct{font-size:1.2rem}.contact-location{margin-top:24px}.brief-form .grid-2{grid-template-columns:1fr 1fr;gap:1rem}.studio-footer-top{align-items:flex-start;flex-direction:column;gap:1.5rem;padding-bottom:2rem;margin-bottom:2rem}.footer__grid{grid-template-columns:1fr 1fr;gap:2rem}.footer__grid>div:first-child{grid-column:1/-1}.footer__bottom{flex-wrap:wrap;gap:.75rem}.footer__bottom>span:nth-child(2){display:none}.company-details{grid-template-columns:1fr;gap:.5rem}.company-details dd{margin-bottom:1rem}.founder-card{padding:1.7rem}.founder-card h2{font-size:2rem}.page-hero h1{font-size:clamp(2.4rem,10vw,3.6rem);overflow-wrap:break-word}.page-hero .lead{font-size:1rem}.prose h2{font-size:1.65rem}.prose{font-size:1rem}}
@media(max-width:360px){.hero-topline>span:last-child{display:none}.studio-hero h1{font-size:3.4rem}.brief-form .grid-2{grid-template-columns:1fr;gap:0}.hero-actions{align-items:flex-start;flex-direction:column}.forge-visual{min-height:290px}.section-heading h2{font-size:2.3rem}.process-grid{grid-template-columns:1fr}.process-step>span{margin-bottom:12px}.contact-direct{font-size:1.02rem}.footer__grid{gap:1.5rem 1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.project-media:hover img{transform:none}.btn--primary:hover{transform:none}}
/* pwa.css */
[data-install-app][hidden]{display:none!important}.pwa-update,.pwa-dialog{font-family:inherit;color:#f3f3f9;background:#181127;border:1px solid #ba82ff;border-radius:16px;box-shadow:0 12px 40px #0006}.pwa-update{position:fixed;z-index:85;right:20px;bottom:20px;max-width:min(400px,calc(100vw - 40px));padding:18px;display:flex;flex-wrap:wrap;gap:12px}.pwa-update p{margin:0;width:100%;line-height:1.5}.pwa-update button,.pwa-dialog button{font:inherit;font-weight:600;border:1px solid #ba82ff;border-radius:8px;padding:10px 16px;min-height:44px;color:#0f0a1e;background:#ba82ff;cursor:pointer}.pwa-update button:last-child{color:#f3f3f9;background:transparent}.pwa-update button:focus-visible,.pwa-dialog button:focus-visible{outline:3px solid #f3f3f9;outline-offset:3px}.pwa-dialog{max-width:min(480px,calc(100vw - 32px));padding:28px}.pwa-dialog::backdrop{background:#000b}.pwa-dialog h2{font-size:1.35rem;line-height:1.3}.pwa-dialog p{line-height:1.65;margin:18px 0}
/* brand.css */
/* Original MyForge identity, refined: Exo 2 / Poppins, violet / magenta / cyan. */
:root{--carbon:#0f0a1e;--carbon-2:#181127;--carbon-3:#211832;--bone:#f3f3f9;--bone-dim:#cbc7db;--bone-faint:#aba6bf;--line:rgba(226,210,255,.12);--line-strong:rgba(226,210,255,.24);--ember:#6600ff;--ember-2:#d59bff;--gold:#00ffcc;--ok:#00ffcc;--ember-grad:linear-gradient(95deg,#a975ff,#fa66ff);--font-display:'Exo 2',sans-serif;--font-body:'Poppins',sans-serif;--font-editorial:'Exo 2',sans-serif;--maxw:1320px;--radius:16px}
body{background:var(--carbon);font-size:16px}body::after{display:none}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em}h1 em,h2 em{font-family:var(--font-display);font-style:normal;font-weight:700;letter-spacing:inherit;color:#d59bff}.grad-text,.neon-text{background:var(--ember-grad);background-clip:text;-webkit-background-clip:text;color:transparent}.tag{color:var(--gold);font-size:.68rem;letter-spacing:.1em}.tag::before{background:var(--gold)}.nav{background:rgba(15,10,30,.94);border-bottom-color:rgba(198,152,255,.14)}.nav__inner{height:82px}.nav__logo{font-family:var(--font-display);font-weight:700;font-size:1.45rem;letter-spacing:0;gap:.6rem;white-space:nowrap}.nav__logo img{width:40px;height:40px;object-fit:contain}.nav__logo .brand-word{color:var(--bone)}.nav__logo .brand-word>span{background:linear-gradient(100deg,#a461ff,#ef44ff);background-clip:text;-webkit-background-clip:text;color:transparent}.nav__logo small{display:none}.nav__links{gap:1.45rem}.nav__links a,.nav__links button.navlink{font-size:.81rem;color:var(--bone-dim)}.nav__links a:hover,.nav__links button.navlink:hover{color:var(--gold)}.nav__cta{background:linear-gradient(100deg,#6600ff,#9600d4);color:#fff!important;border-radius:999px;padding:.75rem 1.2rem;font-weight:600;box-shadow:0 0 26px #8d00ff22}.nav__cta:hover{background:linear-gradient(100deg,#782aff,#a520dc);color:#fff!important;box-shadow:0 0 32px #bf00ff44}.nav__lang{border-left-color:var(--line-strong)}.dropdown{border-radius:16px;box-shadow:0 20px 45px #0007;background:rgba(24,17,39,.98)}.dropdown a{border-radius:10px}.dropdown a:hover{background:#ffffff09}.dropdown a span{color:var(--bone-faint)}.btn{border-radius:999px;font-family:var(--font-body);font-size:.87rem;min-height:50px;letter-spacing:.01em}.btn--primary{background:linear-gradient(100deg,#6600ff,#9600d4);color:#fff;box-shadow:0 8px 28px #6600ff26}.btn--primary:hover{background:linear-gradient(100deg,#782aff,#a520dc);color:#fff;box-shadow:0 10px 36px #a800ff38}.btn--ghost{background:#ffffff07;border-color:var(--line-strong);color:var(--bone)}.text-link{color:var(--bone-dim);border-bottom-color:#ad75ff55}.text-link:hover{color:var(--gold);border-bottom-color:var(--gold)}.skip{background:var(--gold);color:var(--carbon)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--gold)}
.forge-home-hero{position:relative;isolation:isolate;overflow:hidden;padding-top:113px;background:#0f0a1e}.forge-home-hero>.wrap{position:relative;z-index:2}.forge-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.forge-ambient i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.16;animation:brand-drift 14s ease-in-out infinite alternate}.forge-ambient i:nth-child(1){width:410px;height:410px;top:50px;left:-12%;background:#ff00ff}.forge-ambient i:nth-child(2){width:520px;height:520px;top:150px;right:0;background:#6600ff;animation-delay:-4s}.forge-ambient i:nth-child(3){width:360px;height:360px;top:720px;left:24%;background:#00ffcc;opacity:.06;animation-delay:-8s}.forge-particles{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-topline{border-color:var(--line);padding-bottom:20px;font:9px var(--font-mono);color:var(--bone-faint)}.status-dot{background:var(--gold);box-shadow:0 0 10px #00ffcc66}.neon-hero-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:2.2rem;align-items:center;padding:48px 0 36px;min-height:620px}.neon-hero-copy{position:relative;z-index:2}.neon-hero-copy .eyebrow{color:var(--gold);font-size:10px;letter-spacing:.15em;margin-bottom:22px}.neon-hero-copy h1{font-size:clamp(2.6rem,4.4vw,4rem);line-height:1.13;letter-spacing:-.025em;max-width:13ch}.neon-hero-copy h1 .neon-text{display:block}.neon-hero-copy .hero-description{font-size:1rem;line-height:1.85;color:var(--bone-dim);max-width:46ch;margin-top:25px}.hero-traits{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-traits span{font-size:10px;color:#d8d1ec;background:#ffffff06;border:1px solid #b88eff2b;border-radius:999px;padding:6px 11px}.hero-traits span::before{content:'↗';color:var(--gold);margin-right:7px}.hero-actions{margin-top:28px;gap:1.25rem}.hero-actions .text-link{font-size:.82rem}.workshop-hero-slot{min-width:0;width:100%;position:relative}.workshop-placeholder{aspect-ratio:1.12;border:1px solid var(--line-strong);border-radius:24px;background:radial-gradient(circle,#6600ff28,transparent 65%),#161023;display:grid;place-items:center;color:var(--gold);font-family:var(--font-display)}.hero-foot{position:relative;font-size:.75rem;color:var(--bone-faint);border-top-color:var(--line);padding-block:24px}.hero-foot-note>span{color:var(--gold)}.hero-foot-note{gap:1.5rem}.hero-scroll{display:flex;align-items:center;gap:10px;font:10px var(--font-mono);color:var(--gold)}
.selected-work{background:linear-gradient(180deg,#151022,#100b1c);color:var(--bone);--bone:#f3f3f9;--bone-dim:#cbc7db;--bone-faint:#aba6bf;--line:rgba(226,210,255,.12);--line-strong:rgba(226,210,255,.24);--ember:#6600ff;--ember-2:#d59bff;border-block:1px solid var(--line)}.section-heading h2{font-size:clamp(2rem,4.1vw,3.3rem);line-height:1.14}.section-heading>p,.section-heading>div+div{font-size:.88rem}.section-heading h2 em{color:#d59bff}.project-grid{gap:2rem}.project-card{background:linear-gradient(145deg,#ffffff0a,#ffffff03);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s}.project-card:hover{border-color:#b779ff70;box-shadow:0 16px 50px #6600ff13;transform:translateY(-4px)}.project-media{border:0;border-bottom:1px solid var(--line);border-radius:0;aspect-ratio:1.6;background:#171125}.project-media img{transition:transform .7s ease}.project-arrow{background:#191026;color:var(--gold);border:1px solid #8c60bb7a;box-shadow:0 5px 16px #0007}.project-body{padding:23px 25px 26px}.project-body h3{font-size:1.7rem;margin-top:10px}.project-body p{font-size:.88rem;line-height:1.8}.project-meta{font-size:9px;color:var(--bone-faint)}.project-meta span:first-child{color:var(--gold)}.project-tags{font-size:9px;color:#b9afcc}.project-card .btn{margin-top:1rem}.service-workshop{background:#0f0a1e;position:relative}.service-rows{border-color:var(--line-strong)}.service-row{grid-template-columns:65px 1fr 70px;border-color:var(--line);border-radius:14px;transition:background .2s,border-color .2s,padding .2s}.service-row h3{font-size:clamp(1.4rem,2.6vw,2.1rem)}.service-row:hover{background:#8f3be408}.service-number{color:var(--gold)}.service-row-arrow{background:linear-gradient(120deg,#6600ff1a,#ff00ff13);border-color:#ae76ff4d;color:var(--gold)}.service-row:hover .service-row-arrow{background:#6600ff;color:#fff}.service-tags{color:#b7a8ce}.service-row p{font-size:.9rem}.process-section{background:linear-gradient(135deg,#1a1030,#110d20);border-color:var(--line)}.process-step>span{color:var(--gold)}.process-step{position:relative}.process-step::after{content:'';width:8px;height:8px;border:1px solid #ca8aff;background:#6600ff;border-radius:50%;position:absolute;top:-5px;left:0;box-shadow:0 0 12px #bf00ff55}.process-step h3{font-size:1.35rem}.process-step p{font-size:.88rem}.studio-about{background:radial-gradient(ellipse at 20% 50%,#6600ff12,transparent 55%),#0f0a1e}.workshop-sign{background:linear-gradient(150deg,#201334,#120e1c);border:1px solid #bb78ff40;outline:0;border-radius:24px;color:#d3a1ff;font-size:11px;gap:23px;box-shadow:inset 0 0 70px #6600ff0a}.workshop-sign::before,.workshop-sign::after{color:#c4a0ec55}.workshop-seal{width:150px;height:150px;border-color:#c68bff36;box-shadow:0 0 45px #6600ff2b;position:relative;background:radial-gradient(circle,#6600ff20,transparent)}.workshop-seal::after{content:'';position:absolute;inset:-18px;border:1px dashed #c68bff3b;border-radius:50%;animation:brand-spin 45s linear infinite}.workshop-seal img{width:95px;height:95px;object-fit:contain}.studio-about h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.15}.studio-about .lead{font-size:1rem}.studio-contact{background:linear-gradient(130deg,#1a102a,#110c20);border-color:var(--line)}.contact-grid h2{line-height:1.12;font-size:clamp(2.4rem,4.5vw,3.5rem)}.contact-direct{color:var(--gold);text-decoration-color:#00ffcc4a;font-size:clamp(1rem,1.8vw,1.3rem)}.brief-form input,.brief-form textarea,.brief-form select{background:#0f0a1e8c;border-color:#6952807d;border-radius:10px;font-size:.89rem}.brief-form input::placeholder,.brief-form textarea::placeholder{color:#a8a0bc}.brief-form .field label{color:var(--bone-dim);font-size:.78rem}.brief-form input:focus,.brief-form textarea:focus,.brief-form select:focus{border-color:var(--gold)}.brief-form .btn{justify-content:space-between;padding-inline:1.4rem}.form-consent{font-size:.74rem}.form-consent input{accent-color:#a250ff}.footer{background:#0c0817;border-top-color:var(--line)}.studio-footer-top>p{font-family:var(--font-display);font-style:normal;color:#b7a8ce}.studio-footer-top .footer-mail{color:var(--gold)}.footer__grid .tag{color:var(--gold)}.footer__grid a,.footer__grid button{font-size:.81rem}.footer__grid a:hover,.footer__grid button:hover{color:var(--gold)}.founder-initials{font-family:var(--font-display);font-style:normal;background:var(--ember-grad);background-clip:text;-webkit-background-clip:text;color:transparent}.founder-card{border-radius:20px;background:linear-gradient(135deg,#251536,#151020);border-color:var(--line)}.founder-card .tag{color:var(--gold)}.founder-card h2{line-height:1.16}.page-hero{background:radial-gradient(ellipse at 85% 30%,#6600ff1c,transparent 55%),#0f0a1e}.page-hero h1{font-size:clamp(2.3rem,4.5vw,4.3rem);line-height:1.13;letter-spacing:-.02em}.page-hero .tag{color:var(--gold)}.page-hero .lead{font-size:1rem;max-width:62ch}.card{border-radius:18px;background:linear-gradient(140deg,#ffffff09,#ffffff03);border-color:var(--line)}.card:hover{border-color:#a961ff77;box-shadow:0 0 30px #6600ff15}.card h3{font-size:1.3rem}.card .card__icon{border-color:#a968ff55;color:var(--gold);border-radius:12px;background:#6600ff15}.badge{color:var(--gold);border-color:#00ffcc55;background:#00ffcc0c}.prose h2{font-size:2rem;line-height:1.18}.prose a{color:#d59bff;border-bottom-color:#a975ff66}.prose a:hover{color:var(--gold)}.prose p,.prose ul,.prose ol{font-size:.98rem}.prose pre{min-width:0;max-width:100%;background:#0d0818}.list li::before{color:var(--gold)}.stats .stat{background:#181127}.stat span{color:var(--bone-faint)}.stat b .u{color:var(--gold)}.cta-band{background:radial-gradient(ellipse at 50% 100%,#6600ff26,transparent 75%),#181127}.acc details{background:#181127}.acc details[open]{background:#201431}.acc summary{font-size:.97rem}.acc summary::after{color:var(--gold)}.quote{background:#181127;border-color:var(--line);border-left-color:#b778ff}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #00ffcc12}.field input,.field select,.field textarea{border-radius:10px}.pills li,.pill{border-color:var(--line-strong)}
@keyframes brand-spin{to{transform:rotate(360deg)}}@keyframes brand-drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(22px,-25px,0) scale(1.07)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.nav__logo:hover img{animation:brand-spin 5s linear infinite}.project-card[data-tilt]{transform:perspective(1000px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));will-change:transform}.project-card[data-tilt]:hover{border-color:#b779ff70;box-shadow:0 18px 50px #6600ff16}}
@media(min-width:981px){.nav__links .dropdown{min-width:360px}}
@media(max-width:1100px){.nav__links{gap:1rem}.nav__links a,.nav__links button.navlink{font-size:.76rem}.neon-hero-grid{gap:1.5rem;min-height:570px}.neon-hero-copy h1{font-size:3.15rem}.neon-hero-copy .hero-description{font-size:.92rem}.hero-actions{gap:.85rem}.hero-actions .btn{font-size:.8rem}}
@media(max-width:980px){.nav__inner{height:74px}.nav__links{top:74px;height:calc(100dvh - 74px);background:#0f0a1e}.nav__links a,.nav__links button.navlink{font-size:1rem}.nav__logo{font-size:1.35rem}.nav__logo img{width:37px;height:37px}.neon-hero-grid{grid-template-columns:1fr;gap:2rem;padding:40px 0 25px}.neon-hero-copy h1{font-size:clamp(2.8rem,6.8vw,4.2rem);max-width:20ch}.neon-hero-copy .hero-description{max-width:58ch;font-size:1rem}.workshop-hero-slot{max-width:650px;margin-inline:auto}.hero-traits{margin-top:18px}.hero-foot{padding-block:20px}}
@media(max-width:700px){.forge-home-hero{padding-top:99px}.hero-topline{font-size:8px;padding-bottom:19px}.hero-topline>span:last-child{font-size:8px}.neon-hero-grid{gap:25px;padding-top:30px}.neon-hero-copy h1{font-size:clamp(2.25rem,9.7vw,3.5rem);line-height:1.14;max-width:15ch}.neon-hero-copy .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:18px}.neon-hero-copy .hero-description{font-size:.91rem;line-height:1.85;margin-top:20px}.hero-traits{gap:6px}.hero-traits span{font-size:9px;padding:5px 8px}.hero-actions{gap:.8rem 1.1rem;margin-top:23px}.hero-actions .btn{padding:.9rem 1.1rem;font-size:.81rem}.hero-actions .text-link{font-size:.78rem}.workshop-hero-slot{margin:0;width:100%}.section-heading h2{font-size:2.2rem;line-height:1.16}.project-grid{gap:1.5rem}.project-body{padding:20px}.project-body h3{font-size:1.6rem}.project-body p{font-size:.85rem}.project-meta{font-size:8px}.project-tags{font-size:8px}.service-row{grid-template-columns:30px 1fr 34px;padding-block:1.7rem}.service-row h3{font-size:1.4rem}.service-row p{font-size:.85rem;line-height:1.85}.service-row-arrow{width:30px;height:30px}.process-grid{gap:2rem 1.2rem}.process-step h3{font-size:1.15rem}.process-step p{font-size:.82rem}.studio-about h2{font-size:2.25rem;line-height:1.17}.workshop-sign{min-height:285px}.workshop-seal{width:120px;height:120px}.workshop-seal img{width:78px;height:78px}.contact-grid h2{font-size:2.5rem}.contact-grid .lead{font-size:.94rem}.contact-direct{font-size:1.04rem}.footer__bottom{font-size:.68rem}.page-hero .lead{font-size:.94rem}.page-hero h1{font-size:2.65rem;overflow-wrap:break-word}.prose h2{font-size:1.65rem}.prose p,.prose ul,.prose ol{font-size:.92rem}}
@media(max-width:360px){.nav__logo{font-size:1.25rem}.nav__logo img{width:34px;height:34px}.neon-hero-copy h1{font-size:2.15rem}.hero-traits span{font-size:8px}.hero-traits{gap:4px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-foot{font-size:.69rem}.section-heading h2{font-size:1.95rem}.contact-direct{font-size:.93rem}.project-body{padding:17px}.project-meta{flex-wrap:wrap;gap:5px}.page-hero h1{font-size:2.2rem}}
@supports(animation-timeline:view()){ @media(prefers-reduced-motion:no-preference){.project-card{animation:card-entry linear both;animation-timeline:view();animation-range:entry 0% entry 80%}@keyframes card-entry{from{opacity:.6;translate:0 20px}to{opacity:1;translate:0 0}}}}
@view-transition{navigation:auto}
html[data-motion-paused="true"] *,html[data-motion-paused="true"] *::before,html[data-motion-paused="true"] *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.forge-ambient i{animation:none}.forge-particles{display:none}.workshop-seal::after{animation:none}.project-card:hover,.project-card[data-tilt]{transform:none!important}.project-media:hover img{transform:none}::view-transition-old(root),::view-transition-new(root){animation:none}}
/* A connected workshop: moving transmissions, energy rails and service console. */
[data-mechanical-zone]{position:relative}.workshop-pipeline{position:absolute;top:0;left:max(20px,calc((100% - 1240px)/2));right:max(20px,calc((100% - 1240px)/2));height:7px;border-block:1px solid #5e3a7370;background:linear-gradient(#24182f,#10101c,#382244);z-index:1;pointer-events:none}.workshop-pipeline>span{position:absolute;top:-4px;width:15px;height:14px;border:1px solid #896b8e;border-radius:3px;background:linear-gradient(90deg,#241629,#685062,#211827)}.workshop-pipeline>span:first-child{left:0}.workshop-pipeline>span:last-child{right:0}.workshop-pipeline>i{display:block;height:1px;width:18%;position:absolute;top:2px;left:3%;background:linear-gradient(90deg,transparent,#bb55ff,#00ffcc,transparent);box-shadow:0 0 8px #a04bff88;animation:rail-flow 12s linear infinite}.gear-train{display:block;width:100%;height:auto;overflow:visible}.gear-train text{font:6px 'IBM Plex Mono',monospace;letter-spacing:1px;fill:#ac91be}.machine-cog{animation:brand-spin calc(var(--cog-time,18s)*var(--cog-speed,1)) linear infinite;animation-direction:var(--cog-direction,normal);transform-box:fill-box;transform-origin:center;fill:#32223e;stroke:#b184a9;stroke-width:1.2}.machine-cog>circle{fill:#130d22;stroke:#86619b}.machine-cog>.cog-spokes{stroke:#775589;stroke-width:4}.machine-cog>.cog-hub{fill:#00d8b4;stroke:#93ffe0;stroke-width:1}.machine-pipe{fill:none;stroke:#685076;stroke-width:4;stroke-linejoin:round}.machine-energy{fill:none;stroke:#00ffcc;stroke-width:1;stroke-dasharray:7 85;stroke-dashoffset:0;animation:energy-flow 7s linear infinite}.project-machine-bar{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:linear-gradient(90deg,#23152f,#171021);border-bottom:1px solid #74518455;position:relative;font:8px var(--font-mono);letter-spacing:.7px;color:#bca8cc}.project-machine-bar>span:first-child{display:flex;align-items:center;gap:7px}.project-machine-bar i{width:5px;height:5px;border-radius:50%;background:#00ffcc;box-shadow:0 0 8px #00ffcc55}.project-machine-bar .mini-transmission{position:absolute;right:44%;width:57px;height:39px;overflow:hidden;opacity:.75}.mini-transmission .gear-train{margin-top:-2px}.mini-transmission .machine-pipe,.mini-transmission .machine-energy{display:none}.project-machine-bar>span:last-child{font-size:7px;letter-spacing:.5px;color:#b49ec6}.process-mechanism{width:135px;margin-bottom:22px}.process-step{border-top:0!important}.process-step::after{display:none}.process-step>span{display:block;font-family:var(--font-mono);font-size:12px!important;margin-bottom:14px}.process-grid{position:relative}.process-grid::before{content:'';position:absolute;left:0;right:0;top:121px;border-top:1px solid #88599c55}.sign-transmission{position:absolute;bottom:8%;right:5%;width:95px;opacity:.7}.workshop-sign{position:relative}.page-mechanism{position:absolute;right:max(25px,calc((100% - 1230px)/2));bottom:34px;width:150px;opacity:.45;pointer-events:none}.page-hero>.wrap{position:relative;z-index:1}.workshop-console{border:1px solid #79559780;border-radius:18px;overflow:hidden;margin:0 0 36px;background:linear-gradient(115deg,#1e1331,#110c1e);box-shadow:inset 0 1px 0 #e0b4ff0e,0 20px 50px #0002;--engine-color:#c796ff}.console-header{padding:15px 21px;border-bottom:1px solid #8158a033;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#bda9d3;font:10px var(--font-mono)}.console-header>span:first-child{display:flex;gap:9px;align-items:center}.console-header i{height:6px;width:6px;border-radius:50%;background:var(--engine-color);box-shadow:0 0 10px var(--engine-color)}.console-header>span:last-child{font-size:8px;color:#a68dbb;letter-spacing:1px}.console-body{display:grid;grid-template-columns:240px 1fr;gap:40px;padding:28px 36px;align-items:center}.console-mechanism{position:relative;padding:0 18px}.console-mechanism .gear-train{filter:drop-shadow(0 0 10px #9a4aff18)}.engine-indicator{display:block;text-align:center;font:8px var(--font-mono);letter-spacing:1px;color:var(--engine-color);margin-top:7px}.console-code{min-width:0}.code-comment{color:#ac9ebd;font:11px var(--font-mono)}.console-code pre{background:transparent;padding:14px 0 8px;margin:0;border:0;font:13px/1.7 var(--font-mono);color:#d8c4ef;min-height:137px;white-space:pre-wrap;overflow-wrap:anywhere}.engine-output{color:var(--gold);font:10px var(--font-mono)}.engine-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #8158a044}.engine-selector button{background:#ffffff02;border:0;border-right:1px solid #8158a044;color:#c3b9d2;padding:17px 14px;display:flex;gap:12px;align-items:center;justify-content:center;font:12px var(--font-display);min-height:55px;cursor:pointer;transition:background .2s,color .2s}.engine-selector button:last-child{border-right:0}.engine-selector button>span{font:9px var(--font-mono);color:#a990bb}.engine-selector button:hover{background:#b668ff16;color:#fff}.engine-selector button[aria-pressed=true]{background:linear-gradient(110deg,#6600ff33,#ff00ff14);color:#fff;box-shadow:inset 0 -2px #bb7dff}.workshop-console[data-mode="1"]{--engine-color:#00ffcc}.workshop-console[data-mode="2"]{--engine-color:#f089ff}.workshop-console[data-mode="1"]{--cog-speed:.75}.workshop-console[data-mode="2"]{--cog-speed:.5}.service-row{position:relative}.service-row::after{content:'';position:absolute;bottom:0;left:65px;width:50px;height:2px;background:linear-gradient(90deg,#6600ff,#00ffcc);transition:width .45s}.service-row:hover::after{width:calc(100% - 135px)}
[data-mechanical-zone][data-in-view="false"] .machine-cog,[data-mechanical-zone][data-in-view="false"] .machine-energy,[data-mechanical-zone][data-in-view="false"] .workshop-pipeline>i,[data-mechanical-zone][data-in-view="false"] .workshop-seal::after{animation-play-state:paused}
@keyframes rail-flow{to{transform:translateX(415%)}}@keyframes energy-flow{to{stroke-dashoffset:-184}}
@media(max-width:980px){.page-mechanism{opacity:.18;width:120px;bottom:25px}.process-grid::before{display:none}.console-body{grid-template-columns:180px 1fr;gap:24px;padding:25px}.console-mechanism{padding:0}.project-machine-bar>span:last-child{font-size:6px}.project-machine-bar .mini-transmission{right:42%;width:48px}}
@media(max-width:700px){.console-header{padding:14px;font-size:9px}.console-header>span:last-child{display:none}.console-body{grid-template-columns:100px 1fr;gap:17px;padding:20px 15px}.console-code pre{font-size:10px;line-height:1.8;min-height:119px}.code-comment{font-size:8px}.engine-output{font-size:8px;line-height:1.8;display:block}.engine-indicator{font-size:6px;letter-spacing:0;line-height:1.8}.engine-selector button{font-size:11px;padding:13px 8px;gap:6px;flex-direction:column}.engine-selector button>span{font-size:8px}.process-mechanism{width:110px;margin-bottom:15px}.process-step>span{font-size:10px!important}.project-machine-bar{padding-inline:15px;font-size:8px}.project-machine-bar>span:last-child{font-size:6px}.project-machine-bar .mini-transmission{right:43%}.service-row::after{left:30px}.service-row:hover::after{width:calc(100% - 65px)}.workshop-pipeline{left:20px;right:20px}.sign-transmission{width:80px}}
@media(prefers-reduced-motion:reduce){.machine-cog,.machine-energy,.workshop-pipeline>i{animation:none}.service-row::after{transition:none}}

@media(max-width:700px){.hero-traits{display:grid;grid-template-columns:repeat(2,max-content);justify-content:start}.hero-traits span:last-child{grid-column:1/-1;justify-self:start}}
.forge-home-hero[data-in-view="false"] .forge-ambient i{animation-play-state:paused}
/* The digital workshop is the hero's main interactive object. */
@media(min-width:1101px){.neon-hero-grid{grid-template-columns:.79fr 1.21fr;gap:32px;min-height:690px;padding-block:40px 32px}.neon-hero-copy h1{font-size:clamp(2.9rem,4vw,3.7rem)}.neon-hero-copy .hero-description{font-size:.94rem}.hero-actions{flex-wrap:wrap}}
@media(min-width:981px) and (max-width:1100px){.neon-hero-grid{grid-template-columns:.9fr 1.1fr}.neon-hero-copy h1{font-size:2.9rem}}
@media(max-width:980px){.workshop-hero-slot{max-width:730px}}
/* ide.css */
/* MyForge IDE: one responsive workspace, using the original brand identity. */
body.ide-site,body.ide-document{--ide-bg:#15121f;--ide-panel:#1b1727;--ide-raised:#231e31;--ide-line:#ffffff0e;--ide-line-strong:#b69cdb25;--ide-text:#eeeaf5;--ide-muted:#a79cb9;--ide-faint:#80748f;--ide-purple:#a772ff;--ide-magenta:#e18af5;--ide-cyan:#5ae3c9;--ide-ui:"Poppins",system-ui,sans-serif;--ide-display:"Exo 2",system-ui,sans-serif;--ide-mono:"IBM Plex Mono",Consolas,monospace;background:var(--ide-bg);color:var(--ide-text);font-family:var(--ide-ui);font-size:14px;line-height:1.6}
body.ide-site{height:100dvh;margin:0;overflow:hidden}
.ide-site *, .ide-document *{box-sizing:border-box}
.ide-site [hidden],.ide-document [hidden]{display:none!important}
.ide-site > .nav,.ide-site > .footer{display:none}
.ide-site button,.ide-site input,.ide-site select,.ide-site textarea{font:inherit}
.ide-site a{color:inherit;text-decoration:none}
.ide-site button{cursor:pointer}
.ide-site :focus-visible,.ide-document :focus-visible{outline:2px solid var(--ide-cyan);outline-offset:3px}
.ide-site ::selection,.ide-document ::selection{background:#9254e75c;color:#fff}
.ide-window{display:grid;grid-template-rows:42px minmax(0,1fr) 25px;width:100%;height:100dvh;min-height:0;overflow:hidden;background:var(--ide-bg)}
/* Chrome */
.ide-titlebar{display:flex;align-items:center;gap:13px;min-width:0;height:42px;padding:0 15px;background:#1b1726;border-bottom:1px solid #0007;position:relative;z-index:50;color:#cbbfdc}
.ide-window-controls{display:flex;gap:6px;align-items:center;flex:none;margin-right:2px}
.ide-wordmark{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap;font:600 14px/1 var(--ide-display);color:#eee5f8;letter-spacing:.01em}
.ide-wordmark img{display:block;width:24px;height:24px;object-fit:contain;border:0;box-shadow:none;border-radius:0}
.ide-wordmark strong,.ide-wordmark .brand-word>span{color:#cd9cff}
.ide-command-button{appearance:none;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-width:90px;max-width:490px;flex:1;min-height:27px;margin:0 auto;padding:3px 11px;border:1px solid #ab8dc62c;border-radius:5px;background:#ffffff04;color:#b7aacb;font:11px/1.4 var(--ide-ui);cursor:pointer}
.ide-command-button:hover{background:#ffffff08;border-color:#bc91ee66}
.ide-command-button svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}
.ide-command-button kbd{font:10px var(--ide-mono);color:#9989af;border:1px solid #ab8dc623;border-radius:3px;padding:1px 4px}
.ide-top-cta{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:29px;padding:4px 12px;border:1px solid #a978ed65;border-radius:4px;background:#7842ba24;color:#e9d8ff;font-size:11px;font-weight:500;white-space:nowrap}
.ide-titlebar .ide-top-cta{color:#eee0ff;transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s}
.ide-titlebar .ide-top-cta:is(:hover,:focus-visible){background:#533078;border-color:#c697ff;color:#fff4ff;box-shadow:inset 0 0 0 1px #c697ff24}
.ide-language{display:flex;align-items:center;gap:5px;flex:none;color:#a292b6;font:10px var(--ide-mono)}
.ide-language a,.ide-language button{display:inline-flex;align-items:center;justify-content:center;min-height:27px;min-width:24px;background:none;border:0;color:inherit;padding:2px;font:inherit}
.ide-language [aria-current],.ide-language .is-active{color:#e6d4ff}
.ide-explorer-toggle,.ide-agents-toggle{display:none;align-items:center;justify-content:center;flex:none;width:32px;height:32px;background:none;border:0;color:#c9b8dc;padding:6px}
.ide-explorer-toggle svg,.ide-agents-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}
.ide-shell{display:grid;grid-template-columns:48px 222px minmax(0,1fr) 286px;min-width:0;min-height:0;overflow:hidden;padding:0!important;margin:0!important;max-width:none!important}
.ide-statusbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-width:0;height:25px;padding:0 12px;background:#4c2976;color:#e7d9f4;font:10px/1 var(--ide-mono);white-space:nowrap;position:relative;z-index:51}
.ide-statusbar>div,.ide-statusbar>span{display:flex;align-items:center;gap:14px;min-width:0}
.ide-statusbar a,.ide-statusbar button{display:inline-flex;align-items:center;gap:5px;min-height:23px;border:0;background:transparent;color:inherit;font:inherit;padding:0}
.ide-statusbar svg{height:12px;width:12px;fill:none;stroke:currentColor;stroke-width:1.5}
.ide-statusbar .ide-status-dot{width:5px;height:5px;border-radius:50%;background:#89ecd3;display:inline-block}
/* Activity rail and project explorer */
.ide-activity{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0;background:#181421;border-right:1px solid #ffffff08;min-width:0;min-height:0;overflow-y:auto}
.ide-activity button,.ide-activity a{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:47px;min-height:42px;padding:10px;border:0;background:none;color:#80758f;border-radius:0;cursor:pointer}
.ide-activity button:hover,.ide-activity a:hover{color:#e5d5fa;background:#ffffff03}
.ide-activity [aria-selected=true],.ide-activity [aria-current],.ide-activity .is-active{color:#d3b3fc;box-shadow:inset 2px 0 #bc8bff;background:#a466dd0b}
.ide-activity svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4}
.ide-activity .ide-activity-bottom{margin-top:auto}
.ide-explorer{min-height:0;min-width:0;overflow:auto;background:var(--ide-panel);border-right:1px solid var(--ide-line);padding-bottom:15px;scrollbar-width:thin;scrollbar-color:#79638c35 transparent}
.ide-explorer-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:10px 15px;color:#a99abc;font:10px var(--ide-mono);letter-spacing:.09em;text-transform:uppercase}
.ide-explorer-header button,.ide-agents-header button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;background:none;color:#b4a3c8;padding:5px}
.ide-explorer-header svg,.ide-agents-header svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}
.ide-search{position:relative;margin:0 10px 15px}
.ide-search input{display:block;width:100%;min-width:0;height:31px;border:1px solid #a084bc26;border-radius:4px;background:#15101e;color:#e6daef;padding:6px 9px;font:11px var(--ide-ui);box-shadow:none}
.ide-search input::placeholder{color:#85728f}
.ide-search svg{position:absolute;right:8px;top:9px;width:12px;height:12px;color:#8b799e;pointer-events:none}
.ide-explorer details.ide-folder{margin:0;border:0;border-radius:0;background:none;padding:0}
.ide-explorer details.ide-folder>summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;padding:9px 12px;color:#c8b9da;font:500 11px var(--ide-ui);border:0;background:none;user-select:none}
.ide-explorer details.ide-folder>summary::-webkit-details-marker{display:none}
.ide-explorer details.ide-folder>summary::before{content:"›";display:inline-block;width:8px;color:#9a88ae;font-size:15px;line-height:1;transform:rotate(0);transition:transform .15s}
.ide-explorer details.ide-folder[open]>summary::before{transform:rotate(90deg)}
.ide-explorer details.ide-folder>summary::after{display:none}
.ide-explorer details.ide-folder>summary svg{width:13px;height:13px;fill:none;stroke:#b695d9;stroke-width:1.5}
.ide-file{appearance:none;display:flex;align-items:center;gap:9px;width:100%;min-width:0;min-height:52px;text-align:left;padding:8px 11px 8px 20px;border:0;border-left:2px solid transparent;border-radius:0;background:transparent;color:#bcaecd;cursor:pointer;transition:background .15s,color .15s}
.ide-file:hover{background:#a575d812;color:#eee4f8}
.ide-file[aria-selected=true],.ide-file[aria-current],.ide-file.is-active{background:#945fd21e;border-left-color:#ae7be6;color:#f0e4ff}
.ide-file img{display:block;width:40px;height:30px;object-fit:cover;object-position:top;border-radius:3px;border:1px solid #ffffff12;flex:none;background:#130e1a}
.ide-file>svg{width:15px;height:15px;fill:none;stroke:#ae93c6;stroke-width:1.4;flex:none}
.ide-file-meta{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.ide-file-meta strong,.ide-file-meta>b{font-size:11px;font-weight:500;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ide-file-meta small,.ide-file-meta>span{font:10px/1.35 var(--ide-mono);color:#8e7fa0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ide-explorer .ide-label{display:block;padding:10px 15px 6px;font:9px var(--ide-mono);color:#776686;text-transform:uppercase;letter-spacing:.08em}
/* The editor is the primary reading surface. */
.ide-editor{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--ide-bg);position:relative}
.ide-tabs{display:flex;align-items:stretch;flex:none;min-height:40px;height:40px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;background:#18131f;border-bottom:1px solid #ffffff06;scrollbar-width:thin;scrollbar-color:#a079bb2d transparent}
.ide-tabs>button,.ide-tabs>a,.ide-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-width:110px;min-height:39px;padding:9px 16px;border:0;border-right:1px solid #ffffff07;border-radius:0;background:#1a1523;color:#8f819f;font:11px var(--ide-ui);cursor:pointer}
.ide-tabs [aria-selected=true],.ide-tabs [aria-current],.ide-tabs .is-active{color:#e2d3f3;background:var(--ide-bg);box-shadow:inset 0 2px #b47df0}
.ide-tabs>button:hover,.ide-tabs>a:hover{color:#ecdefb;background:#231b2c}
.ide-tabs svg{height:13px;width:13px;fill:none;stroke:#b089db;stroke-width:1.5}
.ide-tabs .ide-tab-close{font-size:15px;line-height:1;color:#8d7d9f;margin-left:10px}
.ide-breadcrumb{display:flex;align-items:center;gap:8px;flex:none;height:30px;min-width:0;padding:4px 21px;color:#8d7e9d;font:10px var(--ide-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #ffffff03}
.ide-breadcrumb a:hover{color:#ceb0ef}
.ide-breadcrumb svg{height:12px;width:12px;fill:none;stroke:#987fb3;stroke-width:1.3;flex:none}
.ide-editor-scroll{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a07cb03d transparent;scroll-behavior:smooth}
.ide-editor-scroll::-webkit-scrollbar,.ide-explorer::-webkit-scrollbar,.ide-agents::-webkit-scrollbar{width:7px;height:5px}
.ide-editor-scroll::-webkit-scrollbar-thumb,.ide-explorer::-webkit-scrollbar-thumb,.ide-agents::-webkit-scrollbar-thumb{background:#89739d33;border-radius:7px}
[data-ide-panel]{min-width:0;max-width:100%;outline:none}
.ide-welcome{max-width:1060px;margin:0 auto;padding:clamp(25px,3.5vw,48px) clamp(22px,3.5vw,48px) 42px}
.ide-kicker{display:flex;align-items:center;gap:8px;margin:0 0 18px;color:var(--ide-cyan);font:11px/1.5 var(--ide-mono);letter-spacing:.04em}
.ide-kicker::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ide-cyan);flex:none}
.ide-hero-title{max-width:16ch;margin:0;color:#f1ebf9;font:700 clamp(34px,4.1vw,60px)/1.08 var(--ide-display);letter-spacing:-.035em;text-wrap:balance}
.ide-hero-title em,.ide-hero-title .ide-gradient,.ide-hero-title>span{font-style:normal;background:linear-gradient(100deg,#b989ff,#ef96e4 65%,#7bdccf);background-clip:text;-webkit-background-clip:text;color:transparent}
.ide-intro{max-width:60ch;margin:20px 0 0;color:#bcb0cd;font-size:14px;line-height:1.85;text-wrap:pretty}
.ide-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:23px 0 30px}
.ide-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;max-width:100%;padding:10px 15px;border:1px solid #ae8ecd35;border-radius:5px;background:#21192e;color:#e9dcfa;font:500 12px/1.35 var(--ide-ui);cursor:pointer;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}
.ide-button svg{height:15px;width:15px;fill:none;stroke:currentColor;stroke-width:1.5}
.ide-button.primary,.ide-button--primary,.ide-button[data-primary]{background:linear-gradient(110deg,#713ad2,#944bd0);border-color:#b581ed70;color:#fff;box-shadow:inset 0 1px #ffffff15}
.ide-button.ghost,.ide-button--ghost{background:transparent;color:#c7b6d9;border-color:#9b7bb72b}
.ide-button:hover{background:#332243;border-color:#c392f287;transform:translateY(-1px)}
.ide-button.primary:hover,.ide-button--primary:hover{background:linear-gradient(110deg,#8146e2,#a55adc)}
.ide-label{margin:0;color:#9b89af;font:10px/1.5 var(--ide-mono);letter-spacing:.065em;text-transform:uppercase}
.ide-featured-project{display:grid;grid-template-columns:1.12fr 1fr;min-width:0;overflow:hidden;border:1px solid #b297c127;border-radius:8px;background:linear-gradient(120deg,#241b303f,#1d17283d);margin:14px 0 28px;transition:border-color .2s,background .2s}
.ide-featured-project:hover{border-color:#c09adb50;background:#241b304f}
.ide-featured-image{position:relative;min-width:0;min-height:210px;overflow:hidden;background:#100d16;border-right:1px solid var(--ide-line)}
.ide-featured-image img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:top;transition:transform .4s}
.ide-featured-project:hover .ide-featured-image img{transform:scale(1.015)}
.ide-featured-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:22px}
.ide-featured-copy h2,.ide-featured-copy h3{font:600 23px/1.2 var(--ide-display);letter-spacing:-.015em;margin:10px 0;color:#eee5f7}
.ide-featured-copy p{font-size:14px;line-height:1.8;color:#ad9ebe;margin:0 0 16px}
.ide-featured-copy .ide-button{min-height:36px;padding:8px 11px;font-size:11px}
.ide-project-tag{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:3px 7px;border:1px solid #62d8c32a;border-radius:4px;background:#65dfc807;color:#8ddccb;font:10px/1.5 var(--ide-mono);overflow-wrap:anywhere}
.ide-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:14px 0 0;min-width:0}
.ide-project-card{appearance:none;display:block;text-align:left;min-width:0;width:100%;padding:0;border:1px solid #b397c120;border-radius:7px;overflow:hidden;background:#1b1625;color:inherit;transition:border-color .2s,background .2s,transform .2s;cursor:pointer}
.ide-project-card:hover{border-color:#bd8bdd69;background:#241b31;transform:translateY(-2px)}
.ide-project-card>img,.ide-project-card picture>img{display:block;width:100%;aspect-ratio:1.7;object-fit:cover;object-position:top;border-bottom:1px solid #ffffff0b;background:#0f0c15}
.ide-project-card>div,.ide-project-card .ide-project-card-copy{padding:15px 16px 17px;min-width:0}
.ide-project-card h2,.ide-project-card h3{font:600 18px/1.3 var(--ide-display);margin:8px 0;color:#e6dbf1}
.ide-project-card p{font-size:14px;line-height:1.75;color:#a596b7;margin:0}
.ide-project-card .ide-project-tag{font-size:9px;border:0;background:none;padding:0;color:#baa0d5}
/* Open project files */
.ide-project-heading{max-width:980px;margin:auto;padding:30px clamp(22px,3.5vw,48px) 22px}
.ide-project-heading h1,.ide-project-heading h2{font:650 clamp(30px,3vw,43px)/1.14 var(--ide-display);letter-spacing:-.025em;margin:12px 0;color:#f0e7f8}
.ide-project-heading p{color:#b7a8c7;font-size:14px;line-height:1.85;max-width:65ch;margin:12px 0}
.ide-project-heading .ide-actions{margin-bottom:0}
.ide-project-image{display:block;width:calc(100% - clamp(44px,7vw,96px));max-width:890px;height:auto;max-height:570px;object-fit:cover;object-position:top;margin:0 auto 25px;border:1px solid #c4a5d32a;border-radius:7px;background:#0d0a12}
.ide-project-description{max-width:980px;margin:0 auto;padding:0 clamp(22px,3.5vw,48px) 30px;color:#b9acc9;font-size:14px;line-height:1.9}
.ide-project-description h2,.ide-project-description h3{font:600 25px/1.25 var(--ide-display);color:#e8ddf4;margin:25px 0 13px}
.ide-project-description p{font-size:14px;line-height:1.9;margin:0 0 14px}
.ide-project-description a{color:#c89ef1;text-decoration:underline;text-underline-offset:3px}
.ide-innovation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0;min-width:0}
.ide-innovation{padding:18px;border:1px solid #a486c21e;border-radius:6px;background:#a883d307;min-width:0}
.ide-innovation h3,.ide-innovation h4{font:600 16px/1.4 var(--ide-display);margin:0 0 9px;color:#ddcbe9}
.ide-innovation p{font-size:14px;line-height:1.8;margin:0;color:#b4a3c4}
.ide-innovation svg{width:19px;height:19px;fill:none;stroke:#ba95df;stroke-width:1.5;margin-bottom:10px}
.ide-project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:22px 0;min-width:0}
.ide-project-gallery img{display:block;width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;object-position:top;border:1px solid #bc9bce26;border-radius:5px}
/* Agent room */
.ide-agents{min-width:0;min-height:0;overflow:auto;background:#191421;border-left:1px solid var(--ide-line);scrollbar-width:thin;scrollbar-color:#79638c35 transparent;padding:0 12px 16px}
.ide-agents-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:43px;margin:0 -12px 3px;padding:10px 14px;background:#191421f5;color:#b7a5ca;font:10px/1.4 var(--ide-mono);letter-spacing:.07em;z-index:2}
.ide-agents-header>span{display:flex;align-items:center;gap:7px}
.ide-agents-header small{color:#7e6b8d;font-size:9px;letter-spacing:0}
.ide-agent-card{margin:0 0 12px;padding:14px 12px 12px;border:1px solid #b092c324;border-radius:6px;background:linear-gradient(135deg,#211a2b,#1b1624);min-width:0}
.ide-agent-header{display:flex;align-items:center;gap:10px;margin-bottom:13px;min-width:0}
.ide-agent-avatar{display:flex;align-items:center;justify-content:center;position:relative;flex:none;width:31px;height:31px;border:1px solid #b083d84d;border-radius:7px;background:#7b49b52a;color:#cca8f0;font:600 13px var(--ide-display)}
.ide-agent-avatar::after{content:"";position:absolute;right:-3px;bottom:-3px;width:7px;height:7px;border-radius:50%;background:#69d5b4;border:2px solid #21192b}
.ide-agent-avatar[data-agent="architect"],.ide-agent-avatar[data-agent="winston"]{background:#3f898526;border-color:#65b4a74d;color:#9dd6c8}
.ide-agent-avatar[data-agent="developer"],.ide-agent-avatar[data-agent="amelia"]{background:#ac617c26;border-color:#d489a14d;color:#e6a7ba}
.ide-agent-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.ide-agent-meta strong,.ide-agent-meta h3{margin:0;color:#dbcaeb;font:500 12px/1.35 var(--ide-ui)}
.ide-agent-meta small,.ide-agent-meta>span{color:#8d799e;font:10px/1.4 var(--ide-mono)}
.ide-agent-body{min-width:0;color:#a996bb;font-size:12px;line-height:1.8}
.ide-agent-line{margin:0 0 8px;font-size:12px;line-height:1.8;color:#b5a0c8;overflow-wrap:anywhere}
.ide-agent-path{display:block;margin:8px 0;padding:6px 7px;border-left:2px solid #986bb055;background:#110c192d;color:#9781ae;font:10px/1.7 var(--ide-mono);overflow-wrap:anywhere}
.ide-agent-task{display:flex;align-items:flex-start;gap:6px;margin:6px 0;color:#9fb8ad;font:10px/1.7 var(--ide-mono);overflow-wrap:anywhere}
.ide-agent-task::before{content:"✓";color:#6cbda5;flex:none}
.ide-agent-card.is-active{border-color:#b781e557;background:linear-gradient(135deg,#281c35,#1d1627)}
.ide-agent-card [data-agent-status]{font:9px var(--ide-mono);color:#71c8ae}
/* A small working terminal; the content above remains independently scrollable. */
.ide-terminal{display:flex;flex-direction:column;flex:0 0 180px;min-height:110px;max-height:32dvh;min-width:0;overflow:hidden;background:#120e1a;border-top:1px solid #a98ac42b}
.ide-terminal-tabs{display:flex;align-items:center;gap:18px;flex:none;min-height:34px;padding:0 19px;border-bottom:1px solid #ffffff05;color:#897296;font:9px var(--ide-mono);letter-spacing:.08em}
.ide-terminal-tabs button{appearance:none;display:inline-flex;align-items:center;gap:6px;min-height:33px;border:0;border-bottom:1px solid transparent;border-radius:0;background:none;color:#897296;font:inherit;letter-spacing:inherit;padding:4px 0}
.ide-terminal-tabs .is-active,.ide-terminal-tabs [aria-selected=true]{border-bottom-color:#b07adb;color:#d8bee9}
.ide-terminal-tabs svg{height:12px;width:12px;fill:none;stroke:currentColor;stroke-width:1.4}
.ide-terminal-content{flex:1;min-height:0;overflow:auto;padding:10px 19px 8px;font:11px/1.85 var(--ide-mono);color:#bca8cb;scrollbar-width:thin;scrollbar-color:#79638c35 transparent;overscroll-behavior:contain}
.ide-terminal-line{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.85 var(--ide-mono);color:#a38daf}
.ide-terminal-line.is-command,.ide-terminal-line strong{font-weight:400;color:#d5b7ea}
.ide-terminal-line.is-success,.ide-terminal-line .success{color:#75cdb2}
.ide-terminal-line.is-muted{color:#766383}
.ide-prompt{color:#b58bdb;margin-right:7px}
.ide-cursor{display:inline-block;width:6px;height:12px;background:#be92e1;vertical-align:-2px;margin-left:3px;animation:ide-cursor-blink 1.1s steps(2,end) infinite}
.ide-terminal-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:none;padding:6px 18px 9px;color:#8f79a3;font:10px var(--ide-mono);border-top:1px solid #ffffff04}
.ide-workflow{display:flex;align-items:center;gap:5px;min-width:0;width:100%;flex-wrap:wrap}
.ide-workflow button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;min-height:29px;min-width:65px;padding:5px 8px;border:1px solid #9676ac2a;border-radius:4px;background:#9470b207;color:#a690ba;font:10px/1.4 var(--ide-mono);cursor:pointer}
.ide-workflow button:hover{color:#e6d2f7;border-color:#b988d95a;background:#ad77d71a}
.ide-workflow button[aria-pressed=true],.ide-workflow button.is-active{color:#d9b4f1;border-color:#af79da6e;background:#ac70dd1d}
/* Brief, services and team files use the same readable editor surface. */
.ide-site .brief-form{width:100%;max-width:680px;min-width:0;margin:25px 0 0;padding:0;border:0;background:none;box-shadow:none}
.ide-site .brief-form .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.ide-site .brief-form .field{min-width:0;margin:0 0 17px}
.ide-site .brief-form .field label{display:block;margin:0 0 7px;font:500 12px/1.5 var(--ide-ui);color:#c1abcd}
.ide-site .brief-form input,.ide-site .brief-form select,.ide-site .brief-form textarea{display:block;width:100%;min-width:0;min-height:43px;padding:11px 12px;border:1px solid #b192c633;border-radius:4px;background:#110d18;color:#ecdef8;font:14px/1.5 var(--ide-ui);box-shadow:none}
.ide-site .brief-form input::placeholder,.ide-site .brief-form textarea::placeholder{color:#7f6a91}
.ide-site .brief-form textarea{min-height:120px;resize:vertical}
.ide-site .brief-form input:focus,.ide-site .brief-form select:focus,.ide-site .brief-form textarea:focus{border-color:#af7ad5;box-shadow:0 0 0 2px #8b49cb14;outline:none}
.ide-site .brief-form .form-consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.8;color:#ad99bf;margin:7px 0 20px}
.ide-site .brief-form .form-consent input{display:block;width:16px;height:16px;min-height:0;padding:0;margin:4px 0 0;flex:none;accent-color:#965ed3}
.ide-site .brief-form .form-consent a{color:#c9a2e4;text-decoration:underline;text-underline-offset:3px}
.ide-site .brief-form .btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:44px;padding:11px 17px;border:1px solid #bd8ced6b;border-radius:5px;background:linear-gradient(110deg,#713ad2,#944bd0);color:#fff;font:500 12px/1.4 var(--ide-ui);box-shadow:none}
.ide-site .brief-form .btn::after,.ide-site .brief-form .btn::before{display:none}
.ide-site .brief-form [role=status],.ide-site .brief-form .form-status{font-size:13px;line-height:1.8;color:#c4b0d4}
.ide-site .ide-service-list{display:grid;gap:12px;margin:25px 0}
.ide-site .ide-service-list>article,.ide-site .ide-service-list>a{padding:18px 20px;border:1px solid #a98abe24;border-radius:6px;background:#a883d305}
.ide-site .ide-service-list h2,.ide-site .ide-service-list h3{font:600 21px var(--ide-display);color:#e1cfef;margin:0 0 9px}
.ide-site .ide-service-list p{font-size:14px;line-height:1.85;color:#b2a0c2;margin:0}
@keyframes ide-cursor-blink{0%,48%{opacity:1}49%,100%{opacity:0}}
/* Drawers stay outside document flow on compact screens. */
@media(max-width:1280px){.ide-shell{grid-template-columns:45px 194px minmax(0,1fr) 260px}.ide-activity button,.ide-activity a{width:44px}.ide-file{padding-left:13px}.ide-file img{width:35px;height:28px}.ide-welcome{padding-inline:30px}.ide-featured-project{grid-template-columns:1fr}.ide-featured-image{min-height:0;aspect-ratio:1.8;border-right:0;border-bottom:1px solid var(--ide-line)}.ide-featured-copy{padding:20px}.ide-featured-copy h2,.ide-featured-copy h3{font-size:23px}.ide-project-grid{gap:12px}.ide-project-card>div{padding:13px}}
@media(max-width:1149px){.ide-shell{grid-template-columns:45px 208px minmax(0,1fr)}.ide-agents-toggle{display:inline-flex}.ide-agents{display:none}.ide-agents[data-open=true]{display:block;position:fixed;z-index:90;right:0;top:42px;bottom:25px;width:min(330px,calc(100vw - 24px));max-height:calc(100dvh - 67px);box-shadow:-30px 0 100px #0009;border-left:1px solid #b797d13d}.ide-titlebar{gap:10px}.ide-command-button{max-width:360px}.ide-featured-project{grid-template-columns:1.1fr 1fr}.ide-featured-image{aspect-ratio:auto;min-height:220px;border-bottom:0;border-right:1px solid var(--ide-line)}.ide-welcome{padding-inline:35px}.ide-hero-title{font-size:clamp(35px,5vw,54px)}}
@media(max-width:900px){.ide-shell{grid-template-columns:43px 184px minmax(0,1fr)}.ide-activity button,.ide-activity a{width:42px}.ide-titlebar{padding-inline:10px;gap:8px}.ide-window-controls{display:none}.ide-command-button kbd{display:none}.ide-file{gap:7px;padding-left:10px}.ide-file img{width:32px;height:27px}.ide-file-meta strong,.ide-file-meta>b{font-size:10px}.ide-featured-project{grid-template-columns:1fr}.ide-featured-image{min-height:0;aspect-ratio:1.85;border-right:0;border-bottom:1px solid var(--ide-line)}.ide-welcome{padding:30px 25px}.ide-project-grid{gap:11px}.ide-project-card>div{padding:13px}.ide-project-card h3{font-size:17px}.ide-hero-title{font-size:38px}}
@media(max-width:760px){
 body.ide-site{font-size:14px}.ide-window{grid-template-rows:46px minmax(0,1fr) 25px}.ide-titlebar{height:46px;padding-inline:10px;gap:9px}.ide-explorer-toggle,.ide-agents-toggle{display:inline-flex;width:30px;height:36px;padding:5px}.ide-wordmark{font-size:13px;gap:6px}.ide-wordmark img{width:25px;height:25px}.ide-command-button{display:none}.ide-top-cta{margin-left:auto;min-height:32px;font-size:10px;padding:5px 9px}.ide-language{gap:1px;font-size:9px}.ide-language a,.ide-language button{min-width:19px;min-height:32px}.ide-shell{display:flex;min-width:0}.ide-activity{display:none}.ide-explorer{display:none}.ide-editor{width:100%;flex:1}.ide-explorer[data-open=true]{display:block;position:fixed;z-index:90;left:0;top:46px;bottom:25px;width:min(292px,calc(100vw - 24px));max-height:calc(100dvh - 71px);box-shadow:30px 0 100px #0009;border-right:1px solid #b797d13d}.ide-agents[data-open=true]{top:46px;max-height:calc(100dvh - 71px)}.ide-explorer-header,.ide-agents-header{min-height:48px;font-size:11px}.ide-explorer-header button,.ide-agents-header button{width:34px;height:34px}.ide-search input{height:38px;font-size:12px}.ide-explorer details.ide-folder>summary{min-height:42px;font-size:12px}.ide-file{min-height:57px;padding:9px 14px;gap:11px}.ide-file img{width:43px;height:33px}.ide-file-meta strong,.ide-file-meta>b{font-size:12px}.ide-file-meta small,.ide-file-meta>span{font-size:10px}.ide-tabs{height:38px;min-height:38px}.ide-tabs>button,.ide-tabs>a,.ide-tab{min-height:37px;padding:8px 14px;font-size:11px;min-width:105px}.ide-breadcrumb{height:29px;padding:4px 19px;font-size:9px}.ide-welcome{padding:28px 23px 35px}.ide-kicker{font-size:10px;margin-bottom:16px}.ide-hero-title{font-size:clamp(30px,7.8vw,46px);max-width:17ch}.ide-intro{font-size:14px;line-height:1.85;margin-top:17px}.ide-actions{gap:9px;margin:20px 0 25px}.ide-button{min-height:44px;padding:10px 13px;font-size:12px}.ide-featured-project{grid-template-columns:1fr;margin:12px 0 25px}.ide-featured-image{aspect-ratio:1.8;min-height:0}.ide-featured-copy{padding:19px}.ide-featured-copy h2,.ide-featured-copy h3{font-size:24px}.ide-featured-copy .ide-button{min-height:40px;font-size:12px}.ide-project-grid{grid-template-columns:minmax(0,1fr);gap:15px}.ide-project-card>div{padding:17px 18px}.ide-project-card h2,.ide-project-card h3{font-size:22px}.ide-project-card .ide-project-tag{font-size:10px}.ide-project-card>img,.ide-project-card picture>img{aspect-ratio:1.85}.ide-project-heading{padding:26px 23px 20px}.ide-project-heading h1,.ide-project-heading h2{font-size:32px}.ide-project-image{width:calc(100% - 46px);max-height:430px;margin-bottom:20px}.ide-project-description{padding:0 23px 30px}.ide-project-description h2,.ide-project-description h3{font-size:24px}.ide-innovation-grid,.ide-project-gallery{grid-template-columns:minmax(0,1fr);gap:13px}.ide-innovation{padding:17px}.ide-terminal{flex-basis:150px;max-height:28dvh;min-height:100px}.ide-terminal-tabs{min-height:30px;padding-inline:15px;gap:16px;font-size:9px}.ide-terminal-tabs button{min-height:29px}.ide-terminal-content{padding:7px 15px;font-size:10px;line-height:1.7}.ide-terminal-line{font-size:10px;line-height:1.7}.ide-terminal-toolbar{padding:5px 12px 7px}.ide-workflow{gap:4px;flex-wrap:nowrap}.ide-workflow button{min-width:0;min-height:30px;font-size:9px;padding:5px 6px}.ide-statusbar{font-size:9px;padding-inline:10px;gap:10px}.ide-statusbar>div,.ide-statusbar>span{gap:10px}.ide-statusbar .ide-status-optional{display:none}.ide-site .brief-form .grid-2{grid-template-columns:minmax(0,1fr);gap:0}.ide-site .brief-form input,.ide-site .brief-form select,.ide-site .brief-form textarea{font-size:16px}.ide-site .brief-form .btn{width:100%;min-height:46px}.ide-site .brief-form .form-consent{font-size:12px}.ide-agent-body,.ide-agent-line{font-size:13px}.ide-agent-meta strong{font-size:13px}.ide-agent-card{padding:15px 13px}.ide-document .ide-titlebar{height:46px}.ide-document-main{width:calc(100% - 38px);padding:30px 0 50px}
}
@media(max-width:380px){.ide-titlebar{gap:6px;padding-inline:8px}.ide-wordmark{gap:5px;font-size:12px}.ide-wordmark img{width:22px;height:22px}.ide-explorer-toggle,.ide-agents-toggle{width:27px;padding:4px}.ide-top-cta{font-size:9px;padding:5px 7px}.ide-language{display:none}.ide-welcome{padding-inline:19px}.ide-hero-title{font-size:32px}.ide-actions{gap:8px}.ide-actions .ide-button{font-size:11px;padding-inline:11px}.ide-breadcrumb{padding-inline:16px}.ide-project-heading{padding-inline:19px}.ide-project-description{padding-inline:19px}.ide-project-image{width:calc(100% - 38px)}.ide-statusbar{font-size:8px}.ide-statusbar>div,.ide-statusbar>span{gap:7px}.ide-terminal-toolbar{padding-inline:9px}.ide-workflow button{font-size:8px;padding-inline:4px}}
@media(max-height:680px) and (min-width:761px){.ide-terminal{flex-basis:135px;max-height:29dvh;min-height:105px}.ide-terminal-content{padding-block:5px}.ide-terminal-tabs{min-height:29px}.ide-terminal-tabs button{min-height:28px}.ide-terminal-toolbar{padding-block:4px}.ide-welcome{padding-top:28px}}
.ide-site[data-motion-paused=true] .ide-cursor,html[data-motion-paused=true] .ide-site .ide-cursor,.ide-site[data-motion=paused] .ide-cursor{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.ide-editor-scroll{scroll-behavior:auto}.ide-site *, .ide-document *{animation:none!important;transition:none!important}.ide-project-card:hover,.ide-button:hover,.ide-featured-project:hover .ide-featured-image img{transform:none}}
/* Dynamically opened files keep their close control beside the tab. */
.ide-tab-item{display:flex;align-items:stretch;flex:none;min-width:0;height:39px;border-right:1px solid #ffffff07;background:#1a1523}
.ide-tab-item.is-active{background:var(--ide-bg);box-shadow:inset 0 2px #b47df0}
.ide-tab-item .ide-tab{border-right:0;min-width:0;padding-right:6px;background:transparent}
.ide-tab-item .ide-tab[aria-selected=true]{background:transparent}
.ide-tab-close{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;min-height:30px;margin:4px 4px 4px 0!important;padding:0;border:0;border-radius:3px;background:transparent;color:#8d7d9f;font:15px/1 var(--ide-ui);cursor:pointer}
.ide-tab-close:hover{background:#ffffff0c;color:#e3cefa}
/* Exact generated-file classes. */
.ide-search{display:block}.ide-search input{padding-right:28px}
.ide-activity-spacer{display:block;flex:1;min-height:12px}
.ide-explorer details.ide-folder>summary::before{display:none}
.ide-explorer details.ide-folder>summary>span:first-child{display:inline-block;transform:rotate(-90deg);color:#9a88ae;line-height:1}
.ide-explorer details.ide-folder[open]>summary>span:first-child{transform:none}
.ide-folder-content{min-width:0}
.ide-count{margin-left:auto;padding:0 5px;color:#8a769b;font:9px var(--ide-mono)}
.ide-file--plain{min-height:34px;gap:8px;font:11px/1.45 var(--ide-mono)}
.ide-file-type{width:21px;flex:none;color:#bc91de;font:10px var(--ide-mono);text-align:center}
.ide-file-ext{color:#786486;font-size:11px;flex:none}
.ide-project-files>[data-ide-search-empty]{padding:8px 15px;color:#a08aaf;font-size:12px;line-height:1.7}
.ide-explorer-bottom{margin:23px 13px 0;padding-top:17px;border-top:1px solid #b192c322}
.ide-explorer-bottom .ide-label{padding:0;font-size:8px;color:#9980ab}
.ide-explorer-bottom p{font:500 11px/1.9 var(--ide-ui);margin:10px 0 6px;color:#c3adcf}
.ide-explorer-bottom p>span{font:9px var(--ide-mono);color:#806b90}
.ide-explorer-bottom>a{font-size:10px;line-height:1.8;color:#a990bc;overflow-wrap:anywhere}
.ide-panel:not(.ide-welcome){max-width:1040px;margin:0 auto;padding:30px clamp(22px,3.5vw,48px) 40px}
.ide-panel-title{font:650 clamp(30px,3.5vw,46px)/1.15 var(--ide-display);letter-spacing:-.025em;color:#eee2f8;margin:12px 0 20px;text-wrap:balance}
.ide-panel-title em{font-style:normal;color:#c39ae8}
.ide-panel>.ide-project-heading{padding:0 0 22px}
.ide-panel>.ide-project-description{padding:0 0 20px}
.ide-code-comment{margin:0 0 14px;color:#9786a8;font:11px/1.6 var(--ide-mono);overflow-wrap:anywhere}
.ide-welcome-hero{padding:0 0 4px}
.ide-branch-mark{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.ide-branch-mark svg{width:13px;height:13px;stroke-width:1.4}
.ide-kicker{flex-wrap:wrap;justify-content:space-between;gap:7px 16px;letter-spacing:0}
.ide-kicker::before{display:none}
.ide-kicker>span:last-child{font-size:10px;color:#8e809d}
.ide-section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin:24px 0 12px}
.ide-section-label h2{font:600 17px/1.4 var(--ide-display);letter-spacing:0;color:#d1bddf;margin:0}
.ide-section-label>span{font:9px var(--ide-mono);color:#8c739f;white-space:nowrap}
.ide-featured-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0}
.ide-featured-tags>span{padding:3px 6px;border:1px solid #bc98ce21;border-radius:3px;font:9px/1.5 var(--ide-mono);color:#a88bbc;background:#a67bca07}
.ide-project-card-image{display:block;padding:0!important;overflow:hidden;background:#100c17}
.ide-project-card-image img{display:block;width:100%;height:auto;aspect-ratio:1.75;object-fit:cover;object-position:top;border-bottom:1px solid #b391c81e}
.ide-project-card-body{padding:16px 17px!important}
.ide-project-card-body .ide-label{font-size:9px;text-transform:none;letter-spacing:.01em}
.ide-project-card-body h3 a{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ide-project-card-body h3 a>span{color:#8d6ca4;font-size:14px}
.ide-panel>.ide-project-image{width:100%;max-width:none;max-height:none;margin:0 0 24px;overflow:hidden}
.ide-project-image img{display:block;width:100%;height:auto;max-height:550px;object-fit:cover;object-position:top;background:#110c18}
.ide-project-image figcaption,.ide-project-gallery figcaption{padding:10px 12px;background:#1c1426;color:#9780a9;font:10px/1.7 var(--ide-mono)}
.ide-project-gallery figure{display:block;min-width:0;margin:0;overflow:hidden;border:1px solid #b48bc32b;border-radius:5px}
.ide-project-gallery figure img{border:0;border-radius:0}
.ide-project-gallery figcaption{font-size:9px}
.ide-innovation .ide-label{display:block;margin-bottom:9px;font-size:9px}
.ide-innovation>a{display:inline-flex;gap:7px;color:#c39ce1;font-size:12px;margin-top:13px;text-decoration:none}
.ide-preview-label{margin-left:auto;color:#80628f;font-size:8px;letter-spacing:.06em;flex:none}
.ide-contact-links{display:flex;flex-wrap:wrap;gap:9px 20px;margin:25px 0 10px}
.ide-contact-links a{font-size:13px;line-height:1.8;color:#c29ade;overflow-wrap:anywhere}
.ide-welcome-note{display:grid;grid-template-columns:23px 1fr;align-items:start;gap:8px 12px;padding:24px 0 0;margin:25px 0 0;border-top:1px solid #b192c320;min-width:0}
.ide-welcome-note>span{display:block;padding-top:4px;color:#9774b1}
.ide-welcome-note svg{width:19px;height:19px;stroke-width:1.4}
.ide-welcome-note p{margin:0;color:#ac97bd;font-size:14px;line-height:1.85}
.ide-welcome-note>a{grid-column:2;font-size:12px;color:#c39bdd;margin-top:2px}
.ide-legal{display:flex;align-items:center;flex-wrap:wrap;gap:7px 13px;margin:32px 0 0;padding:15px 0 0;border-top:1px solid #ad8ac11b;color:#816b92;font:9px/1.7 var(--ide-ui)}
.ide-legal a,.ide-legal button{font:inherit;color:#9f85b1;background:none;border:0;padding:0;text-decoration:none;cursor:pointer}
.ide-legal a:hover,.ide-legal button:hover{color:#dcc1ef}
.ide-agent-avatar[data-agent=claude]{color:#d5b298;background:#bd8e6c19;border-color:#c3977240}
.ide-agent-avatar[data-agent=codex]{color:#bce1d0;background:#6ab49a17;border-color:#78c4a94a}
.ide-agent-avatar[data-agent=gemini]{color:#b6b3ef;background:#847fc417;border-color:#9f92dd4a}
.ide-agent-avatar::after{display:none}
.ide-agent-session{color:#766385;font:9px var(--ide-mono)}
.ide-agents-intro{padding:0 3px;margin:13px 0 19px;color:#c7b3d9;font:500 18px/1.4 var(--ide-display)}
.ide-agent-body,.ide-agent-line,.ide-agent-body>[data-agent-output]{font-size:14px;line-height:1.75;color:#b5a3c6}
.ide-agent-body>[data-agent-output]{margin:12px 0 14px}
.ide-agent-path{font-size:10px;line-height:1.7}
.ide-agent-task{font-size:10px;color:#90829d;gap:6px}
.ide-agent-task::before{display:none}
.ide-demo-badge{display:inline-flex;padding:3px 6px;border:1px solid #be8ee533;border-radius:4px;background:#a372cc0c;font:8px/1.5 var(--ide-mono);letter-spacing:.04em;color:#b998d0}
.ide-demo-note{margin:16px 3px 12px;color:#9986ac;font-size:12px;line-height:1.85}
.ide-agent-method{display:block;margin:12px 3px;font-size:11px;line-height:1.85;color:#c099db}
.ide-terminal-tabs{gap:14px;white-space:nowrap}
.ide-terminal-tabs>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.ide-terminal-tabs>span:first-child{flex:none}
.ide-terminal-demo{margin-left:auto;font-size:8px;color:#7e648f;max-width:120px;min-width:0}
.ide-terminal-tabs>button{flex:none;letter-spacing:0;color:#c19ed9}
.ide-terminal-line,.ide-terminal-content{font-size:12px;line-height:1.8}
.ide-terminal-command{color:#bb93dd}
.ide-terminal-output{margin:4px 0 0;color:#ae9bbf;font:12px/1.8 var(--ide-mono);overflow-wrap:anywhere;white-space:pre-line}
.ide-workflow{margin-bottom:9px}.ide-workflow button{min-height:30px}
.ide-status-spacer{flex:1;min-width:0}
.ide-statusbar [data-motion-toggle]{font-size:inherit}
/* Command palette */
.ide-command-dialog{position:fixed;inset:15dvh auto auto 50%;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));max-width:100%;max-height:70dvh;overflow:hidden;margin:0;padding:0;border:1px solid #b68cdb66;border-radius:10px;background:#20172b;color:#e2cfee;box-shadow:0 25px 120px #000b;z-index:150}
.ide-command-dialog::backdrop{background:#090510a6;backdrop-filter:blur(3px)}
.ide-command-dialog>label{position:relative;display:flex;align-items:center;gap:11px;margin:0;padding:16px;border-bottom:1px solid #b58bca29}
.ide-command-dialog>label>svg{width:18px;height:18px;flex:none;color:#b08ec7;stroke-width:1.5}
.ide-command-dialog input{display:block;flex:1;min-width:0;width:100%;padding:0;background:transparent;border:0;border-radius:0;color:#eadcf3;font:14px/1.8 var(--ide-ui);box-shadow:none;outline:none}
.ide-command-dialog input::placeholder{color:#91799f}
.ide-command-dialog input:focus-visible{outline:0}
.ide-command-dialog>label:focus-within{box-shadow:inset 0 -2px #b285d8}
.ide-command-results{display:flex;flex-direction:column;gap:3px;padding:8px;overflow:auto;max-height:calc(70dvh - 115px);scrollbar-width:thin;scrollbar-color:#b68bd64a transparent}
.ide-command-results a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:43px;padding:10px 12px;border-radius:5px;color:#cbb3df;font:12px/1.5 var(--ide-ui);background:transparent}
.ide-command-results a:hover,.ide-command-results a:focus{background:#9463bd29;color:#f3e4ff}
.ide-command-results a>span:last-child{color:#81678f}
.ide-command-dialog>p{padding:8px 18px 11px;margin:0;border-top:1px solid #b58bca1c;font:10px var(--ide-mono);color:#8f739f}
.ide-preview-label,.ide-section-label>span,.ide-terminal-demo,.ide-terminal-tabs>span:not(.is-active),.ide-explorer-bottom p>span{color:#b0a2c0}
.ide-explorer-bottom>a,.ide-explorer-bottom>[data-chat-enable]{display:flex;align-items:center;min-height:32px;padding-block:5px;font-size:11px}
.ide-explorer-bottom>[data-chat-enable]{margin-top:4px;color:#d1bde6}
.ide-tab .ide-tab-close{margin:0 -8px 0 4px!important;min-height:26px;flex:none}
/* Closing a desktop drawer also releases its grid column. */
@media(min-width:1150px){.ide-window[data-explorer-open=false] .ide-shell{grid-template-columns:48px minmax(0,1fr) 286px}.ide-window[data-agents-open=false] .ide-shell{grid-template-columns:48px 222px minmax(0,1fr)}.ide-window[data-explorer-open=false][data-agents-open=false] .ide-shell{grid-template-columns:48px minmax(0,1fr)}.ide-window[data-explorer-open=false] .ide-explorer,.ide-window[data-agents-open=false] .ide-agents{display:none}}
@media(min-width:1150px) and (max-width:1280px){.ide-window[data-explorer-open=false] .ide-shell{grid-template-columns:45px minmax(0,1fr) 260px}.ide-window[data-agents-open=false] .ide-shell{grid-template-columns:45px 194px minmax(0,1fr)}.ide-window[data-explorer-open=false][data-agents-open=false] .ide-shell{grid-template-columns:45px minmax(0,1fr)}}
@media(min-width:761px) and (max-width:1149px){.ide-window[data-explorer-open=false] .ide-shell{grid-template-columns:45px minmax(0,1fr)}.ide-window[data-explorer-open=false] .ide-explorer{display:none}}
@media(max-width:760px){.ide-panel:not(.ide-welcome){padding:25px 23px 35px}.ide-panel-title{font-size:32px}.ide-panel>.ide-project-heading{padding:0 0 20px}.ide-panel>.ide-project-description{padding:0 0 18px}.ide-panel>.ide-project-image{width:100%}.ide-innovation h3{font-size:19px}.ide-code-comment{font-size:10px}.ide-kicker{gap:7px;align-items:flex-start;flex-direction:column}.ide-kicker>span:last-child{font-size:10px}.ide-section-label{gap:8px}.ide-section-label h2{font-size:18px}.ide-section-label>span{font-size:8px}.ide-project-card-body{padding:17px 18px!important}.ide-featured-tags{gap:6px}.ide-preview-label{font-size:7px}.ide-agent-body,.ide-agent-line,.ide-agent-body>[data-agent-output]{font-size:14px}.ide-terminal-tabs{gap:12px}.ide-terminal-tabs>span:nth-child(2){display:none}.ide-terminal-demo{max-width:95px;font-size:8px}.ide-terminal-tabs>button{font-size:10px}.ide-terminal-line,.ide-terminal-content,.ide-terminal-output{font-size:12px;line-height:1.7}.ide-workflow{margin-bottom:7px}.ide-workflow button{min-height:34px;font-size:9px}.ide-statusbar>span:nth-child(2),.ide-statusbar>span:nth-last-child(2){display:none}.ide-legal{font-size:9px;gap:7px 11px}.ide-contact-links{gap:8px;font-size:12px;flex-direction:column}.ide-command-dialog{inset:9dvh auto auto 50%;max-height:78dvh}.ide-command-dialog input{font-size:16px}.ide-command-results{max-height:calc(78dvh - 115px)}.ide-command-results a{min-height:46px;font-size:13px}}
@media(max-width:380px){.ide-panel:not(.ide-welcome){padding-inline:19px}.ide-panel-title{font-size:30px}.ide-section-label{align-items:flex-start}.ide-section-label h2{font-size:17px}.ide-section-label>span{font-size:7px;padding-top:4px}.ide-terminal-demo{max-width:83px}.ide-terminal-tabs{gap:10px}}
/* First-screen hierarchy: the featured project remains visible below the intro. */
.ide-section-label h2{font-size:18px;line-height:1.35}
.ide-code-comment{font-size:12px;line-height:1.55}
.ide-demo-note{font-size:11px;line-height:1.85}
.ide-file--plain{min-height:32px;padding-top:6px;padding-bottom:6px}
.ide-explorer-bottom{padding:16px 0 0}
@media(min-width:761px){.ide-hero-title{max-width:20ch;font-size:clamp(38px,3.1vw,50px);line-height:1.12}.ide-welcome{padding-top:29px}.ide-kicker{margin-bottom:15px}.ide-welcome-hero .ide-code-comment{margin-bottom:10px}.ide-actions{margin-top:20px;margin-bottom:24px}}

/* A desktop that responds: window controls, resizable editors, tools and sessions. */
body.ide-site{box-sizing:border-box;padding:12px;background:#0c0912;background-image:radial-gradient(ellipse at 35% 0%,#7b42bc17,transparent 60%)}
.ide-window{--ide-explorer-width:250px;--ide-agents-width:300px;--ide-terminal-height:210px;--ide-split-width:45%;position:relative;height:calc(100dvh - 24px);border:1px solid #a88bb12a;border-radius:9px;box-shadow:0 15px 60px #0005;isolation:isolate}
body[data-window-state=maximized]{padding:0}
body[data-window-state=maximized] .ide-window{height:100dvh;border:0;border-radius:0}
body[data-window-state=closed] .ide-window,body[data-window-state=minimized] .ide-window{display:none}
.ide-titlebar{gap:10px;padding-inline:9px;background:#211a2c}
.ide-window-controls{display:flex;gap:2px;margin-right:3px}
.ide-window-controls>button{display:inline-flex;align-items:center;justify-content:center;position:relative;flex:none;width:24px;min-width:24px;height:28px;padding:0;border:0;border-radius:4px;background:transparent!important;color:#3d1417;cursor:pointer}
.ide-window-controls>button::before{content:"";position:absolute;inset:8px 6px;border-radius:50%;background:#ff6468;box-shadow:inset 0 0 0 1px #ffffff0a}
.ide-window-controls>button:nth-child(2)::before{background:#f6c457}
.ide-window-controls>button:nth-child(3)::before{background:#5ed18c}
.ide-window-controls>button>span,.ide-window-controls>button>svg{position:relative;z-index:1;display:block;width:10px;height:10px;background:transparent;border-radius:0;font:12px/10px var(--ide-mono);color:inherit;opacity:0}
.ide-window-controls>button:hover,.ide-window-controls>button:focus-visible{background:transparent!important;box-shadow:none}
.ide-window-controls>button>svg{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ide-window-controls>[data-ide-window-action=minimize]{color:#5b3c00}
.ide-window-controls>[data-ide-window-action=maximize]{color:#064522}
.ide-window-controls>[data-ide-window-action=maximize]>svg{fill:currentColor;stroke:none}
.ide-window-controls:hover>button>span,.ide-window-controls:hover>button>svg,.ide-window-controls>button:focus-visible>span,.ide-window-controls>button:focus-visible>svg{opacity:1}
.ide-titlebar .ide-wordmark{font-size:13px;gap:7px}
.ide-titlebar .ide-wordmark img{width:23px;height:23px}
.ide-command-button{height:28px;min-height:28px;max-width:420px;background:#100d1550;border-color:#ffffff14;color:#c2b7d0}
.ide-titlebar-menus,.ide-menus{display:flex;align-items:center;gap:1px;flex:none}
.ide-menu{position:relative;margin:0;padding:0;border:0;border-radius:0;background:transparent}
.ide-menu>summary{display:flex;align-items:center;justify-content:center;min-height:30px;margin:0;padding:4px 8px;border:0;border-radius:4px;background:transparent;color:#b8a9c7;font:11px/1.4 var(--ide-ui);list-style:none;cursor:pointer;white-space:nowrap}
.ide-menu>summary::-webkit-details-marker{display:none}
.ide-menu>summary::after{display:none}
.ide-menu[open]>summary,.ide-menu>summary:hover{background:#ffffff08;color:#e6d8f3}
.ide-menu>div,.ide-menu>.ide-menu-items{position:absolute;top:calc(100% + 5px);left:0;z-index:120;display:flex;flex-direction:column;gap:2px;min-width:224px;padding:5px;border:1px solid #b398cc35;border-radius:6px;background:#271e33;box-shadow:0 8px 30px #0007}
.ide-menu button,.ide-menu a{display:flex;align-items:center;justify-content:space-between;gap:22px;width:100%;min-height:34px;padding:7px 10px;border:0;border-radius:3px;background:transparent;text-align:left;color:#d8c9e7;font:11px/1.4 var(--ide-ui);white-space:nowrap}
.ide-menu button:hover,.ide-menu a:hover{background:#9d6be32b;color:#fff}
.ide-menu kbd{color:#a18daf;font:10px var(--ide-mono)}
.ide-menu hr{width:calc(100% - 10px);height:1px;margin:3px 5px;border:0;background:#b79bc320}
.ide-shell{position:relative;grid-template-columns:48px var(--ide-explorer-width) minmax(0,1fr) var(--ide-agents-width)}
.ide-activity button,.ide-activity a{width:47px}
.ide-activity [aria-pressed=true]{color:#d3b3fc;box-shadow:inset 2px 0 #bc8bff;background:#a466dd0b}
.ide-explorer{position:relative;padding-bottom:0;border-right:1px solid #b39bc716;background:#191520}
.ide-explorer-header{position:sticky;top:0;z-index:5;min-height:40px;padding:6px 12px;background:#191520;color:#c0b0cd;letter-spacing:.065em}
.ide-sidebar-content{min-width:0;padding-bottom:12px}
.ide-sidebar-content>.ide-search,.ide-sidebar-content [data-ide-sidebar-view]>.ide-search{margin:5px 10px 10px}
/* Editor panels animate locally; cross-document snapshots can be skipped during rapid navigation. */
@view-transition{navigation:none}
.ide-sidebar-switch{display:none;gap:4px;padding:4px 8px 10px}
.ide-sidebar-switch button{flex:1;min-width:0;min-height:28px;padding:4px;border:1px solid #aa8cb526;border-radius:3px;background:#ffffff03;color:#ad99bf;font:10px var(--ide-ui)}
.ide-sidebar-switch button[aria-pressed=true]{background:#a575d51d;border-color:#a575d54a;color:#e8d9f5}
.ide-language-mobile{display:flex;align-items:center;justify-content:center;min-width:36px;padding:4px;border:1px solid #aa8cb526;border-radius:3px;color:#e8d9f5;font:11px var(--ide-ui)}
@media(max-width:1150px){.ide-sidebar-switch{display:flex}.ide-sidebar-switch button,.ide-language-mobile{min-height:36px}}
.ide-explorer details.ide-folder>summary{min-height:29px;padding:5px 11px;background:#ffffff03;color:#d5c7df;font:500 10px/1.5 var(--ide-mono);letter-spacing:.025em;text-transform:uppercase}
.ide-explorer details.ide-folder>summary>span:first-child{font-size:12px;line-height:1}
.ide-explorer details.ide-folder[open]>summary{border-block:1px solid #ffffff04}
.ide-open-editors{padding:3px 0 7px}
.ide-open-editors>button,.ide-open-editor{display:flex;align-items:center;gap:8px;width:100%;min-width:0;min-height:29px;padding:5px 14px 5px 25px;border:0;border-left:2px solid transparent;border-radius:0;background:transparent;text-align:left;color:#a99bb9;font:11px/1.4 var(--ide-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ide-open-editors>button:hover,.ide-open-editor:hover{background:#af80d60d;color:#e7d5f8}
.ide-open-editors>button[aria-current=true],.ide-open-editor.is-active{border-left-color:#bc8bff;background:#aa7bd01c;color:#e7d5f8}
.ide-open-editors svg{width:13px;height:13px;flex:none;stroke:#a98ad0;stroke-width:1.5;fill:none}
.ide-open-editors .ide-open-editor-close{margin-left:auto;color:#a68bb7;flex:none}
.ide-project-folder{position:relative;margin:0;padding:0;border:0;border-radius:0;background:transparent}
.ide-project-folder>summary{display:flex;align-items:center;gap:6px;min-height:30px;padding:5px 10px 5px 18px;border:0;background:transparent;color:#c9b8d8;font:11px/1.45 var(--ide-mono);list-style:none;cursor:pointer}
.ide-project-folder>summary::-webkit-details-marker{display:none}
.ide-project-folder>summary::after{display:none}
.ide-project-folder>summary::before{content:"›";display:block;width:8px;flex:none;font-size:15px;color:#9b86ae;transform-origin:50%;transition:transform .12s}
.ide-project-folder[open]>summary::before{transform:rotate(90deg)}
.ide-project-folder>summary:hover{background:#a682c110}
.ide-project-folder>summary>svg{width:14px;height:14px;flex:none;fill:none;stroke:#b69ad9;stroke-width:1.5}
.ide-project-folder>summary strong{font-weight:400;min-width:0;overflow:hidden;text-overflow:ellipsis}
.ide-project-folder>summary small,.ide-tree-status{margin-left:auto;color:#8fcab9;font:9px var(--ide-mono);white-space:nowrap}
.ide-project-folder>.ide-folder-content{position:relative;margin-left:25px;border-left:1px solid #a785bc25;padding-block:2px 5px}
.ide-tree-file,.ide-project-entry{display:flex;align-items:center;gap:7px;width:100%;min-width:0;min-height:30px;padding:5px 10px 5px 11px;border:0;border-radius:0;background:transparent;text-align:left;color:#af9bbf;font:11px/1.5 var(--ide-mono);overflow-wrap:anywhere}
.ide-tree-file:hover,.ide-project-entry:hover{background:#a575d813;color:#edddfa}
.ide-tree-file[aria-current=true],.ide-project-entry[aria-current=true],.ide-tree-file.is-active,.ide-project-entry.is-active{background:#a678d11c;color:#e4c8fb}
.ide-tree-file>span,.ide-project-entry>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ide-tree-file>svg,.ide-project-entry>svg{width:13px;height:13px;flex:none;fill:none;stroke:#aa84c9;stroke-width:1.5}
.ide-tree-file img,.ide-project-entry img{display:block;width:28px;height:20px;flex:none;object-fit:cover;object-position:top;border:1px solid #ffffff13;border-radius:2px;background:#120d1b}
.ide-tree-file .ide-file-type{width:15px;font-size:9px;flex:none;overflow:visible}
.ide-file--plain{padding-left:21px;color:#b3a0c4;font-size:11px}
.ide-explorer-bottom{margin:20px 12px 8px;padding-top:13px}
.ide-extension-list{display:flex;flex-direction:column;padding:3px 0 10px}
.ide-extension-card{display:grid;grid-template-columns:35px minmax(0,1fr);align-items:start;gap:10px;position:relative;padding:14px 12px;border-bottom:1px solid #ffffff06;min-width:0;background:transparent}
.ide-extension-card:hover{background:#b087d308}
.ide-extension-icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #b993df3b;border-radius:8px;background:linear-gradient(145deg,#713fb92b,#191520);color:#c29aeb;font:600 15px/1 var(--ide-display)}
.ide-extension-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
.ide-extension-card h3,.ide-extension-card strong{display:block;margin:0 0 4px;font:600 11px/1.5 var(--ide-ui);color:#e0d2eb}
.ide-extension-card p{margin:3px 0;color:#a896ba;font:11px/1.65 var(--ide-ui);overflow-wrap:anywhere}
.ide-extension-card small{display:flex;align-items:center;gap:4px;font:10px/1.5 var(--ide-ui);color:#a48cb7}
.ide-extension-card small::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:10px;height:10px;border-radius:50%;background:#6f9bdd21;color:#a3c7ef;font-size:7px}
.ide-extension-card a,.ide-extension-card button{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:3px 7px;margin-top:7px;border:1px solid #a57dcb43;border-radius:3px;background:#9c62d51a;color:#d6b7ef;font:10px/1.5 var(--ide-ui)}
.ide-extension-card a:hover,.ide-extension-card button:hover{background:#b580df26;border-color:#b580df66}
.ide-editor-top{display:flex;align-items:stretch;min-width:0;flex:none;height:40px;border-bottom:1px solid #ffffff06;background:#18131f}
.ide-editor-top>.ide-tabs{flex:1;min-width:0;border-bottom:0}
.ide-editor-actions{display:flex;align-items:center;gap:1px;flex:none;padding-inline:5px;border-left:1px solid #ffffff08;background:#1b1524}
.ide-editor-actions button,.ide-secondary-header button,.ide-terminal-window-actions button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:29px;min-height:29px;padding:6px;border:0;border-radius:4px;background:transparent;color:#a998bc}
.ide-editor-actions button:hover,.ide-secondary-header button:hover,.ide-terminal-window-actions button:hover{background:#bc91df12;color:#e4cdf6}
.ide-editor-actions button[aria-pressed=true],.ide-editor-actions button[aria-expanded=true]{background:transparent;color:#94f5de}
.ide-editor-actions svg,.ide-secondary-header svg,.ide-terminal-window-actions svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4}
/* Quiet editor controls: icons change colour without a filled button tile. */
.ide-site :is(.ide-editor-actions,.ide-power-toolbar) button,.ide-titlebar :is(.ide-explorer-toggle,.ide-agents-toggle){appearance:none;-webkit-appearance:none;border-radius:5px;transition:background-color .14s,color .14s,box-shadow .14s}
.ide-site :is(.ide-editor-actions,.ide-power-toolbar) button:is(:hover,:focus-visible):not(:disabled),.ide-titlebar :is(.ide-explorer-toggle,.ide-agents-toggle):is(:hover,:focus-visible){background:transparent;border-color:transparent;color:#f1dcff;box-shadow:none}
.ide-site .ide-editor-actions button:is([aria-pressed=true],[aria-expanded=true]):is(:hover,:focus-visible){background:transparent;color:#b9ffe9;box-shadow:none}
.ide-site :is(.ide-editor-actions,.ide-power-toolbar) button svg,.ide-titlebar :is(.ide-explorer-toggle,.ide-agents-toggle) svg{display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ide-editor-body{display:flex;position:relative;flex:1;min-width:0;min-height:0;overflow:hidden}
.ide-editor-body>.ide-editor-scroll{flex:1 1 0;min-width:0;position:relative;container-type:inline-size;container-name:ide-reading}
.ide-secondary{display:flex;flex-direction:column;position:relative;flex:0 0 var(--ide-split-width);width:var(--ide-split-width);min-width:0;min-height:0;border-left:1px solid #b69cdb30;background:#17121f}
.ide-window[data-split-open=false] .ide-secondary{display:none}
.ide-secondary-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;min-height:35px;padding:3px 8px 3px 13px;border-bottom:1px solid #b69cdb17;background:#211829;color:#cbb2dc;font:11px/1.45 var(--ide-mono)}
.ide-secondary-header>span,.ide-secondary-header>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}
.ide-secondary-content{flex:1;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a07cb03d transparent;container-type:inline-size;container-name:ide-reading}
.ide-secondary-content>.ide-panel{padding:25px 24px 35px}
.ide-secondary-content .ide-panel-title{font-size:29px}
.ide-secondary-content .ide-project-image{width:100%}
.ide-secondary-content .ide-kicker{font-size:10px}
.ide-secondary-content .ide-featured-project,.ide-secondary-content .ide-project-grid,.ide-secondary-content .ide-innovation-grid,.ide-secondary-content .ide-project-gallery{grid-template-columns:minmax(0,1fr)}
.ide-secondary-content .ide-featured-image{aspect-ratio:1.75;min-height:0;border-right:0;border-bottom:1px solid var(--ide-line)}
.ide-secondary-content .ide-project-heading h2{font-size:29px}
.ide-secondary-content .ide-project-description h3{font-size:21px}
[data-ide-resize]{position:absolute;z-index:15;touch-action:none;user-select:none;background:transparent;border:0;border-radius:0;padding:0;outline-offset:-2px;transition:background .15s}
[data-ide-resize=explorer]{top:0;bottom:0;left:calc(48px + var(--ide-explorer-width) - 3px);width:6px;cursor:col-resize}
[data-ide-resize=agents]{top:0;bottom:0;right:calc(var(--ide-agents-width) - 3px);width:6px;cursor:col-resize}
[data-ide-resize=terminal]{top:-3px;left:0;right:0;height:6px;cursor:row-resize}
[data-ide-resize=split]{top:0;bottom:0;left:-3px;width:6px;cursor:col-resize}
[data-ide-resize]:hover,[data-ide-resize]:focus-visible{background:#b47deb80}
.ide-window[data-resizing] [data-ide-resize]{transition:none}
.ide-window[data-resizing]{user-select:none}
.ide-window[data-resizing=explorer],.ide-window[data-resizing=agents],.ide-window[data-resizing=split]{cursor:col-resize}
.ide-window[data-resizing=terminal]{cursor:row-resize}
.ide-window[data-explorer-open=false] [data-ide-resize=explorer],.ide-window[data-agents-open=false] [data-ide-resize=agents]{display:none}
.ide-terminal{position:relative;flex:0 0 var(--ide-terminal-height);min-height:100px;max-height:none;overflow:visible;background:#120f19;border-top:1px solid #b69cdb26}
.ide-window[data-terminal-open=false] .ide-terminal{display:none}
.ide-window[data-terminal-maximized=true] .ide-editor-body,.ide-window[data-terminal-maximized=true] .ide-breadcrumb{display:none}
.ide-window[data-terminal-maximized=true] .ide-terminal{flex:1 1 auto;min-height:0;height:auto}
.ide-window[data-terminal-maximized=true] [data-ide-resize=terminal]{display:none}
.ide-terminal-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;flex:none;min-height:35px;border-bottom:1px solid #ffffff06}
.ide-terminal-head>.ide-terminal-tabs{flex:1;min-width:0;min-height:34px;padding-inline:16px;gap:17px;border:0;overflow-x:auto;scrollbar-width:none}
.ide-terminal-tabs button{color:#b6a1c7;font-size:10px;white-space:nowrap}
.ide-terminal-tabs button[aria-selected=true]{color:#e0c8f1;border-bottom-color:#c68ef7}
.ide-terminal-window-actions{display:flex;align-items:center;gap:1px;flex:none;padding-right:6px}
.ide-terminal-pane,[data-ide-terminal-pane]{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#a07cb03d transparent}
.ide-terminal-content{padding:10px 17px;min-width:0;font-size:11px}
.ide-terminal-output{font-size:11px}
.ide-terminal-toolbar{padding:6px 16px 9px}
.ide-terminal-command{color:#c29ede}
.ide-terminal-log,.ide-console-log{flex:1;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0;padding:12px 17px;color:#bca8cb;font:11px/1.85 var(--ide-mono);white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#a07cb03d transparent}
.ide-terminal-log p,.ide-console-log p{font:inherit;margin:0 0 5px;white-space:pre-wrap;overflow-wrap:anywhere}
.ide-console-command{color:#c99eea}.ide-console-success{color:#8ad5bd}.ide-console-muted{color:#a18caf}
.ide-terminal-form,.ide-console-form{display:flex;align-items:center;gap:9px;flex:none;min-width:0;padding:7px 13px 10px;border-top:1px solid #ffffff06;font:11px var(--ide-mono)}
.ide-terminal-form>span,.ide-console-form>span{color:#c798e8;flex:none}
.ide-terminal-form input,.ide-console-form input{flex:1;width:100%;min-width:0;min-height:30px;padding:4px 6px;background:transparent;border:0;color:#e2d3eb;font:12px/1.6 var(--ide-mono);box-shadow:none}
.ide-terminal-form input::placeholder,.ide-console-form input::placeholder{color:#97839f}
.ide-terminal-form button,.ide-console-form button{flex:none;min-height:30px;padding:4px 9px;border:1px solid #a57dcb43;border-radius:3px;background:#9c62d51a;color:#d6b7ef;font:10px var(--ide-mono)}
.ide-agent-header>button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border:0;border-radius:4px;background:transparent;color:#ad92be}
.ide-agent-header>button:hover{background:#b27ad315;color:#e0c0f2}
.ide-agent-header>button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4}
.ide-agent-card .ide-agent-path{border:1px solid #9a7fb21b;border-left:2px solid #b28ace66;border-radius:3px;background:#100c1855;color:#b497c6}
.ide-agent-card details{margin:10px 0 0;padding:0;border:1px solid #a685be1e;border-radius:3px;background:#110c1850}
.ide-agent-card details>summary{padding:7px 8px;border:0;background:none;color:#b79acb;font:10px/1.5 var(--ide-mono);cursor:pointer}
.ide-agent-card details pre{margin:0;padding:9px;border-top:1px solid #a685be1e;background:#0d0a1250;color:#aac9bb;font:10px/1.8 var(--ide-mono);white-space:pre-wrap;overflow-wrap:anywhere}
.ide-session-panel,.ide-tool-detail{max-width:960px;min-width:0}
.ide-session-header,.ide-tool-header{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:7px 0 23px;padding-bottom:22px;border-bottom:1px solid #b392c224}
.ide-session-header .ide-agent-avatar,.ide-tool-header .ide-extension-icon{width:49px;height:49px;font-size:23px;border-radius:10px}
.ide-session-header .ide-panel-title,.ide-tool-header .ide-panel-title{margin:0 0 5px;font-size:34px}
.ide-session-header p,.ide-tool-header p{margin:0;color:#a991be;font:11px/1.6 var(--ide-mono)}
.ide-session-thread{display:grid;gap:20px;padding:8px 0 25px;min-width:0}
.ide-session-message{padding:0 0 0 24px;border-left:1px solid #ad86c92e;position:relative;min-width:0}
.ide-session-message::before{content:"";position:absolute;left:-4px;top:6px;width:7px;height:7px;border:2px solid #1b1727;border-radius:50%;background:#8fcbb2}
.ide-session-message h3{margin:0 0 9px;color:#d5c1e4;font:500 13px/1.6 var(--ide-ui)}
.ide-session-message p{color:#b8a4c9;font-size:13px;line-height:1.85;margin:9px 0}
.ide-session-message pre,.ide-tool-detail pre,.ide-session-code{display:block;max-width:100%;margin:12px 0;padding:14px 16px;border:1px solid #ac88c32a;border-radius:5px;background:#0d0b12;color:#afd2c1;font:11px/1.9 var(--ide-mono);overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.ide-session-message details{border:1px solid #ac88c326;border-radius:4px;background:#9d6acb05;overflow:hidden}
.ide-session-message details summary{padding:10px 13px;color:#bca4ce;font:11px var(--ide-mono);cursor:pointer}
.ide-session-message details pre{margin:0;border:0;border-top:1px solid #ac88c326;border-radius:0}
.ide-tool-detail p,.ide-tool-detail li{color:#bba8ca;font-size:14px;line-height:1.9}
.ide-tool-detail h3{color:#dec9ed;font:600 21px/1.4 var(--ide-display);margin:24px 0 10px}
.ide-run-progress{height:2px;position:relative;overflow:hidden;background:#b392c21c;border-radius:2px;margin:14px 0}
.ide-run-progress>span{display:block;width:34%;height:100%;background:linear-gradient(90deg,#a477e6,#e58ada,#6cd9c4);transform:translateX(-110%)}
[data-bmad-playing=true] .ide-run-progress>span,.ide-session-panel[data-running=true] .ide-run-progress>span{animation:ide-run-travel 1.8s ease-in-out 4}
@keyframes ide-run-travel{0%{transform:translateX(-110%)}100%{transform:translateX(400%)}}
.ide-desktop-home{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:35px 24px;overflow:auto;background:radial-gradient(ellipse at 50% 42%,#5730773b,transparent 56%),#0c0912;color:#ede1f8;text-align:center;isolation:isolate}
.ide-desktop-home::before{content:"";position:absolute;z-index:-1;top:calc(45% - 145px);left:calc(50% - 145px);width:290px;height:290px;border:1px solid #a977d21c;border-radius:50%;box-shadow:0 0 100px #894bd320,inset 0 0 80px #894bd308;animation:ide-desktop-breathe 4s ease-in-out 2}
.ide-desktop-home>img{display:block;width:74px;height:74px;margin:0 auto 22px;object-fit:contain;filter:drop-shadow(0 0 24px #ad60e530)}
.ide-desktop-home h1,.ide-desktop-home h2{margin:0 0 13px;color:#e8d6f6;font:650 clamp(27px,4vw,43px)/1.2 var(--ide-display);letter-spacing:-.025em}
.ide-desktop-home p{max-width:44ch;margin:0 0 25px;color:#b09aba;font-size:14px;line-height:1.85}
.ide-desktop-home button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:12px 18px;border:1px solid #ad79db70;border-radius:6px;background:#7c46ac30;color:#e6d1f7;font:500 12px var(--ide-ui)}
.ide-desktop-home button:hover{background:#8e4abe45;border-color:#c191e8}
.ide-desktop-home button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
.ide-desktop-home small{margin-top:20px;color:#917ca0;font:10px/1.7 var(--ide-mono)}
@keyframes ide-desktop-breathe{50%{transform:scale(1.12);opacity:.65}}
.ide-statusbar{height:25px;background:#4b2a72}
.ide-statusbar button{padding-inline:3px;color:#e7d9f4}
.ide-statusbar button:hover{background:#ffffff12}
.ide-tab-item[draggable=true]{cursor:grab}
.ide-tab-item.is-dragging{opacity:.45}
.ide-tab-item.is-drag-over{box-shadow:inset 3px 0 #72d9c5}
.ide-editor-body.is-drop-target,.ide-secondary.is-drop-target{box-shadow:inset 0 0 0 2px #a575e6;outline:2px solid #a575e6;outline-offset:-2px;background:#9c65dc10}
@container ide-reading (max-width:560px){.ide-featured-project,.ide-project-grid,.ide-innovation-grid,.ide-project-gallery{grid-template-columns:minmax(0,1fr)}.ide-featured-image{aspect-ratio:1.75;min-height:0;border-right:0;border-bottom:1px solid var(--ide-line)}.ide-welcome,.ide-panel:not(.ide-welcome){padding-inline:24px}.ide-hero-title{font-size:clamp(30px,8cqi,43px);max-width:20ch}.ide-panel-title{font-size:32px}.ide-project-heading h2{font-size:30px}.ide-kicker{align-items:flex-start;flex-direction:column;gap:7px}.ide-actions{gap:9px}.ide-brief-panel .brief-form .grid-2{grid-template-columns:minmax(0,1fr)}}
@container ide-reading (max-width:360px){.ide-welcome,.ide-panel:not(.ide-welcome){padding-inline:18px}.ide-hero-title{font-size:31px}.ide-panel-title{font-size:28px}.ide-intro,.ide-project-heading p,.ide-project-description p{font-size:13px}.ide-section-label{align-items:flex-start}.ide-section-label>span{white-space:normal;text-align:right}.ide-featured-copy{padding:16px}.ide-button{font-size:11px;padding-inline:10px}}
@media(min-width:1150px){.ide-window[data-explorer-open=false] .ide-shell{grid-template-columns:48px minmax(0,1fr) var(--ide-agents-width)}.ide-window[data-agents-open=false] .ide-shell{grid-template-columns:48px var(--ide-explorer-width) minmax(0,1fr)}.ide-window[data-explorer-open=false][data-agents-open=false] .ide-shell{grid-template-columns:48px minmax(0,1fr)}}
@media(max-width:1380px){.ide-titlebar-menus,.ide-menus{display:none}.ide-command-button{max-width:350px}.ide-titlebar{gap:8px}.ide-welcome{padding-inline:30px}}
@media(min-width:761px) and (max-width:1149px){.ide-shell{grid-template-columns:48px var(--ide-explorer-width) minmax(0,1fr)}.ide-window[data-explorer-open=false] .ide-shell{grid-template-columns:48px minmax(0,1fr)}.ide-agents[data-open=true]{top:55px;right:13px;bottom:38px;max-height:calc(100dvh - 93px)}body[data-window-state=maximized] .ide-agents[data-open=true]{top:42px;right:0;bottom:25px;max-height:calc(100dvh - 67px)}[data-ide-resize=agents]{display:none}.ide-titlebar .ide-window-controls{display:flex}.ide-command-button{max-width:300px}.ide-language{display:none}}
@media(max-width:900px){.ide-titlebar .ide-wordmark>span,.ide-titlebar .ide-wordmark>strong{display:none}.ide-titlebar .ide-wordmark{gap:0}.ide-window-controls{margin-right:0}.ide-top-cta{font-size:10px}.ide-editor-actions button{width:27px;padding:6px}.ide-titlebar{gap:6px}.ide-command-button{gap:8px}}
@media(max-width:760px){body.ide-site{padding:0}.ide-window,body[data-window-state=maximized] .ide-window{height:100dvh;border:0;border-radius:0;grid-template-rows:46px minmax(0,1fr) 25px}.ide-titlebar{height:46px;padding-inline:6px;gap:5px}.ide-titlebar .ide-window-controls{display:flex;gap:0;margin-right:1px}.ide-window-controls>button{width:22px;min-width:22px;height:30px}.ide-window-controls>button::before{inset:9px 5px}.ide-titlebar .ide-wordmark{gap:0}.ide-titlebar .ide-wordmark img{width:25px;height:25px}.ide-titlebar .ide-wordmark>span,.ide-titlebar .ide-wordmark>strong{display:none}.ide-explorer-toggle,.ide-agents-toggle{width:30px;height:34px}.ide-top-cta{margin-left:auto;min-height:31px;font-size:10px;padding:5px 8px;gap:4px}.ide-language,.ide-titlebar-menus,.ide-menus{display:none}.ide-shell{display:flex}.ide-explorer[data-open=true]{top:46px;bottom:25px;max-height:calc(100dvh - 71px);width:min(305px,calc(100vw - 22px));left:0}.ide-agents[data-open=true]{top:46px;right:0;bottom:25px;max-height:calc(100dvh - 71px)}[data-ide-resize]{display:none}.ide-explorer details.ide-folder>summary{min-height:37px;font-size:11px}.ide-project-folder>summary{min-height:38px;font-size:12px;padding-left:16px}.ide-project-folder>.ide-folder-content{margin-left:24px}.ide-tree-file,.ide-project-entry{min-height:37px;font-size:11px;padding-block:7px}.ide-tree-file img,.ide-project-entry img{width:31px;height:23px}.ide-open-editors>button,.ide-open-editor{min-height:34px;font-size:11px}.ide-file--plain{min-height:36px}.ide-extension-card{grid-template-columns:37px minmax(0,1fr);padding:15px 14px}.ide-extension-card h3,.ide-extension-card strong{font-size:12px}.ide-extension-card p{font-size:12px}.ide-extension-card a,.ide-extension-card button{min-height:32px;font-size:11px}.ide-editor-top{height:38px}.ide-editor-actions{padding-inline:3px}.ide-editor-actions button{width:28px;min-height:30px}.ide-editor-actions button[data-ide-agents]{display:none}.ide-editor-body{display:flex;flex-direction:column}.ide-secondary{flex:1 1 auto;min-height:0;width:100%;border-left:0;border-top:1px solid #b69cdb30}.ide-window[data-split-open=true] .ide-editor-body>.ide-editor-scroll{display:none}.ide-secondary-header{min-height:38px}.ide-secondary-header button{width:34px;min-height:32px}.ide-secondary-content>.ide-panel{padding-inline:22px}.ide-terminal{flex-basis:min(var(--ide-terminal-height),28dvh);min-height:125px;max-height:none}.ide-terminal-head{min-height:34px}.ide-terminal-head>.ide-terminal-tabs{padding-inline:12px;gap:13px;min-height:34px}.ide-terminal-tabs button{font-size:9px;min-height:33px}.ide-terminal-window-actions{gap:0;padding-right:4px}.ide-terminal-window-actions button{width:26px;min-height:28px;padding:5px}.ide-terminal-tabs .ide-terminal-demo{display:none}.ide-terminal-toolbar{padding:5px 12px 7px}.ide-terminal-content{padding:9px 13px;font-size:11px}.ide-terminal-output{font-size:11px}.ide-terminal-log,.ide-console-log{padding:10px 13px;font-size:11px}.ide-terminal-form,.ide-console-form{padding:5px 10px 8px;gap:5px}.ide-terminal-form input,.ide-console-form input{font-size:16px}.ide-terminal-form button,.ide-console-form button{min-height:32px;font-size:10px}.ide-workflow{gap:4px}.ide-workflow button{min-height:31px;font-size:9px;padding-inline:5px}.ide-window[data-terminal-maximized=true] .ide-terminal{max-height:none;min-height:0;flex:1}.ide-statusbar{gap:8px;padding-inline:8px}.ide-statusbar>span:nth-child(2),.ide-statusbar>span:nth-last-child(2){display:none}.ide-desktop-home>img{width:64px;height:64px}.ide-desktop-home p{font-size:13px}}
@media(max-width:380px){.ide-titlebar{gap:3px;padding-inline:4px}.ide-window-controls>button{width:20px;min-width:20px}.ide-window-controls>button::before{inset:9px 4px}.ide-titlebar .ide-wordmark img{width:23px;height:23px}.ide-explorer-toggle,.ide-agents-toggle{width:27px;padding:4px}.ide-top-cta{padding-inline:6px;font-size:9px}.ide-editor-actions button{width:26px}.ide-editor-actions{padding-inline:1px}.ide-terminal-head>.ide-terminal-tabs{gap:10px;padding-inline:10px}.ide-terminal-tabs button{font-size:8px}.ide-terminal-window-actions button{width:24px}.ide-workflow button{font-size:8px}.ide-statusbar{font-size:8px;gap:5px}.ide-statusbar .ide-branch-mark{gap:4px}}
@media(max-height:680px) and (min-width:761px){.ide-window{--ide-terminal-height:175px}.ide-terminal{flex-basis:var(--ide-terminal-height);max-height:none;min-height:100px}.ide-window[data-terminal-maximized=true] .ide-terminal{flex:1}.ide-welcome{padding-top:25px}}
html[data-motion-paused=true] .ide-window *,html[data-motion-paused=true] .ide-desktop-home::before{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.ide-window *,.ide-desktop-home::before{animation:none!important;transition:none!important}.ide-editor-scroll,.ide-secondary-content{scroll-behavior:auto}}
/* Component details shared by the homepage and every public document. */
.ide-menubar{display:flex;align-items:center;gap:1px;flex:none}
.ide-window .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ide-sidebar-note{padding:6px 13px;color:#ad99bd;font-size:11px;line-height:1.8}
.ide-sidebar-note h2{font:600 17px/1.35 var(--ide-display);color:#d7c4e4;margin:4px 0 8px}
.ide-sidebar-note p{margin:0 0 8px;font-size:11px;line-height:1.8;color:#ae9bbd}
.ide-sidebar-command{display:flex;align-items:center;justify-content:space-between;gap:12px;width:calc(100% - 22px);min-height:34px;margin:5px 11px 13px;padding:6px 9px;border:1px solid #a084bc30;border-radius:4px;background:#a278c714;color:#d0b8e1;font:11px/1.5 var(--ide-ui)}
.ide-sidebar-command kbd{font:10px var(--ide-mono);color:#a991ba}
.ide-search-results{display:grid;gap:1px}
.ide-search-result{display:flex;align-items:center;gap:9px;min-height:35px;padding:7px 14px;color:#c6afd6;font:11px/1.5 var(--ide-ui)}
.ide-search-result:hover{background:#aa7bd01c}
.ide-search-result svg{width:15px;height:15px;stroke:#ac8bca}
.ide-open-editors [data-ide-open-editors]{padding-block:3px 5px}
.ide-open-editor{padding-left:17px;min-height:28px}
.ide-open-editor>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.ide-explorer .ide-open-editor{font:11px/1.5 var(--ide-mono);min-height:29px}
.ide-project-folder>.ide-tree-children{position:relative;margin-left:27px;padding:2px 0 5px;border-left:1px solid #a785bc25}
.ide-project-folder>summary>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ide-project-folder .ide-tree-file{border-left:0}
.ide-project-folder .ide-tree-file small{margin-left:auto;flex:none;color:#a58ab6;font-size:9px}
.ide-tree-file.ide-file{min-height:32px;padding:5px 11px}
.ide-tree-file.ide-file img{width:28px;height:21px}
.ide-extension-card{grid-template-columns:35px minmax(0,1fr) 13px;gap:10px;padding-block:14px}
.ide-extension-card>span:nth-child(2){min-width:0}
.ide-extension-card>span:last-child{padding-top:3px;color:#bfa0d2;font:12px var(--ide-mono)}
.ide-extension-card small{font-size:10px;line-height:1.7;color:#b19bc1}
.ide-extension-card small::before{display:none}
.ide-extension-publisher{display:block;margin-top:5px;color:#9682a6;font:10px/1.5 var(--ide-ui)}
.ide-extension-icon[data-agent=claude]{color:#e1b79b;background:#b785671d;border-color:#bc926841}
.ide-extension-icon[data-agent=codex]{color:#b3dfc9;background:#69b29018;border-color:#77bf9d38}
.ide-extension-icon[data-agent=gemini]{color:#c3b6f3;background:#8f76d21d;border-color:#9c83d941}
.ide-extension-icon[data-agent=bmad]{color:#e2b6e9;background:#b376c21d;border-color:#c183d241}
.ide-extension-icon[data-agent=vscode]{color:#93c5f0;background:#618cbc1d;border-color:#75a5d741}
.ide-extension-icon[data-agent=playwright]{color:#c6d9ac;background:#7da1511d;border-color:#97bf6a41}
.ide-extension-icon[data-agent=git]{color:#efbda7;background:#c27b5d1d;border-color:#ce937841}
.ide-tool-heading,.ide-session-heading{display:flex;align-items:center;gap:14px;min-width:0;flex-wrap:wrap;margin:13px 0 23px;padding-bottom:22px;border-bottom:1px solid #b392c224}
.ide-tool-heading .ide-extension-icon,.ide-session-heading .ide-agent-avatar{width:49px;height:49px;font-size:24px;border-radius:10px}
.ide-tool-heading h2,.ide-session-heading h2{margin:0;color:#ead9f6;font:650 33px/1.3 var(--ide-display);letter-spacing:-.015em}
.ide-tool-heading p{margin:3px 0 0;color:#af93c3;font:11px/1.7 var(--ide-mono)}
.ide-tool-detail>.ide-innovation{margin-block:25px}
.ide-tool-note{padding:13px 16px;border-left:2px solid #ac7ddc5e;background:#a778d607;color:#a38caf!important;font-size:12px!important}
.ide-session-heading .ide-demo-badge{margin-left:auto}
.ide-session-message{margin:27px 0}
.ide-session-next{padding:18px;border:1px solid #a685be26;border-radius:5px;background:#9164bb07}
.ide-session-next p{margin:0 0 15px;color:#b6a0c7;font-size:13px;line-height:1.85}
.ide-agent-open{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;min-height:28px;border-radius:4px;color:#b99ecc;font:16px var(--ide-mono)}
.ide-agent-open:hover{background:#b27ad31c;color:#e0c0f2}
.ide-agent-task .ide-agent-status-dot{width:5px;height:5px;margin-top:6px;border-radius:50%;background:#8bc7ae;flex:none}
.ide-agent-task small{margin-left:auto;color:#a38ab5;font-size:9px}
.ide-session-run{display:flex;align-items:center;justify-content:center;width:100%;min-height:35px;margin:16px 0 8px;padding:7px 12px;border:1px solid #a677d447;border-radius:4px;background:#925bc81b;color:#d8b9ef;font:11px/1.5 var(--ide-mono)}
.ide-session-run:hover{background:#a86add2a;border-color:#b185df70}
.ide-terminal>.ide-terminal-tabs{position:relative;min-height:36px;padding-inline:15px;gap:14px;border-bottom:1px solid #ffffff06}
.ide-terminal-view-tabs{display:flex;align-items:center;gap:15px;flex:none;min-width:0}
.ide-terminal-tabs>[data-ide-terminal-maximize],.ide-terminal-tabs>[data-ide-terminal-toggle]{justify-content:center;width:25px;min-width:25px;min-height:28px;padding:4px;border:0;border-radius:3px;margin-left:-6px;color:#b7a0c8}
.ide-terminal-tabs>[data-ide-terminal-maximize]:hover,.ide-terminal-tabs>[data-ide-terminal-toggle]:hover{background:#b183d320;color:#dec9ef}
.ide-terminal-tabs>[data-ide-terminal-maximize] svg,.ide-terminal-tabs>[data-ide-terminal-toggle] svg{width:14px;height:14px}
.ide-terminal-tabs>[data-ide-run-demo]{font-size:10px;letter-spacing:0;white-space:nowrap;color:#d6b4ed}
.ide-terminal-reveal{display:block;white-space:normal}
.ide-window[data-demo-running=true] .ide-agent-status-dot{animation:ide-work-pulse 1.1s ease-in-out infinite}
.ide-workflow button{position:relative;overflow:hidden}
.ide-window[data-demo-running=true] .ide-workflow button[aria-pressed=true]::after{content:"";position:absolute;left:0;bottom:0;height:2px;background:#9adaff;animation:ide-step-progress 1.8s linear both}
@keyframes ide-work-pulse{50%{opacity:.35;box-shadow:0 0 8px #8bc7ae70}}
@keyframes ide-step-progress{from{width:0}to{width:100%}}
@media(prefers-reduced-motion:reduce){.ide-terminal-reveal,.ide-agent-status-dot,.ide-workflow button::after{animation:none!important}}
.ide-console{padding:0;overflow:hidden}
.ide-console-log{padding-top:8px;font-size:11px}
.ide-console-line{margin:0 0 5px;white-space:pre-wrap;overflow-wrap:anywhere}
.ide-console-line.is-command{color:#c7a0e7}
.ide-console form{display:flex;align-items:center;gap:8px;min-width:0;flex:none;padding:7px 12px 10px;border-top:1px solid #ffffff06}
.ide-console form label{flex:none;color:#b596cd;font:10px/1.5 var(--ide-mono)}
.ide-console form label>span:first-child{color:#95cdb5}
.ide-console form input{flex:1;width:100%;min-width:0;min-height:30px;padding:4px 5px;border:0;border-radius:3px;background:#ffffff03;box-shadow:none;color:#e3d0ee;font:12px/1.6 var(--ide-mono)}
.ide-console form input::placeholder{color:#927da4}
.ide-console form button{min-height:30px;min-width:29px;padding:3px 8px;border:1px solid #b287d338;border-radius:3px;background:#915eb815;color:#d6b6ec;font:15px var(--ide-mono)}
[data-ide-output-log]{font:11px/1.8 var(--ide-mono);color:#bca7cb}
[data-ide-output-log] p{font:inherit;margin:0 0 7px;overflow-wrap:anywhere}
.ide-split-preview{min-width:0;max-width:100%;padding:24px}
.ide-split-preview>.ide-panel{padding:0}
.ide-split-preview a{color:#d0a4ef}
.ide-split-preview [data-ide-panel]{margin:0}
.ide-desktop-home>a{margin-top:25px;color:#b596ca;font:11px/1.7 var(--ide-mono)}
.ide-desktop-home>.ide-code-comment{margin-bottom:15px;color:#a480c0;font-size:10px;letter-spacing:.13em}
.ide-window[data-theme=midnight]{--ide-bg:#0d1621;--ide-panel:#121d2a;--ide-raised:#1a2738;--ide-purple:#83a9ed;--ide-line-strong:#819fc32b;--ide-muted:#9baebf;background:#0d1621}
.ide-window[data-theme=midnight] .ide-titlebar,.ide-window[data-theme=midnight] .ide-agents-header{background:#172435}
.ide-window[data-theme=midnight] .ide-explorer,.ide-window[data-theme=midnight] .ide-explorer-header,.ide-window[data-theme=midnight] .ide-agents{background:#111c29}
.ide-window[data-theme=midnight] .ide-activity,.ide-window[data-theme=midnight] .ide-tabs,.ide-window[data-theme=midnight] .ide-editor-top,.ide-window[data-theme=midnight] .ide-editor-actions{background:#0c1520}
.ide-window[data-theme=midnight] .ide-terminal,.ide-window[data-theme=midnight] .ide-secondary{background:#0b131c}
.ide-window[data-theme=midnight] .ide-agent-card,.ide-window[data-theme=midnight] .ide-project-card{background:#172435}
.ide-window[data-theme=midnight] .ide-statusbar{background:#24425d}
.ide-window[data-theme=midnight] .ide-menu>div{background:#18293c}
.ide-window[data-tab-dragging=true] [data-ide-dropzone]{box-shadow:inset 0 0 0 1px #b88ced5e}
.ide-window .is-drag-over{background-color:#9c65dc18;box-shadow:inset 0 0 0 2px #a575e6}
@media(max-width:1380px){.ide-menubar{display:none}}
@media(max-width:760px){.ide-menubar{display:none}.ide-terminal>.ide-terminal-tabs{min-height:34px;padding-inline:11px;gap:12px}.ide-terminal-tabs>[data-ide-run-demo]{font-size:9px}.ide-terminal-tabs>[data-ide-terminal-maximize],.ide-terminal-tabs>[data-ide-terminal-toggle]{width:24px;min-width:24px;margin-left:-6px}.ide-terminal-tabs>.ide-terminal-demo{display:none}.ide-console form{gap:6px;padding-inline:10px}.ide-console form label{font-size:9px}.ide-console form label>span:first-child{display:none}.ide-console form input{font-size:16px}.ide-console form button{min-height:32px;min-width:30px}.ide-session-heading h2,.ide-tool-heading h2{font-size:28px}.ide-session-heading .ide-demo-badge{margin-left:0}.ide-tool-heading .ide-extension-icon,.ide-session-heading .ide-agent-avatar{width:42px;height:42px;font-size:20px}.ide-tree-file.ide-file{min-height:36px}.ide-extension-card{padding-block:14px}.ide-extension-card strong{font-size:12px}.ide-extension-card small{font-size:11px}.ide-extension-publisher{font-size:10px}.ide-sidebar-note p{font-size:12px}.ide-split-preview{padding:22px}}
@media(max-width:380px){.ide-terminal>.ide-terminal-tabs{gap:10px;padding-inline:9px}.ide-terminal-tabs>[data-ide-run-demo]{font-size:8px}.ide-terminal-tabs>[data-ide-terminal-maximize],.ide-terminal-tabs>[data-ide-terminal-toggle]{width:23px;min-width:23px;margin-left:-6px}.ide-statusbar>[data-consent-open]{display:none}.ide-split-preview{padding:18px}}
@media(max-width:760px){.ide-terminal-view-tabs{gap:10px}.ide-terminal-tabs [data-ide-terminal-view]{font-size:9px}.ide-explorer .ide-open-editor{min-height:34px}}
@media(max-width:380px){.ide-terminal-view-tabs{gap:9px}.ide-terminal-tabs [data-ide-terminal-view]{font-size:8px}}
@media(max-width:760px){.ide-window-controls>button{width:24px;min-width:24px}.ide-window-controls>button::before{inset:9px 6px}.ide-terminal-tabs>[data-ide-terminal-maximize],.ide-terminal-tabs>[data-ide-terminal-toggle]{width:24px;min-width:24px}}

/* A readable studio introduction, with the process woven into the workspace. */
.ide-welcome-hero{position:relative;isolation:isolate;padding:8px 0 0}
.ide-welcome-hero::before{content:"";position:absolute;z-index:-1;inset:-34px -36px 0;pointer-events:none;background:radial-gradient(ellipse at 80% 0,#9b62df15,transparent 62%)}
.ide-welcome .ide-hero-title{max-width:20ch;font-size:clamp(36px,4.1vw,62px);line-height:1.09;letter-spacing:-.045em}
.ide-welcome .ide-intro{max-width:57ch;font-size:14px;line-height:1.9;color:#c3b7d2}
.ide-delivery-signature{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:32px 0 40px;border-block:1px solid #bd9de22b;background:linear-gradient(110deg,#9e6acc09,transparent)}
.ide-delivery-signature a{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:5px 7px;min-width:0;padding:18px 10px 18px 0}
.ide-delivery-signature a+a{border-left:1px solid #bd9de21c;padding-left:14px}
.ide-delivery-signature span{grid-row:span 2;color:#82dccb;font:10px/1.8 var(--ide-mono)}
.ide-delivery-signature strong{font:600 13px/1.5 var(--ide-display);color:#e1d4ee}
.ide-delivery-signature small{font:10px/1.7 var(--ide-ui);color:#b19dc4}
.ide-delivery-signature a:hover strong{color:#8ef0d9}
.ide-welcome .ide-featured-project{border-color:#af81d44a;border-radius:10px;background:radial-gradient(ellipse at 100% 0,#9250c723,transparent 70%),#1b1627}
.ide-welcome .ide-featured-copy{padding:24px}.ide-welcome .ide-featured-copy p{font-size:13px;line-height:1.85;color:#c0afce}
.ide-welcome .ide-project-card-body{border-top:1px solid #c09ad821}.ide-welcome .ide-project-card .ide-label{font-size:9px;line-height:1.8;color:#9edbce}
.ide-welcome .ide-project-card p{font-size:13px;line-height:1.85;color:#c0b1cd}
@container ide-reading (max-width:650px){.ide-delivery-signature{grid-template-columns:1fr;margin:24px 0 32px}.ide-delivery-signature a{grid-template-columns:26px minmax(0,1fr);padding:12px 0}.ide-delivery-signature a+a{padding-left:0;border-left:0;border-top:1px solid #bd9de217}.ide-delivery-signature strong{font-size:14px}.ide-delivery-signature small{font-size:11px}}
@media(max-width:760px){.ide-welcome .ide-hero-title{font-size:clamp(33px,8.7vw,48px)}.ide-welcome .ide-intro{font-size:13px;line-height:1.85}.ide-welcome-hero::before{inset:-24px -22px 0}.ide-welcome .ide-actions{gap:8px}.ide-welcome .ide-actions .ide-button{font-size:11px}.ide-delivery-signature{margin-bottom:28px}}
/* ide-documents.css */
/* Every route is a document in the same workspace, not a second website. */
body.ide-site.ide-document{height:100dvh;overflow:hidden;margin:0}
body.ide-site.ide-document main.ide-editor{margin:0;padding:0;max-width:none;min-height:0}
body.ide-site.ide-document .ide-titlebar{position:relative;inset:auto}
.ide-document .ide-document-panel{container-type:inline-size;max-width:1120px!important;width:100%;margin:0 auto;padding:22px clamp(20px,3vw,44px) 26px!important}
.ide-doc-head{position:relative;margin-bottom:26px}
.ide-doc-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px;color:#b6a8c8;font:10px/1.5 var(--ide-mono)}
.ide-doc-kind{display:inline-flex;align-items:center;gap:8px;color:#86ddca}
.ide-doc-kind>span{font-size:15px}
.ide-doc-outline{margin:0!important;padding:0!important;background:#211a2c!important;border:1px solid #b995dd24!important;border-radius:5px!important;overflow:hidden}
.ide-doc-outline>summary{display:flex;align-items:center;gap:9px;min-height:40px;margin:0!important;padding:9px 12px!important;list-style:none;cursor:pointer;font:11px/1.5 var(--ide-mono);color:#c8b6db;background:none!important;border:0!important}
.ide-doc-outline>summary::-webkit-details-marker{display:none}
.ide-doc-outline>summary::before{display:none!important}
.ide-doc-outline>summary::after{content:'⌄'!important;position:static!important;display:block!important;transform:none!important;font-size:14px;color:#b7a0cd;margin-left:auto}
.ide-doc-outline[open]>summary::after{transform:rotate(180deg)!important}
.ide-doc-outline-count{border:1px solid #b995dd28;border-radius:3px;padding:1px 5px;font-size:9px;color:#bd98e0}
.ide-doc-outline nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:8px;border-top:1px solid #b995dd17}
.ide-doc-outline nav a{display:flex;align-items:baseline;gap:10px;min-width:0;padding:8px;border-radius:3px;font-size:11px;color:#c9badb;line-height:1.5;text-decoration:none!important}
.ide-doc-outline nav a:hover{background:#ab72dd16;color:#f2e5ff}
.ide-doc-outline nav a>span:first-child{flex:none;color:#a07ebb;font:10px var(--ide-mono)}
.ide-doc-outline nav a>span:last-child{overflow-wrap:anywhere}
.ide-doc-sidebar-outline{margin:14px 9px 4px!important;background:transparent!important;border-color:#b995dd1c!important;border-radius:3px!important}
.ide-doc-sidebar-outline>summary{padding:9px!important;font-size:10px}
.ide-doc-sidebar-outline nav{grid-template-columns:minmax(0,1fr);padding:4px}
.ide-doc-sidebar-outline nav a{font-size:10px;gap:7px;padding:8px 5px}
.ide-document-content{min-width:0;max-width:100%;--bone:#eeeaf5;--bone-dim:#bdb1cd;--bone-faint:#a899ba;--line:#b69cdb20;--line-strong:#b69cdb38;--carbon:#15121f;--carbon-2:#1d1728;--carbon-3:#251c33;--ember:#a772ff;--ember-2:#cd9cec;--gold:#5ae3c9}
.ide-document-content>section,.ide-document-content>.wrap{position:relative;max-width:none;margin:0;padding:28px 0;background:none;border:0}
.ide-document-content>section+section{border-top:1px solid #b69cdb20}
.ide-document-content .wrap{max-width:none!important;width:100%;padding-inline:0;margin-inline:0}
.ide-document-content section{scroll-margin-top:18px}
.ide-document-content :is(h1,h2,h3,h4,[id]){scroll-margin-top:20px}
.ide-document-content :is(.page-hero,.portfolio-intro){padding:0 0 28px!important;min-height:0!important;text-align:left!important;background:none!important;border:0!important}
.ide-document-content :is(.page-hero,.portfolio-intro)::before,.ide-document-content :is(.page-hero,.portfolio-intro)::after{display:none!important}
.ide-document-content :is(.page-hero,.portfolio-intro) .wrap{position:static;display:block}
.ide-document-content :is(.page-hero,.portfolio-intro) .crumbs{display:none}
.ide-document-content :is(.page-hero,.portfolio-intro) h1,.ide-document-content>h1,.ide-document-content>.wrap>h1{font:650 clamp(28px,3.15vw,43px)/1.15 var(--ide-display)!important;letter-spacing:-.035em;max-width:26ch;margin:12px 0 0!important;color:#f2edf8;text-wrap:balance;overflow-wrap:normal}
.ide-document-content h1 em,.ide-document-content h2 em{font-style:normal;color:#cb9af3}
.ide-document-content h2{font:600 clamp(22px,2.2vw,29px)/1.25 var(--ide-display);letter-spacing:-.02em;max-width:36ch;margin:0 0 14px;color:#eee5f7;text-wrap:balance}
.ide-document-content h3{font:600 18px/1.35 var(--ide-display);letter-spacing:-.01em;margin:0 0 12px;color:#e9dff3}
.ide-document-content h4{font-size:14px;line-height:1.5;color:#dfd1ee}
.ide-document-content p,.ide-document-content li{font-size:13px;line-height:1.85;color:#bdb1cd;text-wrap:pretty;overflow-wrap:anywhere}
.ide-document-content p{margin:0 0 15px}
.ide-document-content strong{color:#e3d6ee}
.ide-document-content .lead{font-size:14px!important;line-height:1.85!important;max-width:72ch!important;margin:17px 0 0!important;color:#bfb0d0}
.ide-document-content .lead+p{margin-top:16px}
.ide-document-content :is(.tag,.portfolio-eyebrow,.kbd-line){font:10px/1.65 var(--ide-mono)!important;letter-spacing:.055em;text-transform:none;color:#bf96e3}
.ide-document-content :is(.tag,.portfolio-eyebrow){margin:0 0 12px!important}
.ide-document-content .tag::before{width:4px;height:4px;box-shadow:none}
.ide-document-content a:not(.btn):not(.project-media):not(.project-card){color:#cba0f1;text-decoration:underline;text-decoration-color:#bb84e948;text-underline-offset:4px}
.ide-document-content a:not(.btn):hover{color:#ecd6ff;text-decoration-color:currentColor}
.ide-document-content .portfolio-note{font:11px/1.6 var(--ide-mono);margin:0 0 20px;display:inline-flex}
.ide-document-content .portfolio-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px}
.ide-document-content .portfolio-meta .tag{margin:0!important;padding:5px 9px;border:1px solid #a37acb35;border-radius:3px;background:#ac71dd0b}
.ide-document-content :is(.grid-2,.grid-3,.grid-4,.portfolio-grid,.blog-grid,.project-grid,.case-innovation-grid,.case-gallery){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));gap:16px;min-width:0;max-width:100%}
.ide-document-content :is(.card,.case-innovation,.bpipe__card){min-width:0;padding:20px;background:#211a2c;border:1px solid #b995dd20;border-radius:6px;box-shadow:none;transform:none}
.ide-document-content .card:hover,.ide-document-content .case-innovation:hover{border-color:#bd91e04f;background:#261d32;transform:none;box-shadow:none}
.ide-document-content .card::before,.ide-document-content .card::after{box-shadow:none}
.ide-document-content .card p:last-child{margin-bottom:0}
.ide-document-content .card__icon{width:34px;height:34px;font-size:21px;margin:0 0 15px;color:#b88ded}
.ide-document-content .section-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:20px}
.ide-document-content .section-heading>p{max-width:68ch;font-size:13px;margin:0}
.ide-document-content .sec-head{margin-bottom:20px;text-align:left}
.ide-document-content .about-grid,.ide-document-content .contact-grid,.ide-document-content .case-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.ide-document-content .about-grid .lead{margin-top:0!important}
.ide-document-content .case-columns>div>section{margin-top:24px;padding:0;background:none}
.ide-document-content .case-columns>div>section:first-child{margin-top:0}
.ide-document-content .case-delivery{display:grid;gap:9px;padding:0;margin:0;list-style:none}
.ide-document-content .case-delivery li{position:relative;padding:9px 12px 9px 30px;border:1px solid #b995dd17;background:#211a2c;border-radius:4px}
.ide-document-content .case-delivery li::before{position:absolute;top:11px;left:12px;content:'✓';color:#77ceb9;font-size:11px}
.ide-document-content .case-status{padding:20px!important;background:#8d54c10a!important;border:1px solid #a679ce29!important;border-radius:6px}
.ide-document-content .case-innovation-grid{padding:0;list-style:none;margin:20px 0 0}
.ide-document-content .case-innovation-number{position:static;display:block;font:11px var(--ide-mono);color:#c390e9;margin-bottom:15px;opacity:1}
.ide-document-content .case-innovation h3{font-size:17px}
.ide-document-content .case-innovation p{margin-bottom:0;font-size:12px}
.ide-document-content .case-shot{margin:0;border:1px solid #b995dd24;border-radius:6px;overflow:hidden;background:#100d17}
.ide-document-content .case-shot img{display:block;width:100%;height:auto;border-radius:0}
.ide-document-content .case-shot figcaption{display:flex;flex-direction:column;gap:4px;padding:11px 13px;background:#201828;color:#b6a6c7;font:10px/1.7 var(--ide-mono)}
.ide-document-content .case-shot figcaption span{color:#a28bad}
.ide-document-content .case-gallery{gap:18px}
.ide-document-content .project-card{padding:0;overflow:hidden}
.ide-document-content .project-media{display:block;border-bottom:1px solid #b995dd1a;aspect-ratio:1.65;overflow:hidden}
.ide-document-content .project-media img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s}
.ide-document-content .project-card:hover .project-media img{transform:scale(1.015)}
.ide-document-content .project-body{padding:18px}
.ide-document-content .project-body h2,.ide-document-content .project-body h3{font-size:19px;margin-bottom:10px}
.ide-document-content .project-body :is(p,li){font-size:12px}
.ide-document-content .project-body .portfolio-eyebrow{font-size:9px!important;margin-bottom:8px!important}
.ide-document-content .prose{max-width:76ch!important;margin-inline:0}
.ide-document-content .prose h2:not(:first-child){margin-top:32px}
.ide-document-content .prose h3:not(:first-child){margin-top:23px}
.ide-document-content .prose ul,.ide-document-content .prose ol{margin:14px 0 22px;padding-left:21px}
.ide-document-content .prose li+li{margin-top:8px}
.ide-document-content table{width:100%;border-collapse:collapse;font-size:12px}
.ide-document-content :is(th,td){padding:12px;border:1px solid #b995dd25;text-align:left;vertical-align:top;white-space:normal;overflow-wrap:anywhere;color:#baaccb}
.ide-document-content th{color:#decdef;background:#261b34;font-weight:500}
.ide-document-content td{background:#1d1627}
.ide-document-content :is(pre,code){font-family:var(--ide-mono);font-size:.88em}
.ide-document-content pre{max-width:100%;overflow:auto;padding:18px;background:#0f0c16;border:1px solid #a67cc529;border-radius:5px;line-height:1.7}
.ide-document-content blockquote{margin:22px 0;padding:15px 20px;border-left:2px solid #a675d8;background:#a675d80c;color:#c9b6df}
.ide-document-content .cta-band{margin-top:14px!important;padding:24px!important;border:1px solid #b892df35!important;border-radius:6px;background:linear-gradient(115deg,#9b5de619,#d960cf08)!important;text-align:left!important}
.ide-document-content .cta-band h2{margin:12px 0!important}
.ide-document-content .cta-band .lead{margin:0 0 20px!important}
.ide-document-content .cta-band .tag{justify-content:flex-start!important}
.ide-document-content .cta-band [style*='justify-content:center']{justify-content:flex-start!important}
.ide-document-content .btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:39px;max-width:100%;padding:10px 15px;border-radius:4px;font:500 11px/1.5 var(--ide-ui);letter-spacing:0;text-transform:none;white-space:normal;box-shadow:none;text-decoration:none;color:#edddff}
.ide-document-content .btn--primary{background:linear-gradient(110deg,#7540c3,#9450ca);border:1px solid #b18bcf66;color:#fff}
.ide-document-content .btn--ghost{background:#a879d00b;border:1px solid #aa82ce45;color:#cfb5e9}
.ide-document-content .btn:hover{transform:none;box-shadow:none;filter:brightness(1.12)}
.ide-document-content :is(input,select,textarea){min-width:0;max-width:100%;font:13px/1.5 var(--ide-ui)}
.ide-document-content :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){background:#15101f;border:1px solid #a37dc03b;border-radius:4px;color:#e6dcf0;box-shadow:none}
.ide-document-content :is(input,select,textarea):focus{border-color:#be92ef;outline:2px solid #b279e62e;outline-offset:1px}
.ide-document-content .field{margin-bottom:17px}
.ide-document-content .field label{display:block;margin-bottom:7px;font-size:11px;color:#cbb5dc}
.ide-document-content .brief-form{padding:23px;border:1px solid #a781c534;border-radius:6px;background:#21192d}
.ide-document-content .brief-form .grid-2{gap:14px}
.ide-document-content .brief-form :is(input,textarea,select){width:100%}
.ide-document-content .brief-form input[type=checkbox]{width:16px;min-width:16px;height:16px}
.ide-document-content .form-consent{font-size:11px;line-height:1.7;color:#b9a8cb;gap:9px;align-items:start}
.ide-document-content .form-note{font-size:10px;margin:12px 0 0;color:#ab94bf}
.ide-document-content .contact-direct{font:500 clamp(15px,2vw,20px)/1.5 var(--ide-display);overflow-wrap:anywhere;margin-top:20px}
.ide-document-content .contact-phone{font-size:14px;color:#cfbadf}
.ide-document-content .contact-location{font-size:12px;margin-top:16px}
.ide-document-content .rv{opacity:1!important;transform:none!important;visibility:visible!important}
.ide-document-content :is(.package-card .price,.price){font-size:22px;color:#e4cfff;line-height:1.4}
.ide-document-content .pkg-sub{display:block;font-size:10px;color:#af95c6;letter-spacing:.06em;margin-top:7px}
.ide-document-content .package-card--recommended{border-color:#c08de963;background:linear-gradient(135deg,#71439b1f,#2b1e36)}
.ide-document-content .calc-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.ide-document-content .calc-summary{position:static;top:auto}
.ide-document-content .calc-item{min-width:0}
.ide-document-content .opt-cols{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:22px}
.ide-document-content .option-group>label{font-size:10px;letter-spacing:.065em;margin-bottom:9px}
.ide-document-content .option-item{gap:8px;padding:9px 6px}
.ide-document-content .option-item .label-wrapper{min-width:min(100%,135px)}
.ide-document-content .option-item .label-wrapper label{font-size:12px;line-height:1.6}
.ide-document-content .option-description{font-size:10px;line-height:1.6;color:#a997bb}
.ide-document-content .option-price{font-size:10px;color:#86d2c2;max-width:100%;white-space:normal}
.ide-document-content .summary-label{font-size:12px}
.ide-document-content .summary-value{font-size:23px}
.ide-document-content .summary-value-small{font-size:17px}
.ide-document-content .acc details{margin-bottom:9px;border:1px solid #af89cf29;border-radius:5px;background:#20182b;overflow:hidden}
.ide-document-content .acc summary{padding:15px 18px;font-size:13px;line-height:1.6;color:#dac5e9;letter-spacing:0}
.ide-document-content .acc__body{padding:0 18px 16px}
.ide-document-content #input-container{min-width:0;gap:9px;flex-wrap:wrap}
.ide-document-content #message-input{min-width:100px;flex:1}
.ide-document-content #chat-container{height:clamp(230px,38vh,420px);border-color:#af83cd35;background:#110d18}
.ide-document-content .quiz-option{font-size:12px;padding:12px;gap:10px;border-color:#a781c533;background:#1a1323}
.ide-document-content .quiz-option:has(input:checked){border-color:#b784e3;background:#9c66d91a}
.ide-document-content .quiz-step h2{font-size:23px}
.ide-document-content .quiz-nav{gap:10px;flex-wrap:wrap}
.ide-document-content #nda-text-container{max-height:350px;overflow:auto;border-color:#b995dd28;background:#100d17;color:#c1b2d0;padding:20px;scrollbar-width:thin;scrollbar-color:#77588b transparent}
.ide-document-content #nda-text-container :is(h2,h3){font-size:17px}
.ide-document-content #nda-text-container :is(p,li){font-size:12px}
.ide-document-content .bpipe__track{max-width:none;gap:16px;padding-left:30px}
.ide-document-content .bpipe__node{left:-28px}
.ide-document-content .bpipe__card{padding:18px}
.ide-document-content .bpipe__agent{font-size:9px;letter-spacing:.04em;color:#bda5cf}
.ide-document-content .bpipe__card p{font-size:12px}
.ide-document-content .bpipe__card h3{font-size:18px}
.ide-doc-end{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:35px;padding-top:20px;border-top:1px solid #ad89c825;color:#aa92bd;font:10px/1.6 var(--ide-mono)}
.ide-doc-end>span{margin-right:auto;color:#81d7c0}
.ide-doc-end a{min-height:30px;display:inline-flex;align-items:center;color:#c5abd9}
.ide-doc-end a:hover{color:#eee0ff}
.ide-document-panel>.ide-legal{margin-top:12px;padding-top:13px}
.ide-document .ide-breadcrumb [data-ide-current-file]{min-width:0;text-overflow:ellipsis;overflow:hidden}
.ide-document .ide-breadcrumb>a{flex:none}
@container (min-width:780px){.ide-document-content .case-columns,.ide-document-content .contact-grid{grid-template-columns:1fr 1.15fr}.ide-document-content .about-grid{grid-template-columns:.85fr 1.15fr}.ide-document-content .section-heading{grid-template-columns:1fr 1fr;gap:25px}}
@container (max-width:480px){.ide-doc-outline nav{grid-template-columns:minmax(0,1fr)}.ide-document-content :is(.grid-2,.grid-3,.grid-4,.case-gallery,.case-innovation-grid){grid-template-columns:minmax(0,1fr)}.ide-document-content :is(.page-hero,.portfolio-intro) h1{font-size:30px!important;max-width:24ch}.ide-document-content .brief-form{padding:17px}.ide-document-content .cta-band{padding:18px!important}.ide-document-content :is(th,td){padding:8px;font-size:11px}.ide-doc-meta{font-size:9px}.ide-document-content .project-body{padding:16px}}
@media(max-width:760px){.ide-document .ide-document-panel{padding:20px 19px 24px!important}.ide-document-content>section,.ide-document-content>.wrap{padding-block:23px}.ide-document-content .btn{min-height:43px}.ide-doc-outline>summary{min-height:44px}.ide-doc-outline nav a{min-height:40px;align-items:center}.ide-document-content input:not([type=checkbox]):not([type=radio]),.ide-document-content select,.ide-document-content textarea{font-size:16px}.ide-document-content .ide-doc-meta{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ide-document-content *{scroll-behavior:auto!important}.ide-document-content .project-media img{transition:none}}
@media print{body.ide-site.ide-document{height:auto;overflow:visible;background:white;color:#111}.ide-document .ide-window,.ide-document .ide-shell,.ide-document .ide-editor,.ide-document .ide-editor-body,.ide-document .ide-editor-scroll{display:block!important;height:auto!important;overflow:visible!important;margin:0!important}.ide-document :is(.ide-titlebar,.ide-activity,.ide-explorer,.ide-agents,.ide-statusbar,.ide-editor-top,.ide-breadcrumb,.ide-terminal,.ide-doc-head,.ide-doc-end,.ide-legal,.ide-secondary,[data-ide-resize]){display:none!important}.ide-document .ide-document-panel{padding:0!important;max-width:none!important}.ide-document-content *{color:#111!important;background:transparent!important;text-shadow:none!important;box-shadow:none!important}.ide-document-content .case-shot{break-inside:avoid}.ide-document-content .case-shot img{max-height:170mm;object-fit:contain}}
/* ide-search.css */
/* Public-content search and workspace discovery. */
.ide-search-intro{padding:14px 13px 4px}.ide-search-intro h2{font:600 17px/1.4 var(--ide-ui);margin:10px 0 7px;color:#eadff6}.ide-search-intro p,.ide-search-count,.ide-search-hint{font:11px/1.65 var(--ide-ui);color:#b4a2c5}.ide-search-count,.ide-search-hint{padding:8px 13px;margin:0}.ide-search-filter{display:flex;align-items:center;gap:8px;padding:4px 12px;color:#cbbbd8;font:11px var(--ide-ui)}.ide-search-filter select{min-width:0;width:100%;padding:7px 4px;border:1px solid #b792dc36;border-radius:3px;background:#17121f;color:#e7daf4;font:11px var(--ide-ui)}.ide-global-result{display:flex;flex-direction:column;gap:7px;padding:14px 13px;border-top:1px solid #b792dc1a;color:#deccec}.ide-global-result:hover,.ide-global-result:focus-visible{background:#b286e01a;color:white}.ide-global-result strong{font:500 12px/1.55 var(--ide-ui)}.ide-search-excerpt{font:11px/1.65 var(--ide-ui);color:#bba9c9}.ide-global-result .ide-label{font-size:9px;color:#b995e2}.ide-search-more{display:block;width:calc(100% - 24px);margin:8px 12px;padding:10px;background:#ae7ee025;color:#e5d6f3;border:1px solid #ad81d34d;border-radius:4px;font:11px var(--ide-ui)}.ide-discovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:27px 0 34px}.ide-discovery a{display:flex;flex-direction:column;gap:7px;padding:15px;border:1px solid #b89be12b;border-radius:6px;background:linear-gradient(135deg,#a572e50b,transparent);color:#e1cdec;transition:background .18s,border-color .18s}.ide-discovery a:hover{background:#b588e71a;border-color:#bb8eee6a}.ide-discovery small{font:9px var(--ide-mono);color:#ac86cb}.ide-discovery strong{font:500 12px/1.5 var(--ide-ui)}.ide-discovery span{font:11px/1.6 var(--ide-ui);color:#b7a5c8}.ide-breadcrumb>.ide-preview-label{display:none}.ide-sidebar-shortcuts{padding:8px 0;border-bottom:1px solid #c89eff1a}.ide-sidebar-shortcuts .ide-tree-file{padding-left:18px;font-size:11px;min-height:33px}.ide-sidebar-shortcuts .ide-file-type{color:#c9a7f2}.ide-search-more[hidden]{display:none}@media(max-width:760px){.ide-discovery{grid-template-columns:1fr;gap:8px;margin:20px 0}.ide-discovery a{padding:12px;display:grid;grid-template-columns:25px 1fr;gap:4px 8px}.ide-discovery small{grid-row:1/3;padding-top:4px}.ide-discovery strong,.ide-discovery span{grid-column:2}.ide-global-result{padding:16px 13px}.ide-search-filter select{font-size:16px}.ide-search-intro p,.ide-search-count,.ide-search-excerpt{font-size:12px}}
/* ide-atlas.css */
/* Project Atlas: a useful view of the work, inside the existing workspace. */
.atlas-panel{max-width:1180px!important}
.atlas-heading{margin:0 0 26px}
.atlas-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 22px;margin:8px 0 14px}
.atlas-heading h2{margin:0;color:#edddf7;font:650 clamp(29px,3vw,42px)/1.2 var(--ide-display);letter-spacing:-.025em}
.atlas-count-label{color:#a993ba;font:9px/1.7 var(--ide-mono);letter-spacing:.06em;white-space:nowrap}
.atlas-heading>p:last-child{max-width:66ch;margin:0;color:#bca8cb;font-size:14px;line-height:1.85}
.atlas-search-row{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:14px}
.atlas-search-row>label{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:0 13px;border:1px solid #b792d23d;border-radius:5px;background:#0e0b1577;color:#c1a1d9}
.atlas-search-row input{flex:1;min-width:0;width:100%;min-height:42px;padding:8px 0;border:0;background:transparent;color:#e7d8f2;font:12px/1.6 var(--ide-ui);box-shadow:none}
.atlas-search-row input::placeholder{color:#a38bb6}
.atlas-search-row input:focus-visible{outline:0}
.atlas-search-row>label:focus-within{border-color:#8fe2ca;box-shadow:0 0 0 1px #8fe2ca}
.atlas-search-row>button,.atlas-comparison-heading>button{flex:none;min-height:36px;padding:7px 9px;border:1px solid #ac89c030;border-radius:4px;background:transparent;color:#bca2cf;font:11px/1.5 var(--ide-ui)}
.atlas-search-row>button:hover,.atlas-comparison-heading>button:hover{border-color:#bb94df60;background:#af79df10}
.atlas-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px}
.atlas-filters>button{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:6px 10px;border:1px solid #a486be2b;border-radius:4px;background:#a77cc405;color:#b9a4ca;font:10px/1.5 var(--ide-ui)}
.atlas-filters>button>span{padding:0 4px;border-radius:3px;background:#ffffff08;color:#bfa5d1;font:9px/1.5 var(--ide-mono)}
.atlas-filters>button[aria-pressed=true]{background:#ad76db1f;border-color:#c190e97a;color:#efd9ff}
.atlas-filters>button:hover{background:#ac80ca15;border-color:#bf97d555}
.atlas-results-line{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px;color:#a991ba;font:10px/1.7 var(--ide-mono)}
.atlas-results-line p{margin:0;color:#bde1d3;font:inherit}
.atlas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.atlas-card{min-width:0;overflow:hidden;border:1px solid #b899c628;border-radius:7px;background:#1b1525}
.atlas-card.is-selected{border-color:#c196ea9c;box-shadow:0 0 0 1px #a173ce38}
.atlas-card--flagship{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);background:linear-gradient(130deg,#251b32,#1b1625)}
.atlas-image-button{display:block;position:relative;width:100%;min-width:0;padding:0;border:0;border-bottom:1px solid #b99dc024;background:#0c0a10;text-align:left;color:#eee0f8;cursor:zoom-in;overflow:hidden}
.atlas-image-button img{display:block;width:100%;height:auto;aspect-ratio:1.75;object-fit:cover;object-position:top;transition:transform .22s}
.atlas-image-button:hover img{transform:scale(1.02)}
.atlas-image-button:focus-visible{outline-offset:-4px}
.atlas-image-hint{position:absolute;right:9px;bottom:9px;display:flex;align-items:center;padding:5px 7px;border:1px solid #d3bce73e;border-radius:3px;background:#130e1def;color:#e4d1f2;font:9px/1.5 var(--ide-mono)}
.atlas-flag{position:absolute;left:10px;top:10px;padding:5px 7px;border:1px solid #83d7b94b;border-radius:3px;background:#12211ded;color:#b7e9d7;font:8px/1.6 var(--ide-mono);letter-spacing:.04em}
.atlas-card--flagship .atlas-image-button{border-bottom:0;border-right:1px solid #b99dc024;min-height:230px}
.atlas-card--flagship .atlas-image-button img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}
.atlas-card-body{padding:20px;min-width:0}
.atlas-card-role{margin:0 0 7px;color:#ae94c0;font:10px/1.5 var(--ide-mono)}
.atlas-card h3{margin:0 0 12px;color:#ead8f7;font:600 23px/1.25 var(--ide-display)}
.atlas-card h3 a{display:flex;align-items:center;justify-content:space-between;gap:8px}
.atlas-card h3 a>span{color:#b092c7;font-size:15px}
.atlas-card-summary{margin:0 0 15px;color:#bca6cc;font-size:13px;line-height:1.85}
.atlas-tags{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 14px}
.atlas-tags>span{padding:3px 6px;border:1px solid #b187cb28;border-radius:3px;color:#c1a3d5;font:9px/1.5 var(--ide-mono)}
.atlas-capabilities{display:grid;gap:6px;margin:0 0 17px;padding:0;list-style:none}
.atlas-capabilities li{position:relative;padding-left:14px;color:#adbdba;font-size:11px;line-height:1.7}
.atlas-capabilities li::before{content:"↳";position:absolute;left:0;color:#a58eb8;font-family:var(--ide-mono)}
.atlas-card-status{display:flex;align-items:flex-start;gap:6px;margin:0 0 15px;color:#aaa0b7;font:9px/1.7 var(--ide-mono)}
.atlas-card-status>span{color:#8dd0b7;font-size:8px}
.atlas-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #b99dc01c}
.atlas-compare-check{display:flex;align-items:center;gap:7px;min-height:34px;color:#d6bae8;font:11px/1.5 var(--ide-ui);cursor:pointer}
.atlas-compare-check input{appearance:auto;width:16px;height:16px;min-width:16px;min-height:16px;margin:0;padding:0;accent-color:#ae72e8;border-radius:3px}
.atlas-card-actions>a{display:inline-flex;align-items:center;min-height:34px;color:#bdaaCA;font:10px/1.5 var(--ide-ui)}
.atlas-empty{padding:35px 22px;border:1px dashed #bb95ce3d;border-radius:6px;background:#9a67b906;text-align:center}
.atlas-empty h3{margin:0 0 10px;color:#dfc9ef;font:600 24px var(--ide-display)}
.atlas-empty p{margin:0 0 20px;color:#b49bc4;font-size:13px;line-height:1.8}
.atlas-comparison{margin:32px 0 0;padding-top:28px;border-top:1px solid #b692c32c}
.atlas-comparison-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.atlas-comparison-heading .ide-code-comment{margin:0 0 7px;font-size:10px}
.atlas-comparison-heading h3{margin:0;color:#e4d0f2;font:600 27px/1.3 var(--ide-display)}
.atlas-comparison-heading>button:disabled{opacity:.5;cursor:default}
.atlas-comparison-note{margin:14px 0 19px;color:#ae99bf;font-size:12px;line-height:1.85}
.atlas-selection{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:13px;border:1px solid #af89c227;border-radius:5px;background:#a178c406}
.atlas-selection>p{margin:0;color:#b59bc7;font-size:12px;line-height:1.75}
.atlas-selected-project{display:inline-flex;align-items:center;gap:9px;padding:4px 5px 4px 10px;border:1px solid #c48ce157;border-radius:4px;background:#a96fce1d;color:#dfc3ef;font:11px/1.5 var(--ide-ui)}
.atlas-selected-project button{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;padding:0;border:0;border-radius:3px;background:transparent;color:#dabeea;font:17px/1 var(--ide-ui)}
.atlas-selected-project button:hover{background:#c99adc19}
.atlas-compare-table{width:100%;table-layout:fixed;border-collapse:collapse;margin:20px 0;border:1px solid #b78ccc26;font-size:12px;line-height:1.8}
.atlas-compare-table th,.atlas-compare-table td{border:1px solid #b78ccc26;padding:15px;vertical-align:top;text-align:left;overflow-wrap:anywhere}
.atlas-compare-table thead th{background:#251a30;color:#e1c8ef;font:600 17px/1.5 var(--ide-display)}
.atlas-compare-table thead th:first-child{width:22%;font:10px/1.7 var(--ide-mono);color:#b59ac5}
.atlas-compare-table tbody th{background:#a37db50b;color:#bfa5d0;font:500 11px/1.8 var(--ide-ui)}
.atlas-compare-table td{color:#c1accf;background:#0d0a140c}
.atlas-compare-table ul{display:grid;gap:9px;margin:0;padding-left:14px}
.atlas-compare-table a{color:#d9b4ef;text-decoration:underline;text-underline-offset:3px}
.atlas-feedback{min-height:20px;margin:10px 0 0;color:#bfe2d5;font:11px/1.8 var(--ide-ui)}
.atlas-share{display:flex;align-items:center;gap:11px 16px;flex-wrap:wrap;margin:18px 0 5px;padding-top:20px;border-top:1px solid #b692c321}
.atlas-share>span{color:#ab92bf;font:10px/1.8 var(--ide-mono)}
.atlas-share>label{width:100%;color:#bfa7d1;font-size:11px}
.atlas-share input{display:block;width:100%;min-width:0;padding:10px 12px;margin-top:7px;border:1px solid #b792d23d;border-radius:4px;background:#0f0a18;color:#dfc6f0;font:12px/1.6 var(--ide-mono)}
/* The original captures are displayed intact in a native modal. */
.ide-gallery-figure{position:relative}
.ide-gallery-figure>img{cursor:zoom-in}
.ide-gallery-figure>.ide-gallery-open{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:36px;min-height:36px;padding:0;border:1px solid #dabded69;border-radius:5px;background:#160e22e8;color:#ead7f7;font:23px/1 var(--ide-ui);cursor:zoom-in}
.ide-gallery-figure>.ide-gallery-open:hover{background:#653c80ef;border-color:#dfb5f3}
.ide-gallery-dialog{position:fixed;inset:0;display:none;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(1360px,calc(100vw - 40px));max-width:none;height:calc(100dvh - 40px);max-height:none;margin:auto;padding:0;border:1px solid #bd94d34b;border-radius:9px;background:#15101e;color:#e4d1f0;box-shadow:0 25px 150px #000a;overflow:hidden;z-index:200}
.ide-gallery-dialog[open]{display:grid}
.ide-gallery-dialog::backdrop{background:#09050ee8;backdrop-filter:blur(5px)}
.ide-gallery-header{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:13px 19px;border-bottom:1px solid #c69adc22;background:#20162a}
.ide-gallery-header .ide-code-comment{display:block;margin:0 0 4px;color:#a98cbc;font:9px/1.5 var(--ide-mono)}
.ide-gallery-header h2{margin:0;color:#eddbf7;font:600 20px/1.4 var(--ide-display)}
.ide-gallery-dialog button{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:5px 9px;border:1px solid #b890cd31;border-radius:4px;background:#a67aca0a;color:#dec3ef;font:14px/1.5 var(--ide-mono);cursor:pointer}
.ide-gallery-dialog button:hover{background:#b683d621;border-color:#c38ae05c}
.ide-gallery-dialog button:disabled{opacity:.38;cursor:default}
.ide-gallery-dialog :focus-visible{outline:2px solid #6fe1c3;outline-offset:2px}
.ide-gallery-header>button{font-size:23px;flex:none}
.ide-gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:8px 18px;border-bottom:1px solid #c69adc15;background:#191222}
.ide-gallery-toolbar>div{display:flex;align-items:center;gap:8px;min-width:0}
.ide-gallery-toolbar span,.ide-gallery-toolbar output{display:inline-flex;justify-content:center;min-width:45px;color:#b9a1ca;font:11px/1.5 var(--ide-mono)}
.ide-gallery-toolbar [data-gallery-fit]{font-size:10px;min-width:54px}
.ide-gallery-viewport{display:flex;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px;scrollbar-width:thin;scrollbar-color:#9160ad55 transparent;background:#09070d;background-image:linear-gradient(45deg,#ffffff02 25%,transparent 25%),linear-gradient(-45deg,#ffffff02 25%,transparent 25%);background-size:20px 20px}
.ide-gallery-viewport img{display:block;flex:none;max-width:none;max-height:none;width:auto;height:auto;margin:auto;object-fit:contain;box-shadow:0 4px 40px #0007}
.ide-gallery-dialog[data-zoomed=true] .ide-gallery-viewport img{margin:0}
.ide-gallery-footer{padding:12px 19px;border-top:1px solid #c69adc22;background:#1b1324}
.ide-gallery-footer>p:first-child{margin:0;color:#d1b8e2;font:12px/1.7 var(--ide-ui)}
.ide-gallery-footer>span{display:block;margin-top:6px;color:#ab8dbc;font:9px/1.7 var(--ide-mono)}
.ide-gallery-footer [data-gallery-status]{margin:5px 0 0;color:#e7b5d4;font:11px/1.7 var(--ide-ui)}
.ide-gallery-footer [data-gallery-status]:empty{display:none}
@container ide-reading (max-width:620px){.atlas-grid{grid-template-columns:minmax(0,1fr)}.atlas-card--flagship{grid-template-columns:minmax(0,1fr)}.atlas-card--flagship .atlas-image-button{min-height:0;aspect-ratio:1.7;border-right:0;border-bottom:1px solid #b99dc024}.atlas-card-body{padding:19px}.atlas-comparison-heading h3{font-size:24px}.atlas-search-row{flex-wrap:wrap}.atlas-search-row>label{flex-basis:100%}.atlas-search-row>button{margin-left:auto}.atlas-compare-table thead{display:none}.atlas-compare-table,.atlas-compare-table tbody,.atlas-compare-table tr,.atlas-compare-table th,.atlas-compare-table td{display:block;width:100%}.atlas-compare-table tr{border-bottom:1px solid #b78ccc40}.atlas-compare-table th{border:0;padding:11px 14px;font:500 11px var(--ide-mono);color:#d7b9e8;background:#a579c319}.atlas-compare-table td{border:0;border-top:1px solid #b78ccc16;padding:12px 15px}.atlas-compare-table td::before{content:attr(data-atlas-project-label);display:block;margin-bottom:6px;color:#d6b3ed;font:600 14px/1.5 var(--ide-display)}}
@media(max-width:760px){.atlas-heading{margin-bottom:22px}.atlas-heading h2{font-size:32px}.atlas-heading>p:last-child{font-size:13px}.atlas-title-row{gap:8px}.atlas-count-label{font-size:8px}.atlas-search-row input{font-size:16px;min-height:44px}.atlas-search-row>button,.atlas-filters>button{min-height:36px}.atlas-filters{gap:6px}.atlas-filters>button{font-size:10px;padding-inline:8px}.atlas-results-line{font-size:10px}.atlas-card-actions{gap:8px}.atlas-card-actions>a,.atlas-compare-check{min-height:40px}.atlas-comparison{margin-top:27px;padding-top:23px}.atlas-comparison-heading>button{min-height:38px}.atlas-share input{font-size:16px}.ide-gallery-dialog{width:100vw;height:100dvh;border:0;border-radius:0}.ide-gallery-header{padding:10px 13px}.ide-gallery-header h2{font-size:18px}.ide-gallery-dialog button{min-width:36px;min-height:36px}.ide-gallery-toolbar{padding:8px 10px;gap:6px;flex-wrap:wrap}.ide-gallery-toolbar>div{gap:5px}.ide-gallery-toolbar span,.ide-gallery-toolbar output{min-width:37px;font-size:10px}.ide-gallery-toolbar [data-gallery-fit]{min-width:48px;font-size:10px}.ide-gallery-viewport{padding:12px}.ide-gallery-footer{padding:10px 13px}.ide-gallery-footer>p:first-child{font-size:11px}.ide-gallery-footer>span{font-size:8px}.ide-gallery-figure>.ide-gallery-open{width:40px;min-height:40px}}
@media(max-width:380px){.atlas-title-row{align-items:flex-start;flex-direction:column}.atlas-heading h2{font-size:29px}.atlas-card-body{padding:16px}.atlas-filters>button{font-size:9px}.ide-gallery-toolbar{justify-content:center}.ide-gallery-toolbar>div:first-child{margin-right:auto}.ide-gallery-toolbar>div:last-child{gap:4px}.ide-gallery-dialog button{min-width:32px;min-height:36px;padding-inline:6px}.ide-gallery-toolbar [data-gallery-fit]{min-width:44px}.ide-gallery-toolbar span,.ide-gallery-toolbar output{min-width:31px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.atlas-image-button img{transition:none}.atlas-image-button:hover img{transform:none}}
/* ide-lab.css */
/* Delivery Lab: a connected, local example of how an idea becomes reviewable work. */
.ide-lab{container-type:inline-size;max-width:1240px;margin-inline:auto;padding:30px clamp(20px,3vw,44px) 40px!important;--lab-line:#b596dc2d;--lab-text:#bfb0d0;--lab-purple:#be8dfa;--lab-cyan:#6fd8c2}
.lab-kicker{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-bottom:25px;font:10px/1.5 var(--ide-mono);letter-spacing:.06em;color:#aa90c0}
.lab-demo-label{font-size:9px;padding:4px 7px;color:#d0b9e5;border:1px solid #b18cd63e;border-radius:4px;background:#a972d90a}
.lab-title{font:650 clamp(31px,3.8vw,49px)/1.1 var(--ide-display);letter-spacing:-.03em;margin:0;color:#efe6f9;text-wrap:balance}
.lab-title em{font-style:normal;color:#d0a9f5}
.lab-intro{max-width:73ch;margin:20px 0 29px;font-size:14px;line-height:1.85;color:var(--lab-text)}
.lab-controlbar{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:0 0 22px;padding:16px;border:1px solid var(--lab-line);border-radius:7px;background:linear-gradient(125deg,#a26add10,#191323)}
.lab-project-picker{display:grid;gap:6px;flex:1 1 190px;max-width:340px;color:#cbb9dd;font-size:10px}
.lab-project-picker select{width:100%;min-height:38px;padding:7px 31px 7px 11px;background:#17101f;color:#e6d6f5;border:1px solid #b18cd649;border-radius:4px;font:12px var(--ide-ui);cursor:pointer}
.lab-playback{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0}
.lab-playback button,.lab-artifact-footer button,.lab-copy-fallback button{min-height:37px;max-width:100%;padding:8px 10px;border:1px solid #ac88c839;border-radius:4px;background:#2b1d3d;color:#d7bfe9;font:11px/1.4 var(--ide-ui);cursor:pointer}
.lab-playback .lab-play{background:linear-gradient(115deg,#6c3ba8,#8f49b7);border-color:#b587d667;color:#fff}
.lab-playback button:disabled{opacity:.42;cursor:default}
.lab-playback button:not(:disabled):hover,.lab-artifact-footer button:hover{background:#6a398c66;border-color:#c697e5}
.lab-stage-list{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:0;border:1px solid var(--lab-line);border-radius:9px 9px 0 0;overflow:hidden}
.lab-stage{position:relative;display:flex;align-items:flex-start;flex-direction:column;gap:7px;min-width:0;min-height:145px;padding:18px 15px 16px;border:0;border-right:1px solid var(--lab-line);border-radius:0;background:#1b1525;text-align:left;color:#d1bedf;cursor:pointer;transition:border-color .2s,background .2s}
.lab-stage::after{position:absolute;right:14px;top:21px;content:'→';font:13px var(--ide-mono);color:#85739a;pointer-events:none}
.lab-stage:last-child::after{display:none}
.lab-stage:hover{border-color:#bd89e172;background:#251930}
.lab-stage[aria-pressed=true]{border-color:#c48cea91;background:linear-gradient(145deg,#974fcd20,#24172e);box-shadow:inset 0 2px #bd81eb}
.lab-stage-index{display:flex;align-items:center;gap:8px;font:11px/1.4 var(--ide-mono);color:#bb9cd5}.lab-stage-index>span:first-child{display:grid;place-items:center;width:24px;height:24px;border:1px solid #ae8cc244;border-radius:50%;background:#0e0a1680}.lab-stage-state{font-size:8px;letter-spacing:.1em}.lab-stage[aria-pressed=true] .lab-stage-index>span:first-child{border-color:#c396ee99;background:#ae79dd20;color:#efe0ff}
.lab-stage[aria-pressed=true] .lab-stage-index{color:#72debe}
.lab-stage-name{font:600 17px/1.2 var(--ide-display);color:#e6d5f4}
.lab-stage-purpose{font-size:11px;line-height:1.5;color:#b9a3cb;flex:1}
.lab-stage-file{display:block;font:10px/1.5 var(--ide-mono);color:#ac89c6;margin-top:4px}
.lab-flow{margin:0;border:0;border-bottom:1px solid #b08bd326;border-radius:0;background:radial-gradient(ellipse at 50% 40%,#9d56c711,transparent 67%),radial-gradient(#b691d715 .7px,transparent .7px),#15101c;background-size:auto,16px 16px,auto;overflow:hidden}
.lab-flow-svg{display:block;width:100%;height:auto;padding:14px 18px 2px;min-height:150px;max-height:247px}
.lab-flow-tracks path{stroke:#583b704f;stroke-width:2}
.lab-flow-pulses path{stroke:#bf85ed;stroke-width:2;stroke-linecap:round;stroke-dasharray:4 90;opacity:0}
.lab-flow-pulses path:nth-child(3n+2){stroke:#64d7c0}
.lab-flow-pulses path:nth-child(3n){stroke:#e593ce}
.lab-flow-source,.lab-flow-result{fill:#20162a;stroke:#a276c948;stroke-width:1}
.lab-flow-result{fill:#102821;stroke:#65c7ad48}
.lab-flow-small{fill:#af96c2;font:9px var(--ide-mono);letter-spacing:.05em}
.lab-flow-label{fill:#d9c5e9;font:12px var(--ide-mono)}
.lab-flow-result+.lab-flow-small{fill:#87c8b6}
.lab-flow-role rect{fill:#20172b;stroke:#ac83ca35;stroke-width:1}
.lab-flow-role circle{fill:#a878d1}
.lab-flow-role[data-role=codex] circle{fill:#6cd0ba}
.lab-flow-role[data-role=gemini] circle{fill:#d58fc5}
.lab-flow-role text{fill:#d1b9e4;font:14px var(--ide-mono)}
.lab-flow-role tspan{fill:#a990bd;font-size:11px}
.lab-flow figcaption{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid #a47bcf1a;color:#bfa4d1;font:10px/1.6 var(--ide-mono)}
.lab-state-number{margin-left:auto;white-space:nowrap;color:#ac89c4}
.lab-state-dot{width:5px;height:5px;flex:none;border-radius:50%;background:#8c739f}
.lab-flow-role rect{transition:stroke .2s,fill .2s}
.lab-flow-role[data-lab-lead=true] rect{stroke:#c394ef;fill:#39234b}
.lab-flow-role[data-lab-lead=true] text{fill:#f0ddff}
.lab-stage-owner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:22px;row-gap:3px;margin:0;padding:20px 24px;border:0;border-bottom:1px solid #ad7fdc25;border-radius:0;background:linear-gradient(105deg,#5f347b25,#211729)}
.lab-stage-owner .lab-overline{margin-bottom:6px;grid-column:1;color:#b392ce;font-size:9px}
.lab-stage-owner strong{grid-column:1;font:550 19px/1.5 var(--ide-display);color:#e1cbf1;overflow-wrap:anywhere}
.lab-stage-owner p{grid-column:2;grid-row:1/3;align-self:center;margin:0;font-size:12px;line-height:1.8;color:#bfa7d0}
.ide-lab[data-lab-phase="2"] .lab-stage-owner{border-color:#6bcdb66b;background:linear-gradient(105deg,#28645320,#211729)}
.ide-lab[data-lab-phase="2"] .lab-stage-owner strong{color:#b2e6d8}
.lab-handoff{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;margin:0;border:0;padding:23px 24px}
.lab-overline{display:block;color:#8bceba;font:9px/1.7 var(--ide-mono);letter-spacing:.06em;margin-bottom:7px}
.lab-handoff h3{margin:0;font:550 23px/1.3 var(--ide-display);color:#e1d5ed;text-wrap:balance}
.lab-handoff p{margin:0;color:var(--lab-text);font-size:12px;line-height:1.85;align-self:center}
.lab-agent-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 29px}
.lab-agent-lane{min-width:0;display:flex;flex-direction:column;padding:20px;border:1px solid #b494d02f;border-radius:9px;background:linear-gradient(155deg,#251b31,#1b1424)}
.lab-agent-lane{transition:border-color .2s,background .2s}
.lab-agent-lane[data-lab-agent-lead=true]{border-color:#ba82df77;background:linear-gradient(150deg,#71418d20,#201728);box-shadow:inset 0 2px #b887df77}
.lab-agent-lane[data-lab-agent=codex][data-lab-agent-lead=true]{border-color:#6fcbbd77;box-shadow:inset 0 2px #6fcbbd77}
.lab-agent-lane[data-lab-agent-lead=true] .lab-role-label{color:#dcb8f5}
.lab-agent-lane>header{display:flex;gap:10px;align-items:center;min-width:0;flex-wrap:wrap;margin-bottom:15px}
.lab-agent-icon{width:32px;height:32px;display:grid;place-items:center;flex:none;border:1px solid #bc84d539;border-radius:7px;background:#b570d514;color:#d8a6e7;font:17px var(--ide-mono)}
.lab-agent-icon[data-agent=codex]{color:#86d2c4;background:#6cbcac0c;border-color:#6cbcac35}
.lab-agent-icon[data-agent=gemini]{color:#c69bef;background:#9d6dcc0e;border-color:#9d6dcc35}
.lab-agent-lane h3{margin:0;font:600 14px/1.3 var(--ide-ui);color:#e1cdee}
.lab-agent-lane>header p{margin:4px 0 0;color:#a78cbb;font:9px/1.5 var(--ide-mono)}
.lab-role-label{color:#ac93bb;font:8px/1.5 var(--ide-mono);margin-left:auto}
.lab-agent-project{display:flex;align-items:center;gap:7px;margin:0 0 17px!important;padding:7px 8px;border-left:2px solid #9266ab42;background:#15101c;color:#ac8ec2;font:9px/1.5 var(--ide-mono);overflow-wrap:anywhere}
.lab-agent-lane h4{margin:0 0 11px;font:550 14px/1.6 var(--ide-display);color:#ddc6ed}
.lab-agent-lane>[data-lab-agent-context]{margin:0 0 18px;color:#c1aecf;font-size:12px;line-height:1.85;overflow-wrap:anywhere;flex:1}
.lab-artifact-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:35px;width:100%;padding:8px 0 0;border:0;border-top:1px solid #ac82c623;border-radius:0;background:none;color:#bf9bdc;cursor:pointer;font:10px/1.5 var(--ide-mono);text-align:left}
.lab-artifact-link:hover{color:#edd4ff}
.lab-ssp{margin:0 0 30px;border:1px solid #a680cb3d;border-radius:9px;background:#18111f;overflow:hidden}
.lab-ssp summary{display:flex;align-items:center;gap:11px;min-height:58px;cursor:pointer;padding:14px 17px;background:linear-gradient(100deg,#8252a517,transparent);color:#dfcaed;font:500 14px/1.5 var(--ide-display);list-style:none}
.lab-ssp summary::-webkit-details-marker{display:none}
.lab-ssp summary::after{content:'+';margin-left:auto;font:18px var(--ide-mono);color:#bca0d0}
.lab-ssp[open] summary::after{content:'−'}
.lab-ssp-mark{display:grid;place-items:center;flex:none;width:35px;height:26px;border:1px solid #bb95de4a;border-radius:4px;background:#a86fe719;color:#cba6e7;font:9px var(--ide-mono);letter-spacing:.07em}
.lab-ssp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#b68cdb22;border-top:1px solid #b68cdb22}
.lab-ssp-fields section{min-width:0;padding:18px;background:#1b1423}
.lab-ssp-fields h3{margin:0 0 10px;color:#ccace3;font:11px/1.6 var(--ide-mono)}
.lab-ssp-fields p{margin:0;font-size:12px;line-height:1.85;color:#bba5cc;overflow-wrap:anywhere}
.lab-ssp-fields .lab-ssp-pending{margin-bottom:9px;color:#89cdb8;font:9px/1.8 var(--ide-mono)}
.lab-ssp footer{display:flex;gap:13px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:13px 17px;border-top:1px solid #b68cdb22;background:#22172c}
.lab-ssp footer p{flex:1 1 230px;margin:0;color:#baa2cd;font-size:10px;line-height:1.7}
.lab-ssp a,.lab-learning-loop a,.lab-learning-loop button{display:inline-flex;align-items:center;gap:7px;min-height:34px;max-width:100%;font:10px/1.6 var(--ide-mono);color:#c49fe3;text-decoration:underline;text-decoration-color:#a571cd60;text-underline-offset:4px;overflow-wrap:anywhere}
.lab-ssp a:hover,.lab-learning-loop a:hover,.lab-learning-loop button:hover{color:#e4c5ff;text-decoration-color:currentColor}
.lab-artifacts{margin:0 0 30px;border:1px solid #b28aca3b;border-radius:9px;background:#120e1a;overflow:hidden;scroll-margin-top:15px}
.lab-artifact-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 15px;background:#241a30;color:#ba9bd1;font:9px/1.5 var(--ide-mono);letter-spacing:.035em}
.lab-artifact-toolbar label{display:flex;align-items:center;gap:7px;letter-spacing:0;cursor:pointer}
.lab-artifact-toolbar input{width:13px;height:13px;margin:0;accent-color:#ad73d5}
.lab-artifact-tabs{display:flex;min-width:0;overflow:auto;border-block:1px solid #b28aca21;background:#17101f;scrollbar-width:thin}
.lab-artifact-tabs button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;flex:1 0 auto;padding:9px 16px;border:0;border-right:1px solid #b28aca1f;border-radius:0;background:#1d1426;color:#ae91c2;cursor:pointer;font:11px/1.5 var(--ide-mono)}
.lab-artifact-tabs button[aria-selected=true]{box-shadow:inset 0 2px #bb88e3;background:#120e1a;color:#edcfff}
.lab-artifact-tabs button:hover{color:#f0dfff;background:#2b1e3a}
.lab-artifact-panel{max-height:480px;overflow:auto;scrollbar-width:thin;scrollbar-color:#80549166 transparent;outline-offset:-3px!important;background:linear-gradient(90deg,#ab76d904,transparent 35%)}
.lab-artifact-panel pre{margin:0;padding:22px 20px 22px 54px;background:none;border:0;border-radius:0;max-width:100%;overflow:visible}
.lab-artifact-panel code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;font:11px/1.9 var(--ide-mono);color:#c4b2d4}
.lab-artifact-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid #b28aca25;background:#1a1222}
.lab-artifact-footer>span{margin-right:auto;font:9px/1.5 var(--ide-mono);color:#a98bbb}
.lab-artifact-footer button{min-height:32px;padding:6px 9px;background:#9d66b50c;font-size:10px}
.lab-feedback{margin:0;color:#93d8c6;font:11px/1.6 var(--ide-ui)}
.lab-feedback:not(:empty){padding:12px 15px;border-top:1px solid #ad84c623}
.lab-copy-fallback{padding:15px;border-top:1px solid #ad84c623}
.lab-copy-fallback label{display:block;margin-bottom:10px;font-size:11px;color:#cdb2df}
.lab-copy-fallback textarea{display:block;width:100%;min-width:0;padding:12px;border:1px solid #b98ada58;border-radius:4px;background:#0f0b15;color:#d5b7e9;font:11px/1.7 var(--ide-mono);resize:vertical;margin-bottom:10px}
.lab-learning-loop{position:relative;margin:30px 0 27px;padding:25px;border:1px solid #73b9a835;border-radius:9px;background:radial-gradient(ellipse at 5% 0,#427d7020,transparent 65%),#16131d}
.lab-learning-loop>header h3{margin:0 0 12px;color:#dccded;font:550 26px/1.25 var(--ide-display);text-wrap:balance}
.lab-learning-loop>header p{max-width:78ch;margin:0 0 20px;color:#c3b3d0;font:12px/1.85 var(--ide-ui)}
.lab-learning-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lab-learning-steps article{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:18px 15px;background:#201827;border:1px solid #a283ba2b;border-radius:5px}
.lab-learning-steps article:not(:last-child)::after{content:'›';position:absolute;top:28px;right:-13px;z-index:1;color:#91b5ab;font:17px var(--ide-mono)}
.lab-learning-icon{display:grid;place-items:center;width:30px;height:30px;margin-bottom:14px;border:1px solid #7fae9d3e;border-radius:6px;background:#44877514;color:#a3d8c8;font:19px var(--ide-mono)}
.lab-learning-steps h4{margin:0 0 10px;font:550 14px/1.5 var(--ide-display);color:#d4c0e5}
.lab-learning-steps p{flex:1;margin:0 0 13px;color:#b7a1c8;font-size:11px;line-height:1.8}
.lab-learning-steps button{padding:0;border:0;background:none;text-align:left;cursor:pointer}
.lab-loop-return{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 0;padding:13px 12px;border-left:1px solid #7db8a657;border-bottom:1px solid #7db8a657;border-radius:0 0 0 10px;background:linear-gradient(90deg,#528c7620,transparent)}
.lab-loop-return>span{font:25px var(--ide-mono);color:#8bceba}
.lab-loop-return p{flex:1 1 180px;margin:0;color:#b7cec5;font:10px/1.7 var(--ide-mono)}
.lab-loop-return::after{content:'';position:absolute;left:-3px;top:-2px;width:5px;height:5px;border-radius:50%;background:#7fae9d;opacity:.5}
.ide-lab[data-lab-phase="3"] .lab-learning-loop{border-color:#7bc7b267}
.lab-source-note{display:flex;align-items:flex-start;gap:12px;padding:17px;border:1px solid #9980b524;border-radius:6px;background:#9980b508}
.lab-source-note>span{color:#af92c7;font-size:20px}
.lab-source-note h3{font:500 14px/1.5 var(--ide-display);color:#d6c1e6;margin:0 0 8px}
.lab-source-note p{font-size:11px;line-height:1.85;color:#af9cbd;margin:0 0 12px}
.lab-source-note a{display:inline-flex;min-height:30px;align-items:center;font-size:11px;color:#c59de1;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ad77d248}
.ide-lab[data-lab-running=true] .lab-flow-pulses path{animation:lab-flow-current 1.5s linear infinite}.ide-lab[data-lab-running=true][data-lab-phase="0"] .lab-flow-pulses path:is(:nth-child(1),:nth-child(5)),.ide-lab[data-lab-running=true][data-lab-phase="1"] .lab-flow-pulses path:is(:nth-child(2),:nth-child(6)),.ide-lab[data-lab-running=true][data-lab-phase="2"] .lab-flow-pulses path:is(:nth-child(3),:nth-child(7)),.ide-lab[data-lab-running=true][data-lab-phase="3"] .lab-flow-pulses path:is(:nth-child(4),:nth-child(8)){opacity:.95}
.ide-lab[data-lab-running=true] .lab-flow-pulses path:nth-child(2n){animation-delay:-.5s}
.ide-lab[data-lab-running=true] .lab-flow-pulses path:nth-child(3n){animation-delay:-1s}
.ide-lab[data-lab-running=true] .lab-state-dot{background:#79e0bd;box-shadow:0 0 9px #72dcb050}
.ide-lab[data-lab-running=true] .lab-flow-result{stroke:#7ad2ba99}
.ide-lab[data-lab-running=true] .lab-agent-lane[data-lab-agent-lead=true] .lab-agent-icon{animation:lab-role-pulse 1.8s ease-in-out infinite}
.ide-lab[data-lab-running=true][data-lab-phase="3"] .lab-loop-return::after{animation:lab-loop-pulse 1.8s ease-in-out infinite}
/* A single stage dossier connects the diagram, responsibility and handover decision. */
.lab-stage-dossier{margin:0 0 35px;border:1px solid var(--lab-line);border-top:0;border-radius:0 0 9px 9px;overflow:hidden;background:#1b1423}
.lab-dossier-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 23px;background:#21172c;border-bottom:1px solid #b08bd324}
.lab-dossier-heading .lab-overline{margin:0;color:#bca3ce;font-size:9px}
.lab-dossier-file{font:10px/1.5 var(--ide-mono);color:#8bd8c7}
.lab-decision-note{display:flex;align-items:flex-start;gap:12px;margin:0 24px 22px;padding:13px 15px;border:1px solid #95bdb129;border-radius:6px;background:#63ab9010}
.lab-decision-note>span{flex:none;color:#8fd4bd;font:22px/1.2 var(--ide-mono)}
.lab-decision-note p{margin:0;color:#b8ceca;font:11px/1.8 var(--ide-ui)}
.lab-decision-note strong{display:block;margin-bottom:3px;font-weight:600;color:#ccded8}
.lab-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.lab-section-heading h3{margin:0;color:#e1d4ed;font:550 23px/1.3 var(--ide-display);text-wrap:balance}
.lab-section-heading .lab-overline{font-size:8px;color:#b99bce;letter-spacing:.07em}
.lab-section-caption{max-width:23ch;color:#aa96bc;font:10px/1.7 var(--ide-ui)}
.lab-document-identity{display:flex;align-items:center;gap:16px;padding:22px 23px;background:linear-gradient(115deg,#a46fcd12,transparent);border-bottom:1px solid #aa7cd322}
.lab-document-icon{display:grid;place-items:center;flex:none;width:46px;height:54px;border:1px solid #b48fcd4f;border-radius:6px 12px 6px 6px;background:#8d5bb016;font:18px var(--ide-mono);color:#ceb2e6}
.lab-document-identity .lab-overline{margin-bottom:6px;font-size:8px;color:#b594cf}
.lab-document-identity h3{margin:0 0 6px;font:550 20px/1.3 var(--ide-display);color:#e5d8ef}
.lab-document-identity p{margin:0;font:11px/1.7 var(--ide-ui);color:#b9a8c9}
.lab-code-line{position:relative;display:block;min-height:1.9em;white-space:pre-wrap;overflow-wrap:anywhere}
.lab-code-line::before{content:attr(data-line);position:absolute;right:calc(100% + 16px);width:25px;text-align:right;white-space:nowrap;color:#756585;font:9px/2.3 var(--ide-mono);user-select:none}
.lab-code-title{font-weight:600;color:#e3c5ff}
.lab-code-heading{font-weight:500;color:#cbabed}
.lab-code-note{color:#9985ac;font-style:italic}
.lab-code-pending{color:#94caba}
.lab-code-list{color:#b1b4da}
@container (max-width:790px){.lab-stage-state{display:none}.lab-section-heading h3{font-size:22px}.lab-section-caption{max-width:20ch}.lab-stage-owner{padding:20px}.lab-handoff{padding:22px 20px}.lab-decision-note{margin-inline:20px}}
@container (max-width:520px){.lab-dossier-heading{padding:13px 15px;gap:8px}.lab-dossier-heading .lab-overline{font-size:8px}.lab-dossier-file{font-size:9px}.lab-handoff{padding:19px 16px}.lab-stage-dossier{margin-bottom:28px}.lab-decision-note{margin:0 15px 17px;padding:12px;gap:9px}.lab-decision-note p{font-size:12px}.lab-section-heading{display:block}.lab-section-heading h3{font-size:23px}.lab-section-caption{display:block;max-width:none;margin-top:10px;font-size:11px}.lab-document-identity{padding:18px 14px;align-items:flex-start;gap:11px}.lab-document-icon{width:32px;height:41px;font-size:13px}.lab-document-identity h3{font-size:18px}.lab-document-identity .lab-overline{font-size:7px;line-height:1.8}.lab-code-line::before{right:calc(100% + 11px);width:19px;font-size:8px}}
@keyframes lab-flow-current{to{stroke-dashoffset:-188}}
@keyframes lab-role-pulse{50%{box-shadow:0 0 0 5px #b489db0d;border-color:#c294e89e}}
@keyframes lab-loop-pulse{50%{opacity:1;box-shadow:0 0 0 4px #7bc7b219,0 0 15px #7bc7b24d}}
@container (max-width:790px){.lab-learning-steps{gap:10px}.lab-learning-steps article{padding:13px 10px}.lab-learning-steps h4{font-size:13px}.lab-learning-steps article:not(:last-child)::after{right:-10px}.lab-stage-owner{column-gap:18px;padding:15px}.lab-ssp-fields section{padding:16px}}
@container (max-width:520px){.lab-stage-owner{grid-template-columns:minmax(0,1fr);gap:5px}.lab-stage-owner p{grid-column:1;grid-row:auto;margin-top:5px}.lab-stage-owner strong{font-size:16px}.lab-ssp summary{padding:14px;font-size:14px}.lab-ssp-fields{grid-template-columns:minmax(0,1fr)}.lab-ssp-fields p{font-size:12px}.lab-ssp footer{padding:12px 14px;gap:8px}.lab-learning-loop{padding:17px 14px}.lab-learning-loop>header h3{font-size:21px}.lab-learning-loop>header p{font-size:12px}.lab-learning-steps{grid-template-columns:minmax(0,1fr);gap:18px}.lab-learning-steps article{padding:15px}.lab-learning-steps article:not(:last-child)::after{top:auto;right:auto;bottom:-17px;left:28px;content:'↓';font-size:15px}.lab-learning-steps h4{font-size:16px}.lab-learning-steps p{font-size:12px}.lab-learning-icon{margin-bottom:11px}.lab-loop-return{padding:11px;gap:8px}.lab-loop-return p{flex-basis:calc(100% - 42px)}.lab-loop-return a{margin-left:30px}.lab-ssp a,.lab-learning-loop a,.lab-learning-loop button{min-height:40px}}
@container (max-width:790px){.lab-agent-lanes{grid-template-columns:minmax(0,1fr)}.lab-agent-lane{display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:19px}.lab-agent-lane>header{grid-column:1;grid-row:1;margin-bottom:12px}.lab-agent-project{grid-column:1;grid-row:2;align-self:start;margin-bottom:0!important}.lab-agent-lane h4{grid-column:2;grid-row:1}.lab-agent-lane>[data-lab-agent-context]{grid-column:2;grid-row:2;margin-bottom:12px}.lab-artifact-link{grid-column:2;grid-row:3}.lab-role-label{display:none}.lab-handoff{grid-template-columns:minmax(0,1fr);gap:10px}.lab-stage{padding:13px 10px;min-height:134px}.lab-stage-name{font-size:16px}}
@container (max-width:520px){.lab-stage-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.lab-stage:nth-child(-n+2){border-bottom:1px solid var(--lab-line)}.lab-stage{min-height:113px}.lab-stage:nth-child(2)::after{display:none}.lab-stage-purpose{font-size:11px}.lab-controlbar{padding:13px;gap:14px}.lab-project-picker{max-width:none;flex-basis:100%}.lab-playback{width:100%}.lab-playback button{flex:1;min-height:40px;font-size:10px}.lab-playback .lab-play{flex-basis:100%}.lab-agent-lane{display:flex;padding:16px}.lab-agent-lane>header{margin-bottom:12px}.lab-agent-project{margin-bottom:15px!important}.lab-agent-lane>[data-lab-agent-context]{font-size:12px;line-height:1.8}.lab-agent-lane h4{font-size:16px}.lab-role-label{display:inline;margin-left:auto}.lab-flow-svg{display:none}.lab-flow figcaption{padding:10px;font-size:9px}.lab-flow figcaption [data-lab-state]{max-width:75%}.lab-title{font-size:31px}.lab-handoff h3{font-size:21px}.lab-artifact-toolbar{padding:12px;gap:9px}.lab-artifact-tabs button{font-size:10px;padding:9px 10px}.lab-artifact-panel pre{padding:17px 12px 17px 40px}.lab-artifact-panel code{font-size:11px}.lab-artifact-footer>span{flex-basis:100%;margin:0 0 4px}.lab-artifact-footer button{flex:1;min-height:39px}.lab-source-note{padding:15px}.lab-kicker{font-size:9px;gap:9px}.lab-demo-label{font-size:8px}}
@media(max-width:760px){.ide-lab{padding:24px 19px 30px!important}.lab-project-picker select{font-size:16px;min-height:43px}.lab-artifact-toolbar label{min-height:30px}.lab-artifact-toolbar input{width:16px;height:16px}.lab-copy-fallback textarea{font-size:16px}.lab-artifact-link{min-height:40px}.lab-artifact-tabs button{min-height:41px}}
@media(prefers-reduced-motion:reduce){.ide-lab *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.lab-flow-pulses{display:none}}
html[data-motion-paused=true] .ide-lab .lab-flow-pulses{display:none}
html[data-motion-paused=true] .ide-lab .lab-agent-icon,html[data-motion-paused=true] .ide-lab .lab-loop-return::after{animation:none!important}
@media print{.ide-lab :is(.lab-stage-owner,.lab-ssp,.lab-learning-loop,.lab-learning-steps article,.lab-loop-return){background:transparent!important;border-color:#aaa;break-inside:avoid}.ide-lab :is(.lab-stage-owner strong,.lab-ssp summary){color:#111!important}.lab-ssp-fields{background:none;gap:14px}.lab-ssp-fields section,.lab-ssp footer{background:none}.lab-learning-loop button{display:none}.lab-learning-steps{display:block}.lab-learning-steps article{margin:12px 0}.lab-learning-steps article::after{display:none}.lab-loop-return::after{display:none}.lab-ssp summary::after{display:none}}
@media print{.ide-lab{max-width:none;padding:0!important;color:#111;background:#fff;container-type:normal}.ide-lab :is(.lab-controlbar,.lab-stage-list,.lab-artifact-tabs,.lab-artifact-footer,.lab-copy-fallback,.lab-feedback,.lab-artifact-toolbar label,.lab-artifact-link){display:none!important}.ide-lab :is(h2,h3,h4,p,span,a,code){color:#111!important}.ide-lab :is(.lab-agent-lane,.lab-artifacts,.lab-handoff,.lab-source-note){break-inside:avoid;background:transparent!important;border-color:#aaa}.lab-artifact-panel{max-height:none;overflow:visible}.lab-agent-lanes{display:block}.lab-agent-lane{margin-bottom:14px}.lab-flow-svg{display:none}.lab-flow-pulses{display:none}.lab-flow figcaption{border:0}.lab-artifact-panel pre{padding:14px 0}.lab-artifact-panel code{font-size:9pt}.lab-artifact-toolbar{background:none!important;color:#111}}
/* ide-network.css */
/* The connected workspace: bounded graph + explicitly illustrative handoffs. */
.network-panel{--network-line:rgba(186,169,215,.17);--network-soft:#a99fb9;--network-ink:#ece6f5;color:var(--network-ink);padding:clamp(18px,3.6vw,42px);overflow-wrap:anywhere}
.network-panel *, .network-panel *::before,.network-panel *::after{box-sizing:border-box}
.network-panel button,.network-panel select,.network-panel a{touch-action:manipulation}
.network-panel button,.network-panel select{font:inherit;color:inherit}
.network-panel button{cursor:pointer;border:1px solid var(--network-line);border-radius:7px;background:#211b2e;padding:9px 12px;min-height:36px;line-height:1.4}
.network-panel button:hover:not(:disabled){border-color:#a772ff;background:#302140}
.network-panel button:disabled{opacity:.44;cursor:default}
.network-panel :is(button,a,select,summary,[tabindex]):focus-visible{outline:2px solid #5ae3c9;outline-offset:3px}
.network-panel p{line-height:1.75}
.network-panel a{color:#75e6d2;text-underline-offset:4px}
.network-panel .ide-code-comment{margin:0 0 9px;font:11px/1.5 var(--ide-mono,monospace);color:#a99fb9;letter-spacing:.04em}
.network-heading{max-width:950px;margin-bottom:24px}
.network-title-row{display:flex;flex-wrap:wrap;gap:13px;align-items:center}
.network-title-row h2{font:600 clamp(26px,3.1vw,41px)/1.19 var(--ide-display,sans-serif);max-width:660px;margin:0;letter-spacing:-.03em;overflow-wrap:normal}
.network-heading>p:last-child{font-size:13px;max-width:790px;color:#bdb2ce;margin:17px 0 0}
.network-sample-badge,.network-demo-label{display:inline-flex;align-items:center;font:9px/1.5 var(--ide-mono,monospace);letter-spacing:.06em;color:#7be5d2;background:rgba(90,227,201,.07);border:1px solid rgba(90,227,201,.25);padding:5px 8px;border-radius:4px;white-space:nowrap}
.network-context{display:flex;align-items:center;gap:11px;flex-wrap:wrap;border-block:1px solid var(--network-line);padding:13px 0;margin-bottom:30px;font-size:11px}
.network-context label{color:#b4a8c4;font-size:10px}
.network-context select{background:#211b2e;border:1px solid #4d3d60;border-radius:5px;padding:9px 26px 9px 9px;max-width:100%;min-width:145px;min-height:38px;font-size:11px}
.network-context a{margin-left:auto;text-decoration:none}
.network-context button{padding:8px 10px;font-size:10px}
.network-section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px}
.network-section-heading h3,.network-skills h3{margin:0;font:600 22px/1.3 var(--ide-display,sans-serif);letter-spacing:-.02em}
.network-section-heading>button{font-size:10px;flex-shrink:0;color:#c9bfd8}
.network-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}
.network-filters button{display:flex;align-items:center;gap:7px;font-size:10px;padding:7px 10px;background:#191521}
.network-filters button[aria-pressed=true]{border-color:#ac7fff;background:#30213f;color:#fff}
.network-category-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--node-color,#c9bbdd)}
.network-panel [data-category=project]{--node-color:#ff98cc;--node-glow:rgba(255,105,186,.18)}
.network-panel [data-category=tool]{--node-color:#a991ff;--node-glow:rgba(148,112,255,.17)}
.network-panel [data-category=skill]{--node-color:#79c9ff;--node-glow:rgba(76,167,255,.17)}
.network-panel [data-category=decision]{--node-color:#ebc789;--node-glow:rgba(234,185,101,.13)}
.network-panel [data-category=learning]{--node-color:#73e3d0;--node-glow:rgba(68,218,190,.13)}
.network-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;border:1px solid var(--network-line);border-radius:12px;overflow:hidden;background:#15121e}
.network-graph-column{min-width:0}
.network-canvas{position:relative;aspect-ratio:1000/620;min-height:360px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 47% 46%,rgba(113,58,160,.12),transparent 58%),radial-gradient(circle at 1px 1px,rgba(159,144,184,.12) 1px,transparent 0);background-size:auto,24px 24px}
.network-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.network-connections line{stroke:rgba(153,126,188,.22);stroke-width:1;vector-effect:non-scaling-stroke}
.network-connections line.is-connected{stroke:#80629e;stroke-width:1.5}
.network-orbit{position:absolute;pointer-events:none;border:1px dashed rgba(135,106,166,.1);border-radius:50%;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%)}
.network-orbit--one{width:78%;height:80%}
.network-orbit--two{width:40%;height:42%}
.network-panel .network-node{position:absolute;left:var(--node-x);top:var(--node-y);transform:translate(-50%,-50%);width:108px;min-height:0;padding:0;display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center;border:0;border-radius:7px;background:transparent;z-index:2;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;line-height:1.25}
.network-panel .network-node:hover:not(:disabled){background:transparent;border-color:transparent;z-index:3}
.network-panel .network-node:hover .network-node-orb{transform:scale(1.1);border-color:var(--node-color)}
.network-node-orb{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--node-color) 45%,transparent);border-radius:50%;color:var(--node-color);background:#201a2a;box-shadow:0 0 20px var(--node-glow);font:14px/1 var(--ide-mono,monospace);transition:transform .16s ease}
.network-node strong{font-size:10px;font-weight:500;color:#cfc2df;background:rgba(21,18,30,.88);border-radius:3px;padding:2px 4px;max-width:100%;overflow-wrap:normal}
.network-node small{font:8px/1.3 var(--ide-mono,monospace);color:#b6a9c6;max-width:116px;background:rgba(21,18,30,.85);padding:1px 3px}
.network-node[aria-pressed=true] .network-node-orb{width:43px;height:43px;color:#15121e;background:var(--node-color);border:4px solid #312840;outline:1px solid var(--node-color);box-shadow:0 0 30px var(--node-glow);font-size:17px}
.network-node[aria-pressed=true] strong{color:#fff}
.network-node.is-related .network-node-orb{border-color:var(--node-color)}
.network-canvas[data-dragging=true],.network-canvas[data-dragging=true] .network-node{cursor:grabbing}
.network-canvas-label{position:absolute;bottom:10px;left:12px;font:7px/1 var(--ide-mono,monospace);letter-spacing:.15em;color:#8f829f;pointer-events:none}
.network-keyboard-hint{font-size:9px;color:#ac9fbf;margin:0;padding:12px 16px;border-top:1px solid var(--network-line)}
.network-node-directory{padding:0 16px 13px;font-size:10px}
.network-node-directory summary{cursor:pointer;color:#c6b7d6;min-height:30px;padding:6px 0}
.network-node-directory summary span{font:9px var(--ide-mono,monospace);margin-left:7px;color:#a18cb8}
.network-node-list{display:flex;flex-wrap:wrap;gap:6px;padding-top:7px}
.network-node-list button{display:flex;align-items:center;gap:6px;padding:6px 8px;min-height:32px;font-size:9px}
.network-node-list button>span{color:var(--node-color)}
.network-node-list button[aria-pressed=true]{border-color:var(--node-color)}
.network-inspector{padding:22px 19px;background:linear-gradient(150deg,#22192e,#1a1622);border-left:1px solid var(--network-line);min-width:0}
.network-inspector h4{margin:0 0 13px;font:600 19px/1.35 var(--ide-display,sans-serif)}
.network-inspector>p:not(.ide-code-comment){font-size:11px;color:#c5b9d3;margin:0 0 18px}
.network-inspector>ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:9px}
.network-inspector>ul li{font-size:10px;line-height:1.6;padding-left:13px;position:relative;color:#d8cce2}
.network-inspector>ul li::before{content:"";position:absolute;left:0;top:6px;width:4px;height:4px;border-radius:50%;background:#81d8c8}
.network-related{border-top:1px solid var(--network-line);padding-top:15px;margin-bottom:19px}
.network-related>span{font-size:9px;color:#a99bbb}
.network-related>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.network-related button{font-size:9px;padding:5px 7px;min-height:30px;background:rgba(163,111,222,.07)}
.network-source-link{font-size:10px;text-decoration:none}
.network-skills{margin:34px 0}
.network-skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}
.network-skill-grid button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;padding:14px 26px 14px 13px;background:linear-gradient(130deg,#231a2f,#191522);min-width:0}
.network-skill-grid button>span:first-child{font-size:11px;color:#e3d6ef}
.network-skill-grid small{font-size:9px;line-height:1.6;color:#b3a1c5}
.network-skill-grid button>span:last-child{position:absolute;right:10px;top:14px;color:#ab8ccc;font-size:12px}
.network-discord{padding-top:30px;border-top:1px solid var(--network-line)}
.network-demo-description{font-size:11px;color:#b8acc9;max-width:800px;margin:0 0 17px}
.network-demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.network-play-controls{display:flex;gap:6px;flex-wrap:wrap}
.network-play-controls button{font-size:10px;padding:8px 11px}
.network-play-controls [data-network-action=play]{background:#3b2350;border-color:#8b5dba}
.network-demo-toolbar output{font:11px var(--ide-mono,monospace);color:#bda6d2;white-space:nowrap}
.network-discord-shell{display:grid;grid-template-columns:200px minmax(0,1fr);border:1px solid #3b2c4a;border-radius:10px;overflow:hidden;background:#1b1725;min-width:0}
.network-discord-sidebar{background:#16131e;border-right:1px solid var(--network-line);min-width:0}
.network-server{display:flex;gap:9px;align-items:center;padding:15px 12px;border-bottom:1px solid var(--network-line)}
.network-server>span{display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#a25eef,#703eaa);border-radius:10px;font:700 15px/1 var(--ide-display,sans-serif);width:33px;height:33px;color:#fff;flex-shrink:0}
.network-server>span>span{position:absolute;bottom:5px;right:5px;font-size:9px}
.network-server>div{min-width:0}
.network-server strong{display:block;font-size:10px;font-weight:500;white-space:nowrap}
.network-server small{display:block;font-size:8px;color:#ad9dbd;margin-top:5px;line-height:1.5}
.network-channel{margin:10px 7px 4px!important;padding:8px;border-radius:5px;background:#2b2039;color:#c8b5dd;font:10px/1.4 var(--ide-mono,monospace)!important}
.network-channel>span{font-size:15px;color:#a68dbc;vertical-align:middle;margin-right:5px}
.network-actors{list-style:none;margin:8px 0;padding:0 7px;display:grid;gap:3px}
.network-actors li{position:relative;display:flex;align-items:center;gap:8px;padding:10px 7px;border:1px solid transparent;border-radius:6px;color:#c7bad4}
.network-actors li>div{min-width:0;flex:1}
.network-actors strong{display:block;font-size:10px;font-weight:500}
.network-actors small{display:block;font:8px/1.4 var(--ide-mono,monospace);color:#aa9ab9;margin-top:3px}
.network-actor-avatar,.network-message-avatar{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;font:11px var(--ide-mono,monospace);border-radius:8px;border:1px solid #463354;background:#2b2037;color:#c79bef}
.network-actors li.is-sending{background:#30213f;border-color:#79569b}
.network-actors li.is-receiving{background:#192e2e;border-color:#38645e}
.network-actors li.is-receiving .network-actor-avatar{color:#7be5d2;background:#183834;border-color:#40776c}
.network-actor-signal{width:5px;height:5px;border-radius:50%;background:#71607f;flex-shrink:0}
.network-actors li:is(.is-sending,.is-receiving) .network-actor-signal{background:#72dfc9;box-shadow:0 0 8px rgba(114,223,201,.4)}
.network-conversation{min-width:0;display:flex;flex-direction:column}
.network-channel-header{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--network-line);min-height:65px}
.network-channel-header strong{font:11px/1.5 var(--ide-mono,monospace)}
.network-channel-header strong>span{color:#a984c4;font-size:16px;margin-right:5px}
.network-channel-header>span{font-size:8px;color:#b3a2c4;text-align:right}
.network-handoff{display:flex;align-items:center;gap:10px;padding:16px;font-size:9px;color:#d4c4e2;background:linear-gradient(90deg,rgba(118,70,149,.09),rgba(67,165,149,.06));min-height:54px}
.network-handoff>span:first-child,.network-handoff>span:last-child{max-width:35%;overflow-wrap:anywhere}
.network-handoff-wire{position:relative;height:1px;flex:1;background:linear-gradient(90deg,#9464ba,#69ceba);min-width:20px}
.network-handoff-wire::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid #69ceba;border-right:1px solid #69ceba;transform:rotate(45deg)}
.network-handoff-wire i{position:absolute;left:0;top:-3px;border-radius:50%;width:7px;height:7px;background:#ba94e2;box-shadow:0 0 8px #b884e7;opacity:0}
.network-message-log{list-style:none;min-height:280px;max-height:385px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#594069 transparent;padding:6px 0;margin:0;flex:1}
.network-message{display:flex;gap:10px;padding:14px 16px;border-top:1px solid rgba(179,151,205,.05)}
.network-message:not(.is-current){opacity:.7}
.network-message.is-current{background:linear-gradient(90deg,rgba(120,64,163,.13),transparent)}
.network-message-avatar{margin-top:2px;width:29px;height:29px;border-radius:50%;font-size:11px}
.network-message-content{min-width:0;flex:1}
.network-message-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px;margin-bottom:7px}
.network-message-meta strong{font-size:11px;color:#d8b6f5}
.network-message-meta>span{font:7px var(--ide-mono,monospace);color:#a998bc;border:1px solid #49345c;border-radius:3px;padding:2px 4px}
.network-message-meta small{margin-left:auto;font:8px var(--ide-mono,monospace);color:#9f8aad;white-space:nowrap}
.network-message-content>h4{font:500 12px/1.5 var(--ide-ui,sans-serif);margin:5px 0 7px;color:#e7dcf2}
.network-message-content>p{font-size:10px;color:#c2b3cf;margin:0 0 9px}
.network-message-content>p.network-message-handoff{font:8px/1.5 var(--ide-mono,monospace);color:#7bd4c3;margin:0}
.network-message-artifact{display:inline-block;max-width:100%;padding:6px 8px;border:1px solid #483059;border-radius:4px;background:#20172b;font:8px/1.5 var(--ide-mono,monospace);color:#c3a4dd;overflow-wrap:anywhere}
.network-approval{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;border-top:1px solid #80643f;background:linear-gradient(110deg,#36291e,#271c25)}
.network-approval>span{font-size:22px;color:#ebc789}
.network-approval>div{flex:1;min-width:120px}
.network-approval strong{font-size:11px;color:#f0d7af}
.network-approval p{font-size:9px;margin:5px 0 0;color:#d6bb9e}
.network-approval button{background:#4d3826;border-color:#d0a96e;color:#ffe5c1;font-size:10px;min-height:42px}
.network-demo-complete{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:17px;background:#192d2c;border-top:1px solid #427467}
.network-demo-complete strong{font-size:13px;color:#92e7d3}
.network-demo-complete>span{font-size:10px;color:#bbd8d0;line-height:1.6}
.network-demo-complete button{font-size:10px;color:#a2eddb;background:#213d36;border-color:#447b6c}
.network-message-status{padding:11px 15px;margin:0!important;min-height:42px;font-size:8px;color:#a99bb8;border-top:1px solid var(--network-line)}
.network-step-strip{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}
.network-step-strip button{display:flex;align-items:center;gap:6px;font-size:8px;padding:5px 7px;min-height:30px;background:#18141f}
.network-step-strip button>span:first-child{font:8px var(--ide-mono,monospace);color:#a794be}
.network-step-strip button[aria-current=step]{border-color:#9b73c6;color:#e5d6f3;background:#332241}
.network-step-strip button.is-complete>span:first-child{color:#77d9c1}
.network-footnote{border-top:1px solid var(--network-line);margin-top:34px;padding-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:15px}
.network-footnote>div{display:flex;gap:12px;align-items:flex-start;flex:1;min-width:220px}
.network-footnote>div>span{font-size:27px;color:#9a76bd;line-height:1.3}
.network-footnote p{margin:0;font-size:10px;color:#afa0be;max-width:690px}
.network-footnote p strong{color:#d1b7e7;font-weight:500}
.network-footnote>a{font-size:10px;white-space:nowrap;text-decoration:none}
@container ide-reading (max-width:1100px){
 .network-map-layout{grid-template-columns:minmax(0,1fr)}
 .network-canvas{aspect-ratio:1000/570}
 .network-inspector{border-left:0;border-top:1px solid var(--network-line);display:grid;grid-template-columns:1.45fr 1fr;gap:0 28px;padding:20px 22px}
 .network-inspector>.ide-code-comment,.network-inspector>h4{grid-column:1/-1}
 .network-inspector>p:not(.ide-code-comment){grid-column:1;grid-row:3 / 5;margin:0}
 .network-inspector>ul{grid-column:2;margin:0 0 15px}
 .network-related{grid-column:2;grid-row:4;margin:0}
 .network-source-link{grid-column:1/-1;margin-top:18px}
}
@container ide-reading (max-width:700px){
 .network-panel{padding:22px}
 .network-title-row h2{font-size:32px}
 .network-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .network-discord-shell{grid-template-columns:155px minmax(0,1fr)}
 .network-server{padding:13px 9px;gap:7px}
 .network-server strong{font-size:8px}
 .network-server small{font-size:7px}
 .network-server>span{width:25px;height:28px}
 .network-actors strong{font-size:9px}
 .network-actors small{font-size:7px}
 .network-actors li{padding:9px 3px;gap:6px}
 .network-actor-avatar{width:24px;height:24px;font-size:9px}
 .network-actor-signal{display:none}
 .network-section-heading h3,.network-skills h3{font-size:21px}
 .network-section-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}
 .network-message{padding:13px 12px;gap:8px}
}
@container ide-reading (max-width:520px){
 .network-panel{padding:17px}
 .network-heading{margin-bottom:18px}
 .network-title-row{gap:12px}
 .network-title-row h2{font-size:28px;max-width:350px}
 .network-heading>p:last-child{font-size:11px}
 .network-context{gap:10px 12px;margin-bottom:25px}
 .network-context label{width:100%}
 .network-context select{min-width:0;flex:1}
 .network-context a{margin-left:0;font-size:10px}
 .network-context button{width:100%}
 .network-filters{gap:5px}
 .network-filters button{font-size:9px;padding:7px 8px;min-height:35px}
 .network-category-dot{width:5px;height:5px}
 .network-canvas{aspect-ratio:auto;height:410px;min-height:0;background-size:auto,18px 18px}
 .network-panel .network-node{width:68px;gap:4px}
 .network-node-orb{width:25px;height:25px;font-size:10px}
 .network-node strong{font-size:8px;line-height:1.25;padding:1px 2px;max-width:68px}
 .network-node small{display:none}
 .network-node[aria-pressed=true] .network-node-orb{width:31px;height:31px;font-size:12px;border-width:3px}
 .network-keyboard-hint{font-size:8px;padding:11px 12px}
 .network-node-directory{padding:0 12px 12px}
 .network-node-list button{min-height:35px}
 .network-inspector{display:block;padding:18px 15px}
 .network-inspector>h4{font-size:19px}
 .network-inspector>p:not(.ide-code-comment){font-size:11px;margin-bottom:17px}
 .network-inspector>ul{margin-bottom:17px}
 .network-related{margin-bottom:17px}
 .network-source-link{display:inline-block;margin-top:0;min-height:25px}
 .network-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .network-skill-grid button{padding:12px 24px 12px 11px}
 .network-skill-grid small{font-size:8px}
 .network-section-heading h3,.network-skills h3{font-size:21px}
 .network-section-heading>button{font-size:9px}
 .network-demo-toolbar{align-items:flex-start}
 .network-play-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:1;max-width:290px}
 .network-play-controls button{padding:9px 7px;min-height:39px;font-size:9px}
 .network-demo-toolbar output{font-size:9px;padding-top:13px}
 .network-discord-shell{grid-template-columns:minmax(0,1fr)}
 .network-discord-sidebar{border-right:0;border-bottom:1px solid var(--network-line)}
 .network-server{padding:10px 12px}
 .network-server strong{font-size:10px}
 .network-server small{font-size:8px}
 .network-channel{display:none}
 .network-actors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:0 7px;margin:5px 0 10px}
 .network-actors li{flex-direction:column;text-align:center;gap:5px;padding:7px 2px}
 .network-actors li>div{width:100%}
 .network-actors strong{font-size:7px;line-height:1.3}
 .network-actors small{display:none}
 .network-actor-avatar{width:24px;height:24px;font-size:9px}
 .network-channel-header{padding:11px 12px;min-height:44px}
 .network-channel-header strong{font-size:10px}
 .network-channel-header>span{font-size:7px}
 .network-handoff{padding:12px;font-size:8px;min-height:43px}
 .network-message-log{max-height:390px;min-height:250px}
 .network-message{padding:13px 11px;gap:8px}
 .network-message-avatar{width:24px;height:24px;font-size:10px}
 .network-message-content>p{font-size:10px}
 .network-message-content>h4{font-size:12px}
 .network-message-meta{gap:5px}
 .network-message-meta strong{font-size:10px}
 .network-message-meta>span{font-size:6px}
 .network-message-meta small{font-size:7px}
 .network-approval{padding:14px 12px}
 .network-approval button{width:100%;font-size:10px;min-height:44px}
 .network-footnote>div{min-width:0;width:100%;flex:auto}
 .network-footnote>a{white-space:normal;min-height:32px}
}
@media(prefers-reduced-motion:reduce){.network-node-orb{transition:none}}
html[data-motion-paused=true] .network-node-orb{transition:none}

/* V5: an editorial overview, a readable knowledge map and an explicit handoff surface. */
.network-heading{max-width:1040px;margin-bottom:26px}
.network-title-row{align-items:flex-start;justify-content:space-between;gap:18px}
.network-title-row h2{max-width:720px;font-size:clamp(29px,3.4vw,46px);line-height:1.12;letter-spacing:-.045em}
.network-heading>p:last-child{max-width:760px;font-size:14px;line-height:1.8;color:#c1b6cf}
.network-sample-badge{margin-top:5px;font-size:9px;letter-spacing:.1em}
.network-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 25px;border:1px solid var(--network-line);border-radius:10px;overflow:hidden;background:#1c1626}
.network-overview button{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;padding:20px 17px;min-width:0;border:0;border-right:1px solid var(--network-line);border-radius:0;text-align:left;background:linear-gradient(135deg,rgba(126,76,181,.08),transparent)}
.network-overview button:last-child{border-right:0}
.network-overview button>span{font:9px/1.5 var(--ide-mono,monospace);letter-spacing:.07em;color:#b69fcf}
.network-overview strong{font:600 13px/1.5 var(--ide-ui,sans-serif);color:#f0e6f8;max-width:150px}
.network-overview small{font:9px/1.6 var(--ide-mono,monospace);color:#b9aec8}
.network-overview i{position:absolute;right:12px;top:16px;color:#92dbc9;font-size:11px;font-style:normal}
.network-context{padding:15px 0;margin-bottom:35px;border-top:0}
.network-context label{font-size:11px}
.network-context select{font-size:12px;min-height:42px}
.network-context a,.network-context button{font-size:11px}
.network-section-heading h3,.network-skills h3{font-size:clamp(22px,2.4vw,28px);letter-spacing:-.025em}
.network-section-heading>button{min-height:40px}
.network-filters button{font-size:11px;min-height:40px}
.network-map-layout{grid-template-columns:minmax(0,1fr) 290px;border-color:#483454;border-radius:12px;background:#17121f;box-shadow:0 14px 45px -25px #000}
.network-map-toolbar{display:flex;align-items:center;gap:13px;padding:13px 16px;border-bottom:1px solid var(--network-line);background:linear-gradient(100deg,#271c33,#19141f);font:9px/1.5 var(--ide-mono,monospace);color:#c1adcf;min-height:42px;flex-wrap:wrap}
.network-map-toolbar>span:first-child{display:flex;align-items:center;gap:7px;color:#e1d0ef}
.network-map-toolbar i{width:6px;height:6px;border-radius:50%;background:#87ddc9}
.network-map-toolbar>span:nth-child(2){margin-left:auto;color:#d9c6e8}
.network-map-toolbar>span:last-child{color:#91ccbd;border-left:1px solid #4a3559;padding-left:12px}
.network-canvas{width:100%;max-width:100%;aspect-ratio:1000/650;min-height:440px;background:radial-gradient(ellipse at 50% 43%,rgba(130,75,186,.13),transparent 55%),linear-gradient(rgba(166,127,200,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(166,127,200,.035) 1px,transparent 1px),#15111d;background-size:auto,32px 32px,32px 32px,auto}
.network-orbit{border-style:solid;border-color:rgba(149,98,193,.11);top:48%}
.network-orbit--one{width:84%;height:78%;box-shadow:0 0 0 12px rgba(140,83,183,.025),0 0 0 45px rgba(140,83,183,.018)}
.network-orbit--two{left:50%;top:44%;width:29%;height:30%;border-style:dashed;border-color:rgba(99,194,178,.2)}
.network-connections line{stroke:rgba(145,112,174,.19);stroke-width:1;stroke-dasharray:3 6}
.network-connections line.is-connected{stroke:#9570b5;stroke-width:1.6;stroke-dasharray:none}
.network-connections line.is-outgoing{stroke:#71bbac;stroke-width:1.8}
.network-panel .network-node{width:116px;min-height:72px;padding:10px 5px 8px;gap:5px;border:1px solid #433050;border-radius:9px;background:linear-gradient(145deg,#271b33,#1b1425);box-shadow:0 5px 13px rgba(0,0,0,.22);line-height:1.3}
.network-panel .network-node:hover:not(:disabled){background:linear-gradient(145deg,#352341,#221a2e);border-color:var(--node-color);transform:translate(-50%,-50%);box-shadow:0 8px 18px rgba(0,0,0,.3)}
.network-node-orb{width:27px;height:27px;border-radius:7px;background:#211829;border-color:color-mix(in srgb,var(--node-color) 36%,transparent);font-size:12px;box-shadow:none}
.network-node strong{color:#ece0f4;background:none;padding:0 1px;font:500 11px/1.35 var(--ide-ui,sans-serif);overflow-wrap:normal}
.network-node small{font-size:8px;color:#b1a0bf;background:none;padding:0}
.network-node[aria-pressed=true]{border-color:var(--node-color);background:linear-gradient(140deg,#382746,#21182d);box-shadow:0 0 0 3px var(--node-glow),0 10px 25px rgba(0,0,0,.35);z-index:4}
.network-node[aria-pressed=true] .network-node-orb{width:29px;height:29px;border:1px solid var(--node-color);outline:0;border-radius:8px;font-size:13px;background:var(--node-color);box-shadow:none}
.network-node[data-network-node=knowledge]{border-color:#43776a;box-shadow:0 0 0 5px rgba(72,150,128,.04);background:linear-gradient(145deg,#233831,#211b2c)}
.network-node.is-related{border-color:#79618c}
.network-node.is-distant{border-color:#382941;background:linear-gradient(145deg,#221929,#19131f);box-shadow:none}
.network-node.is-distant:hover,.network-node.is-distant:focus-visible{opacity:1}
.network-canvas-label{bottom:13px;font-size:8px;color:#a28fad}
.network-keyboard-hint{font-size:10px;padding:14px 17px;line-height:1.7!important}
.network-node-directory{font-size:11px}
.network-node-directory summary{min-height:36px}
.network-node-list button{font-size:10px;min-height:38px}
.network-inspector{position:relative;padding:25px 22px;background:linear-gradient(150deg,#2a1d37,#1b1425);border-left-color:#483454}
.network-inspector-symbol{display:grid;place-items:center;width:43px;height:43px;margin-bottom:20px;border-radius:12px;border:1px solid color-mix(in srgb,var(--node-color,#81d8c8) 50%,transparent);color:var(--node-color,#81d8c8);background:color-mix(in srgb,var(--node-color,#81d8c8) 9%,#21172b);font-size:21px}
.network-inspector .ide-code-comment{font-size:10px;color:#b5a0c8}
.network-inspector h4{font-size:24px;line-height:1.25;letter-spacing:-.03em}
.network-inspector>p:not(.ide-code-comment){font-size:12px;line-height:1.8;color:#cabbd7}
.network-inspector>p.network-output-label{font:9px/1.6 var(--ide-mono,monospace);text-transform:uppercase;letter-spacing:.08em;color:#a99ab8;margin:20px 0 9px}
.network-inspector>ul{gap:8px;padding-bottom:17px;border-bottom:1px solid var(--network-line)}
.network-inspector>ul li{font-size:11px;line-height:1.65;padding-left:16px}
.network-inspector>ul li::before{content:'↗';top:0;background:none;width:auto;height:auto;border-radius:0;color:#89d9c5;font-size:12px}
.network-related{border-top:0;padding-top:0;margin-bottom:20px}
.network-related>span{font-size:10px}
.network-related button{font-size:10px;min-height:36px}
.network-source-link{font-size:11px}
.network-skill-grid{gap:8px}
.network-skill-grid button{padding:17px 28px 17px 15px;border-radius:8px;border-color:#40304d;background:linear-gradient(135deg,#241b2f,#1d1728)}
.network-skill-grid button>span:first-child{font-size:12px;font-weight:500}
.network-skill-grid small{font-size:10px;line-height:1.6}
.network-demo-description{font-size:13px;line-height:1.8!important;max-width:790px;color:#c1b1ce}
.network-play-controls button{font-size:11px;min-height:40px}
.network-play-controls [data-network-action=play]{background:linear-gradient(130deg,#56316f,#3b2453);border-color:#9e73c6}
.network-discord-shell{grid-template-columns:200px minmax(0,1fr);border-color:#4c355d;border-radius:12px;box-shadow:0 18px 45px -30px #000;background:#1c1526}
.network-server strong{font-size:10px}
.network-server small{font-size:9px}
.network-actors strong{font-size:11px}
.network-actors small{font-size:9px;line-height:1.5}
.network-actors li{padding:11px 7px}
.network-actor-avatar{width:30px;height:30px;border-radius:9px}
.network-channel-header{padding:16px;min-height:62px;background:#23192e}
.network-channel-header strong{font-size:12px}
.network-channel-header>span{font-size:9px}
.network-handoff{padding:18px 19px;font-size:11px;min-height:61px;background:linear-gradient(100deg,rgba(167,111,204,.12),rgba(107,213,184,.06))}
.network-current-stage{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;margin:0 14px 8px;border:1px solid #57406a;border-radius:8px;background:linear-gradient(115deg,#2f203d,#251b30);overflow:hidden}
.network-current-stage>span{font:8px/1.5 var(--ide-mono,monospace);letter-spacing:.12em;color:#c3a9d5}
.network-current-stage>strong{font:500 16px/1.45 var(--ide-display,sans-serif);color:#f0e2fb;letter-spacing:-.02em}
.network-current-stage>div:not(.network-stage-progress){display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:2px;font-size:10px;color:#b6a2c8}
.network-current-stage code{font:10px/1.6 var(--ide-mono,monospace);color:#92dec9;overflow-wrap:anywhere}
.network-stage-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#493353}
.network-stage-progress i{display:block;height:100%;background:linear-gradient(90deg,#b089e1,#6bd4b9);width:8.333%}
.network-message-log{min-height:265px;max-height:400px}
.network-message{padding:18px 17px;gap:12px;border-top-color:rgba(179,151,205,.09)}
.network-message:not(.is-current){opacity:.8}
.network-message.is-current{background:linear-gradient(90deg,rgba(128,68,158,.15),transparent);box-shadow:inset 2px 0 #9f7aba}
.network-message-avatar{width:31px;height:31px;font-size:12px}
.network-message-meta strong{font-size:12px}
.network-message-meta>span{font-size:8px;padding:3px 5px}
.network-message-meta small{font-size:9px}
.network-message-content>h4{font-size:14px;margin-top:7px;line-height:1.5}
.network-message-content>p{font-size:12px;line-height:1.8!important;color:#c8bad5}
.network-message-content>p.network-message-handoff{font-size:9px;color:#8fd5c5}
.network-message-artifact{padding:7px 9px;font-size:10px;border-radius:5px;background:#23182f}
.network-message-status{font-size:9px;padding:13px 17px;line-height:1.7!important}
.network-step-strip{gap:6px;margin-top:16px}
.network-step-strip button{min-height:36px;font-size:9px;padding:7px 8px}
.network-step-strip button>span:first-child{font-size:9px}
.network-approval strong{font-size:13px}
.network-approval p,.network-approval button{font-size:11px}
.network-demo-complete strong{font-size:15px}
.network-demo-complete>span,.network-demo-complete button{font-size:11px}
.network-footnote p{font-size:12px;line-height:1.75}
.network-footnote>a{font-size:11px}
@container ide-reading (max-width:1100px){
 .network-map-layout{grid-template-columns:minmax(0,1fr)}
 .network-inspector{display:grid;grid-template-columns:1.35fr 1fr;gap:0 30px;padding:24px;border-left:0;border-top:1px solid #483454}
 .network-inspector-symbol{grid-column:1;grid-row:1 / 3;margin:0 0 16px}
 .network-inspector>.ide-code-comment{grid-column:1;grid-row:3}
 .network-inspector>h4{grid-column:1;grid-row:4}
 .network-inspector>p:not(.ide-code-comment){grid-column:1;grid-row:5 / 8;margin:0}
 .network-inspector>p.network-output-label{grid-column:2;grid-row:1;margin:0 0 10px;align-self:end}
 .network-inspector>ul{grid-column:2;grid-row:2 / 5;margin:0 0 16px;align-self:start}
 .network-related{grid-column:2;grid-row:5 / 7;margin:0}
 .network-source-link{grid-column:2;grid-row:7;margin:17px 0 0}
}
@container ide-reading (max-width:760px){
 .network-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
 .network-overview button{padding:17px 16px;gap:8px}
 .network-overview button:nth-child(2){border-right:0}
 .network-overview button:nth-child(-n+2){border-bottom:1px solid var(--network-line)}
 .network-panel .network-node{width:105px;min-height:72px}
 .network-node strong{font-size:10px}
 .network-discord-shell{grid-template-columns:165px minmax(0,1fr)}
 .network-server strong{font-size:8px}
 .network-actors li{padding:10px 4px;gap:7px}
 .network-actors strong{font-size:10px}
 .network-actors small{font-size:8px}
 .network-server small{font-size:8px}
 .network-message-meta>span{font-size:7px}
 .network-current-stage{padding:16px 15px 18px;margin-inline:10px}
 .network-current-stage>strong{font-size:15px}
 .network-canvas{min-height:440px}
}
.network-canvas[data-layout=mobile]{height:550px;min-height:550px;aspect-ratio:auto}
.network-canvas[data-layout=mobile] .network-node{width:28%;max-width:94px;min-height:70px;padding:9px 3px;gap:6px}
.network-canvas[data-layout=mobile] .network-node strong{font-size:10px;line-height:1.3;max-width:100%;overflow-wrap:anywhere}
.network-canvas[data-layout=mobile] .network-node small{display:none}
.network-canvas[data-layout=mobile] .network-node-orb{width:26px;height:26px;font-size:12px}
.network-canvas[data-layout=mobile] .network-node[aria-pressed=true] .network-node-orb{width:27px;height:27px;border-width:1px;font-size:12px}
.network-canvas[data-layout=mobile] .network-orbit--one{width:80%;height:87%;border-radius:18px}
.network-canvas[data-layout=mobile] .network-orbit--two{top:52%;width:48%;height:24%}
@container ide-reading (max-width:520px){
 .network-panel{padding:18px 14px}
 .network-title-row h2{font-size:31px;line-height:1.17;max-width:100%;letter-spacing:-.04em}
 .network-heading>p:last-child{font-size:13px;line-height:1.8}
 .network-sample-badge{font-size:8px;margin-top:0}
 .network-overview button{padding:15px 11px;gap:7px}
 .network-overview button>span{font-size:8px}
 .network-overview strong{font-size:12px;line-height:1.5}
 .network-overview small{font-size:9px}
 .network-overview i{display:none}
 .network-context{margin-bottom:26px}
 .network-context select{min-height:44px}
 .network-context button{min-height:42px}
 .network-section-heading h3,.network-skills h3{font-size:24px;line-height:1.25}
 .network-filters{gap:6px}
 .network-filters button{font-size:10px;min-height:40px}
 .network-map-toolbar{font-size:8px;gap:7px;padding:12px 10px}
 .network-map-toolbar>span:first-child{width:100%}
 .network-map-toolbar>span:nth-child(2){margin-left:0}
 .network-map-toolbar>span:last-child{margin-left:auto;padding-left:8px}
 .network-inspector{display:block;padding:20px 17px}
 .network-inspector-symbol{margin-bottom:15px;width:38px;height:38px;font-size:18px}
 .network-inspector>.ide-code-comment{font-size:10px}
 .network-inspector h4{font-size:23px;line-height:1.3}
 .network-inspector>p:not(.ide-code-comment){font-size:12px;line-height:1.8;margin-bottom:17px}
 .network-inspector>p.network-output-label{font-size:9px;margin:22px 0 12px}
 .network-inspector>ul{margin:0 0 17px}
 .network-inspector>ul li{font-size:11px}
 .network-related{margin-bottom:17px}
 .network-source-link{margin-top:0}
 .network-keyboard-hint{font-size:10px;padding:12px}
 .network-node-directory{font-size:10px;padding:0 12px 12px}
 .network-node-list button{font-size:10px;min-height:40px}
 .network-skill-grid button{padding:14px 23px 14px 12px}
 .network-skill-grid button>span:first-child{font-size:11px}
 .network-skill-grid small{font-size:10px}
 .network-demo-description{font-size:12px}
 .network-play-controls button{font-size:10px;min-height:42px;padding:9px 7px}
 .network-demo-toolbar output{font-size:10px}
 .network-discord-shell{grid-template-columns:minmax(0,1fr)}
 .network-server strong{font-size:11px}
 .network-server small{font-size:9px}
 .network-server>span{width:30px;height:30px}
 .network-actors{gap:4px;padding:0 8px;margin:6px 0 12px}
 .network-actors li{padding:9px 2px;gap:6px}
 .network-actors strong{font-size:9px}
 .network-actor-avatar{width:28px;height:28px;font-size:11px}
 .network-channel-header{padding:12px}
 .network-channel-header strong{font-size:10px}
 .network-channel-header>span{font-size:8px}
 .network-handoff{font-size:10px;padding:15px 13px;gap:8px}
 .network-current-stage{margin-inline:9px;padding:16px 13px 19px}
 .network-current-stage>strong{font-size:16px}
 .network-message-log{min-height:290px;max-height:440px}
 .network-message{padding:16px 12px;gap:8px}
 .network-message-avatar{width:25px;height:25px;font-size:10px}
 .network-message-meta strong{font-size:11px}
 .network-message-meta>span{font-size:7px}
 .network-message-meta small{font-size:8px}
 .network-message-content>h4{font-size:14px}
 .network-message-content>p{font-size:12px}
 .network-message-content>p.network-message-handoff{font-size:9px}
 .network-message-artifact{font-size:9px}
 .network-step-strip button{font-size:9px;min-height:38px}
 .network-message-status{font-size:9px;padding:12px}
 .network-approval{padding:16px 12px}
 .network-approval button{font-size:11px}
 .network-footnote p{font-size:11px}
}
.network-packet{fill:#a6f2dd;stroke:#68b79f;stroke-width:6;stroke-opacity:.2;opacity:0;pointer-events:none}
/* ide-method.css */
/* Shared source-grounded methodology, technology and ERP presentations. */
.method-page,.method-panel{padding:clamp(24px,4vw,56px);max-width:1180px;margin:auto;color:var(--ide-text,#e8dfef);overflow-wrap:anywhere}
.method-page h1,.method-erp h1,.method-erp h2{font-size:clamp(30px,3.4vw,48px);line-height:1.16;letter-spacing:-.04em;margin:16px 0 22px}
.method-page h2{font-size:clamp(23px,2.2vw,31px);line-height:1.25;letter-spacing:-.025em}
.method-page h3,.method-panel h3{font-size:19px;line-height:1.35}
.method-page p,.method-panel p,.method-technologies dd{color:var(--ide-muted,#c2b4cf);line-height:1.8}
.method-lead{font-size:clamp(15px,1.4vw,18px);max-width:68ch}
.method-eyebrow{font:11px/1.7 var(--ide-mono,monospace);letter-spacing:.1em;color:#cba7ff!important}
.method-eyebrow span{display:inline-block;padding:3px 10px;border:1px solid #cba7ff44;border-radius:4px;margin:6px}
.method-timeline{padding:0;list-style:none;margin:40px 0}
.method-timeline li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;position:relative;padding:0 0 36px}
.method-timeline li:not(:last-child):before{content:'';position:absolute;top:39px;bottom:0;left:20px;width:1px;background:linear-gradient(#ac7aee88,#58d7c833)}
.method-timeline h2{margin:8px 0 12px}.method-timeline p{margin:0;max-width:72ch}
.method-step-number{display:grid;place-items:center;width:42px;height:38px;background:#9c69ef17;border:1px solid #af88e84d;border-radius:6px;color:#71e2d2;font:12px monospace}
.method-section{padding:30px 0;border-top:1px solid var(--ide-line,#b28ae433)}
.method-section p{max-width:76ch}.method-section a{color:#cab1fa;text-underline-offset:4px}
.method-technologies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 32px}
.method-technologies>div{padding:16px;border:1px solid var(--ide-line,#b28ae433);background:#9670d908;border-radius:7px}
.method-technologies dt{font:600 13px/1.5 var(--ide-mono,monospace);color:#8ce4d6;margin-bottom:7px}
.method-technologies dd{margin:0;font-size:13px}
.method-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:30px 0}
.method-module-grid article{padding:22px;border:1px solid var(--ide-line,#b28ae433);border-radius:8px;background:linear-gradient(135deg,#a879ed0d,transparent)}
.method-module-grid p{font-size:14px;margin-bottom:0}
.method-erp-blueprint{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:25px 18px;margin-top:25px;background:radial-gradient(ellipse at center,#a470dd18,transparent);border:1px solid #ac83eb33;border-radius:8px;font:11px monospace;color:#c9b2ec}
.method-erp-blueprint span{border:1px solid #b093d94d;padding:10px}.method-erp-blueprint i{height:1px;flex:1;min-width:12px;background:linear-gradient(90deg,#bf8ff1,#78dfd4)}
.method-status{padding:20px 24px;border-left:2px solid #bc8aee;background:#9466cc0d}.method-status p{margin:7px 0 0;font-size:14px}
.ide-project-description .method-technologies{margin-top:18px}.ide-erp-teaser{display:block;padding:25px;margin:25px 0;border:1px solid #b48ae94d;border-radius:8px;background:linear-gradient(120deg,#9c61e915,#47d5cb08);text-decoration:none;color:inherit}
.ide-erp-teaser h3{font-size:24px;margin:10px 0}.ide-erp-teaser p{font-size:14px;line-height:1.8;color:var(--ide-muted,#c2b4cf)}
.ide-erp-teaser>span:last-child{color:#8ce4d6;font:12px monospace}.ide-discovery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:760px){.method-page,.method-panel{padding:25px 20px}.method-technologies,.method-module-grid{grid-template-columns:minmax(0,1fr)}.method-timeline li{gap:12px;grid-template-columns:34px minmax(0,1fr)}.method-step-number{width:32px}.method-timeline li:not(:last-child):before{left:15px}.method-erp-blueprint{gap:6px;font-size:9px;padding:16px 10px}.method-erp-blueprint span{padding:6px}.method-erp-blueprint i{min-width:4px}.ide-discovery{grid-template-columns:minmax(0,1fr)!important}}

/* Editorial hierarchy: a process with tangible hand-offs, not a list of tools. */
.method-page{--method-accent:#bb98f5;--method-mint:#87ddcb;--method-edge:#ae8ddb2d}
.method-page .method-hero{padding:8px 0 26px;position:relative}
.method-page .method-hero h1{max-width:20ch;font:650 clamp(32px,4.2vw,56px)/1.09 var(--ide-display,sans-serif);letter-spacing:-.045em;text-wrap:balance;margin:19px 0 23px}
.method-page .method-hero .method-lead{font-size:16px;line-height:1.85;max-width:66ch}
.method-page .method-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:7px 0 46px;border:1px solid var(--method-edge);border-radius:8px;overflow:hidden;background:linear-gradient(120deg,#ab74e914,#55d3bf06)}
.method-principles>div{position:relative;padding:22px 19px;min-width:0}
.method-principles>div+div{border-left:1px solid var(--method-edge)}
.method-principles span{display:block;color:var(--method-mint);font:10px var(--ide-mono,monospace);letter-spacing:.08em;margin-bottom:14px}
.method-principles strong{display:block;font:600 14px/1.5 var(--ide-display,sans-serif);color:#eee4f9}
.method-page .method-principles p{margin:7px 0 0;font-size:12px;line-height:1.7}
.method-section-heading{margin:35px 0 20px;display:flex;align-items:baseline;justify-content:space-between;gap:14px 28px;flex-wrap:wrap}
.method-page .method-section-heading p{margin:0;font-size:12px;max-width:43ch}
.method-section-heading h2,.method-section-heading h3{max-width:30ch;margin:0!important}
.method-page .method-timeline{margin:26px 0 46px}
.method-page .method-timeline li{grid-template-columns:42px minmax(0,1fr);gap:0 21px;padding:0 0 30px}
.method-page .method-timeline li:not(:last-child)::before{top:44px;left:20px;background:linear-gradient(#bd92f078,#74d7c433)}
.method-page .method-step-number{height:42px;width:42px;border-color:#b38bdf55;color:#e0cbfb;background:linear-gradient(150deg,#a97ce92b,#22182f);box-shadow:0 0 0 5px #19131f}
.method-page .method-timeline h2{font-size:24px;line-height:1.28;max-width:27ch;margin:9px 0 13px;letter-spacing:-.028em}
.method-page .method-step-copy>p:last-child{font-size:13px;line-height:1.85;max-width:70ch}
.method-deliverable{grid-column:2;margin-top:17px;padding:13px 16px;border:1px solid #81cabf28;border-left:2px solid #80cfbd7d;border-radius:0 5px 5px 0;background:linear-gradient(100deg,#68cab70b,transparent);max-width:100%;min-width:0}
.method-deliverable>span{display:block;font:9px/1.6 var(--ide-mono,monospace);letter-spacing:.07em;color:#90bdb5;margin-bottom:5px}
.method-deliverable strong{display:block;color:#dbeee9;font:600 13px/1.5 var(--ide-ui,sans-serif)}
.method-page .method-deliverable p{margin:5px 0 0;font:10px/1.7 var(--ide-mono,monospace);color:#a3b5b5}
.method-page .method-section{padding:36px 0}
.method-page .method-section>h2{max-width:28ch;margin-top:13px;font-size:30px;line-height:1.18}
.method-page .method-bmad{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:26px}
.method-page .method-bmad h2{font-size:27px;line-height:1.23;max-width:20ch}
.method-page .method-bmad p{font-size:13px;line-height:1.9}
.method-knowledge-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--method-edge);background:var(--method-edge);border-radius:7px;overflow:hidden;margin:28px 0}
.method-knowledge-flow>div{min-width:0;position:relative;background:#1b1525;padding:23px 20px}
.method-knowledge-flow>div:nth-child(2){background:linear-gradient(150deg,#382346,#211a30)}
.method-knowledge-flow>div+div::before{content:'→';position:absolute;left:0;top:18px;transform:translateX(-50%);z-index:1;font:12px var(--ide-mono,monospace);color:#bba2df;background:#221a30;padding:3px}
.method-knowledge-flow span{font:9px var(--ide-mono,monospace);letter-spacing:.08em;color:#ae8dca}
.method-page .method-knowledge-flow h3{font-size:16px;line-height:1.45;margin:16px 0 12px}
.method-page .method-knowledge-flow p{font-size:12px;line-height:1.8;margin:0}
.method-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;line-height:1.6;padding:8px 0}
.method-handoff{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:24px 0 12px;padding:18px;border:1px solid var(--method-edge);border-radius:7px;background:#9972d209}
.method-handoff span{flex:1 1 100px;text-align:center;padding:9px;font:11px/1.6 var(--ide-mono,monospace);color:#decef0;background:#a881d914;border:1px solid #b58cdc32;border-radius:4px}
.method-handoff b{font-weight:400;color:#82cbbd;font-size:14px}
.method-page .method-client-close{margin-top:10px;padding:29px;border:1px solid #c18cec45;border-radius:8px;background:radial-gradient(ellipse at top right,#aa65d519,transparent 70%),#251a300b}
.method-page .method-client-close h2{font-size:30px;max-width:25ch}
.method-page .method-client-close p{max-width:65ch}
.method-technologies>div{position:relative;padding:18px 19px;border-radius:5px;background:linear-gradient(140deg,#9f73d010,transparent)}
.method-technologies dt{display:flex;gap:9px;align-items:baseline;font-size:12px;color:#d5c0ee}
.method-technologies dt>span{color:#81d1be}
.method-technologies dd{padding-left:20px;font-size:12px;line-height:1.85}
.method-erp .method-erp-blueprint{display:block;padding:0;overflow:hidden;border-radius:8px;background:linear-gradient(145deg,#aa6fe90b,#62bdaf06)}
.method-system-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#b17ce40a;border-bottom:1px solid #b693de30;padding:16px 20px}
.method-erp .method-system-title span{padding:0;border:0;font:9px/1.6 var(--ide-mono,monospace);letter-spacing:.08em;color:#b7a1ca}
.method-system-title strong{font:600 13px/1.5 var(--ide-ui,sans-serif);color:#e8dcf5}
.method-system-layer{position:relative;display:grid;grid-template-columns:95px minmax(0,1fr);gap:7px 19px;align-items:center;margin:0 20px;padding:22px 0}
.method-system-layer+.method-system-layer{border-top:1px solid #b18dd927}
.method-system-layer+.method-system-layer::before{content:'↓';position:absolute;top:-9px;left:45px;background:#21182c;color:#91ceb9;font:12px var(--ide-mono,monospace);padding:0 6px}
.method-erp .method-system-layer>span{border:0;padding:0;color:#ab90c8;font:9px/1.6 var(--ide-mono,monospace);letter-spacing:.04em}
.method-system-layer strong{font:600 16px/1.4 var(--ide-display,sans-serif);color:#e3d4f3}
.method-erp .method-system-layer p{font-size:11px;margin:5px 0 0;line-height:1.65}
.method-system-layer code{grid-column:2;color:#8ad2c0;font:10px/1.65 var(--ide-mono,monospace);overflow-wrap:anywhere}
.method-erp .method-system-boundary{margin:0;padding:13px 20px;border-top:1px solid #b693de30;color:#b9a6ce;font:10px/1.7 var(--ide-mono,monospace);background:#a779d507}
.method-erp .method-module-grid{margin:24px 0 38px;gap:12px}
.method-module-grid article{position:relative;padding:24px 22px;background:linear-gradient(155deg,#ab73df0e,transparent);border-color:#ab80d239;border-radius:6px}
.method-module-grid article:last-child{grid-column:1/-1;border-color:#80bbad33;background:linear-gradient(110deg,#63b6a40a,transparent)}
.method-module-grid .ide-label{font:9px/1.5 var(--ide-mono,monospace);color:#a793bc;letter-spacing:.07em}
.method-module-grid h3{margin:14px 0 11px!important;font-size:19px!important}
.method-module-grid p{font-size:13px;line-height:1.85}
.method-status{border:1px solid #b98ce93b;border-left:2px solid #ad88da;background:#a378cc0a;border-radius:0 6px 6px 0;margin:26px 0}
.method-status strong{color:#dfcbed;font-size:14px;line-height:1.6}
@container ide-reading (min-width:1050px){.method-page .method-timeline li{grid-template-columns:42px minmax(0,1fr) 220px;gap:25px}.method-deliverable{grid-column:3;margin-top:0;align-self:start}.method-page .method-step-copy>p:last-child{max-width:62ch}}
@container (max-width:650px){.method-page .method-principles{grid-template-columns:1fr}.method-principles>div{padding:16px 18px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:4px 13px}.method-principles>div+div{border-left:0;border-top:1px solid var(--method-edge)}.method-principles span{grid-row:1/3;margin:2px 0}.method-principles p{grid-column:2}.method-page .method-bmad{grid-template-columns:1fr;gap:14px}.method-knowledge-flow{grid-template-columns:1fr}.method-knowledge-flow>div{padding:19px}.method-knowledge-flow>div+div::before{content:'↓';top:0;left:22px;transform:translateY(-50%)}.method-page .method-knowledge-flow h3{margin:10px 0}.method-page .method-client-close{padding:22px}.method-erp .method-module-grid{grid-template-columns:1fr}.method-technologies{grid-template-columns:1fr}}
@media(max-width:760px){.method-page .method-hero h1{font-size:35px}.method-page .method-hero .method-lead{font-size:14px}.method-page .method-timeline li{grid-template-columns:30px minmax(0,1fr);column-gap:14px}.method-page .method-step-number{width:30px;height:34px;font-size:10px;box-shadow:0 0 0 3px #19131f}.method-page .method-timeline li:not(:last-child)::before{left:14px;top:38px}.method-page .method-timeline h2{font-size:22px}.method-page .method-section>h2,.method-page .method-client-close h2{font-size:26px}.method-handoff{padding:12px;gap:6px}.method-handoff span{flex-basis:100%;text-align:left}.method-handoff b{margin:auto;transform:rotate(90deg)}.method-system-title{padding:14px}.method-system-title>span:last-child{display:none}.method-system-layer{grid-template-columns:1fr;margin:0 15px;padding:20px 0}.method-system-layer code{grid-column:1}.method-system-layer+.method-system-layer::before{left:10px}.method-erp .method-principles{grid-template-columns:1fr}.method-page .method-timeline .method-eyebrow{font-size:9px}}

.method-kicker{font:10px/1.7 var(--ide-mono,monospace);letter-spacing:.08em;color:#bda0da!important}
/* ide-power.css */
/* Power workspace: deliberate controls for the website, styled as editor tools. */
.ide-power-toolbar{display:flex;align-items:center;gap:2px;margin-left:auto;flex:none}
.ide-power-toolbar button{display:inline-flex;align-items:center;justify-content:center;width:28px;min-height:26px;padding:3px;border:1px solid transparent;border-radius:4px;background:transparent;color:#b7adc8;font:14px/1 var(--ide-mono);cursor:pointer}
.ide-power-toolbar button:hover:not(:disabled){background:#b989f218;color:#f0e6ff;border-color:#b88cef35}
.ide-power-toolbar button:disabled{opacity:.35;cursor:default}
.ide-power-toolbar button[data-ide-power-action=palette]{font-size:11px;font-weight:600;width:31px}
.ide-power-toolbar svg{width:15px;height:15px}
.ide-breadcrumb:has(.ide-power-toolbar){gap:8px;padding-right:10px}
.ide-breadcrumb .ide-power-toolbar{overflow:visible}
.ide-command-action{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:43px;text-align:left;padding:10px 14px;border:0;border-radius:4px;background:transparent;color:#e5daef;font:12px/1.5 var(--ide-ui);cursor:pointer}
.ide-command-action>span{min-width:0;overflow-wrap:anywhere}
.ide-command-action-mark{display:inline-block;margin-right:12px;color:#83e2ca;font:18px/1 var(--ide-mono)}
.ide-command-action kbd{flex:none;color:#bcb0cd;font:10px/1.5 var(--ide-mono);white-space:nowrap}
.ide-command-action:hover,.ide-command-action:focus-visible{background:#a471df20;color:#fff}
.ide-command-action:disabled{opacity:.45;cursor:default}
.ide-command-dialog[data-command-mode=actions] .ide-command-results{padding-top:6px}
.ide-settings-panel{max-width:1040px;margin:0 auto;color:var(--ide-text);padding-bottom:40px!important}
.ide-settings-panel>h2{margin:12px 0 16px;font:650 clamp(28px,3vw,44px)/1.15 var(--ide-display);letter-spacing:-.025em}
.ide-settings-panel .ide-intro{font-size:15px;line-height:1.8;max-width:62ch}
.ide-settings-scope{font-size:11px;line-height:1.8;color:#aea3bf;max-width:84ch;padding:13px 15px;margin:21px 0 30px;border:1px solid #bc99e21c;border-left:2px solid #9870ca;background:#b58ee807;border-radius:3px}
.ide-settings-section{border:0;padding:0;margin:30px 0;min-width:0}
.ide-settings-section>legend{float:none;padding:0;margin:0 0 16px;color:#c0afe0;font:500 11px/1.4 var(--ide-mono);letter-spacing:.08em;text-transform:uppercase}
.ide-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ide-preset-card{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:15px;border:1px solid #bea4db24;border-radius:8px;background:#231c2e66;cursor:pointer;transition:border-color .15s,background-color .15s}
.ide-preset-card:hover{border-color:#ab79e591;background:#9c65d00e}
.ide-preset-card:has(input:checked){border-color:#b58df3;background:#ad6ef216;box-shadow:inset 0 0 0 1px #b58df331}
.ide-preset-card:has(input:focus-visible){outline:2px solid var(--ide-cyan);outline-offset:3px}
.ide-preset-card input{position:absolute;top:15px;right:14px;accent-color:#b58df3;width:15px;height:15px;z-index:1}
.ide-preset-card strong{font-size:13px;font-weight:600;color:#f0e6fc}
.ide-preset-card>span:last-child{font-size:11px;line-height:1.75;color:#b6a9c8}
.ide-preset-diagram{display:grid!important;grid-template-columns:20% minmax(0,1fr) 25%;grid-template-rows:minmax(0,1fr) 20%;gap:3px;width:82%;height:66px;padding:6px;border:1px solid #b18ece35;border-radius:4px;background:#14101d;overflow:hidden;margin-bottom:2px}
.ide-preset-diagram i{display:block;border-radius:1px;background:#a87bdd24;border:1px solid #b696d51a}
.ide-preset-diagram i:nth-child(1){grid-area:1/1/3/2;background:#8c739726}
.ide-preset-diagram i:nth-child(2){grid-area:1/2/2/3;background:linear-gradient(135deg,#906ad73f,#8856c31c)}
.ide-preset-diagram i:nth-child(3){grid-area:1/3/3/4;background:#6ce5c620}
.ide-preset-diagram i:nth-child(4){grid-area:2/2/3/3;background:#bca5662e}
.ide-preset-diagram--focus{grid-template-columns:1fr;grid-template-rows:1fr}
.ide-preset-diagram--focus i:nth-child(2){grid-area:1/1/2/2}
.ide-preset-diagram--focus i:not(:nth-child(2)){display:none}
.ide-preset-diagram--review{grid-template-columns:minmax(0,1fr) 28%;grid-template-rows:minmax(0,1fr) 30%}
.ide-preset-diagram--review i:nth-child(1){display:none}
.ide-preset-diagram--review i:nth-child(2){grid-area:1/1/2/2}
.ide-preset-diagram--review i:nth-child(3){grid-area:1/2/3/3}
.ide-preset-diagram--review i:nth-child(4){grid-area:2/1/3/2}
.ide-setting-note{margin:13px 0 0;color:#ab9abd;font-size:10px;line-height:1.75}
.ide-setting-note strong{font-weight:500;color:#d0b6ed}
.ide-setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #ad8ecc1b}
.ide-setting-row>div:first-child{flex:1;min-width:0}
.ide-setting-row label,.ide-setting-title{display:block;color:#ece2f8;font-size:12px;font-weight:500}
.ide-setting-row p{margin:5px 0 0;font-size:10px;line-height:1.7;color:#b5a4c5}
.ide-zoom-control{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap;justify-content:flex-end}
.ide-zoom-control button,.ide-setting-options button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:5px 10px;border:1px solid #b18cda33;border-radius:4px;background:#ab82de0b;color:#dbd0e9;font:11px/1.4 var(--ide-ui);cursor:pointer}
.ide-zoom-control button:not(.ide-setting-reset){width:30px;font:18px/1 var(--ide-mono)}
.ide-zoom-control button:disabled{opacity:.4;cursor:default}
.ide-zoom-control button:hover:not(:disabled),.ide-setting-options button:hover{background:#ad76ec1d}
.ide-zoom-control input{width:88px;max-width:100%;min-width:60px;accent-color:#b88bea;cursor:pointer}
.ide-zoom-control output{min-width:36px;font:11px/1 var(--ide-mono);color:#d0b2fa}
.ide-setting-options{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:none}
.ide-setting-options button[aria-pressed=true]{border-color:#b991ed99;background:#a765ee24;color:#f2eaff}
.ide-theme-dot{display:block;width:10px;height:10px;border-radius:50%;border:1px solid #d5c3e364}
.ide-theme-dot--forge{background:#8b55bc}.ide-theme-dot--midnight{background:#19242c}
.ide-settings-shortcuts{border-top:1px solid #ad8ecc26;border-bottom:1px solid #ad8ecc26;padding:16px 0;margin:30px 0;color:#bcadd2}
.ide-settings-shortcuts summary{cursor:pointer;font:500 11px/1.6 var(--ide-mono);color:#c9b5e5}
.ide-settings-shortcuts dl{margin:16px 0 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 25px}
.ide-settings-shortcuts dl>div{display:flex;align-items:center;gap:10px;min-width:0}
.ide-settings-shortcuts dt{flex:none}
.ide-settings-shortcuts kbd{padding:4px 7px;border:1px solid #a485c638;border-radius:4px;font:9px/1.5 var(--ide-mono);background:#a175ce0b}
.ide-settings-shortcuts dd{margin:0;font-size:10px;line-height:1.5;color:#b9abca}
.ide-settings-shortcuts>p{font-size:10px;line-height:1.7;color:#a998ba;margin:18px 0 0}
.ide-settings-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding-top:8px}
.ide-settings-bottom [role=status]{font-size:10px;line-height:1.7;color:#91cfbb;flex:1;min-width:160px}
.ide-window .ide-editor-scroll>[data-ide-panel]{zoom:var(--ide-editor-zoom,1)}
.ide-window[data-density=compact] .ide-tree-file{min-height:26px;padding-top:3px;padding-bottom:3px}
.ide-window[data-density=compact] .ide-open-editor{min-height:26px;padding-top:3px;padding-bottom:3px}
.ide-window[data-density=compact] .ide-tab{padding-left:10px;padding-right:10px}
.ide-window[data-density=compact] .ide-project-folder>summary{min-height:28px;padding-top:3px;padding-bottom:3px}
.ide-window[data-density=compact] .ide-extension-card{padding-top:8px;padding-bottom:8px}
@media(max-width:1100px){.ide-setting-row{align-items:flex-start;flex-direction:column;gap:12px}.ide-settings-shortcuts dl{grid-template-columns:1fr}.ide-zoom-control{justify-content:flex-start}.ide-preset-grid{gap:8px}.ide-preset-card{padding:12px}.ide-preset-card input{top:11px;right:9px}}
@media(max-width:760px){.ide-power-toolbar{gap:0}.ide-power-toolbar button{width:26px;min-height:28px;font-size:13px}.ide-power-toolbar [data-ide-power-action=reopen],.ide-power-toolbar [data-ide-power-action=palette]{display:none}.ide-breadcrumb:has(.ide-power-toolbar){gap:4px;padding-right:5px}.ide-settings-panel>h2{font-size:30px}.ide-settings-panel .ide-intro{font-size:13px}.ide-settings-scope{font-size:10px;padding:11px}.ide-preset-grid{grid-template-columns:1fr}.ide-preset-card{display:grid;grid-template-columns:75px minmax(0,1fr);column-gap:12px;padding:12px 30px 12px 12px;align-items:center}.ide-preset-diagram{grid-row:1/3;width:75px;height:57px;margin:0}.ide-preset-card strong{font-size:12px}.ide-preset-card>span:last-child{font-size:10px}.ide-preset-card input{top:16px;right:10px}.ide-settings-section{margin:25px 0}.ide-setting-row{padding:16px 0}.ide-setting-options button,.ide-zoom-control button{min-height:36px}.ide-settings-shortcuts dl>div{align-items:flex-start}.ide-settings-shortcuts kbd{font-size:8px}.ide-settings-bottom{gap:10px}.ide-window[data-density=compact] .ide-tree-file,.ide-window[data-density=compact] .ide-open-editor,.ide-window[data-density=compact] .ide-project-folder>summary{min-height:30px}.ide-command-action{padding:10px;font-size:11px;gap:8px}.ide-command-action kbd{font-size:8px}.ide-command-action-mark{margin-right:7px}}
@media(prefers-reduced-motion:reduce){.ide-preset-card{transition:none}}