.kylian-blog{--background:60 20% 96%;--foreground:228 43% 14%;--primary:149 72% 14%;--primary-foreground:0 0% 100%;--muted-foreground:225 13% 42%;background:#f7f7f3;color:#141b34}.kylian-blog>div:first-child>div{width:calc(100% - 32px);max-width:1280px}.kylian-blog>div:first-child nav{border:1px solid #e3e3dd;border-radius:22px;background:hsla(0,0%,100%,.93);box-shadow:0 12px 40px rgb(20 27 52/7%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.kylian-blog>div:first-child nav>div{min-height:72px;padding:12px 24px}.kylian-blog>div:first-child nav a[href="https://app.kylian.ai"] button{border-radius:999px;background:#0a3c23;color:#fff;box-shadow:0 4px 0 #146f41}.kylian-blog .blog-article,.kylian-blog .blog-index,.kylian-blog .blog-language{background:#f7f7f3;background-image:none;color:#141b34}.kylian-blog .blog-index-hero{position:relative;overflow:hidden;border-radius:0 0 36px 36px;background:#e8e4f8}.kylian-blog .blog-index-hero:after{position:absolute;top:86px;right:max(24px,calc((100vw - 1280px) / 2));width:min(30vw,310px);aspect-ratio:1;background:url(/kylian/favicon.svg) 50%/contain no-repeat;content:"";opacity:.11;transform:rotate(-13deg);pointer-events:none}.kylian-blog .blog-index-hero>div{position:relative;z-index:1;max-width:1280px;padding:190px 24px 110px}.kylian-blog .blog-index-hero h1{max-width:950px;margin:0 0 26px;color:#141b34;font-size:clamp(3.1rem,6.3vw,6.6rem);font-weight:800;line-height:.98;letter-spacing:-.07em;text-align:left}.kylian-blog .blog-index-hero p{max-width:620px;margin:0;color:#535d6e;font-size:clamp(16px,1.7vw,21px);line-height:1.6;text-align:left}.kylian-blog .blog-filters{border-color:#e3e3dd;background:#f7f7f3}.kylian-blog .blog-filters .container{max-width:1280px;padding:0 24px}.kylian-blog .blog-filters .flex{justify-content:flex-start;gap:8px;padding:22px 0}.kylian-blog .blog-filters a{border:1px solid #dbdcd6;border-radius:999px;background:#fff;color:#536071;font-size:13px;font-weight:700;padding:10px 18px}.kylian-blog .blog-filters a[href="/blog"]{border-color:#0a3c23;background:#0a3c23;color:#fff}.kylian-blog .blog-filters a:hover{border-color:#0a3c23;color:#0a3c23}.kylian-blog .blog-filters a[href="/blog"]:hover{color:#fff}.kylian-blog .blog-language{position:relative;padding-top:122px}.kylian-blog .blog-language:before{position:absolute;inset:0 0 auto;height:240px;background:linear-gradient(115deg,#e8e4f8,#e5eee8);content:""}.kylian-blog .blog-list{position:relative;max-width:1280px;padding:70px 24px 120px}.kylian-blog .blog-language-title{margin:0 0 42px;color:#141b34;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.06;letter-spacing:-.055em}.kylian-blog .blog-grid{gap:24px}.kylian-blog .blog-card{display:block;overflow:hidden;height:100%;padding-bottom:26px;border:1px solid #e3e5de;border-radius:25px;background:#fff;box-shadow:0 8px 30px rgb(20 27 52/4%);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.kylian-blog .blog-card:hover{transform:translateY(-4px);border-color:#b8cbbd;box-shadow:0 16px 42px rgba(20,27,52,.1)}.kylian-blog .blog-card-image{overflow:hidden;margin:0 0 22px;border-radius:0;background:radial-gradient(circle at 78% 16%,#efeaff 0,transparent 42%),#dcd7f7}.kylian-blog .blog-card-image img{transition:transform .35s ease}.kylian-blog .blog-card:hover .blog-card-image img{transform:scale(1.04)}.kylian-blog .blog-card-initial{color:#0a3c23;font-size:clamp(5rem,12vw,9rem);font-weight:800;line-height:1;letter-spacing:-.1em;opacity:.82}.kylian-blog .blog-card-meta{flex-wrap:wrap;gap:8px 12px;margin:0 24px 13px}.kylian-blog .blog-card-meta span{color:#677182;font-size:12px;font-weight:600}.kylian-blog .blog-card-title{margin:0 24px 12px;color:#141b34;font-size:clamp(1.35rem,1.7vw,1.75rem);font-weight:750;line-height:1.16;letter-spacing:-.04em}.kylian-blog .blog-card:hover .blog-card-title{color:#0a3c23}.kylian-blog .blog-card-excerpt{margin:0 24px;color:#586272;font-size:14px;line-height:1.65}.kylian-blog .blog-card:first-child{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:auto auto 1fr;align-content:start;min-width:0;padding-bottom:0;background:#e8e4f8}.kylian-blog .blog-card:first-child .blog-card-image{grid-column:1;grid-row:1/4;min-width:0;width:100%;min-height:380px;height:100%;aspect-ratio:auto;margin:0;background:radial-gradient(circle at 20% 80%,#d6ebdc,transparent 55%),#bdb5ed}.kylian-blog .blog-card:first-child .blog-card-meta{margin-top:48px}.kylian-blog .blog-card:first-child .blog-card-title{font-size:clamp(2rem,3vw,3.2rem)}.kylian-blog .blog-card:first-child .blog-card-excerpt{margin-bottom:36px}.kylian-blog .blog-pagination{flex-wrap:wrap;margin-top:64px}.kylian-blog .blog-pagination a{min-width:42px;border:1px solid #d9ddd6;border-radius:999px;background:#fff;color:#141b34;text-align:center}.kylian-blog .blog-pagination a.bg-blue-500{border-color:#0a3c23;background:#0a3c23;color:#fff}.kylian-blog .blog-article-container{max-width:1280px;padding-top:160px;padding-bottom:96px}.kylian-blog .blog-article #hero-section>div:first-child{max-width:880px;margin-top:0;margin-bottom:45px}.kylian-blog .blog-breadcrumb{flex-wrap:wrap;gap:5px;color:#667182}.kylian-blog .blog-breadcrumb a{color:#667182}.kylian-blog .blog-breadcrumb a:hover{color:#0a3c23}.kylian-blog .blog-breadcrumb span{color:#141b34}.kylian-blog .blog-article-header{max-width:880px;margin-bottom:60px;text-align:left}.kylian-blog .blog-article-title{margin-bottom:24px;color:#141b34;font-size:clamp(3rem,5.7vw,5.8rem);font-weight:800;line-height:1.03;letter-spacing:-.065em}.kylian-blog .blog-article-header .text-gray-400,.kylian-blog .blog-article-header time{color:#677182}.kylian-blog .blog-article-header>div{justify-content:flex-start}.kylian-blog .blog-article-header .font-medium{color:#141b34}.kylian-blog .blog-article-cover,.kylian-blog .blog-article-cover-placeholder{width:min(100%,1100px);height:min(50vw,530px);min-height:300px;max-height:530px;margin:0 auto 86px;overflow:hidden;border-radius:30px;box-shadow:0 20px 58px rgba(20,27,52,.12)}.kylian-blog .blog-article-cover img{-o-object-fit:cover;object-fit:cover}.kylian-blog .blog-article-cover-placeholder{border:8px solid #eae7fb;background:url(/kylian/favicon.svg) 50%/auto 68% no-repeat,#bdb5ed}.kylian-blog .blog-article-body{max-width:760px;margin:0 auto;color:#313b4e}.kylian-blog .blog-article-body :is(p,h2,h3,h4,ul,ol,blockquote){max-width:none;text-align:left}.kylian-blog .blog-article-body li,.kylian-blog .blog-article-body p{color:#3f4a5c;font-size:18px;line-height:1.85}.kylian-blog .blog-article-body h2{margin-top:70px;color:#141b34;font-size:clamp(2rem,3.4vw,3rem);font-weight:800;line-height:1.13;letter-spacing:-.05em}.kylian-blog .blog-article-body h3{color:#141b34;font-size:1.7rem;font-weight:750;letter-spacing:-.035em}.kylian-blog .blog-article-body h4,.kylian-blog .blog-article-body strong{color:#141b34}.kylian-blog .blog-article-body a{color:#0a6738;text-decoration-color:#0a6738}.kylian-blog .blog-article-body blockquote{padding:24px 28px;border-color:#0a3c23;border-radius:0 18px 18px 0;background:#e7efe9}.kylian-blog .blog-article-body blockquote p{margin:0;color:#20392c}.kylian-blog .blog-article-body ol,.kylian-blog .blog-article-body ul{color:#3f4a5c}.kylian-blog .blog-share,.kylian-blog .blog-toc>div{border:1px solid #e2e5de;border-radius:20px;background:hsla(0,0%,100%,.94);box-shadow:0 12px 36px rgb(20 27 52/8%)}.kylian-blog .blog-share .text-white,.kylian-blog .blog-toc h2{color:#141b34}.kylian-blog .blog-share .text-gray-400,.kylian-blog .blog-toc a{color:#667182}.kylian-blog .blog-toc a.text-blue-400{color:#0a6738}.kylian-blog .blog-related{background:#e7efe9}.kylian-blog .blog-related h2{color:#141b34;font-weight:800;letter-spacing:-.05em}.kylian-blog .blog-related-card{height:100%;border:1px solid #d7e0d8;border-radius:22px;background:#fff;box-shadow:0 10px 30px rgb(20 27 52/6%)}.kylian-blog .blog-related-card h3{color:#141b34}.kylian-blog .blog-related-card p{color:#5b6573}.kylian-blog>footer{--background:228 43% 14%;--foreground:0 0% 100%;--muted-foreground:225 17% 74%;border-color:hsla(0,0%,100%,.12);background:#141b34;color:#fff}.kylian-blog>footer input{border-color:hsla(0,0%,100%,.25);border-radius:999px;background:hsla(0,0%,100%,.09);color:#fff}.kylian-blog>footer button[type=submit]{border-radius:999px;background:#0a3c23;color:#fff}@media (max-width:1500px){.kylian-blog .blog-share,.kylian-blog .blog-toc{display:none}}@media (max-width:1023px){.kylian-blog .blog-card:first-child{grid-column:span 2}}@media (max-width:767px){.kylian-blog>div:first-child nav>div{flex-wrap:wrap;justify-content:center;gap:10px;padding:12px}.kylian-blog>div:first-child nav>div>div{width:100%;justify-content:center;gap:12px}.kylian-blog .blog-index-hero>div{padding:170px 24px 76px}.kylian-blog .blog-index-hero:after{right:-25px;top:100px;width:180px}.kylian-blog .blog-list{padding:48px 20px 88px}.kylian-blog .blog-grid{grid-template-columns:1fr}.kylian-blog .blog-card:first-child{grid-column:auto;display:block;padding-bottom:26px}.kylian-blog .blog-card:first-child .blog-card-image{min-height:0;height:auto;aspect-ratio:4/3;margin-bottom:22px}.kylian-blog .blog-card:first-child .blog-card-meta{margin-top:0}.kylian-blog .blog-card:first-child .blog-card-title{font-size:1.8rem}.kylian-blog .blog-article-container{padding-top:176px}.kylian-blog .blog-article-title{font-size:clamp(2.5rem,10vw,4.2rem)}.kylian-blog .blog-article-cover,.kylian-blog .blog-article-cover-placeholder{min-height:240px;margin-bottom:60px;border-radius:22px}.kylian-blog .blog-article-body li,.kylian-blog .blog-article-body p{font-size:16px}}.dark .kylian-blog{--background:228 43% 14%;--foreground:0 0% 100%;--muted-foreground:225 17% 74%;background:#141b34;color:#fff}.dark .kylian-blog .blog-card,.dark .kylian-blog .blog-related-card,.dark .kylian-blog .blog-share,.dark .kylian-blog .blog-toc>div,.dark .kylian-blog>div:first-child nav{border-color:#3e4960;background:#26314a}.dark .kylian-blog .blog-article,.dark .kylian-blog .blog-filters,.dark .kylian-blog .blog-index,.dark .kylian-blog .blog-language{background:#141b34;color:#fff}.dark .kylian-blog .blog-index-hero,.dark .kylian-blog .blog-related{background:#262b4b}.dark .kylian-blog :is(.blog-index-hero h1,.blog-language-title,.blog-card-title,.blog-article-title,.blog-article-body h2,.blog-article-body h3,.blog-article-body h4,.blog-article-body strong,.blog-related h2,.blog-related-card h3,.blog-toc h2){color:#fff}.dark .kylian-blog :is(.blog-index-hero p,.blog-card-meta span,.blog-card-excerpt,.blog-article-body p,.blog-article-body li,.blog-related-card p){color:#c3c9d4}.dark .kylian-blog .blog-card:first-child{background:#333452}