.footer-brand-desc[data-astro-cid-5hce7sga],.footer-col-title[data-astro-cid-5hce7sga],.footer-col[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga],.footer-bottom[data-astro-cid-5hce7sga],.footer-bottom[data-astro-cid-5hce7sga] span[data-astro-cid-5hce7sga],.footer-bottom[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]{background:linear-gradient(90deg,#6b7280,#d1d5db 12%,#ff3b3b,#fff,#3b82f6,#d1d5db 52%,#fff 60%,#ff3b3b,#9ca3af,#3b82f6,#6b7280);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:holoNavShimmer 8s linear infinite}.footer-col[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]{transition:-webkit-text-fill-color .2s}.footer-col[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]:hover{-webkit-text-fill-color:#fff}.footer-social[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]{background:#ffffff0a;background-image:none;-webkit-text-fill-color:initial;color:#ffffffbf;animation:none}.footer-social[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]:hover{background:#ffffff14;color:#fff;-webkit-text-fill-color:initial}:root{--bg-primary:#08090C;--bg-secondary:#0E1117;--bg-tertiary:#151921;--bg-card:#12161E;--bg-card-hover:#1A1F2B;--bg-elevated:#1E2330;--surface-border:#232A38;--surface-border-hover:#344055;--text-primary:#EDF0F5;--text-secondary:#B8C4D8;--text-muted:#8898B0;--accent:#E5A54B;--accent-light:#F5C872;--accent-dim:#B8832F;--accent-glow:rgba(229,165,75,.12);--accent-glow-md:rgba(229,165,75,.2);--accent-glow-strong:rgba(229,165,75,.35);--teal:#3DD9BE;--teal-dim:rgba(61,217,190,.1);--teal-glow:rgba(61,217,190,.2);--blue:#5B9CF5;--blue-dim:rgba(91,156,245,.1);--blue-glow:rgba(91,156,245,.2);--red:#F06050;--red-dim:rgba(240,96,80,.1);--purple:#D4C5F9;--purple-dim:rgba(167,139,250,.1);--green:#4ADE80;--green-dim:rgba(74,222,128,.1);--font-display:"Sora",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif;--font-mono:"IBM Plex Mono",monospace;--max-w:1240px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1)}html.light{--bg-primary:#F8F9FB;--bg-secondary:#FFFFFF;--bg-tertiary:#EFF1F5;--bg-card:#FFFFFF;--bg-card-hover:#F0F2F6;--bg-elevated:#FFFFFF;--surface-border:#D8DDE6;--surface-border-hover:#B8C0CE;--text-primary:#1A1D24;--text-secondary:#2A3548;--text-muted:#5A6878;--accent:#C4882A;--accent-light:#A87420;--accent-dim:#D9A54E;--accent-glow:rgba(196,136,42,.1);--accent-glow-md:rgba(196,136,42,.15);--accent-glow-strong:rgba(196,136,42,.25);--teal:#2BB29A;--teal-dim:rgba(43,178,154,.08);--blue:#4080E0;--blue-dim:rgba(64,128,224,.08);--red:#D94A3A;--red-dim:rgba(217,74,58,.08);--purple:#7C5FC7;--purple-dim:rgba(124,95,199,.08);--green:#38B568;--green-dim:rgba(56,181,104,.08)}html.light body:before{display:none}html.light .nav{background:#f8f9fbe6}html.light .nav.scrolled{background:#f8f9fbf7}html.light .nav-cta,html.light .nav-cta:hover{color:#fff!important}html.light .logo-mark{color:#fff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.7;overflow-x:hidden}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-light)}img{max-width:100%;display:block}body:before{content:"";position:fixed;inset:0;opacity:.02;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='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 clamp(16px,4vw,48px);background:#08090cd9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid transparent;transition:all .3s}.nav.scrolled{border-bottom-color:var(--surface-border);background:#08090cf2}.nav-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:68px}.nav-logo{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.logo-mark{width:30px;height:30px;background:var(--accent);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--bg-primary);font-weight:800}.nav-links{display:flex;align-items:center;gap:28px;list-style:none}.nav-links a{font-size:.84rem;font-weight:500;color:var(--text-secondary);position:relative}.nav-links a:hover{color:var(--text-primary)}.nav-links a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1.5px;background:var(--accent);transition:width .3s var(--ease-out)}.nav-links a:hover:after{width:100%}.nav-cta{background:var(--accent)!important;color:var(--bg-primary)!important;padding:7px 18px!important;border-radius:7px!important;font-weight:600!important;font-size:.82rem!important;transition:transform .2s var(--ease-spring),box-shadow .2s!important}.nav-cta:after{display:none!important}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px var(--accent-glow-strong);color:var(--bg-primary)!important}.nav-toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px}.nav-toggle span{display:block;width:20px;height:2px;background:currentColor;margin:4px 0;transition:all .3s}.footer{padding:56px clamp(16px,4vw,48px) 28px;border-top:1px solid var(--surface-border);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--teal),var(--accent),transparent);background-size:200% 100%;animation:footer-holo 6s linear infinite;opacity:.7}@keyframes footer-holo{0%{background-position:200% 0}to{background-position:-200% 0}}.footer:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 25% 0%,var(--accent-glow) 0%,transparent 60%),radial-gradient(ellipse at 75% 100%,var(--teal-dim) 0%,transparent 60%);pointer-events:none}.footer-inner{max-width:var(--max-w);margin:0 auto;position:relative;z-index:1}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand{font-family:var(--font-display);font-size:1.15rem;font-weight:800;margin-bottom:10px;background:linear-gradient(90deg,#6b7280,#d1d5db 12%,#ff3b3b,#fff,#3b82f6,#d1d5db 52%,#fff 60%,#ff3b3b,#9ca3af,#3b82f6,#6b7280);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:holoNavShimmer 8s linear infinite}@keyframes holoNavShimmer{0%{background-position:-200% center}to{background-position:200% center}}.footer-brand-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6;max-width:300px}.footer-brand-tagline{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:8px;display:block}.footer-social{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);transition:all .2s ease}.footer-social a:hover{color:var(--text-primary);background:var(--accent-glow);border-color:var(--accent);transform:translateY(-1px)}.footer-social a svg{display:block}.footer-col-title{font-family:var(--font-display);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;background:linear-gradient(90deg,var(--accent),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-col ul{list-style:none}.footer-col li{margin-bottom:8px}.footer-col a{font-size:.95rem;color:var(--text-secondary);transition:all .2s}.footer-col a:hover{color:var(--text-primary);padding-left:4px;text-shadow:0 0 12px var(--accent-glow)}.footer-col a.eco-new{position:relative}.footer-col a.eco-new:after{content:"NEW";font-family:var(--font-mono);font-size:.42rem;letter-spacing:.08em;background:var(--accent);color:var(--bg-primary);padding:1px 5px;border-radius:2px;margin-left:6px;vertical-align:middle;font-weight:700;animation:eco-pulse 3s ease-in-out infinite}@keyframes eco-pulse{0%,to{opacity:1}50%{opacity:.5}}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:28px;border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent,var(--accent-glow-md),var(--teal-dim),transparent) 1;font-size:.85rem;color:var(--text-muted);position:relative;z-index:1}.footer-legal{display:flex;gap:20px}.footer-legal a{color:var(--text-muted)}.footer-legal a:hover{color:var(--text-secondary)}.section{padding:clamp(56px,9vw,110px) clamp(16px,4vw,48px)}.section-inner{max-width:var(--max-w);margin:0 auto}.section-label{font-family:var(--font-mono);font-size:.72rem;font-weight:500;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}.section-title{font-family:var(--font-display);font-size:clamp(1.7rem,3.8vw,2.6rem);font-weight:800;line-height:1.12;letter-spacing:-.025em;margin-bottom:14px}.section-desc{font-size:1.02rem;color:var(--text-secondary);max-width:620px;line-height:1.7;margin-bottom:44px}.section-dark{background:var(--bg-secondary);border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border)}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:9px;font-family:var(--font-body);font-size:.92rem;font-weight:600;cursor:pointer;border:none;transition:all .25s var(--ease-spring)}.btn-primary{background:var(--accent);color:var(--bg-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px var(--accent-glow-strong);color:var(--bg-primary)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--surface-border)}.btn-secondary:hover{border-color:var(--surface-border-hover);transform:translateY(-2px);color:var(--text-primary)}.page-main{padding:130px clamp(16px,4vw,48px) 72px}.page-inner{max-width:760px;margin:0 auto}.page-title{font-family:var(--font-display);font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;line-height:1.12;letter-spacing:-.025em;margin-bottom:36px}.prose p{margin-bottom:18px;color:var(--text-secondary);line-height:1.75}.prose p.lead{font-size:1.08rem;color:var(--text-primary);margin-bottom:36px}.prose h2{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:40px 0 14px}.prose h3{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:28px 0 10px}.prose ul,.prose ol{margin-bottom:18px;padding-left:22px;color:var(--text-secondary)}.prose li{margin-bottom:6px;line-height:1.65}.prose strong{color:var(--text-primary)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.footer-top{grid-template-columns:2fr 1fr 1fr;gap:32px}}@media (max-width:760px){.footer-top{grid-template-columns:1fr 1fr;gap:28px}}@media (max-width:500px){.footer-top{grid-template-columns:1fr}}@media (max-width:640px){.nav-links{display:none}.nav-toggle{display:block}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:var(--bg-secondary);border-bottom:1px solid var(--surface-border);padding:20px;gap:18px}.btn{justify-content:center;width:100%}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:14px;text-align:center}}.nl-capture{background:linear-gradient(135deg,var(--accent-glow),rgba(229,165,75,.04));border:1px solid rgba(229,165,75,.25);border-radius:14px;padding:32px;margin:40px 0;text-align:center}.nl-capture h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:6px}.nl-capture p{font-size:.88rem;color:var(--text-secondary);margin-bottom:18px}.nl-form{display:flex;gap:10px;max-width:440px;margin:0 auto}.nl-form input{flex:1;padding:11px 16px;border-radius:8px;border:1px solid var(--surface-border);background:var(--bg-primary);color:var(--text-primary);font-size:.88rem;font-family:var(--font-body)}.nl-form input:focus{outline:none;border-color:var(--accent)}.nl-form button{padding:11px 22px;border-radius:8px;background:var(--accent);color:var(--bg-primary);font-weight:700;font-size:.84rem;border:none;cursor:pointer;white-space:nowrap;transition:all .2s}.nl-form button:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow-strong)}@media (max-width:480px){.nl-form{flex-direction:column}}.bp-cross{background:var(--bg-card);border:1px solid var(--surface-border);border-radius:14px;padding:26px;margin:32px 0}.bp-cross-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.bp-cross-logo{font-family:var(--font-display);font-size:.82rem;font-weight:700;color:var(--teal);padding:4px 10px;background:var(--teal-dim);border-radius:6px}.bp-cross-title{font-size:.88rem;color:var(--text-secondary)}.bp-links{display:flex;flex-direction:column;gap:10px}.bp-link{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--surface-border);border-radius:10px;transition:all .2s;text-decoration:none}.bp-link:hover{border-color:var(--teal);transform:translate(4px)}.bp-link-text{flex:1}.bp-link-name{font-size:.88rem;font-weight:600;color:var(--text-primary)}.bp-link-desc{font-size:.76rem;color:var(--text-muted)}.bp-link-arrow{color:var(--teal);font-weight:600;font-size:.85rem}.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);z-index:1001;transition:width 50ms linear;pointer-events:none}.breadcrumbs{max-width:780px;margin:0 auto;padding:0 0 16px;display:flex;gap:8px;align-items:center;font-size:.78rem;color:var(--text-muted);flex-wrap:wrap}.breadcrumbs a{color:var(--text-muted)}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs .bc-sep{opacity:.4}.back-to-top{position:fixed;bottom:32px;right:32px;width:44px;height:44px;border-radius:12px;background:var(--bg-card);border:1px solid var(--surface-border);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;opacity:0;transform:translateY(10px);transition:all .3s var(--ease-out);z-index:999;box-shadow:0 4px 16px #0003}.back-to-top.visible{opacity:1;transform:translateY(0)}.back-to-top:hover{border-color:var(--accent);background:var(--accent-glow);transform:translateY(-2px)}.theme-toggle{background:none;border:1px solid var(--surface-border);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:1rem;transition:all .2s;margin-left:6px;flex-shrink:0}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:640px){.back-to-top{bottom:20px;right:20px;width:40px;height:40px}}@media (max-width:768px){.compare-table,.cost-table,.inv-table,.profit-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.compare-table thead,.compare-table tbody,.compare-table tr,.compare-table th,.compare-table td,.cost-table thead,.cost-table tbody,.cost-table tr,.cost-table th,.cost-table td,.inv-table thead,.inv-table tbody,.inv-table tr,.inv-table th,.inv-table td,.profit-table thead,.profit-table tbody,.profit-table tr,.profit-table th,.profit-table td{white-space:normal}.compare-table th,.compare-table td,.cost-table th,.cost-table td,.inv-table th,.inv-table td,.profit-table th,.profit-table td{min-width:100px;padding:10px;font-size:.8rem}.compare-table th:first-child,.compare-table td:first-child,.cost-table th:first-child,.cost-table td:first-child{position:sticky;left:0;z-index:1;background:var(--bg-card);min-width:120px}}@media (max-width:640px){.guide-meta{gap:10px;font-size:.76rem}.math-box{padding:16px;font-size:.82rem;line-height:1.7;overflow-x:auto}.bp-cross{padding:20px;margin:24px 0}.bp-link{padding:10px 14px}.bp-link-name{font-size:.84rem}.bp-link-desc{font-size:.72rem}.cta-box{padding:24px}.cta-links{flex-direction:column;gap:10px}.cta-links .btn{width:100%;justify-content:center}.tip,.warn{padding:14px 16px;font-size:.84rem;margin:20px 0}.result-grid{grid-template-columns:1fr}.q-grid{grid-template-columns:1fr 1fr}.summary-grid,.project-grid{grid-template-columns:1fr}.vs-grid{grid-template-columns:1fr;gap:10px}.vs-grid .vs{font-size:.85rem}.nl-capture{padding:24px;margin:28px 0}.nl-capture h3{font-size:1rem}.filter-bar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;padding-bottom:8px;gap:8px;scrollbar-width:none;-ms-overflow-style:none}.filter-bar::-webkit-scrollbar{display:none}.filter-btn{white-space:nowrap;flex-shrink:0;padding:8px 14px;font-size:.72rem}.check-item{font-size:.84rem;gap:10px}.checklist{padding:18px}.tpl-doc{padding:24px;font-size:.85rem;line-height:1.65}.tpl-toggle{gap:6px}.tpl-toggle button{padding:8px 14px;font-size:.8rem}}@media (max-width:480px){.hero-stats{grid-template-columns:1fr 1fr;gap:16px}.stat-row{grid-template-columns:1fr 1fr;gap:14px}.page-title{font-size:1.6rem;margin-bottom:24px}.guide-title{font-size:1.5rem}.btn{padding:14px 22px;font-size:.88rem;min-height:44px}.calc-btn{min-height:48px;font-size:.95rem}.copy-btn{min-height:44px;padding:12px 20px}.nav-toggle{padding:12px;min-width:44px;min-height:44px}.calc-input{font-size:1rem;padding:14px 16px}.calc-select{font-size:.92rem;padding:14px 16px}.calc-input-group{margin-bottom:20px}.calc-label{font-size:.86rem}.calc-sublabel{font-size:.74rem}.result-value{font-size:1.2rem}.big-result .big-num{font-size:1.8rem}.g-card{padding:20px}.tool-card{padding:24px}.fit-card{padding:20px}.cap-card{padding:16px}.footer-legal{flex-wrap:wrap;gap:12px}.footer-legal a{padding:4px 0;min-height:44px;display:flex;align-items:center}.prose{font-size:.92rem;line-height:1.72}.prose h2{font-size:1.15rem;margin-top:32px}}@supports (padding: max(0px)){.nav,.page-main,.section{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.footer{padding-bottom:max(28px,env(safe-area-inset-bottom))}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}*{-webkit-overflow-scrolling:touch}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}