.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000;padding-top:5rem}.hero-section:before{top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,hsla(0,0%,100%,.3),transparent),radial-gradient(ellipse 60% 40% at 50% 100%,hsla(0,0%,100%,.15),transparent)}.hero-section:after,.hero-section:before{content:"";position:absolute;pointer-events:none;z-index:0}.hero-section:after{top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 4px),repeating-linear-gradient(45deg,transparent,transparent 2px,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 4px),repeating-linear-gradient(-45deg,transparent,transparent 2px,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 4px);background-size:100% 100%,100% 100%,100% 100%,100% 100%;animation:lightRaysRotate 20s linear infinite;transform-origin:center center}@media (min-width:768px){.hero-section{padding-top:6rem}}.hero-container{max-width:1400px;width:100%;margin:0 auto;padding:2rem 1.5rem}@media (min-width:640px){.hero-container{padding:3rem 2rem}}@media (min-width:1024px){.hero-container{padding:4rem 3rem}}.hero-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr;gap:4rem}}.hero-content-left{position:relative;z-index:10;display:flex;flex-direction:column;gap:1.5rem}@media (min-width:640px){.hero-content-left{gap:2rem}}.hero-greeting{font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:hsla(0,0%,100%,.8);font-family:var(--font-inter)}@media (min-width:640px){.hero-greeting{font-size:.875rem}}.hero-name{font-size:2.5rem;font-weight:700;line-height:1.1;color:#fff;font-family:var(--font-poppins)}@media (min-width:640px){.hero-name{font-size:3.5rem}}@media (min-width:1024px){.hero-name{font-size:4.5rem}}.hero-name-accent{background:linear-gradient(135deg,#fff,#f5f5f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.hero-description{font-size:1rem;font-weight:400;line-height:1.7;color:hsla(0,0%,100%,.9);font-family:var(--font-inter);max-width:600px;margin-top:.5rem}@media (min-width:640px){.hero-description{font-size:1.125rem;line-height:1.8}}@media (min-width:1024px){.hero-description{font-size:1.25rem;line-height:1.8}}.hero-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}@media (min-width:640px){.hero-buttons{flex-direction:row;gap:1.5rem;margin-top:2rem}}.hero-btn-primary,.hero-btn-secondary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--font-inter);overflow:hidden}@media (min-width:640px){.hero-btn-primary,.hero-btn-secondary{padding:1.125rem 2.5rem;font-size:1rem}}.hero-btn-primary{background:#fff;color:#000;border:none;box-shadow:0 10px 30px -5px hsla(0,0%,100%,.4);font-weight:700}.hero-btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.hero-btn-primary:hover:before{width:300px;height:300px}.hero-btn-primary:hover{box-shadow:0 15px 40px -5px hsla(0,0%,100%,.6);transform:translateY(-2px);background:linear-gradient(135deg,#fff,#fff)}.hero-btn-secondary{background:transparent;color:#fff;border:2px solid #fff}.hero-btn-secondary:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.8);transform:translateY(-2px)}.hero-btn-icon{width:1.125rem;height:1.125rem}@media (min-width:640px){.hero-btn-icon{width:1.25rem;height:1.25rem}}.hero-image-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%}@media (min-width:1024px){.hero-image-container{justify-content:flex-end}}.hero-image-frame{position:relative;width:100%;max-width:500px;padding:.5rem;border-radius:1.5rem;background:linear-gradient(135deg,#fff,#f5f5f5 50%,#e5e5e5);animation:float 6s ease-in-out infinite,borderGlow 3s ease-in-out infinite;box-shadow:0 20px 60px -15px hsla(0,0%,100%,.4),0 0 40px hsla(0,0%,100%,.2)}@media (min-width:640px){.hero-image-frame{max-width:550px;padding:.75rem;border-radius:2rem}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hero-image-wrapper{position:relative;width:100%;border-radius:1rem;overflow:hidden;background:#1e293b}@media (min-width:640px){.hero-image-wrapper{border-radius:1.25rem}}.hero-image{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;display:block;border-radius:1rem}@media (min-width:640px){.hero-image{border-radius:1.25rem}}@keyframes borderGlow{0%,to{box-shadow:0 20px 60px -15px hsla(0,0%,100%,.4),0 0 40px hsla(0,0%,100%,.2)}50%{box-shadow:0 20px 60px -15px hsla(0,0%,100%,.6),0 0 60px hsla(0,0%,100%,.4)}}@keyframes floatParticles{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translateX(100px);opacity:0}}.hero-section{position:relative}.hero-particles{position:absolute;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.hero-particle{position:absolute;width:4px;height:4px;background:hsla(0,0%,100%,.6);border-radius:50%;animation:floatParticles linear infinite;box-shadow:0 0 6px hsla(0,0%,100%,.8)}.hero-particle:first-child{left:10%;animation-duration:15s;animation-delay:0s}.hero-particle:nth-child(2){left:20%;animation-duration:18s;animation-delay:2s}.hero-particle:nth-child(3){left:30%;animation-duration:20s;animation-delay:4s}.hero-particle:nth-child(4){left:40%;animation-duration:16s;animation-delay:1s}.hero-particle:nth-child(5){left:50%;animation-duration:19s;animation-delay:3s}.hero-particle:nth-child(6){left:60%;animation-duration:17s;animation-delay:5s}.hero-particle:nth-child(7){left:70%;animation-duration:21s;animation-delay:2s}.hero-particle:nth-child(8){left:80%;animation-duration:14s;animation-delay:4s}@media (max-width:480px){.hero-container{padding:2rem 1rem}.hero-name{font-size:1.75rem;line-height:1.2}.hero-description{font-size:.875rem;line-height:1.6}.hero-buttons{flex-direction:column;width:100%;gap:.75rem}.hero-btn-primary,.hero-btn-secondary{width:100%;justify-content:center;padding:.875rem 1.5rem;font-size:.875rem}.hero-image-frame{max-width:100%;padding:.5rem}.hero-image-container{margin-top:2rem}.hero-section:after{background-size:40px 40px}.hero-greeting{font-size:.625rem}}@media (max-width:640px){.hero-name{font-size:2rem}.hero-description{font-size:.9375rem}.hero-buttons{flex-direction:column;width:100%}.hero-btn-primary,.hero-btn-secondary{width:100%;justify-content:center}.hero-image-frame{max-width:100%}.hero-section:after{background-size:50px 50px}}@media (min-width:641px) and (max-width:768px){.hero-name{font-size:2.75rem}.hero-description{font-size:1rem}}@media (max-width:1024px){.hero-section:after{background-size:80px 80px}.hero-grid{gap:2rem}}@media (min-width:1440px){.hero-container{max-width:1600px}}.whattodo-section{position:relative;background:#000;overflow:hidden}.whattodo-section:before{top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,hsla(0,0%,100%,.25),transparent),radial-gradient(ellipse 60% 40% at 50% 100%,hsla(0,0%,100%,.15),transparent)}.whattodo-section:after,.whattodo-section:before{content:"";position:absolute;pointer-events:none;z-index:0}.whattodo-section:after{top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 4px),repeating-linear-gradient(45deg,transparent,transparent 2px,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 4px),repeating-linear-gradient(-45deg,transparent,transparent 2px,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 4px);background-size:100% 100%,100% 100%,100% 100%,100% 100%;animation:lightRaysRotate 30s linear infinite;transform-origin:center center}@keyframes lightRaysRotate{0%{transform:rotate(0deg);opacity:.5}50%{opacity:.8}to{transform:rotate(1turn);opacity:.5}}.whattodo-header{text-align:center;margin-bottom:4rem;position:relative;z-index:1}@media (min-width:1024px){.whattodo-header{margin-bottom:5rem}}.whattodo-title{font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.2;letter-spacing:-.02em}.whattodo-description{color:hsla(0,0%,100%,.85);line-height:1.7;font-weight:400}.whattodo-grid{display:grid;grid-template-columns:1fr;gap:2rem;position:relative;z-index:1}@media (min-width:768px){.whattodo-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (min-width:1024px){.whattodo-grid{gap:2.5rem}}.whattodo-service-card{position:relative;height:100%;min-height:320px;border-radius:1.5rem;overflow:hidden;cursor:pointer;transition:transform .4s cubic-bezier(.4,0,.2,1)}.whattodo-service-card:hover{transform:translateY(-8px)}@media (min-width:1024px){.whattodo-service-card{min-height:380px;border-radius:2rem}}.whattodo-card-front{position:relative;height:100%;padding:2.5rem 2rem;background:hsla(0,0%,100%,.1);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:1.5rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2}.whattodo-service-card:hover .whattodo-card-front{opacity:0;transform:scale(.95)}@media (min-width:1024px){.whattodo-card-front{padding:3rem 2.5rem;border-radius:2rem}}.whattodo-icon-container{width:80px;height:80px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.25);border-radius:1.25rem;transition:all .4s ease}.whattodo-service-card:hover .whattodo-icon-container{transform:scale(1.1);background:hsla(0,0%,100%,.2)}@media (min-width:1024px){.whattodo-icon-container{width:100px;height:100px;margin-bottom:2rem;border-radius:1.5rem}}.whattodo-service-icon{width:2.5rem;height:2.5rem;color:#fff;stroke-width:1.5;transition:all .4s ease}@media (min-width:1024px){.whattodo-service-icon{width:3rem;height:3rem}}.whattodo-service-card:hover .whattodo-service-icon{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(255,255,255,.2))}.whattodo-service-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.3;font-family:var(--font-poppins);letter-spacing:-.01em}@media (min-width:1024px){.whattodo-service-title{font-size:1.75rem;margin-bottom:1.25rem}}.whattodo-service-preview{font-size:.95rem;color:hsla(0,0%,100%,.85);line-height:1.6;font-family:var(--font-inter);flex:1}@media (min-width:1024px){.whattodo-service-preview{font-size:1.05rem;line-height:1.7}}.whattodo-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;padding:2.5rem 2rem;background:hsla(0,0%,100%,.12);backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.25);border-radius:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;opacity:0;transform:scale(.9);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.whattodo-service-card:hover .whattodo-card-overlay{opacity:1;transform:scale(1)}@media (min-width:1024px){.whattodo-card-overlay{padding:3rem 2.5rem;border-radius:2rem}}.whattodo-overlay-content{width:100%}.whattodo-overlay-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;line-height:1.3;font-family:var(--font-poppins);letter-spacing:-.01em}@media (min-width:1024px){.whattodo-overlay-title{font-size:1.75rem;margin-bottom:2rem}}.whattodo-features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}@media (min-width:1024px){.whattodo-features-list{gap:1.25rem}}.whattodo-feature-item{display:flex;align-items:flex-start;gap:.875rem;color:hsla(0,0%,100%,.95);font-size:.95rem;line-height:1.6;font-family:var(--font-inter);opacity:0;transform:translateX(-10px);transition:all .3s ease}.whattodo-service-card:hover .whattodo-feature-item{opacity:1;transform:translateX(0)}.whattodo-service-card:hover .whattodo-feature-item:first-child{transition-delay:.1s}.whattodo-service-card:hover .whattodo-feature-item:nth-child(2){transition-delay:.2s}.whattodo-service-card:hover .whattodo-feature-item:nth-child(3){transition-delay:.3s}@media (min-width:1024px){.whattodo-feature-item{font-size:1rem;line-height:1.7;gap:1rem}}.whattodo-check-icon{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.2);border:1.5px solid hsla(0,0%,100%,.4);border-radius:50%;color:#fff;font-size:.75rem;font-weight:700;margin-top:.125rem}@media (min-width:1024px){.whattodo-check-icon{width:24px;height:24px;font-size:.875rem}}@media (max-width:767px){.whattodo-header{margin-bottom:3rem}.whattodo-grid{gap:1.5rem}.whattodo-service-card{min-height:300px}.whattodo-card-front,.whattodo-card-overlay{padding:2rem 1.5rem}.whattodo-icon-container{width:70px;height:70px;margin-bottom:1.25rem}.whattodo-service-icon{width:2rem;height:2rem}.whattodo-overlay-title,.whattodo-service-title{font-size:1.25rem;margin-bottom:.875rem}.whattodo-service-preview{font-size:.9rem}.whattodo-feature-item{font-size:.9rem;gap:.75rem}.whattodo-check-icon{width:20px;height:20px;font-size:.7rem}}