:root{--color-bg: #030303;--color-text: #ffffff;--color-text-muted: #888888;--color-accent: #ffffff;--color-accent-dim: rgba(255, 255, 255, .1);--color-border: rgba(255, 255, 255, .15);--font-main: "Inter", sans-serif;--transition-fast: .2s cubic-bezier(.25, .46, .45, .94);--transition-smooth: .6s cubic-bezier(.22, 1, .36, 1);--transition-slow: 1.2s cubic-bezier(.22, 1, .36, 1);--z-canvas: 0;--z-ui: 10;--z-nav: 50;--z-cursor: 100;--z-loader: 1000}*{margin:0;padding:0;box-sizing:border-box;cursor:none}body,html{width:100%;height:100%;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}a{color:var(--color-accent);text-decoration:none}li{list-style:none}button,input,textarea{font-family:inherit;color:inherit;background:none;border:none;outline:none}#bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--z-canvas);pointer-events:none}#ui-layer{position:relative;width:100%;height:100vh;z-index:var(--z-ui);overflow-y:hidden;overflow-x:hidden;perspective:1000px}@media(max-width:900px){#ui-layer{overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:y mandatory}.panel,footer{scroll-snap-align:start;scroll-snap-stop:always}}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 5vw}.panel{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:10vh 0}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg);z-index:var(--z-loader);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity var(--transition-smooth)}.loader-text{font-size:14px;letter-spacing:4px;margin-bottom:20px;font-weight:600;color:var(--color-text-muted)}.loader-bar-container{width:200px;height:2px;background:var(--color-border);overflow:hidden}.loader-bar{width:0%;height:100%;background:var(--color-accent);transform-origin:left}#cursor-tracker{position:fixed;top:0;left:0;z-index:var(--z-cursor);pointer-events:none;mix-blend-mode:difference}.cursor-dot{position:absolute;top:0;left:0;width:6px;height:6px;background:var(--color-accent);border-radius:50%;transform:translate(-50%,-50%);transition:transform .1s ease-out}.cursor-ring{position:absolute;top:0;left:0;width:40px;height:40px;border:1px solid var(--color-accent);border-radius:50%;transform:translate(-50%,-50%);transition:transform .2s ease-out,width .2s,height .2s}.coords{position:fixed;bottom:30px;right:40px;font-size:11px;font-family:monospace;letter-spacing:2px;color:var(--color-text-muted)}.hover-active .cursor-ring{width:60px;height:60px;background:#ffffff1a}.hover-active .cursor-dot{transform:translate(-50%,-50%) scale(0)}#header{position:fixed;top:0;left:0;width:100%;padding:40px 5vw;display:flex;justify-content:space-between;align-items:center;z-index:var(--z-nav);mix-blend-mode:difference}.logo h1{font-size:18px;font-weight:900;letter-spacing:8px}#contact-btn{font-size:12px;font-weight:600;letter-spacing:2px;padding:10px 20px;border:1px solid var(--color-border);transition:var(--transition-fast)}#contact-btn:hover{background:var(--color-text);color:var(--color-bg)}#hero{align-items:center;text-align:center}.hero-content{max-width:1200px;padding:40px 5vw;background:radial-gradient(circle,#030303cc,#03030300 70%);border-radius:50%}.subtitle{font-family:monospace;font-size:12px;letter-spacing:4px;color:var(--color-text-muted);margin-bottom:30px;text-transform:uppercase}.title-main{font-size:clamp(3rem,8vw,8rem);font-weight:900;line-height:.95;letter-spacing:-.03em;margin-bottom:40px;text-transform:uppercase}.title-main span{-webkit-text-stroke:2px var(--color-text);color:transparent;transition:var(--transition-smooth)}.hero-description{font-size:clamp(1rem,1.5vw,1.25rem);color:var(--color-text-muted);max-width:600px;margin:0 auto 80px;line-height:1.6}.scroll-down-btn{display:flex;flex-direction:column;align-items:center;gap:15px;margin:0 auto;opacity:0;transition:var(--transition-fast)}.scroll-down-btn:hover{opacity:1}.circle-btn{width:50px;height:50px;border:1px solid var(--color-border);border-radius:50%;display:flex;justify-content:center;align-items:center;transition:var(--transition-smooth)}.scroll-down-btn:hover .circle-btn{transform:translateY(5px);background:var(--color-text);color:var(--color-bg)}.scroll-down-btn span{font-size:11px;letter-spacing:3px;font-weight:600}.section-title{font-size:clamp(2rem,5vw,4.5rem);font-weight:900;line-height:1;letter-spacing:-.02em;margin-bottom:60px;border-bottom:1px solid var(--color-border);padding-bottom:40px}.section-content{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:start}.section-header{margin-bottom:40px;border-bottom:1px solid var(--color-border);padding-bottom:30px}.section-badge{font-family:monospace;font-size:11px;letter-spacing:3px;color:var(--color-text-muted);margin-bottom:15px;display:inline-block}.section-title{font-size:clamp(2rem,5vw,4rem);font-weight:900;line-height:1;letter-spacing:-.02em;margin-bottom:0;border-bottom:none;padding-bottom:0}.about-text p{font-size:1.25rem;line-height:1.6;color:var(--color-text-muted)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;position:relative}.glass-card.about-glass{aspect-ratio:auto;min-height:380px;gap:30px}.about-glass .stats{flex-direction:column;gap:15px}.about-glass-content h4.name{font-size:1.5rem;font-weight:800;letter-spacing:1px;margin:0 0 15px;color:var(--color-text)}.about-glass-content p.desc{font-size:.95rem;line-height:1.6;color:var(--color-text-muted);margin:0}.product-container{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.product-features{margin-top:40px;display:flex;flex-direction:column;gap:30px}.product-features li{display:flex;gap:20px;align-items:flex-start}.product-features i{color:#fff;width:24px;height:24px;padding-top:2px}.product-features strong{display:block;font-size:1.1rem;margin-bottom:5px;letter-spacing:1px}.product-features p{color:var(--color-text-muted);line-height:1.5;font-size:.95rem}.primary-link{display:inline-flex;align-items:center;gap:10px;margin-top:50px;font-size:12px;font-weight:800;letter-spacing:3px;border-bottom:2px solid var(--color-text);padding-bottom:5px;transition:var(--transition-fast)}.primary-link:hover{gap:20px;color:var(--color-text-muted);border-color:var(--color-text-muted)}.glass-card{aspect-ratio:4/3;width:100%;border:1px solid var(--color-border);background:linear-gradient(135deg,#ffffff0d,#ffffff03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:40px}.status-indicator{font-family:monospace;font-size:11px;letter-spacing:2px;display:flex;align-items:center;gap:10px}.status-indicator .dot{width:8px;height:8px;background:#0f8;border-radius:50%;box-shadow:0 0 10px #0f8}.stats{display:flex;justify-content:space-between;gap:20px;font-family:monospace;font-size:10px;color:var(--color-text-muted);letter-spacing:1px;flex-wrap:wrap}.stat-box span{display:block;font-size:2rem;font-family:var(--font-main);font-weight:900;color:var(--color-text);margin-top:10px;white-space:nowrap}.contact-grid{display:grid;grid-template-columns:2fr 1fr;gap:80px}.input-group{margin-bottom:30px}.input-group input,.input-group textarea{width:100%;padding:20px 0;border-bottom:1px solid var(--color-border);font-size:1.2rem;font-weight:600;transition:var(--transition-fast)}.input-group input:focus,.input-group textarea:focus{border-color:var(--color-text)}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--color-text-muted);text-transform:uppercase;font-size:.9rem;letter-spacing:2px}.submit-btn{font-size:1.5rem;font-weight:900;letter-spacing:4px;text-transform:uppercase;margin-top:20px;transition:var(--transition-fast);color:var(--color-text-muted)}.submit-btn:hover{color:var(--color-text);letter-spacing:6px}.contact-details{display:flex;flex-direction:column;justify-content:center;gap:40px}.contact-details p{color:var(--color-text-muted);line-height:1.8;font-size:1.1rem}.hover-link{font-size:1.2rem;font-weight:600;position:relative;display:inline-block}.hover-link:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:-5px;left:0;background-color:var(--color-text);transform-origin:bottom right;transition:transform .25s ease-out}.hover-link:hover:after{transform:scaleX(1);transform-origin:bottom left}footer{padding:80px 5vw 40px;border-top:1px solid var(--color-border);scroll-snap-align:end}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-logo{font-weight:900;letter-spacing:4px}.footer-links{display:flex;gap:40px;font-size:.8rem;letter-spacing:2px;color:var(--color-text-muted)}.footer-links a{color:var(--color-text-muted);transition:var(--transition-fast)}.footer-links a:hover{color:var(--color-text)}.nav-arc-trigger{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:var(--z-nav);pointer-events:auto;cursor:none;width:220px;height:55px;overflow:hidden}.nav-arc-ring{width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#03030399;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:20px;gap:8px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);cursor:none}.nav-arc-ring:hover{border-color:#ffffff80;box-shadow:0 0 30px #ffffff14}.nav-arc-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text);transition:var(--transition-fast)}.nav-arc-label{font-size:9px;letter-spacing:3px;font-weight:700;color:var(--color-text-muted);transition:color var(--transition-fast)}.nav-arc-trigger:hover .nav-arc-dot{background:#fff;box-shadow:0 0 10px #fffc}.nav-arc-trigger:hover .nav-arc-label{color:#fff}.radial-nav{position:fixed;inset:0;z-index:calc(var(--z-nav) + 10);background:#030303f5;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;clip-path:circle(0% at 50% 100%);transition:opacity .6s cubic-bezier(.22,1,.36,1),clip-path .7s cubic-bezier(.22,1,.36,1)}.radial-nav.open{opacity:1;pointer-events:auto;clip-path:circle(150% at 50% 100%)}.radial-nav-inner{display:flex;align-items:center;justify-content:center}.radial-nav-links{list-style:none;display:flex;flex-direction:column;gap:0}.radial-nav-links li{overflow:hidden;border-top:1px solid rgba(255,255,255,.06)}.radial-nav-links li:last-child{border-bottom:1px solid rgba(255,255,255,.06)}.radial-nav-links a{display:flex;align-items:baseline;gap:24px;padding:28px 0;text-decoration:none;color:var(--color-text-muted);transition:color var(--transition-fast),padding-left var(--transition-fast);transform:translateY(60px);opacity:0;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s ease,color .2s ease,padding-left .2s ease}.radial-nav.open .radial-nav-links a{transform:translateY(0);opacity:1}.radial-nav.open .radial-nav-links li:nth-child(1) a{transition-delay:.1s}.radial-nav.open .radial-nav-links li:nth-child(2) a{transition-delay:.18s}.radial-nav.open .radial-nav-links li:nth-child(3) a{transition-delay:.26s}.radial-nav.open .radial-nav-links li:nth-child(4) a{transition-delay:.34s}.radial-nav-links a:hover{color:var(--color-text);padding-left:12px}.nav-num{font-family:monospace;font-size:13px;letter-spacing:2px;color:#ffffff40;min-width:28px}.nav-label{font-size:clamp(2.5rem,6vw,5rem);font-weight:900;letter-spacing:-.02em;line-height:1}.nav-close{position:absolute;top:40px;right:5vw;width:48px;height:48px;border-radius:50%;border:1px solid var(--color-border);background:transparent;display:flex;align-items:center;justify-content:center;color:var(--color-text);font-size:20px;transition:var(--transition-fast);opacity:0;pointer-events:none;transition:opacity .3s ease 0s,background var(--transition-fast),border-color var(--transition-fast)}.radial-nav.open .nav-close{opacity:1;pointer-events:auto;transition-delay:.4s}.nav-close:hover{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}@media(max-width:900px){.section-content,.about-grid,.product-container,.contact-grid{grid-template-columns:1fr}.title-main{font-size:clamp(3rem,12vw,5rem)}}
