:root{--bg-light: #FFFFFF;--bg-surface: #F8FAFC;--bg-card: rgba(255, 255, 255, .8);--text-main: #0F172A;--text-muted: #475569;--accent: #0F52BA;--accent-secondary: #28B463;--accent-glow: rgba(15, 82, 186, .1);--gradient-main: linear-gradient(135deg, #0F52BA 0%, #2563EB 100%);--font-family: "Outfit", sans-serif;--transition: all .3s cubic-bezier(.25, .8, .25, 1);--border-color: rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-light);background-image:radial-gradient(circle at 50% 0%,rgba(15,82,186,.05) 0%,transparent 50%),radial-gradient(circle at 100% 0%,rgba(40,180,99,.03) 0%,transparent 30%),radial-gradient(circle at 0% 100%,rgba(15,82,186,.03) 0%,transparent 50%);background-attachment:fixed;color:var(--text-main);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}#app{max-width:100%;overflow:hidden}.navbar{position:fixed;top:0;width:100%;padding:1.2rem 5%;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#fffc;border-bottom:1px solid var(--border-color)}.mahto-logo{display:inline-flex;flex-direction:row;align-items:baseline;gap:.5rem;line-height:1;transition:var(--transition)}.mahto-logo:hover{transform:scale(1.02)}.mahto-logo-main{font-weight:800;font-size:1.5rem;color:var(--text-main);letter-spacing:-.02em}.mahto-logo-sub{font-size:.8rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;padding-left:.5rem;border-left:1px solid var(--border-color);white-space:nowrap}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{font-size:.9rem;color:var(--text-muted);transition:var(--transition)}.nav-links a:hover{color:var(--text-main)}.cta-button{padding:.6rem 1.5rem;border:1px solid var(--accent);color:var(--accent)!important;border-radius:50px;font-weight:600;transition:var(--transition)}.nav-links .cta-button:hover,.nav-links .cta-button:active,.nav-links .cta-button:focus{background:var(--accent);color:#fff!important;outline:none}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 5%;position:relative}.hero-content{z-index:2;max-width:800px}h1{font-size:clamp(3rem,8vw,6rem);line-height:1.1;margin-bottom:1.5rem;font-weight:700}.shiny-text{background:linear-gradient(135deg,#0f172a,#334155);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.highlight{color:var(--accent);text-shadow:none}.subtitle{font-size:1.25rem;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:2px}.tagline{font-size:1.5rem;margin-bottom:3rem;font-weight:300}.tagline strong{color:var(--text-main);font-weight:600}.hero-actions{display:flex;gap:1rem;justify-content:center}.primary-btn{padding:1rem 2.5rem;background:var(--gradient-main);color:#fff;font-weight:600;border-radius:50px;transition:var(--transition);box-shadow:0 10px 20px #0f52ba33}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #0f52ba4d}.secondary-btn{padding:1rem 2.5rem;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main);border-radius:50px;transition:var(--transition)}.secondary-btn:hover{border-color:var(--accent);background:#fff}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.gradient-sphere{position:absolute;top:20%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,#0f52ba14,#fff0 70%);filter:blur(80px);animation:pulse 8s infinite alternate}@keyframes pulse{0%{opacity:.5;transform:translate(-50%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1.2)}}.features-section{background:transparent;padding:5rem 10%;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;justify-items:center}footer{padding:6rem 5% 3rem;background:var(--bg-surface);border-top:1px solid var(--border-color);display:flex;flex-direction:column}@media (max-width: 768px){.features-section{grid-template-columns:1fr}}.feature-card{background:#fff;padding:2.5rem 2rem;border-radius:20px;border:1px solid var(--border-color);transition:var(--transition);text-align:center;width:100%;max-width:300px;min-height:280px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 10px 30px #00000008}.feature-card:hover{transform:translateY(-10px);border-color:var(--accent);background:#ffffff0d}.icon{font-size:3rem;margin-bottom:1.5rem}.feature-card h3{margin-bottom:1rem;font-size:1.2rem}.feature-card p{color:var(--text-muted);font-size:.95rem}.mission-section{padding:8rem 10%;background:transparent;display:flex;justify-content:center;align-items:center}.mission-content{display:flex;align-items:center;justify-content:space-between;gap:4rem;max-width:1200px;width:100%}.mission-text{flex:1;text-align:left}.mission-badge{display:inline-block;padding:.5rem 1rem;background:#8250ff1a;color:#a78bfa;border:1px solid rgba(130,80,255,.2);border-radius:50px;font-size:.8rem;font-weight:600;margin-bottom:2rem;letter-spacing:1px}.mission-text h2{font-size:3.5rem;margin-bottom:1rem;line-height:1.2}.mission-subtitle{font-size:1.2rem;color:var(--text-muted);font-style:italic;margin-bottom:.5rem}.mission-quote{font-size:2rem;color:#a78bfa;margin-bottom:2rem;font-weight:500}.mission-description{font-size:1.1rem;color:var(--text-muted);line-height:1.8}.mission-image{flex:1;display:flex;justify-content:center}.image-wrapper{width:400px;height:400px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(15,82,186,.05) 0%,transparent 70%)}.image-wrapper:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));z-index:-1;filter:blur(10px);opacity:.2}.image-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:8px solid transparent;background:linear-gradient(var(--bg-light),var(--bg-light)) padding-box,linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%) border-box}.home-scene{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center;z-index:10;animation:rotate-house 20s linear infinite}.home-emoji{font-size:8rem;position:relative;z-index:5;filter:drop-shadow(0 0 10px rgba(0,0,0,.3))}.grass-base{position:absolute;bottom:20px;width:140px;height:80px;background:#84cc16;border-radius:50%;transform:rotate(-10deg);z-index:1;box-shadow:inset 0 -5px 10px #0000001a}.tree-blob{position:absolute;top:20px;left:10px;width:90px;height:90px;background:#a3e635;border-radius:50%/60% 60% 40% 40%;z-index:0;transform:rotate(-15deg)}@keyframes rotate-house{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 900px){.mission-content{flex-direction:column-reverse;text-align:center;gap:3rem}.mission-text{text-align:center}.mission-image{margin-bottom:2rem}.image-wrapper{width:300px;height:300px}}.services-section{padding:8rem 5%;text-align:center}.services-section h2{font-size:3rem;margin-bottom:4rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.service-item{background:#fff;padding:3rem 2rem;border-radius:20px;border:1px solid var(--border-color);transition:var(--transition);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000008}.service-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(15,82,186,.05),transparent 60%);opacity:0;transition:var(--transition)}.service-item:hover{transform:translateY(-10px);border-color:var(--accent);background:#fff;box-shadow:0 20px 40px #0000000d}.service-item:hover:before{opacity:1}.service-item h3{font-size:1.8rem;margin-bottom:1rem;color:var(--text-main);z-index:1}.service-item p{color:var(--text-muted);font-size:1rem;z-index:1}.footer-content{flex-grow:1;display:flex;flex-direction:column;align-items:center;width:100%}.footer-content h2{font-size:2.5rem;margin-bottom:3rem;text-align:center}.contact-cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;width:100%;max-width:1000px}.contact-card{display:flex;align-items:center;gap:1.5rem;background:#fff;border:1px solid var(--border-color);padding:1.5rem 2rem;border-radius:12px;width:100%;max-width:450px;transition:var(--transition);box-shadow:0 4px 20px #00000005}.contact-card:hover{background:#fff;border-color:var(--accent);transform:translateY(-5px);box-shadow:0 10px 30px #0f52ba1a}.card-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#6432ff1a;border-radius:12px;border:1px solid rgba(130,80,255,.2);color:#fff}.card-details{display:flex;flex-direction:column;text-align:left}.card-label{font-size:.8rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;margin-bottom:.3rem;font-weight:600}.card-link{color:var(--text-main);font-size:1.1rem;font-weight:500;transition:var(--transition)}.card-link:hover{color:var(--accent)}.footer-spacer{flex-grow:1}.store-section h2,.footer-social-section h2{font-size:2rem;margin-bottom:2rem;text-align:center}.footer-social-section{margin-top:3rem}.footer-social{display:flex;justify-content:center;gap:1rem}.social-link{color:var(--text-muted);transition:var(--transition);padding:10px;border-radius:50%;background:#fff;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.social-link:hover{transform:translateY(-3px);background:var(--bg-surface);border-color:var(--accent)}.social-linkedin:hover{background:#0077b5;color:#fff;border-color:#0077b5}.social-instagram:hover{background:radial-gradient(circle at 30% 107%,#fdf497,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);color:#fff;border-color:transparent}.social-x:hover{background:#000;color:#fff;border-color:#000}.social-reddit:hover{background:#ff4500;color:#fff;border-color:#ff4500}.social-youtube:hover{background:red;color:#fff;border-color:red}.footer-bottom{font-size:.95rem;color:var(--text-muted);margin-top:auto;padding-top:3rem;text-align:center;width:100%;border-top:1px solid var(--border-color)}@media (max-width: 768px){h1{font-size:2.5rem!important}.hero-content h1{font-size:3rem}.navbar{padding:1rem;flex-direction:column;gap:1rem;background:#fffffff2}.nav-links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;width:100%;background:transparent}.nav-links a{font-size:.85rem}.mission-section,.services-section,.process-section,.projects-section{padding:4rem 5%}.footer-content h2{font-size:2rem}.timeline{padding-left:1.5rem}.step-marker{width:2.5rem;height:2.5rem;left:-2.3rem;font-size:.9rem}.gradient-sphere{width:300px;height:300px;filter:blur(50px)}}.heart-beat{display:inline-block;animation:heartbeat 1.5s infinite}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.page-hero{min-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8rem 5% 0;position:relative}.page-hero h1{font-size:3.5rem}.logo-link{text-decoration:none;color:inherit}.nav-links a.active{color:var(--text-main);font-weight:600}.projects-section{padding:5rem 10%}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{background:var(--bg-card);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:var(--transition)}.project-card:hover{transform:translateY(-5px);border-color:var(--accent)}.project-image{height:200px;width:100%;display:flex;align-items:center;justify-content:center;font-size:4rem}.project-info{padding:1.5rem}.project-info h3{margin-bottom:.5rem;font-size:1.5rem}.project-info p{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.tag{font-size:.75rem;padding:.3rem .8rem;border-radius:50px;background:var(--accent-glow);color:var(--accent);border:1px solid rgba(15,82,186,.1)}.process-section{padding:5rem 10%;max-width:1000px;margin:0 auto}.timeline{position:relative;padding-left:2rem;border-left:2px solid var(--border-color)}.process-step{position:relative;margin-bottom:4rem;padding-left:2rem}.step-marker{position:absolute;left:-2.9rem;top:0;width:3rem;height:3rem;background:#fff;border:2px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent);box-shadow:0 4px 10px #0000000d}.step-content h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-main)}.step-content p{color:var(--text-muted);line-height:1.6}.store-section{margin-top:4rem;text-align:center;width:100%}.store-section h3{font-size:1.5rem;margin-bottom:2rem;color:var(--text-muted);font-weight:500}.store-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.store-btn{display:flex;align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:.8rem 1.5rem;color:var(--text-main);transition:var(--transition);min-width:180px;text-decoration:none;box-shadow:0 2px 5px #0000000d}.store-btn:hover{background:var(--bg-surface);transform:translateY(-3px);border-color:var(--accent);box-shadow:0 10px 20px #0000001a}.store-icon{width:40px;height:40px;margin-right:12px;fill:currentColor}.hero .store-icon{width:50px;height:50px}.store-text{display:flex;flex-direction:column;text-align:left;line-height:1.2}.store-text .small-text{font-size:.7rem;color:var(--text-muted)}.store-text .large-text{font-size:1.1rem;font-weight:600}.policy-page{padding-bottom:8rem;background:radial-gradient(circle at 50% 100%,rgba(15,82,186,.02) 0%,transparent 60%)}.policy-content{padding:2rem 5% 8rem;max-width:1000px;margin:0 auto}.content-wrapper{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:clamp(2rem,5vw,5rem);border-radius:32px;border:1px solid rgba(255,255,255,.5);box-shadow:0 20px 50px #0000000a,0 0 0 1px #0f52ba0d}.policy-section{margin-bottom:4rem;position:relative}.policy-section:last-child{margin-bottom:0}.policy-section h2{font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:1.5rem;color:var(--text-main);letter-spacing:-.02em;display:flex;align-items:center;gap:1.2rem}.policy-section h2:before{content:"";display:block;width:4px;height:1.5em;background:var(--gradient-main);border-radius:4px}.policy-section p{color:var(--text-muted);line-height:1.8;margin-bottom:1.5rem;font-size:1.15rem}.policy-section ul{list-style:none;padding-left:0;display:grid;gap:1rem}.policy-section ul li{position:relative;padding:1.2rem 1.5rem 1.2rem 3rem;background:#ffffff80;border:1px solid rgba(0,0,0,.03);border-radius:16px;color:var(--text-muted);font-size:1.1rem;transition:var(--transition)}.policy-section ul li:hover{background:#fff;border-color:var(--accent);transform:translate(10px);box-shadow:0 10px 20px #00000005}.policy-section ul li:before{content:"✦";position:absolute;left:1.2rem;color:var(--accent);font-weight:700}.policy-section strong{color:var(--text-main);font-weight:700}.policy-section a{color:var(--accent);font-weight:600;text-decoration:none;background:linear-gradient(var(--accent),var(--accent)) bottom left/0% 2px no-repeat;transition:.3s}.policy-section a:hover{background-size:100% 2px}@media (max-width: 768px){.policy-content{padding:1rem 5% 4rem}.content-wrapper{padding:2.5rem 1.5rem;border-radius:24px}.policy-section h2{font-size:1.5rem}.policy-section ul li:hover{transform:none}}@media (max-width: 480px){.store-btn{width:100%;justify-content:center;max-width:280px}}