/* Qwerty fleet pages: same industrial system, practical layouts. */
:root[data-theme="dark"] { --fleet-muted:#b7b4ab; }
:root[data-theme="light"] { --fleet-muted:#565750; }
.fleet-section { padding:64px 0; border-bottom:1px solid var(--line-soft); scroll-margin-top:76px; }
.fleet-section .section-label { margin-bottom:22px; }
.fleet-title { font-family:var(--display); font-size:clamp(32px,4.2vw,62px); font-weight:500; letter-spacing:-.035em; line-height:1.04; max-width:22ch; margin:0 0 20px; }
.fleet-lede,.fleet-prose { font-size:17px; color:var(--fleet-muted); line-height:1.65; max-width:68ch; }
.fleet-lede { margin:0 0 32px; }
.fleet-prose p { margin:0 0 18px; }
.fleet-page .page-hero { padding:58px 0 40px; }
.fleet-page .page-hero-title { font-size:clamp(44px,6vw,88px); }
.fleet-page .feat-p { font-size:16px; line-height:1.55; color:var(--fleet-muted); }
.fleet-page .feat-cell { padding:28px; }
.fleet-page .page-hero-meta { gap:26px; }
.fleet-page .page-hero-meta div span { color:var(--fleet-muted); }
.fleet-page .cta-strip { margin:0; }
.fleet-page .page-hero-lede { color:var(--fleet-muted); }
.fleet-audience { color:var(--fleet-muted); font-size:11px; line-height:1.8; }
.resource-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.resource-link { display:flex; flex-direction:column; gap:12px; padding:24px; border:1px solid var(--line); text-decoration:none; color:var(--fg); }
.resource-link strong { font-family:var(--display); font-size:23px; font-weight:500; line-height:1.2; }
.resource-link strong span { color:var(--orange); }
.resource-link>span:last-child { color:var(--fleet-muted); font-size:16px; line-height:1.5; }
.resource-link:hover { border-color:var(--orange); background:var(--bg-2); }
.fleet-table-wrap { overflow-x:auto; margin:28px 0; border:1px solid var(--line); }
.fleet-table { border-collapse:collapse; width:100%; font-size:16px; line-height:1.55; text-align:left; }
.fleet-table caption { text-align:left; padding:16px 20px; border-bottom:1px solid var(--line); font-family:var(--mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.fleet-table th,.fleet-table td { padding:18px 20px; border-bottom:1px solid var(--line-soft); vertical-align:top; min-width:160px; }
.fleet-table thead th { font-family:var(--mono); font-size:11px; text-transform:uppercase; font-weight:400; background:var(--bg-2); }
.fleet-table tbody th { font-weight:500; width:25%; }
.fleet-table td { color:var(--fleet-muted); }
.fleet-table tr:last-child>* { border-bottom:0; }
.fleet-note { border-left:3px solid var(--orange); padding:16px 22px; color:var(--fleet-muted); background:var(--bg-2); font-size:16px; line-height:1.6; margin:28px 0; }
.fleet-note a { color:var(--fg); text-underline-offset:3px; }
.workflow-explorer { margin-top:32px; border:1px solid var(--line); }
.workflow-tabs { display:flex; border-bottom:1px solid var(--line); }
.workflow-tabs button { flex:1; padding:18px 20px; border:0; border-right:1px solid var(--line); background:transparent; color:var(--fg); font:500 17px var(--display); cursor:pointer; }
.workflow-tabs button:last-child { border-right:0; }
.workflow-tabs button[aria-selected="true"] { box-shadow:inset 0 -3px var(--orange); background:var(--bg-2); }
.workflow-panel { display:grid; grid-template-columns:1fr 1.2fr; }
.workflow-panel>div { padding:30px; }
.workflow-input { border-right:1px solid var(--line); }
.workflow-panel h3 { font-family:var(--display); font-size:28px; font-weight:500; margin:18px 0; }
.workflow-panel p,.workflow-panel li { font-size:16px; line-height:1.6; color:var(--fleet-muted); }
.workflow-panel ol { padding-left:22px; }
.workflow-panel li { padding:8px 0; }
.workflow-output pre { white-space:pre-wrap; font:13px/1.8 var(--mono); margin:20px 0; padding:22px; border:1px solid var(--line-soft); background:var(--bg-2); overflow-wrap:anywhere; }
.workflow-source { font:11px/1.6 var(--mono)!important; }
.example-caption { font-size:13px; color:var(--fleet-muted); line-height:1.6; padding:16px 24px; margin:0; border-top:1px solid var(--line); }
.fleet-split { display:grid; grid-template-columns:1fr 1.1fr; gap:46px; align-items:center; }
.pilot-timeline { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); }
.pilot-timeline li { padding:26px; border-right:1px solid var(--line); }
.pilot-timeline li:last-child { border-right:0; }
.timeline-number { font:12px var(--mono); color:var(--orange); }
.pilot-timeline h3 { font:500 27px var(--display); margin:22px 0 16px; }
.pilot-timeline p { font-size:16px; line-height:1.55; color:var(--fleet-muted); }
.pilot-timeline strong { display:block; margin-top:22px; font-size:14px; font-weight:500; line-height:1.55; }
.boundary-figure { margin:0; border:1px solid var(--line); padding:28px; }
.boundary-label { font:11px var(--mono); color:var(--orange); margin-bottom:24px; letter-spacing:.1em; }
.boundary-flow { display:grid; grid-template-columns:repeat(4,1fr); list-style:none; padding:0; margin:0; }
.boundary-flow li { border:1px solid var(--line); padding:20px; margin-right:14px; position:relative; }
.boundary-flow li:not(:last-child)::after { content:"→"; position:absolute; right:-13px; top:43%; color:var(--orange); z-index:1; }
.boundary-flow li:last-child { margin-right:0; }
.boundary-flow li span { font:10px var(--mono); color:var(--fleet-muted); }
.boundary-flow strong { display:block; font:500 22px/1.15 var(--display); margin:20px 0 12px; }
.boundary-flow p,.boundary-optional p { font-size:15px; line-height:1.55; color:var(--fleet-muted); }
.boundary-optional { margin-top:24px; padding:20px; border:1px dashed var(--line); }
.boundary-optional span { font:11px var(--mono); }
.boundary-figure figcaption { font-size:13px; color:var(--fleet-muted); line-height:1.6; margin-top:22px; }
.fleet-faq { margin-top:24px; border-top:1px solid var(--line); }
.fleet-faq details { border-bottom:1px solid var(--line); padding:20px 0; }
.fleet-faq summary { cursor:pointer; font:500 22px/1.3 var(--display); }
.fleet-faq p { max-width:80ch; color:var(--fleet-muted); font-size:16px; line-height:1.65; }
.evidence-snapshot { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); }
.evidence-snapshot>div { padding:26px; border-right:1px solid var(--line); }
.evidence-snapshot>div:nth-child(3) { border-right:0; }
.evidence-snapshot span { display:block; font:10px var(--mono); color:var(--fleet-muted); margin-bottom:22px; }
.evidence-snapshot strong { font:500 clamp(28px,4vw,50px) var(--display); }
.evidence-snapshot small { font:12px var(--mono); }
.evidence-snapshot>p { grid-column:1/-1; padding:20px 26px; margin:0; border-top:1px solid var(--line); color:var(--fleet-muted); font-size:15px; line-height:1.65; }
.guide-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:54px; padding:54px 0; }
.guide-nav { position:sticky; top:90px; align-self:start; display:flex; flex-direction:column; gap:8px; }
.guide-nav a { color:var(--fleet-muted); text-decoration:none; padding:9px 0; font-size:15px; line-height:1.45; }
.guide-nav a:hover { color:var(--fg); }
.guide-content>section { padding:0 0 48px; margin:0 0 44px; border-bottom:1px solid var(--line); scroll-margin-top:90px; }
.guide-content { min-width:0; }
.nav-cta>a { white-space:nowrap; }
.guide-content h2 { font:500 34px/1.1 var(--display); letter-spacing:-.025em; margin:14px 0 22px; }
.guide-content h3 { font:500 23px var(--display); margin:28px 0 14px; }
.guide-content p,.guide-content li { font-size:16px; color:var(--fleet-muted); line-height:1.7; }
.guide-content li { margin-bottom:10px; }
.guide-content a { color:var(--fg); text-underline-offset:3px; }
.fleet-code { border:1px solid var(--line); margin:24px 0; max-width:100%; }
.fleet-code>div { display:flex; justify-content:space-between; align-items:center; padding:12px 18px; border-bottom:1px solid var(--line); font:10px var(--mono); }
.fleet-code button { background:transparent; color:var(--fg); border:1px solid var(--line); padding:7px 12px; font:11px var(--mono); cursor:pointer; }
.fleet-code pre { overflow-x:auto; padding:20px; margin:0; font:12px/1.8 var(--mono); background:var(--bg-2); }
.founder-card { border:1px solid var(--line); padding:30px; }
.founder-initials { display:flex; align-items:center; justify-content:center; width:76px; height:76px; background:var(--orange); color:#12120f; font:500 34px var(--display); margin-bottom:24px; }
.founder-card h3 { font:500 32px var(--display); margin:16px 0 10px; }
.founder-card p { font-size:16px; line-height:1.65; color:var(--fleet-muted); }
.founder-card a { color:var(--fg); }
.contact-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr); gap:56px; align-items:start; }
.contact-layout .form { margin:0; }
.contact-next { border:1px solid var(--line); padding:28px; }
.contact-next h2 { font:500 28px var(--display); margin:0 0 22px; }
.contact-next li,.contact-next p { color:var(--fleet-muted); font-size:16px; line-height:1.65; }
.contact-next li { margin-bottom:18px; }
.contact-next ol { padding-left:20px; }
.contact-next a { color:var(--fg); }
.form .field label { font-size:11px; color:var(--fleet-muted); }
.form .field input,.form .field textarea,.form .field select { font-size:16px; }
.form-options { grid-column:1/-1; border:1px solid var(--line); padding:18px; }
.form-options summary { font:500 18px var(--display); cursor:pointer; }
.form-options-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; padding-top:22px; }
.form-note { font-size:14px; color:var(--fleet-muted); line-height:1.6; }
.form-success { border-left:3px solid var(--orange); padding:18px; background:var(--bg-2); font-size:16px; line-height:1.6; }
.form-success strong { display:block; margin-bottom:8px; }
.home-example .btn { margin-top:24px; }
.skip-link { position:absolute; left:12px; top:-100px; z-index:500; padding:12px 20px; background:var(--fg); color:var(--bg); }
.skip-link:focus { top:12px; }
:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible { outline:2px solid var(--orange); outline-offset:4px; }
@media(max-width:980px){ .pilot-timeline{grid-template-columns:repeat(2,1fr);} .pilot-timeline li:nth-child(2){border-right:0;} .pilot-timeline li:nth-child(-n+2){border-bottom:1px solid var(--line);} .boundary-flow{grid-template-columns:repeat(2,1fr);gap:14px;} .boundary-flow li{margin:0;} .boundary-flow li::after{display:none;} .guide-layout{grid-template-columns:180px minmax(0,1fr);gap:28px;} .fleet-split{gap:28px;} .contact-layout{gap:28px;} }
@media(max-width:700px){ .fleet-section{padding:42px 0;} .fleet-page .page-hero{padding:42px 0 32px;} .fleet-split,.contact-layout,.workflow-panel{grid-template-columns:1fr;} .workflow-input{border-right:0;border-bottom:1px solid var(--line);} .workflow-panel>div{padding:22px;} .workflow-tabs{flex-direction:column;} .workflow-tabs button{border-right:0;border-bottom:1px solid var(--line);text-align:left;} .resource-grid{grid-template-columns:1fr;} .pilot-timeline{grid-template-columns:1fr;} .pilot-timeline li{border-right:0;border-bottom:1px solid var(--line);} .pilot-timeline li:last-child{border-bottom:0;} .boundary-flow{grid-template-columns:1fr;} .boundary-figure{padding:20px;} .guide-layout{grid-template-columns:1fr;padding:32px 0;} .guide-nav{position:static;display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;border-bottom:1px solid var(--line);padding-bottom:24px;} .evidence-snapshot{grid-template-columns:1fr;} .evidence-snapshot>div{border-right:0;border-bottom:1px solid var(--line);} .form-options-grid{grid-template-columns:1fr;} .fleet-table th,.fleet-table td{min-width:140px;padding:16px;} .fleet-title{max-width:100%;} }