*{box-sizing:border-box;font-family:Poppins,sans-serif}.blog-detail{max-width:1200px;margin:auto;padding:24px}.back-link{color:#555;font-size:16px;text-decoration:none}.blog-title{margin:24px 0 32px;font-size:40px;font-weight:500}.blog-meta{color:#777;font-size:14px}.tag{color:#252525;border:1px solid #e8e8e8;border-radius:8px;margin-right:8px;padding:4px 10px}.hero{justify-content:center;display:flex}.hero img{border-radius:20px;width:auto;height:500px;margin:32px 0 40px}.blog-layout{flex-direction:column;display:flex}.tldr-row{width:100%}.content-row{grid-template-columns:2fr 1fr;align-items:start;gap:40px;display:grid}.blog-content p,.blog-content li{color:#333;margin-bottom:15px;line-height:1.8}.blog-content ul,.highlight ul{list-style:outside}.blog-content li::marker{color:#353535}.highlight li::marker{color:#067052}.highlight{color:#067052;background:#eefff7;border-radius:20px;margin-bottom:40px;padding:24px;font-size:24px}.highlight ul{margin:12px 0 0;padding-left:20px}.highlight li{color:#067052;margin-bottom:20px;font-size:18px;line-height:28px}details{margin:12px 0}summary{cursor:pointer;font-weight:500}.sidebar-box{border:none;margin-bottom:32px;padding:0}.sidebar{align-self:flex-start;position:sticky;top:15px}.sidebar-box h3{color:#3f3f3f;margin-bottom:24px;font-size:28px;font-weight:500}.overview-links li:first-child a{color:#4a4a4a;font-weight:500}.overview-links a:hover{color:#454545}.overview a{color:#959595;margin-bottom:18px;font-size:14px;text-decoration:none;transition:color .2s;display:block}.overview a:active,.overview a:hover{color:#454545}.overview a.active{color:#454545;font-weight:600}.demo-card{box-sizing:border-box;background:#f5f5f5;border:1px solid #e3e3e3;border-radius:16px;width:100%;position:relative;overflow:hidden}.explore-nav{display:flex}.explore-nav .nav-btn{margin-left:20px}.explore-nav .nav-btn:first-child{margin-left:0}.demo-face{box-sizing:border-box;border-radius:16px;padding:28px 24px;transition:opacity .3s,transform .3s}.demo-normal{background:#f5f5f5}.demo-normal h4{color:#02207f;margin-bottom:10px;font-size:22px;font-weight:600}.demo-normal p{color:#454545;margin-bottom:20px;font-size:14px;line-height:1.6}.explore-more p{margin-bottom:26px;font-size:32px;font-weight:500}.demo-hover{opacity:0;pointer-events:none;background:linear-gradient(343deg,#02207f 8.75%,#2d51e1 91.25%);position:absolute;inset:0}.demo-hover h4{color:#fff;margin-bottom:12px;font-size:22px;font-weight:600}.demo-hover p{color:#fff;margin-bottom:20px;font-size:14px;line-height:1.6}.demo-face .icon{margin-bottom:10px;font-size:34px}.btn-outline{color:#fff;cursor:pointer;background:#3054e5;border:none;border-radius:40px;padding:10px 18px}.demo-hover .btn-outline{color:#02207f;background:#fff}.btn-hover{color:#fff}.btn-white{cursor:pointer;background:#fff;border:none;border-radius:999px;padding:10px 18px;font-weight:500}.demo-card:hover .demo-normal{opacity:0}.demo-card:hover .demo-hover{opacity:1;pointer-events:auto}.sidebar-box ul{padding-left:18px}.cta{background:#f5f8ff}.btn-primary{color:#fff;background:#2563eb;border-radius:999px;margin-top:12px;padding:10px 18px;text-decoration:none;display:inline-block}.blog-content h2{color:#3054e5;margin-bottom:16px;font-size:32px;font-weight:500}.blog-content p{text-align:justify;margin-bottom:10px;font-size:18px}.blog-content h3{margin-bottom:10px;font-size:20px;font-weight:500}.faq-list details{padding:18px 0}.faq-list summary{cursor:pointer;color:#2f2f2f;justify-content:space-between;align-items:center;gap:16px;font-size:18px;font-weight:500;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-icon{width:24px;height:24px;position:relative}.icon-open,details[open] .icon-closed{display:none}details[open] .icon-open{display:block}.faq-list p{color:#4b4b4b;max-width:90%;margin-top:14px;font-size:15px;line-height:1.7}.share-section{margin-top:40px}.share-text{color:#3f3f3f;margin-bottom:16px;font-size:16px;font-weight:500}.share-icons{gap:12px;display:flex}.share-icon{color:#3054e5;cursor:pointer;background:#eef2ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;text-decoration:none;display:flex}.share-icon:hover{background:#dbeafe}.explore-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.blog-content ul{padding-left:20px}.demo-mobile{display:none}.explore-link{color:inherit;text-decoration:none;display:block}.explore-card{cursor:pointer}.table-title{color:#111;margin-bottom:16px;font-size:22px;font-weight:600}.explore-more{margin-top:60px}.explore-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.explore-wrapper{scroll-behavior:smooth;gap:20px;display:flex;overflow-x:hidden}.explore-card{cursor:pointer;min-width:calc(33.333% - 14px)}.explore-card img{border-radius:16px;width:100%}.explore-card p{margin-top:8px;font-size:14px}.explore-meta{color:#6b7280;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:10px;display:flex}.explore-tag{color:#252525;border:1px solid #d1d5db;border-radius:4px;padding:2px 8px}.explore-title{color:#000}.explore-nav{gap:10px;display:flex}.nav-btn{cursor:pointer;background:#e8efff;border:none;border-radius:50%;width:36px;height:36px;font-size:16px}.table-wrapper{width:100%;overflow-x:auto}.spec-table{border-collapse:collapse;width:100%;font-family:Arial,sans-serif}.spec-table thead th{text-align:left;border-bottom:2px solid #000;padding:12px 16px;font-weight:500}.spec-table tbody td{vertical-align:top;border-bottom:1px solid #ddd;padding:10px 16px}.spec-table tbody tr:last-child td{border-bottom:none}.spec-table th:first-child,.spec-table td:first-child{width:35%;font-weight:500}.spec-table th:nth-child(2),.spec-table td:nth-child(2),.spec-table th:nth-child(3),.spec-table td:nth-child(3){width:32.5%}@media (max-width:425px){.spec-table th,.spec-table td{padding:8px 6px;font-size:12px}}@media (max-width:1024px){.content-row{grid-template-columns:1fr}.sidebar{display:none}.hero img{width:100%;height:100%;margin:32px 0 28px}}@media (max-width:768px){.blog-layout,.explore-grid{grid-template-columns:1fr}.blog-title{font-size:20px}.blog-meta{color:#777;font-size:12px}.hero img{width:100%;height:100%;margin:24px 0 36px}.highlight li{margin-bottom:20px;font-size:14px}.highlight{margin-bottom:36px;font-size:16px}.blog-content h2{font-size:20px}.blog-content p{text-align:left;font-size:14px}.blog-content h3{font-size:16px}}@media (max-width:1024px){.sidebar{display:none}}.sidebar{width:90%}.overview{color:#353535;margin-bottom:12px;font-size:24px;font-weight:500}.overview p{color:#959595;cursor:pointer;margin-bottom:12px;font-size:14px;transition:color .2s}.overview p:hover{color:#454545}.blog-content h2{margin-top:25px}.modal-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.show{display:flex}.modal-box{background:#fff;border-radius:24px;width:95%;max-width:800px;padding:28px;position:relative}.close-btn{cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:18px;right:18px}.modal-title{margin-bottom:6px;font-size:24px}.modal-subtitle{color:#555;margin-bottom:28px;font-size:14px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-group label{font-size:14px;font-weight:500}.form-group input,.form-group textarea{border:1.5px solid #366ccc4d;border-radius:10px;outline:none;width:100%;margin-top:6px;padding:12px}.form-group.full{margin-top:20px}.form-group textarea{resize:none;min-height:110px}.error{color:red;margin-top:4px;font-size:12px}.submit-btn{color:#fff;float:right;cursor:pointer;background:#003cc8;border:none;border-radius:999px;margin-top:20px;padding:12px 28px}.success-box{text-align:left;background:#fff;border-radius:18px;width:90%;max-width:420px;padding:28px;position:relative}.success-box h2{margin-bottom:6px;font-size:22px}.success-box p{color:#333;font-size:14px}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.submit-btn{float:left}}@media (max-width:1024px){.demo-mobile{background:#f5f5f5;border:1px solid #e3e3e3;border-radius:12px;margin-top:24px;padding:20px;display:block}.demo-mobile h4{margin:12px 0;font-size:20px;font-weight:600}.demo-mobile p{color:#454545;margin-bottom:16px;font-size:14px;line-height:1.6}.demo-mobile .btn-outline{color:#fff;cursor:pointer;background:#3054e5;border:none;border-radius:40px;padding:10px 18px}.demo-mobile .icon svg{width:52px;height:52px;display:block}}@media (max-width:768px){.explore-nav{display:none}.explore-wrapper{grid-template-columns:1fr;display:grid;overflow:visible}.explore-card{min-width:100%}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}