.header{display:flex;justify-content:space-between;align-items:center;padding:20px 50px;backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;z-index:10}.header,:root[data-theme=light] .header{background:rgba(255,255,255,.95)}.logo{display:flex;align-items:center;font-size:24px;font-weight:700;color:#333}.logo-image{margin-right:12px;object-fit:contain}.nav{display:flex;gap:30px}.nav a{text-decoration:none;color:#666;font-weight:500;transition:color .3s ease}.nav a:hover{color:#8b5cf6}.start-btn{background:#333;color:white;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.start-btn:hover{background:#555;transform:translateY(-2px)}@media (max-width:768px){.header{padding:15px 20px;flex-direction:column;gap:20px;position:relative}}.mop-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000}.mop-modal{width:min(92vw,420px);background:#ffffff;color:#111214;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.12);border:1px solid rgba(0,0,0,.06);overflow:hidden;animation:mop-pop .16s ease-out}.mop-header{display:flex;align-items:center;gap:10px;padding:16px 20px 0}.mop-title{margin:0;font-size:18px;letter-spacing:.2px}.mop-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:#a5b4fc;background:linear-gradient(180deg,rgba(99,102,241,.18),rgba(99,102,241,.08));border:1px solid rgba(99,102,241,.25)}.mop-body{padding:10px 20px 0;text-align:left}.mop-message{margin:0;font-size:14px;line-height:1.6;opacity:.9;text-align:left}.mop-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 20px 20px}.mop-btn{appearance:none;border:none;outline:none;background:linear-gradient(180deg,#6366f1,#4f46e5);color:white;padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;box-shadow:0 8px 22px rgba(79,70,229,.45)}.mop-btn:hover{transform:translateY(-1px)}.mop-btn:active{transform:translateY(0)}@keyframes mop-pop{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.input-section{background:white;border-radius:25px;padding:8px;display:flex;align-items:center;max-width:700px;margin:0 auto;box-shadow:0 10px 30px rgba(0,0,0,.1);border:2px solid #f0f0f0;transition:all .3s ease;overflow:hidden}.input-section:focus-within{border-color:#f0f0f0;box-shadow:0 10px 30px rgba(0,0,0,.15)}.input-field{flex:1;border:none;outline:none;padding:16px 24px;font-size:16px;background:transparent;color:#666;caret-color:#8b5cf6;min-width:0}.input-field::placeholder{color:#999}.input-field.typing{color:#666}.input-field.typing:after{content:"|";animation:blink 1s infinite;color:#8b5cf6;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.action-buttons{display:flex;gap:8px;margin-right:8px;flex-shrink:0}.action-btn{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:18px;flex:0 0 auto}.action-btn svg{display:block;width:24px!important;height:24px!important;min-width:24px;min-height:24px}.submit-btn svg{transform:translateY(1px)}.attach-btn{background:#333;color:white}.attach-btn:hover{background:#555;transform:scale(1.1)}.submit-btn{background:linear-gradient(45deg,#8b5cf6,#a855f7);color:white}.submit-btn:hover{transform:scale(1.1);box-shadow:0 5px 15px rgba(139,92,246,.4)}@media (max-width:768px){.input-section{max-width:92%;padding:6px;border-radius:20px}.action-buttons{gap:6px;margin-right:6px}.action-btn{width:42px;height:42px}}@media (max-width:480px){.input-section{max-width:100%;border-radius:18px;padding:8px}.input-field{padding:12px 16px;font-size:14px;line-height:1.3}.action-btn{width:36px;height:36px;font-size:16px}.action-buttons{gap:6px;margin-right:4px}}body.landing-page .input-section{background:white!important;border-color:#f0f0f0!important}body.landing-page .input-field{color:#666!important;background:transparent!important}body.landing-page .attach-btn{background:#333!important;color:white!important}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 20px 60px;min-height:100vh}.hero-section{text-align:center;max-width:800px}.title-container{background:transparent;border:3px solid #8b5cf6;border-radius:0;padding:40px 30px;margin-bottom:40px;box-shadow:0 10px 30px rgba(139,92,246,.15);position:relative;overflow:visible}.title-container:after{content:"";right:-5px}.title-container .corner-top-left,.title-container:after{position:absolute;width:10px;height:10px;background:white;border:2px solid #8b5cf6;top:-5px}.title-container .corner-top-left{left:-5px}.title-container .corner-bottom-left,.title-container .corner-bottom-right{position:absolute;width:10px;height:10px;background:white;border:2px solid #8b5cf6}.corner-bottom-left{bottom:-5px;left:-5px}.corner-bottom-right{bottom:-5px;right:-5px}.title-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:transparent;z-index:-1}.main-title{font-size:4rem;font-weight:900;color:#1a1a1a;line-height:1.1;margin-bottom:0;position:relative;z-index:1;font-family:IBM Plex Sans,sans-serif;letter-spacing:-.05em}@media (max-width:768px){.main-content{padding:60px 20px}.main-title{font-size:2.5rem}.title-container{padding:30px 20px}}@media (max-width:480px){.main-title{font-size:2rem}.title-container{padding:25px 15px}}.explore-section{min-height:100vh;padding:80px 120px;background:transparent;position:relative;scroll-margin-top:90px}.explore-container{max-width:1400px;margin:0 auto}.explore-title{font-size:3.5rem;font-weight:400;color:#1a1a1a;margin-bottom:60px;font-family:IBM Plex Sans,sans-serif;letter-spacing:-.02em;text-align:left;margin-left:80px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:1200px;margin:0 auto}.video-item{border-radius:8px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.12);background:#000;position:relative;aspect-ratio:16/9}.showcase-video{width:100%;height:100%;object-fit:cover;display:block}.video-item.video-error{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.video-item.video-error:after{content:"Video preview";color:white;font-size:14px;opacity:.7}.video-landscape,.video-portrait{grid-column:span 1}.video-portrait{aspect-ratio:9/16}@media (max-width:1200px){.explore-section{padding:80px}.explore-title{margin-left:40px}.video-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (max-width:768px){.explore-section{padding:80px 20px}.explore-title{font-size:2.5rem;margin-left:0;text-align:center}.video-grid{grid-template-columns:repeat(2,1fr);gap:8px}.video-portrait{grid-row:span 1}.video-item{border-radius:6px}}@media (max-width:480px){.video-grid{grid-template-columns:1fr;gap:8px;padding:0}.video-landscape,.video-portrait{grid-column:span 1;grid-row:span 1}.video-item{border-radius:4px}}.testimonials-section{min-height:100vh;padding:80px 120px 120px;background:white;position:relative}.testimonials-container{max-width:1400px;margin:0 auto}.testimonials-title{font-size:3.5rem;font-weight:400;color:#1a1a1a;margin-bottom:60px;font-family:IBM Plex Sans,sans-serif;letter-spacing:-.02em;text-align:left;margin-left:80px}.testimonials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:0 80px;margin-bottom:40px}.testimonial-card{background:white;border-radius:16px;padding:30px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #f0f0f0;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between;min-height:280px}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.12)}.testimonial-text{font-size:1rem;line-height:1.6;color:#333;margin-bottom:24px;flex-grow:1}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-info{flex-grow:1}.author-name{font-weight:600;color:#1a1a1a;font-size:.9rem;margin-bottom:2px}.author-handle{color:#666;font-size:.85rem}.testimonials-dots{display:flex;justify-content:center;gap:8px;margin-top:40px}.dot{width:8px;height:8px;border-radius:50%;background:#ddd;transition:background .3s ease}.dot.active{background:#333}@media (max-width:1200px){.testimonials-section{padding:80px 80px 120px}.testimonials-title{margin-left:40px}.testimonials-grid{grid-template-columns:repeat(2,1fr);padding:0 40px}}@media (max-width:768px){.testimonials-section{padding:80px 20px 120px}.testimonials-title{font-size:2.5rem;margin-left:0;text-align:center}.testimonials-grid{grid-template-columns:1fr;padding:0;gap:20px}.testimonial-card{padding:24px;min-height:auto}}@media (max-width:480px){.testimonials-title{font-size:2rem}.testimonial-card{padding:20px}}body.landing-page .testimonials-title{color:#1a1a1a!important}body.landing-page .testimonial-card{background:white!important;border-color:#f0f0f0!important;box-shadow:0 4px 20px rgba(0,0,0,.08)!important}body.landing-page .testimonial-text{color:#333!important}body.landing-page .author-name{color:#1a1a1a!important}body.landing-page .dot{background:#ddd!important}body.landing-page .dot.active{background:#333!important}.cta-section{min-height:50vh;background:#000000;display:flex;align-items:center;justify-content:center;position:relative;padding:120px 20px 80px;margin-top:-80px}.wave-svg{position:absolute;top:0;left:0;width:100%;height:80px;display:block}.cta-container{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.cta-title{font-size:3.5rem;font-weight:400;color:white;margin-bottom:40px;font-family:IBM Plex Sans,sans-serif;letter-spacing:-.02em}.cta-button{background:#8b5cf6;color:white;border:none;padding:16px 32px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer}.cta-button:active,.cta-button:focus,.cta-button:hover{background:#8b5cf6;color:white;outline:none;box-shadow:none;transform:none}@media (max-width:1200px){.cta-section{padding:100px 20px 80px;margin-top:-60px}.wave-svg{height:60px}}@media (max-width:768px){.cta-section{padding:80px 20px;margin-top:-40px}.wave-svg{height:40px}.cta-title{font-size:2.5rem}.cta-button{padding:14px 28px;font-size:1rem}}@media (max-width:480px){.cta-section{padding:60px 20px 80px;margin-top:-30px}.wave-svg{height:30px}.cta-title{font-size:2rem}.cta-button{padding:12px 24px;font-size:.9rem}}.footer{background:#2a2a2a;padding:40px 80px;position:relative}.footer-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 40px}.footer-info{display:flex;flex-direction:column;gap:4px}.footer-title{color:white;font-size:1rem;font-weight:600;margin:0;font-family:IBM Plex Sans,sans-serif}.footer-copyright{color:#888;font-size:.875rem;margin:0}.footer-social{gap:16px}.footer-social,.social-link{display:flex;align-items:center}.social-link{color:#888;transition:color .3s ease;justify-content:center;width:32px;height:32px;text-decoration:none}.social-link:hover{color:#fff}.social-link svg{width:20px;height:20px}@media (max-width:768px){.footer{padding:30px 40px}.footer-container{flex-direction:column;gap:20px;text-align:center;padding:0 20px}.footer-social{gap:20px}}@media (max-width:480px){.footer{padding:25px 30px}.footer-container{padding:0 15px}.footer-social{gap:16px}.social-link{width:28px;height:28px}.social-link svg{width:18px;height:18px}}