:root{--bg-deep:#020015;--cyan:#00d4ff;--cyan-dim:rgba(0,212,255,0.15);--text-muted:rgba(255,255,255,0.65);--border:rgba(255,255,255,0.08)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Inter',system-ui,sans-serif;background:var(--bg-deep);color:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}#canvas-container{position:fixed;inset:0;z-index:0;pointer-events:none}#canvas-container canvas{display:block;width:100%;height:100%}.ui{position:relative;z-index:10;pointer-events:none}.ui a,.ui button,.ui .interactive{pointer-events:auto}nav{position:fixed;top:0;left:0;right:0;z-index:500;height:90px;display:flex;align-items:center;background:linear-gradient(to bottom,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.35) 60%,transparent 100%);transition:background 0.4s ease}nav.scrolled{background:rgba(2,0,21,0.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{width:100%;max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{display:flex;flex-direction:column;text-decoration:none;user-select:none}.logo-main{font-size:26px;font-weight:900;letter-spacing:-0.5px;color:#fff}.logo-sub{font-size:8px;font-weight:700;letter-spacing:0.28em;text-transform:uppercase;margin-top:5px;color:rgba(255,255,255,0.55)}.nav-links{display:none;gap:32px;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase}.nav-links a{color:rgba(255,255,255,0.85);text-decoration:none;transition:color 0.25s}.nav-links a:hover{color:var(--cyan)}.btn-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;background:linear-gradient(135deg,#00b8e6,#00d4ff);color:#001a2e;font-size:12px;font-weight:700;letter-spacing:0.04em;text-decoration:none;border-radius:999px;border:none;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 20px rgba(0,212,255,0.35)}.btn-cta:hover{transform:translateY(-1px);box-shadow:0 6px 28px rgba(0,212,255,0.5)}@media (min-width:1024px){.nav-links{display:flex}}#home{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 24px 80px}.hero-content{max-width:1280px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr;gap:40px;align-items:center}@media (min-width:900px){.hero-content{grid-template-columns:1fr 1fr}}.hero-text{max-width:540px}.hero-text h1{font-size:clamp(2.6rem,6vw,4.2rem);font-weight:700;line-height:1.1;letter-spacing:-0.03em;margin-bottom:16px;background:linear-gradient(180deg,#fff 40%,rgba(255,255,255,0.75));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text .tagline{font-size:clamp(1.1rem,2.2vw,1.35rem);font-weight:500;color:rgba(255,255,255,0.9);margin-bottom:20px}.hero-text p{font-size:1rem;line-height:1.65;color:var(--text-muted);margin-bottom:36px;max-width:440px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:48px}.btn-outline{display:inline-flex;align-items:center;padding:12px 22px;background:transparent;color:#fff;font-size:12px;font-weight:600;letter-spacing:0.04em;text-decoration:none;border-radius:999px;border:1px solid rgba(255,255,255,0.25);transition:border-color 0.25s,background 0.25s}.btn-outline:hover{border-color:var(--cyan);background:var(--cyan-dim)}.slider-dots{display:flex;gap:8px;align-items:center}.dot{height:3px;border-radius:2px;background:rgba(255,255,255,0.25);transition:width 0.35s,background 0.35s;cursor:pointer}.dot.active{width:28px;background:var(--cyan)}.dot:not(.active){width:12px}section{position:relative;padding:100px 24px}.section-inner{max-width:1280px;margin:0 auto}.section-title{text-align:center;font-size:clamp(2rem,4vw,2.8rem);font-weight:700;letter-spacing:-0.02em;margin-bottom:56px;background:linear-gradient(180deg,#fff,rgba(255,255,255,0.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#about{background:linear-gradient(180deg,transparent 0%,rgba(2,0,21,0.7) 15%,rgba(2,0,21,0.92) 100%)}.about-grid{display:grid;grid-template-columns:1fr;gap:40px}@media (min-width:900px){.about-grid{grid-template-columns:1.1fr 0.9fr;gap:48px;align-items:start}}.about-lede{font-size:1.3rem;font-weight:600;line-height:1.4;color:#fff;margin-bottom:20px}.about-copy>p{font-size:0.98rem;line-height:1.7;color:var(--text-muted)}.about-etymology{margin-top:28px;padding:20px 22px;background:rgba(0,0,0,0.4);border:1px solid var(--border);border-left:2px solid var(--cyan);border-radius:4px;font-size:0.88rem;line-height:1.7;color:var(--text-muted)}.about-etymology b{color:#fff;letter-spacing:0.04em}.about-etymology i{color:rgba(255,255,255,0.85);font-style:italic}.about-pillars{display:flex;flex-direction:column;gap:16px}.pillar{display:flex;gap:16px;align-items:flex-start;padding:20px;background:rgba(0,0,0,0.35);border:1px solid var(--border);border-radius:16px;transition:border-color 0.3s,background 0.3s}.pillar:hover{background:rgba(0,0,0,0.55);border-color:rgba(0,212,255,0.3)}.pillar-icon{width:44px;height:44px;border-radius:12px;flex-shrink:0;background:rgba(0,212,255,0.1);border:1px solid rgba(0,212,255,0.2);display:flex;align-items:center;justify-content:center;font-size:20px}.pillar h4{font-size:15px;font-weight:700;margin-bottom:5px}.pillar p{font-size:13px;color:var(--text-muted);line-height:1.5}#products{background:rgba(2,0,21,0.85)}.gallery{position:relative;width:100%;max-width:960px;height:min(56vw,420px);margin:8px auto 0;flex:1;min-width:0}.card{position:absolute;top:50%;left:50%;width:min(56vw,260px);aspect-ratio:3 / 4;display:flex;flex-direction:column;padding:32px 28px;border-radius:22px;background:linear-gradient(160deg,rgba(0,212,255,0.09),rgba(0,0,0,0.6) 55%);border:1px solid rgba(0,212,255,0.25);box-shadow:0 30px 70px rgba(0,0,0,0.5),0 0 40px rgba(0,212,255,0.08);opacity:0;transform:translate(-50%,-50%) scale(0.6);filter:blur(2px);transition:opacity 0.6s ease,transform 0.6s ease,filter 0.6s ease;pointer-events:none;z-index:0;cursor:pointer}.card.pos-center{opacity:1;transform:translate(-50%,-50%) translateX(0) scale(1.08);filter:blur(0);pointer-events:auto;z-index:4;cursor:default}.card.pos-left{opacity:0.6;transform:translate(-50%,-50%) translateX(-68%) scale(0.8);filter:blur(1px);pointer-events:auto;z-index:3}.card.pos-right{opacity:0.6;transform:translate(-50%,-50%) translateX(68%) scale(0.8);filter:blur(1px);pointer-events:auto;z-index:3}.card.pos-far-left{opacity:0.18;transform:translate(-50%,-50%) translateX(-124%) scale(0.56);filter:blur(3px);pointer-events:none;z-index:1}.card.pos-far-right{opacity:0.18;transform:translate(-50%,-50%) translateX(124%) scale(0.56);filter:blur(3px);pointer-events:none;z-index:1}.card.pos-left:hover,.card.pos-right:hover{opacity:0.85}.card .card-num{font-size:12px;font-weight:700;letter-spacing:0.14em;color:var(--cyan);opacity:0.75;margin-bottom:auto}.card .card-icon{font-size:38px;margin-bottom:16px}.card .card-eyebrow{font-size:11px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px}.card h3{font-size:1.4rem;font-weight:700;margin-bottom:12px;letter-spacing:-0.01em}.card p{font-size:0.92rem;line-height:1.6;color:var(--text-muted)}.gallery-stage{display:flex;align-items:center;justify-content:center}.card-detail{width:0;opacity:0;overflow:hidden;flex-shrink:0;transition:width 0.5s cubic-bezier(.4,0,.2,1),opacity 0.4s ease,margin 0.5s ease;position:relative}.gallery-stage:has(.card.pos-center:hover) .card-detail,.gallery-stage:has(.card.pos-center:focus-within) .card-detail{width:min(52vw,300px);opacity:1;margin-right:22px}.card-detail-inner{width:min(52vw,300px);padding:26px 24px;background:rgba(0,0,0,0.55);border:1px solid rgba(0,212,255,0.3);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,0.45)}.card-detail-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px}.card-detail h4{font-size:1.15rem;font-weight:700;margin-bottom:12px}.card-detail p{font-size:0.86rem;line-height:1.65;color:var(--text-muted);margin-bottom:16px}.card-detail-list{list-style:none;display:flex;flex-direction:column;gap:8px}.card-detail-list li{position:relative;padding-left:16px;font-size:0.82rem;color:rgba(255,255,255,0.85)}.card-detail-list li::before{content:"—";position:absolute;left:0;color:var(--cyan)}.card-detail::after{content:"";position:absolute;top:50%;right:-22px;width:22px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);opacity:0;transition:opacity 0.4s ease 0.15s}.gallery-stage:has(.card.pos-center:hover) .card-detail::after{opacity:0.8}@media (max-width:720px){.gallery-stage{flex-direction:column}.card-detail,.card-detail-inner{width:100%;max-width:340px}.gallery-stage:has(.card.pos-center:hover) .card-detail{margin-right:0;margin-bottom:18px}.card-detail::after{display:none}}.gallery__controls{display:flex;justify-content:center;gap:16px;margin-top:28px}.gallery__prev,.gallery__next{width:46px;height:46px;border-radius:50%;background:rgba(0,0,0,0.5);border:1px solid rgba(0,212,255,0.35);color:#fff;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.25s,border-color 0.25s,transform 0.2s}.gallery__prev:hover,.gallery__next:hover{background:rgba(0,212,255,0.15);border-color:var(--cyan);transform:translateY(-2px)}#contact{background:linear-gradient(180deg,rgba(2,0,21,0.9),var(--bg-deep));border-top:1px solid var(--border)}.contact-wrap{max-width:640px;margin:0 auto 48px;text-align:center}.contact-wrap h2{font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:700;margin-bottom:12px}.contact-wrap p{color:var(--text-muted)}.contact-split{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:20px}@media (min-width:800px){.contact-split{grid-template-columns:1fr 1.2fr;gap:28px;align-items:stretch}}.contact-info{display:flex;flex-direction:column;gap:14px}.contact-row{display:flex;align-items:center;gap:16px;padding:20px 22px;background:rgba(0,0,0,0.4);border:1px solid var(--border);border-radius:16px;text-decoration:none;color:#fff;transition:border-color 0.25s,background 0.25s}a.contact-row:hover{border-color:rgba(0,212,255,0.35);background:rgba(0,0,0,0.6)}.contact-icon{width:44px;height:44px;border-radius:12px;flex-shrink:0;background:rgba(0,212,255,0.1);border:1px solid rgba(0,212,255,0.2);display:flex;align-items:center;justify-content:center;font-size:19px}.contact-label{display:block;font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--cyan);margin-bottom:3px}.contact-value{display:block;font-size:14px;color:rgba(255,255,255,0.9)}.contact-map{position:relative;min-height:280px;border-radius:16px;overflow:hidden;background:rgba(0,0,0,0.4);border:1px solid var(--border)}.contact-map iframe{width:100%;height:100%;min-height:280px;border:0;display:block}.contact-map-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;background-image:linear-gradient(rgba(0,212,255,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,0.06) 1px,transparent 1px);background-size:28px 28px}.contact-map-placeholder .pin{font-size:30px}.contact-map-placeholder p{font-size:13px;color:var(--text-muted);max-width:30ch}footer{padding:28px 24px;text-align:center;font-size:13px;color:rgba(255,255,255,0.4);border-top:1px solid var(--border);background:var(--bg-deep)}#loader{position:fixed;inset:0;z-index:9999;background:var(--bg-deep);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;transition:opacity 0.6s ease,visibility 0.6s}#loader.hide{opacity:0;visibility:hidden;pointer-events:none}.loader-ring{width:48px;height:48px;border:3px solid rgba(0,212,255,0.2);border-top-color:var(--cyan);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{font-size:13px;color:var(--text-muted);letter-spacing:0.08em}