/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.left-1\/2{left:50%}.z-50{z-index:50}.mx-auto{margin-inline:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.w-full{width:100%}.flex-1{flex:1}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.text-center{text-align:center}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media(hover:hover){.hover\:opacity-90:hover{opacity:.9}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}:root{--color-primary-400:#42a5e0;--color-primary-500:#2d8cca;--color-primary-600:#2577ad;--color-accent:#c7a45e;--surface-primary:#fff;--surface-secondary:#f9fafb;--surface-tertiary:#f3f4f6;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-inverse:#fff;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:.15s ease;--transition-normal:.2s ease}@media(prefers-color-scheme:dark){:root{--surface-primary:#1f2937;--surface-secondary:#111827;--surface-tertiary:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--border-primary:#374151;--border-secondary:#4b5563}.logo-dark{display:block}.logo-light{display:none}}[data-theme=dark]{--surface-primary:#1f2937;--surface-secondary:#111827;--surface-tertiary:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--border-primary:#374151;--border-secondary:#4b5563}[data-theme=light]{--surface-primary:#fff;--surface-secondary:#f9fafb;--surface-tertiary:#f3f4f6;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#6b7280;--border-primary:#e5e7eb;--border-secondary:#d1d5db}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text-primary);background:var(--surface-primary);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}.navbar{background:var(--surface-primary);border-bottom:1px solid var(--border-primary);z-index:100;height:64px;position:fixed;top:0;left:0;right:0}.nav-container{max-width:1200px;padding:0 var(--spacing-6);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.nav-logo img{width:auto;height:36px}.logo-dark{display:none}.logo-light,[data-theme=dark] .logo-dark{display:block}[data-theme=dark] .logo-light{display:none}.nav-links{align-items:center;gap:var(--spacing-6);display:flex}.nav-links a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.9375rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--color-primary-500)}.btn-nav{padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-md);background:var(--color-primary-500)!important;color:var(--text-inverse)!important}.btn-nav:hover{background:var(--color-primary-600)!important}.hero{padding-top:calc(64px + var(--spacing-16));padding-bottom:var(--spacing-16);background:linear-gradient(180deg,var(--surface-secondary)0%,var(--surface-primary)100%);justify-content:center;align-items:center;min-height:85vh;display:flex}.hero-content{max-width:600px;padding:0 var(--spacing-6)}.hero-badge{align-items:center;gap:var(--spacing-2);color:var(--color-primary-500);padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-full);margin-bottom:var(--spacing-6);background:#2d8cca1a;font-size:.875rem;font-weight:600;display:inline-flex}.hero h1{color:var(--text-primary);margin:0 0 var(--spacing-6);font-size:3rem;font-weight:700;line-height:1.1}.text-primary{color:var(--color-primary-500)}.hero-description{color:var(--text-secondary);margin:0 0 var(--spacing-8);font-size:1.125rem;line-height:1.7}.hero-actions{gap:var(--spacing-4);flex-wrap:wrap;display:flex}.hero-visual{display:none}@media(min-width:1024px){.hero{padding:calc(64px + var(--spacing-20))var(--spacing-6)}.hero-content{gap:var(--spacing-16);align-items:center;max-width:1200px;display:flex}.hero-content>:first-child{flex:1}.hero-visual{flex:1;display:block}}.hero-card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;transform:perspective(1000px)rotateY(-5deg)rotateX(5deg)}.card-header{background:var(--surface-tertiary);padding:var(--spacing-3)var(--spacing-4);align-items:center;gap:var(--spacing-3);border-bottom:1px solid var(--border-primary);display:flex}.card-dots{gap:var(--spacing-2);display:flex}.card-dots span{background:var(--border-secondary);border-radius:50%;width:12px;height:12px}.card-dots span:first-child{background:#ef4444}.card-dots span:nth-child(2){background:#f59e0b}.card-dots span:last-child{background:#10b981}.card-title{color:var(--text-tertiary);font-size:.75rem}.card-content{padding:var(--spacing-6);gap:var(--spacing-3);flex-direction:column;display:flex}.card-line{background:var(--surface-tertiary);border-radius:var(--radius-sm);height:8px}.card-field{gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-sm);border:1px dashed var(--color-primary-400);background:#2d8cca0d;align-items:center;display:flex}.field-label{color:var(--text-tertiary);font-size:.75rem}.field-value{color:var(--color-primary-500);font-family:monospace;font-size:.75rem;font-weight:600}.btn-primary{align-items:center;gap:var(--spacing-2);background:var(--color-primary-500);color:var(--text-inverse);padding:var(--spacing-3)var(--spacing-6);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:none;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--color-primary-600);transform:translateY(-1px)}.btn-secondary{align-items:center;gap:var(--spacing-2);color:var(--text-primary);padding:var(--spacing-3)var(--spacing-6);border-radius:var(--radius-md);border:1px solid var(--border-secondary);transition:all var(--transition-fast);background:0 0;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:var(--surface-tertiary)}.btn-large{padding:var(--spacing-4)var(--spacing-8);font-size:1.125rem}.section-container{max-width:1200px;padding:0 var(--spacing-6);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--spacing-12)}.section-header h2{color:var(--text-primary);margin:0 0 var(--spacing-4);font-size:2.25rem;font-weight:700}.section-header p{color:var(--text-secondary);margin:0;font-size:1.125rem}.features{padding:var(--spacing-20)0;background:var(--surface-primary)}.features-grid{gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.feature-card{background:var(--surface-secondary);padding:var(--spacing-8);border-radius:var(--radius-lg);border:1px solid var(--border-primary);transition:all var(--transition-normal)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{border-radius:var(--radius-lg);width:56px;height:56px;margin-bottom:var(--spacing-5);color:var(--color-primary-500);background:#2d8cca1a;justify-content:center;align-items:center;display:flex}.feature-card h3{color:var(--text-primary);margin:0 0 var(--spacing-3);font-size:1.25rem;font-weight:600}.feature-card p{color:var(--text-secondary);margin:0;line-height:1.7}.feature-card code{color:var(--color-primary-500);border-radius:var(--radius-sm);background:#2d8cca1a;padding:2px 6px;font-size:.875rem}.how-it-works{padding:var(--spacing-20)0;background:var(--surface-secondary)}.steps{gap:var(--spacing-4);flex-direction:column;max-width:700px;margin:0 auto;display:flex}@media(min-width:768px){.steps{flex-direction:row;align-items:flex-start;max-width:none}}.step{text-align:center;padding:var(--spacing-6);flex:1}.step-number{background:var(--color-primary-500);width:48px;height:48px;color:var(--text-inverse);margin:0 auto var(--spacing-5);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.step-content h3{color:var(--text-primary);margin:0 0 var(--spacing-3);font-size:1.125rem;font-weight:600}.step-content p{color:var(--text-secondary);margin:0;font-size:.9375rem}.step-connector{display:none}@media(min-width:768px){.step-connector{background:var(--border-secondary);flex-shrink:0;width:60px;height:2px;margin-top:24px;display:block}}.use-cases{padding:var(--spacing-20)0;background:var(--surface-primary)}.use-cases-grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.use-case{text-align:center;padding:var(--spacing-6);background:var(--surface-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);transition:all var(--transition-fast)}.use-case:hover{border-color:var(--color-primary-400)}.use-case-icon{margin-bottom:var(--spacing-4);font-size:2.5rem;display:block}.use-case h4{color:var(--text-primary);margin:0 0 var(--spacing-2);font-size:1rem;font-weight:600}.use-case p{color:var(--text-tertiary);margin:0;font-size:.875rem}.cta{padding:var(--spacing-20)0;background:linear-gradient(135deg,var(--color-primary-500)0%,var(--color-primary-600)100%)}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta h2{color:var(--text-inverse);margin:0 0 var(--spacing-4);font-size:2rem;font-weight:700}.cta p{color:#ffffffe6;margin:0 0 var(--spacing-8);font-size:1.125rem}.cta .btn-primary{background:var(--text-inverse);color:var(--color-primary-500)}.cta .btn-primary:hover{background:var(--surface-secondary)}.footer{background:var(--text-primary);color:var(--text-inverse);padding:var(--spacing-12)0}.footer-container{max-width:1200px;padding:0 var(--spacing-6);gap:var(--spacing-6);text-align:center;flex-direction:column;align-items:center;margin:0 auto;display:flex}@media(min-width:768px){.footer-container{text-align:left;flex-direction:row;justify-content:space-between}}.footer-brand img{height:40px;margin-bottom:var(--spacing-3)}.footer-brand p{color:#fff9;margin:0;font-size:.875rem}.footer-links{gap:var(--spacing-6);display:flex}.footer-links a{color:#fffc;transition:color var(--transition-fast);font-size:.875rem;text-decoration:none}.footer-links a:hover{color:var(--text-inverse)}.footer-copy{color:#ffffff80;font-size:.8125rem}@media(max-width:640px){.nav-links a:not(.btn-nav){display:none}.hero h1{font-size:2rem}.section-header h2{font-size:1.75rem}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}