:root{--bg-dark: #ffffff;--text-primary: #1d1d1f;--text-secondary: #86868b;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .1);--accent: #0071e3;--font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-main);overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}.mesh-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;background:#fff;overflow:hidden}.mesh-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:floating 20s infinite ease-in-out}.orb-1{width:60vw;height:60vw;background:radial-gradient(circle,rgba(0,113,227,.15),transparent 70%);top:-20%;left:-10%;animation-delay:0s}.orb-2{width:50vw;height:50vw;background:radial-gradient(circle,rgba(200,200,255,.2),transparent 70%);bottom:-10%;right:-10%;animation-delay:-5s}.orb-3{width:40vw;height:40vw;background:radial-gradient(circle,rgba(255,200,100,.1),transparent 70%);top:40%;left:40%;animation-delay:-10s}@keyframes floating{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIj48ZmlsdGVyIGlkPSJnoiPjxmZVR1cmJ1bGVuY2UgdHlwZT0iZnJhY3RhbE5vaXNlIiBiYXNlRnJlcXVlbmN5PSIwLjY1IiBudW1PY3RhdmVzPSIzIiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PCGZpbHRlcj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWx0ZXI9InVybCgjZykiIG9wYWNpdHk9IjAuMDMiLz48L3N2Zz4=);pointer-events:none;opacity:.3}.navbar{position:fixed;top:20px;left:0;width:100%;z-index:1000;display:flex;justify-content:center;pointer-events:none}.nav-glass{pointer-events:auto;background:#ffffffe6;padding:.7rem 1.2rem;border-radius:100px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:750px;max-width:90%;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 40px #0000001a;transition:all .4s cubic-bezier(.16,1,.3,1)}.nav-glass:hover{background:#fffffff2;transform:scale(1.005);box-shadow:0 15px 50px #0000001f}.nav-logo{color:#000;font-weight:600;font-size:1.05rem;text-decoration:none;letter-spacing:-.01em;padding:0 .5rem}.nav-links{display:flex;gap:.3rem;align-items:center}.nav-links a{color:#333;text-decoration:none;font-size:.85rem;font-weight:400;padding:8px 14px;border-radius:20px;transition:all .2s cubic-bezier(.25,1,.5,1);letter-spacing:-.01em}.nav-links a:hover{color:#0071e3;background:#0071e314}.nav-links a.active{color:#000;background:#00000014;transform:scale(1.02)}.nav-links a[href="#work-carousel"],.nav-links a[href="#blog-feed"]{position:relative;font-weight:500}.nav-links a[href="#work-carousel"]:after,.nav-links a[href="#blog-feed"]:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%) scale(0);width:4px;height:4px;background-color:#2997ff;border-radius:50%;transition:transform .3s cubic-bezier(.16,1,.3,1)}.nav-links a[href="#work-carousel"]:hover:after,.nav-links a[href="#blog-feed"]:hover:after{transform:translate(-50%) scale(1)}.nav-cta{background:#0071e3;color:#fff!important;padding:.6rem 1.2rem;border-radius:30px;font-weight:600;font-size:.9rem;text-decoration:none;white-space:nowrap;transition:all .3s cubic-bezier(.16,1,.3,1);margin-left:.5rem}.nav-cta:hover{background:#0077ed;transform:scale(1.05);box-shadow:0 5px 15px #0071e366}.nav-cta:active{transform:scale(.96)}@media (max-width: 768px){.navbar{top:10px}.nav-glass{width:95%;padding:.5rem;flex-direction:column;gap:.5rem;border-radius:20px;align-items:stretch}.nav-logo{text-align:center;margin-bottom:.2rem;font-size:1rem}.nav-links{display:flex;overflow-x:auto;padding-bottom:2px;gap:.2rem;justify-content:space-between;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{font-size:.75rem;padding:6px 8px;border:1px solid rgba(0,0,0,.05);white-space:nowrap;flex:1;text-align:center;min-width:fit-content}.nav-cta{text-align:center;display:block;margin:0;font-size:.8rem;padding:.5rem 1rem}}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem 1.5rem;max-width:1400px;margin:0 auto;padding:2rem 0}.gallery-item{text-decoration:none;color:inherit;display:flex;flex-direction:column;group:group}.gallery-thumb{width:100%;aspect-ratio:16/10;object-fit:cover;background:#eee;margin-bottom:1rem;transition:transform .3s ease}.gallery-item:hover .gallery-thumb{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.gallery-title{font-size:1.1rem;font-weight:700;color:#1d1d1f;margin-bottom:.3rem;line-height:1.3}.gallery-item:hover .gallery-title{color:#0071e3}.gallery-desc{font-size:.9rem;color:#666;line-height:1.5}@media (max-width: 1024px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.gallery-grid{grid-template-columns:1fr}}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:3rem}.nav-arrow{width:56px;height:56px;border-radius:50%;border:none;background:#e6e6ebcc;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#1d1d1f;transition:transform .5s cubic-bezier(.34,1.56,.64,1),background .3s ease,box-shadow .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-arrow:hover{transform:translateY(-3px) scale(1.05);background:#fff;box-shadow:0 10px 25px #0000001a}.nav-arrow:active{transform:scale(.92);background:#f2f2f5;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.hero-section{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 1rem;position:relative}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-badge{color:#1d1d1f;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:.05em;opacity:.8}.hero-huge-text{font-size:clamp(3.5rem,10vw,7rem);font-weight:900;letter-spacing:-.04em;line-height:1.05;color:#1d1d1f;margin:0;padding:0;display:block}.hero-phone{display:block;margin-top:.5rem;margin-bottom:4rem;text-decoration:none;cursor:default;transition:none;font-size:clamp(3.2rem,9vw,6.5rem);font-weight:900;letter-spacing:-.02em;color:#1d1d1f;line-height:1.1}.nav-links a.active{color:#fff;position:relative}.nav-links a.active:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%) scale(1);width:4px;height:4px;background-color:#2997ff;border-radius:50%}.nav-links a:not(.active):hover{color:#fff;background:#ffffff1f}.hero-desc{font-size:clamp(1.2rem,3vw,2.2rem);color:var(--text-secondary);margin-bottom:3.5rem;font-weight:400}.hero-actions{display:flex;gap:1.5rem;justify-content:center;align-items:center}.btn-primary{background:#0071e3;color:#fff;padding:1rem 2.5rem;border-radius:980px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:transform .2s}.btn-primary:hover{transform:scale(1.05)}.btn-glass{background:#0000000d;color:#1d1d1f;padding:1rem 2.5rem;border-radius:980px;text-decoration:none;font-weight:600;font-size:1.1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);transition:all .2s}.btn-glass:hover{background:#0000001a;transform:scale(1.05)}.carousel-section{overflow:hidden;padding-bottom:6rem}.carousel-wrapper{position:relative;width:100%;max-width:1400px;margin:0 auto}.carousel-track{display:flex;gap:20px;overflow-x:scroll;scroll-snap-type:x mandatory;padding:2rem 5%;scrollbar-width:none;scroll-behavior:smooth}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{min-width:400px;width:30%;scroll-snap-align:center;display:flex;flex-direction:column;gap:1.5rem;position:relative}.slide-image{width:100%;aspect-ratio:16/10;background-size:cover;background-position:center;border-radius:24px;box-shadow:0 10px 30px #0000001a;opacity:1!important;transition:transform .3s}.carousel-slide:hover .slide-image{transform:translateY(-5px)}.slide-caption h3{font-size:1.2rem;font-weight:700;color:#1d1d1f;margin-bottom:.3rem}.slide-caption p{font-size:.95rem;color:#555;line-height:1.4}.carousel-controls{display:flex!important;justify-content:center!important;align-items:center!important;gap:1.5rem;margin-top:2rem;width:100%!important;position:relative;z-index:100!important;pointer-events:auto!important}.nav-arrow{width:56px;height:56px;border-radius:50%;border:none;background:#0000000d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#1d1d1f;-webkit-tap-highlight-color:transparent;flex-shrink:0}.nav-arrow:hover{background:#0000001a;transform:scale(1.1)}.nav-arrow:active{transform:scale(.9)}.carousel-indicators{display:none}.section{padding:10rem 1rem;max-width:1200px;margin:0 auto}.view-all-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#0000000d;color:#333;text-decoration:none;position:absolute;right:2rem;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.16,1,.3,1)}.view-all-btn:hover{background:#0071e3;color:#fff;transform:translateY(-50%) scale(1.1)}.section-header{position:relative;text-align:center;margin-bottom:4rem;max-width:1000px;margin-left:auto;margin-right:auto}.section-header h2{font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1.1;margin-bottom:.5rem;color:#1d1d1f}.section-header p{font-size:1.1rem;color:var(--text-secondary)}.fade-in-stagger{opacity:0;transform:translateY(30px);animation:fadeUpSmooth 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeUpSmooth{to{opacity:1;transform:translateY(0)}}.grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;grid-auto-rows:450px}.grid-card{background:#fff;border-radius:40px;overflow:hidden;position:relative;border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 30px #0000000d;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.grid-card:hover{transform:scale(1.02);z-index:10;border-color:#0003;box-shadow:0 20px 40px #0000001a}.grid-card.tall{grid-row:span 2}.grid-card.wide{grid-column:span 2}.card-bg{position:absolute;width:110%;height:110%;left:-5%;top:-5%;background-size:cover;background-position:center;opacity:.6;transition:transform .2s}.grid-card:hover .card-bg{transform:scale(1.05)}.card-content{position:absolute;bottom:0;left:0;padding:3rem;z-index:2;background:linear-gradient(to top,rgba(255,255,255,.9),transparent);width:100%}.card-content h3{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#1d1d1f}.card-content p{font-size:1.1rem;color:#444}.ecosystem-section{padding-bottom:8rem}.ecosystem-grid{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;max-width:1200px;margin:0 auto}.app-card{background:#ffffff08;border-radius:24px;padding:2.5rem 2rem;text-align:center;width:250px;text-decoration:none;color:var(--text-primary);border:1px solid rgba(255,255,255,.05);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-card:hover{background:#ffffff14;transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.app-icon{width:64px;height:64px;border-radius:16px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;box-shadow:0 4px 12px #0003}.blog-icon{background:#03c75a;color:#fff}.place-icon{background:#fff;color:#03c75a}.gallery-icon{background:#2997ff;color:#fff}.app-info h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.app-info p{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.5rem}.post-list{display:flex;flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto}.post-card{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:1.5rem;text-decoration:none;display:block;transition:all .2s}.post-card:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-2px);background:#fafafa}.post-title{font-size:1.2rem;font-weight:700;color:#0071e3;margin-bottom:.5rem;line-height:1.3}.post-desc{font-size:.95rem;color:#444;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-images{display:flex;gap:.5rem;margin-bottom:.8rem}.post-thumb{width:100px;height:70px;object-fit:cover;border-radius:8px;background:#eee}.post-meta{font-size:.85rem;color:#888;display:flex;align-items:center;gap:.5rem}.app-action{display:inline-block;background:#0000000d;padding:.5rem 1.2rem;border-radius:980px;font-size:.85rem;font-weight:600;color:#1d1d1f}.footer-links{margin-top:1rem;font-size:.9rem;color:#666}@media (max-width: 768px){.grid-container{grid-template-columns:1fr}.grid-card.wide{grid-column:span 1}.hero-title{font-size:4rem}.nav-glass{padding:.75rem;width:90%;justify-content:space-between}.nav-links{display:none}.hero-actions{flex-direction:column}.navbar{top:5px;width:100%}.nav-glass{width:96%;padding:.4rem .6rem;justify-content:space-between;gap:.1rem;flex-wrap:wrap}.nav-links{display:flex;order:3;width:100%;justify-content:space-between;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.05);overflow-x:auto;white-space:nowrap;gap:.5rem}.nav-links a{font-size:.85rem;padding:.4rem .1rem}main.padded{padding-top:210px!important}.hero-badge{display:block!important;margin-bottom:1rem;font-size:.85rem}.hero-huge-text{font-size:8.8vw;letter-spacing:-1px;white-space:nowrap}.carousel-slide{min-width:85vw}.ecosystem-section{padding-left:0!important;padding-right:0!important}.section-header{padding:0 15px!important}.ecosystem-grid,#ecosystem .ecosystem-grid{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:12px!important;padding:0 15px 1.5rem!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;width:100%!important}.app-card{flex:0 0 75%!important;min-width:0!important;max-width:80vw!important;padding:1.5rem 1rem!important;text-align:center;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;background:#ffffffb3!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scroll-snap-align:center;box-shadow:0 10px 30px #0000000d;min-height:180px!important}.app-icon{width:60px!important;height:60px!important;font-size:1.2rem!important;margin:0 auto 12px!important;display:flex!important;align-items:center!important;justify-content:center!important}.app-info h3{font-size:1rem!important;margin-bottom:6px!important;white-space:normal!important;line-height:1.2}.app-info p{display:block!important;font-size:.82rem!important;color:#444!important;margin-bottom:5px}.app-action{display:inline-block!important;font-size:.75rem!important;padding:4px 12px!important;background:#0000000d!important;border-radius:20px;color:#1d1d1f!important}.intro-main-img{width:100%!important;max-width:none!important;margin:1.5rem auto!important;border-radius:12px!important;transform:none!important;display:block;box-shadow:0 10px 40px #0000001a}#blog-grid{grid-template-columns:repeat(2,1fr)!important;gap:15px!important}.blog-card h4{font-size:.9rem!important;margin-bottom:5px!important}.blog-card p{font-size:.75rem!important}.section-header h2{font-size:1.8rem}.carousel-track{padding:1rem}.section-header h2{font-size:2.2rem}.btn-primary,.btn-glass{padding:.8rem 1.5rem;font-size:1rem;width:100%;display:block;text-align:center;margin-bottom:.5rem}.hero-actions{flex-direction:column;width:80%;margin:0 auto}}.lightbox{position:fixed;z-index:2000;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;flex-direction:column}.lightbox-content{margin:auto;display:block;max-width:90%;max-height:80vh;border-radius:12px;box-shadow:0 0 50px #00000080;animation:zoomIn .3s}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-close{position:absolute;top:30px;right:40px;color:#f1f1f1;font-size:50px;font-weight:700;transition:.3s;cursor:pointer;z-index:2001}.lightbox-close:hover,.lightbox-close:focus{color:#bbb;text-decoration:none;cursor:pointer}#lightbox-caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;font-size:1.2rem;margin-top:1rem}