*{margin:0;padding:0;box-sizing:border-box}body:has(.main-container){background-color:#000;color:#fff;overflow-x:hidden;font-family:var(--font-landing-sans),system-ui,sans-serif}.main-container{position:relative;min-height:100vh;background:#000;overflow-x:hidden}@media (min-width:769px){.main-container{overflow:hidden}}@media (max-width:768px){.main-container{overflow-y:visible}}.home-hero-section{position:relative;z-index:5}.geometric-lines{position:absolute;inset:0;z-index:1;pointer-events:none}.line{position:absolute;background:rgba(255,255,255,.08);transform-origin:center}.line-1{width:1px;height:200px;top:10%;left:15%;transform:rotate(45deg);animation:float 6s ease-in-out infinite}.line-2{width:150px;height:1px;top:30%;right:20%;transform:rotate(-30deg);animation:float 8s ease-in-out infinite reverse}.line-3{width:1px;height:100px;bottom:20%;left:25%;transform:rotate(60deg);animation:float 7s ease-in-out infinite}.line-4{width:80px;height:1px;top:60%;right:15%;transform:rotate(15deg);animation:float 5s ease-in-out infinite reverse}.line-5{width:1px;height:120px;top:15%;right:35%;transform:rotate(-45deg);animation:float 9s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(var(--rotation,0deg))}50%{transform:translateY(-10px) rotate(var(--rotation,0deg))}}.decorative-letters{position:absolute;inset:0;z-index:2;pointer-events:none}.letter{position:absolute;font-size:200px;font-weight:300;color:rgba(255,255,255,.45);font-family:Times New Roman,serif;opacity:1}.letter-e{top:5%;left:5%;animation:letterFloat 12s ease-in-out infinite}.letter-k{bottom:15%;left:10%;animation:letterFloat 15s ease-in-out infinite reverse}.letter-j{top:20%;right:8%;animation:letterFloat 10s ease-in-out infinite}.letter-s{bottom:5%;right:5%;animation:letterFloat 18s ease-in-out infinite reverse}@keyframes letterFloat{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-5px) translateX(2px)}50%{transform:translateY(0) translateX(-2px)}75%{transform:translateY(3px) translateX(1px)}}.hamburger-menu{display:flex;flex-direction:column;cursor:pointer}.hamburger-menu span{width:25px;height:2px;background:#00ff00;margin:3px 0;transition:.3s}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);backdrop-filter:blur(10px);z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-content{padding:2rem;height:100%;overflow-y:auto}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.close-btn{background:none;border:none;color:#00ff00;font-size:2rem;cursor:pointer}.menu-section{margin-bottom:2rem}.menu-title{display:block;color:#00ff00;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-decoration:none}.menu-items{margin-left:1rem}.menu-item{display:block;color:#fff;padding:.5rem 0;text-decoration:none;transition:color .3s ease}.menu-item:hover{color:#00ff00}.main-content{display:flex;align-items:center;justify-content:center;min-height:80vh;z-index:10;position:relative;opacity:1;transform:translateY(0);gap:clamp(2rem,4vw,4rem)}.brand-section{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding-right:clamp(1rem,3vw,3rem)}.logo-container{margin-bottom:30px}.dotted-logo{width:120px;height:120px;position:relative}.dot-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;width:100%;height:100%}.dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);transition:all .3s ease}.dot.active{background:#00ff00;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.brand-text{text-align:left}.brand-title{font-size:14px;font-weight:500;letter-spacing:.35em;margin-bottom:6px;color:rgba(255,255,255,.75)}.brand-main,.brand-title{font-family:var(--font-landing-display),system-ui,sans-serif;text-transform:uppercase}.brand-main{font-size:clamp(1.35rem,2.2vw,1.65rem);font-weight:700;letter-spacing:.06em;line-height:1.15;color:#fff}.content-section{flex:1.35;max-width:34rem;width:100%}.content-card{background:#e4e4e1;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.07) 1px,transparent 0);background-size:18px 18px;padding:3rem 2.5rem 2.75rem;position:relative;border-radius:2px;border:1px solid rgba(0,0,0,.06);box-shadow:0 28px 56px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.06)}.large-j{position:absolute;top:1.25rem;left:50%;transform:translateX(-50%);font-size:clamp(4rem,8vw,5rem);font-weight:300;color:rgba(0,0,0,.1);font-family:Times New Roman,Georgia,serif;line-height:1;user-select:none}.main-heading{font-size:clamp(1.35rem,2.4vw,1.875rem);font-weight:700;line-height:1.2;margin-bottom:1.25rem;margin-top:2.75rem;letter-spacing:-.02em;color:#141414;font-family:var(--font-landing-display),system-ui,sans-serif}.sub-text{font-size:1.0625rem;font-weight:400;line-height:1.55;margin-bottom:1.75rem;color:#3a3a3a}.cta-button{background:transparent;border:none;color:#00e600;font-size:15px;font-weight:700;letter-spacing:.12em;cursor:pointer;transition:color .2s ease,transform .2s ease;padding:0;text-decoration:none;text-transform:uppercase;font-family:var(--font-landing-sans),system-ui,sans-serif}.cta-button:hover{color:#66ff66;transform:translateX(4px)}.landing-section{padding-top:clamp(3.5rem,8vw,5.5rem);padding-bottom:clamp(3.5rem,8vw,5.5rem)}.landing-section--stone{background-color:#e8e8e4}.landing-section--white{background-color:#fafaf8}.landing-h2{font-family:var(--font-landing-display),system-ui,sans-serif;font-weight:700;letter-spacing:.06em;line-height:1.2;color:#0c0c0c;text-transform:uppercase;font-size:clamp(1.35rem,2.4vw,2rem);margin-bottom:1.35rem}.landing-h2--sentence{text-transform:none;letter-spacing:-.02em;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.15}.landing-h2--on-dark{color:#fff}.landing-h3{font-family:var(--font-landing-display),system-ui,sans-serif;font-weight:700;font-size:1.125rem;letter-spacing:.2em;text-transform:uppercase;color:#fff;margin-bottom:.5rem}.landing-prose{color:#3a3a38;font-size:1.0625rem;line-height:1.65}.landing-prose p+p{margin-top:1.1rem}.landing-case-link{font-family:var(--font-landing-sans),system-ui,sans-serif}.clients-marquee-outer{overflow:hidden;margin-left:-.5rem;margin-right:-.5rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.clients-marquee-track{display:flex;width:max-content;animation:clients-marquee-scroll 50s linear infinite}.clients-marquee-group{display:flex;flex-shrink:0;align-items:center;gap:clamp(2rem,5vw,3.75rem);padding-right:clamp(2rem,5vw,3.75rem)}@keyframes clients-marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.clients-marquee-track{animation:none;width:100%!important;max-width:56rem;margin-left:auto;margin-right:auto;flex-wrap:wrap;justify-content:center;transform:none!important}.clients-marquee-duplicate{display:none!important}.clients-marquee-group{flex-wrap:wrap;justify-content:center;padding-right:0;gap:1.25rem 2rem}.clients-marquee-outer{-webkit-mask-image:none;mask-image:none}}.landing-list{list-style:none;padding:0;margin:0}.landing-list li{position:relative;padding-left:1.1rem;margin-bottom:.65rem;color:#3a3a38;font-size:1.0625rem;line-height:1.5}.landing-list li:before{content:"•";position:absolute;left:0;color:#16a34a;font-weight:700}.landing-quote-text{font-family:var(--font-landing-sans),system-ui,sans-serif}@media (max-width:768px){.home-hero-section{height:auto;min-height:100dvh;min-height:100svh;padding:max(5rem,calc(env(safe-area-inset-top, 0px) + 3.5rem)) max(.25rem,env(safe-area-inset-right,0px)) max(1rem,env(safe-area-inset-bottom,0px)) max(.25rem,env(safe-area-inset-left,0px));box-sizing:border-box;display:flex;flex-direction:column}.home-hero-section .hero-inner-flex{flex:1;min-height:0;width:100%}.letter{font-size:clamp(72px,22vw,160px)}.main-content{flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:auto;gap:1.75rem;width:100%}.brand-section{padding-right:0;padding-left:0;align-items:center}.brand-text{text-align:center}.dotted-logo{width:88px;height:88px}.brand-main{font-size:clamp(1.125rem,5vw,1.5rem)}.content-card{padding:1.75rem 1.25rem 2rem}.large-j{font-size:clamp(2.5rem,12vw,4rem);top:1rem}.main-heading{font-size:clamp(1.35rem,5.5vw,1.75rem);margin-bottom:1rem}.sub-text{font-size:clamp(.95rem,3.8vw,1.05rem);margin-bottom:1.5rem}.sub-text br{display:none}}.cta-button-large{background:transparent;border:2px solid #00ff00;color:#00ff00;font-size:18px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .3s ease;padding:15px 30px;text-decoration:none;display:inline-block}.cta-button-large:hover{background:#00ff00;color:#000}.service-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:8px;transition:all .3s ease}.service-card:hover{background:rgba(255,255,255,.08);border-color:#00ff00;transform:translateY(-5px)}.email-icon{position:fixed;bottom:30px;left:30px;z-index:100;cursor:pointer;transition:all .3s ease}.email-icon:hover{transform:scale(1.1)}.large-decorative-letter{font-size:200px;font-weight:300;color:rgba(0,0,0,.1);font-family:Times New Roman,serif;line-height:1}.service-circle,.service-circle-item{position:relative}.service-circle{width:120px;height:120px;margin:0 auto}.circle-dots{position:absolute;width:100%;height:100%}.circle-dot{position:absolute;width:4px;height:4px;background:#00ff00;border-radius:50%;opacity:.6}.circle-dot:first-child{transform:rotate(0deg) translateX(60px)}.circle-dot:nth-child(2){transform:rotate(6deg) translateX(60px)}.circle-dot:nth-child(3){transform:rotate(12deg) translateX(60px)}.circle-dot:nth-child(4){transform:rotate(18deg) translateX(60px)}.circle-dot:nth-child(5){transform:rotate(24deg) translateX(60px)}.circle-dot:nth-child(6){transform:rotate(30deg) translateX(60px)}.circle-dot:nth-child(7){transform:rotate(36deg) translateX(60px)}.circle-dot:nth-child(8){transform:rotate(42deg) translateX(60px)}.circle-dot:nth-child(9){transform:rotate(48deg) translateX(60px)}.circle-dot:nth-child(10){transform:rotate(54deg) translateX(60px)}.circle-dot:nth-child(11){transform:rotate(60deg) translateX(60px)}.circle-dot:nth-child(12){transform:rotate(66deg) translateX(60px)}.circle-dot:nth-child(13){transform:rotate(72deg) translateX(60px)}.circle-dot:nth-child(14){transform:rotate(78deg) translateX(60px)}.circle-dot:nth-child(15){transform:rotate(84deg) translateX(60px)}.circle-dot:nth-child(16){transform:rotate(90deg) translateX(60px)}.circle-dot:nth-child(17){transform:rotate(96deg) translateX(60px)}.circle-dot:nth-child(18){transform:rotate(102deg) translateX(60px)}.circle-dot:nth-child(19){transform:rotate(108deg) translateX(60px)}.circle-dot:nth-child(20){transform:rotate(114deg) translateX(60px)}.circle-dot:nth-child(21){transform:rotate(120deg) translateX(60px)}.circle-dot:nth-child(22){transform:rotate(126deg) translateX(60px)}.circle-dot:nth-child(23){transform:rotate(132deg) translateX(60px)}.circle-dot:nth-child(24){transform:rotate(138deg) translateX(60px)}.circle-dot:nth-child(25){transform:rotate(144deg) translateX(60px)}.circle-dot:nth-child(26){transform:rotate(150deg) translateX(60px)}.circle-dot:nth-child(27){transform:rotate(156deg) translateX(60px)}.circle-dot:nth-child(28){transform:rotate(162deg) translateX(60px)}.circle-dot:nth-child(29){transform:rotate(168deg) translateX(60px)}.circle-dot:nth-child(30){transform:rotate(174deg) translateX(60px)}.circle-dot:nth-child(31){transform:rotate(180deg) translateX(60px)}.circle-dot:nth-child(32){transform:rotate(186deg) translateX(60px)}.circle-dot:nth-child(33){transform:rotate(192deg) translateX(60px)}.circle-dot:nth-child(34){transform:rotate(198deg) translateX(60px)}.circle-dot:nth-child(35){transform:rotate(204deg) translateX(60px)}.circle-dot:nth-child(36){transform:rotate(210deg) translateX(60px)}.circle-dot:nth-child(37){transform:rotate(216deg) translateX(60px)}.circle-dot:nth-child(38){transform:rotate(222deg) translateX(60px)}.circle-dot:nth-child(39){transform:rotate(228deg) translateX(60px)}.circle-dot:nth-child(40){transform:rotate(234deg) translateX(60px)}.circle-dot:nth-child(41){transform:rotate(240deg) translateX(60px)}.circle-dot:nth-child(42){transform:rotate(246deg) translateX(60px)}.circle-dot:nth-child(43){transform:rotate(252deg) translateX(60px)}.circle-dot:nth-child(44){transform:rotate(258deg) translateX(60px)}.circle-dot:nth-child(45){transform:rotate(264deg) translateX(60px)}.circle-dot:nth-child(46){transform:rotate(270deg) translateX(60px)}.circle-dot:nth-child(47){transform:rotate(276deg) translateX(60px)}.circle-dot:nth-child(48){transform:rotate(282deg) translateX(60px)}.circle-dot:nth-child(49){transform:rotate(288deg) translateX(60px)}.circle-dot:nth-child(50){transform:rotate(294deg) translateX(60px)}.circle-dot:nth-child(51){transform:rotate(300deg) translateX(60px)}.circle-dot:nth-child(52){transform:rotate(306deg) translateX(60px)}.circle-dot:nth-child(53){transform:rotate(312deg) translateX(60px)}.circle-dot:nth-child(54){transform:rotate(318deg) translateX(60px)}.circle-dot:nth-child(55){transform:rotate(324deg) translateX(60px)}.circle-dot:nth-child(56){transform:rotate(330deg) translateX(60px)}.circle-dot:nth-child(57){transform:rotate(336deg) translateX(60px)}.circle-dot:nth-child(58){transform:rotate(342deg) translateX(60px)}.circle-dot:nth-child(59){transform:rotate(348deg) translateX(60px)}.circle-dot:nth-child(60){transform:rotate(354deg) translateX(60px)}.testimonial-quote{max-width:800px;margin:0 auto}.quote-mark{font-family:Times New Roman,serif;line-height:1}.prose{max-width:none}.prose h2{margin-bottom:1.5rem}.prose h2,.prose h3{color:#000;font-weight:700}.prose h3,.prose p{margin-bottom:1rem}.prose p{color:#374151;line-height:1.7}.prose ul{list-style:none;padding:0}.prose li{margin-bottom:.5rem}.page-container{background:linear-gradient(135deg,#000,#1a1a2e);min-height:100vh;color:#fff}.page-content{position:relative;z-index:10}.page-hero{background:linear-gradient(135deg,#000,#2a2a2a);position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.5}.page-hero-content{position:relative;z-index:10;padding:6rem 1rem;text-align:center}.page-hero-title{font-size:3rem;font-weight:800;margin-bottom:1rem;color:#fff}.page-hero-subtitle{font-size:1.25rem;font-weight:300;margin-bottom:2rem;color:rgba(255,255,255,.8)}.page-hero-cta{display:inline-block;background:#10b981;color:white;padding:.75rem 2rem;border-radius:.375rem;text-decoration:none;font-weight:600;transition:background-color .3s ease}.page-hero-cta:hover{background:#059669}.blog-container{background:#fff;min-height:100vh}.blog-header{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;padding:6rem 0 4rem;position:relative;overflow:hidden}.blog-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.5}.blog-content{position:relative;z-index:10}.breadcrumb{margin-bottom:2rem}.breadcrumb a{color:#6b7280;text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:#10b981}.blog-post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.blog-category{background:#10b981;color:white;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;text-decoration:none}.blog-date{color:#6b7280;font-size:.875rem}.blog-post-title{font-size:3rem;font-weight:800;line-height:1.1;color:#111827;margin-bottom:1.5rem}.blog-post-excerpt{font-size:1.25rem;color:#374151;line-height:1.7;margin-bottom:3rem}.blog-post-content{line-height:1.8;color:#374151}.blog-post-content h2{font-size:2rem;font-weight:700;color:#111827;margin-top:3rem;margin-bottom:1.5rem;line-height:1.3}.blog-post-content h3{font-size:1.5rem;font-weight:600;color:#111827;margin-top:2.5rem;margin-bottom:1rem;line-height:1.4}.blog-post-content h4{font-size:1.25rem;font-weight:600;color:#111827;margin-top:2rem;margin-bottom:.75rem}.blog-post-content p{margin-bottom:1.5rem}.blog-post-content ol,.blog-post-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.blog-post-content li{margin-bottom:.75rem;line-height:1.7}.blog-post-content blockquote{border-left:4px solid #10b981;padding-left:1.5rem;margin:2rem 0;font-style:italic;font-size:1.125rem;color:#4b5563}.blog-post-content .highlight-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;padding:1.5rem;margin:2rem 0}.blog-post-content .warning-box{background:#fefce8;border:1px solid #fde047;border-radius:.5rem;padding:1.5rem;margin:2rem 0}.blog-post-content .info-box{background:#eff6ff;border:1px solid #93c5fd;border-radius:.5rem;padding:1.5rem;margin:2rem 0}.blog-post-cta{background:#111827;color:white;padding:3rem;border-radius:.5rem;text-align:center;margin-top:3rem}.blog-post-cta h3{color:white;margin-bottom:1rem}.blog-post-cta p{color:#d1d5db;margin-bottom:2rem}.blog-post-cta .cta-button{background:#10b981;color:white;padding:.75rem 2rem;border-radius:.375rem;text-decoration:none;font-weight:600;transition:background-color .3s ease;display:inline-block}.blog-post-cta .cta-button:hover{background:#059669}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem}.blog-card{background:white;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;transition:all .3s ease}.blog-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.1);transform:translateY(-2px)}.blog-card-meta{margin-bottom:1rem}.blog-card-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.75rem;line-height:1.4}.blog-card-title a{color:inherit;text-decoration:none;transition:color .3s ease}.blog-card-title a:hover{color:#10b981}.blog-card-excerpt{color:#6b7280;line-height:1.6;margin-bottom:1rem}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f3f4f6}.blog-card-date{color:#9ca3af;font-size:.875rem}.blog-card-link{color:#10b981;font-weight:600;text-decoration:none;font-size:.875rem;transition:color .3s ease}.blog-card-link:hover{color:#059669}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:3rem;padding:2rem 0}.pagination-button{background:#f9fafb;border:1px solid #d1d5db;color:#374151;padding:.5rem 1rem;border-radius:.375rem;text-decoration:none;font-weight:500;transition:all .3s ease}.pagination-button.active,.pagination-button:hover{background:#10b981;color:white;border-color:#10b981}.pagination-info{color:#6b7280;font-size:.875rem}.blog-post-content pre{background:#1f2937;color:#f9fafb;padding:1.5rem;border-radius:.5rem;overflow-x:auto;margin:2rem 0;line-height:1.6}.blog-post-content code,.blog-post-content pre{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.blog-post-content code{background:#f3f4f6;color:#1f2937;padding:.25rem .5rem;border-radius:.25rem}.blog-post-content pre code{background:transparent;color:inherit;padding:0}.blog-post-content table{width:100%;border-collapse:collapse;margin:2rem 0;border:1px solid #e5e7eb}.blog-post-content td,.blog-post-content th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.blog-post-content th{background:#f9fafb;font-weight:600;color:#374151}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.blog-card-enter{opacity:0;transform:translateY(20px)}.blog-card-enter-active{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.blog-card-enter-active,.blog-card-exit{opacity:1;transform:translateY(0)}.blog-card-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.spinner{border:2px solid #f3f3f3;border-top-color:#10b981;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.category-button{transition:all .2s ease-in-out;transform:scale(1)}.category-button:hover{transform:scale(1.05)}.category-button.active{transform:scale(1.02);box-shadow:0 4px 12px rgba(16,185,129,.3)}.pagination-button{transition:all .2s ease-in-out;position:relative;overflow:hidden}.pagination-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.pagination-button:hover:before{left:100%}.blog-content-container{background:#fff;min-height:100vh}.blog-post-header{padding:2rem 0;border-bottom:1px solid #e5e7eb;margin-bottom:2rem}.blog-post-meta-container{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.blog-category-tag{background:#10b981;color:white;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .2s}.blog-category-tag:hover{background:#059669}.blog-read-time{color:#6b7280;font-size:.875rem;display:flex;align-items:center;gap:.25rem}.blog-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;color:#111827;margin-bottom:1.5rem}.blog-excerpt{font-size:1.25rem;color:#4b5563;line-height:1.7;margin-bottom:2rem}.blog-author-date{display:flex;align-items:center;color:#6b7280;font-size:.875rem;gap:.5rem}.blog-rich-content{font-size:1.125rem;line-height:1.8;color:#374151;max-width:none}.blog-rich-content h1{font-size:2.5rem;font-weight:800;line-height:1.2}.blog-rich-content h1,.blog-rich-content h2{color:#111827;margin-top:3rem;margin-bottom:1.5rem}.blog-rich-content h2{font-size:2rem;font-weight:700;line-height:1.3;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.blog-rich-content h3{font-size:1.5rem;font-weight:600;color:#111827;margin-top:2.5rem;margin-bottom:1rem;line-height:1.4}.blog-rich-content h4{font-size:1.25rem;font-weight:600;color:#111827;margin-top:2rem;margin-bottom:.75rem}.blog-rich-content p{margin-bottom:1.5rem}.blog-rich-content ol,.blog-rich-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.blog-rich-content li{margin-bottom:.5rem;line-height:1.7}.blog-rich-content ul li{list-style-type:disc}.blog-rich-content ol li{list-style-type:decimal}.blog-rich-content blockquote{border-left:4px solid #10b981;margin:2rem 0;font-style:italic;font-size:1.25rem;color:#4b5563;background:#f9fafb;padding:1.5rem;border-radius:.5rem}.blog-rich-content a{color:#10b981;text-decoration:underline;font-weight:500;transition:color .2s}.blog-rich-content a:hover{color:#059669}.blog-rich-content strong{font-weight:700;color:#111827}.blog-rich-content em{font-style:italic}.blog-info-box{padding:1.5rem;margin:2rem 0;border-radius:.5rem;border-left:4px solid}.blog-info-box.success{background:#f0fdf4;border-color:#22c55e;color:#166534}.blog-info-box.warning{background:#fefce8;border-color:#eab308;color:#92400e}.blog-info-box.info{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.blog-info-box.error{background:#fef2f2;border-color:#ef4444;color:#dc2626}.blog-rich-content pre{background:#1f2937;color:#f9fafb;padding:1.5rem;border-radius:.5rem;overflow-x:auto;margin:2rem 0;line-height:1.6}.blog-rich-content code,.blog-rich-content pre{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.blog-rich-content code{background:#f3f4f6;color:#1f2937;padding:.25rem .5rem;border-radius:.25rem}.blog-rich-content pre code{background:transparent;color:inherit;padding:0}.blog-rich-content table{width:100%;border-collapse:collapse;margin:2rem 0;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.blog-rich-content td,.blog-rich-content th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.blog-rich-content th{background:#f9fafb;font-weight:600;color:#374151}.blog-rich-content tr:last-child td{border-bottom:none}.blog-rich-content img{max-width:100%;height:auto;border-radius:.5rem;margin:2rem 0;box-shadow:0 4px 6px rgba(0,0,0,.1)}@media (max-width:768px){.blog-title{font-size:2rem}.blog-rich-content{font-size:1rem}.blog-rich-content h1{font-size:2rem}.blog-rich-content h2{font-size:1.5rem}.blog-rich-content h3{font-size:1.25rem}.blog-post-meta-container{flex-direction:column;align-items:flex-start;gap:.75rem}.blog-info-box{padding:1rem;margin:1.5rem 0}.blog-rich-content pre{padding:1rem;font-size:.8rem}.blog-rich-content table{font-size:.875rem}.blog-rich-content td,.blog-rich-content th{padding:.5rem .75rem}}@media (prefers-color-scheme:dark){.blog-content-container{background:#111827;color:#f9fafb}.blog-title{color:#f9fafb}.blog-rich-content{color:#d1d5db}.blog-rich-content h1,.blog-rich-content h2,.blog-rich-content h3,.blog-rich-content h4{color:#f9fafb}.blog-rich-content h2{border-bottom-color:#374151}.blog-rich-content code{background:#374151;color:#f9fafb}.blog-rich-content table{border-color:#374151}.blog-rich-content th{background:#374151;color:#f9fafb}.blog-rich-content td,.blog-rich-content th{border-bottom-color:#374151}}