*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #000;--surface: #111113;--surface2: #1c1c1e;--surface3: #2c2c2e;--white: #fff;--gray50: #f5f5f7;--gray100: #e5e5ea;--gray300: #aeaeb2;--gray500: #8e8e93;--gray700: #636366;--green: #00c853;--green-dim: rgba(0, 200, 83, .1);--green-border: rgba(0, 200, 83, .25);--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .14);--radius: 12px;--radius-lg: 20px;--radius-xl: 28px;--font: "Outfit", sans-serif;--mono: "JetBrains Mono", monospace;--ease: cubic-bezier(.25, .46, .45, .94);--mesh-g: rgba(0, 200, 83, .13);--mesh-b: rgba(34, 98, 165, .12);--mesh-w: rgba(255, 255, 255, .065)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:hidden}body{background:var(--bg);color:var(--white);font-family:var(--font);font-size:16px;line-height:1.6;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;z-index:9999}h1,h2,h3,h4,h5{font-family:var(--font);line-height:1.1;font-weight:700}h1{font-size:clamp(2.8rem,7vw,5.5rem);font-weight:900;letter-spacing:-.04em}h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;letter-spacing:-.03em}h3{font-size:clamp(1.15rem,1.8vw,1.4rem);font-weight:700;letter-spacing:-.01em}.container{max-width:1140px;margin:0 auto;padding:0 24px}@media(min-width:768px){.container{padding:0 40px}}section{padding:100px 0}@media(max-width:767px){section{padding:64px 0}}.rv{opacity:0;transform:translateY(32px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.rv.vis{opacity:1;transform:none}.rv-d1{transition-delay:.1s}.rv-d2{transition-delay:.2s}.rv-d3{transition-delay:.3s}.rv-d4{transition-delay:.4s}.rv-d5{transition-delay:.5s}#nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#0009;border-bottom:1px solid var(--border);transition:background .3s;-webkit-overflow-scrolling:touch}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:800;font-size:1.02rem;letter-spacing:-.035em;color:var(--white);flex-shrink:0;margin-right:4px}.logo-text{white-space:nowrap}.logo-icon{width:28px;height:28px;background:var(--green);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-icon svg{width:16px;height:16px}.logo em{font-style:normal;color:var(--green)}.nav-links{display:none;list-style:none;gap:28px;align-items:center}@media(min-width:900px){.nav-links{display:flex}}.nav-links a{position:relative;color:var(--gray500);font-size:.85rem;font-weight:500;text-decoration:none;letter-spacing:.01em;transition:color .25s}.nav-links a:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:var(--green);transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.22,1,.36,1);opacity:.85}.nav-links a:hover{color:var(--white)}.nav-links a:hover:after{transform:scaleX(1);transform-origin:left}.btn-cta{--mx: 0px;--my: 0px;display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#000;font-family:var(--font);font-weight:700;font-size:.88rem;padding:10px 22px;border-radius:8px;border:none;cursor:pointer;text-decoration:none;letter-spacing:.01em;position:relative;overflow:hidden;transform:translate(var(--mx),var(--my));transition:transform .25s cubic-bezier(.22,1,.36,1),opacity .2s,box-shadow .35s;box-shadow:0 0 24px #00c85333}.btn-cta:hover{opacity:.95;transform:translate(var(--mx),calc(var(--my) - 1px));box-shadow:0 4px 32px #00c85359}.btn-cta svg{width:16px;height:16px;flex-shrink:0}.blog-content a.btn-cta{color:#000}.burger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}.burger span{display:block;width:22px;height:2px;background:var(--white);border-radius:2px}@media(min-width:900px){.burger{display:none}}.mobile-menu{position:fixed;inset:0;background:#000000f7;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;opacity:0;pointer-events:none;transition:opacity .3s}.mobile-menu.open{opacity:1;pointer-events:all}.mobile-menu a{color:var(--white);font-size:1.3rem;font-weight:600;text-decoration:none}.mobile-menu .close-btn{position:absolute;top:20px;right:24px;background:none;border:none;color:var(--white);font-size:1.6rem;cursor:pointer}.page-shell{padding-top:90px;min-height:100vh}.page-shell>nav.blog-breadcrumb{margin-top:0}.blog-hero{position:relative;overflow:hidden;background:linear-gradient(to bottom,var(--bg),rgba(28,28,30,.3),var(--bg));border-bottom:1px solid var(--border)}.blog-hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 65% 55% at 25% 75%,var(--mesh-g) 0%,transparent 56%),radial-gradient(ellipse 70% 58% at 78% 28%,var(--mesh-b) 0%,transparent 54%),radial-gradient(ellipse 100% 45% at 50% 0%,var(--mesh-w) 0%,transparent 40%)}.blog-hero-inner{position:relative;z-index:1;max-width:760px}.section-badge{font-family:var(--mono);font-size:.72rem;color:var(--green);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.blog-hero p{color:var(--gray300);font-size:1.02rem;line-height:1.75;margin-top:16px}.blog-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:740px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1080px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:10px;min-height:200px;position:relative;transition:border-color .3s,transform .25s,box-shadow .3s}.blog-card:hover{border-color:var(--green-border);transform:translateY(-4px);box-shadow:0 18px 40px #00000052,0 0 30px #00c8530f}.blog-card-thumb{position:absolute;top:20px;right:20px;width:52px;height:52px;border-radius:10px;overflow:hidden;background:var(--surface2);border:1px solid var(--border);flex-shrink:0;transition:border-color .3s}.blog-card:hover .blog-card-thumb{border-color:var(--green-border)}.blog-card-thumb img{width:100%;height:100%;object-fit:cover}.blog-card-body{display:contents}.blog-card-category{display:inline-flex;width:fit-content;padding:6px 12px;border-radius:100px;border:1px solid var(--green-border);background:var(--green-dim);color:var(--green);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-family:var(--mono)}.blog-card-title{font-size:1.2rem;letter-spacing:-.015em;margin-bottom:10px;line-height:1.35}.blog-card-desc{color:var(--gray300);font-size:.92rem;line-height:1.65}.blog-card-meta{margin-top:auto;padding-top:20px;display:flex;justify-content:space-between;align-items:center;color:var(--gray500);font-size:.8rem;border-top:1px solid var(--border)}.blog-card-link{color:var(--green);text-decoration:none;font-weight:700}.blog-card-title a{color:inherit;text-decoration:none}.blog-card-title a:hover{color:var(--green)}@media(max-width:768px){.blog-card-thumb{width:44px;height:44px;top:16px;right:16px;border-radius:8px}}.blog-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.blog-filter-link{text-decoration:none;color:var(--gray300);border:1px solid var(--border);background:var(--surface);padding:10px 14px;border-radius:100px;font-size:.82rem;transition:all .25s}.blog-filter-link:hover,.blog-filter-link.active{color:var(--green);border-color:var(--green-border);background:var(--green-dim)}.blog-content{max-width:840px;margin:0 auto}.blog-image-section{padding-top:0;padding-bottom:0;margin-bottom:16px}.blog-hero-image{max-width:480px;max-height:480px;border-radius:var(--radius-lg);margin:0 auto;display:block;object-fit:contain;border:1px solid var(--border);box-shadow:0 8px 32px #00c8530f}@media(max-width:768px){.blog-hero-image{max-width:260px;max-height:260px;border-radius:var(--radius)}}.blog-content p,.blog-content li{color:var(--gray300);line-height:1.78}.blog-content h2{margin-top:42px;margin-bottom:14px}.blog-content h3{margin-top:30px;margin-bottom:10px}.blog-content a{color:var(--green)}.blog-content ul,.blog-content ol{margin-left:20px}.cta-block{margin-top:30px;background:linear-gradient(145deg,#00c8531f,#ffffff08);border:1px solid var(--green-border);border-radius:var(--radius-lg);padding:24px}.cta-block h3{margin-bottom:8px}.cta-block p{margin-bottom:14px}.blog-breadcrumb{padding:16px 0 0}.blog-breadcrumb .container{display:flex;align-items:center;gap:8px;font-size:.82rem;flex-wrap:wrap}.blog-breadcrumb a{color:var(--gray500);text-decoration:none;transition:color .2s}.blog-breadcrumb a:hover{color:var(--green)}.breadcrumb-sep{color:var(--gray700);user-select:none}.breadcrumb-current{color:var(--gray300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}@media(max-width:640px){.breadcrumb-current{max-width:160px}}.related-posts{margin-top:34px;padding-top:24px;border-top:1px solid var(--border)}.related-posts h3{margin-bottom:14px}.related-posts-grid{display:grid;gap:12px}@media(min-width:900px){.related-posts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.related-post-link{text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:8px;transition:border-color .25s,transform .25s}.related-post-link:hover{border-color:var(--green-border);transform:translateY(-2px)}.related-post-category{color:var(--green);font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.related-post-title{color:var(--gray100);line-height:1.4;font-weight:700;font-size:.9rem}.related-post-meta{color:var(--gray500);font-size:.74rem}footer{position:relative;overflow:hidden;border-top:1px solid var(--border);padding:48px 0 32px}footer:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 85% 55% at 50% 0%,var(--mesh-g) 0%,transparent 55%),radial-gradient(ellipse 45% 40% at 0% 100%,var(--mesh-b) 0%,transparent 48%)}footer>.container{position:relative;z-index:1}.footer-top{display:grid;grid-template-columns:1fr;gap:32px;margin-bottom:40px}@media(min-width:768px){.footer-top{grid-template-columns:2fr 1fr 1fr}}.footer-brand .logo{font-size:1.15rem;margin-bottom:12px;display:inline-flex}.footer-desc{font-size:.85rem;color:var(--gray500);line-height:1.65;max-width:300px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links a{display:inline-block;color:var(--gray500);text-decoration:none;font-size:.85rem;transition:color .25s}.footer-links a:hover{color:var(--white)}.footer-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;flex-direction:column;gap:12px;align-items:center}@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-copy{font-size:.78rem;color:var(--gray700)}.footer-meta{font-size:.74rem;color:var(--gray700)}.footer-meta a{color:var(--gray700);text-decoration:none}.footer-legal{display:flex;gap:20px;flex-wrap:wrap}.footer-legal a{font-size:.78rem;color:var(--gray500);text-decoration:none}.footer-legal a:hover{color:var(--white)}