.blog-shell{--blog-ink:#10213a;--blog-muted:#69768a;--blog-line:#dfe4ea;--blog-yellow:#ffcc36;--blog-paper:#fffefa;background:radial-gradient(circle at 1px 1px, #10213a0a 1px, transparent 0) 0 0 / 24px 24px, var(--blog-paper);min-height:100dvh;color:var(--blog-ink)}.blog-shell a{color:inherit}.blog-container{width:min(1180px,100% - 48px);margin-inline:auto}.blog-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffefae8;border-bottom:1px solid #10213a17;position:relative}.blog-header__inner{justify-content:space-between;align-items:center;gap:24px;min-height:82px;display:flex}.blog-brand{align-items:center;display:inline-flex}.blog-brand img{object-fit:contain;width:142px;height:auto}.blog-nav{align-items:center;gap:25px;font-size:14px;font-weight:650;display:flex}.blog-nav a{text-decoration:none}.blog-nav__active{position:relative}.blog-nav__active:after{background:var(--blog-yellow);content:"";border-radius:99px;height:3px;position:absolute;bottom:-9px;left:0;right:0}.blog-open-app{background:#102742;border-radius:10px;align-items:center;gap:7px;min-height:43px;padding:0 17px;transition:transform .14s,background .14s;display:inline-flex;box-shadow:0 8px 18px #10274229;color:#fff!important}.blog-open-app:hover{background:#1b3653;transform:translateY(-1px)}.blog-kicker{color:#7c899a;letter-spacing:.16em;text-transform:uppercase;margin:0 0 13px;font-size:11px;font-weight:760}.blog-hero{background:radial-gradient(circle at 84% 18%,#ffcc364a 0 7%,#0000 7.2%),radial-gradient(circle at 77% 74%,#64cfc52e 0 12%,#0000 12.2%),linear-gradient(150deg,#fffefa 20%,#f7f8fb 100%);border-bottom:1px solid #10213a14;overflow:hidden}.blog-hero__inner{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:60px;min-height:360px;padding-top:78px;padding-bottom:68px;display:grid}.blog-hero h1{letter-spacing:-.07em;max-width:760px;margin:0;font-size:clamp(52px,7vw,90px);font-weight:760;line-height:.91}.blog-hero__intro{max-width:390px;color:var(--blog-muted);margin:0 0 8px;font-size:18px;line-height:1.65}.blog-listing{padding:72px 0 100px}.blog-listing__heading{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:32px;display:flex}.blog-listing__heading h2,.related-articles h2{letter-spacing:-.045em;margin:0;font-size:clamp(30px,3.5vw,46px)}.blog-filters{flex-wrap:wrap;gap:8px;max-width:66%;padding:3px 2px;display:flex}.blog-filters a{border:1px solid var(--blog-line);color:#637187;background:#ffffffbd;border-radius:999px;flex:none;align-items:center;min-height:36px;padding:0 13px;font-size:13px;font-weight:620;text-decoration:none;transition:border .13s,color .13s,background .13s;display:inline-flex}.blog-filters a:hover,.blog-filters a.is-active{color:var(--blog-ink);background:#fff;border-color:#a9b3c0}.blog-filters a.is-active:before{background:var(--blog-yellow);content:"";border-radius:50%;width:7px;height:7px;margin-right:7px}.blog-filters a.is-active[data-color=mint]:before{background:#64cfc5}.blog-filters a.is-active[data-color=coral]:before{background:#ff797e}.blog-filters a.is-active[data-color=lilac]:before{background:#bca9e5}.blog-filters a.is-active[data-color=navy]:before{background:#1b3653}.blog-card{--card-accent:#ffcf4d;background:#ffffffe8;border:1px solid #10213a17;border-radius:15px 15px 34px;flex-direction:column;min-width:0;transition:transform .17s,box-shadow .17s;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #10213a14}.blog-card[data-color=mint]{--card-accent:#64cfc5}.blog-card[data-color=coral]{--card-accent:#ff797e}.blog-card[data-color=lilac]{--card-accent:#bca9e5}.blog-card[data-color=navy]{--card-accent:#6f89a6}.blog-card:after{background:linear-gradient(135deg, #ffffff26 4%, color-mix(in srgb, var(--card-accent) 42%, white) 45%);clip-path:polygon(100% 0,100% 100%,0 100%);content:"";pointer-events:none;border-top-left-radius:28px;width:42px;height:42px;position:absolute;bottom:0;right:0}.blog-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px #10213a21}.blog-card__media{aspect-ratio:16/10;background:color-mix(in srgb, var(--card-accent) 58%, white);display:block;overflow:hidden}.blog-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .28s}.blog-card:hover .blog-card__media img{transform:scale(1.025)}.blog-card__placeholder{color:#10213a33;place-items:center;width:100%;height:100%;font-size:94px;font-weight:820;display:grid}.blog-card__body{flex-direction:column;flex:1;padding:24px 25px 27px;display:flex}.blog-card__meta{color:#7b8798;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:16px;margin-bottom:14px;font-size:11px;font-weight:680;display:flex}.blog-card h2{letter-spacing:-.035em;margin:0;font-size:24px;line-height:1.17}.blog-card h2 a{text-decoration:none}.blog-card__body>p{color:var(--blog-muted);margin:13px 0 22px;font-size:14px;line-height:1.65}.blog-card__footer{color:#687589;border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:18px;font-size:12px;display:flex}.blog-card__footer a{color:var(--blog-ink);align-items:center;gap:5px;font-weight:700;text-decoration:none;display:inline-flex}.blog-card--featured{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);margin-bottom:28px;display:grid}.blog-card--featured .blog-card__media{aspect-ratio:auto;min-height:410px}.blog-card--featured .blog-card__body{justify-content:center;padding:42px}.blog-card--featured h2{font-size:clamp(30px,3.3vw,44px)}.blog-card--featured .blog-card__body>p{font-size:16px}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.blog-empty,.blog-state{text-align:center;background:#ffffffb8;border:1px dashed #ccd3dc;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:440px;padding:50px 24px;display:flex}.blog-empty>span,.blog-state>span{color:#102742;background:#ffdb68;border-radius:14px 14px 25px;place-items:center;width:72px;height:72px;margin-bottom:22px;font-size:28px;font-weight:800;display:grid;box-shadow:0 12px 25px #10213a1f}.blog-empty h2,.blog-state h1{letter-spacing:-.04em;margin:0;font-size:32px}.blog-empty p,.blog-state>p:not(.blog-kicker){color:var(--blog-muted);margin:10px 0 0;line-height:1.6}.blog-state{background:0 0;border:0;border-radius:0;min-height:calc(100dvh - 164px)}.blog-state a,.blog-state button{color:#fff;background:#102742;border:0;border-radius:9px;align-items:center;min-height:44px;margin-top:25px;padding:0 18px;font-weight:650;text-decoration:none;display:inline-flex}.blog-pagination{justify-content:center;align-items:center;gap:28px;margin-top:54px;display:flex}.blog-pagination>a,.blog-pagination div a{border:1px solid var(--blog-line);background:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:38px;min-height:38px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.blog-pagination>a{padding:0 14px}.blog-pagination div{gap:6px;display:flex}.blog-pagination a.is-active{border-color:var(--blog-yellow);background:var(--blog-yellow)}.blog-pagination a.is-disabled{opacity:.4;pointer-events:none}.blog-footer{border-top:1px solid var(--blog-line);background:#f4f6f9}.blog-footer__inner{color:#6e7a8c;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:110px;font-size:12px;display:grid}.blog-footer__inner a{width:max-content;display:inline-flex}.blog-footer__inner img{border-radius:9px}.blog-footer__inner p{margin:0}.blog-footer__inner p:last-child{justify-self:end}.article-page{padding-top:54px}.article-back{align-items:center;gap:7px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex;color:#657389!important}.article-back:hover{color:var(--blog-ink)!important}.article-header{text-align:center;max-width:910px;margin:68px auto 46px}.article-header h1{letter-spacing:-.065em;margin:0;font-size:clamp(43px,6.4vw,76px);font-weight:760;line-height:.98}.article-deck{max-width:750px;color:var(--blog-muted);margin:26px auto 0;font-size:clamp(17px,2vw,21px);line-height:1.62}.article-meta{color:#748094;justify-content:center;align-items:center;gap:11px;margin-top:28px;font-size:12px;font-weight:620;display:flex}.article-meta>*+:before{color:#c0c6ce;content:"•";margin-right:11px}.article-cover{border-radius:18px 18px 50px;margin:0;position:relative;overflow:hidden;box-shadow:0 24px 55px #10213a24}.article-cover:after{clip-path:polygon(100% 0,100% 100%,0 100%);content:"";background:linear-gradient(135deg,#ffffff26,#ffffffc7);border-top-left-radius:48px;width:72px;height:72px;position:absolute;bottom:0;right:0}.article-cover img{object-fit:cover;width:100%;max-height:620px;display:block}.article-layout{grid-template-columns:210px minmax(0,760px);justify-content:center;align-items:start;gap:70px;padding-top:72px;padding-bottom:100px;display:grid}.article-author{border:1px solid var(--blog-line);background:#ffffffd4;border-radius:14px 14px 28px;padding:20px;position:sticky;top:30px;box-shadow:0 12px 30px #10213a12}.article-author>img,.article-author>span{object-fit:cover;background:#ffda64;border-radius:14px;place-items:center;width:58px;height:58px;font-size:25px;font-weight:800;display:grid}.article-author>p{color:#8993a1;letter-spacing:.1em;text-transform:uppercase;margin:17px 0 3px;font-size:10px;font-weight:750}.article-author>strong{font-size:15px;display:block}.article-author small,.article-author>div{color:var(--blog-muted);margin-top:10px;font-size:12px;line-height:1.55;display:block}.article-author>div p{margin:0}.article-content{color:#27394f;min-width:0;font-size:17px;line-height:1.78}.article-content>p:first-child{margin-top:0}.article-content p{margin:0 0 1.5em}.article-content h2,.article-content h3,.article-content h4{color:var(--blog-ink);letter-spacing:-.035em;line-height:1.15}.article-content h2{margin:2.1em 0 .65em;font-size:36px}.article-content h3{margin:1.8em 0 .55em;font-size:27px}.article-content h4{margin:1.7em 0 .5em;font-size:21px}.article-content a{color:#315f98;text-underline-offset:3px;text-decoration-color:#315f9859}.article-content ul,.article-content ol{margin:0 0 1.6em;padding-left:1.4em;list-style-position:outside}.article-content ul{list-style-type:disc}.article-content ol{list-style-type:decimal}.article-content li{margin-bottom:.5em;padding-left:.25em}.article-content li::marker{color:#c88900;font-weight:700}.article-content blockquote{border-left:5px solid var(--blog-yellow);color:#314258;background:#fff8de;border-radius:0 13px 13px 0;margin:2em 0;padding:22px 26px;font-size:20px;font-weight:560}.article-image{margin:2.3em 0}.article-image img{border-radius:14px;width:100%;height:auto;display:block;box-shadow:0 15px 35px #10213a1a}.article-image figcaption{color:#7a8697;text-align:center;margin-top:9px;font-size:12px}.article-code{color:#e9eef5;background:#10213a;border:1px solid #263a52;border-radius:13px;margin:2em 0;overflow:hidden}.article-code figcaption{color:#a9b9cb;border-bottom:1px solid #ffffff1c;padding:10px 16px;font-family:monospace;font-size:12px}.article-code pre{margin:0;padding:20px;font-size:13px;line-height:1.65;overflow-x:auto}.article-embed{background:#eef1f5;border:0;border-radius:14px;width:100%;height:min(440px,56vw);margin:2em 0}.article-table-wrap{border:1px solid var(--blog-line);border-radius:12px;margin:2em 0;overflow-x:auto}.article-table-wrap table{border-collapse:collapse;width:100%;font-size:14px}.article-table-wrap th,.article-table-wrap td{border-bottom:1px solid var(--blog-line);text-align:left;padding:12px 14px}.article-table-wrap th{color:var(--blog-ink);background:#f2f5f8}.article-share{border:1px solid var(--blog-line);min-height:45px;color:var(--blog-ink);background:#fff;border-radius:10px;align-items:center;gap:8px;margin-top:36px;padding:0 16px;font-size:13px;font-weight:680;display:inline-flex}.related-articles{border-top:1px solid var(--blog-line);background:#f4f6f9c7;padding:78px 0 96px}.related-articles h2{margin-bottom:30px}.blog-loading{min-height:780px;padding:90px 0}.blog-loading__title,.blog-loading__feature,.blog-loading__grid span{background:linear-gradient(90deg,#edf0f4 25%,#f8f9fb 50%,#edf0f4 75%) 0 0/200% 100%;border-radius:14px;animation:1.4s linear infinite blog-shimmer}.blog-loading__title{width:42%;height:70px;margin-bottom:55px}.blog-loading__feature{height:390px;margin-bottom:26px}.blog-loading__grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.blog-loading__grid span{height:330px}.studio-setup{color:#10213a;text-align:center;background:#fbfaf7;place-content:center;min-height:100dvh;padding:30px;display:grid}.studio-setup h1{margin:0 0 8px}.studio-setup p{color:#6f7b8e;margin:0}@keyframes blog-shimmer{to{background-position:-200% 0}}@media (max-width:900px){.blog-hero__inner{grid-template-columns:1fr;gap:30px;min-height:330px}.blog-hero__intro{max-width:600px}.blog-listing__heading{flex-direction:column;align-items:flex-start}.blog-filters{width:100%;max-width:100%}.blog-card--featured{display:flex}.blog-card--featured .blog-card__media{min-height:340px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr;gap:38px}.article-author{grid-template-columns:58px 1fr;align-items:center;gap:0 16px;display:grid;position:static}.article-author>img,.article-author>span{grid-row:1/5}.article-author>p{margin-top:0}.article-author small,.article-author>div{margin-top:5px}}@media (max-width:640px){.blog-container{width:min(100% - 30px,1180px)}.blog-header__inner{min-height:68px}.blog-brand img{width:112px}.blog-nav{gap:13px}.blog-nav__active{display:none}.blog-open-app{min-height:39px;padding:0 13px;font-size:12px}.blog-hero__inner{min-height:320px;padding-top:56px;padding-bottom:52px}.blog-hero h1{font-size:clamp(48px,16vw,68px)}.blog-hero__intro{font-size:16px}.blog-listing{padding:54px 0 76px}.blog-card--featured .blog-card__media{min-height:250px}.blog-card--featured .blog-card__body{padding:26px 24px 30px}.blog-card__meta{flex-direction:column;align-items:flex-start;gap:5px}.blog-grid{grid-template-columns:1fr}.blog-pagination{gap:10px}.blog-pagination div a:not(.is-active){display:none}.blog-footer__inner{text-align:center;grid-template-columns:1fr;justify-items:center;gap:10px;min-height:140px;padding:24px 0}.blog-footer__inner p:last-child{justify-self:center}.article-page{padding-top:32px}.article-header{margin:48px auto 34px}.article-header h1{font-size:clamp(39px,12vw,56px)}.article-deck{font-size:17px}.article-meta{flex-wrap:wrap}.article-cover{border-radius:13px 13px 38px}.article-layout{padding-top:44px;padding-bottom:72px}.article-content{font-size:16px}.article-content h2{font-size:30px}.article-content h3{font-size:24px}.article-content blockquote{margin-inline:0;padding:18px 20px;font-size:18px}.related-articles{padding:58px 0 74px}.blog-loading__title{width:70%}.blog-loading__grid{grid-template-columns:1fr}.blog-loading__grid span:not(:first-child){display:none}}@media (prefers-reduced-motion:reduce){.blog-loading__title,.blog-loading__feature,.blog-loading__grid span{animation:none}}