/* CleanOS startup page (/startups/cleanos). Builds on motion.css (.cleanos-showcase, .cos-*) and components.css. */
.subpage .header{position:sticky;top:0;z-index:20;background:#121212;border-bottom:1px solid var(--line)}
.subpage-nav{display:flex;align-items:center;gap:clamp(12px,2.4vw,28px);font-size:14px}
.subpage-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--paper,#f1f0e7);text-decoration:none}
.subpage-nav a:hover,.subpage-nav a:focus-visible{color:#ff8e57}
.subpage-nav .subpage-cta{border:1px solid var(--line);padding:0 14px;border-radius:999px}
.cos-page.startup{padding-top:clamp(48px,7vw,96px)}
.cos-page h1{font-size:clamp(40px,4.6vw,68px);line-height:.98;letter-spacing:-.045em;margin:16px 0}
.cos-page .cos-block h2,.cos-page .cos-investors h2{font-size:clamp(32px,4.2vw,56px);line-height:1.02;letter-spacing:-.035em;margin:10px 0 16px}

.cos-founder{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}
.cos-founder p:not(.eyebrow){color:var(--muted);max-width:520px;line-height:1.6}

.cos-gallery{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.cos-gallery .shot{display:grid;gap:10px;width:100%;padding:0;background:none;border:0;color:inherit;text-align:left;cursor:zoom-in;font:inherit}
.cos-gallery img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left;border:1px solid var(--line);border-radius:8px;background:#f7f7f5;transition:transform .25s ease,border-color .25s ease}
.cos-gallery .shot:hover img,.cos-gallery .shot:focus-visible img{transform:translateY(-3px);border-color:#ff8e57}
.cos-gallery .shot span{font-size:12px;letter-spacing:.04em;color:var(--muted)}
#shot-dialog{max-width:min(1400px,94vw);max-height:92vh;padding:0;border:1px solid var(--line);border-radius:10px;background:#121212;color:inherit}
#shot-dialog::backdrop{background:#000c}
#shot-dialog img{display:block;max-width:100%;max-height:86vh;margin:auto}
#shot-close{position:sticky;top:0;float:right;min-height:44px;padding:0 16px;background:#121212;color:inherit;border:0;border-left:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;font:inherit}

.deck-frame{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0d0d0d;outline-offset:4px}
.deck-frame:focus-visible{outline:2px solid #ff8e57}
.deck-track{list-style:none;margin:0;padding:0;touch-action:pan-y}
.deck-slide img{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#f4f4f2}
.deck-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border-top:1px solid var(--line)}
.deck-controls button{min-width:44px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:none;color:inherit;font:inherit;cursor:pointer}
.deck-controls button:disabled{opacity:.35;cursor:default}
.deck-controls button:not(:disabled):hover{border-color:#ff8e57;color:#ff8e57}
#deck-count{min-width:64px;text-align:center;font-variant-numeric:tabular-nums;color:var(--muted)}
.deck-frame:fullscreen{display:flex;flex-direction:column;justify-content:center;border:0;border-radius:0}
.deck-frame:fullscreen .deck-slide img{max-height:calc(100vh - 100px);width:auto;max-width:100%;margin:auto}

.cos-explainer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}

.cos-browser{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 30px 80px #0006}
.cos-browser-bar{display:flex;align-items:center;gap:16px;padding:10px 16px;background:#1d1c19;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.cos-browser-bar span:first-child{letter-spacing:3px;color:#5a574f}
.cos-browser-url{flex:1;text-align:center;padding:4px 12px;border-radius:999px;background:#121212;max-width:360px;margin:auto}
.cos-browser iframe{display:block;width:100%;height:min(78vh,760px);border:0;background:#fff}
.cos-live .cos-actions{margin-top:20px}

@media(max-width:900px){.cos-founder,.cos-explainer-grid{grid-template-columns:1fr;gap:24px}.cos-browser iframe{height:70vh}.subpage-nav a:not(.subpage-cta):nth-child(1){display:none}}
@media(prefers-reduced-motion:reduce){.cos-gallery img{transition:none}.cos-gallery .shot:hover img{transform:none}}
.subpage .brand-name,.subpage .eyebrow{font-size:12px}

/* Lako Rides page: same system as CleanOS. */
.lako-hero-art { margin: 0; }
.lako-hero-art img { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: 12px; }
.lako-hero-art figcaption, .lako-shot figcaption { margin-top: 10px; color: var(--muted); font-size: 13px; line-height: 1.5; }
.lako-build-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: clamp(28px, 5vw, 72px); align-items: start; }
.lako-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.lako-list li { padding-left: 18px; position: relative; line-height: 1.5; color: var(--paper, #f1f0e7); }
.lako-list li::before { content: ''; position: absolute; left: 0; top: .6em; width: 7px; height: 7px; border-radius: 50%; background: #ff8e57; }
.cos-block figure.lako-shot { margin: 0; padding: 0; max-width: 300px; justify-self: center; background: none; border: 0; }
.lako-shot img { display: block; width: 100%; height: auto; filter: drop-shadow(0 24px 36px #0009); }
.lako-screens-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 3vw, 40px); margin-bottom: 24px; }
.cos-block .lako-screens-grid figure { margin: 0; padding: 0; background: none; border: 0; }
.lako-screens-grid img { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: 16px; }
.lako-screens-grid figcaption { margin-top: 10px; color: var(--muted); font-size: 14px; line-height: 1.4; }
@media (max-width: 700px) { .lako-screens-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } }
.lako-questions { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.lako-questions article { padding: 24px; border: 1px solid var(--line); border-radius: 12px; }
.lako-questions h3 { margin: 0 0 16px; font-size: 20px; line-height: 1.25; }
@media (max-width: 900px) { .lako-build-grid, .lako-questions { grid-template-columns: 1fr; } }
.subpage .cos-steps h3, .subpage .cos-cards h3 { font-size: clamp(22px, 2vw, 28px); line-height: 1.2; }
.subpage .cos-gallery img { object-fit: contain; object-position: center; }
@media (min-width: 1100px) { .lako-screens-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; } .lako-screens-grid figcaption { font-size: 13px; } }
#deck { scroll-margin-top: 88px; }
#deck-full { white-space: nowrap; }
@media (max-width: 700px) {
 .subpage .cos-gallery { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; }
 .subpage .cos-gallery li { flex: 0 0 82%; scroll-snap-align: start; }
}
.subpage .cos-gallery img { height: auto; }
.lako-page .cos-steps { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 760px) { .lako-page .cos-steps { grid-template-columns: 1fr; } .cos-join .button { width: 100%; } }
@media (min-width: 1081px) { .lako-build-grid > div:first-child { position: sticky; top: 96px; align-self: start; } }
.deck-fs-note { display: none; }
#deck-frame:fullscreen .deck-fs-note, #deck-frame:-webkit-full-screen .deck-fs-note { display: block; margin: 8px 0 0; color: var(--muted); font-size: 13px; text-align: center; }
.cos-founder-photo { margin: 0; max-width: 420px; justify-self: center; }
.cos-founder-photo img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; object-position: 50% 30%; border-radius: 8px; }
.cos-explainer-grid:has(.cos-vertical) { grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr); align-items: start; }
.cos-vertical video { display: block; width: 100%; height: auto; aspect-ratio: 9/16; }
@media (max-width: 900px) { .cos-explainer-grid:has(.cos-vertical) { grid-template-columns: 1fr; } .cos-vertical { max-width: 320px; } }

.cos-explainer-grid figure:not(.cos-vertical) video{aspect-ratio:16/9}