.kde-page{background:#f5f5f7}.kde-container{width:min(1100px, calc(100% - 32px));margin:0 auto}.kde-hero{position:relative;color:#fff;padding:90px 0 70px;text-align:center;background-image:var(--kde-hero-bg);background-size:cover;background-position:center;background-repeat:no-repeat}.kde-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgb(25 25 30 / .82) 0%,rgb(25 25 30 / .55) 55%,rgb(25 25 30 / .82) 100%)}.kde-hero::before{content:"";position:absolute;inset:-40px -120px -40px -120px;background:linear-gradient(135deg,rgb(255 255 255 / .08) 0%,#fff0 55%);pointer-events:none;z-index:1}.kde-hero__inner{position:relative;z-index:2;width:min(920px, calc(100% - 32px));margin:0 auto}.kde-hero__title{margin:12px 0 18px;text-transform:uppercase;font-weight:900;letter-spacing:.05em;line-height:1.05}.kde-hero__line{display:block;font-weight:900;text-transform:uppercase;letter-spacing:.05em;line-height:1.05}.kde-hero__line:not(.kde-hero__line--accent){font-size:52px}.kde-hero__line--accent{font-size:72px;color:#fe5100;font-style:italic;letter-spacing:.03em}.kde-hero__title .kde-accent{color:#fe5100;font-style:italic}.kde-hero__subtitle{margin:0 auto 140px;max-width:520px;opacity:.9;font-size:12px;line-height:1.55;text-transform:uppercase;letter-spacing:.06em}.kde-hero__inner{padding-top:14px;padding-bottom:90px}.kde-hero__title{margin:0 0 18px}.kde-hero__subtitle{margin:0 auto}@media (max-width:900px){.kde-hero__line:not(.kde-hero__line--accent){font-size:38px}.kde-hero__line--accent{font-size:54px}}@media (max-width:520px){.kde-hero__line:not(.kde-hero__line--accent){font-size:30px}.kde-hero__line--accent{font-size:42px}}.kde-steps{padding:40px 0 40px}.kde-card{width:min(980px, 100%);margin:0 auto 34px;border-radius:18px;background:#fff;box-shadow:0 14px 35px rgb(0 0 0 / .12)}.kde-card__inner{display:grid;grid-template-columns:380px 1fr;gap:28px;align-items:center;padding:28px 34px}.kde-card--image-right .kde-card__inner{grid-template-columns:1fr 380px}.kde-card--image-right .kde-card__media{order:2}.kde-card--image-right .kde-card__content{order:1}.kde-shot{width:100%;height:auto;display:block;border-radius:14px;background:#fff0;box-shadow:none}.kde-step{text-align:center;margin-bottom:6px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#7a7885;transition:color 200ms ease}.kde-card__title{margin:0 0 12px;text-transform:uppercase;font-weight:900;letter-spacing:.04em;color:#2b2a31;font-size:30px;transition:color 200ms ease}.kde-card{transition:transform 220ms ease,box-shadow 220ms ease}.kde-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgb(0 0 0 / .16)}.kde-card:hover .kde-step,.kde-card:hover .kde-card__title{color:#fe5100}.kde-card__inner{display:grid;grid-template-columns:380px 1fr;grid-template-rows:auto auto 1fr;gap:28px;align-items:center;padding:28px 34px}.kde-card__content{display:contents}.kde-step{grid-column:1 / -1;grid-row:1;text-align:center;margin-bottom:6px}.kde-card__title{grid-column:1 / -1;grid-row:2;text-align:center;margin:0 0 8px}.kde-card__media{grid-column:1 / 2;grid-row:3}.kde-card__text{grid-column:2 / 3;grid-row:3}.kde-card--image-right .kde-card__inner{grid-template-columns:1fr 380px}.kde-card--image-right .kde-card__media{grid-column:2 / 3}.kde-card--image-right .kde-card__text{grid-column:1 / 2}@media (max-width:900px){.kde-card__inner{grid-template-columns:1fr;grid-template-rows:auto auto auto}.kde-step,.kde-card__title{text-align:left}.kde-card__media,.kde-card__text{grid-column:1 / -1;grid-row:auto}}body.page-template-page-kit-designer-explained .kde-card{transition:transform 220ms ease,box-shadow 220ms ease}body.page-template-page-kit-designer-explained .kde-card.is-active{transform:translateY(-4px);box-shadow:0 8px 18px rgb(23 26 33 / .1),0 18px 36px rgb(23 26 33 / .1)}body.page-template-page-kit-designer-explained .kde-card.is-active .kde-step,body.page-template-page-kit-designer-explained .kde-card.is-active .kde-card__title{color:#fe5100}@media (max-width:900px){body.page-template-page-kit-designer-explained .kde-card:hover{transform:none;box-shadow:0 14px 35px rgb(0 0 0 / .12)}}.kde-help{width:min(980px, 100%);margin:10px auto 0;text-align:center;padding:10px 0 0}.kde-help__title{margin:0 0 8px;font-weight:900;color:#2b2a31;font-size:20px}.kde-help__text{margin:0 auto 16px;max-width:520px;color:#4a4855;line-height:1.6;font-size:13px}.kde-btn{display:inline-block;padding:12px 26px;border-radius:999px;background:#fe5100;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.02em}.kde-btn:hover{filter:brightness(1.03)}.kde-end{position:relative;padding:120px 0 140px;text-align:center;color:#fff;background-image:var(--kde-hero-bg);background-size:cover;background-position:center;background-repeat:no-repeat}.kde-end::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(25 25 30 / .88) 0%,rgb(25 25 30 / .55) 55%,rgb(25 25 30 / .88) 100%)}.kde-end__inner{position:relative;z-index:2;width:min(920px, calc(100% - 32px));margin:0 auto}.kde-end__word{margin:0 0 26px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:clamp(56px, 6vw, 86px);color:#fe5100;font-style:italic;line-height:1}.kde-end__sub{margin:0 0 42px;opacity:.9;text-transform:uppercase;letter-spacing:.08em;font-size:13px;line-height:1.6}.kde-end .kde-btn{padding:16px 40px;font-size:15px;border-radius:999px}.kde-end .kde-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 34px;border-radius:999px;background:#fe5100;color:#fff;font-weight:800;font-size:15px;text-decoration:none;box-shadow:0 8px 18px rgb(254 81 0 / .25);transition:transform 0.15s ease,box-shadow 0.15s ease,background-color 0.15s ease}.kde-end .kde-btn:hover{background:#e54900;transform:translateY(-2px);box-shadow:0 12px 26px rgb(254 81 0 / .3)}.kde-end .kde-btn:active{transform:translateY(0);box-shadow:0 6px 14px rgb(254 81 0 / .22)}.kde-end .kde-btn:focus-visible{outline:2px solid #fe5100;outline-offset:3px}@media (max-width:900px){.kde-hero__title{font-size:36px}.kde-card__inner,.kde-card--image-right .kde-card__inner{grid-template-columns:1fr;padding:22px}.kde-step,.kde-card__title{text-align:center}}@media (max-width:520px){.kde-hero{padding:70px 0 55px}.kde-hero__title{font-size:30px}}.kde-page{background:#f5f5f7}.kde-hero{position:relative;overflow:hidden}.kde-hero__overlay{position:absolute;inset:0;z-index:1}.kde-hero__inner{position:relative;z-index:3}.kde-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:44px;z-index:2;pointer-events:none;background:linear-gradient(to top,var(--kde-page-bg) 0,var(--kde-page-bg) 14px,#fff0 44px)}.kde-steps{position:relative;padding-bottom:80px}.kde-steps::after{content:none!important}:root{--kde-page-bg:#ffffff}.kde-page{background:var(--kde-page-bg)}.kde-end{position:relative;background-image:var(--kde-hero-bg);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.kde-end::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgb(25 25 30 / .88) 0%,rgb(25 25 30 / .55) 55%,rgb(25 25 30 / .88) 100%)}.kde-end::before{content:"";position:absolute;left:0;right:0;top:0;height:44px;z-index:2;pointer-events:none;background:linear-gradient(to bottom,var(--kde-page-bg) 0,var(--kde-page-bg) 14px,#fff0 44px)}.kde-end__inner{position:relative;z-index:3}#kde-lightbox{position:fixed;inset:0;z-index:99999;opacity:0;pointer-events:none;transition:opacity .2s ease}#kde-lightbox.is-open{opacity:1;pointer-events:auto}.kde-lightbox__backdrop{position:absolute;inset:0;background:rgb(0 0 0 / .75)}.kde-lightbox__panel{position:absolute;inset:24px;display:grid;place-items:center}.kde-lightbox__img{max-width:min(1100px, 92vw);max-height:90vh;width:auto;height:auto;border-radius:14px;box-shadow:0 20px 60px rgb(0 0 0 / .5);background:none}.kde-lightbox__close{position:absolute;top:16px;right:18px;font-size:34px;line-height:1;padding:6px 12px;border:0;border-radius:12px;cursor:pointer;background:rgb(255 255 255 / .12);color:#fff}html.kde-lightbox-open{overflow:hidden}.kde-lightbox-trigger{background:none;border:0;padding:0;cursor:zoom-in;display:inline-block}.kde-lightbox-trigger img{transition:transform .2s ease,box-shadow .2s ease;box-shadow:none}@media (hover:hover){.kde-lightbox-trigger:hover img,.kde-lightbox-trigger:focus-visible img{transform:translateY(-2px);box-shadow:0 10px 24px rgb(0 0 0 / .18)}}