*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:DM Sans,Outfit,system-ui,sans-serif;background:#0c1218;color:#f2f5f8;line-height:1.6;overflow-x:hidden}:root{--cyan:#3ba5b8;--green:#5ab947;--grad:linear-gradient(135deg,#3ba5b8,#5ab947);--bg-1:#0c1218;--bg-2:#111a23;--bg-3:#16222e;--text-1:#f2f5f8;--text-2:#dde4ec;--text-3:#94a3b4;--border-card:rgba(255,255,255,.07);--glass-bg:rgba(255,255,255,.025);--glass-border:rgba(255,255,255,.07);--glass-blur:0px;--glow-cyan:0 0 40px rgba(59,165,184,.18);--transition-smooth:cubic-bezier(.4,0,.2,1)}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#0c1218;border-bottom:1px solid rgba(255,255,255,.05)}.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.nav-brand img{height:38px;width:38px;border-radius:50%}.nav-brand span{font-family:Outfit,sans-serif;font-weight:800;font-size:1.2rem;color:#fff;letter-spacing:1px}.nav-back{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:600;color:#a0aec0e6;text-decoration:none;transition:color .2s,border-color .2s;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 14px}.nav-back:hover{color:var(--cyan);border-color:#00bcd459}.kn-hero{padding:180px 20px 110px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(180deg,#0c1218b8,#0c1218db 55%,#0c1218fa),url(/img/unsplash/photo-1554224155-cfa08c2a758f.webp) center/cover no-repeat;min-height:560px;display:flex;flex-direction:column;justify-content:center;align-items:center}.kn-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(59,165,184,.18) 0%,transparent 60%);pointer-events:none}.kn-hero>*{position:relative;z-index:1}.kn-badge{display:inline-flex;align-items:center;gap:8px;background:#3ba5b82e;border:1px solid rgba(59,165,184,.4);border-radius:30px;padding:8px 20px;font-size:.76rem;font-weight:700;color:#fff;margin-bottom:26px;letter-spacing:.14em;text-transform:uppercase}.kn-hero h1{font-family:Outfit,sans-serif;font-size:clamp(2.4rem,5.6vw,4rem);font-weight:800;line-height:1.08;max-width:820px;margin:0 auto 22px;letter-spacing:-.035em;color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.4)}.kn-hero h1 em,.kn-hero h1 .edito{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:500;color:#dde4ec}.grad-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kn-hero p{font-size:1.1rem;color:#e5eaf2;max-width:600px;margin:0 auto 40px;line-height:1.65;text-shadow:0 1px 12px rgba(0,0,0,.35)}.kn-hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:15px 32px;border-radius:30px;font-weight:700;font-size:.88rem;letter-spacing:.04em;transition:all .3s;border:none;text-decoration:none;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#3ba5b8,#5ab947);color:#fff;box-shadow:0 8px 24px #3ba5b847}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px #3ba5b861}.btn-ghost{background:#ffffff0a;color:#fff;border:1.5px solid rgba(255,255,255,.18);backdrop-filter:blur(6px)}.btn-ghost:hover{background:#3ba5b81f;border-color:#3ba5b866;color:#fff}.container{max-width:1080px;margin:0 auto;padding:0 24px}.section{padding:110px 0;position:relative}.section-alt{background:#111a23;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.section-label{display:inline-block;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:#3ba5b8;margin-bottom:14px}.section-title{font-family:Outfit,sans-serif;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:800;margin-bottom:18px;line-height:1.15;letter-spacing:-.025em}.section-title em,.section-title .edito{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:500;color:#dde4ec}.section-sub{color:#c5cfda;font-size:1rem;max-width:640px;line-height:1.7}.section-sub em{font-family:Georgia,Times New Roman,serif;font-style:italic;color:#f2f5f8}.kn-what{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.kn-what-visual{background:#0e1620;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:56px 40px;text-align:center;transition:all .4s var(--transition-smooth);position:relative;overflow:hidden}.kn-what-visual:before{content:"";position:absolute;top:-40%;left:-40%;width:180%;height:180%;background:radial-gradient(ellipse at center,rgba(59,165,184,.1) 0%,transparent 50%);pointer-events:none}.kn-what-visual:hover{border-color:#3ba5b84d;box-shadow:var(--glow-cyan)}.kn-what-visual .kn-percent{font-family:Outfit,sans-serif;font-size:6rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;position:relative;letter-spacing:-.04em}.kn-what-visual .kn-percent-label{font-size:1rem;color:var(--text-3);margin-top:8px}.kn-what-text p{color:var(--text-2);margin-bottom:16px;line-height:1.75}.kn-what-text p strong{color:var(--text-1)}.kn-checklist{display:grid;gap:14px;margin-top:28px}.kn-check{display:flex;align-items:flex-start;gap:14px;padding:18px 22px;background:#0e1620;border:1px solid rgba(255,255,255,.07);border-radius:12px;transition:all .3s var(--transition-smooth)}.kn-check:hover{border-color:#3ba5b847;transform:translate(4px);background:#111a23}.kn-check-icon{flex-shrink:0;width:24px;height:24px;background:var(--grad);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px}.kn-check-icon svg{width:14px;height:14px}.kn-check p{color:var(--text-2);font-size:.92rem;line-height:1.6}.kn-check p strong{color:var(--text-1)}.kn-sim{margin-top:40px}.kn-table-wrap{overflow-x:auto;margin-top:28px;border-radius:16px;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur))}table{width:100%;border-collapse:collapse;font-size:.9rem}thead{background:#00bcd40f}th{padding:16px 20px;text-align:left;font-family:Outfit,sans-serif;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--cyan);border-bottom:1px solid var(--border-card)}td{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-2)}tr:last-child td{border-bottom:none}.td-highlight{color:var(--green);font-weight:700;font-size:1rem}.td-pack{font-weight:700;color:var(--text-1)}.kn-featured-row{background:#00bcd408}.kn-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:32px}.kn-step{position:relative;padding:36px 28px;background:#0e1620;border:1px solid rgba(255,255,255,.07);border-radius:16px;transition:all .4s var(--transition-smooth)}.kn-step:hover{border-color:#3ba5b847;transform:translateY(-4px);box-shadow:var(--glow-cyan);background:#111a23}.kn-step-num{font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px;display:block}.kn-step h3{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700;margin-bottom:8px}.kn-step p{color:var(--text-3);font-size:.88rem;line-height:1.65}.kn-cta-section{text-align:center;padding:100px 20px;background:linear-gradient(180deg,#111a23,#0c1218)}.kn-cta-card{max-width:680px;margin:0 auto;padding:56px 44px;background:linear-gradient(160deg,#3ba5b81a,#1a4d8f1a);border:1px solid rgba(59,165,184,.22);border-radius:20px;transition:all .4s var(--transition-smooth);position:relative;overflow:hidden}.kn-cta-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(59,165,184,.1) 0%,transparent 60%);pointer-events:none}.kn-cta-card>*{position:relative;z-index:1}.kn-cta-card:hover{box-shadow:var(--glow-cyan);border-color:#3ba5b866}.kn-cta-card h2{font-family:Outfit,sans-serif;font-size:clamp(1.6rem,3vw,2rem);font-weight:800;margin-bottom:16px;letter-spacing:-.02em}.kn-cta-card h2 em{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:500;color:#dde4ec}.kn-cta-card p{color:#c5cfda;margin-bottom:32px;font-size:1rem;line-height:1.7}.kn-footer{text-align:center;padding:32px 20px;border-top:1px solid rgba(255,255,255,.04);color:var(--text-3);font-size:.8rem}.kn-footer a{color:var(--cyan)}@media(prefers-reduced-motion:no-preference){.kn-badge,.kn-hero h1,.kn-hero>p,.kn-hero-btns{opacity:0;transform:translateY(18px);animation:kn-in .65s cubic-bezier(.22,1,.36,1) forwards}.kn-badge{animation-delay:.1s}.kn-hero h1{animation-delay:.25s}.kn-hero>p{animation-delay:.4s}.kn-hero-btns{animation-delay:.55s}@keyframes kn-in{to{opacity:1;transform:none}}.kn-reveal{opacity:0;transform:translateY(22px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.kn-reveal-right{opacity:0;transform:translate(22px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.kn-reveal.kn-visible,.kn-reveal-right.kn-visible{opacity:1;transform:none}}@media(max-width:768px){.kn-what{grid-template-columns:1fr;gap:32px}.kn-what-visual{order:-1}th,td{padding:12px 14px;font-size:.82rem}.kn-cta-card{padding:32px 24px}}@media(max-width:480px){.kn-hero{padding:110px 16px 60px}.kn-what-visual .kn-percent{font-size:3.5rem}th,td{padding:8px 10px;font-size:.78rem}.kn-step{padding:24px 18px}.kn-check{padding:12px 16px}.kn-cta-card{padding:28px 18px}.btn{padding:12px 22px;font-size:.85rem}}