.md-page{background:#fafafa}.md-hero,.md-page{width:100%;min-height:100vh}.md-hero{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8rem 2rem 4rem;position:relative;overflow:hidden}.md-hero-content{max-width:800px;text-align:center;z-index:2}.md-hero-label{display:inline-block;font-size:.85rem;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;padding:.5rem 1rem;background:rgba(0,0,0,.04);border-radius:100px}.md-hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:600;line-height:1.1;letter-spacing:-.03em;margin:0 0 1.5rem;background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.md-hero-subtitle{font-size:1.25rem;line-height:1.5;color:#555;max-width:600px;margin:0 auto 2.5rem}.md-hero-ctas{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.md-cta-primary{padding:1rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);border:none;border-radius:100px;cursor:pointer;transition:transform .2s,box-shadow .2s}.md-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(99,102,241,.3)}.md-cta-large{padding:1.25rem 2.5rem;font-size:1.1rem}.md-hero-badges{margin-top:4rem;width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.md-badges-label{font-size:.75rem;font-weight:500;color:#999;text-transform:uppercase;letter-spacing:.15em}.md-badges-grid{gap:2rem;flex-wrap:wrap}.md-badge,.md-badges-grid{display:flex;align-items:center;justify-content:center}.md-badge{padding:.75rem;transition:all .3s ease}.md-badge:hover{transform:translateY(-4px)}.md-badge img{height:80px;width:auto;object-fit:contain;transition:all .3s ease}.md-section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.md-section-label{display:inline-block;font-size:.8rem;font-weight:500;color:#888;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.md-section-title{font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:#000;margin:0 0 1rem}.md-section-subtitle{font-size:1.1rem;line-height:1.5;color:#666;margin:0}.md-services-section{padding:6rem 2rem;background:#fff}.md-services-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem;max-width:1000px;margin:0 auto}.md-service-card{padding:2.5rem;background:#fafafa;border-radius:20px;transition:all .3s ease;border:1px solid transparent}.md-service-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.08);border-color:rgba(99,102,241,.2)}.md-service-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.1));border-radius:14px;margin-bottom:1.5rem}.md-service-icon svg{width:28px;height:28px;color:#6366f1}.md-service-title{font-size:1.25rem;font-weight:600;color:#000;margin:0 0 .75rem}.md-service-desc{font-size:.95rem;line-height:1.5;color:#666;margin:0 0 1.25rem}.md-service-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.md-service-features li{font-size:.85rem;color:#555;padding-left:1.25rem;position:relative}.md-service-features li:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%}.md-tech-section{padding:6rem 2rem;background:#fafafa}.md-tech-logos{justify-content:center;gap:3rem;flex-wrap:wrap;max-width:800px;margin:0 auto}.md-tech-logo,.md-tech-logos{display:flex;align-items:center}.md-tech-logo{flex-direction:column;gap:.75rem;opacity:.7;transition:all .4s cubic-bezier(.16,1,.3,1)}.md-tech-logo:hover{opacity:1;transform:translateY(-4px)}.md-tech-logo svg{width:48px;height:48px;transition:transform .4s cubic-bezier(.16,1,.3,1)}.md-tech-logo:hover svg{transform:scale(1.1)}.md-tech-logo span{font-size:.8rem;font-weight:500;color:rgba(0,0,0,.5);letter-spacing:.02em}.md-process-section{padding:6rem 2rem;background:#fff}.md-process-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;max-width:1100px;margin:0 auto;align-items:center}.md-process-steps{display:flex;flex-direction:column;gap:2rem}.md-process-step{display:flex;gap:1.5rem;align-items:flex-start}.md-step-number{font-size:1rem;font-weight:600;color:#a855f7;flex-shrink:0;width:40px}.md-step-content{flex:1 1}.md-step-title{font-size:1.25rem;font-weight:600;color:#000;margin:0 0 .5rem}.md-step-desc{font-size:1rem;line-height:1.5;color:#666;margin:0}.md-process-visual{display:flex;align-items:center;justify-content:center}.md-process-image{width:100%;max-width:350px;height:auto;object-fit:contain}.md-portfolio-section{padding:6rem 2rem;background:linear-gradient(180deg,#fafafa,#f0f0f5)}.md-portfolio-showcase{display:flex;flex-direction:column;align-items:center;gap:4rem;max-width:1200px;margin:0 auto}@media (min-width:901px){.md-portfolio-showcase{flex-direction:row;justify-content:center;align-items:flex-start;gap:5rem}}.iphone-device{flex-shrink:0;position:relative}.iphone-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:700px;background:radial-gradient(ellipse at 30% 20%,rgba(99,102,241,.2) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(236,72,153,.15) 0,transparent 50%);pointer-events:none;z-index:-1;filter:blur(30px)}.iphone-frame{position:relative;width:280px;height:580px;background:linear-gradient(145deg,#2a2a2a,#1a1a1a 50%,#0d0d0d);border-radius:44px;padding:10px;box-shadow:0 50px 100px -20px rgba(0,0,0,.25),0 30px 60px -30px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.1)}.iphone-notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:90px;height:26px;background:#000;border-radius:0 0 16px 16px;z-index:10}.iphone-screen{width:100%;height:100%;background:linear-gradient(180deg,#1a1a2e,#0f0f1a);border-radius:36px;overflow:hidden}.iphone-screen,.phone-header{display:flex;flex-direction:column}.phone-header{padding:45px 18px 12px;text-align:center;align-items:center;gap:4px}.phone-header-logo{width:24px;height:24px}.phone-header-logo svg{width:100%;height:100%}.phone-header-label{font-size:.5rem;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.5)}.phone-header-title{font-size:1.1rem;font-weight:600;letter-spacing:-.02em;background:linear-gradient(135deg,#ffffff,#a0a0a0 50%,#ffffff);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:mdGradient 4s ease infinite}@keyframes mdGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.phone-apps-grid{flex:1 1;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px 12px;gap:18px 12px;padding:16px;align-content:start}.phone-app-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px}.phone-app-icon{width:100%;aspect-ratio:1;border-radius:18px;border:none;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 6px 20px rgba(0,0,0,.4)}.phone-app-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 50%,rgba(0,0,0,.3));pointer-events:none}.phone-app-icon:hover{transform:scale(1.08);box-shadow:0 12px 30px rgba(99,102,241,.4)}.phone-app-icon.active{transform:scale(1.05);box-shadow:0 0 0 3px rgba(255,255,255,.4)}.phone-app-emoji{font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;z-index:1}.phone-app-name{font-size:.55rem;font-weight:600;color:#fff;text-align:center}.phone-bottom-cta{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0 12px;text-decoration:none}.phone-bottom-text{font-size:.65rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#ffffff,#a0a0a0 50%,#ffffff);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:mdGradient 4s ease infinite}.phone-home-bar{width:90px;height:4px;background:rgba(255,255,255,.3);border-radius:100px}.md-project-details{display:none}@media (min-width:901px){.md-project-details{display:flex;flex-direction:column;width:380px;animation:mdDetailsFade .5s ease}@keyframes mdDetailsFade{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.md-project-image{width:100%;height:200px;background-size:cover;background-position:50%;border-radius:16px;margin-bottom:1.5rem;box-shadow:0 12px 40px rgba(0,0,0,.12)}.md-project-content{display:flex;flex-direction:column}.md-project-tag{display:inline-block;width:-moz-fit-content;width:fit-content;padding:.4rem .8rem;background:rgba(0,0,0,.06);color:rgba(0,0,0,.5);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;border-radius:6px;margin-bottom:1rem}.md-project-title{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin:0 0 .5rem;color:#000}.md-project-subtitle{font-size:.95rem;color:rgba(0,0,0,.6);margin:0 0 1.25rem;line-height:1.5}.md-project-meta{display:flex;gap:2rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(0,0,0,.08)}.md-meta-item{display:flex;flex-direction:column;gap:.2rem}.md-meta-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(0,0,0,.4)}.md-meta-value{font-size:.85rem;color:rgba(0,0,0,.8);font-weight:500}.md-project-link{display:inline-flex;align-items:center;gap:8px;color:#000;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s ease}.md-project-link svg{width:18px;height:18px;transition:transform .3s ease}.md-project-link:hover svg{transform:translateX(4px)}}.md-final-cta{padding:8rem 2rem;background:#000;text-align:center}.md-final-content{max-width:600px;margin:0 auto}.md-final-title{font-size:clamp(2rem,4vw,3rem);font-weight:600;color:#fff;margin:0 0 1rem;letter-spacing:-.02em}.md-final-text{font-size:1.1rem;color:rgba(255,255,255,.7);margin:0 0 2rem}@media (max-width:900px){.md-hero{padding:6rem 1.5rem 3rem;min-height:auto}.md-hero-subtitle{font-size:1.1rem}.md-hero-badges{margin-top:2.5rem}.md-badges-grid{gap:1rem}.md-badge{padding:1rem 1.25rem;min-width:120px}.md-services-grid{grid-template-columns:1fr;gap:1.5rem}.md-service-card{padding:2rem}.md-process-content{grid-template-columns:1fr;gap:3rem}.md-process-visual{order:-1}.md-process-image{max-width:250px}.md-tech-logos{gap:2rem}.md-tech-logo svg{width:40px;height:40px}.iphone-frame{width:240px;height:500px;border-radius:38px}.iphone-screen{border-radius:30px}.iphone-notch{width:80px;height:22px}.phone-apps-grid{gap:14px 10px;padding:12px}.phone-app-icon{border-radius:14px}.phone-app-emoji{font-size:1.25rem}.md-final-cta{padding:5rem 1.5rem}}@media (max-width:600px){.md-hero{padding:5rem 1rem 2rem}.md-hero-title{font-size:2rem}.md-section-title{font-size:1.75rem}.md-portfolio-section,.md-process-section,.md-services-section,.md-tech-section{padding:4rem 1rem}.md-service-card{padding:1.5rem}.md-service-icon{width:48px;height:48px}.md-service-icon svg{width:24px;height:24px}.iphone-frame{width:220px;height:460px}.phone-header{padding:40px 14px 10px}.phone-header-logo{width:20px;height:20px}.phone-header-title{font-size:.95rem}.phone-apps-grid{gap:12px 8px;padding:10px}.phone-app-icon{border-radius:12px}.phone-app-emoji{font-size:1.1rem}.phone-app-name{font-size:.5rem}}