.lab-page{--ink:#17304f;--blue:#174d7b;--blue2:#2b6d9e;--orange:#e8864a;--orange-soft:#f7e7da;--paper:#fffdf9;--ice:#f3f7fa;--line:rgba(23,77,123,.13);font-family:Inter,sans-serif;color:var(--ink);background:var(--paper)}
.lab-page main{overflow:hidden}.lab-kicker{font:700 10px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#55718e}.lab-console{position:relative;background-color:#f5f8fa;background-image:linear-gradient(rgba(23,77,123,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,77,123,.045) 1px,transparent 1px);background-size:28px 28px;border-bottom:1px solid var(--line)}
.lab-hero{min-height:205px;padding:28px 0 20px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:40px;align-items:center}.lab-hero h1{font:650 clamp(37px,4.2vw,59px)/.98 Sora,sans-serif;letter-spacing:-.055em;margin:8px 0 8px}.lab-hero h1 em{font-style:normal;color:var(--orange)}.lab-promise{font:600 15px Sora,sans-serif;margin:0 0 5px}.lab-promise strong{color:var(--orange)}.lab-sub{margin:0;color:#657a90;font-size:12px}.lab-hero-icons{height:125px;position:relative}.hero-app{position:absolute;display:block;width:82px;height:82px;border-radius:22px;box-shadow:0 15px 32px rgba(25,60,92,.14);transition:.3s}.hero-app img{width:100%;height:100%;display:block}.hero-a{left:16px;top:25px;transform:rotate(-5deg)}.hero-b{left:108px;top:2px;transform:rotate(4deg)}.hero-c{left:200px;top:33px;transform:rotate(-2deg)}.lab-hero-icons:hover .hero-a{transform:translateY(-4px) rotate(-5deg)}.lab-hero-icons:hover .hero-b{transform:translateY(-7px) rotate(4deg)}.lab-hero-icons:hover .hero-c{transform:translateY(-3px) rotate(-2deg)}
.lab-filter-area{border-top:1px solid rgba(23,77,123,.09);background:rgba(255,255,255,.58);backdrop-filter:blur(7px)}.lab-filters{padding:14px 0 15px}.filter-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.filter-intro strong{font:600 13px Sora,sans-serif}.lab-results{font:700 9px Inter,sans-serif;color:#7b8c9d}.filter-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-row+.filter-row{margin-top:6px}.filter-label{width:48px;font:700 8px Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#8090a0}.filter-pill{border:1px solid rgba(23,77,123,.14);background:rgba(255,255,255,.84);color:#536b82;border-radius:999px;padding:6px 11px;font:600 9px Inter,sans-serif;cursor:pointer;transition:.18s}.filter-pill:hover{border-color:rgba(232,134,74,.55);color:var(--ink)}.filter-pill.is-active{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:none}
.lab-library{padding:30px 0 48px;background:var(--paper)}.lab-library-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:18px}.lab-library h2,.lab-growing h2,.lab-teachers h2,.lab-close h2{font-family:Sora,sans-serif;letter-spacing:-.045em}.lab-library h2{font-size:clamp(29px,3.2vw,42px);line-height:1;margin:5px 0 0;font-weight:600}.lab-library h2 em{font-style:normal;color:var(--orange)}.lab-library-head>p{max-width:390px;margin:0;color:#718293;font-size:12px}.resource-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:12px}.resource-card{grid-column:span 4;min-height:270px;padding:19px;border-radius:22px;background:#fff;color:var(--ink);text-decoration:none;position:relative;display:flex;flex-direction:column;border:1px solid rgba(23,77,123,.10);box-shadow:0 9px 24px rgba(23,60,90,.06);transition:.22s}.resource-card:hover{transform:translateY(-3px);border-color:rgba(232,134,74,.35);box-shadow:0 15px 32px rgba(23,60,90,.10)}.resource-card.feature{grid-column:span 8;min-height:318px;background:linear-gradient(135deg,#f8fbfd,#fff 70%)}.app-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.app-icon{width:68px;height:68px;border-radius:18px;display:block;box-shadow:0 10px 20px rgba(23,60,90,.13)}.resource-card.feature .app-icon{width:78px;height:78px;border-radius:21px}.app-free{font:700 8px Inter,sans-serif;letter-spacing:.1em;color:#9a552c;background:#fbefe6;padding:6px 8px;border-radius:999px}.resource-type{font:700 8px Inter,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#83909e;margin-top:17px}.resource-card h3{font:600 22px/1.06 Sora,sans-serif;letter-spacing:-.035em;margin:7px 0 8px}.resource-card.feature h3{font-size:clamp(34px,3.6vw,48px)}.resource-card p{font-size:12px;line-height:1.55;color:#65798b;margin:0 0 18px;max-width:600px}.resource-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto;padding-right:40px}.resource-tags span{font:600 8px Inter,sans-serif;background:#f2f5f7;padding:5px 7px;border-radius:999px;color:#6c7e8d}.resource-card i{position:absolute;right:20px;bottom:17px;font-style:normal;font-size:20px;color:var(--orange)}.app-demo{margin:12px 0 15px;padding:11px 13px;border-radius:14px;background:#f2f6f8;border:1px solid rgba(23,77,123,.07);display:flex;align-items:center;gap:10px;max-width:530px}.wave{height:24px;flex:1;display:flex;align-items:center;gap:3px}.wave b{width:3px;border-radius:4px;background:var(--orange);height:var(--h)}.play-dot{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:10px}.demo-text{font:600 10px Inter,sans-serif;color:#526a80}.lab-empty{padding:25px;text-align:center;color:#667f89}.resource-card[hidden]{display:none!important}
.lab-growing{padding:0 0 42px;background:var(--paper)}.lab-growing-inner{border:1px solid rgba(23,77,123,.11);border-radius:22px;background:#f5f8fa;padding:24px 26px;display:grid;grid-template-columns:.62fr 1.38fr;gap:30px;align-items:center}.lab-growing h2{font-size:27px;line-height:1.04;margin:5px 0 8px;font-weight:600}.lab-growing h2 em{font-style:normal;color:var(--orange)}.lab-growing p{margin:0;color:#6c7e8d;font-size:11px;line-height:1.5}.coming-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.coming-strip div{background:#fff;border:1px solid rgba(23,77,123,.09);padding:11px;border-radius:12px}.coming-strip b{display:block;font:600 10px Sora,sans-serif}.coming-strip span{font-size:8px;color:#8794a0}.lab-teachers{padding:32px 0;background:#f8f4ef;border-top:1px solid rgba(232,134,74,.10);border-bottom:1px solid rgba(232,134,74,.10)}.lab-teachers-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.lab-teachers h2{font:600 clamp(29px,3.3vw,42px)/1 Sora,sans-serif;margin:5px 0 10px}.lab-teachers h2 em{font-style:normal;color:var(--orange)}.lab-teachers p{color:#6b7c8c;line-height:1.55;font-size:12px}.lab-teachers-note{border-left:3px solid var(--orange);padding:10px 0 10px 18px;font:550 16px/1.4 Sora,sans-serif;color:#28455f}.lab-close{padding:34px 0;text-align:center;background:#fff}.lab-close h2{font:600 clamp(29px,3.4vw,44px)/1 Sora,sans-serif;margin:6px 0 9px}.lab-close h2 em{font-style:normal;color:var(--orange)}.lab-close p{max-width:650px;margin:0 auto 17px;color:#6b7d8e;font-size:12px}.lab-close .btn{background:var(--blue);color:#fff;border-radius:999px;border:0;box-shadow:none}
@media(max-width:900px){.lab-hero{grid-template-columns:1fr 260px}.lab-growing-inner,.lab-teachers-grid{grid-template-columns:1fr;gap:22px}.resource-card,.resource-card.feature{grid-column:span 6}.coming-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.lab-hero{min-height:auto;padding:20px 0 14px;grid-template-columns:1fr}.lab-hero h1{font-size:39px}.lab-hero-icons{display:none}.lab-sub{font-size:11px}.lab-filter-area{background:rgba(255,255,255,.72)}.lab-filters{padding:11px 0 12px}.filter-intro{margin-bottom:8px}.filter-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-label,.filter-pill{flex:0 0 auto}.lab-results{font-size:8px}.lab-library{padding-top:24px}.lab-library-head{display:block}.lab-library-head>p{margin-top:7px}.resource-grid{display:block}.resource-card,.resource-card.feature{min-height:225px;margin-bottom:10px;border-radius:18px}.resource-card.feature{min-height:300px}.app-icon{width:62px;height:62px}.coming-strip{grid-template-columns:1fr}.lab-growing-inner{padding:20px 17px;border-radius:18px}.lab-teachers,.lab-close{padding:28px 0}}
@media(prefers-reduced-motion:reduce){.resource-card,.hero-app,.filter-pill{transition:none!important}}