/* WebRelife — v4 (UX Pilot design): shared tokens, CTA + footer. Header stays the white v1 header. */
.design-v4{
	--k-f900:#07150c;--k-f800:#0c2014;--k-f700:#13301e;--k-code:#050d08;
	--k-b50:#effdf3;--k-b400:#4ade80;--k-b500:#22c55e;--k-b600:#16a34a;--k-b700:#15803d;--k-b800:#14532d;--k-lime:#a3e635;
	--k-bg:#f6f8f6;--k-font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
	--k-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.k-wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:24px}
.k-front,.k-cta,.k-foot{font-family:var(--k-font);-webkit-font-smoothing:antialiased}
.k-front h1,.k-front h2,.k-front h3,.k-front h4,.k-cta h2,.k-foot h4{font-family:var(--k-font);letter-spacing:-.025em;margin:0}
.k-front p,.k-cta p,.k-foot p{margin:0}
@media (min-width:768px){.k-m{display:none!important}}
@media (max-width:767px){.k-d{display:none!important}}
/* Buttons */
.k-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 24px;border:1px solid transparent;border-radius:12px;background:var(--k-b600);color:#fff;font-family:var(--k-font);font-weight:700;font-size:15px;line-height:1.2;white-space:nowrap;box-shadow:0 25px 50px -12px rgba(22,163,74,.4);transition:background .2s,transform .2s,border-color .2s}
.k-btn:hover{background:var(--k-b500);color:#fff}
.k-btn .wr-icon{width:16px;height:16px}
.k-btn--lg{padding:16px 32px;border-radius:16px;font-size:16px}
.k-btn--glass{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);box-shadow:none;color:#fff}
.k-btn--glass:hover{background:rgba(255,255,255,.1);color:#fff}
.k-ico-green{display:inline-flex;color:var(--k-b400)}
.k-ico-green .wr-icon{width:18px;height:18px}
/* Logo (footer) */
.k-logo{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.k-logo:hover{color:#fff}
.k-logo__mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--k-b600);box-shadow:0 10px 15px -3px rgba(22,163,74,.3);font-family:var(--k-mono);font-weight:700;font-size:15px;color:#fff}
.k-logo__word{font-weight:700;font-size:24px;letter-spacing:-.025em}
.k-logo__word b{font-weight:700;color:var(--k-b400)}
/* ---------- CTA card ---------- */
.k-cta{padding-block:96px;background:var(--k-bg)}
.k-cta__card{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:64px;border-radius:48px;background:var(--k-f900);color:#fff}
.k-cta__blob{position:absolute;right:-80px;top:-80px;width:288px;height:288px;border-radius:50%;background:rgba(22,163,74,.3);filter:blur(64px);pointer-events:none}
.k-cta__text{position:relative;max-width:672px}
.k-cta h2{font-size:48px;font-weight:800;line-height:1.25;letter-spacing:-.025em;color:#fff}
.k-cta p{margin-top:16px;font-size:18px;color:rgba(255,255,255,.6)}
.k-cta__actions{position:relative;display:flex;flex-wrap:wrap;gap:16px}
/* ---------- Footer ---------- */
.k-foot{position:relative;overflow:hidden;background:var(--k-f900);color:#fff;border-top:1px solid rgba(255,255,255,.05)}
.k-foot__blob{display:none}
.k-foot a{color:inherit}
.k-foot__grid{position:relative;display:grid;grid-template-columns:1.1fr 2fr 1fr;gap:48px;padding-block:64px 40px}
.k-foot__brand>p{margin-top:16px;font-size:14px;line-height:1.65;color:rgba(255,255,255,.5);max-width:300px}
.k-foot__menus{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.k-acc summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-weight:700;font-size:16px;list-style:none;cursor:default;pointer-events:none}
.k-acc summary::-webkit-details-marker{display:none}
.k-acc summary .wr-icon{display:none;width:14px;height:14px;color:rgba(255,255,255,.4);transition:transform .2s}
.k-flist{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;color:rgba(255,255,255,.6)}
.k-flist a{color:rgba(255,255,255,.6);transition:color .2s}
.k-flist a:hover{color:var(--k-b400)}
.k-foot__connect h4{margin-bottom:16px;font-weight:700;font-size:16px;color:#fff}
.k-socials .wr-social{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}
.k-socials .wr-social a{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;transition:background .2s}
.k-socials .wr-social a:hover{background:var(--k-b600);color:#fff}
.k-socials .wr-social .wr-icon{width:16px;height:16px}
.k-flist--contact{margin-top:20px}
.k-foot__pay{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:28px}
.k-foot__pay p{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.4)}
.k-foot__pay ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.k-foot__pay li{display:grid;place-items:center;height:32px;padding:0 10px;border-radius:8px;background:#fff;font-size:11px;font-weight:800;letter-spacing:.02em}
.p-visa{color:#1a1f71}.p-mc{color:#eb001b}.p-amex{color:#2e77bc}.p-pp{color:#003087}.p-bk{color:#e2136e}.p-ng{color:#f6921e}
.k-foot__bar{border-top:1px solid rgba(255,255,255,.05);padding:24px;text-align:center;font-size:12px;color:rgba(255,255,255,.4)}
@media (max-width:1023px){
	.k-cta__card{flex-direction:column;align-items:flex-start;padding:48px}
	.k-foot__grid{grid-template-columns:1fr 1fr}
	.k-foot__brand{grid-column:1/-1}
}
@media (max-width:767px){
	.k-cta{padding-block:56px}
	.k-cta__card{padding:32px 24px;border-radius:32px;gap:28px}
	.k-cta h2{font-size:32px}
	.k-cta p{font-size:16px}
	.k-cta__actions{width:100%}
	.k-cta__actions .k-btn{flex:1 1 100%}
	.k-foot{border-radius:32px 32px 0 0;border-top:0}
	.k-foot__blob{display:block;position:absolute;top:-80px;right:-80px;width:240px;height:240px;border-radius:50%;background:rgba(22,163,74,.2);filter:blur(64px);pointer-events:none}
	.k-wrap{padding-inline:20px}
	.k-foot__grid{grid-template-columns:1fr;gap:0;padding-block:40px 0}
	.k-logo__mark{font-size:14px}
	.k-logo__word{font-size:20px}
	.k-foot__brand>p{max-width:none;color:rgba(255,255,255,.55)}
	.k-socials{margin-top:20px}
	.k-socials .wr-social{gap:10px}
	.k-socials .wr-social a{width:44px;height:44px;border-radius:16px}
	.k-contacts{display:grid;gap:10px;margin-top:32px}
	.k-ccard{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff}
	.k-ccard__ico{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--k-b600)}
	.k-ccard__ico .wr-icon{width:16px;height:16px}
	.k-ccard small{display:block;font-size:11px;color:rgba(255,255,255,.45)}
	.k-ccard strong{display:block;font-size:14px;font-weight:600}
	.k-foot__menus{display:block;margin-top:32px;border-block:1px solid rgba(255,255,255,.1)}
	.k-acc{padding-block:16px}
	.k-acc+.k-acc{border-top:1px solid rgba(255,255,255,.1)}
	.k-acc summary{margin:0;cursor:pointer;pointer-events:auto}
	.k-acc summary .wr-icon{display:block}
	.k-acc[open] summary .wr-icon{transform:rotate(180deg)}
	.k-acc .k-flist{margin-top:12px;gap:10px}
	.k-flist--dot a{display:inline-flex;align-items:center;gap:8px}
	.k-flist--dot a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--k-b400)}
	.k-flist--2{grid-template-columns:1fr 1fr}
	.k-foot__pay{display:block;padding-top:24px;padding-bottom:0}
	.k-foot__pay ul{margin-top:12px}
	.k-foot__bar{border-top:0;padding:32px 20px 110px}
}