/* SırtlanTech Labs / independent experimental identity. Scoped to .labs-page */
.labs-page { background:#090a0b; color:#f1f0ed; }
.labs-page .labs-shell, .labs-page .labs-shell * { box-sizing:border-box; }
.labs-page .labs-shell { width:100%; max-width:none; margin:0; padding:0; position:relative; isolation:isolate; overflow:hidden; background:#090a0b; color:#f1f0ed; font-family:Inter,system-ui,-apple-system,sans-serif; text-align:left; flex:1; }
.labs-page .labs-shell::before { content:""; position:absolute; inset:0; z-index:-1; opacity:.25; background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px); background-size:76px 76px; mask-image:linear-gradient(to bottom,#000 0,transparent 800px); background-color:transparent; }
.labs-page .labs-ambient { position:absolute; z-index:-1; width:850px; height:700px; top:-370px; right:-310px; background:radial-gradient(circle,#ff6a0020 0%,transparent 66%); pointer-events:none; }
.labs-page .labs-content { width:min(1120px,calc(100% - 48px)); margin:0 auto; padding:28px 0 35px; }
.labs-page .labs-topline,.labs-page .labs-command-title,.labs-page .labs-section-heading,.labs-page .labs-room-top,.labs-page .labs-block-top,.labs-page .labs-signoff { display:flex; justify-content:space-between; align-items:center; }
.labs-page .labs-topline { padding:12px 0 18px; border-bottom:1px solid #ffffff24; gap:12px; }
.labs-page .labs-path,.labs-page .labs-live,.labs-page .labs-eyebrow,.labs-page .labs-command-title,.labs-page .labs-kicker,.labs-page .labs-room-top,.labs-page .labs-room-status,.labs-page .labs-room-enter,.labs-page .labs-bottom-strip,.labs-page .labs-feature-label,.labs-page .labs-project-index,.labs-page .labs-project-state,.labs-page .labs-block-top,.labs-page .labs-mini-grid span,.labs-page .labs-signoff { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.09em; }
.labs-page .labs-path { font-size:10px; color:#969696; }.labs-page .labs-path span { color:#ff6a00; margin:0 8px; }
.labs-page .labs-live { color:#dedbd7; font-size:10px; white-space:nowrap; }.labs-page .labs-live i,.labs-page .labs-room-status i,.labs-page .labs-block-badge i { display:inline-block; width:6px; height:6px; border-radius:50%; background:#ff6a00; box-shadow:0 0 12px #ff6a0090; margin-right:9px; vertical-align:middle; }
.labs-page .labs-hero { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(230px,.65fr); gap:35px; align-items:center; padding:90px 0 85px; }
.labs-page .labs-eyebrow { color:#ff6a00; font-size:11px; font-weight:700; display:flex; align-items:center; gap:12px; }.labs-page .labs-square { width:8px; height:8px; border:1px solid #ff6a00; transform:rotate(45deg); }
.labs-page .labs-hero h1 { font-size:clamp(44px,6vw,80px); line-height:1.05; font-weight:760; letter-spacing:-.065em; margin:25px 0 24px; color:#f4f2ed; text-align:left; }.labs-page .labs-hero h1 em { font-style:normal; color:#b6b4b0; }.labs-page .labs-hero h1 em span { color:#ff6a00; }
.labs-page .labs-hero p { font-size:15px; line-height:1.9; color:#a6a5a2; max-width:525px; margin:0; text-align:left; }
.labs-page .labs-hero-mark { height:280px; display:grid; place-items:center; position:relative; }.labs-page .labs-mark-orbit { display:grid; place-items:center; width:240px; height:240px; border:1px solid #ff6a0045; border-radius:50%; position:relative; transform:rotate(-16deg); }.labs-page .labs-mark-orbit::before,.labs-page .labs-mark-orbit::after { content:""; position:absolute; border-radius:50%; inset:22px; border:1px dashed #ffffff24; }.labs-page .labs-mark-orbit::after { inset:48px; border-style:solid; border-color:#ff6a002d; background:#ff6a0008; }.labs-page .labs-mark-orbit>span { z-index:1; color:#f2eee9; font-size:29px; font-weight:800; letter-spacing:-.07em; transform:rotate(16deg); }.labs-page .labs-mark-slash { color:#ff6a00; }.labs-page .labs-mark-cross { position:absolute; color:#ff6a00; font-size:25px; font-weight:200; }.labs-page .labs-cross-one { top:15px; right:15px; }.labs-page .labs-cross-two { bottom:35px; left:0; }.labs-page .labs-mark-caption { position:absolute; bottom:0; right:0; color:#777; font:10px/1.5 ui-monospace,monospace; letter-spacing:.15em; text-align:right; }
.labs-page .labs-command { border:1px solid #ffffff25; background:#121315; margin-bottom:55px; }.labs-page .labs-command-title { padding:13px 18px; border-bottom:1px solid #ffffff1c; color:#e0deda; font-size:10px; font-weight:700; }.labs-page .labs-command-title small { color:#777; font-size:10px; }.labs-page .labs-command-indicator { width:7px; height:7px; border:1px solid #ff6a00; display:inline-block; margin-right:7px; }
.labs-page .labs-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:0; }.labs-page .labs-tab { border:0; border-right:1px solid #ffffff1a; border-radius:0; background:transparent; color:#a9a7a4; padding:21px 12px; cursor:pointer; font-size:15px; font-weight:700; text-align:center; transition:background .2s,color .2s; }.labs-page .labs-tab:last-child { border-right:0; }.labs-page .labs-tab span { color:#777; font:11px ui-monospace,monospace; margin-right:12px; }.labs-page .labs-tab:hover { background:#ffffff0a; color:#fff; }.labs-page .labs-tab.active { color:#ff6a00; background:#ff6a000d; box-shadow:inset 0 -2px #ff6a00; }.labs-page .labs-tab.active span { color:#ff6a00; }.labs-page .labs-tab:focus-visible,.labs-page .labs-room:focus-visible,.labs-page .labs-primary-link:focus-visible { outline:2px solid #ff6a00; outline-offset:3px; }
.labs-page .labs-view { animation:labsFade .25s ease both; }.labs-page .labs-view[hidden] { display:none!important; }@keyframes labsFade { from { opacity:0; transform:translateY(9px); } to { opacity:1; transform:translateY(0); } }
.labs-page .labs-section-heading { gap:30px; align-items:end; margin-bottom:26px; }.labs-page .labs-kicker { color:#ff6a00; font-size:11px; font-weight:700; }.labs-page .labs-section-heading h2 { color:#f4f2ed; text-align:left; font-size:clamp(28px,4vw,44px); line-height:1.12; letter-spacing:-.05em; margin:12px 0 0; }.labs-page .labs-section-heading>p { text-align:left; max-width:330px; color:#969592; font-size:13px; line-height:1.8; margin:0; }.labs-page .labs-title-dot { color:#ff6a00; }
.labs-page .labs-rooms { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.labs-page .labs-room { min-width:0; min-height:420px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid #ffffff23; background:#151618; padding:27px 30px; text-align:left; color:inherit; cursor:pointer; transition:background .2s,border-color .2s,transform .2s; position:relative; overflow:hidden; }.labs-page .labs-room::before { content:""; position:absolute; width:330px; height:330px; border-radius:50%; border:1px solid #ffffff0c; right:-95px; top:-125px; box-shadow:0 0 0 50px #ffffff03,0 0 0 100px #ffffff02; pointer-events:none; }.labs-page .labs-room-games { background:#131517; }.labs-page .labs-room:hover { transform:translateY(-4px); border-color:#ff6a0080; background:#1b1b1d; }.labs-page .labs-room-top { color:#ff6a00; font-size:11px; font-weight:700; }.labs-page .labs-room-arrow { font-size:24px; font-family:Inter,sans-serif; font-weight:300; }.labs-page .labs-room-symbol { color:#ff6a00; font-size:105px; font-weight:300; line-height:1; position:absolute; top:65px; right:46px; opacity:.7; }.labs-page .labs-room-symbol span { position:absolute; font:11px ui-monospace,monospace; top:2px; right:-12px; color:#aaa; }.labs-page .labs-symbol-games { color:#d0c4b5; }.labs-page .labs-room-bottom { display:flex; flex-direction:column; align-items:flex-start; position:relative; z-index:1; }.labs-page .labs-room-status { color:#aaa; font-size:10px; margin-bottom:12px; }.labs-page .labs-room strong { color:#f5f3f0; font-size:38px; letter-spacing:-.05em; line-height:1.15; }.labs-page .labs-room-description { color:#a9a6a3; font-size:13px; line-height:1.8; max-width:340px; margin-top:10px; }.labs-page .labs-room-enter { display:flex; justify-content:space-between; width:100%; border-top:1px solid #ffffff26; padding-top:17px; margin-top:25px; color:#ff6a00; font-size:10px; font-weight:700; }.labs-page .labs-room-enter span { font-size:18px; line-height:10px; }
.labs-page .labs-bottom-strip { display:flex; justify-content:space-between; gap:15px; flex-wrap:wrap; padding:22px 0; border-bottom:1px solid #ffffff1f; color:#888; font-size:10px; margin-top:22px; }.labs-page .labs-bottom-strip b { color:#ff6a00; font-size:15px; margin-right:5px; }
.labs-page .labs-feature-intro { display:flex; gap:22px; align-items:center; padding:27px 30px; border:1px solid #ffffff22; background:#141517; margin-bottom:16px; }.labs-page .labs-feature-icon { font-size:66px; line-height:1; color:#ff6a00; width:85px; flex-shrink:0; }.labs-page .labs-feature-label { color:#ff6a00; font-size:10px; font-weight:700; }.labs-page .labs-feature-label span { color:#777; padding:0 8px; }.labs-page .labs-feature-intro h3 { font-size:26px; letter-spacing:-.04em; color:#f3f1ed; margin:7px 0; text-align:left; }.labs-page .labs-feature-intro p { color:#a6a4a1; font-size:13px; margin:0; text-align:left; }
.labs-page .labs-project-list { border-top:1px solid #ffffff24; }.labs-page .labs-project { display:grid; grid-template-columns:130px 55px minmax(0,1fr) 125px; gap:18px; align-items:center; padding:24px 15px; border-bottom:1px solid #ffffff24; }.labs-page .labs-project-index { color:#ff6a00; font-size:10px; }.labs-page .labs-project-icon { color:#c6c2bc; font-size:29px; }.labs-page .labs-project h3 { color:#f0eeeb; font-size:19px; margin:0 0 6px; text-align:left; }.labs-page .labs-project p { color:#969592; font-size:12px; margin:0; text-align:left; }.labs-page .labs-project-state { color:#aaa; font-size:10px; text-align:right; }.labs-page .labs-project-future { opacity:.58; }
.labs-page .labs-primary-link { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:22px; padding:18px 23px; width:100%; background:#ff6a00; color:#140c06; font-size:15px; font-weight:800; text-decoration:none; border:1px solid #ff6a00; transition:background .2s; }.labs-page .labs-primary-link:hover { background:#ff8a33; }.labs-page .labs-primary-link span { font-size:23px; line-height:1; }
.labs-page .labs-game-block { background:#131416; border:1px solid #ffffff22; padding:28px 30px 30px; margin-bottom:20px; }.labs-page .labs-block-top { padding-bottom:19px; border-bottom:1px solid #ffffff24; font-size:10px; color:#ff6a00; font-weight:700; gap:10px; }.labs-page .labs-block-badge { color:#b0aeab; }.labs-page .labs-block-head { display:flex; justify-content:space-between; gap:20px; padding:30px 0; }.labs-page .labs-block-head h3 { font-size:32px; letter-spacing:-.05em; margin:10px 0; color:#f1efeb; text-align:left; }.labs-page .labs-block-head p { font-size:13px; line-height:1.85; color:#a6a4a0; max-width:620px; margin:0; text-align:left; }.labs-page .labs-big-glyph { color:#ff6a00; font-size:100px; line-height:1; opacity:.75; }.labs-page .labs-mini-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }.labs-page .labs-mini-grid>div { background:#1b1c1e; border:1px solid #ffffff1b; padding:20px; min-width:0; display:flex; flex-direction:column; gap:7px; align-items:flex-start; text-align:left; }.labs-page .labs-mini-grid span { color:#ff6a00; font-size:10px; }.labs-page .labs-mini-grid strong { color:#f3f1ed; font-size:15px; text-align:left; }.labs-page .labs-mini-grid small { color:#aaa7a3; font-size:12px; }.labs-page .labs-qr-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.labs-page .labs-qr-block .labs-big-glyph { color:#bdb5aa; }
.labs-page .labs-signoff { margin-top:90px; border-top:1px solid #ffffff22; padding:22px 0 0; color:#777; font-size:10px; gap:12px; }.labs-page .labs-orange { color:#ff6a00; }.labs-page .footer { width:100%; }
@media(max-width:800px) { .labs-page .labs-hero { grid-template-columns:1fr; padding:65px 0 50px; }.labs-page .labs-hero-mark { display:none; }.labs-page .labs-section-heading { align-items:start; flex-direction:column; gap:12px; }.labs-page .labs-section-heading>p { max-width:600px; }.labs-page .labs-room { min-height:380px; padding:24px; }.labs-page .labs-room-symbol { right:25px; } }
@media(max-width:600px) { .labs-page .labs-content { width:min(100% - 32px,1120px); padding-top:12px; }.labs-page .labs-topline { align-items:flex-start; flex-direction:column; gap:10px; }.labs-page .labs-path { font-size:9px; }.labs-page .labs-hero { padding:58px 0 45px; }.labs-page .labs-hero h1 { font-size:clamp(38px,10vw,55px); }.labs-page .labs-hero p { font-size:13px; }.labs-page .labs-command { margin-bottom:40px; }.labs-page .labs-tab { padding:17px 4px; font-size:12px; }.labs-page .labs-tab span { margin-right:4px; font-size:9px; }.labs-page .labs-rooms { grid-template-columns:1fr; gap:12px; }.labs-page .labs-room { min-height:330px; }.labs-page .labs-room-symbol { top:52px; }.labs-page .labs-room strong { font-size:34px; }.labs-page .labs-feature-intro { padding:20px; }.labs-page .labs-feature-icon { width:45px; font-size:42px; }.labs-page .labs-feature-intro h3 { font-size:21px; }.labs-page .labs-project { grid-template-columns:75px 30px minmax(0,1fr); gap:10px; padding:18px 0; }.labs-page .labs-project-index { font-size:9px; }.labs-page .labs-project-icon { font-size:22px; }.labs-page .labs-project h3 { font-size:15px; }.labs-page .labs-project-state { grid-column:3; text-align:left; }.labs-page .labs-game-block { padding:19px; }.labs-page .labs-block-head { padding:23px 0; }.labs-page .labs-block-head h3 { font-size:25px; }.labs-page .labs-big-glyph { display:none; }.labs-page .labs-mini-grid,.labs-page .labs-qr-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.labs-page .labs-mini-grid>div { padding:15px 12px; }.labs-page .labs-mini-grid strong { font-size:13px; }.labs-page .labs-bottom-strip { justify-content:flex-start; }.labs-page .labs-signoff { margin-top:60px; font-size:9px; } }
@media(prefers-reduced-motion:reduce) { .labs-page .labs-view { animation:none; }.labs-page .labs-room,.labs-page .labs-primary-link { transition:none; } }

/* CTA buttons directly after each introduction; details follow below. */
.labs-page #labsViewProto .labs-primary-link { margin:16px 0 18px; }
.labs-page .labs-game-block .labs-primary-link { margin:0 0 18px; }
.labs-page .labs-game-block .labs-block-head { padding:22px 0 18px; }
.labs-page #labsViewProto .labs-feature-intro { padding:22px 26px; margin-bottom:14px; }
@media (max-width:600px) {
  .labs-page .labs-game-block .labs-block-head { padding:18px 0 14px; }
  .labs-page #labsViewProto .labs-feature-intro { padding:18px; }
}