:root{--ink:#F7F5F2;--muted:#a7a19e;--orange:#FF5B1F;--orange2:#FF8D4C;--bg:#090A0B;--line:#ffffff20;--gutter:clamp(24px, 12vw, 200px);--reading:760px;--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}
button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #ffa779;outline-offset:4px}img{max-width:100%;display:block}
.wrap{padding-inline:var(--gutter);max-width:1920px;margin-inline:auto}.hidden{display:none!important}
header{position:sticky;z-index:50;top:0;min-height:88px;background:rgba(8,9,10,.80);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;border-bottom:1px solid #ffffff0e}
.head-inner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:186px;flex-shrink:0}.brand img{width:100%;height:auto}.mainnav{display:flex;align-items:center;gap:clamp(18px,2.3vw,37px)}.mainnav a{font-size:13px;transition:color .2s}.mainnav a:hover,.mainnav a.on{color:#ff7b3b}.button{display:inline-flex;align-items:center;gap:21px;justify-content:space-between;border-radius:60px;border:1px solid #ffffff63;color:#fff;background:#14131150;padding:5px 5px 5px 21px;font-size:12px;white-space:nowrap;transition:background .3s,border-color .3s,transform .3s}.button:hover{background:#ff5b1f12;border-color:#ff7844;transform:translateY(-2px)}.button .circ{height:36px;width:36px;border-radius:50%;display:grid;place-items:center;background:var(--orange);font-size:22px;font-weight:500}.menu-toggle{display:none;border:1px solid #ffffff38;background:#151313;color:white;border-radius:50%;width:41px;height:41px;font-size:19px;align-items:center;justify-content:center}
.meta,.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:650;color:#aaa39e}.eyebrow:before{content:"";display:inline-block;width:23px;height:2px;background:var(--orange);vertical-align:middle;margin-right:10px}
#blog-view,#post-view{animation:fadeIn .5s ease both}@keyframes fadeIn{from{opacity:0}to{opacity:1}}
/* Archive */
.blog-hero{padding-top:113px;padding-bottom:94px;position:relative;isolation:isolate}.blog-hero:after{content:'';position:absolute;right:-6%;top:-120px;width:560px;height:460px;background:radial-gradient(ellipse,#ec531528,transparent 70%);z-index:-1;filter:blur(14px)}.blog-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:40px}.blog-hero h1{font-size:clamp(72px,8.8vw,150px);font-weight:500;letter-spacing:-.095em;line-height:.86;margin:28px 0 0}.blog-hero h1 span{color:var(--orange)}.blog-hero p{color:#bab4ae;max-width:390px;font-size:15px;line-height:1.7;margin:0 0 8px}.blog-controls{display:flex;align-items:center;gap:12px;border-top:1px solid #fff2;border-bottom:1px solid #fff2;padding-block:21px;margin-bottom:55px}.filter{border:0;background:none;color:#99918b;font-size:12px;letter-spacing:.06em;padding:8px 15px;border-radius:50px}.filter.active,.filter:hover{color:#fff;background:#ffffff16}.filter.active{border:1px solid #ff6d3169}
.featured-post{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:70px;cursor:pointer}.feature-img{height:480px;border-radius:16px;overflow:hidden;position:relative;background:linear-gradient(130deg,#0f1112,#27160e 75%,#15100e);display:grid;place-items:center;border:1px solid #ffffff16}.feature-img:before{content:'';position:absolute;inset:auto -25% -60% 25%;height:105%;background:radial-gradient(ellipse,#fc61205b,transparent 60%);filter:blur(20px)}.feature-img .browser{width:79%;border:1px solid #ffffff56;border-radius:12px;background:#101214;box-shadow:0 40px 90px #000c;transform:perspective(750px) rotateY(-16deg) rotateX(7deg) rotate(-3deg);overflow:hidden}.browser-bar{height:30px;background:#25201e;display:flex;align-items:center;gap:5px;padding:0 13px}.browser-bar b{width:6px;height:6px;border-radius:50%;background:#ff8c55}.browser-body{padding:26px;min-height:220px}.browser-row{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}.fake-title{font-size:31px;line-height:1;letter-spacing:-.05em;font-weight:650}.fake-title em{color:var(--orange);font-style:normal}.fake-lines{margin-top:19px;display:grid;gap:8px}.fake-lines i{display:block;height:5px;background:#514640;border-radius:2px;width:85%}.fake-lines i:nth-child(2){width:60%}.fake-lines i:nth-child(3){width:70%}.fake-pic{height:155px;border-radius:6px;background:radial-gradient(circle at 60% 30%,#ffa360,#b93c12 29%,#301913 65%,#121314);box-shadow:inset 0 0 30px #f60a}.feature-text h2{font-size:clamp(32px,3.3vw,58px);line-height:1.14;letter-spacing:-.065em;font-weight:500;margin:23px 0}.feature-text p{font-size:14px;line-height:1.75;color:#a99f9b;max-width:510px}.textlink{display:inline-flex;align-items:center;gap:18px;color:#ff8c56;font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-top:18px}.textlink span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #fc642c;border-radius:50%;font-size:18px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:130px}.post-card{border:1px solid #ffffff16;border-radius:14px;overflow:hidden;transition:transform .3s,border-color .3s;cursor:pointer;background:#0e1011}.post-card:hover{transform:translateY(-7px);border-color:#ff632c5e}.post-card .post-visual{aspect-ratio:1.45;display:grid;place-items:center;background:linear-gradient(135deg,#232526,#101010);position:relative;overflow:hidden}.post-card .post-visual:after{content:'';position:absolute;inset:-25%;background:radial-gradient(ellipse at 78% 70%,#e65c1b4d,transparent 45%)}.mock-icon{font-size:70px;color:#ffa46f;font-weight:200;z-index:1}.post-card .post-text{padding:23px 23px 27px}.post-card h3{font-size:21px;line-height:1.25;letter-spacing:-.035em;font-weight:500;min-height:74px;margin:15px 0}.post-card .post-text>p{font-size:12px;line-height:1.65;color:var(--muted)}
/* Single Post */
.read-progress{height:2px;position:fixed;top:0;left:0;width:0;background:var(--orange);z-index:100;pointer-events:none}
.post-hero{position:relative;padding-top:90px;padding-bottom:82px;isolation:isolate}.post-hero:before{content:'';position:absolute;inset:-88px 0 -70px auto;width:70%;background:radial-gradient(ellipse 45% 50% at 72% 48%,#ef5b1927,transparent 90%);z-index:-1;pointer-events:none}.breadcrumb{font-size:12px;color:#8f8c8b;display:flex;gap:13px;align-items:center;flex-wrap:wrap}.breadcrumb a:hover{color:#fff}.post-intro{max-width:1130px;padding-top:82px}.post-hero .cats{color:#ff844b;letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:700}.post-hero h1{font-size:clamp(42px,5.6vw,90px);line-height:1.06;letter-spacing:-.071em;font-weight:500;margin:25px 0 25px;max-width:1080px}.post-hero .subtitle{font-size:clamp(15px,1.2vw,19px);line-height:1.68;max-width:770px;color:#bcb4ad}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:17px;margin-top:34px;color:#aaa5a1;font-size:12px}.dot{width:5px;height:5px;border-radius:50%;background:#ff6f2d}.post-cover{height:clamp(290px,42vw,610px);position:relative;background:linear-gradient(120deg,#141517 0%,#231916 40%,#0c0c0e 100%);overflow:hidden}.post-cover::before{content:'';position:absolute;inset:-20% 0 -5% 34%;background:radial-gradient(ellipse at center,#ff72264c,transparent 60%);filter:blur(30px)}.post-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08090a 0%,transparent 20%,transparent 80%,#08090a 100%),linear-gradient(0deg,#08090a3d,transparent 55%)}.cover-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5%;transform:translateX(8%)}.cover-device{border:1px solid #ed804e5e;border-radius:13px;overflow:hidden;width:50%;max-width:620px;background:#131313;box-shadow:0 34px 80px #000c;transform:perspective(950px) rotateY(-13deg) rotateX(5deg) rotate(-4deg)}.cover-device .browser-body{min-height:300px}.cover-abstract{height:250px;width:250px;border-radius:50%;border:1px solid #ff9b5d80;box-shadow:0 0 60px #df541c38,inset 0 0 70px #ff651820;position:absolute;right:14%;z-index:-1}.cover-caption{position:absolute;bottom:28px;left:var(--gutter);font-size:10px;color:#cab09d;z-index:2;letter-spacing:.11em;text-transform:uppercase}
.article-region{padding-top:95px;padding-bottom:100px;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:clamp(48px,8vw,140px);align-items:start}.article-body{max-width:var(--reading)}.article-body .lead{font-size:clamp(19px,1.65vw,25px);line-height:1.63;color:#ebe5df;font-weight:400;margin:0 0 40px}.article-body p{font-size:16px;line-height:1.95;color:#bdb7b1;margin:24px 0}.article-body h2{font-size:clamp(29px,3vw,43px);font-weight:500;line-height:1.24;letter-spacing:-.052em;margin:75px 0 18px;scroll-margin-top:110px}.article-body h3{font-size:24px;letter-spacing:-.04em;line-height:1.25;font-weight:550;margin-top:39px;scroll-margin-top:110px}.article-body ul{padding-left:24px;color:#c9c1bb;line-height:2.0}.article-body li{padding-left:8px;margin-block:8px}.article-body strong{font-weight:600;color:#f7eee7}.article-body .quote{border-left:3px solid var(--orange);padding:23px 30px;background:#151311;margin-block:46px;color:#f6dfd2;font-size:19px;line-height:1.6}.article-body .note{padding:18px 22px;border:1px solid #ff75304a;border-radius:8px;background:#381e151f;color:#ac9990;font-size:12px;line-height:1.7;margin-top:50px}.article-side{position:sticky;top:125px;border-top:1px solid #ff642c6b;padding-top:24px}.article-side h4{font-weight:650;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#e9d8c9;margin:0 0 22px}.article-side nav{display:grid;gap:16px}.article-side nav a{font-size:12px;color:#928d89;line-height:1.5;transition:color .2s}.article-side nav a:hover,.article-side nav a.on{color:#ff8b57}.article-side .share{margin-top:38px;border-top:1px solid #ffffff20;padding-top:23px;display:flex;gap:8px;flex-wrap:wrap}.article-side .share button{background:#161717;border:1px solid #ffffff21;color:#e1d7d0;padding:10px 13px;font-size:11px;border-radius:7px}.article-side .share button:hover{border-color:#ff5b1f}
.next-section{background:linear-gradient(180deg,#101112,#101112 80%,#1e120f);padding-top:80px;padding-bottom:95px}.next-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.next-header h2{font-size:clamp(38px,5vw,72px);line-height:1;letter-spacing:-.07em;font-weight:500;margin:13px 0 0}.next-header span{color:var(--orange)}.cta-band{padding-top:115px;padding-bottom:95px;background:radial-gradient(ellipse 55% 60% at 70% 0,#ff68142c,transparent 80%),#100b09}.cta-band-in{display:grid;grid-template-columns:170px 1fr 330px;gap:30px;align-items:center}.cta-band h2{font-size:clamp(53px,5.2vw,92px);line-height:.94;font-weight:500;letter-spacing:-.08em;margin:0}.cta-band h2 span{color:var(--orange)}.cta-band p{font-size:13px;color:#b4aaa4;line-height:1.75}.footer{padding-top:36px;padding-bottom:25px;background:#090a0b;border-top:1px solid #ffffff12}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:30px}.footer-logo{width:160px}.footer-links{display:flex;gap:25px;flex-wrap:wrap}.footer-links a{font-size:12px;color:#bcb2ae}.footer-links a:hover{color:#ff8c54}.footer-copy{border-top:1px solid #ffffff17;padding-top:19px;color:#76706d;font-size:11px}
.demo-note{position:fixed;bottom:17px;right:18px;z-index:90;border:1px solid #ffffff22;border-radius:9px;background:rgba(14,14,14,.86);backdrop-filter:blur(12px);color:#aaa29c;font-size:10px;padding:10px 13px;max-width:260px}
@media(max-width:1250px){.mainnav{gap:15px}.brand{width:150px}.header-cta{display:none}.article-region{grid-template-columns:minmax(0,1fr) 205px;gap:40px}.cta-band-in{grid-template-columns:150px 1fr 260px}}
@media(max-width:850px){:root{--gutter:clamp(23px,5vw,48px)}header{min-height:75px}.menu-toggle{display:flex}.mainnav{display:none;position:absolute;top:75px;left:0;right:0;background:rgba(11,11,11,.96);padding:25px var(--gutter) 32px;flex-direction:column;align-items:stretch;gap:24px;border-bottom:1px solid #ffffff22}.mainnav.open{display:flex}.mainnav a{font-size:16px}.blog-hero{padding-top:80px;padding-bottom:55px}.blog-hero-grid{grid-template-columns:1fr;gap:24px}.blog-hero p{max-width:530px}.featured-post{grid-template-columns:1fr;gap:28px}.feature-img{height:380px}.cards{grid-template-columns:repeat(2,1fr)}.post-hero{padding-top:60px;padding-bottom:50px}.post-intro{padding-top:60px}.post-hero h1{font-size:clamp(47px,7vw,72px)}.post-cover{height:400px}.article-region{grid-template-columns:1fr;padding-top:55px}.article-side{display:none}.article-body{max-width:750px}.cta-band-in{grid-template-columns:1fr;gap:22px}.cta-band{padding-top:85px;padding-bottom:75px}.cta-band p{max-width:380px}.demo-note{display:none}}
@media(max-width:550px){:root{--gutter:24px}.brand{width:151px}.blog-hero h1{font-size:78px}.blog-controls{gap:4px;overflow-x:auto}.filter{font-size:10px;padding:10px 11px;white-space:nowrap}.feature-img{height:270px}.feature-img .browser{width:87%}.browser-body{min-height:170px;padding:16px}.fake-title{font-size:22px}.fake-pic{height:115px}.feature-text h2{font-size:34px}.cards{grid-template-columns:1fr;gap:16px;padding-bottom:90px}.post-card h3{min-height:auto}.post-hero h1{font-size:clamp(41px,10.2vw,57px);line-height:1.09}.post-intro{padding-top:42px}.post-cover{height:290px}.cover-stage{transform:translateX(15%)}.cover-device{width:87%}.cover-device .browser-body{min-height:185px}.cover-abstract{width:170px;height:170px;right:-4%}.cover-caption{font-size:8px}.article-body .lead{font-size:20px}.article-body p{font-size:15px;line-height:1.85}.article-body h2{font-size:30px;margin-top:55px}.next-section{padding-top:60px;padding-bottom:65px}.next-header{display:block}.next-header h2{font-size:46px}.footer-top{align-items:flex-start;flex-direction:column}.footer-links{gap:15px}.cta-band h2{font-size:clamp(42px,10.8vw,53px)}.cta-band{padding-block:80px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.bc-post-grid-section{padding-top:60px;padding-bottom:110px}.bc-blog-list-grid,.bc-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.bc-blog-post-card{background:#141416;border:1px solid #302723;border-radius:16px;overflow:hidden;transition:transform .3s,border-color .3s}.bc-blog-post-card:hover{transform:translateY(-5px);border-color:#f16d28}.bc-blog-post-card a{color:inherit;text-decoration:none;display:block}.bc-blog-thumb{height:230px;overflow:hidden;background:#251a15}.bc-blog-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.bc-blog-post-card:hover img{transform:scale(1.05)}.bc-thumb-empty{width:100%;height:100%;display:grid;place-items:center;font-size:64px;color:#ff5b1f;background:radial-gradient(circle at 70% 30%,#652a18,#100e0e)}.bc-blog-card-body{padding:26px}.bc-blog-card-body h2{font-size:23px;font-weight:500;line-height:1.2;margin:14px 0}.bc-blog-card-body p{color:#aba39f;line-height:1.6;font-size:14px}.bc-arrow{color:#ff5b1f;display:block;margin-top:20px}.bc-blog-list .blog-hero{padding-top:180px}.bc-blog-list .blog-hero h1{font-size:clamp(56px,7vw,112px);max-width:900px}.bc-blog-list .blog-hero h1 span,.bc-single-post .next-section h2 span{color:#ff5b1f}.bc-pagination{grid-column:1/-1}.bc-pagination ul{list-style:none;display:flex;gap:12px;padding:0}.bc-pagination a,.bc-pagination span{color:#fff;padding:8px 14px;border:1px solid #5d514d;border-radius:6px}.bc-single-post .post-hero{padding-top:175px;max-width:1030px}.bc-single-post .post-hero h1{font-size:clamp(46px,5vw,86px);line-height:1.05;letter-spacing:-.05em}.bc-single-post .post-hero .bc-post-excerpt{font-size:20px;color:#cfc4bd;max-width:790px;line-height:1.65}.bc-breadcrumb{font-size:12px;color:#a59d98;margin-bottom:55px}.bc-breadcrumb a{color:#d7d0cb}.bc-meta{font-size:12px;color:#aca4a0;margin-top:32px}.bc-featured-image{max-width:1050px;margin:70px auto}.bc-featured-image img{width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:14px}.bc-single-post .article-region{padding-top:55px}.bc-single-post .article-body{max-width:790px;margin:0 auto;font-size:18px;line-height:1.85;color:#dfd9d5;overflow-wrap:break-word}.bc-single-post .article-body h2,.bc-single-post .article-body h3{color:#fff;line-height:1.18;margin:45px 0 20px;letter-spacing:-.025em}.bc-single-post .article-body a{color:#ff914c;text-decoration:underline}.bc-single-post .article-body blockquote{border-left:3px solid #ff5b1f;padding:12px 24px;background:#17120f}.bc-single-post .article-body img{height:auto;border-radius:8px}.bc-single-post .next-section{padding-top:110px;padding-bottom:120px}.bc-single-post .next-section h2{font-size:clamp(44px,5vw,74px)}.bc-single-post .next-section .bc-related-grid{margin-top:40px}.bc-basic-page{padding:160px 24px 100px}.bc-article-width{max-width:850px;margin:0 auto}.bc-article-width h1{font-size:clamp(40px,5vw,75px)}.read-progress{position:fixed;top:0;left:0;height:3px;background:#ff5b1f;z-index:9999;width:0}.bc-blog-list,.bc-single-post{min-height:65vh}
@media(max-width:900px){.bc-blog-list-grid,.bc-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.bc-blog-list-grid,.bc-related-grid{grid-template-columns:1fr}.bc-blog-list .blog-hero,.bc-single-post .post-hero{padding-top:135px}.bc-blog-thumb{height:205px}.bc-single-post .post-hero h1{font-size:44px}.bc-single-post .article-body{font-size:16px}.bc-featured-image{margin:35px 24px}}