@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Unbounded:wght@400;600;800&display=swap";
:root{--clr-bg:#fff;--clr-bg-alt:#f9fafb;--clr-text:#111827;--clr-text-muted:#6b7280;--clr-primary:#ffd600;--clr-primary-hover:#e6c200;--clr-primary-light:#fff9d6;--clr-error:#ef4444;--clr-success:#10b981;--font-heading:"Unbounded",sans-serif;--font-body:"Inter",sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006;--shadow-primary:0 8px 24px #ffd6004d;--transition:all .3s cubic-bezier(.4,0,.2,1);--transition-fast:all .15s ease}
*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body)}body{background-color:var(--clr-bg);color:var(--clr-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:inherit;transition:var(--transition);text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-left{text-align:left!important}.text-center{text-align:center}.highlight{z-index:1;display:inline-block;position:relative}.highlight:after{content:"";background-color:var(--clr-primary);z-index:-1;border-radius:2px;width:100%;height:30%;position:absolute;bottom:0;left:0;transform:rotate(-1deg)}.bg-light{background-color:var(--clr-bg-alt)}.w-full{width:100%}.btn{border-radius:var(--radius-pill);font-weight:600;font-family:var(--font-heading);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;padding:12px 28px;font-size:1rem;display:inline-flex}.btn-primary{background-color:var(--clr-primary);color:var(--clr-text);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--clr-primary-hover);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.btn-outline{color:var(--clr-text);background-color:#0000;border:1px solid #0000001a}.btn-outline:hover{background-color:var(--clr-bg-alt);border-color:#0003}.btn-large{padding:16px 36px;font-size:1.125rem}
.example-item{background:var(--clr-bg-alt);border-radius:var(--radius-md);font-family:var(--font-heading);color:var(--clr-text-muted);transition:var(--transition);cursor:pointer;border:1px dashed #0000001a;justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;display:flex}.example-item:hover{box-shadow:var(--shadow-md);color:var(--clr-text);background:#fff;border-color:#0000;transform:translateY(-5px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes floatReverse{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes pulseGlow{0%{opacity:.15;transform:translate(-50%,-50%)scale(1)}50%{opacity:.3;transform:translate(-50%,-50%)scale(1.05)}to{opacity:.15;transform:translate(-50%,-50%)scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:4s ease-in-out infinite float}.animate-float-delayed{animation:5s ease-in-out 1s infinite floatReverse}.animate-pulse-glow{animation:8s ease-in-out infinite pulseGlow}.animate-fade-up{opacity:0;animation:.8s ease-out forwards fadeUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-container{white-space:nowrap;background:var(--clr-bg-alt);color:var(--clr-text-muted);border-top:1px dashed #0000001a;border-bottom:1px dashed #0000001a;width:100%;padding:16px 0;display:flex;position:absolute;bottom:0;left:0;overflow:hidden}.marquee-content{min-width:200%;font-family:var(--font-heading);letter-spacing:.5px;text-transform:uppercase;gap:60px;font-size:1.125rem;font-weight:600;animation:30s linear infinite marquee;display:flex}.marquee-content span{align-items:center;gap:12px;display:flex}.nav-links{gap:32px;display:flex}.mobile-menu-btn{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000001a;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:none}.nav-actions{align-items:center;gap:16px;display:flex}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;display:grid}.hero-visual{justify-content:center;align-items:center;height:500px;display:flex;position:relative}.hero-title{letter-spacing:-1.5px;margin-bottom:0;font-size:4.5rem;line-height:1.05}.hiw-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.hiw-interactive-grid{text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.features-bento-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.features-bento-card-main{grid-column:span 8}.features-bento-card-side{grid-column:span 4}.examples-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:250px;gap:24px;display:grid}.comparison-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.footer-grid{grid-template-columns:2fr 3fr;gap:60px;margin-bottom:40px;display:grid}.footer-links-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.section-title{letter-spacing:-.5px;margin-bottom:24px;font-size:2.75rem}.section-subtitle{color:var(--clr-text-muted);max-width:700px;margin:0 auto 48px;font-size:1.125rem}.cta-section-title{letter-spacing:-1px;margin-bottom:24px;font-size:3.5rem}.mobile-nav-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1100;background:#fffffffa;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.mobile-nav-overlay.open{display:flex}.mobile-nav-overlay a{font-size:1.5rem;font-weight:600;font-family:var(--font-heading);color:var(--clr-text);padding:12px 24px}.mobile-nav-close{cursor:pointer;width:44px;height:44px;color:var(--clr-text);z-index:1101;background:0 0;border:none;justify-content:center;align-items:center;font-size:2rem;display:flex;position:absolute;top:20px;right:24px}@media (max-width:768px){.nav-links{display:none!important}.mobile-menu-btn{display:flex}.nav-actions .btn-outline,.nav-actions .btn-primary{display:none}.hero-grid{text-align:center;grid-template-columns:1fr;gap:40px}.hero-grid>div:first-child{align-items:center}.hero-content{align-items:center!important}.hero-content .animate-fade-up.delay-200{align-items:center}.hero-content .animate-fade-up.delay-200 span{text-align:center;padding-left:0!important}.hero-title{letter-spacing:-1px;font-size:2.75rem}.hero-visual{order:-1;height:350px}.hero section,section.hero{min-height:auto!important;padding-top:100px!important;padding-bottom:80px!important}.animate-float,.animate-float-delayed{display:none}.hiw-grid{grid-template-columns:1fr;gap:24px}.hiw-interactive-grid{grid-template-columns:1fr;gap:32px}.features-bento-card-main,.features-bento-card-side{grid-column:span 12!important}.examples-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.comparison-grid{grid-template-columns:1fr}.footer-grid{text-align:center;grid-template-columns:1fr;gap:40px}.footer-links-grid{grid-template-columns:repeat(3,1fr)}.section-title{font-size:2rem}.cta-section-title{font-size:2.25rem}section{padding:60px 0!important}.marquee-content{gap:30px;font-size:.875rem}}@media (max-width:480px){.hero-title{letter-spacing:-.5px;font-size:2rem}.section-title{font-size:1.625rem}.cta-section-title{font-size:1.75rem}.examples-grid{grid-template-columns:1fr;grid-auto-rows:180px}.footer-links-grid{text-align:center;grid-template-columns:1fr}.hero-visual{height:260px}}