:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--secondary-color: #f8fafc;--text-primary: #1e293b;--text-secondary: #475569;--accent-purple: #8b5cf6;--accent-green: #10b981;--bg-dark: #0f172a;--white: #ffffff;--gradient-main: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);--gradient-purple: linear-gradient(135deg, #4f46e5 0%, #9333ea 100%);--gradient-blue: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--container-width: 1200px;--section-padding: 80px 20px;--font-family: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-primary);background-color:var(--white);line-height:1.6}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-secondary{background-color:var(--white);color:var(--text-primary);border:1px solid #e2e8f0}.btn-secondary:hover{background-color:#f8fafc;border-color:#cbd5e1}.btn-dark{background-color:#ffffff26;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.btn-dark:hover{background-color:#ffffff40}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;color:var(--text-primary)}h1{font-size:3.5rem;margin-bottom:24px;letter-spacing:-.02em}h2{font-size:2.5rem;margin-bottom:20px;letter-spacing:-.01em}h3{font-size:1.5rem;margin-bottom:16px}p{margin-bottom:16px;font-size:1.1rem;color:var(--text-secondary)}.fade-in{animation:fadeIn .8s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{padding:24px 0;position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid #f1f5f9}.header-content{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;flex-direction:column}.logo-text{font-size:1.5rem;font-weight:800;color:#0f172a;letter-spacing:-.03em;line-height:1}.logo-iq{color:var(--primary-color)}.logo-tagline{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-top:2px}.mode-toggle{background:#f1f5f9;padding:4px;border-radius:8px;display:flex;gap:4px}.toggle-btn{border:none;background:transparent;padding:6px 16px;border-radius:6px;font-size:.85rem;font-weight:600;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.toggle-btn.active{background:#fff;color:var(--primary-color);box-shadow:0 1px 3px #0000001a}@media(max-width:768px){.header{padding:16px 0}.header-content{display:grid;grid-template-columns:1fr auto;grid-template-areas:"logo toggle" "nav nav";gap:20px 0}.logo{grid-area:logo}.mode-toggle{grid-area:toggle;width:auto;justify-content:flex-end}.nav{grid-area:nav;width:100%;justify-content:center;gap:16px;flex-wrap:wrap;padding-top:16px;border-top:1px solid #f1f5f9}.nav-link{display:none}.nav-btn{width:100%;text-align:center}}.nav{display:flex;align-items:center;gap:32px}.nav-link{font-weight:500;font-size:.95rem;color:#334155}.nav-link:hover{color:var(--primary-color)}.nav-btn{padding:10px 20px;font-size:.9rem}.hero{position:relative;padding:60px 0 140px;text-align:center;overflow:hidden;background-color:#f8fafc}.hero-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(#e2e8f0 1px,transparent 1px),radial-gradient(#e2e8f0 1px,transparent 1px);background-size:40px 40px;background-position:0 0,20px 20px;opacity:.5;z-index:1;-webkit-mask-image:linear-gradient(to bottom,#000 50%,#0000);mask-image:linear-gradient(to bottom,#000 50%,#0000)}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;max-width:900px}.badge{background-color:#dbeafe;color:#1e40af;padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:32px;display:inline-block}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;color:#0f172a;margin-bottom:24px}.highlight-blue{color:var(--primary-color)}.hero-sub{font-size:1.15rem;color:#64748b;max-width:600px;margin-bottom:40px;white-space:pre-line}.play-icon{margin-bottom:40px;display:flex;justify-content:center}.play-circle{width:64px;height:64px;background:#eff6ff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #0000001a;cursor:pointer;transition:transform .3s ease}.play-circle:hover{transform:scale(1.1)}.play-arrow{color:var(--primary-color);fill:var(--primary-color);margin-left:4px}.hero-actions{display:flex;gap:16px;justify-content:center}.btn-lg{padding:14px 28px;font-size:1rem}@media(max-width:768px){.hero{padding:60px 0 80px}.hero-title{font-size:2.25rem;padding:0 10px}.hero-sub{font-size:1rem;padding:0 16px;margin-bottom:32px}.play-icon{margin-bottom:32px}.hero-actions{flex-direction:column;width:100%;padding:0 20px;gap:12px}.btn-lg{width:100%;padding:16px}}.eval-section{padding:80px 0;color:#fff;text-align:center}.eval-buyer{background:linear-gradient(135deg,#4f46e5,#9333ea)}.eval-seller{background:linear-gradient(135deg,#4338ca,#7e22ce)}.eval-header h2{color:#fff;margin-bottom:16px;font-size:2.5rem}.eval-header p{color:#ffffffe6;font-size:1.1rem;max-width:800px;margin:0 auto}.eval-cards{display:flex;justify-content:center;gap:30px;margin-top:50px;flex-wrap:wrap}.eval-card{background:#fff;border-radius:12px;padding:32px 24px;color:#0f172a;flex:1;min-width:250px;max-width:350px;text-align:center;box-shadow:0 10px 25px -5px #0000001a;display:flex;flex-direction:column;align-items:center}.card-icon-box{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.bg-green{background-color:#dcfce7}.eval-card h3{font-size:1.25rem;margin-bottom:12px;color:#0f172a}.eval-card p{font-size:.95rem;color:#64748b;margin-bottom:0}@media(max-width:768px){.eval-section{padding:60px 0}.eval-header h2{font-size:2rem}.eval-cards{flex-direction:column;align-items:center}.eval-card{width:100%;max-width:none}}.workflow{padding:80px 0;background-color:#fff}.section-header{text-align:center;margin-bottom:60px}.section-subtitle{max-width:600px;margin:0 auto}.steps-grid{display:flex;flex-direction:column;gap:20px;max-width:900px;margin:0 auto}.step-card{display:flex;align-items:flex-start;gap:24px;padding:24px;background:#f8fafc;border-radius:12px;transition:transform .2s ease,box-shadow .2s ease}.step-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #0000000d;background:#fff;border:1px solid #f1f5f9}.step-number{flex-shrink:0;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.step-bg-1{background-color:#dbeafe;color:#1e40af}.step-bg-2{background-color:#dcfce7;color:#166534}.step-bg-3{background-color:#f3e8ff;color:#6b21a8}.step-bg-4{background-color:#ffedd5;color:#9a3412}.step-bg-5{background-color:#fee2e2;color:#991b1b}.icon-color-1{color:#1e40af}.icon-color-2{color:#166534}.icon-color-3{color:#6b21a8}@media(max-width:768px){.step-card{flex-direction:column;align-items:flex-start;padding:20px}.step-number{margin-bottom:16px}.step-icon{position:absolute;top:20px;right:20px;margin:0}.step-content h3{font-size:1.1rem;padding-right:40px}}.icon-color-4{color:#9a3412}.icon-color-5{color:#991b1b}.step-content{flex:1}.step-content h3{font-size:1.25rem;margin-bottom:8px;color:#0f172a}.step-content p{font-size:1rem;margin-bottom:0;color:#64748b}.step-icon{flex-shrink:0;opacity:.5}.features-buyer{padding:80px 0;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-radius:20px;margin:40px 20px}.white-text h2{color:#fff;margin-bottom:40px}.features-grid-buyer{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:1000px;margin:0 auto}.feature-item-buyer{display:flex;gap:16px;align-items:flex-start}.feature-icon-buyer{background:#fff3;padding:4px;border-radius:6px;width:32px;height:32px;flex-shrink:0}.feature-item-buyer h4{font-size:1.1rem;margin-bottom:4px;color:#fff}.feature-item-buyer p{color:#fffc;font-size:.95rem}.features-seller{padding:80px 0;background-color:#f8fafc}.features-grid-seller{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.feature-card-seller{background:#fff;padding:32px;border-radius:12px;border:1px solid #e2e8f0;transition:transform .3s ease}.feature-card-seller:hover{transform:translateY(-5px);box-shadow:0 10px 30px -10px #0000001a}.icon-box{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}@media(max-width:768px){.features-grid-buyer{grid-template-columns:1fr;gap:24px}.features-buyer{margin:40px 0;border-radius:0}.white-text h2{font-size:2rem}}.icon-blue{background-color:#dbeafe;color:#1e40af}.icon-green{background-color:#dcfce7;color:#166534}.icon-purple{background-color:#f3e8ff;color:#6b21a8}.feature-card-seller h3{font-size:1.25rem;margin-bottom:8px}.feature-tag{display:block;font-size:.85rem;font-weight:600;margin-bottom:16px}.tag-blue{color:#1e40af}.tag-green{color:#166534}.tag-purple{color:#6b21a8}.cta{background-color:var(--primary-color);padding:100px 0;text-align:center;color:#fff}.cta-title{color:#fff;font-size:2.5rem;margin-bottom:16px}.cta-sub{font-size:1.1rem;opacity:.9;margin-bottom:40px;color:#e0e7ff}.cta-actions{display:flex;gap:16px;justify-content:center;margin-bottom:40px}.cta-disclaimer{font-size:.9rem;opacity:.8;color:#cbd5e1}.cta-disclaimer p{color:#cbd5e1;font-size:.8rem;margin-bottom:8px}.link-white{color:#fff;text-decoration:none;font-size:.9rem}.underline{text-decoration:underline}@media(max-width:768px){.cta-title{font-size:2rem}.cta-actions{flex-direction:column;padding:0 20px}.cta-actions .btn{width:100%}}.footer{background-color:#0f172a;color:#94a3b8;padding:80px 0 40px;font-size:.9rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px}.logo-text-footer{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:20px}.logo-iq-footer{color:var(--primary-color)}.footer-desc{color:#94a3b8;margin-bottom:40px;line-height:1.6}.footer-links h4{color:#fff;font-size:1rem;margin-bottom:20px}.footer-links ul li{margin-bottom:12px}.footer-links a:hover{color:#fff}.copyright{font-size:.8rem;color:#64748b}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;text-align:center}}