.project-lp-layout{box-sizing:border-box;padding-bottom:8rem;flex-direction:column;gap:8rem;width:100%;max-width:1400px;margin:0 auto;padding-inline-start:clamp(1.25rem,4vw,3rem);padding-inline-end:clamp(1.25rem,4vw,3rem);display:flex;overflow-x:clip}.layout-content:has(.project-lp-layout){max-width:100vw;overflow-x:clip}.lp-hero{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin-top:2rem;display:grid}.lp-hero-content{z-index:2;flex-direction:column;gap:1.5rem;display:flex;position:relative}.lp-marker{color:var(--grkd-brand-secondary);font-family:var(--font-pixel);letter-spacing:.1em;text-shadow:0 0 10px oklch(from var(--grkd-brand-secondary) l c h / .5);font-size:1rem;font-weight:500}.lp-title{color:var(--grkd-text-primary);font-family:var(--font-primary);letter-spacing:-.02em;font-size:clamp(3rem,7vw,5.5rem);font-weight:900;line-height:1.1}.lp-tagline{color:var(--grkd-white-base);font-family:var(--font-primary);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;line-height:1.4}.lp-desc{color:#bebebe;color:color(display-p3 .743206 .743206 .743206);color:lab(76.8% -.0000298023 0);font-family:var(--font-primary);font-size:1.1rem;line-height:1.6}.lp-actions{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.lp-btn-primary{background:linear-gradient(135deg, var(--grkd-brand-secondary), oklch(from var(--grkd-brand-secondary) l c h / .6));min-width:200px;max-width:260px;color:var(--grkd-white-base);font-family:var(--font-primary);transition:transform .2s var(--grkd-ease-out), box-shadow .2s var(--grkd-ease-out), background .2s var(--grkd-ease-out);box-shadow:0 4px 15px oklch(from var(--grkd-brand-secondary) l c h / .3);border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.lp-btn-primary:hover{box-shadow:0 6px 20px oklch(from var(--grkd-brand-secondary) l c h / .5);transform:translateY(-2px)}.lp-btn-secondary{width:3.5rem;height:3.5rem;color:var(--grkd-white-base);transition:transform .2s var(--grkd-ease-out), border-color .2s var(--grkd-ease-out), background .2s var(--grkd-ease-out);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#c1cdef14;background:color(display-p3 .764714 .802136 .927356/.08);background:lab(82.2833% 1.06123 -18.5832/.08);border:1px solid #c1cdef26;border:1px solid color(display-p3 .764714 .802136 .927356/.15);border:1px solid lab(82.2833% 1.06123 -18.5832/.15);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.lp-btn-secondary:hover{background:#c1cdef26;background:color(display-p3 .764714 .802136 .927356/.15);background:lab(82.2833% 1.06123 -18.5832/.15);border-color:#c1cdef40;border-color:color(display-p3 .764714 .802136 .927356/.25);border-color:lab(82.2833% 1.06123 -18.5832/.25);transform:translateY(-2px)}.lp-hero-visual{z-index:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.lp-hero-glow{z-index:0;background:radial-gradient(circle, oklch(from var(--grkd-brand-secondary) l c h / .2) 0%, transparent 60%);pointer-events:none;width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lp-hero-gif{z-index:1;object-fit:contain;filter:drop-shadow(0 20px 40px #00000599);filter:drop-shadow(0 20px 40px color(display-p3 .000560806 -.00242035 .028802/.6));filter:drop-shadow(0 20px 40px lab(.0263863% 1.17009 -3.23967/.6));border-radius:.85rem;width:100%;max-width:800px;height:auto;position:relative;overflow:hidden}.lp-section-title{color:var(--grkd-brand-secondary);font-family:var(--font-pixel);text-align:center;letter-spacing:.1em;text-shadow:0 0 10px oklch(from var(--grkd-brand-secondary) l c h / .3);margin-bottom:3rem;font-size:1.5rem;font-weight:500}.lp-features-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.lp-feature-card{z-index:1;background:var(--grkd-surface-2,#0102031f);will-change:transform, box-shadow;transition:transform .4s var(--grkd-ease-spring), box-shadow .4s var(--grkd-ease-out), border-color .4s var(--grkd-ease-out);border:1px solid #c1cdef14;border:1px solid color(display-p3 .764714 .802136 .927356/.08);border:1px solid lab(82.2833% 1.06123 -18.5832/.08);border-radius:1.25rem;position:relative;overflow:hidden}@supports (color:color(display-p3 0 0 0)){.lp-feature-card{background:var(--grkd-surface-2,color(display-p3 .00510998 .00636051 .0122982/.12))}}@supports (color:lab(0% 0 0)){.lp-feature-card{background:var(--grkd-surface-2,lab(.451242% .0620261 -.669229/.12))}}.lp-feature-card:hover{border-color:oklch(from var(--grkd-brand-secondary) l c h / .3);transform:translateY(-4px);box-shadow:0 20px 40px #00000566;box-shadow:0 20px 40px color(display-p3 .000560806 -.00242035 .028802/.4);box-shadow:0 20px 40px lab(.0263863% 1.17009 -3.23967/.4)}.lp-feature-glow{z-index:0;background:radial-gradient(circle at 50% 0%, color-mix(in oklch, var(--grkd-brand-secondary) 15%, transparent) 0%, transparent 70%);opacity:0;pointer-events:none;border-radius:1.25rem;transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;right:0}.lp-feature-card:hover .lp-feature-glow{opacity:1}.lp-feature-content{z-index:2;flex-direction:row;align-items:stretch;height:100%;display:flex;position:relative}.lp-feature-icon-col{background:radial-gradient(circle at center, color-mix(in oklch, var(--grkd-brand-secondary) 10%, transparent) 0%, var(--grkd-surface) 100%);border-right:1px solid #c1cdef14;border-right:1px solid color(display-p3 .764714 .802136 .927356/.08);border-right:1px solid lab(82.2833% 1.06123 -18.5832/.08);flex-direction:column;justify-content:center;align-items:center;width:30%;padding:1.5rem;display:flex;position:relative}.lp-feature-icon-glow{background:radial-gradient(circle, oklch(from var(--grkd-brand-secondary) l c h / .2) 0%, transparent 70%);opacity:0;border-radius:50%;width:100px;height:100px;transition:opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lp-feature-card:hover .lp-feature-icon-glow{opacity:1}.lp-feature-icon{z-index:1;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.lp-feature-icon img{width:100%;height:auto;transition:transform .4s var(--grkd-ease-spring)}.lp-feature-card:hover img{transform:scale(1.1)}.lp-feature-text-col{flex-direction:column;flex-grow:1;gap:.75rem;width:70%;padding:2rem 1.5rem;display:flex}.lp-feature-title{color:#0000;font-family:var(--font-pixel,"Pixelify Sans", sans-serif);letter-spacing:.05em;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 12px #00000580);filter:drop-shadow(0 4px 12px color(display-p3 .000560806 -.00242035 .028802/.5));filter:drop-shadow(0 4px 12px lab(.0263863% 1.17009 -3.23967/.5));background:linear-gradient(135deg,#fac547 0%,#b68700 70%);background:linear-gradient(135deg,color(display-p3 .949529 .781096 .372571) 0%,color(display-p3 .693771 .532101 .0534471) 70%);background:linear-gradient(135deg,lab(82.8172% 10.8991 67.3469) 0%,lab(59.5057% 12.7527 79.8726) 70%);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;line-height:1.2}.lp-feature-desc{color:var(--grkd-text-secondary);font-family:var(--font-primary);font-size:.95rem;line-height:1.6}.lp-docs-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.lp-docs-category{flex-direction:column;gap:1rem;display:flex}.lp-docs-category-title{color:var(--grkd-brand-secondary);font-family:var(--font-pixel);text-align:center;letter-spacing:.1em;text-shadow:0 0 10px oklch(from var(--grkd-brand-secondary) l c h / .3);border-bottom:1px solid #c1cdef26;border-bottom:1px solid color(display-p3 .764714 .802136 .927356/.15);border-bottom:1px solid lab(82.2833% 1.06123 -18.5832/.15);margin-bottom:.5rem;padding-bottom:.5rem;font-size:1.2rem;font-weight:500}.lp-docs-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.lp-docs-link{color:var(--grkd-muted);font-family:var(--font-primary);transition:color .2s var(--grkd-ease-out), background .2s var(--grkd-ease-out), box-shadow .2s var(--grkd-ease-out);border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem;font-size:1rem;text-decoration:none;display:flex}.lp-docs-link svg{color:var(--grkd-brand-secondary);opacity:.5;transition:opacity .2s var(--grkd-ease-out), transform .2s var(--grkd-ease-out), filter .2s var(--grkd-ease-out)}.lp-docs-link:hover:not(.active),.lp-docs-link.active{color:#0000;font-family:var(--font-pixel);letter-spacing:.05em;background-image:linear-gradient(135deg,#fac547,#b68700);background-image:linear-gradient(135deg,color(display-p3 .949529 .781096 .372571),color(display-p3 .693771 .532101 .0534471));background-image:linear-gradient(135deg,lab(82.8172% 10.8991 67.3469),lab(59.5057% 12.7527 79.8726));-webkit-background-clip:text;background-clip:text}.lp-docs-link:hover svg,.lp-docs-link.active svg{opacity:1;transform:translate(2px)}.lp-docs-link.active{background-color:oklch(from var(--grkd-brand-secondary) l c h / .15);color:#fac547;color:color(display-p3 .949529 .781096 .372571);color:lab(82.8172% 10.8991 67.3469);background-image:none}.lp-docs-link.active svg{filter:drop-shadow(0 0 5px var(--grkd-brand-secondary))}.lp-active-doc{border-top:1px dashed #c1cdef26;border-top:1px dashed color(display-p3 .764714 .802136 .927356/.15);border-top:1px dashed lab(82.2833% 1.06123 -18.5832/.15);margin-top:4rem;padding-top:4rem}@media (max-width:1024px){.lp-hero{grid-template-columns:1fr;gap:3rem}.lp-hero-visual{grid-row:2/3;width:100%}.lp-hero-visual picture{width:100%;display:block}.lp-hero-gif{border-radius:.85rem;max-width:100%}.lp-hero-content{text-align:center;grid-row:1/2;align-items:center}.lp-desc{max-width:100%}.lp-actions{justify-content:center}}@media (max-width:768px){.project-lp-layout{gap:5rem;padding-bottom:6rem}.lp-docs-index>.lp-section-title{letter-spacing:.08em;white-space:nowrap;font-size:clamp(.85rem,3.6vw,1rem)}.lp-title{font-size:clamp(2.5rem,10vw,3.5rem)}.lp-features-grid,.lp-docs-grid{grid-template-columns:1fr;gap:1.5rem}.lp-feature-content{flex-direction:column}.lp-feature-icon-col{border-bottom:1px solid #c1cdef14;border-bottom:1px solid color(display-p3 .764714 .802136 .927356/.08);border-bottom:1px solid lab(82.2833% 1.06123 -18.5832/.08);border-right:none;width:100%;padding:2rem 1.5rem 1rem}.lp-feature-text-col{width:100%;padding:1.5rem 1.5rem 2rem}}