.kpage-demos *,.kpage-demos :after,.kpage-demos :before{margin:0;padding:0;box-sizing:border-box}.kpage-demos{--navy:#2164B5;--navy-deep:#0E2C50;--navy-soft:#17467E;--bright:#3B82D6;--accent:#E7B449;--accent-soft:#f4d894;--ink:#102A4C;--paper:#FBFCFE;--paper-alt:#EFF4FB;--mute:#5b6b80;--line:rgba(33,100,181,.18);--radius:16px;scroll-behavior:smooth;font-family:Hanken Grotesk,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.kpage-demos .bar{display:flex;align-items:center;gap:.7rem;padding:.8rem 1.6rem;background:var(--navy-deep);color:#fff;position:sticky;top:0;z-index:30}.kpage-demos .bar img{width:30px;height:30px;border-radius:7px;-o-object-fit:contain;object-fit:contain}.kpage-demos .bar .kw{font-family:Fraunces,serif;font-weight:800;letter-spacing:.05em}.kpage-demos .bar a{margin-left:auto;color:#cfe0f5;text-decoration:none;font-size:.85rem}.kpage-demos .bar a:hover{color:#fff}.kpage-demos .hero{padding:5rem 1.6rem 3.4rem;color:#fff;position:relative;overflow:hidden;background:radial-gradient(1000px 460px at 80% -15%,rgba(59,130,214,.4),transparent 60%),linear-gradient(160deg,var(--navy),var(--navy-deep))}.kpage-demos .hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 0);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 60% 30%,#000,transparent 75%);mask-image:radial-gradient(circle at 60% 30%,#000,transparent 75%);opacity:.6}.kpage-demos .hero .wrap{max-width:1040px;margin:0 auto;position:relative;z-index:2}.kpage-demos .bc{font-size:.78rem;color:rgba(255,255,255,.6);margin-bottom:1rem}.kpage-demos .bc a{color:rgba(255,255,255,.6);text-decoration:none}.kpage-demos .eyebrow{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:1rem}.kpage-demos .hero h1{font-family:Fraunces,serif;font-weight:800;font-size:clamp(2.1rem,4.8vw,3.3rem);line-height:1.06;margin-bottom:1rem}.kpage-demos .hero h1 .em{color:var(--accent);font-style:italic;font-weight:600}.kpage-demos .hero p{max-width:660px;color:rgba(255,255,255,.88);font-size:1.1rem}.kpage-demos .wrap{max-width:1040px;margin:0 auto;padding:0 1.6rem}.kpage-demos section{padding:3.6rem 0}.kpage-demos .d1{transition-delay:.06s}.kpage-demos .d2{transition-delay:.12s}.kpage-demos .d3{transition-delay:.18s}.kpage-demos .d4{transition-delay:.24s}.kpage-demos .d5{transition-delay:.3s}.kpage-demos .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.2rem}.kpage-demos .card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;transition:transform .25s,box-shadow .25s}.kpage-demos .card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(33,100,181,.15)}.kpage-demos .thumb{height:120px;position:relative;background:linear-gradient(150deg,var(--navy),var(--navy-deep));overflow:hidden}.kpage-demos .thumb:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 0);background-size:20px 20px;opacity:.6}.kpage-demos .thumb .ax{position:absolute;left:1.1rem;bottom:.9rem;z-index:2;font-family:Fraunces,serif;font-weight:800;color:#fff;font-size:1.15rem}.kpage-demos .thumb .pill{position:absolute;right:.9rem;top:.9rem;z-index:2;font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--navy-deep);background:var(--accent);border-radius:99px;padding:.2rem .6rem}.kpage-demos .body{padding:1.3rem 1.4rem 1.5rem;display:flex;flex-direction:column;flex:1}.kpage-demos .body p{font-size:.92rem;color:var(--mute);flex:1;margin-bottom:1rem}.kpage-demos .body .feat{font-size:.78rem;color:var(--navy);font-weight:600;margin-bottom:1rem}.kpage-demos .body .arr{font-weight:700;color:var(--navy-deep);font-size:.9rem}.kpage-demos .card:hover .arr{color:var(--navy)}.kpage-demos .note{margin-top:2.2rem;font-size:.9rem;color:var(--mute);text-align:center}.kpage-demos .foot{background:var(--navy-deep);color:#fff;text-align:center;padding:2.2rem 1.6rem;margin-top:1rem}.kpage-demos .foot img{width:40px;height:40px;border-radius:9px;-o-object-fit:contain;object-fit:contain;margin-bottom:.5rem}.kpage-demos .foot .sl{font-family:Fraunces,serif;font-weight:700;font-size:1rem}.kpage-demos .foot .sl b{color:var(--accent)}.kpage-demos .foot small{display:block;margin-top:.6rem;font-size:.74rem;color:#9fb6d4}