/* Plenixar / a quiet, product-first identity. */
:root {
  color-scheme: dark;
  --bg: #0b0c0e; --bg-alt: #101113; --surface: #141517; --surface-raised: #1b1c1f;
  --text: #f2f2f3; --secondary: #aaabb1; --muted: #86888f; --faint: #7c8089;
  --line: #27282c; --line-strong: #37393f; --button: #ececef; --button-text: #17181b;
  --accent: #adb7f5; --green: #92baa3; --header: rgba(11,12,14,.88);
  --inventory-bg: #1b1d1c; --context-bg: #14171c; --demo-bg: #111317;
  --warm-bg: #21221e; --warm-text: #c2c7b2; --context-wash: #191e27;
  --visual-shadow: 0 30px 70px rgba(0,0,0,.25); --ease: cubic-bezier(.22,1,.36,1);
  --max: 1200px; --gutter: 48px; --radius: 16px;
}
[data-theme="light"] {
  color-scheme: light;
  --bg: #fafaf9; --bg-alt: #f1f1ef; --surface: #fff; --surface-raised: #eeefed;
  --text: #1b1c1f; --secondary: #5c5f66; --muted: #686c74; --faint: #6c7078;
  --line: #e1e2df; --line-strong: #c9ccca; --button: #202124; --button-text: #fff;
  --accent: #505d9f; --green: #42765a; --header: rgba(250,250,249,.9);
  --inventory-bg: #e9ebe5; --context-bg: #e9edf2; --demo-bg: #fff;
  --warm-bg: #e9ece3; --warm-text: #5a6545; --context-wash: #e8edf3;
  --visual-shadow: 0 24px 65px rgba(37,43,49,.1);
}
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:110px; }
body { margin:0; background:var(--bg); color:var(--text); font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; font-size:15px; line-height:1.6; -webkit-font-smoothing:antialiased; }
body.theme-changing,body.theme-changing .site-header { transition:background-color .35s ease,color .35s ease; }
body.menu-open { overflow:hidden; }
::selection { background:#7082b8; color:#fff; }
a { color:inherit; text-decoration:none; }
button { color:inherit; font:inherit; cursor:pointer; }
button,a { -webkit-tap-highlight-color:transparent; }
button { border:0; }
img { display:block; max-width:100%; height:auto; }
h1,h2,h3,p,figure { margin:0; }
h1,h2,h3 { font-weight:550; line-height:1.12; }
:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
[hidden] { display:none!important; }
.container { width:calc(100% - var(--gutter)*2); max-width:var(--max); margin-inline:auto; }
.section-space { padding-block:112px; }
.icon { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.icon-library { position:absolute; width:0; height:0; overflow:hidden; }
.skip-link { position:fixed; top:10px; left:16px; z-index:100; padding:10px 16px; background:var(--button); color:var(--button-text); border-radius:8px; transform:translateY(-150%); }
.skip-link:focus { transform:none; }
.muted { color:var(--muted); }
.site-header { height:82px; position:sticky; top:0; z-index:30; background:var(--header); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border-bottom:1px solid var(--line); }
.nav-wrap { height:100%; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.brand { width:174px; display:inline-flex; align-items:center; flex-shrink:0; }
.brand-wordmark { width:100%; mix-blend-mode:screen; filter:invert(1); }
[data-theme="light"] .brand-wordmark { mix-blend-mode:multiply; filter:none; }
.desktop-nav { display:flex; gap:30px; margin-left:auto; margin-right:24px; }
.desktop-nav a { color:var(--secondary); font-size:12px; font-weight:500; transition:color .2s; }
.desktop-nav a:hover { color:var(--text); }
.nav-actions { display:flex; align-items:center; gap:24px; }
.theme-switch { display:flex; padding:3px; gap:2px; border:1px solid var(--line); border-radius:8px; }
.theme-option { display:grid; place-items:center; width:28px; height:26px; background:transparent; color:var(--muted); border-radius:5px; transition:background .25s,color .25s; }
.theme-option .icon { width:14px; height:14px; }
.theme-option[aria-pressed="true"] { background:var(--surface-raised); color:var(--text); box-shadow:0 1px 3px #0001; }
.theme-option:hover { color:var(--text); }
.nav-contact { display:flex; gap:18px; align-items:center; font-size:12px; font-weight:550; }
.nav-contact .icon { width:15px; height:15px; }
.menu-toggle { display:none; background:transparent; padding:8px 0 8px 8px; width:31px; height:36px; }
.menu-toggle span { height:1.5px; background:var(--text); display:block; width:21px; margin:5px 0; transition:transform .25s; }
.menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(3.25px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-3.25px) rotate(-45deg); }
.mobile-nav { position:absolute; top:81px; background:var(--bg); width:100%; padding:24px var(--gutter) 32px; border-bottom:1px solid var(--line); box-shadow:0 24px 40px #0002; }
.mobile-nav a { display:flex; justify-content:space-between; padding:15px 0; font-size:22px; }
.hero { padding-top:94px; }
.hero-eyebrow { display:flex; align-items:center; gap:10px; font-size:11px; font-weight:500; color:var(--secondary); letter-spacing:.02em; }
.status-dot,.green-dot { display:inline-block; flex-shrink:0; width:6px; height:6px; border-radius:50%; background:var(--green); }
.status-dot { box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 8%,transparent); }
h1 { font-size:clamp(48px,6.55vw,86px); letter-spacing:-.065em; line-height:1.065; margin-top:27px; font-weight:550; }
h1>span { color:var(--muted); }
.hero-summary { display:flex; justify-content:space-between; align-items:center; gap:32px; margin-top:30px; }
.hero-summary>p { color:var(--secondary); max-width:480px; font-size:14px; line-height:1.85; letter-spacing:-.01em; }
.hero-actions { display:flex; align-items:center; gap:18px; flex-shrink:0; }
.button { min-height:43px; padding:12px 18px; display:inline-flex; align-items:center; justify-content:center; gap:20px; border-radius:7px; font-size:12px; line-height:1.3; font-weight:550; transition:transform .25s var(--ease),background .2s,box-shadow .25s; }
.button-primary { background:var(--button); color:var(--button-text); border:1px solid transparent; box-shadow:0 1px 2px #0001,inset 0 1px 0 #ffffff24; }
.button-primary:hover { transform:translateY(-2px); box-shadow:0 5px 18px #0002; }
.button .icon { width:16px; height:16px; transition:transform .25s var(--ease); }
.button:hover .icon:last-child { transform:translate(2px,-1px); }
.button-text { padding-inline:3px; color:var(--secondary); }
.button-text:hover { color:var(--text); }
.product-landscape { margin-top:58px; display:grid; grid-template-columns:1.1fr 1fr; border:1px solid var(--line); border-radius:13px; overflow:hidden; position:relative; }
.landscape-toolbar { grid-column:1/-1; height:42px; display:flex; align-items:center; justify-content:space-between; padding:0 21px; background:var(--surface); border-bottom:1px solid var(--line); font-size:9px; letter-spacing:.075em; color:var(--muted); }
.landscape-toolbar>span:first-child { display:flex; align-items:center; gap:8px; }
.landscape-toolbar>span:last-child { display:flex; gap:24px; align-items:center; font-size:10px; letter-spacing:0; }
.toolbar-dot { width:5px; height:5px; border:1px solid var(--muted); border-radius:50%; }
.toolbar-plus { font-size:16px; }
.landscape-panel { height:374px; position:relative; overflow:hidden; padding:23px 26px 20px; display:flex; flex-direction:column; }
.inventory-landscape { background:var(--inventory-bg); border-right:1px solid var(--line); }
.inventory-landscape::before { content:''; position:absolute; width:450px; height:450px; left:50%; top:65%; transform:translate(-50%,-50%); background:radial-gradient(circle,#8c97662a,transparent 68%); }
.landscape-label { display:flex; align-items:center; gap:10px; position:relative; z-index:3; }
.landscape-label img { width:30px; height:30px; border-radius:8px; }
.landscape-label>span { font-size:12px; line-height:1.35; font-weight:550; }
.landscape-label small { font-size:9px; color:var(--muted); display:block; margin-top:3px; font-weight:400; }
.landscape-label>.icon { margin-left:auto; width:15px; height:15px; color:var(--muted); transition:transform .35s var(--ease),color .2s; }
.landscape-panel:hover .landscape-label>.icon { transform:translate(2px,-2px); color:var(--text); }
.phone-composition { position:relative; margin:15px auto 0; width:370px; height:266px; transform:scale(.91); transform-origin:50% 0; }
.phone { position:absolute; border:5px solid #292a2c; box-shadow:0 15px 35px #0004,inset 0 0 0 1px #666; border-radius:20px; background:#292a2c; overflow:hidden; width:137px; transition:transform .7s var(--ease); }
.phone img { width:100%; border-radius:14px; }
.phone-front { top:0; left:116px; z-index:2; transform:rotate(-3deg); }
.phone-back { top:34px; left:9px; transform:rotate(-12deg); }
.phone-side { top:24px; right:8px; transform:rotate(9deg); }
.phone-speaker,.device-speaker { position:absolute; top:6px; left:50%; transform:translateX(-50%); width:32px; height:6px; border-radius:8px; background:#222326; z-index:2; }
.landscape-panel:hover .phone-front { transform:translateY(-6px) rotate(0deg); }
.landscape-panel:hover .phone-back { transform:translate(-6px,-2px) rotate(-14deg); }
.landscape-panel:hover .phone-side { transform:translate(6px,-2px) rotate(12deg); }
.landscape-footnote { display:flex; align-items:center; justify-content:space-between; position:relative; z-index:4; margin-top:auto; gap:12px; padding-top:10px; font-size:9px; color:var(--secondary); }
.micro-label { font-size:8px; color:var(--muted); letter-spacing:.09em; }
.context-landscape { background:var(--context-bg); }
.mini-export { margin:36px 5px 25px; background:var(--demo-bg); border:1px solid var(--line-strong); border-radius:9px; box-shadow:var(--visual-shadow); transform:perspective(1000px) rotateY(-6deg) rotateX(3deg); transition:transform .7s var(--ease); }
.context-landscape:hover .mini-export { transform:perspective(1000px) rotateY(0deg) rotateX(0deg) translateY(-3px); }
.mini-window-top { display:flex; align-items:center; justify-content:space-between; padding:10px 13px; border-bottom:1px solid var(--line); color:var(--muted); font-size:9px; }
.mini-window-top .icon { width:12px; height:12px; }
.window-dots { display:flex; gap:4px; }
.window-dots i { height:5px; width:5px; border-radius:50%; background:var(--line-strong); }
.mini-code { padding:18px; font:10px/1.65 'SFMono-Regular',Consolas,monospace; color:var(--secondary); }
.code-muted { color:var(--muted); }
.code-accent { color:var(--accent); }
.code-caret { display:inline-block; vertical-align:middle; height:10px; width:5px; background:var(--accent); margin-left:4px; animation:caret 2s step-end infinite; }
.mini-window-bottom { display:flex; justify-content:space-between; gap:8px; padding:9px 13px; border-top:1px solid var(--line); font-size:8px; color:var(--secondary); }
.mini-window-bottom>span:first-child { display:flex; align-items:center; gap:5px; }
.mini-window-bottom .green-dot { height:4px; width:4px; }
.hero-caption { display:flex; justify-content:space-between; gap:20px; font-size:9px; color:var(--muted); padding-top:15px; }
.coordinate-mark { padding-left:9px; }
.section-kicker { display:flex; align-items:center; gap:15px; color:var(--secondary); font-size:9px; letter-spacing:.1em; font-weight:500; }
.section-number { color:var(--faint); font-variant-numeric:tabular-nums; }
h2 { font-size:clamp(34px,4vw,50px); letter-spacing:-.055em; line-height:1.12; font-weight:500; }
.intro-section { border-bottom:1px solid var(--line); }
.statement-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:100px; margin-top:36px; }
.statement-copy { padding-top:0; max-width:455px; }
.statement-copy>p:first-child { font-size:18px; color:var(--text); line-height:1.6; letter-spacing:-.025em; }
.statement-copy>p+p { margin-top:18px; font-size:13px; color:var(--secondary); line-height:1.85; }
.inline-link { display:inline-flex; align-items:center; gap:20px; font-size:11px; font-weight:500; margin-top:25px; padding-bottom:5px; border-bottom:1px solid var(--line-strong); }
.inline-link .icon { width:14px; height:14px; transition:transform .3s; }
.inline-link:hover .icon { transform:translateX(4px); }
.section-heading { margin-top:34px; display:flex; align-items:flex-end; justify-content:space-between; gap:40px; }
.section-aside { max-width:285px; color:var(--secondary); font-size:12px; line-height:1.85; }
.product-project { display:grid; grid-template-columns:.9fr 1.1fr; gap:76px; margin-top:74px; align-items:center; scroll-margin-top:120px; }
.product-project>* { min-width:0; }
.product-project+.product-project { border-top:1px solid var(--line); padding-top:82px; margin-top:82px; }
.project-meta { display:flex; flex-wrap:wrap; align-items:center; gap:12px; color:var(--faint); font-size:8px; letter-spacing:.05em; margin-bottom:32px; }
.release-status { display:flex; align-items:center; gap:5px; font-size:9px; letter-spacing:0; color:var(--secondary); }
.release-status i { background:var(--green); border-radius:50%; width:4px; height:4px; }
.project-title-row { display:flex; align-items:center; gap:13px; }
.project-title-row>img { width:43px; height:43px; border-radius:12px; }
.project-title-row h3 { font-size:27px; letter-spacing:-.055em; font-weight:550; }
.project-tagline { font-size:28px; line-height:1.25; letter-spacing:-.04em; margin-top:23px; }
.project-description { color:var(--secondary); font-size:13px; line-height:1.85; max-width:380px; margin-top:18px; }
.feature-list { list-style:none; margin:22px 0 29px; padding:0; display:grid; gap:9px; }
.feature-list li { display:flex; gap:9px; align-items:center; font-size:11px; color:var(--secondary); }
.feature-list .icon { width:13px; height:13px; color:var(--green); }
.store-link { gap:14px; font-size:11px; }
.store-link>.icon:last-child { width:13px; height:13px; margin-left:12px; }
.project-privacy { display:flex; gap:6px; align-items:center; font-size:9px; color:var(--muted); margin-top:16px; }
.project-privacy .icon { width:12px; height:12px; }
.inventory-showcase { min-height:552px; border-radius:var(--radius); background:var(--warm-bg); overflow:hidden; position:relative; padding:27px; display:flex; flex-direction:column; }
.showcase-topline { display:flex; justify-content:space-between; gap:16px; align-items:center; position:relative; z-index:2; }
.small-overline { font-size:8px; letter-spacing:.13em; font-weight:500; }
.inventory-showcase .showcase-topline { color:var(--warm-text); }
.showcase-corner { font-size:17px; line-height:1; }
.app-devices { position:relative; width:365px; height:408px; margin:26px auto 20px; }
.app-device { background:#242526; position:absolute; border:6px solid #242526; border-radius:25px; overflow:hidden; box-shadow:0 20px 40px #0004,inset 0 0 0 1px #666; transition:transform .8s var(--ease); }
.app-device img { width:100%; border-radius:18px; }
.device-main { width:182px; top:4px; left:163px; transform:rotate(6deg); z-index:2; }
.device-secondary { width:178px; top:38px; left:15px; transform:rotate(-8deg); }
.inventory-showcase:hover .device-main { transform:translateY(-6px) rotate(4deg); }
.inventory-showcase:hover .device-secondary { transform:translateY(2px) rotate(-6deg); }
.showcase-bottom { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:auto; color:var(--warm-text); font-size:9px; }
.offline-badge { display:flex; align-items:center; gap:6px; border:1px solid color-mix(in srgb,var(--warm-text) 20%,transparent); padding:5px 9px; border-radius:20px; white-space:nowrap; font-size:8px; }
.offline-badge .green-dot { width:4px; height:4px; }
.context-project { grid-template-columns:1.1fr .9fr; }
.context-showcase { padding:27px; border-radius:var(--radius); background:var(--context-wash); }
.context-showcase .showcase-topline { color:var(--secondary); }
.export-demo { max-width:380px; margin:30px auto 0; padding:19px; background:var(--demo-bg); border:1px solid var(--line-strong); border-radius:12px; box-shadow:var(--visual-shadow); }
.export-title { display:flex; align-items:center; gap:8px; font-size:11px; font-weight:550; }
.export-title img { width:24px; height:24px; border-radius:6px; }
.local-badge { display:flex; align-items:center; gap:4px; padding:3px 6px; border:1px solid var(--line); border-radius:4px; color:var(--green); font-size:8px; margin-left:auto; font-weight:400; }
.local-badge .green-dot { width:4px; height:4px; }
.export-flow { display:flex; align-items:center; margin-top:23px; gap:6px; font-size:8px; color:var(--muted); }
.export-flow>span:not(.flow-line) { display:flex; align-items:center; gap:5px; }
.export-flow i { display:grid; place-items:center; width:16px; height:16px; border:1px solid var(--line-strong); border-radius:50%; font-style:normal; font-size:7px; }
.flow-line { height:1px; background:var(--line); flex:1; }
.export-flow .flow-active { color:var(--text); }
.flow-active i { background:var(--button); color:var(--button-text); border-color:var(--button); }
.export-conversation { display:grid; gap:13px; margin-top:25px; }
.export-conversation>div { display:flex; align-items:flex-start; gap:8px; }
.conversation-avatar { display:grid; place-items:center; width:23px; height:23px; flex-shrink:0; border-radius:6px; background:var(--surface-raised); border:1px solid var(--line); font-size:8px; color:var(--secondary); }
.assistant-avatar { color:var(--accent); font-size:13px; }
.export-conversation strong { display:block; font-size:9px; font-weight:500; }
.export-conversation small { display:block; font-size:8px; color:var(--secondary); line-height:1.65; margin-top:3px; }
.export-conversation .icon { width:12px; height:12px; margin-left:auto; color:var(--green); }
.export-format-label { display:flex; justify-content:space-between; margin-top:24px; margin-bottom:9px; font-size:8px; color:var(--secondary); }
.export-format-label>span:last-child { color:var(--muted); }
.format-tabs { display:flex; border:1px solid var(--line); border-radius:6px; padding:3px; gap:3px; background:var(--bg-alt); }
.format-tabs button { flex:1; min-width:0; border-radius:3px; padding:6px 2px; background:transparent; color:var(--muted); font-size:8px; transition:background .2s,color .2s; }
.format-tabs button>span { font-size:7px; margin-left:3px; opacity:.65; }
.format-tabs button[aria-selected="true"] { background:var(--surface-raised); color:var(--text); box-shadow:0 1px 4px #0001; }
.export-code-wrap { border:1px solid var(--line); border-radius:6px; margin-top:11px; background:var(--bg); height:131px; overflow:auto; scrollbar-width:thin; }
.export-code-wrap pre { margin:0; padding:12px; white-space:pre-wrap; overflow-wrap:anywhere; font:9px/1.7 'SFMono-Regular',Consolas,monospace; color:var(--secondary); }
.export-code-wrap code { font:inherit; }
.copy-button { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; background:var(--button); color:var(--button-text); border-radius:5px; padding:10px 8px; margin-top:12px; font-size:9px; font-weight:500; transition:opacity .2s; }
.copy-button:hover { opacity:.85; }
.copy-button .icon { width:12px; height:12px; }
.copy-feedback { min-height:0; font-size:9px; color:var(--green); text-align:center; }
.copy-feedback:not(:empty) { margin-top:8px; }
.demo-caption { font-size:8px; color:var(--muted); text-align:center; margin-top:18px; }
.project-note { font-size:9px; color:var(--muted); line-height:1.7; max-width:330px; margin-top:16px; }
.expertise-section { border-top:1px solid var(--line); }
.expertise-grid { margin-top:59px; display:grid; grid-template-columns:1.15fr 1fr; align-items:start; gap:100px; }
.expertise-grid>* { min-width:0; }
.expertise-item { border-top:1px solid var(--line); }
.expertise-item:last-child { border-bottom:1px solid var(--line); }
.expertise-item summary { list-style:none; display:flex; align-items:center; gap:24px; padding:25px 0; cursor:pointer; font-size:19px; letter-spacing:-.025em; }
.expertise-item summary::-webkit-details-marker { display:none; }
.expertise-index { font-size:9px; color:var(--muted); letter-spacing:0; }
.expertise-item summary .icon { margin-left:auto; width:17px; height:17px; color:var(--muted); transition:transform .35s var(--ease); }
.expertise-item[open] summary .icon { transform:rotate(45deg); }
@supports (interpolate-size:allow-keywords) {
  .expertise-item { interpolate-size:allow-keywords; }
  .expertise-item::details-content { height:0; opacity:0; overflow:clip; transition:height .4s var(--ease),opacity .3s,content-visibility .4s allow-discrete; }
  .expertise-item[open]::details-content { height:auto; opacity:1; }
}
.expertise-content { padding:0 25px 27px 38px; }
.expertise-content>p { font-size:12px; color:var(--secondary); line-height:1.85; max-width:360px; }
.expertise-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:20px; }
.expertise-tags span { border:1px solid var(--line); border-radius:4px; color:var(--muted); font-size:8px; padding:4px 7px; }
.system-visual { position:relative; width:100%; aspect-ratio:1.2; min-height:300px; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:var(--bg-alt); }
.system-grid { position:absolute; inset:0; background-image:radial-gradient(var(--line-strong) .8px,transparent .8px); background-size:18px 18px; opacity:.55; mask-image:radial-gradient(ellipse,#000 20%,transparent 80%); }
.system-top-label,.system-bottom-label { position:absolute; left:0; width:100%; text-align:center; font-size:8px; letter-spacing:.12em; color:var(--muted); }
.system-top-label { top:28px; }
.system-bottom-label { bottom:26px; display:flex; justify-content:center; align-items:center; gap:7px; letter-spacing:.01em; }
.system-bottom-label .green-dot { width:4px; height:4px; }
.system-orbit { border:1px solid var(--line); border-radius:50%; width:200px; height:200px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.orbit-two { width:286px; height:286px; border-style:dashed; opacity:.5; }
.orbit-one::after { content:''; position:absolute; left:calc(50% - 3px); top:-3px; width:6px; height:6px; border-radius:50%; background:var(--accent); box-shadow:0 0 12px color-mix(in srgb,var(--accent) 50%,transparent); transform-origin:3px 103px; animation:orbit 26s linear infinite; }
.system-core { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:flex; flex-direction:column; align-items:center; justify-content:center; width:88px; height:88px; background:var(--surface); border:1px solid var(--line-strong); border-radius:22px; box-shadow:0 12px 35px #0001; }
.system-core>img { width:32px; height:auto; mix-blend-mode:screen; filter:invert(1); }
[data-theme="light"] .system-core>img { mix-blend-mode:multiply; filter:none; }
.system-core small { font-size:6px; letter-spacing:.16em; margin-top:9px; color:var(--muted); }
.system-node { position:absolute; display:flex; align-items:center; gap:7px; padding:9px 12px; background:var(--surface); border:1px solid var(--line-strong); border-radius:7px; font-size:9px; color:var(--secondary); z-index:2; box-shadow:0 3px 16px #0001; }
.system-node .icon { width:14px; height:14px; }
.node-code { left:13%; top:25%; }.node-ai { right:8%; top:40%; }.node-device { left:21%; bottom:21%; }
.approach-section { background:var(--bg-alt); border-block:1px solid var(--line); }
.approach-heading { display:flex; justify-content:space-between; align-items:center; gap:30px; }
.approach-heading h2 { font-size:38px; }
.process-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:64px; gap:60px; }
.process-number { display:flex; justify-content:space-between; align-items:center; font-size:10px; padding-bottom:20px; margin-bottom:25px; border-bottom:1px solid var(--line-strong); color:var(--muted); }
.process-number span { font-size:17px; }
.process-step h3 { font-size:17px; letter-spacing:-.025em; font-weight:500; }
.process-step>p { color:var(--secondary); font-size:12px; line-height:1.8; margin-top:12px; max-width:290px; }
.team-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; margin-top:62px; }
.portrait { aspect-ratio:1/.99; position:relative; overflow:hidden; border-radius:9px; background:var(--surface-raised); }
.portrait>img { width:100%; height:100%; object-fit:cover; transition:transform 1.2s var(--ease),filter 1.2s; filter:saturate(.7); }
.portrait:hover>img { transform:scale(1.035); filter:saturate(1); }
.portrait-ashraf { object-position:50% 28%; }.portrait-faisal { object-position:50% 26%; }.portrait-hujayfa { object-position:50% 22%; }
.portrait-index { position:absolute; bottom:13px; left:14px; padding:3px 6px; background:#16181bcc; border:1px solid #ffffff25; backdrop-filter:blur(8px); border-radius:3px; color:#fff; font-size:8px; letter-spacing:.09em; }
.member-heading { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:23px; }
.member-heading h3 { font-size:15px; letter-spacing:-.03em; line-height:1.4; font-weight:550; }
.member-heading>span { font-size:8px; color:var(--muted); border:1px solid var(--line-strong); border-radius:4px; padding:3px 5px; flex-shrink:0; }
.member-title { font-size:10px; color:var(--secondary); margin-top:5px; }
.member-bio { font-size:11px; line-height:1.75; color:var(--muted); max-width:290px; margin-top:15px; }
.member-socials { display:flex; flex-wrap:wrap; gap:24px; margin-top:17px; padding-top:10px; border-top:1px solid var(--line); }
.member-socials a { display:inline-flex; align-items:center; gap:7px; min-height:36px; font-size:11px; color:var(--secondary); transition:color .2s; }
.member-socials a:hover { color:var(--text); }
.member-socials .icon { width:12px; height:12px; transition:transform .25s var(--ease); }
.member-socials a:hover .icon { transform:translate(2px,-2px); }
.team-footnote { display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--line); margin-top:48px; padding-top:20px; color:var(--muted); font-size:9px; }
.team-footnote>span:last-child { font-size:8px; letter-spacing:.08em; }
.contact-section { border-top:1px solid var(--line); background:var(--bg-alt); }
.contact-heading { display:flex; justify-content:space-between; gap:30px; align-items:center; margin-top:35px; }
.contact-heading h2 { font-size:clamp(55px,7vw,89px); line-height:1.03; letter-spacing:-.065em; }
.contact-orb { width:108px; height:108px; display:grid; place-items:center; border:1px solid var(--line-strong); border-radius:50%; margin-right:20px; transition:background .3s,color .3s,transform .5s var(--ease); }
.contact-orb>.icon { width:43px; height:43px; stroke-width:1; }
.contact-orb:hover { color:var(--button-text); background:var(--button); transform:rotate(6deg); }
.contact-bottom { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-top:42px; }
.contact-bottom>p { font-size:12px; color:var(--secondary); line-height:1.9; }
.email-link { display:flex; align-items:center; gap:35px; font-size:19px; letter-spacing:-.035em; border-bottom:1px solid var(--line-strong); padding-bottom:8px; }
.email-link>.icon { width:18px; height:18px; transition:transform .3s; }
.email-link:hover>.icon { transform:translate(3px,-3px); }
.site-footer { padding-top:45px; }
.footer-top { display:flex; align-items:center; gap:68px; padding-bottom:40px; }
.footer-top .brand { width:165px; }
.footer-top>p { font-size:10px; color:var(--muted); line-height:1.8; }
.back-top { display:flex; align-items:center; gap:22px; margin-left:auto; font-size:10px; color:var(--secondary); }
.back-top .icon { width:14px; height:14px; }
.footer-bottom { border-top:1px solid var(--line); padding:23px 0; display:flex; justify-content:space-between; gap:24px; font-size:9px; color:var(--muted); }
.footer-bottom>span:last-child { display:flex; align-items:center; gap:10px; }
.footer-bottom .green-dot { width:4px; height:4px; }
.js .reveal { opacity:0; transform:translateY(18px); transition:opacity .75s var(--ease),transform .75s var(--ease); }
.js .reveal.is-visible { opacity:1; transform:none; }
.js .intro-animate { animation:enter .95s var(--ease) both; }
.hero-eyebrow.intro-animate { animation-delay:.05s; }h1.intro-animate { animation-delay:.12s; }.hero-summary.intro-animate { animation-delay:.21s; }.product-landscape.intro-animate { animation-delay:.3s; }
@keyframes enter { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@keyframes caret { 0%,45% { opacity:1; } 50%,95% { opacity:0; } }
@keyframes orbit { to { transform:rotate(360deg); } }
@media(min-width:1500px) { :root { --max:1240px; } h1 { font-size:90px; }.hero { padding-top:110px; }.landscape-panel { height:400px; }.phone-composition { margin-top:27px; } }
@media(max-width:1100px) {
  :root { --gutter:36px; }.desktop-nav { gap:22px; margin-right:0; }.nav-actions { gap:18px; }.brand { width:153px; }
  .hero-summary>p { max-width:405px; font-size:13px; }.hero-actions { gap:14px; }.button { padding:12px 15px; gap:15px; }
  .product-project { gap:45px; grid-template-columns:1fr 1.15fr; }.context-project { grid-template-columns:1.15fr 1fr; }
  .project-meta { font-size:7px; gap:10px; }.project-tagline { font-size:26px; }.project-description { font-size:12px; }
  .statement-grid { gap:60px; }.expertise-grid { gap:55px; }.process-grid { gap:40px; }
  .team-grid { gap:20px; }.member-heading h3 { font-size:13px; }.member-heading>span { font-size:7px; }
  .app-devices { transform:scale(.93); transform-origin:50% 45%; }.inventory-showcase { min-height:548px; padding:23px; }.showcase-bottom { font-size:8px; }
}
@media(max-width:850px) {
  :root { --gutter:28px; }.section-space { padding-block:85px; }.site-header { height:72px; }.brand { width:147px; }.desktop-nav { gap:20px; }.desktop-nav a { font-size:10px; }.nav-actions { gap:17px; }.nav-wrap { gap:20px; }.nav-contact { gap:10px; font-size:10px; }
  .hero { padding-top:72px; }h1 { font-size:clamp(48px,7vw,66px); }.hero-summary { align-items:flex-start; gap:25px; }.hero-summary>p { max-width:350px; font-size:12px; }.hero-actions { flex-direction:column; align-items:flex-start; gap:7px; }.button { font-size:10px; min-height:40px; }.hero-actions .button-text { min-height:29px; padding-block:4px; }
  .product-landscape { margin-top:42px; grid-template-columns:1fr 1fr; }.landscape-panel { height:330px; padding:20px; }.phone-composition { transform:scale(.8); transform-origin:50% 0; margin-left:calc(50% - 185px); margin-top:25px; }.mini-export { margin:40px -5px 0; }.mini-code { font-size:8px; padding:15px 12px; }.mini-window-bottom { font-size:7px; padding:9px; }.landscape-footnote { font-size:7px; gap:5px; }.micro-label { font-size:6px; }.landscape-label small { font-size:8px; }.landscape-label>span { font-size:11px; }
  .statement-grid { gap:40px; }.statement-copy>p:first-child { font-size:15px; }.statement-copy>p+p { font-size:12px; }
  h2 { font-size:36px; }.section-aside { max-width:220px; font-size:11px; }.section-heading { gap:28px; }
  .product-project { gap:28px; margin-top:55px; grid-template-columns:1fr 1fr; }.context-project { grid-template-columns:1fr 1fr; }.project-meta { margin-bottom:23px; }.project-title-row h3 { font-size:23px; }.project-title-row>img { width:35px; height:35px; border-radius:9px; }.project-tagline { font-size:23px; }.project-description { font-size:11px; }.feature-list li { font-size:10px; }.store-link { font-size:10px; }.store-link>.icon:last-child { margin-left:0; }.project-privacy { font-size:8px; }
  .inventory-showcase { min-height:502px; padding:20px; }.app-devices { width:290px; margin-left:calc(50% - 145px); height:358px; transform:scale(.85); transform-origin:50% 40%; }.device-main { left:133px; }.device-secondary { left:-16px; }.showcase-bottom { flex-direction:column; align-items:flex-start; gap:12px; }.small-overline { font-size:7px; }.context-showcase { padding:20px; }.export-demo { padding:13px; }.format-tabs button>span { display:none; }.export-conversation small { font-size:7px; }.export-format-label { font-size:7px; }.project-note { font-size:8px; }
  .expertise-grid { gap:35px; }.expertise-item summary { font-size:16px; gap:15px; padding-block:22px; }.expertise-content { padding-left:29px; padding-right:0; }.expertise-content>p { font-size:11px; }.expertise-tags span { font-size:7px; }.system-visual { min-height:320px; }.node-code { left:5%; }.node-ai { right:3%; }.node-device { left:14%; }.system-node { font-size:8px; padding:8px; }.system-core { width:76px; height:76px; }.orbit-two { width:255px; height:255px; }
  .approach-heading h2 { font-size:32px; }.process-grid { gap:30px; margin-top:45px; }.process-step h3 { font-size:15px; }.process-step>p { font-size:11px; }
  .team-grid { gap:18px; }.member-heading { align-items:flex-start; }.member-heading h3 { font-size:12px; }.member-heading>span { display:none; }.member-title { font-size:9px; }.member-bio { font-size:10px; }.team-footnote { font-size:8px; }.team-footnote>span:last-child { font-size:7px; }
  .contact-orb { width:85px; height:85px; margin-right:0; }.contact-bottom>p { font-size:11px; }.email-link { font-size:17px; gap:20px; }.footer-top { gap:45px; }
}
@media(max-width:650px) {
  :root { --gutter:22px; }.section-space { padding-block:72px; }html { scroll-padding-top:92px; }.site-header { height:70px; }.nav-wrap { gap:12px; }.brand { width:151px; }.desktop-nav,.nav-contact { display:none; }.nav-actions { gap:17px; }.theme-option { width:27px; height:26px; }.menu-toggle { display:block; }.mobile-nav { top:69px; }
  .hero { padding-top:60px; }.hero-eyebrow { font-size:9px; gap:9px; }h1 { font-size:clamp(37px,8.15vw,55px); letter-spacing:-.06em; line-height:1.08; margin-top:25px; }.hero-summary { display:block; margin-top:23px; }.hero-summary>p { max-width:380px; font-size:12px; line-height:1.9; }.hero-actions { flex-direction:row; align-items:center; gap:22px; margin-top:25px; }.hero-actions .button-text { min-height:40px; }.button { font-size:10px; padding:12px 15px; }.button-text { padding-inline:0; }
  .product-landscape { grid-template-columns:1fr; margin-top:38px; }.landscape-toolbar { height:39px; padding-inline:15px; font-size:7px; }.landscape-toolbar>span:last-child { font-size:8px; gap:14px; }.landscape-panel { height:335px; padding:21px; }.inventory-landscape { border-right:0; border-bottom:1px solid var(--line); }.landscape-label>span { font-size:11px; }.landscape-label small { font-size:9px; }.landscape-label img { height:29px; width:29px; }.phone-composition { transform:scale(.88); margin-top:17px; }.landscape-footnote { font-size:8px; }.micro-label { font-size:7px; }.context-landscape { height:304px; }.mini-export { margin:24px auto 15px; width:100%; max-width:360px; }.mini-code { padding:15px; font-size:9px; line-height:1.6; }.mini-window-bottom { font-size:7px; }
  .hero-caption { font-size:8px; line-height:1.7; gap:24px; padding-top:12px; }.hero-caption>span:first-child { max-width:185px; }.hero-caption>span:last-child { flex-shrink:0; font-size:7px; }.coordinate-mark { padding-left:4px; }
  .section-kicker { font-size:8px; gap:12px; }h2 { font-size:35px; }.statement-grid { grid-template-columns:1fr; gap:27px; margin-top:28px; }.statement-copy { max-width:450px; }.statement-copy>p:first-child { font-size:16px; }.statement-copy>p+p { font-size:12px; }.inline-link { font-size:10px; margin-top:20px; }
  .section-heading { display:block; margin-top:28px; }.section-aside { margin-top:22px; max-width:350px; font-size:11px; }.section-aside br { display:none; }
  .product-project,.context-project { grid-template-columns:1fr; gap:34px; margin-top:45px; }.product-project+.product-project { margin-top:55px; padding-top:55px; }.project-meta { font-size:8px; margin-bottom:23px; gap:18px; }.release-status { font-size:8px; }.project-title-row>img { width:41px; height:41px; border-radius:11px; }.project-title-row h3 { font-size:28px; }.project-tagline { font-size:27px; margin-top:22px; }.project-description { font-size:12px; max-width:430px; }.feature-list { margin-block:22px 26px; }.feature-list li { font-size:11px; }.store-link { font-size:11px; gap:13px; }.store-link>.icon:last-child { margin-left:12px; }.project-privacy { font-size:9px; }.project-note { font-size:9px; max-width:370px; }
  .inventory-showcase { min-height:490px; padding:23px; }.app-devices { transform:scale(.93); height:376px; width:340px; margin-left:calc(50% - 170px); margin-top:22px; margin-bottom:0; transform-origin:50% 30%; }.device-main { left:156px; }.device-secondary { left:0; }.showcase-bottom { flex-direction:row; align-items:center; gap:9px; font-size:8px; }.small-overline { font-size:7px; }.context-project .project-copy { grid-row:1; }.context-showcase { padding:23px; }.export-demo { padding:19px; margin-top:27px; max-width:380px; }.export-title { font-size:12px; }.export-flow { font-size:9px; }.export-conversation small { font-size:9px; }.export-conversation strong { font-size:10px; }.export-format-label { font-size:9px; }.format-tabs button { font-size:9px; padding:7px 1px; }.format-tabs button>span { display:inline; }.export-code-wrap pre { font-size:10px; }.copy-button { padding:11px 8px; font-size:10px; }.demo-caption { font-size:8px; }
  .expertise-grid { grid-template-columns:1fr; gap:32px; margin-top:36px; }.expertise-item summary { font-size:20px; padding-block:23px; gap:19px; }.expertise-content { padding-left:32px; }.expertise-content>p { font-size:12px; max-width:100%; }.expertise-tags span { font-size:8px; }.system-visual { min-height:330px; aspect-ratio:1.2; }.node-code { left:13%; }.node-ai { right:7%; }.node-device { left:20%; }.system-node { padding:9px 11px; font-size:9px; }.system-core { width:85px; height:85px; }.orbit-two { width:280px; height:280px; }
  .approach-heading { display:block; }.approach-heading h2 { font-size:35px; margin-top:28px; }.process-grid { grid-template-columns:1fr; gap:32px; margin-top:39px; }.process-number { margin-bottom:17px; padding-bottom:14px; }.process-step h3 { font-size:18px; }.process-step>p { font-size:12px; max-width:380px; margin-top:10px; }
  .team-grid { grid-template-columns:1fr; gap:38px; margin-top:37px; }.portrait { aspect-ratio:1/1.06; }.portrait-ashraf { object-position:50% 25%; }.portrait-faisal { object-position:50% 24%; }.portrait-hujayfa { object-position:50% 20%; }.member-heading { margin-top:20px; }.member-heading h3 { font-size:18px; }.member-heading>span { display:block; font-size:8px; }.member-title { font-size:11px; }.member-bio { font-size:12px; margin-top:12px; max-width:100%; }.team-footnote { flex-direction:column; gap:10px; margin-top:35px; padding-top:18px; font-size:9px; }.team-footnote>span:last-child { font-size:8px; }
  .contact-heading { margin-top:32px; gap:15px; }.contact-heading h2 { font-size:clamp(47px,11vw,66px); }.contact-orb { width:65px; height:65px; flex-shrink:0; }.contact-orb>.icon { width:27px; height:27px; }.contact-bottom { display:block; margin-top:29px; }.contact-bottom>p { font-size:12px; }.contact-bottom>p>br { display:none; }.email-link { margin-top:29px; font-size:20px; justify-content:space-between; width:max-content; gap:36px; }.footer-top { flex-wrap:wrap; gap:24px; padding-bottom:28px; }.site-footer { padding-top:32px; }.footer-top .brand { width:151px; }.footer-top>p { margin-left:auto; font-size:9px; }.back-top { width:100%; margin:0; justify-content:space-between; padding-top:12px; font-size:9px; }.footer-bottom { font-size:8px; flex-wrap:wrap; gap:13px; padding-block:20px; }.footer-bottom>span:nth-child(2) { margin-left:auto; }.footer-bottom>span:last-child { width:100%; }
}
@media(max-width:360px) {
  :root { --gutter:18px; }.brand { width:135px; }.nav-actions { gap:10px; }h1 { font-size:34px; }.hero-actions { gap:14px; }.hero-caption { display:block; }.hero-caption>span { display:block; }.hero-caption>span:last-child { margin-top:5px; }.phone-composition { transform:scale(.8); }.mini-code { font-size:8px; }.showcase-bottom { align-items:flex-start; flex-direction:column; }.app-devices { transform:scale(.8); height:335px; transform-origin:50% 30%; }.inventory-showcase { min-height:470px; }.project-meta { gap:9px; font-size:7px; }.release-status { font-size:7px; }.contact-orb { width:52px; height:52px; }.contact-heading h2 { font-size:43px; }.expertise-item summary { font-size:18px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }*,*::before,*::after { animation:none!important; transition:none!important; }.js .reveal { opacity:1; transform:none; }.js .intro-animate { opacity:1; transform:none; }
}

/* Version 2 / product stories, working previews, and visual principles. */
.studio-console { margin-top:56px; position:relative; overflow:hidden; border:1px solid var(--line-strong); border-radius:12px; background:var(--surface); box-shadow:0 0 0 6px color-mix(in srgb,var(--surface) 45%,transparent),0 35px 90px #0002; }
.studio-console.intro-animate { animation-delay:.3s; }
.studio-chrome { height:40px; display:flex; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid var(--line); padding:0 18px; font-size:8px; color:var(--muted); letter-spacing:.08em; }
.studio-chrome .window-dots i { width:6px; height:6px; }
.studio-live { display:flex; gap:7px; align-items:center; letter-spacing:0; font-size:9px; }
.studio-live .green-dot { width:4px; height:4px; }
.studio-workspace { display:grid; grid-template-columns:196px minmax(0,1fr); }
.studio-sidebar { display:flex; flex-direction:column; padding:26px 14px 23px; border-right:1px solid var(--line); background:color-mix(in srgb,var(--bg-alt) 60%,var(--surface)); }
.studio-brand { display:flex; align-items:center; gap:10px; padding-inline:8px; margin-bottom:38px; }
.studio-brand>img { width:26px; height:25px; object-fit:contain; filter:invert(1); mix-blend-mode:screen; }
[data-theme="light"] .studio-brand>img { filter:none; mix-blend-mode:multiply; }
.studio-brand>span { font-size:13px; font-weight:550; line-height:1.4; letter-spacing:-.02em; }
.studio-brand small { display:block; font-size:8px; color:var(--muted); font-weight:400; letter-spacing:0; margin-top:3px; }
.studio-sidebar-label { color:var(--muted); font-size:8px; letter-spacing:.08em; }
.studio-sidebar>.studio-sidebar-label { padding-left:9px; margin-bottom:12px; }
.studio-tabs { display:grid; gap:6px; }
.studio-tabs button { display:flex; align-items:center; gap:9px; background:transparent; padding:10px 9px; color:var(--secondary); border:1px solid transparent; border-radius:6px; text-align:left; font-size:11px; transition:background .25s,border-color .25s,color .25s; }
.studio-tabs button>img { width:20px; height:20px; border-radius:5px; }
.studio-tabs button>span { margin-left:auto; font-size:12px; opacity:0; }
.studio-tabs button[aria-selected="true"] { background:var(--surface-raised); border-color:var(--line-strong); color:var(--text); box-shadow:0 2px 5px #0001; }
.studio-tabs button[aria-selected="true"]>span { opacity:.6; }
.studio-tabs button:hover { background:var(--surface-raised); }
.studio-sidebar-bottom { display:flex; gap:9px; color:var(--muted); font-size:9px; line-height:1.6; margin-top:auto; padding:35px 9px 0; }
.studio-sidebar-bottom>.icon { width:15px; height:15px; margin-top:2px; }
.studio-main { min-width:0; background:linear-gradient(150deg,color-mix(in srgb,var(--surface-raised) 25%,var(--surface)),var(--surface)); }
.studio-panel { min-height:414px; padding:26px 30px 0; display:flex; flex-direction:column; }
.studio-panel-header { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.studio-breadcrumb { display:flex; gap:9px; color:var(--muted); font-size:8px; letter-spacing:.04em; }
.studio-breadcrumb>span { opacity:.4; }
.studio-panel-header h3 { font-size:18px; font-weight:500; line-height:1.4; letter-spacing:-.035em; margin-top:12px; }
.studio-local { display:flex; align-items:center; gap:6px; border:1px solid var(--line); padding:5px 8px; border-radius:5px; font-size:9px; color:var(--secondary); flex-shrink:0; }
.studio-local .green-dot { height:4px; width:4px; }
.studio-context-grid { display:grid; grid-template-columns:1.15fr 1fr; gap:20px; margin-top:27px; min-width:0; }
.studio-thread { min-width:0; padding:17px; border:1px solid var(--line); background:color-mix(in srgb,var(--bg) 70%,transparent); border-radius:8px; }
.studio-thread-heading { display:flex; align-items:center; gap:8px; font-size:10px; font-weight:500; padding-bottom:16px; border-bottom:1px solid var(--line); }
.thread-symbol { display:grid; place-items:center; width:26px; height:26px; background:var(--surface-raised); border:1px solid var(--line); border-radius:7px; color:var(--accent); font-size:17px; }
.studio-thread-heading small { display:block; color:var(--muted); font-size:8px; font-weight:400; margin-top:3px; }
.thread-count { color:var(--muted); font-size:8px; font-weight:400; margin-left:auto; }
.studio-message { display:flex; gap:9px; margin-top:19px; }
.studio-message>div { flex:1; min-width:0; }
.studio-message strong { font-size:9px; font-weight:500; display:block; padding-top:3px; }
.studio-message p { font-size:10px; color:var(--secondary); line-height:1.7; margin-top:5px; }
.studio-message>.icon { width:11px; height:11px; color:var(--green); margin-top:5px; }
.studio-text-lines { display:grid; gap:5px; margin-top:9px; }
.studio-text-lines i { display:block; height:3px; background:var(--line); border-radius:3px; }
.studio-text-lines i:nth-child(2) { width:86%; }.studio-text-lines i:nth-child(3) { width:63%; }
.studio-selection { display:flex; justify-content:space-between; gap:8px; border-top:1px solid var(--line); margin-top:19px; padding-top:12px; color:var(--muted); font-size:8px; }
.studio-selection>span:first-child { display:flex; gap:6px; align-items:center; }
.studio-selection .green-dot { width:4px; height:4px; }
.studio-output { min-width:0; border:1px solid var(--line-strong); border-radius:8px; background:var(--bg); display:flex; flex-direction:column; overflow:hidden; box-shadow:0 12px 35px #0001; }
.studio-output-top { display:flex; align-items:center; gap:8px; padding:12px; border-bottom:1px solid var(--line); color:var(--secondary); font-size:9px; }
.studio-output-top>.icon { width:13px; height:13px; }
.studio-output-top>span { margin-left:auto; color:var(--muted); font-size:6px; letter-spacing:.04em; }
.studio-output pre { font:10px/1.8 'SFMono-Regular',Consolas,monospace; padding:16px; margin:0; color:var(--secondary); white-space:pre-wrap; overflow-wrap:anywhere; }
.studio-output pre>span { color:var(--accent); }
.studio-file-types { display:flex; gap:14px; padding:12px; border-top:1px solid var(--line); margin-top:auto; color:var(--muted); font:9px Consolas,monospace; align-items:center; }
.studio-file-types .is-active { color:var(--text); }.studio-file-types>.icon { width:12px; height:12px; margin-left:auto; color:var(--green); }
.studio-panel-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-block:18px; margin-top:auto; color:var(--muted); font-size:9px; }
.studio-panel-footer>span,.studio-panel-footer>a { display:flex; gap:7px; align-items:center; }.studio-panel-footer .icon { width:12px; height:12px; }.studio-panel-footer>a { color:var(--secondary); }
.studio-panel-footer>a:hover { color:var(--text); }
.studio-inventory-grid { display:grid; grid-template-columns:180px 1fr; gap:40px; align-items:center; width:90%; margin:20px auto 0; }
.studio-inventory-phone { width:142px; padding:5px; border:1px solid var(--line-strong); border-radius:19px; background:#222; box-shadow:0 16px 30px #0003; transform:rotate(-4deg); margin-inline:auto; }
.studio-inventory-phone img { width:100%; border-radius:14px; }
.studio-business h4 { font-size:28px; letter-spacing:-.055em; font-weight:500; line-height:1.1; margin-top:12px; }
.studio-business-row { display:flex; gap:9px; align-items:flex-start; margin-top:16px; font-size:11px; }
.studio-business-row>.icon { width:13px; height:13px; color:var(--green); margin-top:3px; }.studio-business-row small { display:block; font-size:9px; color:var(--muted); margin-top:3px; }
.principles-section { border-bottom:1px solid var(--line); }
.principles-heading { display:grid; grid-template-columns:1.15fr 1fr; gap:100px; align-items:end; margin-top:34px; }
.principles-heading>p { max-width:400px; font-size:16px; line-height:1.8; color:var(--secondary); letter-spacing:-.025em; }
.principles-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:55px; }
.principle-card { min-width:0; }
.principle-art { position:relative; display:block; width:100%; height:260px; border-radius:11px; border:1px solid var(--line); padding:0; overflow:hidden; background:linear-gradient(150deg,var(--surface),var(--bg-alt)); perspective:800px; transition:border-color .35s; }
.principle-art:hover { border-color:var(--line-strong); }
.principle-art::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(0deg,var(--bg-alt),transparent 28%); opacity:.7; }
.art-grid { position:absolute; inset:0; background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:32px 32px; mask-image:radial-gradient(ellipse,#0005,transparent 75%); }
.purpose-sheet { display:flex; flex-direction:column; text-align:left; position:absolute; left:50%; top:50%; width:170px; height:126px; border:1px solid var(--line-strong); border-radius:10px; padding:15px; background:var(--surface); box-shadow:-12px 20px 20px #0002; transform:translate(-50%,-50%) rotateX(25deg) rotateZ(-24deg); transition:transform .75s var(--ease),box-shadow .75s; }
.sheet-back { transform:translate(-64%,-28%) rotateX(25deg) rotateZ(-24deg); background:var(--bg-alt); opacity:.55; }
.sheet-middle { transform:translate(-56%,-44%) rotateX(25deg) rotateZ(-24deg); background:var(--surface-raised); opacity:.8; }.sheet-middle>.icon { width:20px; height:20px; color:var(--muted); margin-bottom:13px; }
.purpose-sheet>i { height:4px; background:var(--line-strong); display:block; margin:6px 0; width:80%; border-radius:4px; }.purpose-sheet>i:last-child { width:50%; }
.sheet-front { z-index:2; }.sheet-front>span:nth-child(2) { font-size:11px; letter-spacing:-.02em; line-height:1.5; margin-top:8px; }
.sheet-emblem { font-size:19px; font-weight:650; font-style:italic; line-height:1; letter-spacing:-3px; }.sheet-emblem>span { color:var(--accent); }
.sheet-emblem>img { width:20px; height:18px; object-fit:contain; mix-blend-mode:screen; filter:invert(1); }
[data-theme="light"] .sheet-emblem>img { mix-blend-mode:multiply; filter:none; }
.sheet-status { display:flex; gap:5px; align-items:center; margin-top:auto; color:var(--muted); font-size:7px; }.sheet-status .green-dot { width:4px; height:4px; }
.purpose-art:hover .sheet-front { transform:translate(-44%,-64%) rotateX(20deg) rotateZ(-20deg); box-shadow:-20px 35px 30px #0003; }.purpose-art:hover .sheet-back { transform:translate(-70%,-20%) rotateX(25deg) rotateZ(-27deg); }
.art-cross { position:absolute; color:var(--faint); font:16px/1 monospace; opacity:.4; }.cross-one { left:24px; top:22px; }.cross-two { right:24px; bottom:25px; }
.intelligence-orbit { position:absolute; width:198px; height:198px; border:1px solid var(--line); border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); }
.intelligence-orbit::before { content:''; position:absolute; width:5px; height:5px; left:96px; top:-3px; border-radius:50%; background:var(--accent); box-shadow:0 0 14px var(--accent); transform-origin:2.5px 102px; animation:orbit 20s linear infinite; }
.orbit-inner { width:124px; height:124px; border-style:dashed; opacity:.6; }.orbit-inner::before { display:none; }
.intelligence-core { width:65px; height:65px; padding:9px; border:1px solid var(--line-strong); background:var(--surface-raised); border-radius:17px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-7deg); box-shadow:0 15px 30px #0003; z-index:2; transition:transform .7s var(--ease); }
.intelligence-core>img { width:100%; border-radius:11px; }
.intelligence-art:hover .intelligence-core { transform:translate(-50%,-50%) rotate(0deg) scale(1.08); }
.intelligence-node { display:grid; place-items:center; position:absolute; height:40px; width:40px; border:1px solid var(--line-strong); background:var(--surface); border-radius:10px; color:var(--secondary); font:13px Consolas,monospace; z-index:1; box-shadow:0 7px 18px #0002; }
.intelligence-node small { position:absolute; font:7px 'Inter',sans-serif; color:var(--muted); top:calc(100% + 8px); white-space:nowrap; }
.intelligence-chat { left:18%; top:22%; font-size:21px; }.intelligence-md { right:13%; top:37%; }.intelligence-next { left:25%; bottom:18%; }.intelligence-next .icon { width:18px; height:18px; }
.intelligence-path { position:absolute; height:1px; width:156px; background:linear-gradient(90deg,transparent,var(--line-strong),transparent); left:calc(50% - 78px); top:50%; transform:rotate(36deg); }
.speed-trails { display:grid; gap:13px; position:absolute; width:260px; left:calc(50% - 175px); top:47px; transform:perspective(450px) rotateY(30deg) rotateZ(-17deg); }
.speed-trails i { height:1px; background:linear-gradient(90deg,transparent,var(--line-strong),var(--secondary)); opacity:.35; }.speed-trails i:nth-child(2n) { width:70%; margin-left:20%; }.speed-trails i:nth-child(3n) { width:90%; opacity:.7; }
.momentum-wheel { display:grid; place-items:center; width:104px; height:104px; position:absolute; left:50%; top:46%; transform:translate(-50%,-50%) rotate(-14deg); border-radius:50%; background:radial-gradient(ellipse at 35% 25%,var(--surface-raised),var(--bg)); border:1px solid var(--line-strong); box-shadow:inset 0 1px 1px #ffffff1a,0 10px 20px #0004,0 0 50px color-mix(in srgb,var(--accent) 9%,transparent); transition:transform .7s var(--ease); }
.momentum-wheel svg { width:42px; height:42px; fill:none; stroke:var(--text); stroke-width:1.3; }.momentum-art:hover .momentum-wheel { transform:translate(-42%,-54%) rotate(2deg); }
.momentum-caption { display:flex; align-items:center; gap:7px; position:absolute; bottom:40px; left:50%; transform:translateX(-50%); color:var(--secondary); font-size:9px; white-space:nowrap; }.momentum-caption .green-dot { width:4px; height:4px; }
.principle-copy { padding:22px 2px 0; }.figure-label { color:var(--muted); font-size:8px; letter-spacing:.08em; }.principle-copy>div { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; }.principle-copy h3 { font-size:18px; font-weight:500; letter-spacing:-.04em; line-height:1.4; }.principle-copy>p { font-size:12px; color:var(--secondary); line-height:1.85; max-width:310px; margin-top:10px; }
.principle-open { display:grid; place-items:center; height:27px; width:27px; flex-shrink:0; border:1px solid var(--line); border-radius:50%; background:var(--bg-alt); color:var(--muted); transition:color .2s,border-color .2s,transform .3s; }.principle-open>.icon { width:13px; height:13px; }.principle-open:hover { color:var(--text); border-color:var(--line-strong); transform:rotate(90deg); }
.product-chapter { margin-top:80px; scroll-margin-top:110px; }.product-chapter+.product-chapter { margin-top:116px; }
.chapter-heading { display:grid; grid-template-columns:1.15fr 1fr; gap:100px; align-items:end; margin-bottom:38px; }.chapter-heading .project-meta { margin-bottom:24px; font-size:9px; }.chapter-heading .release-status { font-size:9px; }.chapter-identity { display:flex; gap:16px; align-items:flex-start; }.chapter-identity>img { width:43px; height:43px; border-radius:12px; margin-top:3px; flex-shrink:0; }.chapter-identity h3 { font-size:34px; line-height:1.16; letter-spacing:-.055em; font-weight:500; }.chapter-description>p { font-size:13px; line-height:1.85; color:var(--secondary); max-width:410px; }.chapter-description .inline-link { margin-top:18px; font-size:11px; }
.inventory-theater { --stage-bg:#1b1e1b; --stage-text:#e2e5db; --stage-muted:#a1aa9a; background:var(--stage-bg); color:var(--stage-text); border:1px solid var(--line-strong); border-radius:12px; overflow:hidden; transition:background .6s; }
.chapter-product-name { display:block; color:var(--secondary); font-size:12px; font-weight:500; letter-spacing:-.01em; margin-bottom:12px; }
[data-theme="light"] .inventory-theater { --stage-bg:#ebeee7; --stage-text:#30382c; --stage-muted:#596551; }
.inventory-theater[data-view="inventory"], [data-theme="light"] .inventory-theater[data-view="inventory"] { --stage-bg:#181c20; --stage-text:#e2e5eb; --stage-muted:#9ca4b0; }
.inventory-theater[data-view="settings"] { --stage-bg:#202125; --stage-text:#e3e1ec; --stage-muted:#aaa6b6; }
[data-theme="light"] .inventory-theater[data-view="settings"] { --stage-bg:#edeaf0; --stage-text:#3e3648; --stage-muted:#71677d; }
.theater-topbar { display:flex; align-items:center; justify-content:space-between; gap:15px; height:44px; padding-inline:23px; border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent); color:inherit; font-size:8px; letter-spacing:.07em; }
.theater-topbar>.window-dots i { background:currentColor; opacity:.22; width:5px; height:5px; }.theater-topbar>span:last-child { display:flex; align-items:center; gap:6px; font-size:9px; letter-spacing:0; }.theater-topbar .green-dot { width:4px; height:4px; }.theater-topbar .icon { width:12px; height:12px; }
.inventory-scene { display:grid; grid-template-columns:1fr 1fr; min-height:470px; position:relative; background-image:linear-gradient(color-mix(in srgb,var(--stage-text) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--stage-text) 3%,transparent) 1px,transparent 1px); background-size:78px 78px; }
.inventory-narrative { align-self:center; padding:45px 0 45px 65px; position:relative; z-index:2; }.scene-index { font-size:9px; letter-spacing:.12em; color:var(--stage-muted); }.inventory-narrative h4 { font-size:clamp(36px,4vw,53px); letter-spacing:-.065em; line-height:1.06; margin-top:24px; font-weight:500; max-width:420px; }.inventory-narrative>p { font-size:12px; color:var(--stage-muted); line-height:1.85; max-width:280px; margin-top:23px; }.scene-language { display:flex; align-items:center; gap:11px; margin-top:31px; font-size:10px; color:var(--stage-muted); }.scene-language>i { width:3px; height:3px; background:currentColor; border-radius:50%; }
.inventory-device-stage { display:flex; align-items:center; justify-content:center; position:relative; padding:35px 30px; min-width:0; }
.device-orbit { position:absolute; height:440px; width:440px; border:1px solid color-mix(in srgb,var(--stage-text) 9%,transparent); border-radius:50%; transform:rotateX(22deg); }.orbit-small { height:330px; width:330px; border-style:dashed; opacity:.5; }
.app-theater-device { width:210px; position:relative; z-index:1; padding:7px; border:1px solid #6e716c; border-radius:29px; background:#242625; box-shadow:0 35px 45px #0004,0 1px 0 #ffffff4a inset; transform:rotate(7deg); transition:transform 1s var(--ease); }
.app-theater-device img { width:100%; border-radius:21px; }.app-theater-device .device-speaker { top:12px; width:42px; height:9px; }.inventory-theater:hover .app-theater-device { transform:rotate(4deg) translateY(-3px); }
.device-label { display:flex; align-items:center; gap:10px; position:absolute; z-index:2; bottom:63px; left:2%; padding:13px 17px; border:1px solid color-mix(in srgb,var(--stage-text) 17%,transparent); border-radius:8px; background:color-mix(in srgb,var(--stage-bg) 88%,transparent); backdrop-filter:blur(10px); box-shadow:0 8px 25px #0002; font-size:9px; color:var(--stage-muted); line-height:1.65; transform:rotate(-3deg); }.device-label .icon { width:23px; height:23px; color:var(--stage-text); }.device-label strong { font-weight:500; color:var(--stage-text); }
.theater-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 23px; border-top:1px solid color-mix(in srgb,currentColor 9%,transparent); font-size:9px; color:inherit; opacity:.7; }.theater-bottom>span:last-child>span { margin-left:16px; }
.chapter-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; margin-top:25px; }
.chapter-tabs button { display:flex; align-items:flex-start; gap:14px; text-align:left; padding:19px 0 22px; background:transparent; border-top:2px solid var(--line); color:var(--muted); transition:border-color .3s,color .3s; }.chapter-tabs button[aria-selected="true"] { color:var(--text); border-top-color:var(--text); }.chapter-tab-number { font-size:9px; margin-top:3px; color:var(--muted); }.chapter-tabs strong { display:block; font-size:13px; font-weight:500; letter-spacing:-.02em; }.chapter-tabs small { display:block; font-size:10px; margin-top:7px; color:var(--muted); }.chapter-tabs .icon { width:14px; height:14px; margin-left:auto; margin-top:2px; transition:transform .3s; }.chapter-tabs button[aria-selected="true"] .icon { transform:rotate(45deg); }
.bridge-theater { border:1px solid var(--line-strong); border-radius:12px; overflow:hidden; background:var(--surface); box-shadow:0 25px 70px #0001; }.bridge-theater>.theater-topbar { color:var(--muted); background:var(--bg-alt); border-bottom-color:var(--line); }
.bridge-workspace { display:grid; grid-template-columns:214px minmax(0,1fr); }.workflow-sidebar { display:flex; flex-direction:column; padding:32px 20px; border-right:1px solid var(--line); background:color-mix(in srgb,var(--bg-alt) 55%,var(--surface)); }.workflow-sidebar>img { width:34px; height:34px; border-radius:9px; }.workflow-label { color:var(--muted); font-size:7px; letter-spacing:.08em; margin-top:20px; }.workflow-steps { margin-top:24px; display:grid; gap:8px; }.workflow-steps button { display:flex; align-items:flex-start; gap:10px; text-align:left; padding:13px 9px; border:1px solid transparent; border-radius:7px; background:transparent; color:var(--muted); transition:background .3s,border-color .3s,color .3s; }.workflow-steps button[aria-pressed="true"] { border-color:var(--line-strong); background:var(--surface-raised); color:var(--text); }.workflow-steps button>span:first-child { font-size:8px; margin-top:2px; }.workflow-steps strong { display:block; font-size:12px; font-weight:500; }.workflow-steps small { display:block; font-size:8px; margin-top:4px; color:var(--muted); }.workflow-steps .icon { height:12px; width:12px; margin-top:3px; margin-left:auto; opacity:0; }.workflow-steps [aria-pressed="true"] .icon { opacity:1; }.workflow-footnote { display:flex; gap:6px; align-items:center; color:var(--muted); font-size:8px; margin-top:auto; padding-top:40px; }.workflow-footnote .green-dot { height:4px; width:4px; }
.context-workbench { padding:32px; min-width:0; }.workbench-header>span { color:var(--muted); font-size:8px; letter-spacing:.08em; }.workbench-header>h4 { font-size:25px; font-weight:500; letter-spacing:-.045em; line-height:1.2; margin-top:12px; }.workbench-header>p { color:var(--secondary); font-size:11px; margin-top:9px; min-height:18px; }
.context-workarea { display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:32px; }.context-workarea>* { min-width:0; }.message-review { padding:0; margin:0; border:0; transition:opacity .3s; }.message-review legend { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; color:var(--muted); font-size:8px; padding:0; margin-bottom:14px; letter-spacing:.03em; }.message-review legend>span { letter-spacing:0; font-size:8px; white-space:nowrap; }
.review-message { display:flex; align-items:flex-start; gap:12px; padding:18px 15px; position:relative; border:1px solid var(--line-strong); background:var(--bg); border-radius:8px; cursor:pointer; transition:opacity .3s,border-color .3s,background .3s; }.review-message+.review-message { margin-top:12px; }.review-message input { position:absolute; right:15px; top:20px; height:13px; width:13px; margin:0; accent-color:var(--accent); cursor:pointer; }.review-message-body { display:block; width:100%; }.review-author { display:flex; gap:8px; align-items:center; padding-right:20px; }.review-author>strong { font-size:10px; font-weight:500; }.review-author>small { margin-left:auto; font-size:8px; color:var(--muted); padding-right:12px; }.review-message-text { display:block; color:var(--secondary); font-size:12px; line-height:1.9; margin-top:16px; }.review-message:has(input:not(:checked)) { opacity:.42; border-color:var(--line); }.review-message:has(input:focus-visible) { outline:2px solid var(--accent); outline-offset:3px; }.review-tip { display:flex; align-items:center; gap:6px; color:var(--muted); font-size:8px; margin-top:17px; }.review-tip>.icon { height:12px; width:12px; color:var(--green); }
.bridge-theater .export-demo { max-width:none; margin:0; padding:0; border:0; border-radius:0; box-shadow:none; background:none; }.bridge-theater .export-format-label { margin:0 0 14px; font-size:8px; letter-spacing:.03em; }.bridge-theater .export-format-label>span:last-child { font:8px Consolas,monospace; }.bridge-theater .format-tabs { padding:3px; gap:2px; }.bridge-theater .format-tabs button { font-size:9px; padding:8px 2px; }.bridge-theater .format-tabs button>span { font-size:7px; }.bridge-theater .export-code-wrap { height:212px; margin-top:12px; }.bridge-theater .export-code-wrap pre { font-size:10px; padding:15px; line-height:1.85; }.bridge-theater .copy-button { min-height:38px; font-size:10px; margin-top:12px; }.copy-button:disabled { cursor:not-allowed; opacity:.45; }.bridge-theater>.theater-bottom { color:var(--muted); background:var(--bg-alt); border-top-color:var(--line); }
.bridge-theater[data-step="export"] .export-code-wrap { border-color:var(--accent); }.bridge-theater[data-step="extract"] .review-message { border-color:color-mix(in srgb,var(--green) 45%,var(--line)); }
.bridge-product-notes { display:grid; grid-template-columns:1fr 1fr; gap:70px; margin-top:29px; }.bridge-product-notes>p { display:flex; align-items:flex-start; gap:12px; color:var(--muted); font-size:11px; line-height:1.9; }.bridge-product-notes .icon { width:16px; height:16px; margin-top:3px; }.bridge-product-notes strong { color:var(--secondary); font-weight:500; }
.principle-dialog { width:calc(100% - 40px); max-width:610px; max-height:calc(100svh - 60px); border:1px solid var(--line-strong); padding:0; border-radius:15px; background:var(--surface); color:var(--text); box-shadow:0 35px 100px #0006; overscroll-behavior:contain; }.principle-dialog::backdrop { background:#0009; backdrop-filter:blur(9px); }.principle-dialog[open] { animation:dialog-enter .3s var(--ease); }.principle-dialog-content { padding:34px 40px 40px; }.dialog-topline { display:flex; justify-content:space-between; gap:20px; align-items:center; color:var(--muted); font-size:9px; letter-spacing:.08em; margin-bottom:35px; }.dialog-close { background:var(--surface-raised); color:var(--secondary); width:32px; height:32px; display:grid; place-items:center; border:1px solid var(--line); border-radius:7px; }.dialog-close .icon { transform:rotate(45deg); height:17px; width:17px; }.principle-dialog h2 { font-size:38px; }.principle-dialog-content>p { color:var(--secondary); font-size:14px; line-height:1.9; margin-top:23px; }.principle-dialog ul { padding:0; list-style:none; margin:27px 0 32px; border-top:1px solid var(--line); }.principle-dialog li { padding:13px 0; border-bottom:1px solid var(--line); color:var(--secondary); font-size:12px; display:flex; align-items:center; gap:12px; }.principle-dialog li::before { content:'↗'; color:var(--muted); font-size:14px; }body:has(.principle-dialog[open]) { overflow:hidden; }
@keyframes dialog-enter { from { opacity:0; transform:translateY(12px) scale(.98); } to { opacity:1; transform:none; } }
@media(min-width:1500px) { .studio-panel { min-height:440px; }.studio-context-grid { margin-top:35px; }.principle-art { height:280px; } }
@media(max-width:1100px) {
  .studio-workspace { grid-template-columns:170px minmax(0,1fr); }.studio-panel { padding:24px 23px 0; }.studio-panel-header h3 { font-size:16px; }.studio-context-grid { gap:15px; }.studio-thread { padding:14px; }.studio-output pre { font-size:9px; padding:14px; }.studio-output-top>span { display:none; }.studio-selection { font-size:7px; }.studio-inventory-grid { gap:15px; width:95%; }.studio-business h4 { font-size:25px; }
  .principles-heading,.chapter-heading { gap:65px; }.principle-art { height:235px; }.principle-copy h3 { font-size:16px; }.principle-copy>p { font-size:11px; }.principles-grid { gap:18px; }.chapter-identity h3 { font-size:31px; }.chapter-description>p { font-size:12px; }.inventory-narrative { padding-left:48px; }.inventory-narrative h4 { font-size:46px; }.app-theater-device { width:198px; }.device-label { left:0; font-size:8px; padding:11px 13px; }.device-orbit { height:390px; width:390px; }.orbit-small { height:290px; width:290px; }.chapter-tabs { gap:25px; }.chapter-tabs strong { font-size:12px; }.chapter-tabs small { font-size:9px; }
  .bridge-workspace { grid-template-columns:185px minmax(0,1fr); }.workflow-sidebar { padding:28px 14px; }.context-workbench { padding:28px 25px; }.context-workarea { gap:20px; }.review-message { padding:16px 12px; }.review-message-text { font-size:11px; }.review-author>small { display:none; }.workflow-steps small { font-size:7px; }.bridge-theater .format-tabs button>span { display:none; }
}
@media(max-width:850px) {
  .studio-console { margin-top:44px; }.studio-workspace { grid-template-columns:152px minmax(0,1fr); }.studio-sidebar { padding-inline:10px; }.studio-brand { padding-inline:6px; gap:8px; }.studio-brand small { font-size:7px; }.studio-tabs button { gap:7px; font-size:10px; padding:10px 7px; }.studio-tabs button>img { width:18px; height:18px; }.studio-tabs button>span { display:none; }.studio-panel { padding:22px 19px 0; min-height:407px; }.studio-panel-header { align-items:flex-start; }.studio-local { display:none; }.studio-panel-header h3 { font-size:15px; }.studio-context-grid { grid-template-columns:1fr .85fr; gap:12px; }.thread-count { display:none; }.studio-thread-heading { font-size:9px; }.studio-message p { font-size:9px; }.studio-message strong { font-size:8px; }.studio-message { gap:7px; }.studio-output pre { font-size:8px; padding:12px; }.studio-output-top { font-size:8px; gap:5px; }.studio-selection { font-size:6px; gap:5px; }.studio-panel-footer { font-size:8px; }.studio-inventory-grid { grid-template-columns:145px 1fr; gap:20px; margin-top:24px; }.studio-business h4 { font-size:23px; }.studio-business-row { font-size:10px; margin-top:13px; }.studio-business-row small { font-size:8px; }
  .principles-heading,.chapter-heading { gap:40px; }.principles-heading>p { font-size:13px; }.principles-grid { gap:15px; margin-top:40px; }.principle-art { height:205px; }.purpose-sheet { transform:translate(-50%,-50%) rotateX(25deg) rotateZ(-24deg) scale(.86); }.sheet-back { transform:translate(-64%,-28%) rotateX(25deg) rotateZ(-24deg) scale(.86); }.sheet-middle { transform:translate(-56%,-44%) rotateX(25deg) rotateZ(-24deg) scale(.86); }.principle-copy h3 { font-size:14px; }.principle-copy>p { font-size:10px; }.figure-label { font-size:7px; }.principle-open { height:23px; width:23px; }.principle-copy>div { gap:5px; }.intelligence-orbit { width:164px; height:164px; }.intelligence-orbit::before { left:79px; transform-origin:2.5px 85px; }.orbit-inner { width:110px; height:110px; }.intelligence-core { width:55px; height:55px; border-radius:14px; padding:7px; }.intelligence-node { width:32px; height:32px; font-size:11px; border-radius:8px; }.intelligence-chat { left:10%; top:20%; font-size:18px; }.intelligence-md { right:7%; }.intelligence-next { left:19%; bottom:16%; }.intelligence-node small { font-size:6px; }.momentum-wheel { width:86px; height:86px; }.speed-trails { top:34px; }.momentum-caption { bottom:29px; font-size:8px; }
  .product-chapter { margin-top:62px; }.product-chapter+.product-chapter { margin-top:90px; }.chapter-identity { gap:12px; }.chapter-identity>img { width:36px; height:36px; border-radius:9px; }.chapter-identity h3 { font-size:27px; }.chapter-description>p { font-size:11px; }.chapter-heading .project-meta { font-size:8px; gap:10px; }.chapter-heading .release-status { font-size:8px; }.chapter-description .inline-link { font-size:10px; }.inventory-scene { min-height:425px; }.inventory-narrative { padding-left:35px; }.inventory-narrative h4 { font-size:38px; }.inventory-narrative>p { font-size:11px; max-width:235px; }.app-theater-device { width:183px; border-radius:26px; }.app-theater-device img { border-radius:18px; }.device-orbit { height:340px; width:340px; }.orbit-small { height:250px; width:250px; }.device-label { left:-5%; bottom:47px; }.chapter-tabs { gap:18px; }.chapter-tabs button { gap:9px; }.chapter-tabs strong { font-size:10px; }.chapter-tabs small { font-size:8px; }.chapter-tab-number { font-size:8px; }
  .bridge-workspace { grid-template-columns:150px minmax(0,1fr); }.workflow-sidebar { padding:26px 12px; }.workflow-label { font-size:6px; }.workflow-steps button { padding:10px 7px; gap:7px; }.workflow-steps strong { font-size:11px; }.workflow-steps small { display:none; }.workflow-steps .icon { width:10px; height:10px; }.workflow-footnote { font-size:7px; }.context-workbench { padding:25px 20px; }.workbench-header h4 { font-size:22px; }.workbench-header p { font-size:10px; }.context-workarea { gap:15px; margin-top:25px; }.message-review legend { font-size:6px; }.message-review legend>span { font-size:7px; }.review-message { padding:14px 11px; }.review-message input { right:11px; top:17px; height:11px; width:11px; }.review-author { gap:6px; }.review-author .conversation-avatar { width:20px; height:20px; }.review-author>strong { font-size:9px; }.review-message-text { font-size:10px; margin-top:13px; line-height:1.8; }.review-tip { font-size:7px; gap:4px; }.bridge-theater .export-format-label { font-size:6px; }.bridge-theater .export-format-label>span:last-child { font-size:7px; }.bridge-theater .format-tabs button { font-size:7px; padding-block:8px; }.bridge-theater .export-code-wrap { height:220px; }.bridge-theater .export-code-wrap pre { font-size:9px; padding:11px; }.bridge-theater .copy-button { font-size:8px; }.bridge-product-notes { gap:30px; }.bridge-product-notes>p { font-size:10px; gap:9px; }
}
@media(max-width:650px) {
  .studio-console { margin-top:38px; border-radius:9px; box-shadow:0 0 0 4px color-mix(in srgb,var(--surface) 45%,transparent),0 20px 50px #0002; }.studio-chrome { height:34px; padding-inline:12px; font-size:6px; letter-spacing:.04em; }.studio-live { display:none; }.studio-chrome>.window-dots i { width:4px; height:4px; }.studio-workspace { display:block; }.studio-sidebar { display:block; padding:10px; border:0; border-bottom:1px solid var(--line); }.studio-brand,.studio-sidebar>.studio-sidebar-label,.studio-sidebar-bottom { display:none; }.studio-tabs { grid-template-columns:1fr 1fr; gap:8px; }.studio-tabs button { justify-content:center; gap:7px; font-size:10px; padding:8px 5px; }.studio-tabs button>img { width:17px; height:17px; }.studio-panel { padding:20px 17px 0; min-height:353px; }.studio-breadcrumb { font-size:6px; gap:7px; }.studio-panel-header h3 { font-size:17px; margin-top:9px; max-width:270px; }.studio-context-grid { grid-template-columns:1fr; margin-top:19px; }.studio-output { display:none; }.studio-thread { padding:13px; }.studio-thread-heading { padding-bottom:12px; font-size:9px; }.studio-thread-heading small { font-size:7px; }.thread-symbol { height:23px; width:23px; font-size:15px; }.thread-count { display:block; font-size:7px; }.studio-message { margin-top:14px; }.studio-message strong { font-size:8px; }.studio-message p { font-size:9px; margin-top:3px; }.studio-message .conversation-avatar { height:21px; width:21px; }.studio-text-lines { gap:4px; margin-top:7px; }.studio-text-lines i { height:2px; }.studio-text-lines i:last-child { display:none; }.studio-selection { font-size:7px; margin-top:14px; padding-top:9px; }.studio-panel-footer { padding-block:15px; gap:10px; font-size:7px; }.studio-panel-footer>span,.studio-panel-footer>a { gap:5px; }.studio-panel-footer .icon { width:10px; height:10px; }.studio-inventory-grid { width:100%; grid-template-columns:110px 1fr; gap:17px; margin-top:22px; margin-bottom:10px; }.studio-inventory-phone { width:105px; border-radius:15px; padding:4px; }.studio-inventory-phone img { border-radius:10px; }.studio-business h4 { font-size:23px; }.studio-business .studio-sidebar-label { font-size:6px; }.studio-business-row { font-size:9px; gap:6px; margin-top:12px; }.studio-business-row small { font-size:7px; }.studio-business-row .icon { height:10px; width:10px; }
  .hero-caption { font-size:7px; gap:15px; }.hero-caption>span:first-child { max-width:175px; }.hero-caption>span:last-child { white-space:normal; flex-shrink:1; text-align:right; max-width:145px; font-size:7px; }
  .principles-heading { display:block; margin-top:28px; }.principles-heading>p { font-size:13px; margin-top:23px; max-width:350px; }.principles-grid { display:grid; grid-auto-flow:column; grid-auto-columns:85%; grid-template-columns:none; overflow-x:auto; scroll-snap-type:x mandatory; gap:17px; margin-top:32px; padding:1px 1px 18px; scrollbar-width:thin; scrollbar-color:var(--line-strong) transparent; }.principle-card { scroll-snap-align:start; }.principle-art { height:238px; }.principle-copy { padding-top:20px; }.principle-copy h3 { font-size:18px; }.principle-copy>p { font-size:12px; }.figure-label { font-size:8px; }.principle-open { width:28px; height:28px; }.purpose-sheet { transform:translate(-50%,-50%) rotateX(25deg) rotateZ(-24deg); }.sheet-middle { transform:translate(-56%,-44%) rotateX(25deg) rotateZ(-24deg); }.sheet-back { transform:translate(-64%,-28%) rotateX(25deg) rotateZ(-24deg); }.intelligence-orbit { width:190px; height:190px; }.intelligence-orbit::before { left:92px; transform-origin:2.5px 98px; }.orbit-inner { width:120px; height:120px; }.intelligence-core { height:62px; width:62px; padding:9px; border-radius:17px; }.intelligence-node { height:38px; width:38px; border-radius:9px; font-size:13px; }.intelligence-chat { left:16%; top:21%; font-size:21px; }.intelligence-md { right:13%; }.intelligence-next { left:25%; bottom:18%; }.intelligence-node small { font-size:7px; }.momentum-wheel { width:100px; height:100px; }.momentum-caption { bottom:36px; font-size:9px; }.speed-trails { top:43px; }
  .product-chapter { margin-top:46px; scroll-margin-top:90px; }.product-chapter+.product-chapter { margin-top:75px; }.chapter-heading { display:block; margin-bottom:29px; }.chapter-heading .project-meta { font-size:8px; gap:17px; margin-bottom:22px; }.chapter-heading .release-status { font-size:8px; }.chapter-identity { gap:14px; }.chapter-identity>img { width:39px; height:39px; border-radius:10px; margin-top:4px; }.chapter-identity h3 { font-size:31px; }.chapter-description { margin-top:23px; }.chapter-description>p { font-size:12px; max-width:420px; }.chapter-description .inline-link { font-size:11px; margin-top:18px; }.theater-topbar { height:37px; padding-inline:14px; font-size:6px; gap:10px; letter-spacing:.04em; }.theater-topbar>span:last-child { font-size:7px; gap:4px; }.theater-topbar .window-dots { gap:3px; }.theater-topbar .window-dots i { width:4px; height:4px; }
  .inventory-scene { grid-template-columns:1fr; min-height:0; }.inventory-narrative { padding:31px 26px 0; }.scene-index { font-size:8px; }.inventory-narrative h4 { font-size:37px; max-width:300px; margin-top:17px; }.inventory-narrative>p { font-size:11px; max-width:290px; margin-top:17px; }.scene-language { margin-top:18px; font-size:9px; }.inventory-device-stage { padding:35px 20px 39px; min-height:360px; }.app-theater-device { width:171px; border-radius:25px; padding:6px; }.app-theater-device img { border-radius:18px; }.app-theater-device .device-speaker { width:32px; height:7px; top:10px; }.device-orbit { width:310px; height:310px; }.orbit-small { width:230px; height:230px; }.device-label { display:none; }.theater-bottom { padding:12px 14px; font-size:7px; gap:15px; }.theater-bottom>span:last-child { text-align:right; }.theater-bottom>span:last-child>span { margin-left:5px; }
  .chapter-tabs { gap:14px; margin-top:20px; }.chapter-tabs button { display:block; padding:13px 0 16px; min-height:85px; position:relative; }.chapter-tab-number { font-size:8px; display:block; margin:0 0 8px; }.chapter-tabs strong { font-size:10px; line-height:1.6; padding-right:7px; }.chapter-tabs small { display:none; }.chapter-tabs .icon { position:absolute; right:0; top:15px; height:11px; width:11px; }
  .bridge-workspace { display:block; }.workflow-sidebar { display:block; padding:13px 12px; border-right:0; border-bottom:1px solid var(--line); }.workflow-sidebar>img,.workflow-label,.workflow-footnote { display:none; }.workflow-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin:0; }.workflow-steps button { align-items:center; justify-content:center; padding:9px 4px; gap:6px; }.workflow-steps strong { font-size:10px; }.workflow-steps button>span:first-child { font-size:7px; margin:0; }.workflow-steps .icon { display:none; }.context-workbench { padding:27px 20px; }.workbench-header>span { font-size:7px; }.workbench-header h4 { font-size:25px; margin-top:12px; }.workbench-header p { font-size:11px; max-width:270px; margin-top:10px; min-height:36px; }.context-workarea { grid-template-columns:1fr; gap:28px; margin-top:25px; }.message-review legend { font-size:8px; margin-bottom:13px; }.message-review legend>span { font-size:8px; }.review-message { padding:16px; }.review-message input { width:13px; height:13px; right:16px; top:20px; }.review-author { gap:8px; }.review-author>.conversation-avatar { height:24px; width:24px; }.review-author strong { font-size:11px; }.review-author small { display:block; }.review-message-text { font-size:12px; margin-top:15px; }.review-tip { font-size:8px; margin-top:13px; }.bridge-theater .export-format-label { font-size:8px; }.bridge-theater .export-format-label>span:last-child { font-size:9px; }.bridge-theater .format-tabs button { font-size:10px; padding-block:8px; }.bridge-theater .format-tabs button>span { display:inline; font-size:7px; }.bridge-theater .export-code-wrap { height:200px; }.bridge-theater .export-code-wrap pre { font-size:11px; padding:15px; }.bridge-theater .copy-button { min-height:41px; font-size:11px; }.bridge-product-notes { grid-template-columns:1fr; gap:18px; margin-top:25px; }.bridge-product-notes>p { font-size:11px; gap:11px; }
  .principle-dialog-content { padding:23px 25px 28px; }.dialog-topline { margin-bottom:25px; font-size:8px; }.principle-dialog h2 { font-size:31px; }.principle-dialog-content>p { font-size:13px; }.principle-dialog li { font-size:11px; }.principle-dialog ul { margin-block:23px 28px; }
}
@media(max-width:360px) {
  .studio-panel { padding-inline:13px; }.studio-panel-header h3 { font-size:16px; }.studio-thread { padding:11px; }.studio-selection { font-size:6px; }.studio-panel-footer { font-size:6px; gap:8px; }.studio-inventory-grid { grid-template-columns:94px 1fr; gap:13px; }.studio-inventory-phone { width:93px; }.studio-business h4 { font-size:20px; }.studio-business-row small { font-size:6px; }.principle-art { height:220px; }.principle-copy h3 { font-size:16px; }.principle-copy>p { font-size:11px; }.chapter-identity h3 { font-size:27px; }.chapter-identity>img { width:34px; height:34px; }.chapter-identity { gap:11px; }.chapter-heading .project-meta { gap:10px; font-size:7px; }.chapter-heading .release-status { font-size:7px; }.inventory-narrative { padding-inline:22px; }.inventory-narrative h4 { font-size:34px; }.theater-topbar { padding-inline:11px; font-size:5px; gap:8px; }.theater-topbar>span:last-child { font-size:6px; }.context-workbench { padding-inline:15px; }.chapter-tabs { gap:10px; }.chapter-tabs strong { font-size:9px; }
}
.purpose-art .sheet-emblem>.product-sheet-icon { width:22px; height:22px; border-radius:5px; filter:none; mix-blend-mode:normal; }
.connection-wires { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke:var(--line-strong); stroke-width:1; }
.connection-signal { stroke:var(--accent); stroke-dasharray:8 320; opacity:.6; animation:connection-travel 8s linear infinite; }
.connection-terminal { position:absolute; display:grid; place-items:center; width:43px; height:43px; border:1px solid var(--line-strong); border-radius:10px; color:var(--secondary); background:var(--surface); box-shadow:0 6px 16px #0002; }
.connection-terminal .icon { width:20px; height:20px; }
.connection-terminal small { position:absolute; top:calc(100% + 7px); font-size:8px; color:var(--muted); font-weight:400; }
.device-terminal { left:17%; top:21%; }.cloud-terminal { right:16%; bottom:18%; }
.connection-core { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:64px; height:64px; border:1px solid var(--line-strong); border-radius:16px; background:var(--surface-raised); box-shadow:0 12px 28px #0003; transition:transform .6s var(--ease); }
.connection-core>img { width:29px; height:27px; object-fit:contain; filter:invert(1); mix-blend-mode:screen; }
[data-theme="light"] .connection-core>img { filter:none; mix-blend-mode:multiply; }
.connected-art:hover .connection-core { transform:translate(-50%,-55%); }
.connection-caption { position:absolute; bottom:22px; left:0; width:100%; text-align:center; font-size:8px; color:var(--muted); }
@keyframes connection-travel { to { stroke-dashoffset:-328; } }

/* Crisp product media and a more restrained, product-led composition. */
.site-header { height:72px; }
.brand { width:150px; }
.hero { padding-top:112px; }
h1 { font-size:clamp(46px,5.2vw,72px); line-height:1.08; letter-spacing:-.055em; font-weight:550; }
.hero-eyebrow { font-size:10px; letter-spacing:.035em; }
.hero-summary>p { max-width:500px; font-size:14px; line-height:1.85; }
.hero-summary { align-items:center; }
.button { border-radius:999px; min-height:44px; padding:13px 20px; }
.button-secondary { background:var(--surface-raised); border:1px solid var(--line); color:var(--text); }
.button-secondary:hover { background:var(--line); }
.nav-contact { background:var(--button); color:var(--button-text); border-radius:999px; padding:8px 14px; gap:13px; }
.studio-caption { font-size:9px; letter-spacing:0; color:var(--muted); }
.studio-console { margin-top:64px; box-shadow:0 0 0 1px var(--line),0 18px 45px #0001; }
.studio-panel { min-height:490px; }
.studio-panel-header h3 { font-size:19px; }
.studio-context-grid { gap:22px; margin-top:30px; }
.studio-thread { padding:20px; }
.studio-thread-heading { font-size:11px; }
.studio-thread-heading small { font-size:9px; }
.studio-message strong { font-size:10px; }
.studio-message p { font-size:12px; line-height:1.85; }
.studio-output pre { font-size:11px; line-height:1.85; }
.studio-selection { font-size:9px; }
.studio-inventory-grid { grid-template-columns:200px 1fr; gap:40px; margin-top:25px; }
.studio-inventory-phone { width:180px; padding:5px; border:1px solid var(--line-strong); border-radius:18px; background:var(--surface); box-shadow:0 8px 20px #0002; transform:none; }
.studio-inventory-phone img { border-radius:12px; }
.screen-open { display:block; flex-shrink:0; cursor:zoom-in; line-height:0; }
.screen-open img { display:block; opacity:1; filter:none; }
.principles-heading { grid-template-columns:1fr 1fr; gap:80px; }
.principle-art { perspective:none; }
.principle-art::after { display:none; }
.purpose-sheet { left:calc(50% - 85px); top:calc(50% - 63px); transform:none; box-shadow:0 8px 16px #0001; }
.sheet-back { transform:translate(-16px,16px); }
.sheet-middle { transform:translate(-8px,8px); }
.sheet-front { transform:none; }
.purpose-art:hover .sheet-front { transform:translateY(-4px); box-shadow:0 12px 22px #0002; }
.purpose-art:hover .sheet-back { transform:translate(-18px,18px); }
.intelligence-core { width:64px; height:64px; padding:0; border:0; background:transparent; border-radius:14px; transform:translate(-50%,-50%); box-shadow:none; }
.intelligence-art:hover .intelligence-core { transform:translate(-50%,-50%); }
.intelligence-core>img { width:64px; height:64px; border-radius:14px; filter:none; }
.chapter-heading { grid-template-columns:1fr 1fr; gap:90px; }
.chapter-identity h3 { font-size:38px; }
.chapter-description>p { font-size:14px; }
[data-theme] .inventory-theater,[data-theme] .inventory-theater[data-view] { --stage-bg:var(--bg-alt); --stage-text:var(--text); --stage-muted:var(--secondary); }
.inventory-theater { border:1px solid var(--line); border-radius:10px; }
.inventory-scene { min-height:535px; background-image:none; }
.inventory-narrative h4 { font-size:48px; }
.inventory-narrative>p { font-size:13px; }
.device-orbit { display:none; }
.app-theater-device { width:252px; padding:6px; border:1px solid #4d5053; border-radius:24px; transform:none; box-shadow:0 12px 26px #0002; transition:box-shadow .3s; }
.app-theater-device img { border-radius:17px; }
.inventory-theater:hover .app-theater-device { transform:none; }
.device-label { transform:none; background:var(--surface); border-color:var(--line); box-shadow:0 3px 10px #0001; }
.theater-topbar>.window-dots { display:none; }
.screen-dialog { width:min(92vw,680px); max-width:none; max-height:94svh; padding:0; border:1px solid var(--line-strong); border-radius:12px; color:var(--text); background:var(--surface); box-shadow:0 25px 70px #0005; overflow:hidden; }
.screen-dialog::backdrop { background:#000b; }
.screen-dialog-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 18px; border-bottom:1px solid var(--line); font-size:12px; }
.screen-dialog-toolbar>div { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.screen-dialog-toolbar button { min-height:30px; padding:5px 9px; border:1px solid var(--line); border-radius:5px; background:var(--bg-alt); font-size:10px; }
.screen-close { width:30px; display:grid; place-items:center; padding:0!important; }
.screen-close .icon { height:17px; width:17px; transform:rotate(45deg); }
.screen-image-viewport { max-height:calc(94svh - 61px); overflow:auto; background:#fff; }
.screen-image-viewport>img { width:100%; max-width:none; height:auto; }
.screen-dialog.is-native-size .screen-image-viewport>img { width:1080px; }
body:has(.screen-dialog[open]) { overflow:hidden; }
.contact-section { padding-block:145px; background:var(--bg); }
.contact-invitation { text-align:center; max-width:850px; margin-inline:auto; }
.contact-eyebrow { font-size:9px; letter-spacing:.09em; color:var(--muted); }
.contact-invitation h2 { font-size:66px; letter-spacing:-.055em; line-height:1.07; margin-top:27px; }
.contact-invitation>p { color:var(--secondary); font-size:14px; line-height:1.85; margin-top:25px; }
.contact-actions { display:flex; justify-content:center; align-items:center; gap:11px; margin-top:30px; }
.contact-email { display:inline-block; color:var(--muted); font-size:11px; margin-top:24px; }
.contact-email:hover { color:var(--text); }
.site-footer { border-top:1px solid var(--line); padding-top:55px; }
.footer-directory { display:grid; grid-template-columns:1.7fr 1fr 1fr 1fr; gap:50px; padding-bottom:65px; }
.footer-introduction .brand { width:150px; }
.footer-introduction>p { color:var(--muted); font-size:12px; line-height:1.9; margin-top:22px; }
.footer-directory nav { display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
.footer-directory h3 { font-size:12px; font-weight:550; letter-spacing:-.01em; margin-bottom:9px; }
.footer-directory nav>a { display:flex; align-items:center; gap:9px; min-height:25px; font-size:12px; color:var(--secondary); }
.footer-directory nav>a:hover { color:var(--text); }
.footer-directory .icon { width:12px; height:12px; }
@media(max-width:1100px) {
  .hero-summary>p { max-width:450px; font-size:13px; }.hero-actions { gap:14px; }.hero-actions .button { font-size:11px; padding-inline:16px; }
  .studio-panel { padding-inline:24px; }.studio-thread { padding:16px; }.studio-context-grid { gap:17px; }.studio-inventory-grid { grid-template-columns:185px 1fr; gap:28px; }
  .chapter-heading { gap:65px; }.chapter-identity h3 { font-size:34px; }.chapter-description>p { font-size:13px; }.app-theater-device { width:232px; }.inventory-narrative { padding-left:45px; }.inventory-narrative h4 { font-size:43px; }
}
@media(max-width:850px) {
  .hero { padding-top:85px; }.hero-summary>p { font-size:12px; max-width:350px; }.hero-actions { gap:10px; }.hero-actions .button { font-size:10px; }
  .studio-panel { min-height:440px; padding-inline:20px; }.studio-panel-header h3 { font-size:16px; }.studio-thread { padding:13px; }.studio-message p { font-size:10px; }.studio-output pre { font-size:9px; }.studio-selection { font-size:7px; }.studio-thread-heading { font-size:9px; }.studio-thread-heading small { font-size:8px; }.studio-context-grid { gap:13px; }
  .studio-inventory-grid { grid-template-columns:155px 1fr; gap:22px; }.studio-inventory-phone { width:154px; }.principles-heading { gap:40px; }.purpose-sheet { transform:none; }.sheet-middle { transform:translate(-8px,8px); }.sheet-back { transform:translate(-16px,16px); }.intelligence-core,.intelligence-core>img { width:58px; height:58px; }
  .chapter-heading { gap:40px; }.chapter-identity h3 { font-size:29px; }.chapter-description>p { font-size:12px; }.app-theater-device { width:212px; }.inventory-narrative h4 { font-size:37px; }.inventory-narrative>p { font-size:12px; }.inventory-scene { min-height:465px; }.device-label { display:none; }
  .contact-invitation h2 { font-size:55px; }.contact-section { padding-block:115px; }.footer-directory { gap:35px; grid-template-columns:1.4fr 1fr 1fr 1fr; }
}
@media(max-width:650px) {
  .mobile-nav { top:71px; }.nav-contact { display:none; }.hero { padding-top:54px; }h1 { font-size:clamp(35px,8.4vw,48px); }.hero-summary>p { font-size:12px; max-width:390px; }.hero-actions { gap:15px; }.hero-actions .button { font-size:10px; padding-inline:15px; }.hero-actions .button-text { padding-inline:0; }
  .studio-console { margin-top:38px; }.studio-caption { display:none; }.studio-panel { min-height:390px; padding-inline:17px; }.studio-panel-header h3 { font-size:17px; }.studio-thread { padding:14px; }.studio-message p { font-size:10px; }.studio-message strong { font-size:9px; }.studio-inventory-grid { grid-template-columns:127px 1fr; gap:16px; }.studio-inventory-phone { width:123px; border-radius:15px; padding:4px; }.studio-inventory-phone img { border-radius:10px; }.studio-business h4 { font-size:22px; }
  .principles-heading { display:block; }.intelligence-core,.intelligence-core>img { width:64px; height:64px; }.purpose-sheet { transform:none; }.sheet-middle { transform:translate(-8px,8px); }.sheet-back { transform:translate(-16px,16px); }
  .chapter-identity h3 { font-size:31px; }.chapter-description>p { font-size:12px; }.inventory-scene { min-height:0; }.inventory-narrative { padding:30px 26px 0; }.inventory-narrative h4 { font-size:37px; }.inventory-device-stage { min-height:0; padding:32px 20px 38px; }.app-theater-device { width:218px; border-radius:23px; }.app-theater-device img { border-radius:16px; }
  .contact-section { padding-block:90px; }.contact-invitation h2 { font-size:43px; }.contact-invitation>p { font-size:12px; }.contact-invitation>p br { display:none; }.contact-actions { flex-wrap:wrap; gap:10px; }.contact-actions .button { font-size:10px; padding-inline:15px; }.contact-email { font-size:11px; }
  .site-footer { padding-top:35px; }.footer-directory { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 24px; padding-bottom:38px; }.footer-introduction { grid-column:1/-1; }.footer-introduction>p { font-size:11px; margin-top:15px; }.footer-directory h3 { font-size:12px; }.footer-directory nav>a { font-size:12px; min-height:29px; }
  .screen-dialog { width:94vw; }.screen-dialog-toolbar { padding:12px; gap:10px; font-size:10px; }.screen-dialog-toolbar>div { gap:7px; }.screen-dialog-toolbar button { font-size:9px; }
}
@media(max-width:360px) { h1 { font-size:33px; }.hero-actions { gap:12px; }.studio-inventory-grid { grid-template-columns:110px 1fr; gap:13px; }.studio-inventory-phone { width:107px; }.studio-business h4 { font-size:20px; }.chapter-identity h3 { font-size:27px; }.contact-invitation h2 { font-size:37px; } }