@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color: #ffffff;--text-main: #0f172a;--accent-color: #2563eb;--accent-hover: #1d4ed8;--header-bg: rgba(255, 255, 255, .85);--header-border: #e2e8f0;--white: #ffffff}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none}.layout{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:50;background-color:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--header-border);height:112px;display:flex;align-items:center}.header-container{max-width:1200px;width:100%;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.logo-img{height:96px;width:auto;display:block}.header-actions{display:flex;align-items:center;gap:12px}.btn-login{color:var(--text-main);font-size:.95rem;font-weight:500;padding:10px 18px;border-radius:8px;transition:background .2s ease}.btn-login:hover{background-color:#f1f5f9}.btn-contact{background-color:var(--accent-color);color:var(--white);padding:10px 22px;border-radius:8px;font-size:.95rem;font-weight:500;transition:all .2s ease;box-shadow:0 4px 6px -1px #2563eb1a,0 2px 4px -1px #2563eb0f}.btn-contact:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 8px -1px #2563eb26,0 4px 6px -1px #2563eb14}.main-content{flex:1}.content-container{max-width:1200px;width:100%;margin:0 auto;padding:60px 24px;min-height:calc(100vh - 72px);position:relative}.hero{padding:80px 24px 64px;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(160deg,#eff6ff,#f8fafc,#f0fdf4);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-120px;right:-120px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-80px;left:-80px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.07) 0%,transparent 70%);pointer-events:none}.hero-content{max-width:800px;margin:0 auto 64px}.hero-title{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#0f172a,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.15;letter-spacing:-.04em;margin-bottom:24px}.hero-subtitle{font-size:1.25rem;color:#64748b;line-height:1.6;max-width:700px;margin:0 auto 40px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.btn-primary{background-color:var(--accent-color);color:var(--white);padding:14px 28px;border-radius:8px;font-size:1.05rem;font-weight:500;transition:all .2s ease;box-shadow:0 4px 6px -1px #2563eb1a,0 2px 4px -1px #2563eb0f}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 8px -1px #2563eb26,0 4px 6px -1px #2563eb14}.btn-secondary{background-color:transparent;color:var(--text-main);padding:13px 27px;border:1px solid #cbd5e1;border-radius:8px;font-size:1.05rem;font-weight:500;transition:all .2s ease}.btn-secondary:hover{background-color:#f1f5f9;border-color:#94a3b8}.hero-image-wrapper{width:100%;max-width:1024px;margin:0 auto}.hero-mockup-frame{width:100%;max-width:900px;background-color:#fff;border-radius:12px;border:1px solid #bfdbfe;box-shadow:0 20px 60px -10px #2563eb2e,0 8px 20px -6px #00000014;overflow:hidden;display:flex;flex-direction:column;margin:0 auto;transition:transform .3s ease}.hero-mockup-frame:hover{transform:translateY(-4px)}.mockup-header{height:48px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;padding:0 16px}.mockup-dots{display:flex;gap:8px}.mockup-dots span{width:12px;height:12px;border-radius:50%}.mockup-dots span:nth-child(1){background-color:#fca5a5}.mockup-dots span:nth-child(2){background-color:#fcd34d}.mockup-dots span:nth-child(3){background-color:#86efac}.mockup-body{overflow:hidden;background-color:#fff}.mockup-video{width:100%;height:auto;display:block}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.hero{padding-top:48px}}.features{padding:96px 24px;background-color:var(--white);border-top:1px solid var(--header-border)}.feature-tag{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.03em;padding:5px 14px;border-radius:6px;margin-bottom:16px}.feature-tag--blue{background-color:#dbeafe;color:#1d4ed8;border-left:3px solid #2563eb}.feature-tag--violet{background-color:#ede9fe;color:#6d28d9;border-left:3px solid #7c3aed}.feature-tag--emerald{background-color:#d1fae5;color:#065f46;border-left:3px solid #10b981}.features-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:120px}.feature-row{display:flex;align-items:center;gap:64px}.feature-row.reverse{flex-direction:row-reverse}.feature-text{flex:1;max-width:500px}.feature-title{font-size:2.25rem;font-weight:700;color:var(--text-main);line-height:1.2;letter-spacing:-.02em;margin-bottom:20px}.feature-description{font-size:1.125rem;color:#64748b;line-height:1.6}.feature-visual{flex:1.5;width:100%}.feature-placeholder,.feature-image-container{width:100%;aspect-ratio:4 / 3;background-color:#f8fafc;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d;transition:transform .3s ease;overflow:hidden;display:flex;align-items:center;justify-content:center}.feature-image{width:100%;height:100%;object-fit:cover}.feature-placeholder:hover,.feature-image-container:hover{transform:translateY(-4px)}@media(max-width:992px){.feature-row,.feature-row.reverse{flex-direction:column;text-align:center;gap:48px}.feature-text{max-width:100%}.features-container{gap:80px}}@media(max-width:768px){.features{padding:64px 24px}.feature-title{font-size:1.875rem}.feature-description{font-size:1rem}}.io-section{padding:96px 24px;background:linear-gradient(160deg,#1e40af,#2563eb,#3b82f6);border-top:1px solid var(--header-border)}.io-section .io-title{color:#fff}.io-section .io-subtitle{color:#bfdbfe}.io-container{max-width:1200px;margin:0 auto;text-align:center}.io-title{font-size:2.25rem;font-weight:700;color:var(--text-main);letter-spacing:-.02em;margin-bottom:16px}.io-subtitle{font-size:1.125rem;color:#64748b;margin-bottom:64px;max-width:600px;margin-left:auto;margin-right:auto}.io-columns{display:flex;align-items:center;justify-content:center;gap:32px}.io-column{flex:1;max-width:420px;background-color:var(--white);border:1px solid var(--header-border);border-radius:16px;padding:40px 32px;display:flex;flex-direction:column;gap:24px;box-shadow:0 4px 6px -1px #0000000a}.io-column-header{display:flex;flex-direction:column;align-items:center;gap:10px}.io-badge{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 14px;border-radius:999px}.io-badge-input{background-color:#fef3c7;color:#92400e}.io-badge-output{background-color:#dcfce7;color:#166534}.io-column-desc{font-size:1rem;color:#64748b}.io-btn-group{display:flex;flex-direction:column;gap:12px}.io-btn{display:block;padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:500;transition:all .2s ease;text-align:center}.io-btn-input{background-color:var(--accent-color);color:var(--white);box-shadow:0 4px 6px -1px #2563eb26}.io-btn-input:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.io-btn-output{background-color:var(--white);color:var(--accent-color);border:1.5px solid var(--accent-color)}.io-btn-output:hover{background-color:#eff6ff;transform:translateY(-1px)}.io-arrow{font-size:2rem;color:#cbd5e1;flex-shrink:0}@media(max-width:768px){.io-columns{flex-direction:column}.io-arrow{transform:rotate(90deg)}.io-column{max-width:100%;width:100%}.io-title{font-size:1.875rem}}.pricing{padding:96px 24px;background-color:var(--white);border-top:1px solid var(--header-border)}.pricing-container{max-width:1100px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:56px}.pricing-title{font-size:2.25rem;font-weight:700;color:var(--text-main);letter-spacing:-.02em;margin-bottom:14px}.pricing-subtitle{font-size:1.125rem;color:#64748b;margin-bottom:36px}.pricing-toggle{display:inline-flex;align-items:center;gap:12px;background:#f1f5f9;padding:8px 18px;border-radius:999px}.toggle-label{font-size:.95rem;font-weight:500;color:#94a3b8;transition:color .2s;display:flex;align-items:center;gap:8px}.toggle-label.active{color:var(--text-main)}.toggle-save{font-size:.72rem;font-weight:600;background:#dcfce7;color:#166534;padding:2px 8px;border-radius:999px}.toggle-switch{width:44px;height:24px;background:#cbd5e1;border-radius:999px;position:relative;cursor:pointer;border:none;transition:background .25s ease;flex-shrink:0}.toggle-switch.on{background:var(--accent-color)}.toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .25s ease;box-shadow:0 1px 3px #0003}.toggle-switch.on .toggle-knob{transform:translate(20px)}.pricing-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.pricing-card{background:#f8fafc;border:1px solid var(--header-border);border-radius:16px;padding:36px;display:flex;flex-direction:column;gap:28px;position:relative}.pricing-card--highlighted{background:var(--white);border-color:#a5b4fc;box-shadow:0 8px 30px -6px #7c3aed1f}.popular-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-size:.75rem;font-weight:600;padding:4px 16px;border-radius:999px;white-space:nowrap}.card-top{display:flex;flex-direction:column;gap:8px}.pricing-tag{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.03em;padding:4px 12px;border-radius:6px;align-self:flex-start}.tag--blue{background-color:#dbeafe;color:#1d4ed8;border-left:3px solid #2563eb}.tag--violet{background-color:#ede9fe;color:#6d28d9;border-left:3px solid #7c3aed}.tag--slate{background-color:#f1f5f9;color:#475569;border-left:3px solid #94a3b8}.card-name{font-size:1.5rem;font-weight:700;color:var(--text-main);letter-spacing:-.02em}.card-subtitle{font-size:.85rem;color:#94a3b8;font-weight:500}.card-description{font-size:.95rem;color:#64748b;line-height:1.5}.card-price{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:20px 0}.price-amount{font-size:2.5rem;font-weight:800;color:var(--text-main);letter-spacing:-.03em}.price-unit{font-size:1rem;color:#64748b;font-weight:500}.price-yearly-note{font-size:.82rem;color:#94a3b8;margin-top:6px}.card-features{list-style:none;display:flex;flex-direction:column;gap:12px;flex:1}.feature-item{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:#334155;line-height:1.45}.feature-check{flex-shrink:0;margin-top:1px}.card-cta{display:block;text-align:center;padding:13px 20px;border-radius:8px;font-size:.95rem;font-weight:600;transition:all .2s ease}.card-cta--blue{background-color:var(--accent-color);color:#fff;box-shadow:0 4px 10px -2px #2563eb33}.card-cta--blue:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.card-cta--violet{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 10px -2px #7c3aed40}.card-cta--violet:hover{opacity:.92;transform:translateY(-1px)}.enterprise-block{background:#f8fafc;border:1px solid var(--header-border);border-radius:16px;padding:40px;display:flex;gap:64px;align-items:flex-start}.enterprise-left{flex:1;display:flex;flex-direction:column;gap:10px;min-width:280px}.enterprise-title{font-size:1.5rem;font-weight:700;color:var(--text-main);letter-spacing:-.02em}.enterprise-description{font-size:.95rem;color:#64748b;line-height:1.5}.enterprise-price{font-size:.95rem;color:#334155;margin-top:8px;line-height:1.5}.enterprise-price strong{color:var(--text-main);font-weight:700}.enterprise-features{flex:1.2;display:flex;flex-direction:column;gap:24px}.enterprise-cta{align-self:flex-start;padding:12px 28px}@media(max-width:900px){.pricing-cards{grid-template-columns:1fr}.enterprise-block{flex-direction:column;gap:32px}.enterprise-cta{width:100%}}@media(max-width:640px){.pricing{padding:64px 24px}.pricing-title{font-size:1.875rem}.pricing-card{padding:28px 24px}}.contact{padding:96px 24px;background:linear-gradient(160deg,#f0fdf4,#f8fafc 60%,#eff6ff);border-top:1px solid var(--header-border)}.contact-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.contact-header{text-align:center;margin-bottom:64px;max-width:600px}.contact-content-wrapper{display:flex;gap:80px;width:100%}.contact-info{flex:1;display:flex;flex-direction:column;gap:32px}.info-block{display:flex;flex-direction:column;gap:8px}.info-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-color)}.info-value{font-size:1.125rem;font-weight:500;color:var(--text-main);line-height:1.4}.contact-title{font-size:2.25rem;font-weight:700;color:var(--text-main);line-height:1.25;letter-spacing:-.02em;margin-bottom:16px}.contact-subtitle{font-size:1.125rem;color:#64748b;line-height:1.6}.contact-form-wrapper{flex:1.2;max-width:500px;background-color:var(--white);padding:40px;border-radius:12px;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d;border:1px solid #e2e8f0}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.875rem;font-weight:500;color:var(--text-main)}.form-input{width:100%;padding:12px 14px;font-size:1rem;font-family:inherit;color:var(--text-main);background-color:var(--white);border:1px solid #cbd5e1;border-radius:6px;transition:all .2s ease;outline:none}.form-input::placeholder{color:#94a3b8}.form-input:hover{border-color:#94a3b8}.form-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #2563eb26}.btn-submit{margin-top:8px;background-color:var(--accent-color);color:var(--white);padding:14px 20px;border-radius:6px;font-size:1.05rem;font-weight:500;width:100%;transition:all .2s ease;box-shadow:0 4px 6px -1px #2563eb1a,0 2px 4px -1px #2563eb0f}.btn-submit:disabled{background-color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.form-result{margin-top:16px;font-size:.875rem;font-weight:500;text-align:center;padding:10px;border-radius:6px}.form-result.success{color:#166534;background-color:#f0fdf4;border:1px solid #bcf0da}.form-result.error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.btn-submit:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 8px -1px #2563eb26,0 4px 6px -1px #2563eb14}@media(max-width:900px){.contact-content-wrapper{flex-direction:column;gap:48px}.contact-info{text-align:center;align-items:center}.contact-form-wrapper{max-width:100%}}@media(max-width:640px){.contact{padding:64px 24px}.contact-title{font-size:1.875rem}.contact-form-wrapper{padding:32px 24px}}.footer{background-color:#0f172a;border-top:1px solid #1e293b;padding:32px 24px}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center}.footer-text{font-size:.875rem;color:#475569}.success-page{min-height:100vh;background:linear-gradient(160deg,#f0fdf4,#f8fafc 60%,#eff6ff);display:flex;align-items:center;justify-content:center;padding:24px}.success-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:56px 48px;max-width:520px;width:100%;text-align:center;box-shadow:0 20px 40px -10px #00000014;display:flex;flex-direction:column;align-items:center;gap:20px}.success-logo{height:40px;width:auto}.success-icon{width:64px;height:64px;background:#dcfce7;color:#16a34a;border-radius:50%;font-size:1.75rem;display:flex;align-items:center;justify-content:center;font-weight:700}.success-title{font-size:1.75rem;font-weight:700;color:#0f172a;letter-spacing:-.02em}.success-desc{font-size:1rem;color:#64748b;line-height:1.6}.success-ref{font-size:.8rem;color:#94a3b8}.success-ref code{font-family:monospace;background:#f1f5f9;padding:2px 6px;border-radius:4px}.success-btn{margin-top:8px;background-color:#2563eb;color:#fff;padding:13px 32px;border-radius:8px;font-size:.95rem;font-weight:600;transition:background .2s ease}.success-btn:hover{background-color:#1d4ed8}