/*
Theme Name: Kylipay
Author: Kylipay
Description: Multilingual Kylipay starter theme; client portal requires separate secure development.
Version: 1.0.0
Requires at least: 6.0
*/
:root{--navy:#132d46;--blue:#1769aa;--teal:#28a68b;--ink:#253746;--muted:#647584;--line:#e2e9ee;--soft:#f5f9fb}*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui,Arial,sans-serif;color:var(--ink)}a{color:var(--blue);text-decoration:none}.container{width:min(1120px,92%);margin:auto}.header,.footer{padding:18px 0;border-bottom:1px solid var(--line)}.head,.foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.logo{font-size:1.5rem;font-weight:850;color:var(--navy)}nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}nav a{color:var(--ink);font-weight:650}.lang{padding:8px;border:1px solid var(--line);border-radius:8px}.hero{padding:75px 0;background:linear-gradient(115deg,#eff9f6,#fff)}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center}.hero h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.08;letter-spacing:-.05em;color:var(--navy);margin:0 0 18px}.hero p,.muted{color:var(--muted)}.btn{display:inline-block;background:var(--blue);color:#fff;padding:12px 18px;border-radius:9px;font-weight:750;border:0;cursor:pointer}.btn.alt{background:white;color:var(--navy);border:1px solid var(--line)}.panel,.card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px}.visual{box-shadow:0 18px 50px #132d4610}.section{padding:65px 0}.soft{background:var(--soft)}h2{color:var(--navy);font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.2}.center{text-align:center;max-width:760px;margin:0 auto 30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards h3{color:var(--navy)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.num{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#def4ee;color:#116b5b;font-weight:bold}.calc{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:block;font-weight:650;margin:0 0 15px}.field input,.field textarea{display:block;width:100%;padding:12px;border:1px solid #cbd7df;border-radius:8px;font:inherit;margin-top:6px}.result{background:var(--navy);color:#fff;border-radius:16px;padding:25px}.result strong{display:block;font-size:2rem}.faq{max-width:850px;margin:auto}.faq details{padding:16px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:750;color:var(--navy)}.cta{padding:35px;background:var(--navy);color:white;border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cta h2{color:white;margin:0}.pagehero{background:var(--soft);padding:45px 0}.content{max-width:900px;padding:35px 0 70px}.note{background:#f8fafb;border:1px solid var(--line);padding:15px;border-radius:10px;color:var(--muted);font-size:.9rem}.footer{background:var(--soft);border-top:1px solid var(--line);border-bottom:0}@media(max-width:800px){.grid,.calc{grid-template-columns:1fr}.cards,.steps{grid-template-columns:1fr}.hero{padding:45px 0}.cta{display:block}.head{align-items:flex-start}}