.public-site .article-design{padding:126px 0 50px;background:radial-gradient(ellipse at 90% 35%,#eaf1ff80,transparent 60%),#f9fcff}.article-design .article-hero{padding:28px 0 38px;background:linear-gradient(90deg,#f2f6fff5 10%,#f2f6ffda 70%,#f2f6ff91),url('/assets/blog-background.webp') center/cover no-repeat;border-bottom:1px solid #e2eafa}.article-design .article-hero>div,.article-design .article-heading,.article-design>article,.article-design>section:not(.article-hero){width:min(1200px,calc(100% - 80px));max-width:1200px;margin-inline:auto;padding-left:0;padding-right:0}.article-design .article-hero>div{margin-bottom:28px}.article-hero nav{font-size:13px;color:#6c80a3;flex-wrap:wrap;line-height:1.6}.article-hero nav>span{max-width:500px;color:#3b5378}.article-heading h1{font-size:clamp(34px,3.4vw,54px);line-height:1.13;font-weight:700;letter-spacing:-1.5px;color:#101b35;max-width:1030px;margin:20px 0}.article-heading>div:first-child>a{color:#3858c2;background:#edf0ff;border:1px solid #d6defc;padding:7px 14px;font-size:12px}.article-heading>div:first-child>span:last-child{color:#61769b;font-size:13px}.article-heading>p{border:0;padding:0;max-width:920px;font-size:19px;line-height:1.7;color:#526b8e;margin:0 0 26px}.article-heading>div:last-child{border:0;padding:0;max-width:1030px}.article-heading>div:last-child>div:first-child>div:first-child{width:44px;height:44px;background:linear-gradient(130deg,#dce7ff,#e9e0ff);color:#385dba}.article-heading>div:last-child .text-slate-400{color:#7487a6}.article-heading a[target]{width:35px;height:35px;border:1px solid #d7e1f4;border-radius:50%;background:#ffffffa6;color:#46608a;transition:transform .2s,background .2s}.article-heading a[target]:hover{background:#fff;transform:translateY(-3px)}.article-design>article{margin-top:30px}.article-design>article>div.aspect-video{max-height:520px;box-shadow:0 12px 35px #405f970d;border-color:#dbe6f8;border-radius:22px}.article-design .blog-prose-card{display:grid;grid-template-columns:245px minmax(0,1fr);column-gap:42px;align-items:start;padding:34px 38px;border-radius:23px;border-color:#e0e8f6;background:#ffffffdb;box-shadow:0 12px 40px #49649905}.article-design .blog-reading-label{grid-column:1/-1;color:#5370cf;font-weight:500;letter-spacing:1.4px;margin-bottom:24px;padding-bottom:17px;border-bottom:1px solid #e7edf8}.article-design .blog-toc{position:sticky;top:150px;border:1px solid #dfe7f9;background:linear-gradient(135deg,#f1f6ff,#f6f3ff);margin:0;padding:20px;border-radius:16px;max-height:calc(100vh - 180px);overflow:auto}.article-design .blog-toc h2{color:#1c3258;font-size:15px;line-height:1.4}.article-design .blog-toc ol{color:#62789d;font-size:13px;line-height:1.6;gap:10px}.article-design .blog-toc a{display:block;transition:color .2s}.article-design .blog-toc a:hover{color:#2d5de7}.article-design .blog-prose{font-size:18px;line-height:1.9;color:#465c7c;min-width:0;overflow-wrap:anywhere}.article-design .blog-prose-card:not(:has(.blog-toc)) .blog-prose{grid-column:1/-1;max-width:800px;margin:auto}.article-design .blog-prose>:first-child{margin-top:0}.article-design .blog-prose h2{font-size:28px;color:#152442;letter-spacing:-.6px;scroll-margin-top:155px}.article-design .blog-prose h3{font-size:23px;color:#223858;scroll-margin-top:155px}.article-design .blog-prose a{color:#315fd7}.article-design .blog-prose blockquote{border-color:#4c72ee;color:#425d8a;background:linear-gradient(110deg,#eef4ff,#f8f6ff)}.article-design .blog-prose img{max-width:100%;height:auto;border-radius:14px}.article-design .blog-prose pre{max-width:100%;overflow-x:auto;padding:20px;background:#111e36;color:#dfe8fc;border-radius:12px;font-size:14px}.article-design .blog-prose table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;font-size:15px;margin:24px 0}.article-design .blog-prose td,.article-design .blog-prose th{padding:12px;border:1px solid #dbe5f5}.article-design .blog-prose th{background:#f1f5ff}.article-design .article-cta{background:radial-gradient(ellipse at right,#2b4085,transparent),#111b32;border-radius:22px;padding:30px 35px;box-shadow:0 8px 24px #3b528511}.article-cta h3{font-size:24px;letter-spacing:-.5px;font-weight:600}.article-cta p{color:#b8c9e8;line-height:1.6;margin-top:7px}.article-cta a{border-radius:30px;padding:14px 24px;transition:transform .2s}.article-cta a:hover{transform:translateY(-3px)}.article-design>section:not(.article-hero)>h2{font-size:27px;font-weight:600;letter-spacing:-.5px;margin-bottom:20px}.article-design>section:not(.article-hero) .group{border-color:#dce6f6;transition:transform .25s,box-shadow .25s}.article-design>section:not(.article-hero) .group:hover{transform:translateY(-4px);box-shadow:0 12px 30px #49659b12}.article-design>section:not(.article-hero) h3{font-size:17px;line-height:1.4}.public-site .blog-progress{background:linear-gradient(90deg,#2f79ff,#8257ff);height:3px} @media(max-width:1000px){.article-design .blog-prose-card{grid-template-columns:210px minmax(0,1fr);gap:25px;padding:28px}.article-design .blog-prose{font-size:17px}.article-design .blog-toc{padding:17px}}@media(max-width:767px){.public-site .article-design{padding-top:102px}.article-design .article-hero{padding:22px 0 28px}.article-design .article-hero>div,.article-design .article-heading,.article-design>article,.article-design>section:not(.article-hero){width:calc(100% - 36px)}.article-heading h1{font-size:34px;letter-spacing:-1px}.article-heading>p{font-size:17px;line-height:1.65}.article-hero nav>span{max-width:210px}.article-design .blog-prose-card{display:block;padding:25px 21px;border-radius:19px}.article-design .blog-reading-label{margin-bottom:20px}.article-design .blog-toc{position:static;max-height:none;margin-bottom:27px}.article-design .blog-prose{font-size:17px;line-height:1.85}.article-design .blog-prose h2{font-size:25px;scroll-margin-top:125px}.article-design .blog-prose h3{font-size:21px;scroll-margin-top:125px}.article-design .article-cta{padding:26px 22px;align-items:flex-start}.article-cta h3{font-size:23px}.article-design>section:not(.article-hero) .grid{grid-template-columns:1fr}.article-design>article{margin-top:22px}}@media(prefers-reduced-motion:reduce){.article-design *{transition:none!important;scroll-behavior:auto!important}}