:root{
	--cream:#FFF8EC;
	--kraft:#F3E4C8;
	--coral:#FF6B6B;
	--sky:#4D96FF;
	--sun:#FFD93D;
	--mint:#6BCB77;
	--ink:#2B2B33;
}
*{box-sizing:border-box}
.kcl-container{max-width:1120px;margin:0 auto;padding:0 24px}

/* Header */
.kcl-header{position:sticky;top:0;background:rgba(255,248,236,.92);backdrop-filter:blur(6px);z-index:50;border-bottom:2px solid var(--ink)}
.kcl-header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:20px}
.kcl-logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;color:var(--ink);text-decoration:none}
.kcl-logo-mark{font-size:24px}
.kcl-nav-list{list-style:none;display:flex;gap:26px;margin:0;padding:0}
.kcl-nav-list a{color:var(--ink);text-decoration:none;font-weight:700}
.kcl-btn{display:inline-block;background:var(--coral);color:#fff;font-weight:800;padding:12px 26px;border-radius:999px;text-decoration:none;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .15s}
.kcl-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink);color:#fff}
.kcl-btn-small{padding:8px 18px;font-size:14px}
.kcl-btn-ghost{background:transparent;color:var(--ink);box-shadow:none}
.kcl-btn-block{display:block;text-align:center}
.kcl-btn-dark{background:var(--ink);border-color:var(--ink)}

/* Hero */
.kcl-hero{padding:70px 0 40px}
.kcl-hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.kcl-eyebrow{display:inline-block;background:var(--sun);border:2px solid var(--ink);border-radius:999px;padding:4px 14px;font-weight:800;font-size:13px;margin-bottom:16px}
.kcl-hero h1{font-size:48px;line-height:1.08;margin:0 0 18px;font-weight:800}
.kcl-hero-sub{font-size:18px;color:#4a4a55;max-width:520px}
.kcl-hero-ctas{display:flex;gap:14px;margin:26px 0 12px;flex-wrap:wrap}
.kcl-hero-note{font-size:13px;color:#888;font-weight:700}
.kcl-hero-art{position:relative;height:360px}
.kcl-hero-page{position:absolute;width:130px;height:170px;background:#fff;border:3px solid var(--ink);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:52px;box-shadow:6px 6px 0 var(--ink);animation:kcl-float 5s ease-in-out infinite}
.kcl-hero-page-1{top:10px;left:10px;background:var(--sky);animation-delay:0s}
.kcl-hero-page-2{top:90px;left:150px;background:var(--sun);animation-delay:.6s}
.kcl-hero-page-3{top:190px;left:30px;background:var(--mint);animation-delay:1.2s}
.kcl-hero-badge{position:absolute;right:0;bottom:20px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;transform:rotate(-4deg)}
@keyframes kcl-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}

/* Strip */
.kcl-strip{background:var(--ink);padding:16px 0}
.kcl-strip-inner{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.kcl-chip{background:#fff;border:2px solid var(--ink);border-radius:999px;padding:6px 16px;font-weight:800;font-size:14px}

/* Sections */
.kcl-section{padding:70px 0}
.kcl-section-alt{background:var(--kraft)}
.kcl-h2{font-size:34px;text-align:center;margin:0 0 40px;font-weight:800}

/* Features */
.kcl-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.kcl-feature-card{background:#fff;border:3px solid var(--ink);border-radius:16px;padding:24px;box-shadow:5px 5px 0 var(--ink)}
.kcl-feature-icon{font-size:30px;display:block;margin-bottom:10px}
.kcl-feature-card h3{margin:0 0 8px;font-size:18px}
.kcl-feature-card p{margin:0;color:#555;font-size:14px}

/* Steps */
.kcl-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.kcl-step{text-align:center}
.kcl-step-num{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--coral);color:#fff;font-weight:800;border:3px solid var(--ink);margin-bottom:12px}
.kcl-step h3{margin:0 0 6px;font-size:16px}
.kcl-step p{margin:0;color:#555;font-size:13px}

/* Reach */
.kcl-reach{text-align:center}
.kcl-reach-sub{color:#555;max-width:560px;margin:0 auto 26px}
.kcl-marketplace-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* Pricing */
.kcl-pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;max-width:760px;margin:0 auto}
.kcl-price-card{background:#fff;border:3px solid var(--ink);border-radius:18px;padding:30px;box-shadow:6px 6px 0 var(--ink)}
.kcl-price-card-pro{background:var(--ink);color:#fff}
.kcl-price-card-pro h3{color:var(--sun)}
.kcl-price{font-size:28px;font-weight:800;margin:6px 0 18px}
.kcl-price-card ul{list-style:none;padding:0;margin:0 0 24px}
.kcl-price-card li{padding:6px 0;border-top:1px dashed #ccc}
.kcl-price-card-pro li{border-top:1px dashed #555}

/* Footer */
.kcl-footer{background:var(--ink);color:#fff;padding:40px 0}
.kcl-footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.kcl-footer-list{list-style:none;display:flex;gap:20px;margin:0;padding:0}
.kcl-footer-list a{color:#fff;text-decoration:none}
.kcl-footer-copy{width:100%;text-align:center;color:#aaa;font-size:12px;margin:20px 0 0}

/* Basic content pages */
.kcl-content{padding:60px 0;max-width:760px}

@media (max-width: 880px){
	.kcl-hero-inner{grid-template-columns:1fr}
	.kcl-feature-grid{grid-template-columns:repeat(2,1fr)}
	.kcl-steps{grid-template-columns:repeat(2,1fr)}
	.kcl-pricing-grid{grid-template-columns:1fr}
	.kcl-nav{display:none}
}