:root{--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--black: #030712;--accent: #16a34a;--accent-light: #22c55e;--accent-dim: rgba(22, 163, 74, .08);--accent-glow: rgba(22, 163, 74, .2);--blue: #2563eb;--purple: #7c3aed;--orange: #ea580c;--terminal-bg: #0f172a;--terminal-border: #1e293b;--terminal-text: #e2e8f0;--max-width: 1200px;--navbar-height: 64px;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", "Consolas", monospace;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--gray-700);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{min-height:100vh;display:flex;flex-direction:column}.nav{position:sticky;top:0;z-index:100;height:var(--navbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#ffffffe6;backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-200)}.nav__links{display:flex;align-items:center;gap:32px}.nav__link{color:var(--gray-600);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav__link:hover{color:var(--gray-900)}.nav__link--primary{color:var(--accent)}.nav__link--primary:hover{color:var(--accent-light)}.logo{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:18px;color:var(--gray-900);letter-spacing:-.02em;text-decoration:none}.logo svg,.logo img{height:32px;width:auto}main{flex:1;max-width:var(--max-width);margin:0 auto;padding:0 24px;width:100%}.hero{padding:80px 0 60px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse at center,var(--accent-dim) 0%,transparent 70%);pointer-events:none;z-index:-1}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--accent-dim);border:1px solid rgba(22,163,74,.2);border-radius:100px;font-size:13px;font-weight:600;color:var(--accent);margin-bottom:24px}.hero h1{font-size:clamp(40px,8vw,64px);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--gray-900);max-width:800px;margin:0 auto 20px}.hero__subtitle{font-size:19px;color:var(--gray-600);max-width:600px;margin:0 auto 32px;line-height:1.6}.hero__install{max-width:600px;margin:0 auto 32px;text-align:left}.hero__install-note{margin-top:12px;font-size:14px;color:var(--text-muted);text-align:center}.hero__cta{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--accent);color:var(--white)}.button--primary:hover{background:var(--accent-light);box-shadow:0 4px 14px var(--accent-glow)}.button--ghost{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-300)}.button--ghost:hover{background:var(--gray-50);border-color:var(--gray-400)}.button__icon{display:inline-flex}.code-block{position:relative;background:var(--terminal-bg);border:1px solid var(--terminal-border);border-radius:12px;overflow:hidden}.code-block__pre{margin:0;padding:16px 20px;overflow-x:auto;scrollbar-width:none}.code-block__pre::-webkit-scrollbar{display:none}.code-block__code{font-family:var(--font-mono);font-size:14px;line-height:1.6;color:var(--terminal-text)}.code-block__copy{position:absolute;top:12px;right:12px;padding:6px 12px;border:none;border-radius:6px;background:#ffffff1a;color:var(--gray-400);font-family:var(--font-sans);font-size:12px;font-weight:600;cursor:pointer;opacity:0;transition:opacity .2s,background .2s}.code-block:hover .code-block__copy{opacity:1}.code-block__copy:hover{background:#fff3;color:var(--white)}.section{padding:80px 0;border-top:1px solid var(--gray-200)}.section__header{text-align:center;margin-bottom:48px}.section__title{font-size:32px;font-weight:700;color:var(--gray-900);margin:0 0 12px;letter-spacing:-.02em}.section__subtitle{font-size:17px;color:var(--gray-500);max-width:600px;margin:0 auto}.tabs__list{display:flex;gap:0;border-bottom:1px solid var(--gray-200);margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.tabs__list::-webkit-scrollbar{display:none}.tabs__tab{padding:12px 20px;border:none;background:none;font-family:var(--font-sans);font-size:14px;font-weight:600;color:var(--gray-500);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .2s,border-color .2s}.tabs__tab:hover{color:var(--gray-700)}.tabs__tab--active{color:var(--accent);border-bottom-color:var(--accent)}.tabs__content{min-height:180px}.setup-tab__description{margin:0 0 16px;color:var(--gray-600)}.setup-tab__paths{margin:0 0 16px;padding-left:0;list-style:none;font-size:14px;color:var(--gray-600)}.setup-tab__paths li{margin-bottom:8px;padding:8px 12px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px}.setup-tab__paths code{font-family:var(--font-mono);font-size:12px;color:var(--gray-700)}.setup-tab__note{margin-top:16px;color:var(--gray-500);font-size:14px}.setup-tab__note code{font-family:var(--font-mono);background:var(--gray-100);padding:2px 8px;border-radius:4px;font-size:13px;color:var(--gray-700)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.feature-card{padding:24px;background:var(--white);border:1px solid var(--gray-200);border-radius:16px;transition:border-color .2s,box-shadow .2s}.feature-card:hover{border-color:var(--gray-300);box-shadow:0 4px 12px #0000000d}.feature-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-dim);border-radius:12px;margin-bottom:16px;color:var(--accent)}.feature-card__title{font-size:16px;font-weight:600;color:var(--gray-900);margin:0 0 8px}.feature-card__description{font-size:14px;color:var(--gray-500);margin:0;line-height:1.5}.features-languages{margin-top:32px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.features-languages__tag{padding:8px 16px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:100px;font-size:13px;font-weight:600;color:var(--gray-700)}.terminal-wrapper{border-radius:12px;overflow:hidden;background:var(--terminal-bg);border:1px solid var(--terminal-border);box-shadow:0 25px 50px -12px #00000026}.terminal-player{width:100%}.terminal-player .ap-wrapper,.terminal-player .ap-player,.terminal-player .ap-terminal{background:var(--terminal-bg)!important}.terminal-player .ap-control-bar{background:#1e293b!important;border-top:1px solid #334155!important}.terminal-player .ap-progressbar-fill{background:var(--accent)!important}.terminal-player .ap-play-btn,.terminal-player .ap-fullscreen-btn{color:var(--gray-400)!important}.terminal-player .ap-play-btn:hover,.terminal-player .ap-fullscreen-btn:hover{color:var(--white)!important}.benefits-section{text-align:center}.benefits-metrics{display:flex;justify-content:center;gap:48px;margin-bottom:40px}.benefit-metric{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:24px 32px}.benefit-metric__value{font-size:48px;font-weight:700;color:var(--accent);line-height:1}.benefit-metric__label{font-size:18px;font-weight:600;color:var(--gray-800)}.benefit-metric__detail{font-size:14px;color:var(--gray-500)}.benefit-metric--highlight{background:var(--accent-dim);border:1px solid rgba(22,163,74,.2);border-radius:16px;padding:24px 32px}.benefit-metric--highlight .benefit-metric__value{color:var(--accent)}.benefits-explanation{max-width:640px;margin:0 auto;text-align:center}.benefits-explanation p{font-size:16px;color:var(--gray-600);line-height:1.7;margin:0 0 16px}.benefits-cta{margin-top:24px}.text-link{color:var(--accent);font-weight:500;text-decoration:none;transition:opacity .2s}.text-link:hover{opacity:.8}.site-footer{margin-top:auto;padding:64px 24px 40px;border-top:1px solid var(--gray-200);background:var(--gray-50)}.site-footer__inner{max-width:var(--max-width);margin:0 auto}.site-footer__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto}.site-footer__column h4{font-size:13px;font-weight:600;color:var(--gray-900);text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px}.site-footer__column ul{list-style:none;padding:0;margin:0}.site-footer__column li{margin-bottom:10px}.site-footer__column a{color:var(--gray-600);text-decoration:none;font-size:14px;transition:color .2s}.site-footer__column a:hover{color:var(--gray-900)}.site-footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--gray-200)}.site-footer__company{margin:0;color:var(--gray-500);font-size:13px}.site-footer__license{margin:0;color:var(--gray-400);font-size:12px}.panel{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:16px;padding:24px}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.site-footer__grid{grid-template-columns:repeat(2,1fr);gap:32px}}@media (max-width: 768px){.hero{padding:60px 0 40px}.hero h1{font-size:36px}.hero__subtitle{font-size:17px}.section{padding:60px 0}.section__title{font-size:28px}.features-grid{grid-template-columns:1fr}.benefits-metrics{flex-direction:column;gap:32px}.benefit-metric__value{font-size:40px}.site-footer__grid{grid-template-columns:1fr 1fr}.site-footer__bottom{flex-direction:column;gap:8px;text-align:center}}@media (max-width: 600px){.nav{padding:0 16px}.nav__links{gap:16px}main{padding:0 16px}.hero__cta{flex-direction:column;align-items:center}.tabs__tab{padding:10px 16px;font-size:13px}.site-footer__grid{grid-template-columns:1fr;gap:24px}}.page-content{flex:1;width:100%}.page-content .section{max-width:var(--max-width);margin:0 auto;padding:80px 24px}.page-content .section__inner{max-width:900px;margin:0 auto}.page-content .section--alt{background:var(--gray-50);max-width:none;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}.page-content .section--alt .section__inner{max-width:900px;margin:0 auto}.page-header{text-align:center;margin-bottom:48px}.page-header h1{font-size:clamp(32px,6vw,48px);font-weight:800;color:var(--gray-900);margin:0 0 16px;letter-spacing:-.02em}.page-header__subtitle{font-size:18px;color:var(--gray-500);max-width:600px;margin:0 auto}.page-content .section__header{font-size:28px;font-weight:700;color:var(--gray-900);margin:0 0 12px;letter-spacing:-.02em;text-align:left}.page-content .section__subheader{font-size:16px;color:var(--gray-500);margin:0 0 32px}.page-content .section__note{margin-top:24px;font-size:14px;color:var(--gray-500)}.page-content .section__note a{color:var(--accent);text-decoration:none}.page-content .section__note a:hover{text-decoration:underline}.benchmark-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;margin-bottom:48px}.benchmark-summary__card{padding:32px;background:var(--white);border:1px solid var(--gray-200);border-radius:16px;text-align:center;transition:box-shadow .2s}.benchmark-summary__card:hover{box-shadow:0 4px 12px #0000000d}.benchmark-summary__card--primary{background:var(--accent-dim);border-color:#16a34a33}.benchmark-summary__value{display:block;font-size:48px;font-weight:800;color:var(--accent);line-height:1;margin-bottom:4px}.benchmark-summary__card--primary .benchmark-summary__value{color:var(--accent)}.benchmark-summary__label{display:block;font-size:18px;font-weight:600;color:var(--gray-800);margin-bottom:4px}.benchmark-summary__detail{font-size:14px;color:var(--gray-500)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.summary-item{text-align:center;padding:24px;background:var(--white);border:1px solid var(--gray-200);border-radius:12px}.summary-item__value{display:block;font-size:32px;font-weight:700;color:var(--accent);margin-bottom:4px}.summary-item__label{display:block;font-size:14px;font-weight:600;color:var(--gray-800);margin-bottom:4px}.summary-item__detail{display:block;font-size:12px;color:var(--gray-500)}.summary-findings{background:var(--gray-50);border-radius:12px;padding:24px}.summary-findings h3{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--gray-800)}.summary-findings ul{margin:0;padding-left:20px}.summary-findings li{font-size:14px;color:var(--gray-600);margin-bottom:8px;line-height:1.5}.summary-findings li:last-child{margin-bottom:0}@media (max-width: 768px){.summary-grid{grid-template-columns:repeat(2,1fr);gap:16px}.summary-item__value{font-size:24px}}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:24px 0}.stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;padding:24px}.stat-card h4{font-size:16px;font-weight:600;color:var(--gray-800);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--gray-200)}.stat-card__content{display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:4px 0}.stat-row span:first-child{color:var(--gray-600)}.stat-row span:last-child{font-weight:500;color:var(--gray-800)}.stat-row .highlight{color:var(--accent);font-weight:600}.subsection-header{font-size:18px;font-weight:600;color:var(--gray-800);margin-top:32px;margin-bottom:16px}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}}.table-container{overflow-x:auto;margin:24px 0}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--gray-200)}.data-table th{font-weight:600;color:var(--gray-700);background:var(--gray-50);white-space:nowrap}.data-table td{color:var(--gray-600)}.data-table td.highlight{color:var(--accent);font-weight:600}.data-table code{font-family:var(--font-mono);font-size:13px;background:var(--gray-100);padding:2px 8px;border-radius:4px}.data-table--numbers th:not(:first-child),.data-table--numbers td:not(:first-child){text-align:right}.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.comparison-card{padding:24px;background:var(--white);border:1px solid var(--gray-200);border-radius:16px}.comparison-card--highlight{background:var(--accent-dim);border-color:#16a34a33}.comparison-card h3{font-size:16px;font-weight:600;color:var(--gray-900);margin:0 0 12px}.comparison-card p{font-size:14px;color:var(--gray-600);margin:0 0 16px;line-height:1.5}.comparison-card__example{background:var(--terminal-bg);border-radius:8px;padding:16px;margin-bottom:16px}.comparison-card__example code{font-family:var(--font-mono);font-size:13px;color:var(--terminal-text);line-height:1.6}.comparison-card__result{font-size:13px;font-weight:600;color:var(--gray-700);margin:0}.pattern-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.pattern-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#00000008;border-radius:6px}.comparison-card--highlight .pattern-item{background:#ffffff80}.pattern-name{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--gray-800)}.pattern-stats{font-size:12px;color:var(--gray-500)}.methodology-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.methodology-card{padding:20px;background:var(--white);border:1px solid var(--gray-200);border-radius:12px}.methodology-card h3{font-size:15px;font-weight:600;color:var(--gray-900);margin:0 0 8px}.methodology-card p{font-size:14px;color:var(--gray-600);margin:0;line-height:1.5}.code-section{margin:24px 0}.code-section .code-block{margin:0}.code-section pre{margin:0;padding:20px;background:var(--terminal-bg);border-radius:12px;overflow-x:auto}.code-section code{font-family:var(--font-mono);font-size:14px;color:var(--terminal-text);line-height:1.6;white-space:pre}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.faq-item{padding:24px;background:var(--white);border:1px solid var(--gray-200);border-radius:12px}.faq-item h3{font-size:15px;font-weight:600;color:var(--gray-900);margin:0 0 8px}.faq-item p{font-size:14px;color:var(--gray-600);margin:0;line-height:1.6}.faq-item code{font-family:var(--font-mono);font-size:13px;background:var(--gray-100);padding:2px 6px;border-radius:4px}.docs-nav{display:flex;gap:24px;padding:16px 0;margin-bottom:0}.docs-nav__link{font-size:14px;font-weight:500;color:var(--gray-600);text-decoration:none;transition:color .2s}.docs-nav__link:hover{color:var(--accent)}.docs-section{margin-bottom:32px}.docs-section h3{font-size:18px;font-weight:600;color:var(--gray-900);margin:0 0 16px}.docs-section p{font-size:15px;color:var(--gray-600);margin:0 0 16px;line-height:1.6}.tool-card{padding:24px;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;margin-bottom:16px}.tool-card h3{font-family:var(--font-mono);font-size:16px;font-weight:600;color:var(--accent);margin:0 0 8px}.tool-card p{font-size:14px;color:var(--gray-600);margin:0 0 16px;line-height:1.5}.tool-card .code-block{margin:0}.tool-cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tool-cards .tool-card{margin-bottom:0}.command-list{display:grid;gap:12px}.command-item{display:flex;align-items:flex-start;gap:16px;padding:12px 16px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px}.command-item code{flex-shrink:0;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--accent);background:var(--accent-dim);padding:4px 12px;border-radius:6px;white-space:nowrap}.command-item p{font-size:14px;color:var(--gray-600);margin:0}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.not-found__title{font-size:120px;font-weight:800;color:var(--gray-200);margin:0;line-height:1}.not-found__message{font-size:24px;font-weight:600;color:var(--gray-900);margin:0 0 8px}.not-found__description{font-size:16px;color:var(--gray-500);margin:0 0 32px}.about-content{max-width:700px;margin:0 auto}.about-section{margin-bottom:48px}.about-section:last-child{margin-bottom:0}.about-section h2{font-size:24px;font-weight:700;color:var(--gray-900);margin:0 0 16px;letter-spacing:-.02em}.about-section p{font-size:16px;color:var(--gray-600);line-height:1.7;margin:0 0 16px}.about-section p:last-of-type{margin-bottom:0}.about-links{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.philosophy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}.philosophy-card{padding:24px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px}.philosophy-card h3{font-size:16px;font-weight:600;color:var(--gray-900);margin:0 0 8px}.philosophy-card p{font-size:14px;color:var(--gray-600);margin:0;line-height:1.6}.philosophy-card code{font-family:var(--font-mono);font-size:13px;background:var(--gray-100);padding:2px 6px;border-radius:4px}@media (max-width: 768px){.page-content .section{padding:60px 16px}.benchmark-summary{grid-template-columns:1fr;gap:16px}.benchmark-summary__card{padding:24px}.benchmark-summary__value{font-size:36px}.comparison-grid,.methodology-grid,.faq-grid,.philosophy-grid{grid-template-columns:1fr}.docs-nav{flex-wrap:wrap;gap:12px}.not-found__title{font-size:80px}}@media (max-width: 600px){.page-header h1{font-size:28px}.page-header__subtitle{font-size:16px}.page-content .section__header{font-size:22px}.command-item{flex-direction:column;gap:8px}}.blog-categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.blog-category{padding:8px 16px;border:1px solid var(--gray-200);border-radius:100px;background:var(--white);font-size:13px;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all .2s}.blog-category:hover{border-color:var(--gray-300);color:var(--gray-900)}.blog-category--active{background:var(--accent);border-color:var(--accent);color:var(--white)}.blog-category--active:hover{background:var(--accent-light);border-color:var(--accent-light);color:var(--white)}.blog-empty{text-align:center;padding:80px 24px;color:var(--gray-500)}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.blog-card{padding:28px;background:var(--white);border:1px solid var(--gray-200);border-radius:16px;transition:border-color .2s,box-shadow .2s}.blog-card:hover{border-color:var(--gray-300);box-shadow:0 4px 12px #0000000d}.blog-card__meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}.blog-card__category{display:inline-block;padding:4px 10px;background:var(--accent-dim);border-radius:100px;font-size:12px;font-weight:600;color:var(--accent)}.blog-card__date{font-size:13px;color:var(--gray-400)}.blog-card__title{font-size:20px;font-weight:700;color:var(--gray-900);margin:0 0 12px;letter-spacing:-.02em;line-height:1.3}.blog-card__title a{color:inherit;text-decoration:none;transition:color .2s}.blog-card__title a:hover{color:var(--accent)}.blog-card__excerpt{font-size:15px;color:var(--gray-600);line-height:1.6;margin:0 0 16px}.blog-card__footer{display:flex;align-items:center;justify-content:space-between}.blog-card__author{font-size:13px;color:var(--gray-500)}.blog-card__link{font-size:14px;font-weight:600;color:var(--accent);text-decoration:none;transition:opacity .2s}.blog-card__link:hover{opacity:.8}.blog-card__image-link{display:block;margin:-28px -28px 20px;border-radius:16px 16px 0 0;overflow:hidden}.blog-card__image{display:block;width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card__image{transform:scale(1.03)}.blog-post{max-width:800px;margin:0 auto;padding:60px 24px 80px}.blog-post__header{margin-bottom:48px}.blog-post__cover-figure{margin:32px 0 0}.blog-post__cover{display:block;width:100%;max-height:400px;object-fit:cover;border-radius:12px}.blog-post__cover-attribution{margin-top:8px;font-size:13px;color:var(--gray-400);text-align:right}.blog-post__cover-attribution a{color:var(--gray-500);text-decoration:none}.blog-post__cover-attribution a:hover{color:var(--accent);text-decoration:underline}.blog-post__meta{display:flex;align-items:center;gap:16px;margin-bottom:20px}.blog-post__back{font-size:14px;font-weight:500;color:var(--gray-500);text-decoration:none;transition:color .2s}.blog-post__back:hover{color:var(--accent)}.blog-post__category{display:inline-block;padding:4px 12px;background:var(--accent-dim);border-radius:100px;font-size:12px;font-weight:600;color:var(--accent)}.blog-post__title{font-size:clamp(32px,5vw,44px);font-weight:800;color:var(--gray-900);margin:0 0 16px;letter-spacing:-.03em;line-height:1.2}.blog-post__info{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--gray-500)}.blog-post__author{font-weight:500}.blog-post__date{color:var(--gray-400)}.blog-post__tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.blog-post__tag{padding:4px 10px;background:var(--gray-100);border-radius:100px;font-size:12px;font-weight:500;color:var(--gray-600)}.blog-post__content{font-size:17px;line-height:1.8;color:var(--gray-700)}.blog-post__content h1,.blog-post__content h2,.blog-post__content h3,.blog-post__content h4{color:var(--gray-900);font-weight:700;letter-spacing:-.02em;margin-top:48px;margin-bottom:16px}.blog-post__content h2{font-size:28px;padding-bottom:12px;border-bottom:1px solid var(--gray-200)}.blog-post__content h3{font-size:22px}.blog-post__content h4{font-size:18px}.blog-post__content p{margin:0 0 24px}.blog-post__content a{color:var(--accent);text-decoration:none;transition:opacity .2s}.blog-post__content a:hover{opacity:.8;text-decoration:underline}.blog-post__content strong{font-weight:600;color:var(--gray-900)}.blog-post__content :not(pre)>code{font-family:var(--font-mono);font-size:.9em;background:var(--gray-100);padding:2px 8px;border-radius:4px;color:var(--gray-800)}.blog-post__content pre{margin:24px 0;padding:20px 24px;border-radius:12px;overflow:hidden}.blog-post__content pre code{background:transparent;padding:0;border-radius:0;font-family:var(--font-mono);font-size:14px;line-height:1.6}.blog-post__content .code-block{margin:24px 0}.blog-post__content ul,.blog-post__content ol{margin:0 0 24px;padding-left:24px}.blog-post__content li{margin-bottom:8px}.blog-post__content blockquote{margin:24px 0;padding:16px 24px;background:var(--gray-50);border-left:4px solid var(--accent);border-radius:0 8px 8px 0}.blog-post__content blockquote p{margin:0;color:var(--gray-600);font-style:italic}.blog-post__content img{max-width:100%;height:auto;border-radius:12px;margin:24px 0}.blog-post__content hr{border:none;border-top:1px solid var(--gray-200);margin:48px 0}.blog-post__footer{margin-top:64px;padding-top:32px;border-top:1px solid var(--gray-200)}@media (max-width: 768px){.blog-grid{grid-template-columns:1fr}.blog-post{padding:40px 16px 60px}.blog-post__title{font-size:28px}.blog-post__content{font-size:16px}.blog-post__content h2{font-size:24px}.blog-post__content h3{font-size:20px}}@media (max-width: 600px){.blog-card{padding:20px}.blog-card__title{font-size:18px}.blog-post__info{flex-direction:column;align-items:flex-start;gap:4px}}