:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;margin:0;padding:0;display:flex;justify-content:center;align-items:flex-start}.app{min-height:100vh;padding:2rem 1rem;width:100%;max-width:1400px}.container{width:100%;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 2rem;text-align:center;position:relative;overflow:hidden}.header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.header h1{font-size:3.5rem;margin-bottom:1rem;font-weight:700;position:relative;z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.1)}.header p{font-size:1.4rem;opacity:.95;max-width:900px;margin:0 auto;position:relative;z-index:1;line-height:1.6}.content{padding:4rem 3rem}.services-intro{text-align:center;margin-bottom:4rem}.services-intro h2{font-size:2.5rem;color:#333;margin-bottom:1.5rem;font-weight:700}.services-intro p{font-size:1.2rem;color:#666;max-width:900px;margin:0 auto;line-height:1.8}.service-navigation{display:flex;gap:2rem;justify-content:center;margin-top:2.5rem;flex-wrap:wrap}.nav-link{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:50px;font-weight:700;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.nav-link:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea80}html{scroll-behavior:smooth}.mobile-app-intro{margin-bottom:3rem}.service-header-large{display:flex;align-items:flex-start;gap:2rem;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;margin-bottom:3rem}.service-icon-large{font-size:4rem;flex-shrink:0}.service-header-large h2{font-size:2.5rem;color:#333;margin-bottom:1rem;font-weight:700}.service-subtitle{font-size:1.15rem;color:#666;line-height:1.8;margin:0}.platform-guides{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:3rem;margin-bottom:4rem}.platform-card{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #00000014;transition:all .3s ease;border:2px solid #e9ecef;position:relative}.platform-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0000001f}.android-card{border-top:5px solid #3ddc84}.android-card:hover{border-color:#3ddc84}.ios-card{border-top:5px solid #007aff}.ios-card:hover{border-color:#007aff}.platform-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.platform-icon{font-size:3rem}.platform-header h3{font-size:2rem;color:#333;flex:1;min-width:200px;font-weight:700}.platform-intro{color:#666;font-size:1.1rem;line-height:1.7;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.warning-box{background:#fff3cd;border-left:5px solid #ffc107;padding:1.2rem 1.5rem;margin-bottom:2rem;border-radius:8px;font-size:1rem;color:#856404;line-height:1.7}.oncall-section{margin-bottom:4rem}.service-card-full{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:20px;padding:3rem;border:2px solid #e9ecef;box-shadow:0 10px 40px #00000014}.oncall-unified{background:#fff;padding:2.5rem;border-radius:15px;border:2px solid #e9ecef;margin-top:2rem}.vision-badge-container{display:flex;justify-content:flex-end;margin-bottom:1rem}.oncall-unified h4{font-size:1.75rem;color:#667eea;margin-bottom:1.5rem;font-weight:700}.oncall-unified h5{font-size:1.3rem;color:#333;margin:2rem 0 1rem;font-weight:700}.oncall-unified>p{color:#666;font-size:1.05rem;line-height:1.8;margin-bottom:2rem}.vision-features,.prototype-demo{margin:2rem 0}.oncall-content{display:grid;grid-template-columns:1fr;gap:3rem;margin-top:2rem}.oncall-vision,.oncall-prototype{background:#fff;padding:2.5rem;border-radius:15px;border:2px solid #e9ecef}.oncall-vision h4,.oncall-prototype .prototype-header h4{font-size:1.5rem;color:#667eea;margin-bottom:1.5rem;font-weight:700}.oncall-vision p,.oncall-prototype p{color:#666;font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem}.feature-list{list-style:none;margin:1.5rem 0;padding:0}.feature-list li{padding-left:2rem;margin-bottom:1rem;color:#444;line-height:1.8;position:relative}.feature-list li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700;font-size:1.2rem}.prototype-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.help-section{margin-top:4rem;text-align:center;padding:3rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px}.help-section h3{font-size:2rem;margin-bottom:1rem;color:#333;font-weight:700}.help-section p{font-size:1.2rem;color:#666;margin-bottom:2rem}.help-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.service-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.service-icon{font-size:3.5rem}.service-header h3{font-size:2rem;color:#333;font-weight:700}.service-description{color:#666;font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.difficulty-badge{display:inline-block;padding:.4rem 1rem;border-radius:25px;font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.recommended-badge{display:inline-block;padding:.5rem 1.2rem;border-radius:25px;font-size:.9rem;font-weight:700;background:linear-gradient(135deg,gold,#ffed4e);color:#856404;box-shadow:0 3px 12px #ffd70066;margin-bottom:1rem;letter-spacing:.5px}.easy{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;box-shadow:0 2px 8px #15572433}.advanced{background:linear-gradient(135deg,#fff3cd,#ffe69c);color:#856404;box-shadow:0 2px 8px #85640433}.steps{list-style:none;counter-reset:step-counter;margin:2rem 0}.steps li{counter-increment:step-counter;position:relative;padding-left:4rem;margin-bottom:1.8rem;color:#444;line-height:1.8;font-size:1.05rem}.steps li:before{content:counter(step-counter);position:absolute;left:0;top:0;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;box-shadow:0 4px 12px #667eea4d}.steps li strong{color:#333;font-weight:700}.steps li code{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:.3rem .6rem;border-radius:6px;font-family:Monaco,Courier New,monospace;font-size:.95rem;color:#d63384;border:1px solid #dee2e6;display:inline-block;margin:.2rem 0}.steps li a{color:#667eea;text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:border-color .3s ease}.steps li a:hover{border-bottom-color:#667eea}.cta-button{display:inline-block;padding:1.2rem 2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:50px;font-weight:700;font-size:1.05rem;transition:all .3s ease;box-shadow:0 6px 20px #667eea66;margin-top:1.5rem;letter-spacing:.5px}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea99}.android-button{background:linear-gradient(135deg,#3ddc84,#2bb96b);box-shadow:0 6px 20px #3ddc8466}.android-button:hover{box-shadow:0 8px 25px #3ddc8499}.oncall-button{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);box-shadow:0 6px 20px #ff6b6b66}.oncall-button:hover{box-shadow:0 8px 25px #ff6b6b99}.note{background:linear-gradient(135deg,#fff3cd,#ffe69c);border-left:5px solid #ffc107;padding:1.3rem 1.5rem;margin-top:1.5rem;border-radius:8px;font-size:1rem;color:#856404;line-height:1.7;box-shadow:0 2px 10px #ffc1071a}.note strong{color:#856404;font-weight:700}.repo-link{background:linear-gradient(135deg,#e7f3ff,#cfe5ff);border-left:5px solid #2196f3;padding:1.3rem 1.5rem;margin-top:1.5rem;border-radius:8px;font-size:1rem;line-height:1.7;box-shadow:0 2px 10px #2196f31a;color:#1565c0}.repo-link strong{color:#1565c0}.repo-link a{color:#2196f3;font-weight:700;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .3s ease}.repo-link a:hover{border-bottom-color:#2196f3}.footer{background:linear-gradient(135deg,#2d3748,#1a202c);padding:2.5rem 2rem;text-align:center;color:#e2e8f0}.footer p{margin-bottom:.8rem;font-size:1rem}.footer a{color:#667eea;text-decoration:none;font-weight:700;border-bottom:2px solid transparent;transition:all .3s ease}.footer a:hover{color:#764ba2;border-bottom-color:#764ba2}@media(max-width:1200px){.platform-guides{grid-template-columns:1fr}}@media(max-width:768px){.app{padding:1rem}.header{padding:3rem 1.5rem}.header h1{font-size:2.5rem}.header p{font-size:1.1rem}.content{padding:2.5rem 1.5rem}.services-intro h2{font-size:1.8rem}.services-intro p{font-size:1rem}.service-header-large{flex-direction:column;align-items:center;text-align:center;gap:1rem}.service-header-large h2{font-size:2rem}.service-subtitle{font-size:1rem}.platform-guides{grid-template-columns:1fr;gap:2rem}.platform-card{padding:2rem 1.5rem}.platform-header{flex-direction:column;align-items:flex-start}.platform-header h3{font-size:1.5rem}.platform-icon{font-size:2.5rem}.steps li{padding-left:3.5rem;font-size:1rem}.steps li:before{width:2rem;height:2rem;font-size:.95rem}.service-card-full{padding:2rem 1.5rem}.oncall-vision,.oncall-prototype{padding:1.5rem}.help-section{padding:2rem 1.5rem}.help-section h3{font-size:1.5rem}.help-section p{font-size:1rem}.help-buttons{flex-direction:column;align-items:stretch}.cta-button{padding:1rem 2rem;font-size:1rem;text-align:center}}@media(max-width:480px){.header h1{font-size:2rem}.header p{font-size:1rem}.service-icon-large{font-size:3rem}.service-header-large h2{font-size:1.75rem}.platform-card{padding:1.5rem}.steps li{padding-left:3rem;font-size:.95rem}}