:root{--bg-color: #ffffff;--text-color: #111111;--accent-color: #000000;--scroll-progress: 0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;-webkit-font-smoothing:antialiased}.social-header{position:absolute;top:7rem;right:2.5rem;z-index:100;display:flex;gap:1.5rem}.social-header a{color:#0a2463;width:32px;height:32px;transition:transform .3s ease,color .3s ease;display:flex;align-items:center;justify-content:center}.social-header a:hover{transform:scale(1.15);color:#3e92cc}.hero-title{font-size:3.5rem;font-weight:800;letter-spacing:-.05em;background:linear-gradient(270deg,#0a2463,#3e92cc,#0a2463);background-size:200% 200%;animation:gradient-shift 5s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.hero-subtitle{font-size:1.25rem;font-weight:300;color:#4a607a;margin-bottom:2rem}.scroll-indicator{display:flex;flex-direction:column;align-items:flex-start;opacity:.6;animation:bounce 2s infinite;margin-top:2rem}.scroll-indicator span{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;color:#0a2463}.arrow{width:1px;height:40px;background:linear-gradient(to bottom,transparent,#0A2463)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.scroll-runway{height:auto;position:relative;z-index:1}.canvas-wrapper{position:sticky;top:0;height:100vh;height:100dvh;width:100vw;overflow:hidden;will-change:transform;transform:translateZ(0);background:var(--bg-color, #ffffff)}#hero-canvas{width:100%;height:100%;object-fit:cover;display:block}.content-layer{position:relative;z-index:20;width:100%;margin-top:-100vh}.ui-overlay{min-height:100vh;display:flex;align-items:center;justify-content:flex-start;padding:0 10%;background:transparent;pointer-events:none;position:relative}.ui-overlay:before{content:"";position:absolute;left:10%;top:0;bottom:0;width:1px;background:#111;opacity:.4}#overlay-0:before{top:calc(50% + 75vh);background:linear-gradient(to bottom,transparent,#111111)}#overlay-3:before{bottom:50%;background:linear-gradient(to top,transparent,#111111)}.ui-overlay:after{content:"";position:absolute;left:calc(10% - 3px);top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:#111;box-shadow:0 0 0 6px #fff9}.overlay-content{width:100%;max-width:600px;pointer-events:auto;padding-left:1.5rem}#overlay-0 .overlay-content{margin-top:75vh}#overlay-0:after{top:calc(50% + 75vh)}.ui-overlay h2{font-size:3rem;margin-bottom:1rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(270deg,#0a2463,#3e92cc,#0a2463);background-size:200% 200%;animation:gradient-shift 5s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ui-overlay p{font-size:1.25rem;color:#33475b;line-height:1.6;font-weight:400}.cta-section{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-color);position:relative;z-index:10}.cta-content{text-align:center}.cta-content h2{font-size:4rem;margin-bottom:2rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(270deg,#0a2463,#3e92cc,#0a2463);background-size:200% 200%;animation:gradient-shift 5s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cta-button{padding:1.2rem 3.5rem;font-size:1.2rem;font-weight:600;color:#fff;background:var(--text-color);border:none;border-radius:50px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.cta-button:hover{transform:scale(1.02);background:#333;box-shadow:0 10px 30px #00000026}.features-section{padding:8rem 10%;background:radial-gradient(circle at top right,#eef2f5,#fff);position:relative;z-index:10}.features-container{display:flex;flex-direction:column;gap:6rem;max-width:1300px;margin:0 auto}.fancy-box{display:flex;align-items:center;width:85%;background:#fff6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:3rem;box-shadow:0 30px 60px #0a246314;transition:transform .4s ease,box-shadow .4s ease}.fancy-box:nth-child(odd){align-self:flex-start}.fancy-box:nth-child(2n){align-self:flex-end}.fancy-box:hover{transform:translateY(-10px);box-shadow:0 40px 80px #0a24631f}.fancy-box-image{flex:0 0 45%;border-radius:16px;overflow:hidden;box-shadow:0 15px 30px #0000001a;height:350px}.fancy-box-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.fancy-box:hover .fancy-box-image img{transform:scale(1.05)}.fancy-box-content{flex:1;padding-left:4rem}.fancy-box-content h3{font-size:2.5rem;color:#0a2463;margin-bottom:1.5rem;font-weight:700}.fancy-box-content p{font-size:1.25rem;color:#4a607a;line-height:1.8}.team-section{padding:8rem 10%;background:var(--bg-color);position:relative;z-index:10}.team-header{text-align:center;margin-bottom:4rem}.team-header h2{font-size:3rem;margin-bottom:1rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(270deg,#0a2463,#3e92cc,#0a2463);background-size:200% 200%;animation:gradient-shift 5s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.team-header p{font-size:1.25rem;color:#4a607a}.team-grid{display:flex;justify-content:center;gap:3rem;align-items:flex-end;flex-wrap:wrap}.team-card{text-align:center;display:flex;flex-direction:column;align-items:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.team-card:hover{transform:translateY(-15px)}.image-wrapper{width:250px;height:350px;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0a246326;margin-bottom:1.5rem;position:relative}.image-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;border:1px solid rgba(255,255,255,.4);pointer-events:none}.team-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.team-card:hover .team-image{transform:scale(1.05)}.team-card h3{font-size:1.5rem;color:#0a2463;font-weight:600;margin-bottom:.25rem}.team-card .team-name{font-size:1.2rem;color:#4a607a;font-weight:400}.founder-card{transform:translateY(-20px)}.founder-card:hover{transform:translateY(-35px)}.founder-card .image-wrapper{width:280px;height:380px}@media (prefers-reduced-motion: reduce){.canvas-wrapper{position:relative}.scroll-runway{height:auto}.ui-overlay{position:relative;top:auto;left:auto;transform:none!important;opacity:1!important;width:90%;margin:2rem auto;pointer-events:auto}}.ticker-wrap{position:fixed;top:0;left:0;width:100%;height:45px;background:transparent;z-index:1000;overflow:hidden;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.ticker-wrap-2{top:45px}.ticker-content{display:inline-flex;white-space:nowrap;animation:ticker 300s linear infinite;padding-left:100vw}.ticker-reverse{animation:ticker-reverse 300s linear infinite;padding-left:0;padding-right:100vw;transform:translate3d(-100%,0,0)}.ticker-item{display:inline-block;padding:0 2rem;font-size:.85rem;font-weight:700;color:#0a2463;text-transform:uppercase;letter-spacing:1.5px}@keyframes ticker{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes ticker-reverse{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@media (max-width: 1024px){.hero-title{font-size:3rem}.ui-overlay h2{font-size:2.5rem}.fancy-box{width:100%;padding:2.5rem}.fancy-box-content{padding-left:2.5rem}.features-section,.team-section{padding:6rem 5%}}@media (max-width: 768px){.social-header{top:5rem;right:1.5rem;gap:1rem}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem}.ui-overlay{padding:0 5%}.ui-overlay:before{left:5%}.ui-overlay:after{left:calc(5% - 3px)}.overlay-content{padding-left:1.5rem}.ui-overlay h2{font-size:2rem}.ui-overlay p{font-size:1.1rem}.features-section{padding:4rem 5%}.features-container{gap:4rem}.fancy-box{flex-direction:column;padding:2rem;border-radius:16px}.fancy-box:nth-child(odd),.fancy-box:nth-child(2n){align-self:center}.fancy-box-image{width:100%;height:250px;margin-bottom:1.5rem}.fancy-box-content{padding-left:0}.fancy-box-content h3{font-size:2rem}.fancy-box-content p{font-size:1.1rem}.team-section{padding:4rem 5%}.team-header h2{font-size:2.2rem}.team-grid{gap:2rem}.founder-card{transform:none}.founder-card:hover,.team-card:hover{transform:translateY(-10px)}.image-wrapper{width:220px;height:300px}.founder-card .image-wrapper{width:240px;height:330px}.cta-content h2{font-size:2.5rem}.cta-button{padding:1rem 2.5rem;font-size:1.1rem}}
