/* More room for the product, while keeping one isolated reading area. */
@media(min-width:1001px){
  .story-ready .copy-track{width:calc(47vw - 96px);max-width:580px}
  .story-ready .visual-stage{left:47%;right:3%}
  .story-ready .copy p{font-size:clamp(19px,1.48vw,22px);line-height:1.58;max-width:490px}
}

/* Real AI tools are separate little conversations in the existing loose work card. */
.ai-record{z-index:5}
.scattered-ai{position:relative;height:115px;margin-top:9px}
.ai-thread{position:absolute;display:flex;align-items:center;gap:10px;height:43px;width:176px;padding:9px 12px;background:var(--surface);border-radius:11px;box-shadow:0 3px 11px var(--shadow);font-size:12px;font-weight:500;color:var(--body)}
.ai-thread>img{width:23px;height:23px;object-fit:contain;flex:none}.ai-thread>i{margin-left:auto;width:19px;height:3px;background:var(--line);border-radius:3px}
.claude-thread{top:0;left:0;transform:rotate(-3deg)}.chatgpt-thread{top:37px;right:-3px;transform:rotate(3deg)}.gemini-thread{top:73px;left:5px;transform:rotate(-2deg)}
[data-theme="dark"] .chatgpt-thread>img{filter:brightness(0) invert(1)}

/* Softly lifted layers; no hard blue outlines or decorative bolts. */
.execution-base,.data-base{border:0;border-radius:24px;box-shadow:inset 0 1px 0 var(--highlight),0 7px 0 color-mix(in srgb,var(--data-depth) 55%,var(--surface)),0 22px 42px var(--shadow)}
.execution-base{background:linear-gradient(130deg,color-mix(in srgb,var(--blue) 9%,var(--surface)),var(--surface))}
.data-base{background:linear-gradient(130deg,color-mix(in srgb,var(--blue) 5%,var(--surface)),var(--surface))}
.execution-path{left:24px;right:24px;top:58px;gap:12px;display:grid;grid-template-columns:repeat(3,1fr)}
.execution-path>button{height:48px;display:flex;align-items:center;gap:11px;justify-content:center;padding:0 13px;font-size:19px;font-weight:500;border:0;border-radius:12px;background:color-mix(in srgb,var(--blue) 5%,var(--surface));color:var(--ink);box-shadow:0 3px 10px color-mix(in srgb,var(--shadow) 45%,transparent);transition:background .16s,transform .16s}
.execution-path>button>svg{width:23px;height:23px;flex:none}
.execution-path>button:hover{background:color-mix(in srgb,var(--blue) 13%,var(--surface));transform:translateY(-2px)}
.execution-deck.is-interactive .execution-path>button{pointer-events:auto}
.connected-sources{left:24px;right:24px;top:64px;bottom:18px;gap:9px 14px;grid-template-columns:repeat(3,1fr) 1.2fr}
.connected-sources>div{border:0;background:transparent;box-shadow:none;padding:4px 7px;gap:9px;color:var(--body)}
.connected-sources>div>img,.connected-sources>div>svg{width:25px;height:25px}
.connected-sources .more-sources{flex-direction:column;gap:5px;padding:0;align-items:center;justify-content:center;font-size:11px;overflow:visible}
.tool-stack{display:flex;padding-left:14px;height:28px;align-items:center}
.tool-stack>i{height:29px;width:29px;background:var(--surface);border:2px solid var(--surface);border-radius:9px;display:grid;place-items:center;box-shadow:0 3px 7px var(--shadow);margin-left:-11px;transform:rotate(-9deg)}
.tool-stack>i:nth-child(2){transform:rotate(2deg);z-index:1}.tool-stack>i:nth-child(3){transform:rotate(9deg);z-index:2}
.tool-stack img{height:17px;width:17px;object-fit:contain}
/* The workspace tabs are genuine controls, not decorative navigation. */
.workspace-nav{border:0;width:100%;font-family:inherit;text-align:left;background:transparent;cursor:pointer}
.workspace.is-interactive{pointer-events:auto}
.workspace-nav:hover:not(.is-selected){background:var(--wash);color:var(--ink)}
.workspace-nav:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:7px}
.workspace-screen[aria-hidden="true"]{pointer-events:none}
.workspace-screen[aria-hidden="false"]{pointer-events:auto}
.detail-table{background:var(--surface);border:1px solid var(--line);padding:0 14px;border-radius:9px}
.detail-table>div{height:49px;display:grid;grid-template-columns:1.35fr 1fr .85fr;align-items:center;gap:13px;border-bottom:1px solid var(--line);font-size:10px}
.detail-table>div:last-child{border:0}.detail-table>.detail-table-head{height:30px;font-size:9px;color:var(--quiet)}
.stock-meter-inline{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:9px}.stock-meter-inline>i{height:5px;width:47px;flex:none;border-radius:3px;background:linear-gradient(90deg,var(--ink) var(--fill),var(--line) var(--fill))}
.inline-worker{display:flex;align-items:center;gap:9px;margin-top:17px;color:var(--body);font-size:10px}.inline-worker>svg{width:16px;height:16px}
.customer-inbox{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:0 13px}
.customer-inbox>div{display:flex;align-items:center;gap:12px;min-height:62px;border-bottom:1px solid var(--line)}.customer-inbox>div:last-child{border-bottom:0}
.customer-inbox i{width:31px;height:31px;flex:none;display:grid;place-items:center;background:var(--wash);border-radius:50%;font-size:9px;font-style:normal}
.customer-inbox strong{display:block;font-size:11px;font-weight:500}.customer-inbox small{display:block;font-size:10px;color:var(--body);margin-top:4px}.customer-inbox b{margin-left:auto;font-size:8px;font-weight:400;background:var(--module);padding:4px 6px;border-radius:4px;white-space:nowrap}
.customer-context{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px;background:var(--brand-accent);border-radius:9px}.customer-context>svg{width:25px;height:25px;flex:none}.customer-context strong{font-size:11px;font-weight:500}.customer-context span{display:block;font-size:9px;line-height:1.5;margin-top:4px;color:var(--body)}

/* Foundation, expressed as a single finished platform rather than a circuit board. */
.platform-core{position:absolute;left:0;top:0;width:740px;height:475px;opacity:0;z-index:3;transform-style:preserve-3d}
.core-surface{position:absolute;inset:0;border:0;border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 8%,var(--surface)),var(--surface) 70%);box-shadow:inset 0 1px 0 var(--highlight),0 9px 0 color-mix(in srgb,var(--data-depth) 42%,var(--surface)),0 30px 65px var(--shadow)}
.core-header{position:absolute;display:flex;align-items:center;left:34px;right:34px;top:30px;gap:15px;font-size:29px;font-weight:500;letter-spacing:-.04em;color:var(--ink)}.core-header>img{height:35px;width:35px}
.core-components{position:absolute;left:27px;right:27px;top:98px;bottom:28px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px;transform:none}
.foundation-part{padding:22px 24px;background:color-mix(in srgb,var(--surface) 78%,transparent);border:0;border-radius:18px;box-shadow:0 4px 16px color-mix(in srgb,var(--shadow) 35%,transparent);text-align:left}
.part-symbol{display:flex;gap:12px;align-items:center;height:30px;margin-bottom:13px}.part-symbol>svg{height:28px;width:28px;fill:none;stroke:var(--blue);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.part-symbol>img{height:26px;width:26px;object-fit:contain}
.foundation-part h3{font-size:18px;font-weight:500;letter-spacing:-.025em;margin:0 0 8px;color:var(--ink)}
.foundation-part p{font-size:14px;line-height:1.55;letter-spacing:-.012em;color:var(--body);max-width:260px}
.core-ports{display:none}
.platform-core.is-bus .core-components{display:none}
.platform-core.is-bus .core-header{inset:0;display:flex;justify-content:center;align-items:center;font-size:28px;gap:16px}
.platform-core.is-bus .core-header>img{height:37px;width:37px}
.platform-core.is-bus .core-surface{border-radius:24px;background:linear-gradient(120deg,color-mix(in srgb,var(--blue) 19%,var(--surface)),color-mix(in srgb,var(--blue) 6%,var(--surface)));box-shadow:inset 0 1px 0 var(--highlight),0 7px 0 color-mix(in srgb,var(--data-depth) 40%,var(--surface)),0 21px 42px var(--shadow)}
.foundation-network{stroke:var(--blue);stroke-width:1.3;opacity:.3}.foundation-taps{opacity:1}
.company-instance{border:0;border-radius:10px;box-shadow:0 7px 22px var(--shadow);background:var(--surface);overflow:hidden;padding:0}
.mini-shell{border-radius:10px}.mini-topbar{height:19%;border:0;background:var(--surface);padding-inline:7%;gap:5%;font-size:7px;font-weight:500;color:var(--body)}
.mini-topbar>b{height:55%;width:8%;border-radius:3px;background:var(--company-accent,#9eb8a8);flex:none}.mini-topbar>span{background:none;margin:0;height:auto;width:auto;white-space:nowrap;font-size:inherit}
.mini-side{top:19%;width:21%;padding:9% 5%;gap:11%;background:var(--module);border:0}.mini-side>i{background:var(--quiet);opacity:.25}.mini-side>i:first-child{background:var(--company-accent,#9eb8a8);opacity:.8;height:4px;border-radius:2px}
.mini-body{top:28%;left:27%;right:7%;bottom:11%;gap:7%;grid-template-rows:29% 1fr}.mini-body>i{border:0;background:var(--module);border-radius:3px}.mini-body>i:first-child{background:color-mix(in srgb,var(--company-accent,#9eb8a8) 25%,var(--surface))}.mini-body>i:last-child{background:repeating-linear-gradient(0deg,var(--line) 0 1px,transparent 1px 7px)}
.company-instance.is-front .mini-topbar{font-size:11px}.company-instance.is-front .mini-body{grid-template-rows:31% 1fr}.company-instance.is-front .mini-side>i{height:4px}
.company-variant-1{--company-accent:#ba9c83}.company-variant-2{--company-accent:#a49cc7}.company-variant-3{--company-accent:#91adbe}
.mini-page{display:none;position:absolute;top:27%;left:27%;right:7%;bottom:9%;font-size:8px;color:var(--body)}
.is-front .mini-page{display:block}.is-front .mini-body{display:none}.mini-page>strong{display:block;font-size:10px;font-weight:500;margin-bottom:8px;color:var(--ink)}
.mini-metrics{display:flex;gap:17px;margin-bottom:6px}.mini-metrics>span{font-size:14px;color:var(--ink)}.mini-metrics small{display:block;color:var(--quiet);font-size:5px;margin-top:1px}
.mini-product{display:flex;align-items:center;gap:5px;border-top:1px solid var(--line);height:23px;font-size:6px}.mini-product>svg{width:22px;height:20px;flex:none}.mini-product>b{margin-left:auto;font-weight:400}

/* A larger second application, with usable breathing room. */
.inventory-app{border:1px solid color-mix(in srgb,var(--line) 50%,transparent);box-shadow:0 7px 0 var(--depth),0 26px 46px var(--shadow)}
.inventory-window-bar{height:49px;padding-inline:21px}.inventory-window-bar>span{font-size:12px}
.inventory-sidebar{top:49px;width:55px;padding-top:22px;gap:20px}
.inventory-workspace{top:49px;left:55px;padding:20px 25px}
.inventory-app-heading{margin-bottom:17px}.inventory-app-heading h3{font-size:25px}.inventory-tools{gap:12px}.inventory-tools>img{height:21px;width:21px}
.inventory-filter{font-size:11px;margin-bottom:12px}.inventory-table{padding-inline:13px;border-color:var(--line)}.inventory-table>div{height:43px;font-size:13px;grid-template-columns:1.4fr 1fr 85px}.inventory-table .inventory-head{font-size:10px;height:29px}.inventory-flow{padding-top:18px;font-size:15px}

/* A visible cursor presses the request before the actual screen changes. */
.change-request{border:0;border-radius:20px;background:var(--surface);box-shadow:0 12px 35px var(--shadow)}
.request-cursor{position:absolute;right:26px;top:47px;width:30px;height:35px;fill:var(--ink);stroke:var(--surface);stroke-width:1.5;opacity:var(--cursor,0);transform:translate(calc((1 - var(--cursor-travel,0))*56px),calc((1 - var(--cursor-travel,0))*38px)) scale(calc(1 - var(--click,0)*.15));filter:drop-shadow(0 2px 3px var(--shadow))}
.click-ripple{position:absolute;right:39px;top:43px;width:25px;height:25px;border:2px solid var(--blue);border-radius:50%;opacity:var(--click,0);transform:translate(50%,-50%) scale(calc(.5 + var(--click,0)*1.8))}

/* One prompt-led workspace, with the option to bring Jarvio's team into it. */
.collaboration-scene{z-index:6}
.prompt-studio{position:absolute;left:35px;top:15px;width:660px;padding:23px;background:var(--surface);border-radius:23px;box-shadow:inset 0 1px 0 var(--highlight),0 7px 0 var(--depth),0 22px 50px var(--shadow);transform:rotateX(5deg) rotateY(-3deg) rotateZ(-2deg)}
.prompt-studio-header{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:500;letter-spacing:-.025em;margin-bottom:19px}.prompt-studio-header img{width:26px;height:26px}
.prompt-composer{background:var(--module);border:1px solid color-mix(in srgb,var(--line) 60%,transparent);border-radius:15px;padding:18px 20px}
.prompt-composer>p{font-size:18px;line-height:1.6;color:var(--ink);letter-spacing:-.02em}
.composer-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.composer-footer>span:first-child{display:flex;align-items:center;gap:12px}.composer-footer img{width:20px;height:20px;object-fit:contain}.composer-footer img:last-child{width:29px}
.prompt-send{width:32px;height:32px;border-radius:10px;background:var(--blue);display:grid;place-items:center}.prompt-send svg{height:18px;width:18px;stroke:white;fill:none;stroke-width:1.5;transform:rotate(-45deg)}
.build-response{display:flex;align-items:center;gap:10px;margin-top:17px;font-size:12px;color:var(--body)}.build-response>img{height:17px;width:17px}.build-response>svg{margin-left:auto;width:17px;height:17px;stroke:var(--blue);fill:none;stroke-width:1.5}
.team-presence{position:absolute;left:268px;top:290px;width:486px;padding:17px 21px;border-radius:18px;background:var(--surface);box-shadow:0 10px 25px var(--shadow);display:flex;align-items:center;gap:15px;z-index:6;transform:rotate(2deg)}
.team-presence-avatars{display:flex;align-items:center;padding-right:4px;flex:none}.team-presence-avatars>i{height:36px;width:36px;display:grid;place-items:center;background:#dce4d7;border:3px solid var(--surface);border-radius:50%;font-style:normal;font-size:13px;color:#3c5140}.team-presence-avatars>img{width:36px;height:36px;padding:6px;background:var(--surface);border:2px solid var(--surface);border-radius:50%;margin-left:-9px;box-shadow:0 2px 8px var(--shadow)}
.team-presence strong{display:block;font-size:16px;font-weight:500;letter-spacing:-.02em}.team-presence span{display:block;margin-top:5px;font-size:11px;line-height:1.4;color:var(--body)}

@media(max-width:1000px){
  .scattered-ai{height:81px;margin-top:5px}.ai-thread{height:31px;width:128px;gap:7px;padding:6px 8px;border-radius:8px;font-size:9px}.ai-thread>img{height:17px;width:17px}.ai-thread>i{width:13px;height:2px}.chatgpt-thread{top:26px}.gemini-thread{top:52px;left:3px}
  .ai-record .record-heading{font-size:13px;gap:7px}
  .execution-path{left:17px;right:17px;top:46px;gap:8px}.execution-path>button{height:39px;font-size:13px;padding:0 10px;gap:7px;border-radius:9px}.execution-path>button>svg{width:19px;height:19px}
  .connected-sources{left:15px;right:15px;top:52px;bottom:15px;gap:6px 5px;grid-template-columns:repeat(4,1fr)}
  .connected-sources>div{gap:5px;padding:3px 1px;font-size:10px}.connected-sources>div>img,.connected-sources>div>svg{width:21px;height:21px}.connected-sources .source-ebay{width:23px}
  .connected-sources .more-sources{gap:3px}.connected-sources .more-sources>span{font-size:9px}.tool-stack{height:25px}.tool-stack>i{height:25px;width:25px;border-radius:7px;margin-left:-10px}.tool-stack img{height:15px;width:15px}
  .core-surface{border-radius:22px}.core-header{left:23px;right:23px;top:25px;font-size:24px;gap:12px}.core-header>img{height:29px;width:29px}
  .core-components{left:17px;right:17px;top:82px;bottom:18px;gap:10px}
  .foundation-part{padding:17px 14px;border-radius:13px}.part-symbol{height:24px;margin-bottom:12px;gap:9px}.part-symbol>svg{height:24px;width:24px}.part-symbol>img{height:21px;width:21px}
  .foundation-part h3{font-size:14px;margin-bottom:8px;line-height:1.4}.foundation-part p{font-size:12px;line-height:1.55}
  .platform-core.is-bus .core-header{font-size:22px;gap:13px}.platform-core.is-bus .core-header>img{width:28px;height:28px}.platform-core.is-bus .core-surface{border-radius:19px}
  .mini-topbar{font-size:5px}.company-instance.is-front .mini-topbar{font-size:7px}.company-instance{border-radius:6px;box-shadow:0 4px 13px var(--shadow)}.mini-shell{border-radius:6px}.mini-side>i:first-child,.company-instance.is-front .mini-side>i{height:2px}
  .mini-page>strong{font-size:6px;margin-bottom:4px}.mini-metrics{gap:10px;margin-bottom:3px}.mini-metrics>span{font-size:9px}.mini-metrics small{font-size:3px}.mini-product{height:15px;font-size:4px;gap:3px}.mini-product>svg{width:14px;height:13px}
  .detail-table{padding-inline:10px}.detail-table>div{height:33px;font-size:8px;gap:7px;grid-template-columns:1.3fr 1fr .8fr}.detail-table>.detail-table-head{height:24px;font-size:7px}.stock-meter-inline{font-size:7px;gap:5px}.stock-meter-inline>i{width:24px;height:4px}.inline-worker{font-size:8px;margin-top:12px;gap:7px}.inline-worker>svg{height:13px;width:13px}
  .customer-inbox{padding-inline:10px}.customer-inbox>div{min-height:43px;gap:8px}.customer-inbox i{width:24px;height:24px;font-size:7px}.customer-inbox strong{font-size:9px}.customer-inbox small{font-size:8px;margin-top:2px}.customer-inbox b{font-size:6px;padding:3px 4px}.customer-context{margin-top:12px;padding:9px;gap:8px}.customer-context>svg{height:20px;width:20px}.customer-context strong{font-size:9px}.customer-context span{font-size:7px}
  .inventory-window-bar{height:37px;padding-inline:13px}.inventory-window-bar>span{font-size:9px}.inventory-sidebar{top:37px;width:37px;padding-top:17px;gap:16px}.inventory-sidebar svg{height:16px;width:16px}.inventory-sidebar>span{width:26px;height:26px}
  .inventory-workspace{top:37px;left:37px;padding:15px 17px}.inventory-app-heading{margin-bottom:13px}.inventory-app-heading h3{font-size:19px}.inventory-tools{gap:7px}.inventory-tools>img{height:16px;width:16px}.inventory-filter{font-size:9px;margin-bottom:9px}.inventory-table{padding-inline:9px}.inventory-table>div{height:33px;font-size:10px;grid-template-columns:1.3fr 1fr 63px;gap:10px}.inventory-table .inventory-head{font-size:8px;height:24px}.inventory-flow{padding-top:13px;font-size:12px}
  .request-cursor{width:25px;height:30px;top:42px;right:20px}.click-ripple{right:31px;top:39px;width:21px;height:21px}
  .prompt-studio{left:10px;top:10px;width:400px;padding:16px;border-radius:18px}.prompt-studio-header{gap:8px;font-size:14px;margin-bottom:12px}.prompt-studio-header img{height:21px;width:21px}.prompt-composer{padding:12px 13px;border-radius:11px}.prompt-composer>p{font-size:13px;line-height:1.55}.composer-footer{margin-top:9px}.composer-footer>span:first-child{gap:9px}.composer-footer img{width:16px;height:16px}.composer-footer img:last-child{width:23px}.prompt-send{width:26px;height:26px;border-radius:8px}.prompt-send svg{height:15px;width:15px}.build-response{font-size:8px;margin-top:11px;gap:7px}.build-response>img,.build-response>svg{height:14px;width:14px}
  .team-presence{left:54px;top:206px;width:344px;padding:11px 13px;gap:10px;border-radius:13px}.team-presence strong{font-size:12px}.team-presence span{font-size:8px;margin-top:3px}.team-presence-avatars>i,.team-presence-avatars>img{width:28px;height:28px}.team-presence-avatars>i{font-size:10px}.team-presence-avatars>img{padding:4px}
}