/* CREW palette: deep petrol, soft mint and warm gold. */
:root {
  color-scheme: dark;
  --paper: #071f23;
  --ink: #eff8f2;
  --muted: #a5c1b8;
  --line: #2b5053;
  --green: #a9eec9;
  --surface: #103237;
  --surface-raised: #163c40;
  --surface-input: #0b282d;
  --accent: #b8f3d2;
  --accent-hover: #d4fbe5;
  --gold: #e8c78b;
  --on-accent: #082c30;
}
body { background: var(--paper); color: var(--ink); }
::selection { background: var(--accent); color: var(--on-accent); }
button:focus-visible, a:focus-visible, input:focus-visible,
textarea:focus-visible, select:focus-visible { outline-color: var(--gold); }
.skip-link { background: var(--accent); color: var(--on-accent); }
.brand { color: var(--accent); }
.tagline, .sidebar-foot, .page-note, .agent-number,
.form-label small, .drop-zone span, .preview-identity span,
.draft-card .symbol, .step > span, .milestone-number,
.leader-row:first-child { color: var(--muted); }
.eyebrow, .agent-role, .agent-arrow, .doc-item summary::after { color: var(--gold); }
.inner-page .sidebar {
  background: linear-gradient(180deg, #10323780, #071f23b0);
  border-right: 1px solid #2b505380;
}
.nav a { color: #deede5; }
.nav a:hover { color: var(--accent); background: #b8f3d20d; }
.nav a.active { color: var(--accent); background: #b8f3d217; box-shadow: inset 2px 0 var(--gold); }
.status-pill, .round-button {
  border-color: #5a7a6d;
  background: #0d3034ed;
  color: #e0f2e7;
}
.status-dot { background: var(--accent); box-shadow: 0 0 0 4px #b8f3d216; }
.button { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
.button:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
.button.outline { color: var(--accent); background: #0b282dbf; border-color: #729e8c; }
.button.outline:hover { background: #1a4444; border-color: var(--accent); }
.text-link { color: var(--accent); }
.card, .wide-panel { background: var(--surface); border-color: var(--line); }
.agent-card:first-child { background: radial-gradient(ellipse at 20% 0, #204c43, #103237 90%); }
.agent-card:hover { border-color: #6b9c87; box-shadow: 0 12px 28px #00000025; }
.page-heading p, .agent-card p, .empty-state p, .draft-card p,
.form-note, .step p, .milestone p, .doc-item p, dialog p,
.preview-description { color: var(--muted); }
.empty-state .empty-icon, .preview-avatar { background: var(--surface-raised); color: var(--accent); }
.field, input, textarea, select { background: var(--surface-input); border-color: #426164; color: var(--ink); }
input::placeholder, textarea::placeholder { color: #92b3a9; }
.drop-zone { border-color: #689580; background: #123a36; }
.drop-zone.dragging { border-color: var(--accent); background: #1b5044; }
.coin-preview { background: var(--surface-input); border-color: var(--line); }
.chip { border-color: #7f704c; background: #343525; color: #f4d79e; }
.check-dot { border-color: #608779; color: var(--accent); }
.check-dot.done { border-color: #8bc6a8; background: #245241; color: #d7fbe5; }
.step { border-top-color: #5f8a78; }
.delete-button { color: #b4c8bc; }
.delete-button:hover { color: #ffb8ad; }
dialog { background: #0e3034; border-color: #50746a; box-shadow: 0 20px 90px #00000080; }
dialog::backdrop { background: #020f17a8; }
.dialog-close { border-color: #52756b; background: #173e40; color: var(--accent); }
#toast { color: #f0fcf5; background: #245342; border: 1px solid #92c8a9; }
.office-status { background: #0c3035ed; border-color: #6f9e8a; color: #eaf8ef; }
.office-status strong { color: var(--accent); }
.divider { background: #618574; }
.agent-hit::after { color: var(--ink); background: #0e3034f5; border-color: #749b83; }
.office-screen { background: radial-gradient(ellipse at 20% 0, #205c50, #082a30 68%); color: #e8fff1; }
.screen-heading { color: var(--accent); }
.screen-label, .screen-sub, .screen-foot { color: #bfdac9; }
.screen-label i { background: var(--gold); }
.screen-sub { border-color: #92d7b070; }
.screen-row span:last-child { color: var(--gold); }
.screen-row .screen-icon { color: var(--accent); }
.office-sign { color: #f4d9a2; text-shadow: 0 0 9px #e8c78b80; }
.home-page .hero-accent { color: var(--accent); }
@media (min-width: 768px) {
  .home-page .sidebar { color: #eff8f2; background: linear-gradient(90deg, #082c35e0, #082c3599 78%, transparent); }
  .home-page .sidebar .tagline { color: #bfd8cd; }
  .home-page .nav a:hover { background: #b8f3d215; }
  .home-page .nav a.active { color: var(--accent); background: #b8f3d21d; }
  .home-page .hero h1 { color: #f2fbf5; text-shadow: 0 3px 22px #031e2799; }
  .home-page .hero p { color: #d5eee0; text-shadow: 0 1px 8px #031e27bb; }
  .home-page .hero-actions .button { color: var(--on-accent); background: var(--accent); border-color: var(--accent); }
  .home-page .hero-actions .button:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
  .home-page .hero-actions .button.outline { color: #f4dbad; background: #082e38b3; border-color: #dabb82; }
  .home-page .hero-actions .button.outline:hover { background: #153f44; border-color: #f4dbad; }
}
dialog.agent-bio-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(570px,100%);height:100svh;max-height:100svh;padding:32px 24px 0;border:0;border-left:1px solid #34352e;border-radius:0;background:#090b0a;color:#e9e9e6;box-shadow:-20px 0 70px #0006}
.agent-bio-dialog::backdrop{background:#0005;backdrop-filter:blur(2px)}
.agent-bio-dialog .dialog-close{position:fixed;top:12px;right:14px;background:#161915;border-color:#393c33;color:#ddd;z-index:2}
.agent-bio-dialog .bio-kicker{display:block;padding-right:30px;color:#e4c524;text-transform:uppercase;letter-spacing:1.8px;font-size:12px;font-weight:750;line-height:1.5}
.agent-bio-dialog h2{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-stretch:condensed;font-size:70px;line-height:1.05;letter-spacing:-1px;margin:13px 0}
.agent-bio-dialog .bio-heading p{font-size:17px;line-height:1.6;color:#bbbdb8;margin:0 0 25px}
.bio-facts{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:10px;margin:0 0 30px}
.bio-facts>div{border:1px solid #171b16;border-radius:14px;padding:13px;min-height:95px}
.bio-facts dt,.bio-section h3{font-size:11px;text-transform:uppercase;letter-spacing:1.25px;font-weight:750;color:#81857e;margin:0 0 7px}
.bio-facts dd{margin:0;font-size:14px;font-weight:650;line-height:1.35}
.bio-facts dd span{display:block;color:#878d82;font-size:11px;font-weight:400;margin-top:5px}
.bio-section{margin-top:28px}
.bio-section h3{margin-bottom:14px}
.bio-section ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.bio-section li{position:relative;padding-left:18px;color:#bfc1bb;font-size:14px;line-height:1.7}
.bio-section li:before{content:'◆';position:absolute;left:0;top:0;color:#a48b0c;font-size:10px}
.bio-work{border:1px solid #171b16;border-radius:14px;overflow:hidden}
.agent-bio-dialog .bio-work-empty{margin:0;padding:13px;color:#83897e;font-size:12px;line-height:1.6;border-bottom:1px solid #171b16}
.bio-work-row{display:flex;justify-content:space-between;gap:18px;padding:13px;color:#bfc1bb;font-size:13px}
.bio-work-row small{white-space:nowrap;color:#81857e;font-size:11px}
.bio-navigation{position:sticky;bottom:0;display:flex;align-items:center;gap:8px;padding:23px 0 18px;margin-top:20px;background:linear-gradient(#090b0ae8,#090b0a 25%)}
.bio-tabs{display:flex;flex:1;flex-wrap:wrap;justify-content:center;gap:5px}
.bio-navigation button{background:#0b0e0b;color:#a9aea4;border:1px solid #1b2019;border-radius:30px;padding:8px 10px;font-size:11px;font-weight:650;cursor:pointer}
.bio-navigation button:hover{border-color:#a48b0c;color:#fff}
.bio-navigation button[aria-current=true]{background:#a88e00;border-color:#b69d13;color:#fff}
.bio-navigation .bio-arrow{font-size:25px;line-height:1;width:34px;height:34px;padding:0;flex-shrink:0}
@media(max-width:400px){dialog.agent-bio-dialog{padding:30px 18px 0}.agent-bio-dialog h2{font-size:60px}.bio-facts{gap:6px}.bio-facts>div{padding:10px}.bio-facts dd{font-size:12px}}
.team-scene-page{background:#152b2a}
.team-experience{position:relative;height:100svh;overflow:hidden}
.team-panorama{position:absolute;left:50%;top:50%;width:max(100vw,238.3svh);height:max(41.96vw,100svh);transform:translate(-50%,-50%)}
.team-group-art{position:absolute;width:100%;height:100%;object-fit:fill;max-width:none}
.team-person{position:absolute;appearance:none;padding:0;border:1px solid transparent;border-radius:18px;background:transparent;text-align:left;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}
.team-person:hover,.team-person:focus-visible{border-color:#e8c78bb0;background:#092a2e0a;outline:none}
.team-person-info{position:absolute;bottom:20px;left:10px;right:10px;display:grid;gap:5px;padding:16px;border-radius:14px;background:#071f23f5;box-shadow:0 8px 30px #0003;opacity:0;transform:translateY(8px);transition:opacity .15s,transform .15s;pointer-events:none}
.team-person:hover .team-person-info,.team-person:focus-visible .team-person-info{opacity:1;transform:translateY(0)}
.team-person-info strong{text-transform:uppercase;font-size:15px}
.team-person-info>span{font-size:12px;color:var(--muted);line-height:1.5}
.team-person-info .team-person-description{color:var(--ink);margin:5px 0}
.team-person-info b{font-size:11px;color:var(--gold)}
.team-scene-caption{position:absolute;bottom:0;left:0;right:0;margin:0;padding:22px 25px 16px;background:linear-gradient(transparent,#071f238c);color:white;font-size:13px;pointer-events:none;text-shadow:0 1px 5px #000}
@media(min-width:768px){
 .team-scene-page .sidebar{width:auto;height:68px;padding:16px 22px;background:transparent}
 .team-scene-page .sidebar .brand{font-size:30px;color:var(--accent);text-shadow:0 2px 12px #000}
 .team-scene-page .sidebar .tagline,.team-scene-page .sidebar .nav,.team-scene-page .sidebar-foot{display:none}
 .team-scene-page .topbar{top:16px}
}
@media(max-width:767px){
 .team-experience{height:calc(100svh - 58px);margin-top:58px;overflow-x:auto;overflow-y:hidden}
 .team-panorama{position:relative;left:0;top:0;transform:none;height:100%;width:max(1100px,238.3 * (100svh - 58px) / 100)}
 .team-scene-caption{position:fixed;font-size:12px;padding:30px 16px 18px}
 .team-scene-caption span{display:block;margin-top:5px}
 .team-person-info{padding:12px}
}
.coins-board-page{background:#73543c url('/scene/board-room.webp') center/cover fixed}
.coins-board-scene{position:absolute;left:calc(50% + 83px);top:calc(50% + 20px);width:1672px;height:941px;transform-origin:0 0;transform:scale(var(--board-scale)) translate(-1073px,-366px);background:url('/scene/board-room.webp') center/100% 100% no-repeat}
.coins-board-page .page{position:absolute;left:540px;top:75px;width:1000px;height:500px;min-height:0;max-width:none;margin:0;padding:38px 34px;transform-origin:0 0;transform:matrix3d(.85429655,-.069,0,-.000187931,0,.942,0,0,0,0,1,0,0,69,0,1);overflow:auto;overscroll-behavior:contain;background:transparent;scrollbar-width:thin;scrollbar-color:#90877b transparent;color:#222a25}
.coins-board-page .page-heading{margin-bottom:24px}
.coins-board-page .page-heading h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:45px;text-transform:uppercase;color:#263c33}
.coins-board-page .page-heading p,.coins-board-page .page-note{color:#58665b}
.coins-board-page .eyebrow{color:#657665}
.coins-board-page .cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.coins-board-page .draft-card{padding:20px;color:var(--ink);background:#101a16}
.coins-board-page .empty-state{background:#102b27f2;color:var(--ink)}
.coins-board-page .empty-state p{color:var(--muted)}
@media(min-width:768px){
 .coins-board-page #main{position:fixed;inset:0;overflow:hidden}
 .coins-board-page #main::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 18% 75%,#c58a4f66,transparent 58%),linear-gradient(110deg,#a67550,#987359 62%,#8a6a54);pointer-events:none}
 .coins-board-page .coins-board-scene{mask-image:linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 28px),transparent)}
 .coins-board-page .sidebar{width:auto;height:68px;padding:16px 22px;background:transparent}
 .coins-board-page .sidebar .brand{font-size:30px;color:var(--accent);text-shadow:0 2px 12px #000}
 .coins-board-page .sidebar .tagline,.coins-board-page .sidebar .nav,.coins-board-page .sidebar-foot{display:none}
 .coins-board-page .topbar{top:16px}
}
@media(max-width:767px){
 .coins-board-page{background:var(--paper)}
 .coins-board-scene{position:relative;left:auto;top:auto;transform:none;width:100%;height:auto;min-height:100svh;padding:210px 10px 20px;background-size:auto 390px;background-position:62% 58px;background-repeat:no-repeat}
 .coins-board-page .page{position:relative;left:auto;top:auto;width:100%;height:auto;padding:24px 16px;transform:none;overflow:visible;background:#eee9de;border-radius:16px}
 .coins-board-page .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .coins-board-page .draft-card{grid-column:auto}
}
.flywheel-board{font-family:'Segoe Print','Comic Sans MS',cursive}
.flywheel-board .page-heading h1{font-family:inherit;font-size:39px;font-weight:900;font-style:italic;letter-spacing:-1.7px;margin:7px 0 12px;color:#304f49}
.flywheel-board .page-heading p{font-family:Arial,sans-serif;max-width:760px;font-size:14px;line-height:1.7;color:#455b52}
.flywheel-board .eyebrow{font-family:Arial,sans-serif}
.flywheel-board h2{font-size:25px;font-weight:800;text-transform:uppercase;letter-spacing:-1px;color:#304f49}
.wheel-score-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:22px 0 18px}
.wheel-score-heading>span{font-size:12px;color:#466c82}
.wheel-primary-stats{display:grid;grid-template-columns:1fr 1.15fr;gap:22px}
.wheel-stat{border:2px solid currentColor;padding:13px 14px;min-height:125px;position:relative;background:#ffffff15}
.wheel-stat:after{content:'';position:absolute;inset:-4px 2px 1px -3px;border:1px solid currentColor;opacity:.4;pointer-events:none}
.wheel-burn{color:#b5473e;transform:rotate(-.6deg)}
.wheel-holders{color:#277749;transform:rotate(.35deg)}
.wheel-stat h3,.wheel-secondary-stats h3{font-size:13px;font-weight:600;margin:0 0 7px;color:#546453}
.wheel-stat strong{display:block;font-size:34px;line-height:1.1;margin:6px 0}
.wheel-stat>span{font:11px Arial,sans-serif;color:#5e675e}
.wheel-secondary-stats{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:18px;margin:17px 0 26px}
.wheel-secondary-stats article{padding:10px 13px;border-top:2px solid #427396;border-radius:2px 2px 9px 9px;background:#ffffff38;color:#34566a}
.wheel-secondary-stats strong{font-size:20px}
.wheel-how{margin-top:30px;padding-bottom:25px}
.wheel-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:20px 0 25px}
.wheel-steps article{border-top:2px solid #78866b;padding-top:10px;color:#40574c}
.wheel-steps article>span{font-size:12px;color:#5c786c}
.wheel-steps h3{font-size:19px;margin:6px 0}
.flywheel-board .wheel-steps p{font:13px/1.7 Arial,sans-serif;color:#455b52;margin:0}
.flywheel-board .button{font-family:Arial,sans-serif}
@media(max-width:767px){.wheel-score-heading{align-items:flex-start;flex-direction:column;gap:7px}.wheel-primary-stats{gap:12px}.wheel-secondary-stats{gap:8px}.wheel-secondary-stats article{padding:9px}.wheel-steps{grid-template-columns:1fr 1fr}.flywheel-board .page-heading h1{font-size:33px}}
.docs-board .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.docs-index{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:45px;position:relative;z-index:2}
.docs-index button{border:0;border-radius:22px;background:#4b4a3fe8;color:#fff8eb;font:600 11px/1.3 Arial,sans-serif;padding:9px 13px;cursor:pointer}
.docs-index button:hover,.docs-index button:focus-visible{background:#214a3e}
.docs-chapter{padding-top:20px;margin-bottom:35px;scroll-margin-top:80px}
.docs-chapter h2{color:#274a3f;font-size:26px;letter-spacing:-.8px;margin:0 0 15px}
.docs-chapter h2>span{color:#6b7c6d}
.docs-board .docs-chapter>p{color:#435b50;font:14px/1.8 Arial,sans-serif;margin:0 0 20px;max-width:850px}
.docs-diagram{display:flex;align-items:center;gap:10px;padding:24px 20px;margin:24px 0;border-radius:17px;background:#26282a;color:#f4e9d4;min-height:205px;font-family:'Segoe Print','Comic Sans MS',cursive}
.docs-coin,.docs-crew-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:105px;height:115px;text-align:center;border-radius:50%;border:2px dashed #d4d5cf;font-size:16px}
.docs-coin small{font-size:9px;margin-top:5px}
.docs-crew-circle{border:2px solid #dca649;color:#e9b456;font-size:20px;font-weight:bold}
.docs-connector{flex:1;min-width:28px;text-align:center;color:#dca649}
.docs-connector small{display:block;font:bold 8px Arial,sans-serif;white-space:nowrap}
.docs-connector b{display:block;font-size:40px;line-height:1}
.docs-connector:nth-of-type(2){color:#74ade0}
.docs-diagram-team{flex:4;min-width:0;border:2px solid #74ade0;border-radius:15px;padding:10px 8px 14px}
.docs-diagram-team h3{font-size:16px;color:#83b9ec;margin:0}
.docs-diagram-team p{font-size:9px;margin:3px 0 10px;color:#e0dfd3;line-height:1.4}
.docs-mini-agents{display:flex;gap:2px;align-items:end}
.docs-mini-agent{background:none;border:0;padding:0;flex:1;min-width:0;cursor:pointer;color:#eee6d8}
.docs-mini-agent crew-animal{width:100%;height:60px;display:block;pointer-events:none;transition:transform .15s}
.docs-mini-agent span{font-size:8px;display:block;text-align:center;white-space:nowrap}
.docs-mini-agent:hover crew-animal{transform:translateY(-3px)}
.docs-team-list{display:flex;gap:15px;padding:20px;border-radius:15px;background:#26282a}
.docs-team-list crew-animal{height:100px}.docs-team-list span{font-size:12px}
@media(min-width:768px){
 .docs-board-page .sidebar{width:165px;height:auto;bottom:auto;border-radius:0 0 24px 0;background:#493513ed;padding:25px 18px}
 .docs-board-page .sidebar .brand{font-size:31px}
 .docs-board-page .sidebar .tagline,.docs-board-page .sidebar .nav{display:flex}
 .docs-board-page .sidebar .tagline{font-size:10px;color:#cfbf9a}
 .docs-board-page .sidebar .nav{flex-direction:column}
 .docs-board-page .nav a{font-size:12px;color:#eee5cf;padding:12px 8px}
 .docs-board-page .nav a.active{background:#b8f3d21d;color:#ccebd3}
 .docs-board-page .sidebar-foot{display:none}
}
@media(max-width:767px){
 .docs-index{margin-bottom:22px;gap:6px}.docs-index button{font-size:10px;padding:8px 10px}
 .docs-diagram{flex-wrap:wrap;justify-content:center;padding:18px 10px;gap:8px}
 .docs-coin,.docs-crew-circle{width:80px;height:85px;font-size:15px}
 .docs-connector{flex:0 0 28px}.docs-connector:nth-of-type(2){display:none}
 .docs-diagram-team{flex:0 0 100%;margin-top:12px}.docs-mini-agent crew-animal{height:58px}
 .docs-team-list{gap:5px;flex-wrap:wrap}.docs-team-list .docs-mini-agent{flex:0 0 28%}
}
.roadmap-board-page .page-heading h1{font-family:'Segoe Print','Comic Sans MS',cursive;font-size:36px;line-height:1.35;letter-spacing:-1.3px;text-transform:none;color:#304f49}
.roadmap-board-page .page-heading p{font-size:14px;line-height:1.75;color:#455b52}
.roadmap-board-page .wide-panel{background:#fffdf52b;border:1px solid #77897470;padding:20px 25px;border-radius:14px;color:#2e473d}
.roadmap-board-page .milestone{border-bottom-color:#7d8f7870;padding:23px 0}
.roadmap-board-page .milestone:last-child{border-bottom:0}
.roadmap-board-page .milestone h2{font-family:'Segoe Print','Comic Sans MS',cursive;font-size:22px;color:#304f49}
.roadmap-board-page .milestone p{color:#455b52;font-size:13px}
.roadmap-board-page .milestone-number{color:#557d67;font-size:16px}
.roadmap-board-page .chip{background:#d9e5d980;color:#365d49;border-color:#819b80}
.roadmap-board-page .page-note{border-color:#89988070;color:#536657}
.roadmap-board-page .leader-row{border-color:#84978160;color:#344f41}
.roadmap-board-page .leader-row:first-child{color:#5b7360}
.roadmap-board-page .leader-row .muted{color:#617460}
.roadmap-board-page .empty-state{background:transparent;color:#304f49;padding:25px 20px}
.roadmap-board-page .empty-state h2{font-family:'Segoe Print','Comic Sans MS',cursive;font-size:25px}
.roadmap-board-page .empty-state p{color:#455b52}
.roadmap-board-page .empty-state .empty-icon{color:#365d49;background:#c7dac4}
.docs-animated-visual{margin:24px 0 15px;padding:20px 17px 13px;background:#292b2c;border-radius:16px;color:#deded5;overflow:hidden}
.docs-animated-visual figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:0 0 12px}
.docs-animated-visual figcaption strong{font:bold 17px 'Segoe Print','Comic Sans MS',cursive;text-transform:uppercase;color:#f0eee3}
.docs-animated-visual figcaption>span{font:10px/1.5 Arial,sans-serif;color:#b3b7ae}
.docs-visual-scroll{overflow-x:auto;scrollbar-width:thin}
.docs-animated-visual svg{display:block;width:100%;height:auto;overflow:visible}
.timeline-label{fill:#e3e1d9;font:600 12px Arial,sans-serif}
.timeline-detail{fill:#b6b7ad;font:10px Arial,sans-serif}
.fee-path-label{font:bold 11px 'Segoe Print','Comic Sans MS',cursive}
.fee-box-title{font:bold 15px 'Segoe Print','Comic Sans MS',cursive}
.fee-box-copy{fill:#d9dacf;font:12px 'Segoe Print','Comic Sans MS',cursive}
.docs-visual-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;border-top:1px solid #42463e;margin-top:10px;font:10px/1.5 Arial,sans-serif;color:#b8bdb2}
.docs-visual-controls button{flex-shrink:0;border:1px solid #738074;border-radius:20px;background:#1c2420;color:#def0dc;padding:7px 11px;font:600 10px Arial,sans-serif;cursor:pointer}
.docs-visual-controls button:disabled{opacity:.7;cursor:default}
.docs-board .docs-example-note{font-size:12px!important;color:#526657!important}
@media(max-width:767px){.docs-animated-visual{padding:15px 10px}.docs-animated-visual figcaption{align-items:flex-start;flex-direction:column;gap:5px}.docs-animated-visual figcaption strong{font-size:14px}.docs-animated-visual svg{min-width:710px}.docs-visual-controls{align-items:flex-start}.docs-visual-controls>span{max-width:180px}}
.docs-faq-cards{display:grid;gap:11px;margin:22px 0 12px}
.docs-faq-card{padding:16px 19px;border-radius:14px;background:#292b2c;color:#e7e6df}
.docs-faq-card h3{margin:0 0 7px;font:700 14px/1.5 Arial,sans-serif;color:#f2f1eb}
.docs-faq-card p{margin:0;font:13px/1.7 Arial,sans-serif;color:#cacbc4}
@media(max-width:767px){.docs-faq-card{padding:15px}.docs-faq-card h3{font-size:13px}.docs-faq-card p{font-size:12px}}
.social-x{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;border:1px solid #ffffff55;background:#181b1cd9;color:#fff;backdrop-filter:blur(10px);transition:background .15s,border-color .15s}
.social-x svg{width:17px;height:17px}
.social-x:hover{background:#263c35;border-color:#b8f3d2}
@media(max-width:767px){.topbar .social-x{display:inline-flex;width:34px;height:34px}}
.contract-pill{cursor:pointer;gap:8px}
.contract-label{color:var(--muted);font-size:10px;font-weight:700}
.contract-full{overflow-wrap:anywhere;user-select:all;font-family:monospace}
@media(max-width:767px){.topbar .contract-pill{display:inline-flex;padding:0 9px;height:34px;font-size:10px;gap:5px}.topbar>.button.small{display:none}.topbar{gap:7px}.topbar .mobile-brand{font-size:24px}}
.launch-workstation{overflow:hidden;background:#30291f}
.workstation-scene{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100vw,177.6833svh);height:max(56.2799vw,100svh);background:url('/scene/desk-screen.webp') center/100% 100% no-repeat}
.launch-workstation .page{position:absolute;left:18.96%;top:10.95%;width:75.24%;height:60.79%;min-height:0;max-width:none;margin:0;padding:30px 36px;overflow:auto;overscroll-behavior:contain;background:var(--paper);scrollbar-color:var(--line) var(--paper);scrollbar-width:thin}
.launch-workstation .page-heading{margin-bottom:24px}
.launch-workstation .page-heading h1{font-size:clamp(28px,3vw,44px)}
.launch-workstation .page-heading p{font-size:13px}
.launch-workstation .preview-panel{top:0}
@media(min-width:768px){
 .launch-workstation #main{position:fixed;inset:0;overflow:hidden}
 .launch-workstation .workstation-scene{transform:translate(-56.5%,-50%)}
 .launch-workstation .sidebar{width:auto;height:68px;padding:16px 22px;background:transparent}
 .launch-workstation .sidebar .brand{font-size:30px;color:var(--accent);text-shadow:0 2px 12px #000}
 .launch-workstation .sidebar .tagline,.launch-workstation .sidebar .nav,.launch-workstation .sidebar-foot{display:none}
 .launch-workstation .topbar{top:16px}
}
@media (max-width: 767px) {
  .launch-workstation{overflow:auto;background:var(--paper)}
  .launch-workstation .workstation-scene{position:relative;left:auto;top:auto;transform:none;width:100%;height:auto;min-height:100svh;background-size:auto 460px;background-position:center 58px;background-repeat:no-repeat;padding-top:265px}
  .launch-workstation .page{position:relative;left:auto;top:auto;width:calc(100% - 20px);height:auto;margin:0 10px 20px;padding:24px 16px;border:1px solid var(--line);border-radius:16px;overflow:visible}
  .launch-workstation .launch-grid{grid-template-columns:1fr}
  .topbar { color: var(--ink); background: #09272df5; border-bottom-color: #416159; }
  .sidebar { background: #092b30f7; }
  .office::after { background: linear-gradient(#071f23f5 0%, #071f23d4 33%, #071f237a 66%, #071f2314 92%, transparent); }
  .hero h1 { color: #f2fbf5; }
  .hero p { color: #d5eee0; }
  .menu-button { color: var(--accent); }
  .home-mobile-content .wide-panel p { color: var(--muted); }
}