:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light;color:#213547;background-color:#fff}*{box-sizing:border-box;margin:0;padding:0}a{font-weight:500;color:#4361ee;text-decoration:inherit}a:hover{color:#3a56d4}body{margin:0;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:#f9f9f9;cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:#4361ee}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{width:100%;margin:0;padding:0;text-align:left}@media (prefers-color-scheme: dark){:root{color:#213547;background-color:#fff}}:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--secondary-color: #10b981;--background-color: #ffffff;--text-color: #333333;--light-gray: #f5f7fa;--mid-gray: #e2e8f0;--dark-gray: #718096;--card-shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease}.landing-page{width:100%;max-width:100%;overflow-x:hidden;color:var(--text-color)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.header{background-color:var(--background-color);box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:1000}.header .container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.logo h1{font-size:1.5rem;font-weight:700;margin:0;color:var(--primary-color)}.logo-container{display:flex;align-items:center;gap:10px}.wiseek-logo{width:40px;height:40px}.logo-container h1{font-size:1.5rem;font-weight:700;margin:0;color:var(--primary-color)}.nav ul{display:flex;list-style:none;margin:0;padding:0;gap:2rem;align-items:center}.nav a{text-decoration:none;color:var(--text-color);font-weight:500;transition:var(--transition)}.nav a:hover{color:var(--primary-color)}.btn-primary,.btn-secondary,.btn-login,.btn-plan{padding:.6rem 1.2rem;border-radius:6px;font-weight:600;cursor:pointer;transition:var(--transition);border:none;font-size:.9rem}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);margin-left:1rem}.btn-secondary:hover{background-color:#4361ee1a;transform:translateY(-2px)}.btn-login{background-color:transparent;color:var(--text-color)}.btn-login:hover{color:var(--primary-color)}.btn-plan{background-color:var(--primary-color);color:#fff;width:100%;margin-top:1.5rem}.btn-plan:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.hero{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);padding:5rem 0}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content h1{font-size:3rem;line-height:1.2;margin-bottom:1.5rem;color:var(--text-color)}.hero-content p{font-size:1.2rem;line-height:1.6;color:var(--dark-gray);margin-bottom:2rem}.hero-actions{display:flex;align-items:center}.hero-image{position:relative}.image-placeholder{background-color:var(--background-color);border-radius:12px;box-shadow:var(--card-shadow);overflow:hidden;height:400px;position:relative}.dashboard-preview{background:linear-gradient(45deg,#f1f5f9 25%,#e2e8f0 25%,#e2e8f0 50%,#f1f5f9 50%,#f1f5f9 75%,#e2e8f0 75%,#e2e8f0);background-size:20px 20px;width:100%;height:100%;position:absolute;opacity:.7}.features{padding:6rem 0;background-color:var(--background-color)}.features h2,.pricing h2,.cta h2{font-size:2.5rem;text-align:center;margin-bottom:1.5rem}.section-description{text-align:center;font-size:1.1rem;color:var(--dark-gray);max-width:600px;margin:0 auto 3rem}.tabs{max-width:1000px;margin:0 auto}.tab-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.tab-buttons button{padding:.75rem 1.5rem;background-color:var(--light-gray);border:none;border-radius:6px;cursor:pointer;font-weight:600;color:var(--dark-gray);transition:var(--transition)}.tab-buttons button.active{background-color:var(--primary-color);color:#fff}.tab-buttons button:hover:not(.active){background-color:var(--mid-gray)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.feature-card{background-color:#fff;border-radius:10px;padding:2rem;box-shadow:var(--card-shadow);transition:var(--transition);height:100%;display:flex;flex-direction:column}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.2rem;margin-bottom:1rem}.feature-card p{color:var(--dark-gray);font-size:.95rem;line-height:1.5;flex-grow:1}.pricing{padding:6rem 0;background-color:var(--light-gray)}.pricing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.pricing-card{background-color:#fff;border-radius:10px;padding:2.5rem 2rem;box-shadow:var(--card-shadow);text-align:center;position:relative;transition:var(--transition)}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.pricing-card.popular{border:2px solid var(--primary-color);transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-5px)}.popular-tag{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:var(--primary-color);color:#fff;padding:.3rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600}.plan-name{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.plan-price{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:0}.plan-period{color:var(--dark-gray);margin-bottom:1.5rem}.plan-features{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left}.plan-features li{padding:.5rem 0;display:flex;align-items:center;color:var(--dark-gray)}.plan-features li:before{content:"✓";color:var(--primary-color);font-weight:700;margin-right:.5rem}.cta{background:linear-gradient(135deg,var(--primary-color) 0%,#4895ef 100%);color:#fff;padding:5rem 0;text-align:center}.cta h2{color:#fff;margin-bottom:1rem}.cta p{font-size:1.2rem;max-width:600px;margin:0 auto 2rem;opacity:.9}.cta .btn-primary{background-color:#fff;color:var(--primary-color);font-size:1rem;padding:.8rem 2rem}.cta .btn-primary:hover{background-color:#ffffffe6}.footer{background-color:#1a202c;color:#fff;padding:4rem 0 2rem}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:3rem}.footer-logo{display:flex;align-items:center;gap:10px}.footer-logo img{width:30px;height:30px}.footer-logo h3{font-size:1.5rem;margin-bottom:1rem}.footer-logo p{color:#a0aec0}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.link-column h4{font-size:1.1rem;margin-bottom:1.5rem;color:#fff}.link-column ul{list-style:none;padding:0;margin:0}.link-column li{margin-bottom:.8rem}.link-column a{text-decoration:none;color:#a0aec0;transition:var(--transition)}.link-column a:hover{color:#fff}.copyright{text-align:center;border-top:1px solid #2d3748;padding-top:2rem;color:#a0aec0;font-size:.9rem}.footer-logo{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.wiseek-logo-small{width:40px;height:40px;margin-bottom:4px}@media (max-width: 992px){.hero .container{grid-template-columns:1fr;text-align:center}.hero-actions{justify-content:center}.footer-content{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){.header .container{flex-direction:column;padding:1rem}.nav ul{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem}.feature-grid,.pricing-plans{grid-template-columns:1fr}.pricing-card.popular{transform:scale(1)}.pricing-card.popular:hover{transform:translateY(-5px)}.footer-links{grid-template-columns:1fr;gap:2rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}
