﻿*{margin:0;padding:0;box-sizing:border-box}body{background:#fff;color:#111;font-family:"Inter",system-ui,sans-serif;font-size:16px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}.site-footer{margin-top:auto}a{color:inherit;text-decoration:underline;text-underline-offset:2px}a:hover{opacity:.6}.site-header{border-bottom:1px solid #e5e5e5;background:#fff}.site-header .wrap{max-width:720px;margin:0 auto;padding:0 24px}.site-header .topbar{display:flex;align-items:center;justify-content:space-between;height:64px}.site-header .site-title{font-family:"Metal Mania",cursive;font-size:28px;font-weight:400;color:#111;text-decoration:none}.site-header .site-title:hover{opacity:.6}.site-footer{border-top:1px solid #e5e5e5;padding:28px 0 32px;color:#999;font-size:13px}.site-footer .wrap{max-width:720px;margin:0 auto;padding:0 24px}.site-footer .footer-descriptor{color:#999;margin-bottom:8px}.site-footer .footer-contact{margin-bottom:4px;color:#666}.site-footer .footer-contact a{color:#666;text-decoration:none}.site-footer .footer-contact a:hover{color:#111;opacity:1}.site-footer .footer-copy{color:#bbb}.site-footer .footer-copy a{color:#bbb;text-decoration:none}.site-footer .footer-copy a:hover{color:#111;opacity:1}.splash{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.splash .company-name{font-size:clamp(4rem,12vw,10rem);color:#000;line-height:1;margin-bottom:56px;transition:all .15s ease-out;white-space:nowrap}.splash .company-name.glitch{animation:glitch .15s ease-out}@keyframes glitch{0%{transform:translate(0);filter:blur(0)}20%{transform:translate(-3px, 2px) skewX(-2deg);filter:blur(1px)}40%{transform:translate(3px, -2px) skewX(2deg)}60%{transform:translate(-2px, -1px) skewX(-1deg);filter:blur(0.5px)}80%{transform:translate(2px, 1px) skewX(1deg)}100%{transform:translate(0);filter:blur(0)}}.splash .enter-btn{background:rgba(0,0,0,0);border:1px solid #000;color:#000;padding:12px 48px;font-family:"Inter",sans-serif;font-size:13px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:background .2s ease,color .2s ease}.splash .enter-btn:hover{background:#000;color:#fff;opacity:1}@media(max-width: 600px){.splash .company-name{margin-bottom:40px}.splash .enter-btn{padding:11px 36px}}.blog-page{padding:48px 24px 80px;max-width:640px;margin:0 auto}.blog-page .subtitle{color:#666;font-size:14px;margin-bottom:40px}.post-list{list-style:none}.post-list li{padding:5px 0}.post-item{display:flex;align-items:baseline;gap:16px}.post-meta{display:inline-block;color:#bbb;font-size:13px;width:90px;flex-shrink:0;font-variant-numeric:tabular-nums}.post-list a{color:#111;text-decoration:none;font-size:15px}.post-list a:hover{text-decoration:underline;text-underline-offset:2px;opacity:1}@media(max-width: 480px){.blog-page{padding:32px 20px 60px}.post-item{flex-direction:column;gap:1px}.post-meta{width:auto}}.post-content{background:#fff}.post-content .wrap{max-width:720px;margin:0 auto;padding:0 24px}.post-content article{padding:48px 0 80px}.post-content h1{font-size:28px;font-weight:700;letter-spacing:-0.3px;line-height:1.25;margin-bottom:12px;color:#111}.post-content .meta{color:#bbb;font-size:13px;margin-bottom:40px}.post-content h2{font-size:19px;font-weight:600;letter-spacing:-0.1px;margin:48px 0 12px;color:#111}.post-content h3{font-size:16px;font-weight:600;margin:32px 0 8px;color:#111}.post-content p{margin-bottom:20px;color:#222;font-size:16px;line-height:1.75}.post-content ul,.post-content ol{margin:0 0 20px 20px;color:#222;font-size:16px;line-height:1.75}.post-content li{margin-bottom:4px}.post-content .lead{font-size:18px;color:#444;margin-bottom:32px;line-height:1.65}.post-content .chart-frame{width:100%;border:1px solid #e5e5e5;border-radius:6px;margin:24px 0 32px;background:#0d1117}.post-content .chart-frame iframe{width:100%;border:none;border-radius:6px;display:block}.post-content .cost-box{background:#111;color:#fff;border-radius:6px;padding:24px 28px;margin:32px 0}.post-content .cost-box p{color:#aaa;margin-bottom:8px;font-size:15px}.post-content .cost-box .big{font-size:32px;font-weight:700;color:#fff;letter-spacing:-1px;margin-bottom:4px}.post-content .cost-box .small{font-size:13px;color:#666}.post-content .note{background:#fff;border-left:3px solid #ddd;padding:14px 18px;margin:24px 0;font-size:15px;color:#555;line-height:1.65}.post-content .post-footer{border-top:1px solid #e5e5e5;padding:24px 0;color:#bbb;font-size:13px}.post-content a{color:#111;text-decoration:underline;text-underline-offset:2px;text-decoration-color:#ccc}.post-content a:hover{text-decoration-color:#111;opacity:1}code{font-family:"SF Mono","Fira Code","Consolas",monospace;font-size:.85em;background:#f0f0f0;padding:2px 6px;border-radius:4px}pre{font-family:"SF Mono","Fira Code","Consolas",monospace;font-size:14px;line-height:1.6;background:#0d1117;color:#e6edf3;border:1px solid #30363d;border-radius:8px;padding:20px 24px;margin:16px 0 24px;overflow-x:auto}pre code{background:none;padding:0;border-radius:0;font-size:inherit;color:inherit}.hljs{background:#0d1117;border-radius:8px;padding:20px 24px}details{margin:16px 0 24px;border:1px solid #30363d;border-radius:8px;overflow:hidden}details summary{background:#161b22;color:#8b949e;padding:10px 16px;font-family:"Inter",sans-serif;font-size:13px;font-weight:500;cursor:pointer;user-select:none;list-style:none}details summary::-webkit-details-marker{display:none}details summary::before{content:"▶";display:inline-block;margin-right:8px;font-size:10px;transition:transform .2s ease}details summary:hover{color:#c9d1d9}details[open] summary::before{transform:rotate(90deg)}details pre{margin:0;border:none;border-radius:0;border-top:1px solid #30363d}
