:root{--playground-bg: #07111f;--playground-bg-deep: #030812;--playground-panel: rgba(9, 18, 32, .7);--playground-panel-strong: rgba(10, 20, 34, .9);--playground-line: rgba(133, 182, 255, .14);--playground-text: #eef4ff;--playground-muted: rgba(216, 228, 255, .72);--playground-accent: #66a7ff;--playground-warm: #ff7c52;--playground-radius-lg: 28px;--playground-radius-md: 22px}html,body.playground-page{min-height:100%}body.playground-page{margin:0;color:var(--playground-text);background:radial-gradient(circle at top left,rgba(61,128,255,.18),transparent 22%),radial-gradient(circle at 88% 10%,rgba(255,118,70,.17),transparent 18%),radial-gradient(circle at 50% 50%,rgba(69,108,181,.12),transparent 42%),linear-gradient(180deg,var(--playground-bg) 0%,#060c17 42%,var(--playground-bg-deep) 100%);font-family:var(--font-body);overflow-x:hidden}@media(hover:hover)and (pointer:fine){body.playground-page{cursor:url(/cursors/playground-fork.svg) 12 8,default}body.playground-page a,body.playground-page button,body.playground-page [role=button]{cursor:url(/cursors/playground-fork.svg) 12 8,pointer}}body.playground-page:before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(111,156,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(111,156,255,.045) 1px,transparent 1px);background-size:72px 72px;opacity:.4;pointer-events:none;mask-image:radial-gradient(circle at center,black 22%,transparent 85%)}.playground-main{position:relative;z-index:1;padding:0}.playground-hero-shell{--hero-progress: 0;--hero-pointer-x: 50%;--hero-pointer-y: 34%;position:relative;min-height:300vh}.playground-hero-shell:before,.playground-hero-shell:after{content:"";position:fixed;inset:0;pointer-events:none}.playground-hero-shell:before{z-index:1;background:radial-gradient(circle at var(--hero-pointer-x) var(--hero-pointer-y),rgba(123,176,255,.22),transparent 24%),radial-gradient(circle at calc(var(--hero-pointer-x) + 10%) calc(var(--hero-pointer-y) + 8%),rgba(255,138,90,.1),transparent 20%);opacity:calc(.34 + (1 - var(--hero-progress)) * .14);mix-blend-mode:screen;filter:blur(22px)}.playground-hero-shell:after{z-index:1;background:linear-gradient(110deg,transparent 18%,rgba(142,189,255,.08) 40%,rgba(255,255,255,.06) 50%,transparent 68%);transform:translate(calc((var(--hero-progress) - .2) * 38vw));opacity:calc(.12 + (1 - min(var(--hero-progress) * 1.5,1))*.28);filter:blur(22px)}.playground-hero-stage{position:sticky;top:0;height:100vh}.playground-hero-canvas,.playground-hero-noise,.playground-hero-grid{position:absolute;inset:0;width:100%;height:100%}.playground-hero-labels{position:fixed;top:0;left:0;z-index:2;pointer-events:none}.playground-hero-noise{opacity:.08;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.9) 0 .6px,transparent .7px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.6) 0 .7px,transparent .8px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.7) 0 .6px,transparent .7px);background-size:180px 180px,220px 220px,140px 140px;transform:translate3d(calc((var(--hero-pointer-x) - 50%) * .03),calc((var(--hero-pointer-y) - 50%) * .03),0)}.playground-hero-grid{background:linear-gradient(rgba(125,170,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(125,170,255,.05) 1px,transparent 1px);background-size:80px 80px;opacity:calc(.2 + (1 - var(--hero-progress)) * .12);mask-image:linear-gradient(to bottom,black 22%,rgba(0,0,0,.4) 62%,transparent 100%)}.playground-hero-beam{position:absolute;inset:auto;width:42rem;height:42rem;border-radius:50%;filter:blur(48px);opacity:.42}.playground-hero-beam-a{top:-16rem;right:-10rem;background:radial-gradient(circle,rgba(78,144,255,.42),transparent 70%)}.playground-hero-beam-b{bottom:-14rem;left:-8rem;background:radial-gradient(circle,rgba(255,124,82,.32),transparent 72%)}.playground-hero-content{position:fixed;top:0;left:0;z-index:12;width:min(24rem,calc(100vw - 2.4rem));padding:5.6rem 0 0 1.2rem;pointer-events:none;opacity:calc(1 - min(var(--hero-progress) * 2.4,1));transform:translate3d(0,calc(var(--hero-progress) * -1.1rem),0);transition:opacity .12s linear,transform .12s linear}.playground-hero-copyblock{width:100%;max-width:22rem;padding:.95rem 1rem 1rem;border:1px solid rgba(133,182,255,.14);border-radius:20px;background:linear-gradient(180deg,#08101eb3,#060b1575);box-shadow:0 18px 44px #0000003d,inset 0 1px #ffffff08;backdrop-filter:blur(14px)}.playground-intro-label,.playground-grid-kicker{margin:0 0 1rem;color:#acfc;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.playground-hero-content h1,.playground-grid-header h2{margin:0;font-family:"Manrope",var(--font-body);font-weight:800;letter-spacing:-.05em}.playground-hero-content h1{max-width:12ch;font-size:clamp(1.85rem,3vw,2.8rem);line-height:.98;text-transform:lowercase;text-shadow:0 2px 32px rgba(0,0,0,.6),0 1px 8px rgba(0,0,0,.5)}.playground-hero-copy{max-width:16rem;margin:.6rem 0 0;color:#eef4ffd1;font-size:clamp(.92rem,1.2vw,1rem);font-style:italic;line-height:1.4;text-shadow:0 1px 16px rgba(0,0,0,.55)}.playground-hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}.playground-hero-button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.82rem 1.18rem;border:1px solid rgba(133,182,255,.18);border-radius:999px;background:#08122285;backdrop-filter:blur(14px);color:var(--playground-text);transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.playground-hero-button:hover{text-decoration:none;transform:translateY(-1px);border-color:#85b6ff57}.playground-hero-button-primary{border-color:transparent;background:linear-gradient(135deg,#4d92fff2,#ff7a50eb)}.playground-hero-scrollcue{position:fixed;bottom:2rem;left:50%;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.7rem;transform:translate(-50%);opacity:calc(1 - var(--hero-progress) * 6);transition:opacity .12s linear}.playground-hero-scrollcue-line{display:block;width:1px;height:3.2rem;background:linear-gradient(180deg,rgba(139,184,255,.8),transparent)}.playground-hero-scrollcue-text{color:#c6d9ffbf;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}.playground-intro-section,.playground-gallery-section,.playground-closing-section{position:relative;width:min(100%,112rem);margin:0 auto;padding:0 2rem}.playground-intro-section{margin-top:-5rem}.playground-intro,.playground-grid-header,.playground-closing{border:1px solid var(--playground-line);border-radius:var(--playground-radius-lg);background:linear-gradient(180deg,#0a1323cc,#060c17b8),radial-gradient(circle at top right,rgba(110,161,255,.08),transparent 32%);box-shadow:0 28px 80px #0000003d,inset 0 1px #ffffff08;backdrop-filter:blur(18px)}.playground-intro{display:grid;grid-template-columns:minmax(7rem,.18fr) minmax(0,1fr);gap:1.25rem;max-width:62rem;margin-left:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}.playground-intro-body{display:grid;gap:.8rem}.playground-intro-copy,.playground-closing{color:var(--playground-muted);font-size:1.02rem;line-height:1.8}.playground-gallery-section{margin-top:1.25rem}.playground-grid-header{max-width:46rem;margin-bottom:1.5rem;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}.playground-grid-header h2{max-width:12ch;font-size:clamp(2rem,5vw,4.5rem);line-height:.94}.playground-gallery{display:grid;gap:1.4rem;min-height:18rem}.playground-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}.playground-gallery.is-enhanced .playground-card{--card-pointer-x: 50%;--card-pointer-y: 50%;--card-pointer-active: 0;position:relative;display:flex;flex-direction:column;min-height:18.5rem;padding:1.05rem 1.05rem 1rem;overflow:hidden;border:1px solid rgba(119,165,255,.16);border-radius:24px 16px 22px;clip-path:polygon(0 0,calc(100% - 2rem) 0,100% 1.95rem,100% 100%,0 100%,0 0);background:linear-gradient(180deg,#0b1424e6,#070d18d1),radial-gradient(circle at top right,rgba(100,150,255,.16),transparent 42%);box-shadow:0 20px 46px #0000003d,inset 0 1px #ffffff08;opacity:0;transform:translate3d(0,22px,0) scale(.98);transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .7s ease,border-color .18s ease,box-shadow .18s ease}.playground-gallery.is-enhanced .playground-card[data-direction=ltr],.playground-gallery.is-enhanced .playground-card[data-direction=rtl]{transform:translate3d(0,var(--card-enter-y, 18px),0) scale(.985)}.playground-gallery.is-enhanced .playground-card[data-visible=true]{opacity:1;transform:translateZ(0) scale(1)}.playground-card{position:relative;display:flex;flex-direction:column;min-height:18.5rem;padding:1.05rem 1.05rem 1rem;overflow:hidden;border:1px solid rgba(119,165,255,.16);border-radius:24px 16px 22px;clip-path:polygon(0 0,calc(100% - 2rem) 0,100% 1.95rem,100% 100%,0 100%,0 0);background:linear-gradient(180deg,#0b1424e6,#070d18d1),radial-gradient(circle at top right,rgba(100,150,255,.16),transparent 42%);box-shadow:0 20px 46px #0000003d,inset 0 1px #ffffff08;opacity:1;transform:none}.playground-card:hover,.playground-card:focus-within{border-color:#77a5ff47;box-shadow:0 24px 54px #00000047,0 0 0 1px #94beff14,0 0 28px #66a7ff14}.playground-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(106,166,255,.08),transparent 32%),linear-gradient(180deg,transparent 58%,rgba(255,255,255,.03)),radial-gradient(circle at 85% 12%,rgba(255,124,82,.18),transparent 24%),radial-gradient(circle at var(--card-pointer-x) var(--card-pointer-y),rgba(135,196,255,calc(var(--card-pointer-active) * .18)),transparent 30%);pointer-events:none}.playground-card:after{content:"";position:absolute;inset:auto .9rem .8rem auto;width:5.9rem;height:5.9rem;border-radius:20px 14px 22px;border:1px solid rgba(124,171,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.06),transparent),radial-gradient(circle at 70% 30%,rgba(255,148,102,.18),transparent 55%);pointer-events:none;opacity:.9}.playground-card-aura,.playground-card-scanline{position:absolute;inset:0;z-index:1;pointer-events:none}.playground-card-aura{background:radial-gradient(circle at var(--card-pointer-x) var(--card-pointer-y),rgba(118,188,255,calc(var(--card-pointer-active) * .16)),transparent 22%);opacity:.8}.playground-card-scanline{inset:-24% 0 auto;height:34%;background:linear-gradient(180deg,transparent,rgba(168,206,255,.12),transparent);opacity:0;transform:translateY(-140%);transition:opacity .18s ease}.playground-card:hover .playground-card-scanline,.playground-card:focus-within .playground-card-scanline{opacity:1;animation:playground-card-scanline 1.6s ease}.playground-card-frame,.playground-card-frame-cut,.playground-card-window{position:absolute;pointer-events:none}.playground-card-frame{inset:.6rem;border:1px solid rgba(133,182,255,.08);border-radius:20px 12px 18px;opacity:.82}.playground-card-frame-cut{top:.6rem;right:.6rem;width:2rem;height:2rem;border-top:1px solid rgba(133,182,255,.16);border-right:1px solid rgba(133,182,255,.16);border-radius:0 10px 0 0;opacity:.8}.playground-card-window{top:3.2rem;right:.95rem;width:4.5rem;height:5.9rem;border-radius:18px 12px;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent),radial-gradient(circle at 40% 20%,rgba(127,179,255,.2),transparent 55%);border:1px solid rgba(131,178,255,.1);opacity:.9}.playground-card>*{position:relative;z-index:2}.playground-card-topline{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}.playground-pill,.playground-card-tag{display:inline-flex;align-items:center;border-radius:999px}.playground-pill{min-height:1.8rem;padding:.24rem .7rem;color:#e0ecffe0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0d}.playground-pill-featured{background:#ff7c5224;color:#ffb298}.playground-pill-status.status-warming{background:#ff956824;color:#ffc2a7;animation:playground-status-pulse 3.2s ease-in-out infinite}.playground-pill-status.status-incubating{background:#76b8ff24;color:#b9d9ff;animation:playground-status-pulse 4s ease-in-out infinite}.playground-pill-status.status-under-observation{background:#baa1ff24;color:#d8ccff;animation:playground-status-pulse 4.6s ease-in-out infinite}.playground-card-title{max-width:9ch;margin-bottom:.65rem;font-family:"Manrope",var(--font-body);font-size:clamp(1.45rem,2.3vw,2rem);font-weight:800;line-height:.96;letter-spacing:-.06em}.playground-card-summary{max-width:20rem;margin-bottom:.85rem;color:var(--playground-muted);font-size:.94rem;line-height:1.55}.playground-card-tech{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto;max-width:80%}.playground-card-tag{min-height:1.9rem;padding:.24rem .72rem;border:1px solid rgba(113,164,255,.14);background:#66a7ff12;color:#c9ddffd6;font-size:.76rem;letter-spacing:.04em;text-transform:lowercase}.playground-card-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.85rem;padding-top:.75rem;border-top:1px solid rgba(113,164,255,.1)}.playground-card-cta,.playground-card-secondary{font-size:.84rem;font-weight:600}.playground-card-cta{color:#dfe9ffd6;letter-spacing:.08em;text-transform:uppercase}.playground-card-secondary{padding:.38rem .78rem;border:1px solid rgba(113,164,255,.14);border-radius:999px;background:#ffffff08;color:#c9ddffc2;letter-spacing:.08em;text-transform:uppercase}.playground-card-secondary:hover{text-decoration:none}.playground-card.panel-tone-ember{background:linear-gradient(180deg,#180f10eb,#0b0e17d6),radial-gradient(circle at top right,rgba(255,133,87,.16),transparent 42%)}.playground-card.panel-tone-frost{background:linear-gradient(180deg,#091225eb,#070d18d6),radial-gradient(circle at top right,rgba(109,171,255,.18),transparent 42%)}.playground-card.panel-tone-signal{background:linear-gradient(180deg,#100e23eb,#090c18d6),radial-gradient(circle at top right,rgba(161,129,255,.18),transparent 42%)}.playground-closing-section{padding-top:3rem;padding-bottom:5rem}.playground-closing{max-width:34rem;margin-left:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}@keyframes playground-card-scanline{0%{transform:translateY(-140%)}to{transform:translateY(320%)}}@keyframes playground-status-pulse{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 .8rem #8fc1ff1f}}@media(max-width:1100px){.playground-intro-section,.playground-gallery-section,.playground-closing-section{width:min(100%,92rem)}}@media(max-aspect-ratio:4/3)and (min-width:761px){.playground-hero-content{width:min(22rem,calc(100vw - 2.2rem));padding-top:5.2rem}.playground-hero-copyblock{max-width:20rem}.playground-hero-content h1{font-size:clamp(1.8rem,3.8vw,2.4rem)}}@media(max-width:760px){.playground-hero-content{width:min(18rem,calc(100vw - 1.8rem));padding:4.4rem 0 0 .9rem}.playground-hero-copyblock{max-width:16.5rem;padding:.8rem .85rem .85rem}.playground-hero-content h1{font-size:clamp(1.45rem,7vw,2rem)}.playground-hero-copy{max-width:12rem;font-size:.88rem}.playground-intro-section,.playground-gallery-section,.playground-closing-section{padding:0 1.15rem}.playground-intro{grid-template-columns:1fr;max-width:none;margin-left:0}.playground-row{grid-template-columns:1fr;transform:none}.playground-grid-header h2{max-width:13ch}.playground-closing{margin-left:0;max-width:none}.playground-card,.playground-gallery.is-enhanced .playground-card[data-direction=ltr],.playground-gallery.is-enhanced .playground-card[data-direction=rtl]{min-height:16.5rem;transform:translate3d(0,24px,0)}.playground-gallery.is-enhanced .playground-card[data-visible=true]{transform:translateZ(0)}.playground-card-window{top:3rem;right:.8rem;width:3.7rem;height:4.8rem}.playground-card-title{max-width:8ch;font-size:clamp(1.35rem,6vw,1.8rem)}.playground-card-summary{max-width:14rem;font-size:.9rem}.playground-card-tech{max-width:100%}}@media(prefers-reduced-motion:reduce){.playground-hero-shell:before,.playground-hero-shell:after,.playground-hero-stage,.playground-hero-content,.playground-hero-scrollcue,.playground-row,.playground-card,.playground-card-scanline{transition:none}.playground-card,.playground-card[data-direction=ltr],.playground-card[data-direction=rtl]{opacity:1;transform:none}.playground-hero-stage{transform:none;opacity:1}.playground-pill-status.status-live,.playground-pill-status.status-in-progress,.playground-pill-status.status-concept,.playground-card-scanline{animation:none}}