*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;color:#1a1f36;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{position:fixed;top:0;left:0;right:0;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #e3e8ee;z-index:100;height:64px}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-size:20px;font-weight:700;letter-spacing:-.01em}.logo-dot{color:#635bff}.btn-register{display:inline-flex;align-items:center;background:#635bff;color:#fff;padding:8px 20px;border-radius:8px;font-weight:600;font-size:14px;transition:background .15s ease}.btn-register:hover{background:#5449d6}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:#635bff;color:#fff;padding:12px 28px;border-radius:10px;font-weight:600;font-size:16px;transition:all .15s ease;border:none;cursor:pointer}.btn-primary:hover{background:#5449d6;transform:translateY(-1px);box-shadow:0 4px 12px #635bff4d}.btn-lg{padding:16px 36px;font-size:17px;border-radius:12px}.text-purple{color:#635bff}.text-muted{color:#697386}.hero{padding-top:140px;padding-bottom:40px;text-align:center;background:linear-gradient(180deg,#f6f9fc,#fff)}.hero h1{font-size:60px;font-weight:800;line-height:1.08;letter-spacing:-.03em;margin-bottom:24px}.hero-sub{font-size:20px;color:#697386;max-width:600px;margin:0 auto 36px;line-height:1.5}.hero-cta{margin-bottom:72px}.hero-screenshot{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 24px 80px #0000001a,0 0 0 1px #0000000a}.hero-screenshot img{width:100%}.capabilities{padding:100px 0}.capabilities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}.capability-icon{width:48px;height:48px;margin:0 auto 16px;background:#f0eeff;color:#635bff;border-radius:12px;display:flex;align-items:center;justify-content:center}.capability-icon svg{width:24px;height:24px}.capability h3{font-size:17px;font-weight:700;margin-bottom:6px}.capability p{font-size:15px;color:#697386;line-height:1.5}.features{padding:40px 0 80px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:100px}.feature-row:last-child{margin-bottom:0}.feature-row.reverse .feature-text{order:2}.feature-row.reverse .feature-image{order:1}.feature-text h2{font-size:36px;font-weight:800;letter-spacing:-.02em;margin-bottom:16px;line-height:1.15}.feature-text p{font-size:18px;color:#697386;line-height:1.6}.feature-image{border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #00000014,0 0 0 1px #0000000a}.feature-image img{width:100%}.showcase{padding:100px 0;background:#f6f9fc;text-align:center}.showcase h2{font-size:36px;font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.showcase-sub{font-size:18px;color:#697386;max-width:560px;margin:0 auto 56px;line-height:1.5}.showcase-image{border-radius:16px;overflow:hidden;box-shadow:0 24px 80px #0000001a,0 0 0 1px #0000000a}.showcase-image img{width:100%}.cta{padding:120px 0;text-align:center}.cta h2{font-size:40px;font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.cta p{font-size:18px;color:#697386;margin-bottom:36px}.footer{padding:32px 0;border-top:1px solid #e3e8ee}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-brand{font-size:16px;font-weight:700}.footer-copy{font-size:14px;color:#697386}@media(max-width:960px){.hero h1{font-size:44px}.capabilities-grid{grid-template-columns:repeat(2,1fr);gap:24px}.feature-row{grid-template-columns:1fr;gap:32px;margin-bottom:64px}.feature-row.reverse .feature-text{order:1}.feature-row.reverse .feature-image{order:2}.feature-text h2{font-size:28px}}@media(max-width:640px){.hero{padding-top:110px}.hero h1{font-size:34px}.hero-sub{font-size:17px}.capabilities-grid{grid-template-columns:1fr}.showcase h2,.cta h2{font-size:28px}.footer-inner{flex-direction:column;gap:8px;text-align:center}}