.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;background:#0a0a0a;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(197,160,89,.15) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 100%,rgba(0,120,255,.1) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 20% 80%,rgba(197,160,89,.08) 0%,transparent 50%),linear-gradient(180deg,#0a0a0a,#141312,#1a1917);overflow:hidden}.hero-bg:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(197,160,89,.03) 40px,rgba(197,160,89,.03) 41px),repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(255,255,255,.02) 40px,rgba(255,255,255,.02) 41px)}.hero-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle 4px at 20% 30%,rgba(197,160,89,.6) 0%,transparent 100%),radial-gradient(circle 3px at 45% 20%,rgba(0,150,255,.5) 0%,transparent 100%),radial-gradient(circle 5px at 70% 40%,rgba(197,160,89,.4) 0%,transparent 100%),radial-gradient(circle 3px at 80% 60%,rgba(0,200,255,.3) 0%,transparent 100%),radial-gradient(circle 4px at 30% 70%,rgba(197,160,89,.5) 0%,transparent 100%),radial-gradient(circle 2px at 60% 80%,rgba(0,150,255,.4) 0%,transparent 100%),radial-gradient(circle 3px at 90% 25%,rgba(197,160,89,.3) 0%,transparent 100%),radial-gradient(circle 4px at 15% 55%,rgba(0,200,255,.3) 0%,transparent 100%);animation:fiberPulse 4s ease-in-out infinite alternate}@keyframes fiberPulse{0%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}to{opacity:.6;transform:scale(.98)}}.hero-overlay{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.015) 2px,rgba(255,255,255,.015) 3px),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.01) 2px,rgba(255,255,255,.01) 3px);pointer-events:none}.hero:after{content:"";position:absolute;top:0;left:-50%;width:200%;height:2px;background:linear-gradient(90deg,transparent,rgba(197,160,89,.3),transparent);animation:beamSweep 6s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes beamSweep{0%{top:10%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:80%;opacity:0}}.hero-nav{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1.5rem;z-index:10}.hero-logo{font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.02em}.hero-nav-links{display:flex;gap:2rem}.hero-nav-links a{color:#fff9;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;transition:color .3s ease}.hero-nav-links a:hover{color:var(--color-primary)}.hero-content{position:relative;z-index:2;max-width:900px;padding-top:5rem}.hero-kicker{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--color-primary);margin-bottom:1.5rem;padding:.5rem 1rem;border:1px solid rgba(197,160,89,.25);border-radius:100px}.hero-title{font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,10vw,6rem);color:#fff;line-height:1.05;margin-bottom:1.5rem;letter-spacing:-.03em}.hero-subtitle{font-size:clamp(1rem,2vw,1.2rem);color:#fff9;line-height:1.8;margin-bottom:2.5rem;max-width:600px}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;padding:.9rem 2rem;border-radius:.5rem;font-weight:600;font-size:.9rem;transition:all .3s ease;cursor:pointer}.btn-primary{background:var(--color-primary);color:#1a1a1a}.btn-primary:hover{background:#d4b06a;transform:translateY(-2px);box-shadow:0 8px 30px #c5a0594d}.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.btn-large{padding:1.1rem 2.5rem;font-size:1rem}.scroll-indicator{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#ffffff4d;font-size:.6rem;letter-spacing:.25em;text-transform:uppercase}.scroll-line{width:1px;height:30px;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.5;transform:scaleY(.6)}}.section{padding:6rem 0}.section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.section-header h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin-bottom:1rem;color:var(--color-text)}.section-kicker{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary);margin-bottom:1rem}.section-kicker.light{color:var(--color-primary)}.section-desc{font-size:1.05rem;color:var(--color-text-muted);line-height:1.8}.gold{color:var(--color-primary)}.profile-section{background:var(--color-bg);position:relative}.profile-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.profile-card{background:#fff;padding:2.5rem 2rem;border-radius:1rem;border:1px solid var(--color-border);transition:all .4s ease}.profile-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #1c191714;border-color:#c5a0594d}.profile-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(197,160,89,.2);border-radius:.75rem;margin-bottom:1.5rem;background:#c5a0590d}.profile-card h3{font-family:Georgia,Times New Roman,serif;font-size:1.15rem;margin-bottom:.75rem;color:var(--color-text)}.profile-card p{font-size:.9rem;color:var(--color-text-muted);line-height:1.7}.products-section{background:#f5f5f0;position:relative}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.product-card{background:#fff;border-radius:1rem;overflow:hidden;border:1px solid var(--color-border);transition:all .4s ease}.product-card:hover{transform:translateY(-6px);box-shadow:0 24px 80px #1c19171a}.product-card-image{position:relative;height:220px;overflow:hidden}.product-cables{background:linear-gradient(135deg,#0a0a1a,#16213e,#0f3460);position:relative}.product-cables:before{content:"";position:absolute;inset:0;background:radial-gradient(circle 200px at 30% 40%,rgba(197,160,89,.2) 0%,transparent 60%),radial-gradient(circle 150px at 70% 60%,rgba(0,150,255,.15) 0%,transparent 50%);animation:cableGlow 5s ease-in-out infinite alternate}.product-cables:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(197,160,89,.05) 45%,transparent 50%),linear-gradient(225deg,transparent 40%,rgba(0,150,255,.05) 45%,transparent 50%);background-size:200% 200%;animation:cableShimmer 6s ease-in-out infinite}@keyframes cableShimmer{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}@keyframes cableGlow{0%{opacity:.5}to{opacity:1}}.product-datacenter{background:linear-gradient(135deg,#0d0d0d,#1a1a2e,#2d2d44);position:relative}.product-datacenter:before{content:"";position:absolute;inset:0;background:radial-gradient(circle 180px at 50% 30%,rgba(0,200,255,.12) 0%,transparent 50%),radial-gradient(circle 200px at 70% 70%,rgba(197,160,89,.1) 0%,transparent 50%);animation:dcPulse 3s ease-in-out infinite alternate}.product-datacenter:after{content:"";position:absolute;top:20%;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,200,255,.2),transparent);animation:dcLine 4s ease-in-out infinite}@keyframes dcPulse{0%{opacity:.6}to{opacity:1}}@keyframes dcLine{0%,to{transform:scaleX(.3);opacity:0}50%{transform:scaleX(1);opacity:1}}.product-tools{background:linear-gradient(135deg,#1c1917,#292524,#44403c);position:relative}.product-tools:before{content:"";position:absolute;inset:0;background:radial-gradient(circle 200px at 40% 30%,rgba(197,160,89,.15) 0%,transparent 50%),radial-gradient(circle 150px at 70% 70%,rgba(255,100,50,.08) 0%,transparent 50%)}.product-tools:after{content:"";position:absolute;bottom:20%;left:15%;width:70%;height:2px;background:linear-gradient(90deg,transparent,rgba(197,160,89,.15),transparent);border-radius:1px}.product-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(transparent,#0009)}.product-part{font-size:.7rem;font-weight:600;letter-spacing:.2em;color:var(--color-primary);background:#00000080;padding:.25rem .75rem;border-radius:100px;border:1px solid rgba(197,160,89,.2)}.product-card-body{padding:2rem}.product-card-body h3{font-family:Georgia,Times New Roman,serif;font-size:1.3rem;margin-bottom:.75rem;color:var(--color-text)}.product-card-desc{font-size:.9rem;color:var(--color-text-muted);line-height:1.7;margin-bottom:1.25rem}.product-features{display:grid;gap:.5rem}.product-features li{font-size:.85rem;color:var(--color-text-muted);padding-left:1.25rem;position:relative}.product-features li:before{content:"";position:absolute;left:0;top:.5em;width:5px;height:5px;background:var(--color-primary);border-radius:50%}.detail-section{background:#fff}.detail-section.alt-bg{background:#fafaf9}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.detail-grid.reverse{direction:rtl}.detail-grid.reverse>*{direction:ltr}.detail-content h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:1rem;line-height:1.2}.detail-intro{font-size:.95rem;color:var(--color-text-muted);line-height:1.7;margin-bottom:2rem}.detail-types{display:grid;gap:1.5rem;margin-top:2rem}.detail-type h4{font-size:1rem;font-weight:600;margin-bottom:.4rem;color:var(--color-text)}.detail-type p{font-size:.88rem;color:var(--color-text-muted);line-height:1.6}.detail-image-wrapper{position:relative}.detail-image-placeholder{width:100%;aspect-ratio:4/3;border-radius:1rem;overflow:hidden;position:relative}.cables-placeholder{background:linear-gradient(135deg,#0a0a1a,#16213e,#1a1a3e);display:flex;align-items:center;justify-content:center;position:relative}.cables-placeholder:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(15deg,transparent,transparent 15px,rgba(197,160,89,.06) 15px,rgba(197,160,89,.06) 16px),repeating-linear-gradient(-15deg,transparent,transparent 15px,rgba(0,150,255,.05) 15px,rgba(0,150,255,.05) 16px)}.cables-placeholder:after{content:"";position:absolute;width:60%;height:60%;top:20%;left:20%;background:radial-gradient(circle at 30% 50%,rgba(197,160,89,.2) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(0,150,255,.15) 0%,transparent 50%);border-radius:50%;animation:glowPulse 3s ease-in-out infinite alternate}.datacenter-placeholder{background:linear-gradient(135deg,#0d0d0d,#1a1a2e,#2d2d44);position:relative;display:flex;align-items:center;justify-content:center}.datacenter-placeholder:before{content:"";position:absolute;inset:15%;border:1px solid rgba(0,200,255,.08);border-radius:4px;box-shadow:0 0 40px #00c8ff0d,inset 0 0 40px #00c8ff08}.datacenter-placeholder:after{content:"";position:absolute;width:3px;height:40%;background:linear-gradient(180deg,transparent,rgba(0,200,255,.3),transparent);top:30%;left:50%;transform:translate(-50%);animation:dcData 2s ease-in-out infinite;border-radius:2px}@keyframes dcData{0%,to{opacity:.3;height:30%}50%{opacity:1;height:50%}}.tools-placeholder{background:linear-gradient(135deg,#1c1917,#292524,#3f3a35);position:relative}.tools-placeholder:before{content:"";position:absolute;inset:20%;border:2px solid rgba(197,160,89,.08);border-radius:8px;transform:rotate(45deg)}.tools-placeholder:after{content:"";position:absolute;top:40%;left:25%;width:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(197,160,89,.2),transparent);animation:toolSweep 3s ease-in-out infinite}@keyframes toolSweep{0%,to{transform:scaleX(.5);opacity:.3}50%{transform:scaleX(1);opacity:1}}.placeholder-glow{position:absolute;inset:0;background:radial-gradient(circle 250px at 40% 30%,rgba(197,160,89,.12) 0%,transparent 50%),radial-gradient(circle 200px at 70% 60%,rgba(0,150,255,.08) 0%,transparent 50%);animation:glowPulse 4s ease-in-out infinite alternate}@keyframes glowPulse{0%{opacity:.4}to{opacity:1}}.product-showcase{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.showcase-item{padding:1.25rem;background:#c5a0590a;border-radius:.75rem;border:1px solid rgba(197,160,89,.1);transition:all .3s ease}.showcase-item:hover{background:#c5a05914;border-color:#c5a05933;transform:translateY(-2px)}.showcase-item h4{font-size:.95rem;font-weight:600;margin-bottom:.35rem;color:var(--color-text)}.showcase-item p{font-size:.82rem;color:var(--color-text-muted);line-height:1.6}.advantages-section{background:#f5f5f0;position:relative}.advantages-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.advantage-card{background:#fff;padding:2rem;border-radius:1rem;border:1px solid var(--color-border);transition:all .4s ease;position:relative;overflow:hidden}.advantage-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-primary);transform:scaleY(0);transform-origin:top;transition:transform .4s ease}.advantage-card:hover:before{transform:scaleY(1)}.advantage-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #1c191714}.advantage-number{font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:700;color:#c5a05926;line-height:1;margin-bottom:1rem}.advantage-card h3{font-family:Georgia,Times New Roman,serif;font-size:1.1rem;margin-bottom:.75rem;color:var(--color-text)}.advantage-card p{font-size:.88rem;color:var(--color-text-muted);line-height:1.7}.contact-section{background:#1a1917;position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.contact-section:after{content:"";position:absolute;inset:0;background:radial-gradient(circle 500px at 30% 50%,rgba(197,160,89,.06) 0%,transparent 50%),radial-gradient(circle 400px at 70% 50%,rgba(197,160,89,.04) 0%,transparent 50%);pointer-events:none}.contact-wrapper{position:relative;z-index:2;text-align:center;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.contact-wrapper h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3rem);color:#fff;margin-bottom:1.25rem}.contact-text{font-size:1rem;color:#fff9;line-height:1.8;margin-bottom:2.5rem}.contact-info{display:grid;gap:1rem;width:100%;margin-bottom:2.5rem}.contact-item{display:flex;align-items:center;gap:.75rem;color:#ffffffb3;font-size:.9rem;justify-content:center}.contact-item svg{color:var(--color-primary);flex-shrink:0}.footer-section{background:#0f0f0e;color:#fff9;padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.06)}.footer-brand h3{font-family:Georgia,Times New Roman,serif;font-size:1.5rem;color:#fff;margin-bottom:1rem}.footer-brand p{font-size:.85rem;line-height:1.7;max-width:300px}.footer-links h4,.footer-contact-info h4{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-bottom:1rem}.footer-links a,.footer-contact-info p{display:block;font-size:.85rem;margin-bottom:.6rem;transition:color .3s ease}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{text-align:center;padding-top:2rem;font-size:.8rem;color:#ffffff4d}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .7s ease-out,transform .7s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}.reveal{opacity:0;transform:translateY(20px);animation:revealAnim .8s ease-out forwards}.reveal:nth-child(1){animation-delay:.1s}.reveal:nth-child(2){animation-delay:.3s}.reveal:nth-child(3){animation-delay:.5s}.reveal:nth-child(4){animation-delay:.7s}@keyframes revealAnim{to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.detail-grid,.detail-grid.reverse{grid-template-columns:1fr;gap:3rem}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media(max-width:768px){.hero-nav-links{display:none}.section{padding:4rem 0}.section-header{margin-bottom:2.5rem}.products-grid,.product-showcase,.advantages-grid,.profile-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:2rem}.hide-mobile{display:none}}
