@charset "UTF-8";.app-tile{height:100%}.app-tile-icon{height:128px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.app-tile-icon img{height:128px;width:auto;object-fit:contain;display:block}.app-tile-wrapper{height:100%}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.6;color:#2d1b1b;background:radial-gradient(circle at 30% 40%,rgba(255,107,53,.1) 0%,transparent 50%),radial-gradient(circle at 70% 20%,rgba(247,147,30,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,138,80,.06) 0%,transparent 50%),linear-gradient(135deg,#f8f4f0,#f1ebe4);min-height:100vh;overflow-x:hidden}.app{min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{font-family:Inter,Segoe UI,Roboto,sans-serif;font-weight:600;line-height:1.2;margin-bottom:1.5rem;color:#2d1b1b}h1{font-size:3rem;font-weight:700}@media (min-width: 768px){h1{font-size:2.25rem}}h2{font-size:2.25rem}@media (min-width: 768px){h2{font-size:1.875rem}}h3{font-size:1.875rem}@media (min-width: 768px){h3{font-size:1.5rem}}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{margin-bottom:1.5rem;color:#5a4a42;line-height:1.7}a{color:#ff6b35;text-decoration:none;transition:color .2s cubic-bezier(.4,0,.2,1)}a:hover{color:#f7931e}strong{font-weight:600;color:#2d1b1b}ul,ol{margin-bottom:1.5rem;padding-left:2rem}li{margin-bottom:.5rem;color:#5a4a42}input,textarea,select{font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:1rem}img{max-width:100%;height:auto;display:block}.container{max-width:1400px;margin:0 auto;padding:0 24px}.text-center{text-align:center}.text-primary{color:#2d1b1b}.text-secondary{color:#5a4a42}.text-muted{color:#8b7d74}.text-accent{color:sienna}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-1{margin-top:.5rem}.mb-1{margin-bottom:.5rem}.ml-1{margin-left:.5rem}.mr-1{margin-right:.5rem}.pt-1{padding-top:.5rem}.pb-1{padding-bottom:.5rem}.pl-1{padding-left:.5rem}.pr-1{padding-right:.5rem}.mt-2{margin-top:1rem}.mb-2{margin-bottom:1rem}.ml-2{margin-left:1rem}.mr-2{margin-right:1rem}.pt-2{padding-top:1rem}.pb-2{padding-bottom:1rem}.pl-2{padding-left:1rem}.pr-2{padding-right:1rem}.mt-3{margin-top:1.5rem}.mb-3{margin-bottom:1.5rem}.ml-3{margin-left:1.5rem}.mr-3{margin-right:1.5rem}.pt-3{padding-top:1.5rem}.pb-3{padding-bottom:1.5rem}.pl-3{padding-left:1.5rem}.pr-3{padding-right:1.5rem}.mt-4{margin-top:2rem}.mb-4{margin-bottom:2rem}.ml-4{margin-left:2rem}.mr-4{margin-right:2rem}.pt-4{padding-top:2rem}.pb-4{padding-bottom:2rem}.pl-4{padding-left:2rem}.pr-4{padding-right:2rem}.mt-5{margin-top:2.5rem}.mb-5{margin-bottom:2.5rem}.ml-5{margin-left:2.5rem}.mr-5{margin-right:2.5rem}.pt-5{padding-top:2.5rem}.pb-5{padding-bottom:2.5rem}.pl-5{padding-left:2.5rem}.pr-5{padding-right:2.5rem}.mt-6{margin-top:3rem}.mb-6{margin-bottom:3rem}.ml-6{margin-left:3rem}.mr-6{margin-right:3rem}.pt-6{padding-top:3rem}.pb-6{padding-bottom:3rem}.pl-6{padding-left:3rem}.pr-6{padding-right:3rem}.mt-7{margin-top:3.5rem}.mb-7{margin-bottom:3.5rem}.ml-7{margin-left:3.5rem}.mr-7{margin-right:3.5rem}.pt-7{padding-top:3.5rem}.pb-7{padding-bottom:3.5rem}.pl-7{padding-left:3.5rem}.pr-7{padding-right:3.5rem}.mt-8{margin-top:4rem}.mb-8{margin-bottom:4rem}.ml-8{margin-left:4rem}.mr-8{margin-right:4rem}.pt-8{padding-top:4rem}.pb-8{padding-bottom:4rem}.pl-8{padding-left:4rem}.pr-8{padding-right:4rem}::selection{background:#ff6b3533;color:#2d1b1b}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1ebe4}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:12px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff8a50,#ffeaa7)}.page{padding-top:100px;min-height:100vh}.page .container{padding:3rem 24px}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(90deg)}50%{transform:translateY(-40px) rotate(180deg)}75%{transform:translateY(-20px) rotate(270deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:12px 12px 24px #d1baa6cc,-12px -12px 24px #ffffffe6}50%{box-shadow:20px 20px 40px #d1baa6,-20px -20px 40px #ffffffe6,0 0 20px #ff6b354d}}.animate-float{animation:float 20s ease-in-out infinite}.animate-fade-in-up{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out forwards}.animate-fade-in-left{animation:fadeInLeft .6s ease-out}.animate-fade-in-right{animation:fadeInRight .6s ease-out}.animate-slide-in-down{animation:slideInDown .5s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 3s ease-in-out infinite}.hover-lift{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-rotate:hover{transform:rotate(5deg)}.loading-spinner{width:40px;height:40px;border:4px solid #ede7dd;border-top:4px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stagger-fade-in:nth-child(1){animation-delay:.1s}.stagger-fade-in:nth-child(2){animation-delay:.2s}.stagger-fade-in:nth-child(3){animation-delay:.3s}.stagger-fade-in:nth-child(4){animation-delay:.4s}.stagger-fade-in:nth-child(5){animation-delay:.5s}.stagger-fade-in:nth-child(6){animation-delay:.6s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-float,.animate-pulse,.animate-glow{animation:none}}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.navigation{position:fixed;top:0;left:0;right:0;z-index:100;background:#f8f4f0f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,107,53,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.navigation .nav-container{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 24px}.navigation .logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.navigation .nav-links{display:flex;list-style:none;gap:2rem;margin:0;padding:0}@media (max-width: 768px){.navigation .nav-links{display:none}}.navigation .nav-link{color:#2d1b1b;font-weight:500;text-decoration:none;padding:1rem 1.5rem;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.navigation .nav-link:hover,.navigation .nav-link.active{background:#ff6b351a;color:#ff6b35}.navigation .mobile-menu-toggle{display:none;background:none;border:none;font-size:1.25rem;color:#2d1b1b;cursor:pointer}@media (max-width: 768px){.navigation .mobile-menu-toggle{display:block}}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;margin-bottom:4rem}.apps-page .apps-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (min-width: 1200px){.apps-page .apps-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1199px) and (min-width: 900px){.apps-page .apps-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 899px){.apps-page .apps-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.app-card .app-icon{width:100%;border-radius:20px;overflow:hidden;margin-bottom:1.5rem;background:#f8f4f0;box-shadow:12px 12px 24px #d1baa6cc,-12px -12px 24px #ffffffe6;display:flex;align-items:center;justify-content:center;min-height:120px}.app-card .app-icon img{width:100%;max-width:100%;object-fit:contain}.app-card h3{margin-bottom:1.5rem;color:#2d1b1b}.app-card p{margin-bottom:2rem;color:#5a4a42}.app-card .app-features{list-style:none;padding:0;margin-bottom:3rem}.app-card .app-features li{padding:.5rem 0;color:#8b7d74;font-size:.875rem}.app-card .app-features li:before{content:"✓";color:#ff6b35;font-weight:700;margin-right:.5rem}.apps-page .app-card{padding:2rem}.apps-page .app-card h3{font-size:1.125rem}.apps-page .app-card p{font-size:.875rem;margin-bottom:1.5rem}.apps-page .app-card .app-features{margin-bottom:2rem}.apps-page .app-card .app-features li{font-size:.75rem}.background-effects{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.gradient-wave{position:absolute;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#f7931e);opacity:.1;animation:float 20s ease-in-out infinite}.gradient-wave:nth-child(1){width:300px;height:300px;top:10%;left:10%;animation-delay:0s}.gradient-wave:nth-child(2){width:200px;height:200px;top:60%;right:10%;animation-delay:-5s}.gradient-wave:nth-child(3){width:150px;height:150px;bottom:20%;left:20%;animation-delay:-10s}.gradient-wave:nth-child(4){width:250px;height:250px;top:30%;right:30%;animation-delay:-15s}.hero{padding:3rem 0;text-align:center;position:relative}.hero .hero-content{max-width:800px;margin:0 auto;padding:0 24px}.hero .hero-content h1{background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem}.hero .hero-content p{font-size:1.25rem;line-height:1.6;margin-bottom:4rem}.company-section{margin-top:4rem}.company-section .view-all-btn{text-align:center;margin-top:3rem}.tips-header{text-align:center;margin-bottom:4rem}.tips-header h1{background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tip-section{margin-bottom:4rem}.tip-section h3{color:#2d1b1b;margin-bottom:1.5rem}.best-practices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0}.practice-card{background:#f8f4f0;box-shadow:12px 12px 24px #d1baa6cc,-12px -12px 24px #ffffffe6;border-radius:20px;padding:2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.practice-card:hover{transform:translateY(-3px);box-shadow:20px 20px 40px #d1baa6,-20px -20px 40px #ffffffe6}.practice-card .practice-icon{font-size:1.875rem;margin-bottom:1.5rem}.practice-card h4{margin-bottom:1.5rem;color:#2d1b1b}.practice-card p{color:#5a4a42;font-size:.875rem}.code-snippet{background:#ede7dd;border-radius:12px;padding:1.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:sienna;white-space:pre-line;margin:1.5rem 0;background:#f1ebe4;box-shadow:inset 8px 8px 16px #d1baa699,inset -8px -8px 16px #fffc}.section-divider{text-align:center;margin:6rem 0 4rem}.section-divider h2{background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.technical-section .tip-section{border-left:4px solid #ff6b35;padding-left:2rem;margin-left:1.5rem}