/* Styles for the hand-written pages (pricing, refund policy, contact). Kept out of the HTML so the site can run a strict Content-Security-Policy. */

.kr-hero{position:relative;overflow:hidden;background:radial-gradient(900px 420px at 85% -10%,rgba(110,231,135,.28),transparent 60%),radial-gradient(700px 360px at -5% 110%,rgba(116,185,232,.22),transparent 60%),linear-gradient(160deg,#0e3b2e,#082a20 70%);color:#fff;padding:clamp(72px,10vw,120px) 22px clamp(64px,8vw,96px)}
.kr-hero .kr-wrap{max-width:1120px;margin:0 auto;position:relative}
.kr-hero .kr-eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#6ee787;border:1px solid rgba(110,231,135,.35);background:rgba(110,231,135,.08);padding:7px 14px;border-radius:999px}
.kr-hero h1{font-size:clamp(38px,6vw,68px);line-height:1.04;letter-spacing:-.035em;margin:20px 0 18px;color:#fff;max-width:880px}
.kr-hero h1 em{font-style:normal;background:linear-gradient(90deg,#6ee787,#b6f3c4 55%,#74b9e8);-webkit-background-clip:text;background-clip:text;color:transparent}
.kr-hero p{font-size:clamp(17px,1.7vw,20px);color:rgba(255,255,255,.72);max-width:640px;margin:0;line-height:1.6}
.kr-hero .kr-orb{position:absolute;border-radius:50%;filter:blur(2px);border:1px solid rgba(255,255,255,.08);animation:kr-float 9s ease-in-out infinite}
@keyframes kr-float{50%{transform:translateY(-14px)}}
.kr-main{max-width:1120px;margin:0 auto;padding:72px 22px 96px}
.kr-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.kr-plan{position:relative;background:#fff;border:1px solid #e3e8e2;border-radius:28px;padding:34px 30px 30px;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(14,59,46,.04),0 18px 40px -24px rgba(14,59,46,.25);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.kr-plan:hover{transform:translateY(-6px);box-shadow:0 30px 60px -28px rgba(14,59,46,.45)}
.kr-plan.kr-featured{background:linear-gradient(165deg,#0e3b2e,#0a2a20);color:#fff;border-color:#0e3b2e;transform:translateY(-10px)}
.kr-plan.kr-featured:hover{transform:translateY(-16px)}
.kr-badge{position:absolute;top:22px;right:22px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:#6ee787;color:#0e3b2e;padding:6px 11px;border-radius:999px}
.kr-plan .kr-ic{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#eef7ef;color:#0a7f3f;margin-bottom:22px}
.kr-featured .kr-ic{background:rgba(110,231,135,.14);color:#6ee787}
.kr-plan h3{font-size:24px;letter-spacing:-.02em;margin:0 0 6px}
.kr-plan .kr-sub{color:#64726b;margin:0 0 26px;font-size:15px}
.kr-featured .kr-sub{color:rgba(255,255,255,.65)}
.kr-price{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}
.kr-price b{font-size:56px;letter-spacing:-.045em;line-height:1}
.kr-price span{color:#64726b;font-weight:600}
.kr-featured .kr-price span{color:rgba(255,255,255,.6)}
.kr-plan ul{list-style:none;padding:0;margin:24px 0 30px;display:grid;gap:12px;font-size:15px}
.kr-plan li{display:flex;gap:10px;align-items:flex-start}
.kr-plan li svg{flex:none;margin-top:2px;color:#0a7f3f}
.kr-featured li svg{color:#6ee787}
.kr-plan .button{margin-top:auto;justify-content:center}
.kr-note{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kr-note div{background:#f4f4e9;border-radius:20px;padding:22px 24px;font-size:15px;color:#3d4a43}
.kr-note b{display:block;color:#0e3b2e;margin-bottom:4px}
.kr-doc{display:grid;grid-template-columns:260px 1fr;gap:48px;align-items:start}
.kr-toc{position:sticky;top:96px;background:#fff;border:1px solid #e3e8e2;border-radius:20px;padding:20px}
.kr-toc b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#64726b;margin-bottom:12px}
.kr-toc a{display:block;padding:7px 0;color:#0e3b2e;text-decoration:none;font-weight:600;font-size:15px}
.kr-toc a:hover{color:#0a7f3f}
.kr-card{background:#fff;border:1px solid #e3e8e2;border-radius:28px;padding:clamp(26px,4vw,48px);box-shadow:0 18px 40px -28px rgba(14,59,46,.3)}
.kr-card h2{font-size:24px;letter-spacing:-.02em;margin:36px 0 12px;color:#0e3b2e}
.kr-card h2:first-child{margin-top:0}
.kr-card p,.kr-card li{color:#3d4a43;line-height:1.75;font-size:16.5px}
.kr-card ul{padding-left:20px;display:grid;gap:8px}
.kr-card a{color:#0a7f3f;font-weight:600}
.kr-glance{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}
.kr-glance div{background:linear-gradient(160deg,#0e3b2e,#0a2a20);color:#fff;border-radius:18px;padding:18px}
.kr-glance b{display:block;color:#6ee787;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.kr-biz{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1120px;margin:0 auto;padding:0 22px 96px}
.kr-biz div{background:#fff;border:1px solid #e3e8e2;border-radius:22px;padding:24px;box-shadow:0 14px 30px -24px rgba(14,59,46,.35)}
.kr-biz small{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0a7f3f;margin-bottom:10px}
.kr-biz p{margin:0;color:#0e3b2e;font-weight:600;line-height:1.6;overflow-wrap:anywhere}
.kr-biz a{color:#0e3b2e}
.kr-biz-title{max-width:1120px;margin:0 auto;padding:0 22px 18px}
.kr-biz-title h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.03em;margin:0}
.kr-reveal{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.kr-reveal.kr-in{opacity:1;transform:none}
@media (max-width:980px){.kr-plans,.kr-note{grid-template-columns:1fr}.kr-plan.kr-featured{transform:none}.kr-doc{grid-template-columns:1fr}.kr-toc{position:static}.kr-glance,.kr-biz{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.kr-glance,.kr-biz{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.kr-orb{animation:none}.kr-reveal{opacity:1;transform:none;transition:none}.kr-plan,.kr-plan:hover{transition:none}}
.kr-featured .button{background:#6ee787;color:#0e3b2e;border-color:#6ee787}.kr-featured .button:hover{background:#8ff0a2}.kr-biz p{overflow-wrap:break-word;font-size:15.5px}.kr-toc{display:block!important;flex-direction:column!important}.kr-toc a{display:block!important;margin:0!important}
.kr-orb-a{width:340px;height:340px;right:-80px;top:-60px;background:radial-gradient(circle at 30% 30%,rgba(110,231,135,.25),transparent 70%)}
.kr-orb-b{width:180px;height:180px;right:22%;bottom:-70px;animation-delay:-3s;background:radial-gradient(circle,rgba(116,185,232,.22),transparent 70%)}