.spectra-x-page{color:#e0e0e0;-webkit-font-smoothing:antialiased;background:#000;font-family:Outfit,sans-serif;overflow-x:hidden}.spectra-x-page .container{max-width:1320px;margin:0 auto;padding:0 48px}.spectra-x-page .gold{color:#c9a84c}.spectra-x-page .white{color:#fff}.spectra-x-page .hero{background:#000;flex-direction:row;align-items:stretch;height:100vh;min-height:600px;display:flex;position:relative;overflow:hidden}.spectra-x-page .hero:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(50% 80% at 5% 60%,#b478141f 0%,#0000 55%);position:absolute;inset:0}.spectra-x-page .hero-text{z-index:3;flex-direction:column;flex-shrink:0;justify-content:center;width:44%;padding:120px 40px 60px 5%;display:flex;position:relative}.spectra-x-page .hero-image-wrap{z-index:2;flex:1;height:100%;position:relative;overflow:hidden}.spectra-x-page .hero-image-wrap:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#000 0%,#0009 40%,#0000 100%);width:35%;position:absolute;top:0;bottom:0;left:0}.spectra-x-page .hero-image-wrap:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#00000059 0%,#0000 25% 75%,#0006 100%);position:absolute;inset:0}.spectra-x-page .hero-img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.spectra-x-page .hero-image-wrap .hero-glow{z-index:3;pointer-events:none;background:radial-gradient(70% 90% at 60%,#5a14b438 0%,#0000 60%);position:absolute;inset:0}.spectra-x-page .hero-logo-text{letter-spacing:-.02em;margin-bottom:28px;font-size:clamp(5rem,11vw,9rem);font-weight:900;line-height:.88}.spectra-x-page .spectra-text{background:linear-gradient(110deg,#00d4ff 0%,#6a1bff 45%,#e0c 80%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.spectra-x-page .x-text{background:linear-gradient(110deg,#f70 0%,#c0f 50%,#00d4ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.spectra-x-page .hero-tagline{letter-spacing:.06em;color:#fff;text-transform:uppercase;margin-bottom:12px;font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:800;line-height:1.5}.spectra-x-page .hero-tagline .gold{color:#c9a84c}.spectra-x-page .hero-sub{letter-spacing:.22em;color:#444;text-transform:uppercase;margin-bottom:36px;font-size:.68rem;font-weight:400}.spectra-x-page .hero-ctas{flex-wrap:wrap;gap:14px;display:flex}.spectra-x-page .btn-outline{color:#c9a84c;letter-spacing:.1em;border:1px solid #c9a84c;border-radius:3px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.spectra-x-page .btn-outline:hover{color:#000;background:#c9a84c}.spectra-x-page .btn-outline-ghost{color:#bbb;letter-spacing:.1em;border:1px solid #fff3;border-radius:3px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s;display:inline-block}.spectra-x-page .btn-outline-ghost:hover{color:#c9a84c;border-color:#c9a84c}.spectra-x-page .stats-strip{background:#0a0a0a;border-top:1px solid #c9a84c26;border-bottom:1px solid #c9a84c26;padding:0}.spectra-x-page .stats-grid{grid-template-columns:repeat(4,1fr);display:grid}.spectra-x-page .stat-card{border-right:1px solid #c9a84c1f;align-items:center;gap:16px;padding:28px 30px;display:flex}.spectra-x-page .stat-card:last-child{border-right:none}.spectra-x-page .stat-icon{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.spectra-x-page .stat-icon svg{width:100%;height:100%}.spectra-x-page .stat-num{color:#c9a84c;justify-content:center;align-items:center;width:48px;height:48px;font-size:2.8rem;font-weight:900;line-height:1;display:flex}.spectra-x-page .dots-icon{grid-template-columns:repeat(3,8px);gap:5px;width:auto!important;height:auto!important;display:grid!important}.spectra-x-page .dots-icon span{opacity:.8;background:#c9a84c;border-radius:50%;width:8px;height:8px}.spectra-x-page .stat-content{flex:1}.spectra-x-page .stat-label{letter-spacing:.08em;color:#fff;text-transform:uppercase;font-size:.72rem;font-weight:700;line-height:1.5}.spectra-x-page .stat-value{letter-spacing:.12em;text-transform:uppercase;color:#c9a84c;margin-top:5px;font-size:.62rem;font-weight:700}.spectra-x-page .stat-patent-no{flex-direction:column;align-items:flex-start;gap:4px}.spectra-x-page .pn-label{letter-spacing:.14em;color:#555;text-transform:uppercase;font-size:.58rem}.spectra-x-page .pn-number{color:#fff;letter-spacing:.04em;font-size:.92rem;font-weight:800}.spectra-x-page .pn-date{letter-spacing:.1em;color:#c9a84c;font-size:.72rem;font-weight:700}.spectra-x-page .pn-logo{align-items:center;gap:6px;margin-top:5px;display:flex}.spectra-x-page .pn-logo svg{width:20px;height:10px}.spectra-x-page .pn-logo span{letter-spacing:.08em;color:#666;text-transform:uppercase;font-size:.52rem}.spectra-x-page .features-grid-section{background:#000;padding:0}.spectra-x-page .features-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid;overflow:hidden}.spectra-x-page .feature-card{aspect-ratio:4/5;cursor:default;background:#050505;border-right:1px solid #ffffff0f;position:relative;overflow:hidden}.spectra-x-page .feature-card:last-child{border-right:none}.spectra-x-page .feature-img{z-index:0;position:absolute;inset:0}.spectra-x-page .feature-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.spectra-x-page .feature-card:hover .feature-img img{transform:scale(1.06)}.spectra-x-page .feature-card:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#00000005 0%,#0000000d 30%,#0000008c 58%,#000000e0 78%,#000000f5 100%);position:absolute;inset:0}.spectra-x-page .feature-info{z-index:2;padding:22px 22px 26px;position:absolute;bottom:0;left:0;right:0}.spectra-x-page .feature-icon-wrap{width:24px;height:24px;margin-bottom:11px}.spectra-x-page .feature-icon-wrap svg{width:100%;height:100%}.spectra-x-page .feature-info h3{letter-spacing:.1em;color:#fff;text-transform:uppercase;margin-bottom:8px;font-size:.82rem;font-weight:800;line-height:1.4}.spectra-x-page .feature-info p{color:#aaa;font-size:.7rem;line-height:1.6}.spectra-x-page .not-projection-section{background:#000;border-top:1px solid #c9a84c14;grid-template-columns:52% 48%;min-height:580px;display:grid}.spectra-x-page .np-left{position:relative;overflow:hidden}.spectra-x-page .np-left img{object-fit:cover;width:100%;height:100%;display:block}.spectra-x-page .np-left:after{content:"";pointer-events:none;background:linear-gradient(270deg,#00000080,#0000);width:30%;position:absolute;top:0;bottom:0;right:0}.spectra-x-page .np-right{background:#000;flex-direction:column;justify-content:center;padding:64px 56px;display:flex;position:relative;overflow:hidden}.spectra-x-page .np-headline{letter-spacing:-.03em;color:#fff;text-transform:uppercase;margin-bottom:20px;font-size:clamp(3.2rem,6vw,6rem);font-weight:900;line-height:1}.spectra-x-page .np-desc{color:#666;max-width:280px;font-size:.88rem;line-height:1.7}.spectra-x-page .why-matters{background:#000;padding:88px 48px}.spectra-x-page .section-title-bar{align-items:center;gap:20px;margin-bottom:52px;display:flex}.spectra-x-page .section-title-bar h2{letter-spacing:.3em;color:#c9a84c;white-space:nowrap;text-transform:uppercase;font-size:.75rem;font-weight:700}.spectra-x-page .title-line{background:#c9a84c33;flex:1;height:1px}.spectra-x-page .matters-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.spectra-x-page .matters-card{background:#080808;border:1px solid #c9a84c38;border-radius:6px;transition:border-color .3s;overflow:hidden}.spectra-x-page .matters-card:hover{border-color:#c9a84c73}.spectra-x-page .matters-header{align-items:center;gap:12px;padding:20px 22px 14px;display:flex}.spectra-x-page .matters-icon{flex-shrink:0;width:28px;height:28px}.spectra-x-page .matters-icon svg{width:100%;height:100%}.spectra-x-page .matters-header h3{letter-spacing:.14em;color:#fff;text-transform:uppercase;font-size:.78rem;font-weight:800}.spectra-x-page .matters-img{aspect-ratio:16/9;width:100%;overflow:hidden}.spectra-x-page .matters-img img{object-fit:cover;filter:brightness();width:100%;height:100%;transition:transform .5s}.spectra-x-page .matters-card:hover .matters-img img{transform:scale(1.04)}.spectra-x-page .matters-list{border-top:1px solid #c9a84c14;flex-direction:column;gap:10px;padding:20px 22px 24px;list-style:none;display:flex}.spectra-x-page .matters-list li{color:#ccc;letter-spacing:.02em;align-items:center;gap:12px;font-size:.77rem;display:flex}.spectra-x-page .check{color:#c9a84c;flex-shrink:0;font-size:.85rem;font-weight:700}.spectra-x-page .engineered-section{background:#000;border-top:1px solid #c9a84c1a;padding:80px 0}.spectra-x-page .eng-grid{background:#c9a84c14;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:0;display:grid}.spectra-x-page .eng-card{text-align:center;background:#000;padding:40px 28px;transition:background .3s}.spectra-x-page .eng-card:hover{background:#080808}.spectra-x-page .eng-icon{width:52px;height:52px;margin:0 auto 22px}.spectra-x-page .eng-icon svg{width:100%;height:100%}.spectra-x-page .eng-card h4{letter-spacing:.12em;color:#fff;text-transform:uppercase;margin-bottom:12px;font-size:.73rem;font-weight:800;line-height:1.4}.spectra-x-page .eng-card p{color:#666;font-size:.7rem;line-height:1.7}.spectra-x-page .future-section{text-align:center;justify-content:center;align-items:center;min-height:480px;display:flex;position:relative;overflow:hidden}.spectra-x-page .future-bg{position:absolute;inset:0}.spectra-x-page .future-bg-img{object-fit:cover;filter:brightness(.32)saturate(1.2);width:100%;height:100%}.spectra-x-page .future-overlay{background:linear-gradient(#00000080 0%,#0000001a 50%,#0009 100%);position:absolute;inset:0}.spectra-x-page .future-content{z-index:1;padding:80px 0;position:relative}.spectra-x-page .future-headline{color:#c9a84c;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:16px;font-size:clamp(2.6rem,5.5vw,4.8rem);font-weight:900;line-height:1.05}.spectra-x-page .future-desc{color:#ffffff8c;max-width:440px;margin:0 auto 44px;font-size:.85rem;line-height:1.75}.spectra-x-page .future-ctas{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.spectra-x-page .btn-future{color:#ddd;letter-spacing:.1em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;background:#00000080;border:1px solid #ffffff2e;border-radius:3px;align-items:center;gap:8px;padding:13px 22px;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:700;text-decoration:none;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.spectra-x-page .btn-future svg{width:15px;height:15px}.spectra-x-page .btn-future:hover{color:#c9a84c;background:#c9a84c1a;border-color:#c9a84c}@media (max-width:1100px){.spectra-x-page .container{padding:0 32px}.spectra-x-page .hero-text{width:50%;padding:60px 32px 60px 4%}.spectra-x-page .stats-grid{grid-template-columns:repeat(2,1fr)}.spectra-x-page .stat-card:nth-child(2){border-right:none}.spectra-x-page .stat-card:nth-child(3){border-top:1px solid #c9a84c1f;border-right:1px solid #c9a84c1f}.spectra-x-page .stat-card:nth-child(4){border-top:1px solid #c9a84c1f;border-right:none}.spectra-x-page .eng-grid{grid-template-columns:repeat(2,1fr)}.spectra-x-page .not-projection-section{grid-template-columns:1fr 1fr}}@media (max-width:768px){.spectra-x-page .hero{flex-direction:column;height:auto;min-height:auto}.spectra-x-page .hero-text{width:100%;padding:56px 28px 32px}.spectra-x-page .hero-image-wrap{width:100%;height:56vw;min-height:240px}.spectra-x-page .hero-image-wrap:before{background:linear-gradient(#000 0%,#0000 30%)}.spectra-x-page .features-grid{grid-template-columns:repeat(2,1fr)}.spectra-x-page .not-projection-section{grid-template-columns:1fr;min-height:auto}.spectra-x-page .np-left{height:55vw}.spectra-x-page .np-right{padding:44px 32px}.spectra-x-page .matters-grid{grid-template-columns:1fr}.spectra-x-page .why-matters{padding:60px 28px}}@media (max-width:480px){.spectra-x-page .features-grid,.spectra-x-page .eng-grid,.spectra-x-page .stats-grid{grid-template-columns:1fr}.spectra-x-page .stat-card{border-bottom:1px solid #c9a84c1a;border-right:none!important}.spectra-x-page .future-ctas{flex-direction:column;align-items:center}}