:root{--color-primary: #e6c8a7;--color-text: #f4eee6;--color-base: #10151a;--color-accent: #cfa893;--font-serif: "Playfair Display", serif;--font-sans: "Inter", sans-serif;--transition-smooth: all .6s cubic-bezier(.25, 1, .5, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*::selection{background:transparent;color:inherit}*::-moz-selection{background:transparent;color:inherit}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}body,html{width:100%;background-color:var(--color-base);color:var(--color-text);font-family:var(--font-sans)}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}#canvas-container canvas{pointer-events:none}.header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:2.5rem 4rem;z-index:100;pointer-events:none;background:transparent;isolation:isolate}.header.header--transparent-bg{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.header:before{content:"";position:absolute;inset:0;background:#ffffff02;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);mask-image:linear-gradient(to bottom,#000,#000000eb 58%,#0000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.92) 58%,rgba(0,0,0,0) 100%);pointer-events:none;z-index:0}.header.header--transparent-bg:before{opacity:0}.header.header--menu-open{pointer-events:auto;z-index:10040}.logo{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--color-primary);display:inline-flex;align-items:center;pointer-events:auto;text-decoration:none;position:relative;z-index:1}.logo:before{content:"";position:absolute;inset:-1.1rem -1.5rem;z-index:-1;background:radial-gradient(ellipse at center,#10151aad,#10151a7a 38%,#10151a38 66%,#10151a00 88%);filter:blur(16px);pointer-events:none}.nav{display:flex;align-items:center;gap:2.5rem;pointer-events:auto;position:relative;z-index:1}.nav:before{content:"";position:absolute;inset:-1.1rem -1.5rem;z-index:-1;background:radial-gradient(ellipse at center,#10151aad,#10151a7a 38%,#10151a38 66%,#10151a00 88%);filter:blur(18px);pointer-events:none}.nav-link{font-family:var(--font-sans);font-size:.75rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text);text-decoration:none;opacity:.6;transition:opacity .3s ease}.nav-link:hover,.nav-link.active{opacity:1}.nav-cta{border:1px solid rgba(230,200,167,.3);padding:.5rem 1.2rem;border-radius:50px;color:var(--color-primary);opacity:.8}.nav-cta:hover{background:var(--color-primary);color:var(--color-base);opacity:1}.nav-burger{display:none;background:none;border:none;cursor:pointer;pointer-events:auto;padding:.5rem;flex-direction:column;gap:5px;min-width:44px;min-height:44px;justify-content:center;align-items:center;position:relative;z-index:1}.nav-burger:before{content:"";position:absolute;inset:-.8rem;z-index:-1;background:radial-gradient(ellipse at center,#10151aad,#10151a7a 38%,#10151a38 66%,#10151a00 88%);filter:blur(16px);pointer-events:none}.nav-burger span{display:block;width:24px;height:1.5px;background:var(--color-primary);transition:all .3s ease}.nav-burger.open span:nth-child(1){transform:rotate(45deg) translate(4px,5px)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-5px)}.scroll-container{position:relative;z-index:20;width:100%;pointer-events:none}.step{height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 4rem;pointer-events:none}.content{pointer-events:auto;max-width:600px}.right-align{margin-left:auto;text-align:right}.center-align{margin:0 auto;text-align:center}.content h1,.content h2{font-family:var(--font-serif);font-size:4.5vw;line-height:1.1;margin-bottom:1.5rem;font-weight:400;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.5)}.content p{font-size:1.25rem;line-height:1.6;opacity:.9;margin-bottom:2rem;font-weight:300;text-shadow:0 2px 10px rgba(0,0,0,.8)}#step-intro-seo .content{max-width:42rem;position:relative;isolation:isolate}#step-intro-seo .content:before{content:none}#step-intro-seo h1{font-size:clamp(2.6rem,4.6vw,4.8rem);margin-bottom:1rem}#step-intro-seo p{max-width:32rem;margin-left:auto;margin-right:auto;font-size:1.08rem;line-height:1.65;margin-bottom:1.2rem}#step-intro-seo .section-label{margin-bottom:1rem;font-size:.72rem}#step-intro-seo .intro-seo__lead{font-size:1rem;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;opacity:.82;margin-bottom:.85rem}#step-chaos .section-label,#step-chaos h1,#step-chaos p,#step-chaos .interaction-hint{text-shadow:0 4px 20px rgba(36,6,14,.7),0 2px 10px rgba(20,2,8,.92)}#step-chaos .content{position:relative;isolation:isolate}#step-chaos .content:before{content:"";position:absolute;inset:-2rem -2.25rem;z-index:-1;background:radial-gradient(ellipse at center,#10151aa8,#10151a85 34%,#10151a42 62%,#10151a00 84%);filter:blur(18px);pointer-events:none}#step-coherence .content{position:relative;isolation:isolate}#step-coherence .content:before{content:"";position:absolute;inset:-2rem -2.25rem;z-index:-1;background:radial-gradient(ellipse at center,#10151aa8,#10151a85 34%,#10151a42 62%,#10151a00 84%);filter:blur(18px);pointer-events:none}.section-label{display:inline-block;font-family:var(--font-sans);font-size:.75rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary);opacity:.7;margin-bottom:1.5rem}.cta-wrapper{display:flex;flex-direction:column;align-items:center}.primary-btn{display:inline-flex;align-items:center;justify-content:center;background:#e6c8a70a;border:1px solid rgba(230,200,167,.4);color:var(--color-primary);padding:1rem 2.5rem;font-size:1rem;font-family:var(--font-sans);border-radius:50px;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none}.primary-btn:hover{background:var(--color-primary);color:var(--color-base);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 10px 30px #e6c8a726}.interaction-hint{font-size:.85rem;opacity:.7;font-weight:300;letter-spacing:.05em;text-transform:uppercase}.step .content{opacity:0;transform:translateY(40px);transition:opacity 1.2s ease,transform 1.2s ease}.step.visible .content{opacity:1;transform:translateY(0)}#step-coherence .content{transform-origin:center center;will-change:transform,opacity,filter;transition:opacity 1.45s cubic-bezier(.16,1,.3,1),transform 1.45s cubic-bezier(.16,1,.3,1),filter 1.45s ease}#step-coherence .content.black-hole-collapsing{opacity:0;transform:translate(var(--bh-shift-x, 0px),var(--bh-shift-y, 0px)) scale(.08);filter:blur(22px)}.grain{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:50;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.final-peace{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-primary);z-index:200;display:flex;align-items:center;justify-content:center;transition:opacity 2s ease-in-out;pointer-events:none}.final-peace *{pointer-events:none}.final-peace.hidden{opacity:0;pointer-events:none}.final-peace .content h1{color:var(--color-base);text-shadow:none}.final-peace .content p{color:var(--color-base);text-shadow:none;font-weight:400}.fade-in-slow{opacity:0}.final-peace:not(.hidden) .fade-in-slow{animation:fadeInUp 2s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pulse{animation:subtlePulse 4s infinite alternate}@keyframes subtlePulse{0%{box-shadow:0 0 #e6c8a733}50%{box-shadow:0 0 0 15px #e6c8a700}to{box-shadow:0 0 #e6c8a700}}@media(max-width:768px){#canvas-container{opacity:.82;transform:translateY(7vh) scale(1.03);transform-origin:center top}.content h1,.content h2,.content p,.section-label,.hint-text{text-shadow:0 0 24px rgba(16,21,26,.95),0 2px 10px rgba(16,21,26,1),0 0 4px rgba(16,21,26,1)}#step-chaos .section-label,#step-chaos h1,#step-chaos p,#step-chaos .interaction-hint{text-shadow:0 0 24px rgba(36,6,14,.96),0 2px 10px rgba(20,2,8,1),0 0 4px rgba(20,2,8,1)}#step-chaos .content{max-width:33rem;padding:1.25rem .75rem}#step-intro-seo .content{max-width:30rem;padding:1.25rem .75rem}#step-intro-seo .content:before{content:none}#step-intro-seo h1{font-size:clamp(2.8rem,9vw,4rem)}#step-intro-seo p{font-size:1rem;line-height:1.6}#step-intro-seo .intro-seo__lead{font-size:.88rem;letter-spacing:.12em}#step-chaos .content:before{inset:-1.5rem -.75rem;background:radial-gradient(ellipse at center,#10151acc,#10151aa3 38%,#10151a57 66%,#10151a00 88%);filter:blur(14px)}#step-coherence .content{max-width:33rem;padding:1.25rem .75rem}#step-coherence .content:before{inset:-1.5rem -.75rem;background:radial-gradient(ellipse at center,#10151acc,#10151aa3 38%,#10151a57 66%,#10151a00 88%);filter:blur(14px)}.header{padding:1.5rem;background:transparent}.header:before{background:#ffffff02;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);mask-image:linear-gradient(to bottom,#000,#000000e6 54%,#0000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.9) 54%,rgba(0,0,0,0) 100%)}.logo{font-size:1.25rem}.logo:before{inset:-.85rem -1rem;filter:blur(14px)}.step{padding:0 1.5rem;text-align:center}.right-align,.center-align{margin:0 auto;text-align:center}.content h1,.content h2{font-size:10vw}.content p{font-size:1.1rem;line-height:1.75}.section-label{font-size:.85rem}.nav-burger{display:flex;padding:.75rem}.nav-burger:before{inset:-.55rem;filter:blur(14px)}.nav{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#10151af5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;justify-content:center;gap:2rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s ease;z-index:10050;isolation:isolate}.nav.open{opacity:1;visibility:visible;pointer-events:auto}.nav:before{display:none}.nav-link{font-size:1rem;letter-spacing:.2em;position:relative;z-index:1;padding:.5rem 1rem;-webkit-tap-highlight-color:rgba(230,200,167,.2);touch-action:manipulation}.nav-burger{position:relative;z-index:10060}.header .logo{z-index:10060}.nav-cta{padding:.75rem 2rem}}@media(max-width:390px){.content h1,.content h2{font-size:9vw}.content p{font-size:1rem}.step{padding:0 1.25rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}#beam-overlay{position:fixed;inset:0;--beam-streak-width: 240px;--beam-disk-size: 420vmax;opacity:1;visibility:hidden;overflow:hidden;pointer-events:none;z-index:11000}#beam-overlay:before,#beam-overlay:after{content:"";position:absolute;pointer-events:none}#beam-overlay:before{left:var(--beam-x, 50%);top:var(--beam-y, 50%);width:var(--beam-disk-size);height:var(--beam-disk-size);border-radius:50%;background:radial-gradient(circle,#fff8ecfa,#f9ecd4fa,#f1ddbcfa 10%,#e6c8a7 18% 62%,#e6c8a7fa 72%,#e6c8a7e0 80%,#e8cdad9e,#eed9bb42 94%,#f5e6cf00);transform:translate(-50%,-50%) scale(.006);transform-origin:center center;filter:blur(30px) saturate(112%);opacity:0;transition:transform 1.42s cubic-bezier(.24,.06,.18,1),opacity .18s linear,filter 1.42s cubic-bezier(.24,.06,.18,1)}#beam-overlay:after{left:var(--beam-x, 50%);top:var(--beam-y, 50%);width:var(--beam-streak-width);height:160vh;border-radius:999px;background:linear-gradient(180deg,#fff8e9,#f7e7caeb 18%,#eed6b394 42%,#e7c9a838 68%,#e6c8a700);transform:translate(-50%,-8%) scaleX(.08) scaleY(.02);transform-origin:top center;filter:blur(24px);opacity:0;transition:transform 1.42s cubic-bezier(.24,.06,.18,1),filter 1.42s cubic-bezier(.24,.06,.18,1),opacity .72s ease}#beam-overlay.beam-active{visibility:visible}#beam-overlay.beam-active:before{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(10px) saturate(122%)}#beam-overlay.beam-active:after{opacity:1;transform:translate(-50%,-8%) scaleX(1.02) scaleY(1.24);filter:blur(36px)}#beam-overlay.beam-reverse{visibility:visible}#beam-overlay.beam-reverse:before{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(10px) saturate(122%);transition:none}#beam-overlay.beam-reverse:after{opacity:1;transform:translate(-50%,-8%) scaleX(1.02) scaleY(1.24);filter:blur(36px);transition:none}#beam-overlay.beam-reverse.beam-reverse-out{visibility:visible}#beam-overlay.beam-reverse.beam-reverse-out:before{opacity:0;transform:translate(-50%,-50%) scale(1.08);filter:blur(42px) saturate(108%);transition:transform 1.02s cubic-bezier(.22,1,.36,1),opacity .86s cubic-bezier(.22,1,.36,1),filter 1.02s cubic-bezier(.22,1,.36,1)}#beam-overlay.beam-reverse.beam-reverse-out:after{opacity:0;transform:translate(-50%,-8%) scaleX(1.12) scaleY(1.36);filter:blur(48px);transition:transform 1.02s cubic-bezier(.22,1,.36,1),opacity .86s cubic-bezier(.22,1,.36,1),filter 1.02s cubic-bezier(.22,1,.36,1)}.scroll-indicator{display:flex;justify-content:center;margin-top:2rem}.scroll-arrow{display:block;width:1px;height:60px;background:linear-gradient(to bottom,transparent,var(--color-primary));opacity:.4;animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.2;transform:scaleY(.8)}50%{opacity:.6;transform:scaleY(1)}}.secondary-link{display:inline-block;margin-top:1.2rem;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text);text-decoration:none;opacity:.5;transition:opacity .3s ease}.secondary-link:hover{opacity:1}.site-footer{position:relative;z-index:10;padding:2.25rem 2.5rem;border-top:1px solid rgba(255,255,255,.07);pointer-events:none}.site-footer__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1.25rem 3rem;max-width:1100px;margin:0 auto;pointer-events:none}.site-footer__meta{display:flex;flex-direction:column;gap:.45rem;max-width:36rem;pointer-events:auto}.site-footer__brand{font-size:.75rem;letter-spacing:.04em;line-height:1.45;color:var(--color-text);opacity:.35}.site-footer__nap{font-style:normal;font-size:.72rem;line-height:1.5;opacity:.3;color:var(--color-text);pointer-events:auto}.site-footer__nap a{color:var(--color-text);text-decoration:none}.site-footer__nav{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:end;gap:.9rem 2rem;pointer-events:auto}.site-footer__nav a{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);text-decoration:none;opacity:.35;transition:opacity .25s ease;pointer-events:auto}.site-footer__nav a:hover{opacity:.8}@media(max-width:768px){.secondary-link{font-size:.875rem;padding:.5rem 0}}@media(max-width:900px){.site-footer__inner{grid-template-columns:1fr;gap:1rem}.site-footer__meta{gap:.5rem}.site-footer__nav{grid-auto-flow:row;justify-content:start;gap:.75rem}}@media(max-width:600px){.site-footer{padding:2rem 1.5rem}.site-footer__brand{font-size:.875rem}.site-footer__nap{font-size:.8rem}.site-footer__nav a{font-size:.875rem}}