.landing-page{min-height:100vh}.hero{flex-direction:column;align-items:center;padding-top:24px;display:flex}.hero h1{color:var(--red);font-family:var(--pk-brand-font);text-align:center;text-shadow:6px 6px #000;margin-bottom:24px;font-size:clamp(2.4rem,8vw,6rem);font-weight:900;line-height:.95}.hero .logo{width:200px;height:auto}.hero-subtitle{text-align:center;max-width:700px;margin-bottom:40px;font-size:1.5rem;font-weight:500}.hero-actions{align-items:center;gap:20px;margin-bottom:60px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border:3px solid #000;height:60px;padding:16px 28px;font-size:1.1rem;font-weight:800;transition:transform .1s,box-shadow .1s;box-shadow:6px 6px #000}.primary-btn{background:var(--yellow)}.secondary-btn{background:#fff}.github-btn{justify-content:center;align-items:center;display:flex}.primary-btn:hover,.secondary-btn:hover{transform:translate(3px,3px);box-shadow:3px 3px #000}.workflow-section{max-width:1400px;margin:0 auto;padding:20px}.section-title{text-align:center;text-shadow:4px 4px #74c0fc;margin-bottom:80px;font-size:clamp(2.5rem,5vw,4rem);font-weight:900}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:80px 120px;max-width:900px;margin:0 auto;display:grid}.step-card{background:#fff;border:4px solid #000;min-height:220px;padding:24px 20px;position:relative}.step-1{grid-area:1/1}.step-2{grid-area:1/2}.step-3{grid-area:2/2}.step-4{grid-area:2/1}.step-5{grid-column:1/3;min-height:260px}.step-num{margin-bottom:8px;font-size:3.5rem;font-weight:900;line-height:1;display:block}.step-label{margin-bottom:8px;font-size:1.1rem;font-weight:800}.step-desc{font-size:.875rem;font-weight:500;line-height:1.4}.step-1:after,.step-2:after,.step-3:after,.step-4:after{content:"";background:#000;position:absolute}.step-1:after{width:124px;height:6px;top:50%;left:100%}.step-2:after{width:6px;height:84px;top:100%;left:50%}.step-3:after{width:124px;height:6px;top:50%;right:100%}.step-4:after{width:6px;height:84px;top:100%;left:50%}.step-5-inner{gap:40px;height:100%;display:flex}.step-5-left{flex-direction:column;gap:8px;min-width:200px;display:flex}.mod-features{flex-direction:column;gap:6px;margin-top:4px;list-style:none;display:flex}.mod-features li{font-size:.85rem;font-weight:600}.step-5-right{flex-direction:column;flex:1;justify-content:center;gap:16px;display:flex}.embed-headline{font-size:1.5rem;font-weight:900;line-height:1.2}.embed-code-block{border:3px solid #000;padding:4px}.embed-code{white-space:pre-wrap;word-break:break-all;color:#000;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;line-height:1.8}.selfhost-section{max-width:900px;margin:0 auto;padding:40px 20px 100px}.selfhost-card{background:var(--red);text-align:center;border:4px solid #000;padding:48px 40px;transition:transform .1s,box-shadow .1s;box-shadow:8px 8px #000}.selfhost-desc{max-width:600px;margin:16px auto 28px;font-size:1.1rem;font-weight:500;line-height:1.6}@media (width<=480px){.selfhost-card{padding:28px 20px}}.pricing-section{max-width:1100px;margin:0 auto;padding:60px 24px 120px}.pricing-subtitle{text-align:center;margin-top:-40px;margin-bottom:60px;font-size:1.2rem;font-weight:500}.pricing-cards{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;display:flex}.pricing-card{border:4px solid #000;flex-direction:column;gap:12px;width:300px;height:370px;padding:36px 28px;display:flex}.pricing-tier{text-transform:uppercase;letter-spacing:.1em;border:3px solid #000;padding:4px 10px;font-size:.9rem;font-weight:800;display:inline-block}.pricing-price{align-items:baseline;gap:4px;font-size:3.5rem;font-weight:900;line-height:1;display:flex}.pricing-period{font-size:1rem;font-weight:600}.pricing-loads{border-bottom:3px solid #000;padding-bottom:16px;font-size:.9rem;font-weight:700}.pricing-desc{flex:1;font-size:.9rem;font-weight:500;line-height:1.5}.pricing-cta{color:#000;width:100%;font-size:1rem;font-weight:800;font-family:var(--pk-heading-font);cursor:pointer;background:#fff;border:3px solid #000;padding:14px;transition:transform .1s,box-shadow .1s}.pricing-cta:hover{transform:translate(2px,2px);box-shadow:2px 2px #0000004d}@media (width<=900px){.navbar-landing{flex-direction:column;gap:16px;height:auto;padding:20px}.nav-links{flex-wrap:wrap;justify-content:center}.navbar-landing .logo{font-size:2rem}.hero h1{font-size:4rem}.hero-subtitle{font-size:1.1rem}.hero-actions{flex-direction:column;width:100%}.workflow-grid{grid-template-columns:1fr;gap:24px}.step-1,.step-2,.step-3,.step-4,.step-5{grid-area:auto/1}.step-1:after,.step-2:after,.step-3:after,.step-4:after,.step-5:before{display:none}.step-5{min-height:auto}.step-5-inner{flex-direction:column}.step-card{width:100%;max-width:380px}.pricing-subtitle{margin-top:16px;margin-bottom:40px}.pricing-cards{flex-direction:column;align-items:center}.pricing-card{width:100%;max-width:380px}}
