.blog-shell{background:var(--gray-50);color:var(--gray-900)}.blog-nav{background:#04182bfa}.blog-nav .nav-inner{min-height:74px}.blog-nav .nav-links a{color:var(--d-muted)}.blog-nav .nav-links a:hover{color:var(--cyan-bright)}.blog-main{overflow:hidden}.blog-hero{position:relative;padding:clamp(8.5rem,13vw,11rem) 0 5.4rem;background:var(--ink);color:#fff;isolation:isolate}.blog-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(115,190,215,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(115,190,215,.08) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.9),transparent 88%);mask-image:linear-gradient(90deg,rgba(0,0,0,.9),transparent 88%);z-index:-2}.blog-hero:after{content:"";position:absolute;width:min(70vw,780px);height:min(70vw,780px);border-radius:50%;right:-22vw;top:-42vw;background:radial-gradient(circle,rgba(9,207,237,.16),transparent 66%);z-index:-1}.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:4rem;align-items:end}.blog-hero .lead{max-width:58ch}.blog-title{max-width:13ch;margin:.85rem 0 1.35rem}.blog-hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.85rem}.blog-kicker{display:flex;align-items:center;gap:.65rem;font:600 .7rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-bright)}.blog-orbit{position:relative;height:330px;max-width:390px;margin-left:auto}.blog-orbit:before,.blog-orbit:after{content:"";position:absolute;border:1px solid rgba(116,221,239,.22);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.blog-orbit:before{width:290px;height:290px}.blog-orbit:after{width:190px;height:190px;border-style:dashed}.blog-orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:28px;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,#0c527f,#052a48);box-shadow:0 22px 60px #00000073,inset 0 1px #ffffff26;color:#fff;font:600 .76rem/1.3 var(--font-mono);letter-spacing:.08em}.blog-orbit-core:before{content:"";width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--cyan),#72e9fa);position:absolute;opacity:.92}.blog-orbit-core span{position:relative;z-index:1;color:#063049}.blog-orbit-item{position:absolute;width:84px;padding:.7rem .25rem;text-align:center;border:1px solid rgba(130,223,239,.25);border-radius:13px;background:#062238d1;box-shadow:0 12px 32px #00000040;font:700 .59rem/1.2 var(--font-mono);letter-spacing:.07em;color:var(--d-text);text-transform:uppercase}.blog-orbit-item i{display:block;width:8px;height:8px;border-radius:50%;margin:0 auto .35rem;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.blog-orbit-item.one{top:3%;left:7%;animation:blogFloat 7s ease-in-out infinite}.blog-orbit-item.two{right:0;top:40%;animation:blogFloat 7s -2.3s ease-in-out infinite}.blog-orbit-item.three{bottom:4%;left:14%;animation:blogFloat 7s -4.5s ease-in-out infinite}.blog-section{padding:clamp(4.5rem,8vw,7rem) 0}.blog-section-head{max-width:680px;margin-bottom:2.4rem}.blog-section-head .h2{margin:.7rem 0}.blog-section-head .lead{font-size:1.06rem}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}.article-card{position:relative;display:flex;flex-direction:column;min-height:390px;overflow:hidden;padding:1.55rem;border:1px solid var(--gray-200);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}.article-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:#09cfed73}.article-card.featured{grid-column:span 2;min-height:440px;padding:clamp(1.5rem,3.5vw,3rem);background:linear-gradient(125deg,#063b62,#052640);color:#fff;border-color:#6cdff038}.article-card small{font:600 .66rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan-dark)}.article-card.featured small{color:var(--cyan-bright)}.article-card h3{max-width:17ch;margin:.85rem 0;font-size:clamp(1.5rem,2.5vw,2.25rem)}.article-card p{max-width:48ch;color:var(--gray-600);font-size:.98rem}.article-card.featured p{color:var(--d-muted)}.article-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:auto;padding-top:1.4rem;color:var(--navy);font-weight:700}.article-card.featured .article-link{color:var(--cyan-bright)}.article-link:after{content:"→";transition:transform .25s var(--ease)}.article-card:hover .article-link:after{transform:translate(5px)}.mini-window{position:absolute;right:clamp(1.5rem,5vw,5rem);bottom:0;width:min(43%,450px);padding:1rem 1rem 0;border-radius:20px 20px 0 0;border:1px solid rgba(150,226,240,.23);background:#effaff;color:var(--ink);box-shadow:0 -8px 35px #00000024;transform:perspective(800px) rotateY(-7deg);transform-origin:right bottom}.mini-window .mw-top{display:flex;gap:5px;margin-bottom:1rem}.mini-window .mw-top i{width:7px;height:7px;border-radius:50%;background:#a5becc}.mini-window .mw-top i:first-child{background:var(--cyan)}.mw-row{display:flex;gap:.7rem;align-items:center;padding:.75rem 0;border-top:1px solid #d7eaf1;font-size:.74rem;font-weight:600}.mw-avatar{width:25px;height:25px;border-radius:8px;background:linear-gradient(145deg,#0d6e9e,#5fe3f7)}.mw-line{height:7px;border-radius:9px;background:#b9d7e4}.mw-line.long{width:62%}.mw-line.short{width:37%}.article-card:not(.featured) .card-illustration{position:absolute;right:-15px;bottom:-25px;width:210px;height:150px;opacity:.95}.signal{position:absolute;border-radius:50%;border:1px solid rgba(9,207,237,.35)}.signal.a{width:150px;height:150px;right:7px;bottom:-48px}.signal.b{width:110px;height:110px;right:28px;bottom:-28px}.signal-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 7px #09cfed1f,0 0 18px var(--cyan);right:76px;bottom:46px;animation:blogPulse 2.5s ease-in-out infinite}.chat-shape{position:absolute;right:22px;bottom:20px;width:134px;padding:13px;border-radius:17px 17px 5px;background:#073a64;color:#fff;font-size:.67rem;box-shadow:0 14px 28px #073a6438}.chat-shape:after{content:"";display:block;width:57%;height:6px;margin-top:6px;border-radius:9px;background:#78cfe2}.chat-shape b{color:var(--cyan-bright);font:600 .57rem var(--font-mono);letter-spacing:.08em}.topic-band{background:#eaf7fb}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--gray-200);border:1px solid var(--gray-200);border-radius:18px;overflow:hidden}.topic-link{padding:1.45rem;background:#fff;transition:background .25s var(--ease)}.topic-link:hover{background:#f1fcfe}.topic-link span{display:block;margin-bottom:.55rem;color:var(--cyan-dark);font:600 .65rem/1 var(--font-mono);letter-spacing:.11em}.topic-link strong{font-family:var(--font-display);font-size:1.12rem;color:var(--navy)}.article-hero{padding:clamp(8.5rem,13vw,11rem) 0 clamp(4rem,7vw,6.2rem);background:var(--ink);color:#fff;position:relative;overflow:hidden}.article-hero:before{content:"";position:absolute;inset:auto -10vw -55vw auto;width:75vw;height:75vw;border-radius:50%;background:radial-gradient(circle,rgba(9,207,237,.2),transparent 66%)}.crumbs{display:flex;gap:.45rem;align-items:center;color:var(--d-muted);font:500 .76rem var(--font-mono)}.crumbs a{color:var(--cyan-bright)}.article-header{max-width:850px}.article-header .blog-kicker{margin-top:2.2rem}.article-header h1{margin:.9rem 0 1.2rem;font-size:clamp(2.65rem,6vw,5.1rem);line-height:.99;letter-spacing:-.045em}.article-header .lead{max-width:680px}.article-byline{display:flex;align-items:center;gap:.7rem;margin-top:1.75rem;color:var(--d-muted);font-size:.84rem}.article-byline i{width:8px;height:8px;border-radius:50%;background:var(--cyan)}.article-body-wrap{display:grid;grid-template-columns:180px minmax(0,760px);gap:clamp(2rem,6vw,6rem);padding:clamp(3rem,6vw,5.5rem) 0}.article-toc{position:sticky;top:105px;height:max-content;border-left:1px solid var(--gray-200);padding-left:1rem}.article-toc b{font:600 .68rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--navy)}.article-toc a{display:block;padding:.42rem 0;color:var(--gray-500);font-size:.82rem}.article-toc a:hover{color:var(--cyan-dark)}.article-content{font-size:1.06rem;color:var(--gray-700)}.article-content h2{margin:0 0 1rem;color:var(--ink);font-size:clamp(1.75rem,3vw,2.5rem)}.article-content h2:not(:first-child){margin-top:3.4rem}.article-content h3{margin:1.9rem 0 .65rem;font-size:1.3rem;color:var(--navy)}.article-content p{margin:.75rem 0 1.15rem}.article-content strong{color:var(--navy)}.article-content ul{display:grid;gap:.75rem;margin:1.45rem 0}.article-content li{position:relative;padding-left:1.4rem}.article-content li:before{content:"";position:absolute;left:0;top:.62rem;width:7px;height:7px;border:2px solid var(--cyan-dark);border-radius:50%}.article-callout{margin:2.3rem 0;padding:1.35rem 1.45rem;border-left:3px solid var(--cyan);border-radius:0 14px 14px 0;background:#ebfafc;color:var(--navy);font-weight:600}.article-visual{margin:2.4rem 0;padding:1.2rem;border:1px solid var(--gray-200);border-radius:20px;background:#fff;box-shadow:var(--shadow-card);overflow:hidden}.article-visual figcaption{padding:.9rem .25rem .15rem;color:var(--gray-500);font-size:.78rem}.flow-visual{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.9rem;border-radius:13px;background:#052b49}.flow-node{position:relative;min-height:116px;padding:1rem;border:1px solid rgba(148,223,237,.16);border-radius:12px;background:#ffffff0d;color:#eaf3fb}.flow-node span{display:block;margin-bottom:.45rem;color:var(--cyan-bright);font:600 .6rem/1 var(--font-mono);letter-spacing:.08em}.flow-node b{font:600 .93rem/1.15 var(--font-display)}.flow-node:not(:last-child):after{content:"→";position:absolute;right:-.5rem;top:50%;z-index:2;color:var(--cyan);font-weight:700}.inbox-visual{display:grid;grid-template-columns:34% 1fr;min-height:250px;border-radius:13px;overflow:hidden;background:#fff}.inbox-list{padding:.9rem;background:#eff7fa}.inbox-list b{display:block;margin-bottom:.75rem;font:600 .58rem var(--font-mono);color:var(--gray-500);letter-spacing:.1em}.contact-row{padding:.65rem 0;border-top:1px solid #dcebf0;font-size:.69rem;color:#49667b}.contact-row:first-of-type{border-color:transparent;background:#d7f5fa;border-radius:8px;padding:.65rem}.contact-row i{display:inline-block;width:7px;height:7px;margin-right:.4rem;border-radius:50%;background:var(--cyan)}.inbox-chat{padding:1.3rem;background:#073a64}.chat-label{font:600 .58rem var(--font-mono);color:#a9cad9;letter-spacing:.1em}.message{max-width:74%;margin:.8rem 0;padding:.65rem .8rem;border-radius:11px 11px 11px 3px;background:#ffffff1a;color:#eaf3fb;font-size:.73rem}.message.out{margin-left:auto;border-radius:11px 11px 3px;background:var(--cyan);color:#062d45}.message .typing{display:flex;gap:4px;margin-top:3px}.typing i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6;animation:blogTyping 1.2s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}.faq-list{margin-top:2.7rem;border-top:1px solid var(--gray-200)}.faq-list details{border-bottom:1px solid var(--gray-200);padding:1.2rem 0}.faq-list summary{display:flex;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none;color:var(--navy);font:600 1.05rem/1.35 var(--font-display)}.faq-list summary:after{content:"+";color:var(--cyan-dark);font:400 1.4rem/1 var(--font-body)}.faq-list details[open] summary:after{content:"–"}.faq-list p{margin:1rem 0 0;color:var(--gray-600);font-size:.96rem}.article-cta{padding:4rem 0;background:var(--navy);color:#fff}.article-cta .article-cta-inner{display:flex;justify-content:space-between;gap:2rem;align-items:end}.article-cta h2{max-width:18ch;font-size:clamp(2rem,4vw,3.2rem)}.article-cta p{max-width:57ch;margin-top:.75rem;color:var(--d-muted)}@keyframes blogFloat{50%{transform:translateY(-9px)}}@keyframes blogPulse{50%{box-shadow:0 0 0 12px #09cfed08,0 0 22px var(--cyan)}}@keyframes blogTyping{50%{transform:translateY(-3px);opacity:1}}@media (max-width:850px){.blog-hero-grid{grid-template-columns:1fr;gap:2rem}.blog-orbit{margin:0 0 -38px;height:240px;transform:scale(.8);transform-origin:left top}.article-body-wrap{grid-template-columns:1fr}.article-toc{position:static;display:flex;gap:.9rem;overflow:auto;border-left:0;border-bottom:1px solid var(--gray-200);padding:0 0 .8rem}.article-toc b{white-space:nowrap}.article-toc a{white-space:nowrap;padding:0}.article-cta .article-cta-inner{display:block}.article-cta .btn{margin-top:1.4rem}}@media (max-width:640px){.article-grid,.topic-grid{grid-template-columns:1fr}.article-card.featured{grid-column:span 1;min-height:440px}.mini-window{width:67%;right:1rem}.article-card:not(.featured){min-height:330px}.flow-visual{grid-template-columns:1fr 1fr}.flow-node:not(:last-child):after{display:none}.inbox-visual{grid-template-columns:1fr}.inbox-list{display:none}.article-header h1{font-size:clamp(2.45rem,11vw,4rem)}.article-hero{padding-top:7.8rem}}
