:root{--color-obsidian-deep: hsl(225, 42%, 3%);--color-obsidian-card: hsla(225, 42%, 8%, .6);--color-lava-primary: hsl(38, 92%, 50%);--color-lava-glow: hsla(38, 92%, 50%, .4);--color-smoke-primary: hsl(215, 20%, 94%);--color-smoke-secondary: hsl(215, 15%, 65%);--glass-border: hsla(0, 0%, 100%, .1);--glass-bg: hsla(225, 42%, 10%, .4);--font-main: "Outfit", "Inter", sans-serif;--section-padding: 120px;--max-width: 1200px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--color-obsidian-deep);color:var(--color-smoke-primary);font-family:var(--font-main);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}.reveal{opacity:0;transform:translateY(40px);transition:all 1.2s cubic-bezier(.22,1,.36,1)}.reveal.active{opacity:1;transform:translateY(0)}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.6) 100%);z-index:10}.glow-orb{position:fixed;filter:blur(120px);opacity:.1;border-radius:50%;background:var(--color-lava-primary);z-index:-1;pointer-events:none}nav{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);width:90%;max-width:1100px;padding:.7rem 2.5rem;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;z-index:1000;margin:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:30px;box-shadow:0 10px 30px #0000004d}.logo{justify-self:start;font-weight:800;font-size:1.5rem;letter-spacing:-1px;display:flex;align-items:center;margin:0;line-height:1}.logo a{display:flex;align-items:center;text-decoration:none}.logo img{display:block}.logo span{background:linear-gradient(90deg,#fff,var(--color-smoke-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{justify-self:center;display:flex;gap:2.5rem}.nav-links a{text-decoration:none;color:var(--color-smoke-secondary);font-weight:500;font-size:.9rem;transition:color .3s ease}.nav-links a:hover{color:var(--color-lava-primary)}.download-btn{justify-self:end;background:#fff;color:#000;padding:.6rem 1.4rem;border-radius:14px;font-weight:600;text-decoration:none;font-size:.9rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;align-items:center;gap:.6rem}.download-btn:hover{transform:scale(1.05);box-shadow:0 5px 20px #fff3}main{max-width:100%}.section{padding:var(--section-padding) 5%;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:80vh;justify-content:center}.container{max-width:var(--max-width);width:100%}.hero{min-height:100vh;position:relative;overflow:hidden}.hero-content{max-width:800px;margin:0 auto;z-index:2;position:relative}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:.6;pointer-events:none;mask-image:radial-gradient(circle at center,black 10%,rgba(0,0,0,.8) 50%,transparent 80%),linear-gradient(to bottom,black 60%,transparent 100%);-webkit-mask-image:radial-gradient(circle at center,black 10%,rgba(0,0,0,.8) 50%,transparent 80%),linear-gradient(to bottom,black 90%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}.hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 20%,var(--color-obsidian-deep) 95%),linear-gradient(to bottom,transparent 70%,var(--color-obsidian-deep) 100%);z-index:1;pointer-events:none}.hero h1{font-size:clamp(3.5rem,12vw,8rem);font-weight:900;line-height:.85;letter-spacing:-.06em;margin-bottom:2rem;color:#fff}.floww{display:inline-block;font-style:italic;font-family:Georgia,serif}.floww>span{display:inline-block;animation:letterWave 2.5s ease-in-out infinite;animation-delay:calc(var(--i) * .2s)}@keyframes letterWave{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero p{font-size:1.4rem;color:var(--color-smoke-secondary);max-width:600px;margin:0 auto 3rem;font-weight:300}.highlight{color:#fff;font-weight:600;position:relative;display:inline}.highlight:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--color-lava-primary);border-radius:2px;box-shadow:0 0 10px var(--color-lava-glow),0 0 20px var(--color-lava-glow)}.story-section{padding:100px 5%;display:flex;align-items:center;gap:6rem;scroll-margin-top:100px}.story-section:nth-child(2n){flex-direction:row-reverse}.story-text{flex:1;text-align:left}.story-text h2{font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-1px}.story-text p{font-size:1.15rem;color:var(--color-smoke-secondary);margin-bottom:2rem}.story-visual{flex:1.5;position:relative}.story-visual img{width:100%;border-radius:24px;box-shadow:0 30px 100px #0009;border:1px solid var(--glass-border);transition:transform .6s cubic-bezier(.22,1,.36,1)}.story-visual:hover img{transform:translateY(-10px) scale(1.01);border-color:var(--color-lava-primary)}.backlink-visual{position:relative;display:flex;justify-content:center;align-items:center;gap:4rem;padding:2rem 0;min-height:400px}.zoom-container{width:360px;height:300px;overflow:hidden;border-radius:20px;border:2px solid var(--glass-border);box-shadow:0 20px 50px #00000080;transition:all .5s ease;z-index:2;background:var(--color-obsidian-card);flex-shrink:0}.zoom-container:hover{transform:scale(1.05);border-color:var(--color-lava-primary);box-shadow:0 30px 60px #f903}.zoom-container img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.22,1,.36,1),object-position .8s cubic-bezier(.22,1,.36,1)}.crop-1 img{object-position:center 30%;transform-origin:center 30%}.crop-1:hover img{transform:scale(2.8);object-position:100% 58%}.crop-2 img{object-position:center 70%;transform-origin:center 80%}.crop-2:hover img{transform:scale(1.8);object-position:-10% -100%}.connection-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.connection-svg path{fill:none;stroke:var(--color-lava-primary);stroke-width:3;stroke-linecap:round;stroke-dasharray:10,10;animation:dash 30s linear infinite;opacity:.6}@keyframes dash{0%{stroke-dashoffset:500}to{stroke-dashoffset:0}}.creators-note-preview{position:relative;z-index:20;height:0;width:100%}.creators-note-preview:after{content:"";position:absolute;left:50%;top:0;width:120px;height:40px;background:var(--color-lava-primary);border-radius:100px;filter:blur(20px);opacity:.1;z-index:-1;transform:translate(-50%,-50%);animation:slowPulse 5s infinite alternate ease-in-out;pointer-events:none}@keyframes slowPulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:.05}to{transform:translate(-50%,-50%) scale(1.4);opacity:.15}}.creators-note-btn{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);background:#04060bd9;border:1px solid var(--glass-border);color:var(--color-smoke-secondary);padding:.5rem 1.2rem;border-radius:100px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-family:var(--font-main);font-size:.75rem;font-weight:600;transition:all .4s cubic-bezier(.22,1,.36,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;letter-spacing:.5px;text-transform:uppercase;z-index:2}.creators-note-btn:hover{border-color:var(--color-lava-primary);color:#fff;transform:translate(-50%,-60%);background:#f59f0a0d;box-shadow:0 10px 30px #0003}.creators-note-btn i{width:14px;height:14px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2000;visibility:hidden;opacity:0;transition:all .5s cubic-bezier(.22,1,.36,1)}.modal.active{visibility:visible;opacity:1}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.modal-content{position:relative;width:90%;max-width:700px;max-height:85vh;background:var(--color-obsidian-card);border:1px solid var(--glass-border);border-radius:32px;overflow-y:auto;transform:scale(.9) translateY(20px);transition:all .6s cubic-bezier(.22,1,.36,1);padding:4rem 3.5rem;box-shadow:0 50px 100px #00000080;scrollbar-width:none}.modal.active .modal-content{transform:scale(1) translateY(0)}.modal-content::-webkit-scrollbar{display:none}.modal-close{position:absolute;top:2rem;right:2rem;background:transparent;border:none;color:var(--color-smoke-secondary);cursor:pointer;padding:.5rem;transition:color .3s ease}.modal-close:hover{color:#fff}.modal-body{text-align:left}.modal-body h2{font-size:2.5rem;font-weight:800;margin-bottom:2rem;letter-spacing:-1px}.note-text{font-size:1.1rem;color:var(--color-smoke-secondary);line-height:1.8}.note-text p{margin-bottom:1.5rem}.philosophy-list{list-style:none;margin:2rem 0;padding:0}.philosophy-list li{margin-bottom:2rem;padding-left:1.5rem;border-left:2px solid var(--color-lava-primary)}.philosophy-list strong{display:block;color:#fff;font-size:1.2rem;margin-bottom:.5rem}.philosophy-list p{font-size:1rem;margin-bottom:0}.note-footer{margin-top:3rem;font-style:italic;font-weight:500;color:#fff}.badge{display:inline-block;padding:.5rem 1rem;background:#f59f0a1a;border:1px solid hsla(38,92%,50%,.3);color:var(--color-lava-primary);border-radius:100px;font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:1.5rem}.showcase{background:radial-gradient(circle at center,hsla(38,92%,50%,.05),transparent 70%);scroll-margin-top:100px;min-height:auto}.showcase-ui{max-width:1100px;margin:4rem auto 0;position:relative}.showcase-ui:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:var(--color-lava-primary);opacity:.1;filter:blur(50px);z-index:-1}footer{position:relative;padding:160px 5% 60px;background:radial-gradient(circle at 50% 0%,hsla(38,92%,50%,.04),transparent 70%);overflow:hidden;border-top:1px solid var(--glass-border)}.footer-cta{max-width:800px;margin:0 auto 80px;position:relative;z-index:2;text-align:center}.footer-cta h2{font-size:clamp(3rem,8vw,5.5rem);font-weight:950;line-height:.9;letter-spacing:-3px;margin-bottom:2rem;color:#fff;text-transform:uppercase}.footer-cta p{font-size:1.3rem;color:var(--color-smoke-secondary);margin-bottom:4rem;max-width:500px;margin-left:auto;margin-right:auto;font-weight:300}.magnetic-wrap{display:inline-block;padding:30px;margin:-30px}.magnetic-btn{display:inline-flex;align-items:center;gap:.8rem;padding:1.4rem 3.5rem;background:#fff;color:#000;border-radius:12px;font-weight:800;font-size:1.1rem;text-decoration:none;transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .3s ease}.magnetic-btn:hover{box-shadow:0 20px 60px #fff3}.mac-coming-soon{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--color-smoke-secondary);font-size:1rem;font-weight:500;opacity:.6;transition:opacity .3s ease}.mac-coming-soon:hover{opacity:1}.footer-bottom{margin-top:1rem;display:flex;flex-direction:column;align-items:center;position:relative;width:100%}.footer-grid-links{display:flex;justify-content:center;gap:4rem;z-index:2}.footer-grid-links a{text-decoration:none;color:var(--color-smoke-secondary);font-weight:500;font-size:.9rem;transition:all .3s ease;position:relative}.footer-grid-links a:hover{color:#fff}.footer-grid-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--color-lava-primary);transition:width .3s ease}.footer-grid-links a:hover:after{width:100%}.footer-brand-large{position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);font-size:clamp(4rem,20vw,15rem);font-weight:950;letter-spacing:-.06em;line-height:.75;text-align:center;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;z-index:1}.footer-legal{font-size:.75rem;color:var(--color-smoke-secondary);opacity:.4;letter-spacing:1px;text-transform:uppercase;position:relative;z-index:2}.footer-glow{position:absolute;width:800px;height:800px;background:radial-gradient(circle,var(--color-lava-primary) 0%,transparent 70%);filter:blur(100px);opacity:0;border-radius:50%;pointer-events:none;z-index:1;transition:opacity 1s ease}.footer-legal-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:1100px;position:relative;z-index:10;margin-top:6rem;padding:0 2rem}.footer-legal-bar .footer-grid-links{margin-bottom:0!important;gap:2rem;display:flex;justify-self:end}.footer-legal-bar .footer-grid-links a{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;opacity:.7;color:inherit;text-decoration:none;transition:opacity .3s ease}.footer-legal-bar .footer-grid-links a:hover{opacity:1}@media(max-width:1024px){:root{--section-padding: 80px}nav{padding:.6rem 1.5rem;grid-template-columns:1fr auto auto;gap:1rem}.nav-links{gap:1.5rem}.story-section{flex-direction:column!important;gap:3rem;text-align:center;padding:80px 5%}.story-text{text-align:center}.story-text h2{font-size:2.4rem}.backlink-visual{flex-direction:column;gap:2rem;min-height:auto;align-items:center;position:relative}.backlink-visual:after{content:"";width:3px;height:60px;background:repeating-linear-gradient(to bottom,var(--color-lava-primary) 0px,var(--color-lava-primary) 10px,transparent 10px,transparent 20px);opacity:.5;flex-shrink:0;border-radius:2px;order:1}.connection-svg{display:none}.zoom-container:first-of-type{order:0}.zoom-container:last-of-type{order:2}.zoom-container{width:100%;max-width:400px;height:260px}.crop-1 img{transform:scale(2.8);transform-origin:100% 58%;object-position:100% 58%}.crop-2 img{transform:scale(3.2);transform-origin:100% 100%;object-position:100% 100%}.footer-cta{margin-bottom:80px}.footer-bottom{margin-top:60px;gap:3rem}.modal-content{padding:3rem 1.5rem 2rem;border-radius:24px}.modal-body h2{font-size:1.8rem;margin-top:1rem}}@media(max-width:768px){:root{--section-padding: clamp(40px, 8vw, 60px)}nav{grid-template-columns:1fr auto;padding:.5rem 1.2rem;top:.75rem;width:94%;border-radius:20px}.nav-links{display:none}.download-btn{padding:.5rem 1.1rem;font-size:.8rem;border-radius:12px}.logo img{height:clamp(30px,5vw,36px)!important}.hero{min-height:85vh}.hero h1{font-size:clamp(2.2rem,13vw,4.5rem);margin-bottom:1.2rem}.hero p{font-size:clamp(.95rem,3vw,1.05rem);margin-bottom:2rem;padding:0 1rem}.hero-content{padding:0 1rem}.story-section{padding:var(--section-padding) 6%;gap:2rem}.story-text h2{font-size:clamp(1.65rem,5vw,2rem);letter-spacing:-.5px}.story-text p{display:none}.story-text>div{justify-content:center}.story-visual img{border-radius:16px}.backlink-visual{gap:1.5rem}.backlink-visual:after{height:60px;margin:0}.zoom-container{width:100%;max-width:clamp(300px,90vw,400px);height:clamp(200px,50vw,260px);border-radius:12px}.crop-1 img,.crop-1:hover img{transform:scale(3)!important;transform-origin:80% 10%!important}.crop-2 img,.crop-2:hover img{transform:scale(3)!important;transform-origin:25% 95%!important}.showcase{padding:var(--section-padding) 6%;min-height:auto}.showcase h2{font-size:clamp(1.65rem,5vw,2rem)}.showcase p{margin-bottom:1.5rem!important}footer{padding:40px 6% 20px}.footer-cta{margin-bottom:40px}.footer-cta h2{font-size:clamp(2.2rem,10vw,3.2rem);letter-spacing:-1.5px;margin-bottom:.8rem;line-height:1.1}.footer-cta p{font-size:clamp(.85rem,3vw,.95rem);margin-bottom:1.2rem}.footer-cta .magnetic-wrap{gap:.5rem!important}.footer-cta .mac-coming-soon{margin-top:.75rem!important;gap:.3rem!important}.magnetic-btn{padding:.85rem 2rem;font-size:.85rem;border-radius:8px}.footer-grid-links{gap:1rem;flex-wrap:wrap;justify-content:center}.footer-bottom{margin-top:25px;gap:1rem}.footer-brand-large{font-size:clamp(3rem,15vw,8rem);bottom:-.2rem}.footer-legal{text-align:center;font-size:.6rem;opacity:.5!important}.footer-legal-bar{grid-template-columns:1fr;gap:.8rem;margin-top:2rem;justify-items:center;padding:0}.footer-legal-bar .footer-grid-links{justify-self:center;order:-1}}