.blog-page{--text: var(--color-text);--accent: var(--color-accent);--accent-dim: rgba(255,107,53,.12);--muted: rgba(255,255,255,.35);--surface: rgba(255,255,255,.03);--border: rgba(255,255,255,.06);--font-body: var(--font-sans)}.reading-progress{position:fixed;top:0;left:0;height:2px;background:var(--color-accent);z-index:200;width:0%;box-shadow:0 0 8px #ff6b3580}.blog-page{position:relative;z-index:2}.blog-page .fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.blog-page .fade-in.visible{opacity:1;transform:translateY(0)}.blog-page .delay-2{transition-delay:.2s}@media(prefers-reduced-motion:reduce){.blog-page .fade-in{opacity:1;transform:none;transition:none}.reading-progress{transition:none}}.article-hero{position:relative;z-index:2;padding:4rem 3rem 4.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.article-hero-inner{max-width:900px;margin:0 auto}.article-hero-top{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem}.article-category{font-family:var(--font-display);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}.article-hero-sep{color:#ffffff26;font-size:.78rem}.article-reading-time{font-family:var(--font-sans);font-size:.72rem;color:#ffffff59;letter-spacing:.04em}h1.article-title{font-family:var(--font-display);font-size:clamp(2.2rem,5.5vw,4rem);font-weight:500;line-height:1.05;letter-spacing:-.045em;color:var(--color-text);margin-bottom:2rem}.article-intro{font-family:var(--font-sans);font-size:clamp(.95rem,1.8vw,1.1rem);color:#ffffff80;line-height:1.75;margin-bottom:3rem;max-width:680px}.article-intro strong{color:#ffffffbf}.article-hero-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06);padding-top:1.5rem;flex-wrap:wrap;gap:1rem}.article-author{display:flex;align-items:center;gap:.75rem}.author-avatar{width:36px;height:36px;border-radius:50%;background:#ff6b351f;border:1px solid rgba(255,107,53,.3);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:.8rem;color:var(--color-accent);flex-shrink:0}.author-name{display:block;font-family:var(--font-display);font-size:.88rem;font-weight:500;color:#fffc;text-decoration:none}.author-name:hover{color:#fff}.author-role{display:block;font-size:.75rem;color:#ffffff4d}.article-date{font-family:var(--font-sans);font-size:.82rem;color:#ffffff4d}.article-wrap{max-width:900px;margin:0 auto;padding:4rem 3rem 6rem}.article-wrap .toc{border:1px solid rgba(255,255,255,.08);padding:1.5rem 1.75rem;margin-bottom:3rem;background:#ffffff05}.article-wrap .toc-title{font-family:var(--font-display);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#ffffff59;margin-bottom:1rem}.article-wrap .toc ol{padding-left:1.25rem;display:flex;flex-direction:column;gap:.45rem}.article-wrap .toc li{font-size:.88rem}.article-wrap .toc a{color:#ffffff80;text-decoration:none;transition:color .2s}.article-wrap .toc a:hover{color:#ffffffe6}.article-body{display:flex;flex-direction:column}.article-body section{margin-bottom:3.5rem}.article-body h2{font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,1.65rem);font-weight:500;letter-spacing:-.025em;color:var(--color-text);line-height:1.25;margin-bottom:1.5rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:baseline;gap:1rem}.article-body h2:before{content:counter(h2-counter);counter-increment:h2-counter;font-family:var(--font-display);font-size:.7rem;font-weight:500;letter-spacing:.1em;color:var(--color-accent);opacity:.5;min-width:1.8rem;flex-shrink:0}.article-body{counter-reset:h2-counter}.article-body section:first-child h2{border-top:none;padding-top:0}.article-body h3{font-family:var(--font-display);font-size:1.05rem;font-weight:500;letter-spacing:-.02em;color:#ffffffd9;margin-top:2rem;margin-bottom:.75rem}.article-body p{font-family:var(--font-sans);font-size:.97rem;color:#fff9;line-height:1.85;margin-bottom:1.25rem}.article-body p:last-child{margin-bottom:0}.article-body strong{color:#ffffffd9;font-weight:600}.article-body em{color:#ffffffbf;font-style:italic}.article-body a{color:var(--color-accent);text-decoration:underline;text-decoration-color:#ff6b3566}.article-body a:hover{text-decoration-color:var(--color-accent)}.article-body ul,.article-body ol{padding-left:1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.article-body li{font-family:var(--font-sans);font-size:.95rem;color:#fff9;line-height:1.7}.article-body code{font-family:Courier New,monospace;font-size:.85em;background:#ffffff0f;color:#fffc;padding:.15em .4em;border-radius:3px}.highlight-box{border-left:2px solid var(--color-accent);padding:1.25rem 1.5rem;background:#ff6b350d;margin:1.5rem 0}.highlight-box p{margin-bottom:0;font-size:.93rem}.info-box{border:1px solid rgba(255,255,255,.08);padding:1.25rem 1.5rem;background:#ffffff05;margin:1.5rem 0}.info-box p{margin-bottom:.5rem}.info-box p:last-child{margin-bottom:0}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0;border:1px solid rgba(255,255,255,.08);border-radius:6px}.article-body table{width:100%;min-width:520px;border-collapse:collapse;font-family:var(--font-sans)}.article-body th{text-align:left;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffff80;font-family:var(--font-display);font-weight:500;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#ffffff05}.article-body td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);color:#ffffff8c;font-size:.88rem;vertical-align:top}.article-body tr:last-child td{border-bottom:none}.article-body td strong{color:#fffc}.article-body td code{font-size:.82rem;background:#ffffff0f;padding:.1rem .35rem;border-radius:3px}.badge-yes{color:#4ade80;font-size:.82rem}.badge-partial{color:#facc15;font-size:.82rem}.badge-no{color:#ffffff40;font-size:.82rem}.llm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0}.llm-card{border:1px solid rgba(255,255,255,.08);padding:1.25rem;background:#ffffff05;display:flex;flex-direction:column;gap:.4rem}.llm-badge{display:inline-block;font-family:var(--font-display);font-size:.62rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .6rem;border-radius:100px;margin-bottom:.25rem;align-self:flex-start}.badge-best{background:#ff6b3526;color:var(--color-accent);border:1px solid rgba(255,107,53,.25)}.badge-eu{background:#4ade801a;color:#4ade80;border:1px solid rgba(74,222,128,.2)}.badge-budget{background:#facc151a;color:#facc15;border:1px solid rgba(250,204,21,.2)}.llm-name{font-family:var(--font-display);font-size:1rem;font-weight:500;color:var(--color-text)}.llm-maker{font-size:.78rem;color:#ffffff59}.llm-price{font-family:var(--font-display);font-size:.82rem;color:var(--color-accent)}.llm-use{font-size:.82rem;color:#ffffff73;line-height:1.6}.arch-flow{display:flex;flex-direction:column;gap:0;border:1px solid rgba(255,255,255,.08);padding:1.5rem;background:#ffffff05;margin:1.5rem 0}.arch-step{display:flex;align-items:flex-start;gap:1rem;padding:.75rem 0}.arch-arrow{text-align:center;color:#fff3;padding:.25rem 0;font-size:1.2rem}.arch-icon{font-size:1.5rem;flex-shrink:0;width:2rem;text-align:center}.arch-label{font-family:var(--font-display);font-size:.88rem;font-weight:500;color:#fffc}.arch-desc{font-size:.82rem;color:#fff6;line-height:1.5;margin-top:.2rem}.verdict-col{border:1px solid rgba(255,255,255,.08);padding:1.25rem;background:#ffffff05}.verdict-col.highlighted{border-color:#ff6b354d;background:#ff6b350a}.verdict-title{font-family:var(--font-display);font-size:.88rem;font-weight:500;color:#fffc;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.verdict-title .v-badge{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .5rem;border-radius:100px;background:#ff6b3526;color:var(--color-accent)}.verdict-col ul{margin-bottom:0}.verdict-col li{font-size:.83rem}.checklist{list-style:none;padding:0;margin:1.25rem 0}.checklist li{display:flex;gap:.85rem;align-items:flex-start;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.9rem;color:#ffffffb3}.checklist li:last-child{border-bottom:none}.checklist li:before{content:"✓";color:#4ade80;font-weight:700;flex-shrink:0;margin-top:.05rem}.checklist li.warn:before{content:"⚠";color:#f97316}.steps-list{list-style:none;padding:0;margin:1.5rem 0;counter-reset:steps}.steps-list li{counter-increment:steps;display:flex;gap:1.25rem;margin-bottom:1.5rem;align-items:flex-start}.steps-list li:before{content:counter(steps);flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#ff6b351f;border:1px solid rgba(255,107,53,.3);color:var(--color-accent);font-family:var(--font-display);font-weight:500;font-size:.85rem;display:flex;align-items:center;justify-content:center}.step-content strong{display:block;color:var(--color-text);margin-bottom:.3rem;font-family:var(--font-display);font-weight:500}.step-content{color:#ffffffa6;font-size:.9rem;line-height:1.7}.subsidy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.5rem 0}.subsidy-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:1.25rem}.subsidy-card .region{font-family:var(--font-display);font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.5rem}.subsidy-card .program{font-family:var(--font-display);font-weight:500;color:var(--color-text);margin-bottom:.35rem;font-size:.92rem}.subsidy-card .amount{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:#4ade80;margin-bottom:.35rem}.subsidy-card .detail{font-size:.78rem;color:#ffffff59;line-height:1.5}.subsidy-card .warning{font-size:.75rem;color:#f97316;margin-top:.4rem;line-height:1.4}.llm-card .llm-name{font-family:var(--font-display);font-weight:600;color:var(--color-text);margin-bottom:.25rem;font-size:.95rem}.llm-card .llm-maker{font-size:.72rem;color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.llm-card .llm-price{font-family:var(--font-display);font-size:.85rem;color:#4ade80;margin-bottom:.5rem}.llm-card .llm-use{font-size:.8rem;color:#ffffff59;line-height:1.5}.llm-card .llm-badge{display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .5rem;border-radius:3px;margin-bottom:.6rem}.badge-eu{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.badge-best{background:#4ade801f;color:#4ade80;border:1px solid rgba(74,222,128,.2)}.badge-budget{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.bench-list{list-style:none;padding:0;margin:1.5rem 0;display:flex;flex-direction:column;gap:.75rem}.bench-item{display:flex;align-items:center;gap:1rem}.bench-label{font-family:var(--font-display);font-size:.82rem;font-weight:500;color:var(--color-text);min-width:120px;flex-shrink:0}.bench-bar-wrap{flex:1;background:#ffffff0d;border-radius:3px;height:10px;overflow:hidden}.bench-bar{height:100%;border-radius:3px}.bar-fastify{background:#4ade80;width:100%}.bar-h3{background:#60a5fa;width:93.6%}.bar-fastapi{background:#fb923c;width:90%}.bar-hono{background:#a78bfa;width:78.6%}.bar-express{background:#ffffff40;width:20.2%}.bench-val{font-family:var(--font-display);font-size:.78rem;color:#ffffff59;min-width:90px;text-align:right;flex-shrink:0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:1.25rem}.feature-card h4{font-family:var(--font-display);font-size:.88rem;font-weight:600;margin:0 0 .75rem}.feature-card.py h4{color:var(--color-accent)}.feature-card.js h4{color:#4ade80}.feature-card p{font-size:.83rem;color:#fff9;line-height:1.6;margin:0}.verdict-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.verdict-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:1.25rem}.verdict-card .vc-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.vc-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:.78rem;flex-shrink:0}.vc-python{background:#ff6b351f;color:var(--color-accent)}.vc-node{background:#4ade801a;color:#4ade80}.vc-name{font-family:var(--font-display);font-weight:500;color:var(--color-text);font-size:.95rem}.verdict-card ul{padding-left:1.1rem}.verdict-card li{font-size:.88rem;color:#ffffffa6;margin-bottom:.35rem}.verdict-box{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:1.25rem 1.5rem;margin:1.5rem 0}.verdict-box p{margin:0;color:#ffffffbf}.verdict-box strong{color:var(--color-text)}.migration-steps{display:flex;flex-direction:column;gap:0;margin:1.5rem 0}.migration-step{display:flex;gap:1.25rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.migration-step:last-child{border-bottom:none}.ms-phase{font-family:var(--font-display);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);flex-shrink:0;width:70px;padding-top:.1rem}.ms-content strong{display:block;font-family:var(--font-display);font-weight:500;color:var(--color-text);margin-bottom:.2rem;font-size:.9rem}.ms-content p{font-size:.83rem;color:#fff9;margin:0;line-height:1.5}.code-block{background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:1.1rem 1.25rem;margin:1.25rem 0;overflow-x:auto}.code-block pre{margin:0;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.8rem;line-height:1.6;color:#fffc;white-space:pre}.code-block .code-lang{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.6rem;display:block}.code-comment{color:#ffffff59}.code-kw{color:#fb923c}.code-fn{color:#60a5fa}.code-str{color:#4ade80}.code-type{color:#c084fc}.decision-matrix{border:1px solid rgba(255,255,255,.08);margin:1.5rem 0;overflow:hidden}.decision-row{display:grid;grid-template-columns:1fr 80px 80px;border-bottom:1px solid rgba(255,255,255,.06);padding:.75rem 1rem;align-items:center}.decision-row:last-child{border-bottom:none}.decision-row.header{background:#ffffff08}.decision-row.header span{font-family:var(--font-display);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#fff6;text-align:center}.decision-row.header span:first-child{text-align:left}.decision-criterion{font-size:.88rem;color:#fff9}.decision-val{text-align:center;font-family:var(--font-display);font-size:.85rem}.val-yes{color:#4ade80}.val-partial{color:#facc15}.val-no{color:#fff3}.faq-section h2{counter-increment:none}.faq-section h2:before{content:none}.faq-item{border-bottom:1px solid rgba(255,255,255,.06)}.faq-item:first-of-type{border-top:1px solid rgba(255,255,255,.06)}.faq-item summary{font-family:var(--font-display);font-size:.95rem;font-weight:500;color:#fffc;padding:1.1rem 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.2rem;font-weight:300;color:#ffffff4d;flex-shrink:0;transition:transform .25s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-answer{font-family:var(--font-sans);font-size:.9rem;color:#ffffff80;line-height:1.75;padding-bottom:1.25rem}.faq-answer p{margin-bottom:.5rem}.faq-answer p:last-child{margin-bottom:0}.article-cta{margin-top:5rem;padding:4rem 0 2rem;border-top:1px solid rgba(255,255,255,.06);text-align:center}.article-cta-label{font-family:var(--font-display);font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#ffffff59;display:block;margin-bottom:1rem}.article-cta h3{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);font-weight:700;letter-spacing:-.04em;color:var(--color-text);line-height:1.1;margin:0 0 1rem}.article-cta-desc{font-size:.95rem;color:#ffffff73;line-height:1.7;max-width:420px;margin:0 auto 2.5rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.88rem;font-weight:600;color:#0a0a0a;background:var(--color-accent);padding:.9rem 2.25rem;border-radius:100px;text-decoration:none;white-space:nowrap;transition:opacity .2s,transform .2s;box-shadow:0 6px 22px #ff6b3540}.btn-primary:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 12px 32px #ff6b3566}@media(max-width:900px){.article-hero{padding:2rem 2rem 3rem}.article-wrap{padding:3rem 2rem 5rem}}@media(max-width:768px){.article-hero{padding:1.5rem 1.25rem 2rem}h1.article-title{font-size:clamp(1.75rem,7.5vw,2.8rem)}.article-intro{font-size:.95rem;margin-bottom:2rem}.article-hero-bottom{flex-direction:column;align-items:flex-start;gap:.75rem}.article-wrap{padding:2.5rem 1.25rem 4rem}.llm-grid,.verdict-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr;gap:.75rem}.subsidy-grid{grid-template-columns:1fr 1fr;gap:.75rem}.article-cta{margin-top:3.5rem;padding:3rem 0 1.5rem}.article-cta h3{font-size:clamp(1.6rem,7vw,2.4rem)}.btn-primary{width:100%;justify-content:center}.bench-label{min-width:90px;font-size:.78rem}.bench-val{font-size:.74rem;min-width:75px}.migration-step{gap:1rem}.ms-phase{width:60px;font-size:.63rem}.code-block pre{font-size:.75rem}.verdict-box p{font-size:.88rem}.checklist li{font-size:.86rem}}@media(max-width:640px){.subsidy-grid{grid-template-columns:1fr 1fr;gap:.6rem}.llm-grid{grid-template-columns:1fr}.llm-card{padding:1rem}.bench-label{min-width:75px;font-size:.73rem}.bench-val{font-size:.7rem;min-width:65px}.bench-bar-wrap{height:8px}.code-block{padding:.9rem 1rem;margin-left:-1rem;margin-right:-1rem;border-radius:0;border-left:none;border-right:none}.code-block pre{font-size:.72rem;line-height:1.55}.migration-step{gap:.75rem;padding:.85rem 0}.ms-phase{width:52px;font-size:.6rem}.checklist li{gap:.6rem;font-size:.84rem}}@media(max-width:480px){.article-wrap{padding:2rem 1rem 3.5rem}.subsidy-grid{grid-template-columns:1fr;gap:.6rem}.subsidy-card{padding:1rem}.llm-card{padding:.9rem}.bench-label{min-width:65px;font-size:.69rem}.bench-val{min-width:58px;font-size:.68rem}.ms-phase{display:none}.verdict-card{padding:.9rem}.verdict-card li{font-size:.82rem}.code-block pre{font-size:.68rem}}