:root{--header-offset:64px}.landing-page{width:100%;max-width:100%;position:relative;overflow-x:hidden;background-color:#0b0e14}.hero-section{position:relative;min-height:100vh;background:radial-gradient(circle at 50% 30%,#102647 0,#020617 100%);justify-content:center;padding-top:-600px;overflow:hidden}.hero-container,.hero-section{width:100%;display:flex;align-items:center}.hero-container{justify-content:space-between;max-width:1400px;padding:2rem;gap:2rem;z-index:2}.hero-text-content{flex:1;max-width:600px;display:flex;flex-direction:column;gap:1.5rem;z-index:10}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;color:#fff;letter-spacing:-.02em}.highlight-animated-wrapper{display:block;position:relative;height:1.3em;overflow:hidden}.highlight-animated{position:absolute;left:0;right:0;background:linear-gradient(90deg,#4a90e2,#a0d8ef);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.highlight-animated.in{animation:slideIn .6s ease forwards}.highlight-animated.out{animation:slideOut .3s ease forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.highlight-static{color:#4a90e2;display:inline-block;animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{text-shadow:0 0 0 rgba(74,144,226,0)}50%{text-shadow:0 0 20px rgba(74,144,226,.5)}}.hero-description{font-size:1.25rem;color:#a0aec0;line-height:1.6;max-width:500px}.hero-buttons{display:flex;gap:1rem;margin-top:1rem}.btn-primary{padding:1rem 2rem;background:#3b82f6;color:#fff;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 14px rgba(59,130,246,.4)}.btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.6)}.btn-secondary{padding:1rem 2rem;background:hsla(0,0%,100%,.1);color:#fff;font-weight:600;border-radius:8px;text-decoration:none;border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease}.btn-secondary:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.trust-badge{display:flex;flex-direction:column;gap:.25rem;margin-top:1rem;font-size:.9rem;color:#94a3b8}.stars{color:#22c55e;font-size:1.1rem;letter-spacing:2px}.hero-visual-content{flex:1.2;position:relative;margin-left:100px;height:600px;display:flex;align-items:center;justify-content:center}.collage-grid{display:grid;width:100%;height:100%;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);position:relative;transform:scale(1.3)}.device-wrapper{position:relative;pointer-events:auto;transition:transform .3s ease}.device-wrapper:hover{transform:translateY(-5px);z-index:20!important}.device-label,.device-label-zoom{position:absolute;top:-2.5rem;left:50%;transform:translateX(-50%);background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff;border:1px solid hsla(0,0%,100%,.2);white-space:nowrap;box-shadow:0 4px 6px rgba(0,0,0,.3);opacity:0;animation:fadeIn 1s ease .5s forwards}.device-label-zoom{background:rgba(0,0,0,.5)}@keyframes fadeIn{to{opacity:1}}.laptop-wrapper{grid-column:1/10;grid-row:3/9;z-index:2;display:flex;align-items:center}.device-frame.laptop{width:100%;aspect-ratio:16/10;background:#111;border-radius:12px 12px 0 0;padding:1.5%;box-shadow:0 25px 50px -12px rgba(0,0,0,.6);position:relative;border:1px solid #333}.device-frame.laptop .base{position:absolute;bottom:-12px;left:-2%;width:104%;height:12px;background:#222;border-radius:0 0 10px 10px;border-top:1px solid #444}.phone-wrapper{grid-column:8/12;grid-row:2/10;z-index:1;transform:perspective(1000px) rotateY(-10deg) translateX(20px)}.device-frame.phone{width:100%;aspect-ratio:9/19;background:#000;border-radius:30px;padding:8px;box-shadow:0 20px 40px rgba(0,0,0,.5);border:2px solid #333}.device-frame.phone:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:30%;height:15px;background:#000;z-index:10;border-radius:0 0 10px 10px}.instagram-wrapper{grid-column:6/10;grid-row:7/12;z-index:5;transform:translateY(20px) translateX(-20px)}.device-frame.instagram{width:100%;aspect-ratio:1/1;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);padding:3px;border-radius:20px;box-shadow:0 30px 60px rgba(0,0,0,.4)}.device-frame.instagram .screen{background:#000;width:100%;height:100%;border:2px solid #000;border-radius:18px}.screen{background:#000;overflow:hidden;position:relative}.device-video,.screen{width:100%;height:100%}.device-video{-o-object-fit:cover;object-fit:cover;display:block}.device-frame.laptop .screen{border-radius:4px}.device-frame.phone .screen{border-radius:24px}@media (max-width:1024px){.hero-container{flex-direction:column;padding-top:2rem;text-align:center;gap:1rem}.hero-text-content{align-items:center;max-width:100%}.hero-title{font-size:3rem}.hero-buttons{justify-content:center}.hero-visual-content{width:100%;height:500px;transform:scale(.9)}}@media (max-width:768px){.hero-section{padding-top:80px;height:auto;min-height:auto;padding-bottom:4rem}.hero-title{font-size:2.5rem}.hero-buttons{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%;text-align:center}.hero-visual-content{height:auto;display:block;margin-top:2rem}.collage-grid{display:flex;flex-direction:column;gap:3rem;height:auto;transform:none}.instagram-wrapper,.laptop-wrapper,.phone-wrapper{grid-column:auto;grid-row:auto;width:100%;transform:none!important}.phone-wrapper{width:60%;margin:0 auto}.instagram-wrapper{width:80%;margin:0 auto;transform:rotate(-5deg)!important}}.secondary-section{position:relative;z-index:1;background:#0b0e14;padding:4rem 1.5rem;text-align:center}.secondary-title{color:#fff;font-size:2rem;font-weight:600;margin-bottom:.5rem}.secondary-highlight{color:#94a3b8;font-size:.875rem;margin-bottom:1.5rem}.secondary-button{border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:.75rem 2rem;border-radius:8px;font-weight:600;background:hsla(0,0%,100%,.05);font-size:1rem;text-decoration:none;transition:.3s ease;display:inline-block}.secondary-button:hover{background:hsla(0,0%,100%,.1);transform:translateY(-2px)}.secondary-description{color:#94a3b8;max-width:600px;margin:2rem auto 0;font-size:.95rem;line-height:1.6}