/* Core Deployment Labs public catalog and email-access layer. */

.labs-hero{padding-top:88px;padding-bottom:54px}
.labs-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:44px;align-items:start}
.labs-hero h1{max-width:850px;font-size:clamp(48px,7vw,88px);line-height:.96;margin:12px 0 24px;letter-spacing:-.055em}
.labs-hero .hero-lede{max-width:760px}
.labs-sequence{border:1px solid var(--line);border-radius:18px;background:var(--slate);color:var(--white);padding:24px}
.labs-sequence>span{font:9px var(--mono);letter-spacing:.08em;color:var(--signal)}
.labs-sequence ol{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.labs-sequence li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:12px 0;border-top:1px solid rgba(255,255,255,.13)}
.labs-sequence b{font:700 11px var(--mono);color:var(--signal)}
.labs-sequence strong{display:block;font-size:14px;margin-bottom:2px}
.labs-sequence small{color:#cfd2c8}

.core-lab-catalog{padding:64px 0}
.core-lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px}
.core-lab-card{position:relative;display:flex;flex-direction:column;min-height:360px;border:1px solid var(--line);border-radius:18px;padding:24px;background:var(--white);overflow:hidden}
.core-lab-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:7px;background:var(--signal)}
.core-lab-card .lab-code{display:flex;justify-content:space-between;gap:16px;font:9px var(--mono);letter-spacing:.06em;color:var(--muted)}
.core-lab-card h2{font-size:31px;line-height:1.06;margin:42px 0 14px;max-width:520px}
.core-lab-card p{color:var(--muted);max-width:590px}
.core-lab-card .lab-output{margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}
.core-lab-card .lab-output small{display:block;font:9px var(--mono);color:var(--muted);margin-bottom:7px}
.core-lab-card .lab-output strong{font-size:13px}
.core-lab-card .button{align-self:flex-start;margin-top:20px}
.core-lab-card[data-state="locked"] .button::after{content:" · EMAIL ACCESS";font:8px var(--mono)}

.lab-access-section{padding:72px 0;background:var(--slate);color:var(--white)}
.lab-access-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:46px;align-items:start}
.lab-access-copy h2{font-size:clamp(38px,5vw,64px);line-height:1;margin:10px 0 18px;letter-spacing:-.04em}
.lab-access-copy p{color:#d1d4ca;max-width:620px}
.lab-access-points{display:grid;gap:12px;margin-top:26px}
.lab-access-points div{border-top:1px solid rgba(255,255,255,.14);padding-top:12px}
.lab-access-points span{display:block;font:9px var(--mono);color:var(--signal);margin-bottom:4px}
.lab-access-form{background:var(--paper);color:var(--ink);border-radius:18px;padding:24px}
.lab-access-form h3{font-size:27px;margin:0 0 8px}
.lab-access-form>p{color:var(--muted);margin-top:0}
.lab-access-field{display:block;margin-top:16px}
.lab-access-field>span{display:block;font:700 10px var(--mono);margin-bottom:7px}
.lab-access-field input[type="text"],.lab-access-field input[type="email"]{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink);padding:13px 14px;font:15px var(--sans)}
.lab-access-field small{display:block;min-height:18px;margin-top:5px;color:#8b342a;font-size:12px}
.lab-access-check{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;margin:18px 0;color:var(--muted);font-size:13px}
.lab-access-check input{margin-top:3px}
.lab-access-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}
.lab-access-status{min-height:24px;font-size:13px;margin:12px 0 0}
.lab-access-status[data-state="success"]{color:#4f6f00}
.lab-access-status[data-state="error"]{color:#9d3024}
.lab-access-debug{display:none;margin-top:12px;padding:12px;border:1px dashed var(--line);border-radius:10px;font-size:12px;word-break:break-all}
.lab-access-debug.visible{display:block}
.lab-access-active{display:none;border:1px solid rgba(215,255,56,.4);background:rgba(215,255,56,.08);border-radius:14px;padding:18px;margin-bottom:18px}
.lab-access-active.visible{display:block}
.lab-access-active span{font:9px var(--mono);color:var(--signal)}
.lab-access-active strong{display:block;margin-top:5px}
.lab-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.home-core-labs{padding:70px 0}
.home-core-labs .core-lab-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-core-labs .core-lab-card{min-height:330px;padding:20px}
.home-core-labs .core-lab-card h2{font-size:23px;margin-top:32px}
.home-core-labs .core-lab-card p{font-size:14px}
.home-core-labs .labs-home-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;border-top:1px solid var(--line);padding-top:22px}
.home-core-labs .labs-home-cta p{max-width:650px;color:var(--muted);margin:0}

.lab-access-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font:9px var(--mono);background:var(--white)}
.lab-access-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--signal-dark)}

@media(max-width:1050px){
  .home-core-labs .core-lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .labs-hero-grid,.lab-access-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .core-lab-grid,.home-core-labs .core-lab-grid{grid-template-columns:1fr}
  .core-lab-card{min-height:0}
  .labs-hero{padding-top:58px}
  .labs-hero h1{font-size:48px}
  .home-core-labs .labs-home-cta{align-items:flex-start;flex-direction:column}
  .home-core-labs .labs-home-cta .button{width:100%}
}