/* Shared commercial surfaces; dimensions adapt without changing project chrome. */
@layer components {
  [data-page="workspace"] { --accent:#abbcff; --glow:150,170,255; }
  [data-page="workspace"] .hero h1 { text-wrap:balance; }
  .hero-description { max-width:530px; color:var(--muted); line-height:1.9; margin-top:28px; }
  .hero-stage>.motion-toggle { position:absolute; right:0; bottom:26px; z-index:5; }
  .scene-caption { position:absolute; bottom:10%; left:15%; right:5%; font-size:10px; color:var(--muted); text-align:center; }
  .workspace-fallback { position:absolute; inset:25% 10%; display:grid; grid-template-columns:1fr 1fr; gap:25px; place-items:center; font:13px monospace; color:var(--accent); }
  .workspace-fallback strong { grid-column:1/-1; border:1px solid var(--accent); padding:25px; box-shadow:0 0 70px rgba(var(--glow),.15); }
  .doc-hero>.motion-toggle { margin-top:24px; }
  .notice { color:var(--muted); line-height:1.9; padding:20px 24px; border-left:2px solid var(--accent); background:rgba(var(--glow),.045); margin:24px 0; }
  .availability { margin:20px 0 0; color:var(--accent); }
  .code-bar button { color:var(--accent); border:1px solid var(--line); border-radius:3px; padding:8px 13px; background:transparent; }
  .workspace-process { display:flex!important; flex-wrap:wrap; align-items:center; padding:25px; border:1px solid var(--line); margin-bottom:20px; }
  .workspace-process b { color:var(--accent); font:20px monospace; }
  .demo-beacon { width:70px;height:70px;border:1px solid var(--accent);border-radius:50%; box-shadow:0 0 65px rgba(var(--glow),.3); margin-bottom:30px; }
  .commercial-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:28px; }
  .business-offer h2,.appliance-section h2,.workspace-callout h2 { font-size:clamp(30px,4vw,52px); line-height:1.2; letter-spacing:-.035em; }
  .business-offer .section-heading { margin-top:68px; }
  .free-software { border:1px solid var(--line); border-left:3px solid var(--accent); padding:40px; background:linear-gradient(125deg,rgba(var(--glow),.065),transparent 65%); border-radius:6px; }
  .free-software>p { max-width:760px; margin-top:20px; color:var(--muted); line-height:1.9; }
  .support-mail { font-size:12px; color:var(--muted); }
  .support-mail strong { display:block; margin-top:5px; color:var(--accent); font-weight:500; }
  .offer-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
  .offer-card,.catalog-card { display:flex; flex-direction:column; padding:26px; border:1px solid var(--line); background:var(--surface,#0a111b); border-radius:6px; }
  .offer-card h3 { font-size:20px; margin:20px 0 14px; }
  .offer-card p,.catalog-card p { font-size:13px; color:var(--muted); line-height:1.9; }
  .offer-card>a { margin-top:auto; padding-top:24px; color:var(--accent); font-size:12px; }
  .appliance-section { background:radial-gradient(ellipse at 75% 30%,rgba(var(--glow),.07),transparent 55%); border-block:1px solid var(--line); }
  .appliance-grid { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:65px; }
  .appliance-grid h2 { margin-block:24px; }
  .benefit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; margin-top:48px; }
  .benefit { border-top:1px solid var(--line); padding-top:22px; }
  .benefit h3 { font-size:16px; margin-bottom:12px; }
  .benefit p { font-size:13px; color:var(--muted); line-height:1.9; }
  .fine-print,.art-caption { font-size:11px; line-height:1.8; color:var(--muted); }
  .fine-print { margin-top:28px; }
  .art-caption { text-align:center; }
  .appliance-art { height:340px; position:relative; perspective:950px; overflow:hidden; }
  .appliance-frame { position:absolute; width:82%; height:210px; left:8%; top:35px; border:8px solid #28323f; border-bottom-width:19px; border-radius:12px; transform:rotateY(-17deg) rotateX(9deg); box-shadow:12px 16px 0 #141d29,20px 25px 55px #0008; background:#07121b; animation:appliance-hover 9s ease-in-out infinite; }
  .appliance-display { height:100%; padding:15px; color:#96e7fa; font-size:8px; letter-spacing:.16em; background:radial-gradient(ellipse at center,#143647,#07111b 70%); }
  .appliance-stand { width:40px; height:72px; background:linear-gradient(90deg,#131c25,#344454,#111b26); position:absolute; top:calc(100% + 19px); left:45%; transform:skewX(-10deg); }
  .appliance-stand:after { content:''; position:absolute; bottom:-5px; width:130px; left:-45px; height:15px; border-radius:50%; background:linear-gradient(#324352,#121e2b); }
  .appliance-diagram { position:relative; height:125px; display:grid; place-items:center; }
  .appliance-diagram b { border:1px solid #73dbf3; width:44px; height:44px; display:grid; place-items:center; border-radius:10px; box-shadow:0 0 35px #63d4fd55; }
  .appliance-diagram i { position:absolute; width:150px; height:70px; border:1px solid #57aac46b; border-radius:50%; transform:rotate(-20deg); }
  .appliance-diagram i:nth-child(2) { transform:rotate(20deg); }
  .appliance-diagram i:nth-child(3) { width:220px; height:90px; transform:rotate(0); }
  .appliance-diagram i:nth-child(4) { width:75px; height:115px; transform:rotate(30deg); }
  .appliance-status { font-size:6px; display:flex; align-items:center; gap:7px; }
  .appliance-status i { width:4px;height:4px;background:#6befcc;border-radius:50%; }
  .chip-label { position:absolute; right:1%; bottom:20px; border:1px solid #4a687b; background:#0b1924; padding:12px; font-size:8px; color:#acebff; letter-spacing:.2em; }
  .appliance-orbit { position:absolute; inset:5% 0;border:1px solid #253c4e; border-radius:50%; transform:rotateX(65deg); }
  .workspace-callout { text-align:center; max-width:980px; }
  .workspace-callout h2 { margin:24px 0; }
  .workspace-callout .commercial-actions { justify-content:center; }
  .network-core { font-size:20px; }
  .doc-hero { padding-top:85px; padding-bottom:55px; }
  .doc-hero h1 { font-size:clamp(36px,5vw,70px); line-height:1.15; letter-spacing:-.04em; max-width:1000px; margin:24px 0; }
  .doc-hero>p { max-width:820px; color:var(--muted); font-size:16px; line-height:1.9; }
  .page-breadcrumb { display:flex; flex-wrap:wrap; gap:20px; font-size:11px; color:var(--muted); margin-bottom:38px; }
  .doc-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:55px; padding-bottom:80px; }
  .doc-toc { align-self:start; position:sticky; top:110px; padding:22px; border:1px solid var(--line); border-radius:6px; }
  .doc-toc a { display:block; padding:9px 0; font-size:12px; color:var(--muted); }
  .doc-toc a:hover { color:var(--accent); }
  .doc-section { scroll-margin-top:110px; padding:12px 0 45px; margin-bottom:30px; border-bottom:1px solid var(--line); }
  .doc-section h2 { font-size:clamp(25px,3vw,36px); margin:16px 0 20px; }
  .doc-section h3 { font-size:17px; margin:24px 0 12px; }
  .doc-section p,.doc-section li { color:var(--muted); font-size:14px; line-height:1.95; }
  .doc-section ul,.doc-section ol { padding-left:20px; margin-top:15px; }
  .doc-section a:not(.button) { color:var(--accent); text-decoration:underline; text-underline-offset:4px; }
  .protocol-code { position:relative; margin:24px 0; border:1px solid var(--line); border-radius:6px; background:#050b12; }
  .code-bar { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:12px 18px; border-bottom:1px solid var(--line); font-family:monospace; font-size:11px; color:var(--muted); }
  .copy-code { color:var(--accent); background:none; border:1px solid var(--line); border-radius:3px; padding:8px 13px; cursor:pointer; }
  pre { overflow:auto; padding:20px; font:12px/1.8 Consolas,monospace; tab-size:2; }
  .copy-status { min-height:20px; padding-inline:18px; color:var(--accent); font-size:11px; }
  .protocol-notice { padding:20px 24px; border-left:2px solid var(--accent); background:rgba(var(--glow),.045); margin:24px 0; }
  .table-scroll { overflow-x:auto; margin:24px 0; border:1px solid var(--line); border-radius:6px; }
  .spec-table { border-collapse:collapse; width:100%; font-size:12px; }
  .spec-table th,.spec-table td { text-align:left; padding:15px; border-bottom:1px solid var(--line); line-height:1.7; }
  .spec-table th { color:var(--accent); font-weight:500; white-space:nowrap; }
  .spec-table td { color:var(--muted); }
  .catalog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
  .catalog-card h2 { font-size:27px; margin:18px 0; }
  .catalog-card .commercial-actions { margin-top:auto; padding-top:24px; }
  .catalog-card .status-tag { align-self:start; }
  .catalog-symbol { height:120px; display:grid; place-items:center; color:var(--accent); font:44px/1 monospace; letter-spacing:.15em; background:radial-gradient(ellipse,rgba(var(--glow),.075),transparent 70%); }
  .workspace-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
  .workspace-feature-grid .offer-card { min-height:240px; }
  .workspace-feature-grid .status-tag { margin-top:auto; align-self:start; }
  .workspace-process { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin-top:35px; }
  .workspace-process>div { border-top:1px solid var(--line); padding:25px 0; }
  .workspace-process strong { color:var(--accent); font-size:25px; }
  .workspace-process h3 { margin:14px 0; font-size:17px; }
  .workspace-process p { color:var(--muted); line-height:1.9; font-size:13px; }
  .pending-demo { min-height:580px; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; }
  .pending-demo h1 { font-size:clamp(36px,5vw,64px); margin:24px 0; }
  .pending-demo p { max-width:700px; color:var(--muted); line-height:1.9; }
  .pending-beacon { width:70px;height:70px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--accent);box-shadow:0 0 65px rgba(var(--glow),.15); }
  .commerce-footlinks { display:flex; gap:24px; flex-wrap:wrap; padding:30px 0; border-top:1px solid var(--line); font-size:12px; color:var(--muted); }
  .motion-paused .appliance-frame { animation-play-state:paused; }
}
@keyframes appliance-hover { 0%,100% { transform:rotateY(-17deg) rotateX(9deg) translateY(0); } 50% { transform:rotateY(-11deg) rotateX(6deg) translateY(-7px); } }
@layer responsive {
  @media (max-width:1100px) { .desktop-nav { gap:16px; } .nav-wrap { gap:15px; } .nav-cta { display:none; } .offer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .appliance-grid { gap:30px; } .doc-layout { gap:28px;grid-template-columns:180px minmax(0,1fr); } }
  @media (max-width:800px) { .appliance-grid { grid-template-columns:1fr; } .appliance-art { max-width:500px; margin:auto; } .benefit-grid,.workspace-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .doc-layout { grid-template-columns:1fr; } .doc-toc { position:static; display:flex;flex-wrap:wrap;gap:0 18px; } .doc-hero { padding-top:45px; } .workspace-process { grid-template-columns:repeat(2,minmax(0,1fr)); } }
  @media (max-width:520px) { .offer-grid,.catalog-grid,.workspace-feature-grid { grid-template-columns:1fr; } .free-software { padding:25px; } .benefit-grid { grid-template-columns:1fr;gap:18px; } .appliance-grid { gap:12px; } .appliance-art { height:295px; } .appliance-frame { height:180px; } .appliance-diagram { height:102px; } .workspace-process { grid-template-columns:1fr; gap:0; } .doc-hero>p { font-size:14px; } .product-subnav-inner { flex-wrap:wrap; } .product-subnav-links { flex-wrap:wrap; gap:6px 15px; } .product-subnav-links a { min-height:38px; } }
  @media (prefers-reduced-motion:reduce) { .appliance-frame { animation:none; } }
}