.showcase{--font-display:"Newsreader", Georgia, serif;--font-body:"Sora", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-deep:#07080a;--bg-panel:#0c0e14;--bg-surface:#ffffff05;--glow-teal:#00d2aa14;--glow-violet:#8b5cf60f;--line:#ffffff0d;--line-accent:#00d2aa26;background:var(--bg-deep);min-height:100vh;font-family:var(--font-body);overflow-x:hidden}.showcase:after{content:"";z-index:9999;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.sc-hero{border-bottom:1px solid var(--line);padding:80px 0 60px;position:relative;overflow:hidden}.sc-hero:before{content:"";background:radial-gradient(circle, var(--glow-teal) 0%, transparent 70%);pointer-events:none;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.sc-hero:after{content:"";background:radial-gradient(circle, var(--glow-violet) 0%, transparent 70%);pointer-events:none;width:400px;height:400px;position:absolute;bottom:-150px;left:-150px}.sc-hero-inner{z-index:1;max-width:1140px;margin:0 auto;padding:0 32px;position:relative}.sc-eyebrow{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);opacity:0;margin-bottom:16px;font-size:.65rem;font-weight:400;animation:.6s forwards sc-fadeUp}.sc-eyebrow:before{content:"//";color:#ffffff26;margin-right:8px}.sc-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);opacity:0;margin-bottom:16px;font-size:clamp(2.8rem,5vw,4rem);font-weight:400;line-height:1.05;animation:.6s .1s forwards sc-fadeUp}.sc-title em{color:var(--accent);font-style:italic}.sc-subtitle{color:#ffffff73;opacity:0;max-width:520px;font-size:1rem;font-weight:300;line-height:1.7;animation:.6s .2s forwards sc-fadeUp}.sc-stats-strip{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:0;max-width:1140px;margin:0 auto;padding:0 32px;display:grid}.sc-big-stat{text-align:center;opacity:0;padding:48px 0;animation:.7s forwards sc-fadeUp;position:relative}.sc-big-stat:not(:last-child):after{content:"";background:var(--line);width:1px;height:40%;position:absolute;top:30%;right:0}.sc-big-stat:first-child{animation-delay:.3s}.sc-big-stat:nth-child(2){animation-delay:.4s}.sc-big-stat:nth-child(3){animation-delay:.5s}.sc-big-num{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:clamp(3rem,6vw,4.5rem);font-weight:400;line-height:1}.sc-big-num span{color:var(--accent)}.sc-big-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#ffffff4d;font-size:.62rem}.sc-section{max-width:1140px;margin:0 auto;padding:60px 32px}.sc-section-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:.6rem}.sc-section-label:before{content:"//";color:#ffffff1f;margin-right:6px}.sc-section-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:32px;font-size:1.8rem;font-weight:400}.sc-section-title em{color:var(--accent);font-style:italic}.sc-divider{border:none;border-top:1px solid var(--line);margin:0}.sc-kpi-row{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(5,1fr);gap:1px;margin-bottom:48px;display:grid;overflow:hidden}.sc-kpi{background:var(--bg-panel);padding:28px 24px;transition:background .3s;position:relative}.sc-kpi:hover{background:#ffffff08}.sc-kpi-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;margin-bottom:12px;font-size:.6rem}.sc-kpi-val{font-family:var(--font-body);letter-spacing:-.02em;margin-bottom:6px;font-size:2rem;font-weight:800;line-height:1}.sc-kpi-sub{color:#ffffff6b;font-size:.72rem;font-weight:400}.sc-chart-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.sc-panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:14px;padding:28px;position:relative;overflow:hidden}.sc-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--line-accent), transparent);height:1px;position:absolute;top:0;left:0;right:0}.sc-panel-title{color:var(--text-primary);margin-bottom:4px;font-size:.82rem;font-weight:600}.sc-panel-sub{font-family:var(--font-mono);color:#ffffff4d;letter-spacing:.04em;margin-bottom:20px;font-size:.6rem}.sc-table-wrap{background:var(--bg-panel);border:1px solid var(--line);border-radius:14px;margin-bottom:16px;overflow:hidden}.sc-table-header{padding:28px 28px 20px}.sc-table{border-collapse:collapse;width:100%;font-size:.82rem}.sc-table th{text-align:left;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffff40;border-bottom:1px solid var(--line);border-top:1px solid var(--line);padding:10px 28px;font-size:.58rem;font-weight:400}.sc-table td{color:#ffffffb3;border-bottom:1px solid #ffffff06;padding:14px 28px}.sc-table tr:last-child td{border-bottom:none}.sc-table tr:hover td{background:#ffffff04}.sc-table .tech-name{color:var(--text-primary);font-weight:500}.sc-pill{font-family:var(--font-mono);letter-spacing:.02em;color:var(--accent);background:#00d2aa14;border:1px solid #00d2aa1f;border-radius:100px;padding:3px 10px;font-size:.62rem;font-weight:400;display:inline-block}.sc-impact-grid{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:48px;display:grid;overflow:hidden}.sc-impact-card{background:var(--bg-panel);padding:28px;transition:background .3s;position:relative}.sc-impact-card:hover{background:#ffffff05}.sc-impact-type{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#fff3;margin-bottom:10px;font-size:.55rem}.sc-impact-name{color:var(--text-primary);margin-bottom:8px;font-size:.88rem;font-weight:600}.sc-impact-highlight{font-family:var(--font-body);color:var(--accent);letter-spacing:-.01em;margin-bottom:8px;font-size:1.2rem;font-weight:700}.sc-impact-meta{font-family:var(--font-mono);color:#ffffff61;letter-spacing:.02em;font-size:.65rem}.sc-method-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px;display:grid}.sc-method-card{border:1px solid var(--line);background:var(--bg-panel);border-radius:14px;padding:24px;transition:all .3s}.sc-method-card:hover{border-color:var(--line-accent);transform:translateY(-2px)}.sc-method-num{font-family:var(--font-mono);color:#ffffff26;letter-spacing:.1em;margin-bottom:14px;font-size:.55rem}.sc-method-title{color:var(--accent);margin-bottom:8px;font-size:.85rem;font-weight:600}.sc-method-desc{color:#ffffff7a;font-size:.76rem;font-weight:400;line-height:1.65}.sc-footer{text-align:center;border-top:1px solid var(--line);padding:48px 0 64px}.sc-footer-text{font-family:var(--font-mono);letter-spacing:.08em;color:#ffffff26;font-size:.6rem}.sc-footer-link{color:var(--accent);opacity:.5;transition:opacity .2s}.sc-footer-link:hover{opacity:1}@keyframes sc-fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sc-reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.sc-reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:1100px){.sc-kpi-row{grid-template-columns:repeat(3,1fr)}.sc-method-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.sc-chart-grid{grid-template-columns:1fr}.sc-impact-grid{grid-template-columns:repeat(2,1fr)}.sc-section{padding:48px 24px}.sc-hero-inner,.sc-stats-strip{padding:0 24px}}@media (max-width:700px){.sc-hero{padding:56px 0 40px}.sc-hero-inner{padding:0 20px}.sc-title{font-size:2rem!important}.sc-subtitle{font-size:.9rem}.sc-eyebrow{font-size:.6rem}.sc-stats-strip{grid-template-columns:1fr;padding:0 20px}.sc-big-stat{border-bottom:1px solid var(--line);padding:24px 0}.sc-big-stat:not(:last-child):after{display:none}.sc-big-stat:last-child{border-bottom:none}.sc-big-num{font-size:2.8rem!important}.sc-section{padding:40px 20px}.sc-section-title{margin-bottom:24px;font-size:1.4rem}.sc-kpi-row{grid-template-columns:1fr 1fr}.sc-kpi{padding:20px 16px}.sc-kpi-val{font-size:1.5rem}.sc-kpi-label{font-size:.55rem}.sc-chart-grid{gap:12px}.sc-panel{border-radius:10px;padding:20px 16px}.sc-panel-title{font-size:.78rem}.sc-impact-grid{grid-template-columns:1fr}.sc-impact-card{padding:20px}.sc-impact-highlight{font-size:1.1rem}.sc-table-wrap{-webkit-overflow-scrolling:touch;border-radius:10px;overflow-x:auto}.sc-table{min-width:580px}.sc-table th,.sc-table td{padding:10px 16px;font-size:.75rem}.sc-method-grid{grid-template-columns:1fr;gap:10px}.sc-method-card{border-radius:10px;padding:20px}.sc-method-desc{font-size:.74rem}.sc-footer{padding:36px 0 48px}}@media (max-width:400px){.sc-title{font-size:1.7rem!important}.sc-big-num{font-size:2.2rem!important}.sc-kpi-row{grid-template-columns:1fr}.sc-kpi-val{font-size:1.3rem}.sc-section{padding:32px 16px}.sc-hero-inner{padding:0 16px}}
