:root{--bg-color:#050507;--bg-gradient:radial-gradient(circle at 50% 0%, #1a1a24 0%, #050507 70%);--text-primary:#fff;--text-secondary:#8a8a9d;--accent-color:#242430;--accent-glow:#ffffff26;--brand-color:#e2e2e2;--glass-bg:#0f0f1499;--glass-border:#ffffff14;--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--font-serif:"Playfair Display", serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.64, 0, .13, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.25s;--dur-base:.45s;--dur-slow:.7s;--dur-slower:1.1s;--transition-speed:var(--dur-base);--transition-bounce:var(--ease-spring)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;line-height:1.6}a{color:inherit;transition:all var(--transition-speed) ease;text-decoration:none}img,video{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;font-weight:500;line-height:1.1}h1{font-size:clamp(3rem,6vw,5rem);font-weight:600}h2{font-size:clamp(2rem,4vw,3rem)}.container{max-width:1200px;margin:0 auto;padding:0 5%}.fade-in{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards fadeUp;transform:translateY(20px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.section-padding{padding:10rem 0 6rem}.nav-header{z-index:100;will-change:transform;width:90%;max-width:1100px;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)translateZ(0)}.nav-container{-webkit-backdrop-filter:blur(24px);background:#0a0a0a66;border:1px solid #ffffff14;border-radius:100px;justify-content:space-between;align-items:center;min-height:4.5rem;padding:1.2rem 2.5rem;display:flex;position:relative;transform:translateZ(0);box-shadow:0 10px 40px #00000080}.nav-logo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);z-index:101;white-space:nowrap;flex-shrink:0;font-size:1.35rem;font-weight:700}.magnetic-wrapper{display:inline-block}.nav-links{flex-shrink:1;gap:1.5rem;min-width:0;display:flex;overflow:hidden}.nav-link{color:#fff9;white-space:nowrap;border-radius:100px;padding:.6rem 1.2rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s,background .3s,transform .2s;position:relative}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff1a}.nav-link:active{transform:scale(.95)}.nav-cta{border:1px solid #00f0ff4d;color:#00f0ff!important;background:#00f0ff1a!important}.nav-cta:hover{border-color:#00f0ff99;box-shadow:0 0 12px #00f0ff66;background:#00f0ff33!important}@media (width<=1024px){.desktop-only{display:none!important}}.nav-controls{z-index:101;align-items:center;gap:.6rem;display:flex}.sound-toggle-btn{color:#ffffff80;cursor:pointer;transition:all var(--transition-speed) ease;-webkit-backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:.5rem;display:flex}.sound-toggle-btn:hover{color:#fff;background:#ffffff1f;border-color:#fff3;transform:scale(1.05)}.sound-toggle-btn:active{transform:scale(.92)}.nav-menu-btn{color:#ffffffd9;cursor:pointer;-webkit-backdrop-filter:blur(10px);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:#ffffff0a;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:.7rem;padding:.5rem .5rem .5rem 1.1rem;display:none}@media (width<=1024px){.nav-menu-btn{display:flex}}.nav-menu-btn:hover{background:#ffffff1f;border-color:#fff3}.nav-menu-btn__label{font-family:var(--font-sans);letter-spacing:.03em;text-align:left;min-width:3.4em;font-size:.82rem;font-weight:600}.nav-toggle{background:#ffffff0f;border-radius:50%;flex-shrink:0;width:38px;height:38px;display:block;position:relative}.hamburger-line{opacity:1;background:#fff;border-radius:2px;width:16px;height:2px;transition:all .3s ease-in-out;display:block;position:absolute;left:11px}.hamburger-line.top{top:15px}.hamburger-line.middle{top:19px}.hamburger-line.bottom{top:23px}.nav-menu-btn.open .hamburger-line.top{top:19px;transform:rotate(45deg)}.nav-menu-btn.open .hamburger-line.middle{opacity:0;transform:translate(-10px)}.nav-menu-btn.open .hamburger-line.bottom{top:19px;transform:rotate(-45deg)}.nav-overlay{z-index:90;-webkit-backdrop-filter:blur(30px)saturate(1.3);opacity:0;pointer-events:none;transition:opacity .55s var(--ease-out);-webkit-overflow-scrolling:touch;background:#060608eb;justify-content:center;align-items:center;padding:6rem 6vw 3rem;display:flex;position:fixed;inset:0;overflow-y:auto}.nav-overlay.open{opacity:1;pointer-events:all}.nav-overlay-inner{flex-direction:column;gap:3.5rem;width:100%;max-width:640px;display:flex}.nav-overlay-links{flex-direction:column;display:flex}.nav-overlay-link{opacity:0;transition:opacity .55s var(--ease-out), transform .55s var(--ease-out), padding-left .35s var(--ease-out);border-bottom:1px solid #ffffff14;align-items:baseline;gap:1.4rem;padding:.85rem .25rem;text-decoration:none;display:flex;transform:translateY(28px)}.nav-overlay-links .nav-overlay-link:first-child{border-top:1px solid #ffffff14}.nav-overlay.open .nav-overlay-link{opacity:1;transform:translateY(0)}.nav-overlay-link__no{color:#ffffff59;min-width:1.6em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}.nav-overlay-link__label{letter-spacing:-.01em;color:#ffffff8c;flex:1;font-family:Bodoni Moda,Playfair Display,Didot,serif;font-size:clamp(2rem,6vw,3.2rem);font-weight:500;transition:color .3s}.nav-overlay-link__arrow{color:#e0776a;opacity:0;transition:opacity .3s ease, transform .35s var(--ease-out);flex-shrink:0;transform:translate(-8px,8px)rotate(-20deg)}.nav-overlay-link:hover{padding-left:1rem}.nav-overlay-link:hover .nav-overlay-link__label,.nav-overlay-link.active .nav-overlay-link__label{color:#fff}.nav-overlay-link.active .nav-overlay-link__no{color:#e0776a}.nav-overlay-link:hover .nav-overlay-link__arrow{opacity:1;transform:translate(0)rotate(0)}.nav-overlay-link--cta .nav-overlay-link__no,.nav-overlay-link--cta .nav-overlay-link__label,.nav-overlay-link--cta .nav-overlay-link__arrow{color:#00f0ff}.nav-overlay-link--cta:hover .nav-overlay-link__label{color:#fff;text-shadow:0 0 16px #00f0ff99}.nav-overlay-footer{opacity:0;transition:opacity .6s var(--ease-out) .35s, transform .6s var(--ease-out) .35s;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-top:1.5rem;display:flex;transform:translateY(16px)}.nav-overlay.open .nav-overlay-footer{opacity:1;transform:translateY(0)}.nav-overlay-email{font-family:var(--font-sans);color:#ffffff8c;font-size:.85rem;text-decoration:none;transition:color .25s}.nav-overlay-email:hover{color:#fff}.nav-overlay-social{gap:.6rem;display:flex}.nav-overlay-social a{color:#fff9;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:color .25s,border-color .25s,background .25s;display:flex}.nav-overlay-social a:hover{color:#fff;background:#ffffff0f;border-color:#ffffff4d}@media (width<=640px){.nav-overlay{padding:6rem 6vw 2.5rem}.nav-overlay-inner{gap:2.25rem}.nav-overlay-link{padding:.6rem 0}.nav-overlay-link__label{font-size:2.1rem}.nav-overlay-footer{flex-direction:column;align-items:flex-start;gap:1rem}.nav-menu-btn__label{display:none}.nav-menu-btn{padding:.5rem}}@media (prefers-reduced-motion:reduce){.nav-overlay,.nav-overlay-link,.nav-overlay-footer{transition-duration:.15s}.nav-overlay-link{transform:none}}.nav-header.is-editor-page{z-index:100;width:auto;max-width:none;position:absolute;top:1.5rem;left:auto;right:1.5rem;transform:none}.nav-header.is-editor-page .nav-container{-webkit-backdrop-filter:blur(16px);background:#141414bf;border:1px solid #ffffff1a;border-radius:100px;justify-content:center;align-items:center;height:48px;min-height:auto;padding:.4rem .8rem;display:flex;box-shadow:0 10px 30px #0009}.nav-header.is-editor-page .nav-controls{gap:.6rem}.nav-header.is-editor-page .sound-toggle-btn{border-color:#ffffff14;width:34px;height:34px}.nav-header.is-editor-page .nav-menu-btn__label{display:none}.nav-header.is-editor-page .nav-menu-btn{padding:.5rem;display:flex}@media (width<=600px){.nav-header.is-editor-page{top:1rem;right:1rem}}.glass-footer{z-index:10;width:100%;margin-top:auto;padding:3rem 0 2rem;position:relative}.footer-container{max-width:1200px;margin:0 auto;padding:0 5%}.footer-content{border-top:1px solid #ffffff14;flex-direction:column;align-items:center;gap:2rem;padding-top:2rem;display:flex}.copyright{font-family:var(--font-sans);color:#ffffff80;letter-spacing:.05em;text-align:center;font-size:.9rem}.social-icons-glass{justify-content:center;align-items:center;gap:1.5rem;display:flex}.social-glass-btn{-webkit-backdrop-filter:blur(12px);color:#fff9;width:50px;height:50px;transition:all .4s var(--ease-out);background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-glass-btn:hover{color:#fff;background:#ffffff1a;border-color:#fff3;transform:translateY(-5px);box-shadow:0 10px 25px #00000080,0 0 20px #ffffff0d}@media (width>=768px){.footer-content{flex-direction:row;justify-content:space-between}.copyright{text-align:left}}.pl-root{z-index:100000;cursor:pointer;will-change:clip-path;background:#050507;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.pl-center{text-align:center;padding:0 6vw}.pl-name{font-family:var(--font-display,sans-serif);letter-spacing:.04em;color:#fff;flex-wrap:wrap;justify-content:center;font-size:clamp(2rem,7vw,5.5rem);font-weight:800;line-height:1.05;display:flex;overflow:hidden}.pl-letter{white-space:pre;display:inline-block}.pl-tag{font-family:var(--font-sans,sans-serif);letter-spacing:.42em;text-transform:uppercase;color:#fff;margin-top:1.2rem;font-size:clamp(.7rem,1.4vw,.9rem)}.pl-count{font-family:var(--font-display,sans-serif);font-variant-numeric:tabular-nums;color:#ffffff1a;-webkit-user-select:none;user-select:none;font-size:clamp(3rem,11vw,9rem);font-weight:700;line-height:.8;position:absolute;bottom:4vh;right:5vw}.pl-progress{background:#ffffff14;width:100%;height:2px;position:absolute;bottom:0;left:0}.pl-progress-bar{transform-origin:0;background:#ffffffd9;width:100%;height:100%;display:block}.pl-skip{font-family:var(--font-sans,sans-serif);letter-spacing:.2em;text-transform:uppercase;color:#ffffff4d;-webkit-user-select:none;user-select:none;font-size:.7rem;position:absolute;bottom:4vh;left:5vw}.film-grain{z-index:9999;pointer-events:none;opacity:.035;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px;width:200%;height:200%;animation:80ms step-end infinite grain-shift;position:fixed;top:-50%;left:-50%}@keyframes grain-shift{0%{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}to{transform:translate(0)}}.film-grain-ca{z-index:9998;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;box-shadow:inset 2px 0 20px #ff000004,inset -2px 0 20px #00ffff04,inset 0 2px 20px #ff00ff03,inset 0 -2px 20px #00ff0003,inset 0 0 150px #00000026,inset 0 0 300px #00000014}@media (prefers-reduced-motion:reduce){.film-grain{opacity:.02;animation:none}}#root{flex-direction:column;min-height:100vh;display:flex}.click-ripple{pointer-events:none;z-index:10000;-webkit-backdrop-filter:blur(5px)brightness(1.05);opacity:.8;background:#ffffff03;border:1px solid #ffffff59;border-radius:50%;width:0;height:0;animation:.65s cubic-bezier(.1,.8,.2,1) forwards ripple-out;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 10px #ffffff0d,inset 0 0 8px #ffffff1a}@keyframes ripple-out{0%{opacity:.8;width:0;height:0}to{opacity:0;width:180px;height:180px}}