:root{--bg-primary:#0C0E12;--bg-secondary:#12151B;--bg-card:#181C24;--bg-card-hover:#1E2330;--accent:#E8FF47;--accent-dim:rgba(232,255,71,0.12);--accent-mid:rgba(232,255,71,0.25);--text-primary:#E8EAF0;--text-secondary:#A0A5B5;--text-muted:#8090A0;--border:rgba(255,255,255,0.06);--border-accent:rgba(232,255,71,0.2);--grid-line:rgba(255,255,255,0.03)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:'DM Sans',sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.65;overflow-x:hidden}.mono{font-family:'Space Mono',monospace}a{color:inherit;text-decoration:none}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2.5rem;display:flex;align-items:center;justify-content:space-between;background:rgba(12,14,18,.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-logo{font-weight:700;font-size:1.1rem;letter-spacing:-.02em}.nav-logo span{color:var(--accent)}.nav-links{display:flex;gap:2rem;list-style:none;font-size:.85rem;font-weight:500;color:var(--text-secondary)}.nav-links a{transition:color 0.2s}.nav-links a:hover{color:var(--text-primary)}.nav-cta{padding:.55rem 1.4rem;background:var(--accent);color:var(--bg-primary);border:none;border-radius:4px;font-family:'DM Sans',sans-serif;font-size:.82rem;font-weight:700;cursor:pointer;transition:all 0.2s}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(232,255,71,.3)}.breadcrumb{padding:6rem 2.5rem 0;max-width:1200px;margin:0 auto;font-family:'Space Mono',monospace;font-size:.7rem;color:var(--text-muted);letter-spacing:.05em}.breadcrumb a{color:var(--text-secondary);transition:color 0.2s}.breadcrumb a:hover{color:var(--accent)}.breadcrumb .sep{margin:0 .5rem;color:var(--text-muted)}.hero{padding:4rem 2.5rem 6rem;max-width:1200px;margin:0 auto;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,var(--grid-line) 0 1px,transparent 1px 80px),repeating-linear-gradient(90deg,var(--grid-line) 0 1px,transparent 1px 80px);pointer-events:none;opacity:.6}.hero::after{content:'';position:absolute;top:-30%;right:-10%;width:700px;height:700px;background:radial-gradient(circle,rgba(232,255,71,.04) 0%,transparent 70%);pointer-events:none}.hero-content{max-width:860px;position:relative;z-index:2}.hero-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border:1px solid var(--border-accent);border-radius:100px;font-size:.75rem;font-weight:600;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2rem;background:var(--accent-dim);animation:fadeDown 0.8s ease both}.hero-tag::before{content:'';width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}.hero h1{font-size:clamp(2.4rem,5.5vw,3.8rem);font-weight:700;line-height:1.08;letter-spacing:-.035em;margin-bottom:1.5rem;animation:fadeDown 0.8s ease 0.1s both}.hero h1 em{font-style:normal;color:var(--accent)}.hero-desc{font-size:1.1rem;color:var(--text-secondary);max-width:680px;line-height:1.7;margin-bottom:2.5rem;animation:fadeDown 0.8s ease 0.2s both}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;animation:fadeDown 0.8s ease 0.3s both}.btn-primary{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2rem;background:var(--accent);color:var(--bg-primary);border:none;border-radius:4px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all 0.25s}.btn-primary:hover{box-shadow:0 6px 30px rgba(232,255,71,.25);transform:translateY(-2px)}.btn-primary svg{width:16px;height:16px}.btn-secondary{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2rem;background:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.12);border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all 0.25s}.btn-secondary:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.2)}.hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:4rem;border:1px solid var(--border);border-radius:8px;overflow:hidden;animation:fadeDown 0.8s ease 0.5s both;position:relative;z-index:2}.hero-metrics>div{padding:1.4rem 1.2rem;border-right:1px solid var(--border);background:var(--bg-card)}.hero-metrics>div:last-child{border-right:none}.hero-metric-val{font-family:'Space Mono',monospace;font-size:1.1rem;font-weight:700;color:var(--accent);white-space:nowrap}.hero-metric-label{font-size:.78rem;color:var(--text-muted);margin-top:.2rem}@keyframes fadeDown{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}section{padding:5rem 2.5rem;max-width:1200px;margin:0 auto}.section-label{font-family:'Space Mono',monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.section-label::before{content:'';width:24px;height:1px;background:var(--accent)}.section-title{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;line-height:1.2;letter-spacing:-.03em;margin-bottom:1.2rem}.section-title em{font-style:normal;color:var(--accent)}.section-desc{font-size:1rem;color:var(--text-secondary);max-width:720px;line-height:1.75}.divider{max-width:1200px;margin:0 auto;padding:0 2.5rem}.divider hr{border:none;height:1px;background:var(--border)}.problem-section{background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:5rem 2.5rem}.problem-inner{max-width:1200px;margin:0 auto}.problem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:3rem}.problem-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.8rem;transition:all 0.3s}.problem-card:hover{border-color:var(--border-accent)}.problem-num{font-family:'Space Mono',monospace;font-size:.7rem;color:var(--accent);letter-spacing:.1em;margin-bottom:.8rem}.problem-card h3{font-size:1rem;font-weight:600;margin-bottom:.6rem;letter-spacing:-.01em}.problem-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.65}.process-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:3rem;border:1px solid var(--border);border-radius:8px;overflow:hidden}.step{padding:1.8rem 1.4rem;background:var(--bg-card);border-right:1px solid var(--border);transition:background 0.3s}.step:last-child{border-right:none}.step:hover{background:var(--bg-card-hover)}.step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent-dim);border:1px solid var(--border-accent);border-radius:50%;font-family:'Space Mono',monospace;font-size:.75rem;font-weight:700;color:var(--accent);margin-bottom:1rem}.step h3{font-size:.9rem;font-weight:600;margin-bottom:.5rem;letter-spacing:-.01em}.step p{font-size:.78rem;color:var(--text-secondary);line-height:1.55}.case-feature-section{background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:5rem 2.5rem}.case-feature-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center}.case-photo-large{aspect-ratio:4/3;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;background-image:repeating-linear-gradient(45deg,transparent 0 10px,rgba(255,255,255,.015) 10px 20px)}.case-photo-large span{font-family:'Space Mono',monospace;font-size:.75rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;padding:.5rem 1rem;border:1px dashed var(--text-muted);border-radius:4px}.case-feature h3{font-size:1.7rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-bottom:1rem}.case-feature h3 em{font-style:normal;color:var(--accent)}.case-feature p{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.case-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:1.8rem;border:1px solid var(--border);border-radius:8px;overflow:hidden}.case-stat{padding:1.2rem 1.4rem;background:var(--bg-card);border-right:1px solid var(--border);text-align:center;display:flex;flex-direction:column;justify-content:center}.case-stat:last-child{border-right:none}.case-stat-val{font-family:'Space Mono',monospace;font-size:1.3rem;font-weight:700;color:var(--accent);margin-bottom:.2rem}.case-stat-lbl{font-size:.72rem;color:var(--text-muted)}.types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:3rem;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden}.types-grid>a:last-child:nth-child(odd){grid-column:1 / -1}.type-card{background:var(--bg-primary);padding:2rem;transition:background 0.35s;display:flex;gap:1.2rem;align-items:flex-start}.type-card:hover{background:var(--bg-card-hover)}.type-icon{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--accent-dim);border-radius:8px;color:var(--accent);font-size:1.1rem}.type-card h3{font-size:1rem;font-weight:600;margin-bottom:.4rem;letter-spacing:-.01em}.type-card p{font-size:.82rem;color:var(--text-secondary);line-height:1.65;margin-bottom:.6rem}.type-spec{font-family:'Space Mono',monospace;font-size:.7rem;color:var(--accent);letter-spacing:.04em}.materials-section{background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:5rem 2.5rem}.materials-inner{max-width:1200px;margin:0 auto}.mat-table{margin-top:3rem;border:1px solid var(--border);border-radius:8px;overflow:hidden}.mat-table-head{display:grid;grid-template-columns:1.2fr 1fr 1.4fr;background:var(--bg-primary);border-bottom:1px solid var(--border)}.mat-table-head>div{padding:1rem 1.4rem;font-family:'Space Mono',monospace;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-right:1px solid var(--border)}.mat-table-head>div:last-child{border-right:none}.mat-row{display:grid;grid-template-columns:1.2fr 1fr 1.4fr;background:var(--bg-card);border-bottom:1px solid var(--border);transition:background 0.3s}.mat-row:last-child{border-bottom:none}.mat-row:hover{background:var(--bg-card-hover)}.mat-row>div{padding:1.3rem 1.4rem;font-size:.85rem;border-right:1px solid var(--border);display:flex;align-items:center}.mat-row>div:last-child{border-right:none}.mat-use{font-weight:500;color:var(--text-primary)}.mat-mat{font-family:'Space Mono',monospace;color:var(--accent);font-size:.82rem}.mat-why{color:var(--text-secondary);line-height:1.55}.faq-list{margin-top:2.5rem;max-width:100%}.faq-item{border-bottom:1px solid var(--border);padding:1.2rem 0;cursor:pointer}.faq-q{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:1rem;font-weight:500;color:var(--text-primary);transition:color 0.2s}.faq-q:hover{color:var(--accent)}.faq-toggle{font-family:'Space Mono',monospace;font-size:1.2rem;color:var(--accent);transition:transform 0.3s;flex-shrink:0}.faq-item.open .faq-toggle{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.4s ease;font-size:.9rem;color:var(--text-secondary);line-height:1.7}.faq-item.open .faq-a{max-height:400px;padding-top:.8rem}.cta-section{padding:7rem 2.5rem;text-align:center;position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(232,255,71,.04) 0%,transparent 60%);pointer-events:none}.cta-inner{max-width:720px;margin:0 auto;position:relative;z-index:2}.cta-section h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;line-height:1.2;letter-spacing:-.03em;margin-bottom:1.2rem}.cta-section .section-desc{margin:0 auto 2.5rem;text-align:center}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.related-section{background:var(--bg-secondary);border-top:1px solid var(--border);padding:5rem 2.5rem}.related-inner{max-width:1200px;margin:0 auto}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:2.5rem;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden}.related-card{background:var(--bg-primary);padding:1.6rem;transition:background 0.3s;display:flex;flex-direction:column;gap:.4rem}.related-card:hover{background:var(--bg-card-hover)}.related-card:hover h4{color:var(--accent)}.related-card .mono-num{font-family:'Space Mono',monospace;font-size:.65rem;color:var(--text-muted);letter-spacing:.1em;margin-bottom:.4rem}.related-card h4{font-size:.95rem;font-weight:600;letter-spacing:-.01em;transition:color 0.3s;margin-bottom:.3rem}.related-card p{font-size:.78rem;color:var(--text-secondary);line-height:1.55}.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.7s ease,transform 0.7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:1024px){.problem-grid{grid-template-columns:1fr}.process-flow{grid-template-columns:repeat(2,1fr)}.step:nth-child(2n){border-right:none}.step{border-bottom:1px solid var(--border)}.step:nth-last-child(-n+2){border-bottom:none}.case-feature-inner{grid-template-columns:1fr;gap:2.5rem}.types-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(2,1fr)}.mat-table-head,.mat-row{grid-template-columns:1fr}.mat-table-head>div,.mat-row>div{border-right:none;border-bottom:1px solid var(--border);padding:1rem 1.4rem}.mat-row>div:last-child{border-bottom:none}}@media (max-width:900px){nav{padding:1rem 1.5rem}.nav-links{display:none}.breadcrumb,.hero{padding-left:1.5rem;padding-right:1.5rem}section{padding:4rem 1.5rem}.problem-section,.case-feature-section,.materials-section,.related-section{padding:4rem 1.5rem}.cta-section{padding:5rem 1.5rem}.process-flow{grid-template-columns:1fr}.step{border-right:none;border-bottom:1px solid var(--border)}.step:last-child{border-bottom:none}.related-grid{grid-template-columns:1fr}.hero-metrics{grid-template-columns:repeat(2,1fr)}.hero-metrics>div{border-bottom:1px solid var(--border)}.hero-metrics>div:nth-child(2n){border-right:none}.hero-metric-val{white-space:normal}.case-stats{grid-template-columns:1fr}.case-stat{border-right:none;border-bottom:1px solid var(--border)}.case-stat:last-child{border-bottom:none}}