.codekit-page{background:#fbfaf6;color:var(--color-text);padding-top:var(--header-height)}.codekit-page .container{width:min(86vw,var(--container-max))}.codekit-hero{background:linear-gradient(135deg,#eff8fff0,#fff 54%,#f6f4ef);padding:3.5rem 0 4rem}.codekit-hero-grid{align-items:center;display:grid;gap:clamp(2rem,5vw,5rem);grid-template-columns:minmax(0,.95fr) minmax(340px,.85fr)}.codekit-hero-copy{max-width:720px}.codekit-hero h1{color:var(--color-ink);font-size:clamp(2.35rem,4.35vw,3.75rem);font-weight:780;letter-spacing:0;line-height:1.04;margin:.85rem 0 1.35rem}.codekit-hero-copy>p{color:#475467;font-size:1.1rem;line-height:1.55;margin:0 0 1.15rem;max-width:660px}.hero-preview{margin:0}.hero-preview img,.feature-media img,.about-media img{border:1px solid rgba(16,24,40,.08);border-radius:8px;box-shadow:var(--shadow-soft);object-fit:cover;width:100%}.hero-preview img,.feature-media img{aspect-ratio:3 / 2}.lead-form{background:var(--color-white);border:1px solid rgba(16,24,40,.12);border-radius:8px;box-shadow:0 16px 48px #1018281a;display:grid;gap:.8rem;max-width:620px;padding:1rem}.lead-form-row{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto}.lead-form input[type=email]{background:#fff;border:1px solid var(--color-border);border-radius:8px;color:var(--color-ink);min-height:54px;outline:none;padding:.9rem 1rem;width:100%}.lead-form input[type=email]:focus{border-color:var(--color-blue);box-shadow:0 0 0 4px #1570ef24}.lead-form input[type=submit]{background:var(--color-blue);border:0;border-radius:8px;color:var(--color-white);cursor:pointer;font-weight:760;min-height:54px;min-width:184px;padding:.9rem 1.2rem;transition:background-color .18s ease,transform .18s ease;white-space:nowrap}.lead-form input[type=submit]:hover{background:var(--color-blue-hover);transform:translateY(-1px)}.lead-policy{color:#667085;font-size:.88rem;line-height:1.5;margin:0}.lead-policy a{color:var(--color-blue-hover);font-weight:650}.lead-honeypot,.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.codekit-section{padding:var(--space-section) 0}.codekit-section-intro{max-width:780px}.codekit-section-intro.centered{margin-inline:auto;text-align:center}.codekit-section-intro h2{color:var(--color-ink);font-size:var(--text-4xl);font-weight:760;letter-spacing:0;line-height:1.08;margin:0}.codekit-section-intro p{color:#475467;font-size:1.16rem;line-height:1.58;margin:1rem 0 0}.feature-stack{display:grid;gap:clamp(3rem,7vw,6rem);margin-top:4rem}.feature-row{align-items:center;display:grid;gap:clamp(2rem,5vw,5rem);grid-template-columns:minmax(280px,.76fr) minmax(0,1fr)}.feature-row.is-reversed{grid-template-columns:minmax(0,1fr) minmax(280px,.76fr)}.feature-row.is-reversed .feature-copy{order:2}.feature-copy{align-content:start;display:grid;gap:1rem}.feature-copy img{height:56px;width:57px}.feature-copy h3{color:var(--color-ink);font-size:var(--text-2xl);line-height:1.16;margin:0}.feature-copy p{font-size:1.05rem;line-height:1.65;margin:0}.components-section{background:#fff}.component-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:3.5rem}.component-tile{align-items:center;background:#fbfaf6;border:1px solid rgba(16,24,40,.1);border-radius:8px;display:grid;gap:.85rem;justify-items:center;min-height:148px;padding:1.25rem 1rem;text-align:center}.component-tile img{height:68px;width:68px}.component-tile span{color:var(--color-ink);font-size:.98rem;font-weight:720;line-height:1.25}.developer-band{background:linear-gradient(180deg,var(--color-navy) 0%,#0b2d52 100%);color:var(--color-white);padding:var(--space-section) 0}.codekit-section-intro.light h2,.codekit-section-intro.light p{color:var(--color-white)}.outcome-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:3.5rem}.outcome-card{background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:1.5rem}.outcome-card img{height:56px;width:57px}.outcome-card h3{color:var(--color-white);font-size:var(--text-xl);line-height:1.18;margin:1.35rem 0 .8rem}.outcome-card p{color:#ffffffc7;font-size:1rem;line-height:1.58;margin:0}.about-section{background:#fbfaf6}.about-grid{align-items:center;display:grid;gap:clamp(2rem,5vw,5rem);grid-template-columns:minmax(280px,.78fr) minmax(0,1fr)}.about-copy h2{color:var(--color-ink);font-size:var(--text-4xl);line-height:1.08;margin:0 0 1.25rem}.about-copy p{font-size:1.08rem;line-height:1.68;margin:0 0 1rem}.about-copy p:last-child{margin-bottom:0}.about-media img{aspect-ratio:36 / 25}.final-download{background:#101828;color:var(--color-white);padding:var(--space-section) 0}.final-download-inner{display:grid;justify-items:center}.final-lead-form{margin-top:2rem;width:min(100%,680px)}@media(max-width:1100px){.codekit-hero-grid,.feature-row,.feature-row.is-reversed,.about-grid{grid-template-columns:1fr}.feature-row.is-reversed .feature-copy{order:initial}.component-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.codekit-hero{padding:4rem 0}.outcome-grid{grid-template-columns:1fr}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.codekit-page .container{width:min(90vw,var(--container-max))}.codekit-section-intro.centered{text-align:left}.lead-form-row{grid-template-columns:1fr}.lead-form input[type=submit]{width:100%}.component-grid{grid-template-columns:1fr}}