*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#09090b}body{--primary:#8B5CF6;--primary-light:#A78BFA;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:none;transition:color .2s}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}button{background:0 0;border:none;cursor:pointer}body{background:0 0;isolation:isolate;color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.5}@keyframes gradient-pulse{0%,100%{opacity:.5}50%{opacity:1}}body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 40% at 50% 5%,rgba(139,92,246,.14),transparent),radial-gradient(ellipse 60% 50% at 15% 35%,rgba(139,92,246,.11),transparent),radial-gradient(ellipse 50% 45% at 85% 55%,rgba(139,92,246,.09),transparent),radial-gradient(ellipse 55% 50% at 25% 75%,rgba(139,92,246,.09),transparent),radial-gradient(ellipse 50% 40% at 75% 90%,rgba(139,92,246,.08),transparent);animation:9s ease-in-out infinite gradient-pulse}h1,h2,h3,h4,h5,h6{font-family:'Hanken Grotesk',sans-serif}h2{font-size:42px;font-weight:700;color:#fff;line-height:1.15;margin-bottom:16px}h3{font-size:24px;font-weight:600;color:#fff;line-height:1.2;margin-bottom:12px}.h2-postheader{font-size:18px;color:#aaa;line-height:1.5;max-width:700px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;border-radius:20px;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.85}.btn-outline{display:inline-flex;align-items:center;justify-content:center;background:0 0;color:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;border-radius:20px;border:1px solid #333;cursor:pointer;transition:opacity .2s}.btn-outline:hover{opacity:.85}.footer-cta{display:flex;flex-direction:column;align-items:center;gap:32px;padding:100px 80px;text-align:center}.footer-cta h2{font-size:48px;font-weight:700;color:#fff;margin-bottom:0}.footer-cta>p{font-size:18px;color:#aaa}.footer-cta .footer-cta-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.footer-cta .footer-cta-actions .footer-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:16px;font-weight:600;line-height:1;padding:16px 32px;border-radius:24px;transition:opacity .2s}.footer-cta .footer-cta-actions .footer-btn:hover{opacity:.85}.footer-cta .footer-cta-actions .footer-cta-micro,.footer-cta .footer-cta-actions .footer-micro{font-size:14px;color:#777}.card{background:#1a1a1a;border-radius:16px;padding:24px}nav{display:flex;align-items:center;justify-content:center;height:80px;padding:0 80px;position:sticky;top:0;z-index:100}nav .nav-pill{display:flex;align-items:center;justify-content:space-between;width:1000px;height:56px;background:#000000CC;border-radius:28px;padding:12px 10px;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);box-shadow:0 3px 35px color-mix(in srgb,var(--primary) 19%,transparent);overflow:hidden}nav .nav-left,nav .nav-left .nav-logo{display:flex;align-items:center;gap:8px}nav .nav-left .nav-logo-icon{flex-shrink:0}nav .nav-left .nav-logo-text{font-family:'Hanken Grotesk',sans-serif;font-size:16px;font-weight:600;color:#fff}nav .nav-center{display:flex;align-items:center;gap:32px}nav .nav-center a{font-size:14px;font-weight:500;color:#ddd}nav .nav-center a:hover{color:#fff}nav .nav-center a.is-active{font-weight:700;background:linear-gradient(135deg,var(--primary-light),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}nav .nav-right{display:flex;align-items:center;gap:12px}nav .nav-right .nav-icon{width:20px;height:20px;flex-shrink:0;color:var(--primary);stroke:var(--primary)}nav .nav-cta-short{display:none}.normal-section{display:flex;flex-direction:column;align-items:center;gap:48px;padding:80px;max-width:1440px;margin:0 auto;width:100%}.icon-card{display:flex;flex-direction:column;gap:12px;background:#000;border-radius:20px;padding:24px;flex:1}.icon-card .icon-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#1a1a1a;border-radius:12px;flex-shrink:0;color:var(--primary)}.icon-card .icon-card-icon svg{width:24px;height:24px}.icon-card h4{font-size:18px;font-weight:600;color:#fff}.icon-card p{font-size:13px;color:#aaa;line-height:1.5}.icon-grid-4col{display:flex;flex-direction:column;gap:24px;width:100%}.icon-grid-4col .icon-grid-row{display:flex;gap:24px;width:100%}.icon-grid-3col{display:flex;flex-direction:column;gap:24px;width:100%}.icon-grid-3col .icon-grid-row{display:flex;gap:24px;width:100%}.nav-lang-toggle{display:flex;align-items:center;justify-content:center;background:0 0;border:none;cursor:pointer;padding:0;color:var(--primary)}.lang-popup{display:none;position:absolute;top:calc(100% - 8px);right:calc((100% - 1000px)/ 2 + 90px);width:200px;background:#000;border-radius:24px;box-shadow:0 3px 35px rgba(139,92,246,.19);padding:16px;z-index:200;flex-direction:column;gap:2px}.lang-popup.is-open{display:flex}.lang-popup .menu-section-label{font-size:11px;font-weight:700;color:#777;letter-spacing:.08em;text-transform:uppercase;padding:0 12px;margin-bottom:8px}.lang-popup .menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:500;color:#ddd;transition:background .15s,color .15s}.lang-popup .menu-item:hover{background:#1a1a1a;color:#fff}.lang-popup .lang-flag{font-size:13px;line-height:1;width:16px;text-align:center;flex-shrink:0}.nav-menu-toggle{display:flex;align-items:center;justify-content:center;background:0 0;border:none;cursor:pointer;padding:0;color:var(--primary);position:relative}.menu-popup{display:none;position:absolute;top:calc(100% - 8px);right:calc((100% - 1000px)/ 2);width:280px;background:#000;border-radius:24px;box-shadow:0 3px 35px rgba(139,92,246,.19);padding:16px;z-index:200;flex-direction:column;gap:24px;max-height:calc(100vh - 100px);overflow-y:auto}.menu-popup.is-open{display:flex}.menu-popup .menu-section{display:flex;flex-direction:column;gap:2px}.menu-popup .menu-section-label{font-size:11px;font-weight:700;color:#777;letter-spacing:.08em;text-transform:uppercase;padding:0 12px;margin-bottom:8px}.menu-popup .menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:500;color:#ddd;transition:background .15s,color .15s}.menu-popup .menu-item:hover{background:#1a1a1a;color:#fff}.menu-popup .menu-item .menu-item-icon{width:16px;height:16px;color:#aaa;flex-shrink:0}.menu-popup .menu-item-mobile-only,.menu-popup .menu-language-item,.menu-popup .menu-niche-card{display:none}.menu-popup .menu-niche-link{display:flex}.menu-popup .niche-popup{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:#000;border-radius:24px;padding:16px;flex-direction:column;gap:2px;z-index:201}.menu-popup .niche-popup.is-open{display:flex}.menu-popup .niche-popup .menu-section-label{margin-bottom:8px}.menu-popup .niche-popup .niche-back-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;font-size:11px;font-weight:600;color:#aaa;margin-bottom:8px;transition:color .15s}.menu-popup .niche-popup .niche-back-btn svg{width:14px;height:14px}.menu-popup .niche-popup .niche-back-btn:hover{color:#fff}footer .footer-columns{display:flex;justify-content:space-between;padding:60px 80px;border-top:1px solid #1a1a1a;gap:48px}footer .footer-columns .footer-brand{display:flex;flex-direction:column;gap:16px;max-width:280px}footer .footer-columns .footer-brand .footer-logo{display:flex;align-items:center;gap:8px}footer .footer-columns .footer-brand .footer-logo .footer-logo-icon{flex-shrink:0}footer .footer-columns .footer-brand .footer-logo .footer-logo-text{font-family:'Hanken Grotesk',sans-serif;font-size:14px;font-weight:600;color:#fff}footer .footer-columns .footer-brand .footer-tagline{font-size:13px;color:#777;line-height:1.5}footer .footer-columns .footer-nav-columns{display:flex;gap:48px}footer .footer-columns .footer-nav-columns .footer-nav-col{display:flex;flex-direction:column;gap:16px}footer .footer-columns .footer-nav-columns .footer-nav-col h4{font-size:14px;font-weight:600;color:#fff}footer .footer-columns .footer-nav-columns .footer-nav-col ul{display:flex;flex-direction:column;gap:12px}footer .footer-columns .footer-nav-columns .footer-nav-col ul a{font-size:14px;color:#999}footer .footer-columns .footer-nav-columns .footer-nav-col ul a:hover{color:#fff}footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:24px 80px;border-top:1px solid #1a1a1a}footer .footer-bottom .footer-legal{display:flex;gap:24px}footer .footer-bottom .footer-legal a{font-size:12px;color:#777}footer .footer-bottom .footer-legal a:hover{color:#fff}footer .footer-bottom .footer-social{display:flex;align-items:center;gap:16px}footer .footer-bottom .footer-social a{color:#777;transition:color .2s}footer .footer-bottom .footer-social a:hover{color:#fff}footer .footer-bottom .footer-social .social-icon{width:18px;height:18px;stroke:currentColor}.cookie-banner{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;background:#1a1a1a;border:1px solid #333;border-radius:20px;padding:16px 24px;z-index:300;max-width:800px;width:calc(100% - 32px * 2)}.cookie-banner .cookie-banner-text{font-size:13px;color:#ddd;line-height:1.5}.cookie-banner .cookie-banner-text a{color:var(--primary-light);text-decoration:underline}.cookie-banner .cookie-banner-text a:hover{color:#fff}.cookie-banner .cookie-banner-actions{display:flex;gap:12px;flex-shrink:0}figure{overflow:hidden}figure img{width:100%;height:100%;object-fit:cover}@media (max-width:768px){nav{padding:0 16px}nav .nav-pill{width:100%;padding:12px 16px}nav .nav-center a{display:none}nav .nav-center a.is-active{display:inline}nav .nav-cta-full,nav .nav-right>.nav-icon{display:none}nav .nav-cta-short{display:inline}.lang-popup,.menu-popup{right:16px;left:16px;width:auto}.menu-popup .menu-item-mobile-only{display:flex}h2{font-size:32px}.normal-section{padding:48px 24px;gap:32px}.icon-grid-3col .icon-grid-row,.icon-grid-4col .icon-grid-row{flex-direction:column}.footer-cta{padding:60px 16px}.footer-cta h2{font-size:32px}.cookie-banner{flex-direction:column;text-align:center;bottom:16px;width:calc(100% - 16px * 2)}footer .footer-columns{flex-direction:column;padding:32px 16px;gap:32px}footer .footer-columns .footer-brand{max-width:100%;align-items:center;text-align:center}footer .footer-columns .footer-nav-columns{flex-wrap:wrap;gap:24px;justify-content:space-between}footer .footer-bottom{flex-direction:column;gap:16px;padding:24px 16px;text-align:center}}[data-anim=fade-up]{opacity:0;transform:translateY(40px);transition:opacity 1.2s cubic-bezier(.16, 1, .3, 1),transform 1.2s cubic-bezier(.16, 1, .3, 1)}[data-anim=fade-up].is-inview{opacity:1;transform:translateY(0)}[data-anim=fade-in]{opacity:0;transition:opacity 1.2s cubic-bezier(.16, 1, .3, 1)}[data-anim=fade-in].is-inview{opacity:1}[data-anim=scale-in]{opacity:0;transform:scale(.95);transition:opacity 1.2s cubic-bezier(.16, 1, .3, 1),transform 1.2s cubic-bezier(.16, 1, .3, 1)}[data-anim=scale-in].is-inview{opacity:1;transform:scale(1)}[data-anim=stagger]>*{opacity:0!important;transform:translateY(40px)!important;transition:opacity 1.2s cubic-bezier(.16, 1, .3, 1),transform 1.2s cubic-bezier(.16, 1, .3, 1)!important}[data-anim=stagger].is-inview>*{opacity:1!important;transform:translateY(0)!important}[data-anim=stagger].is-inview>:first-child{transition-delay:0.1s!important}[data-anim=stagger].is-inview>:nth-child(2){transition-delay:0.2s!important}[data-anim=stagger].is-inview>:nth-child(3){transition-delay:0.3s!important}[data-anim=stagger].is-inview>:nth-child(4){transition-delay:0.4s!important}[data-anim=stagger].is-inview>:nth-child(5){transition-delay:0.5s!important}[data-anim=stagger].is-inview>:nth-child(6){transition-delay:0.6s!important}[data-anim=stagger].is-inview>:nth-child(7){transition-delay:0.7s!important}[data-anim=stagger].is-inview>:nth-child(8){transition-delay:0.8s!important}[data-anim=stagger].is-inview>:nth-child(9){transition-delay:0.9s!important}[data-anim=stagger].is-inview>:nth-child(10){transition-delay:1s!important}@media (prefers-reduced-motion:reduce){[data-anim=stagger]>*,[data-anim]{opacity:1!important;transform:none!important;transition:none!important}}.examples .examples-hero{display:flex;flex-direction:column;align-items:center;gap:16px;padding:120px 80px 60px;text-align:center}.examples .examples-hero h1{font-family:'Hanken Grotesk',sans-serif;font-size:48px;font-weight:700;color:#fff;line-height:1.15}.examples .examples-hero p{font-size:18px;color:#aaa;line-height:1.6;max-width:750px}.examples .icon-stats{display:flex;justify-content:center;gap:60px;padding:0 80px 40px}.examples .icon-stats .icon-stat{display:flex;flex-direction:column;align-items:center;gap:12px}.examples .icon-stats .icon-stat .icon-stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#1a1a1a;border-radius:12px;color:#8b5cf6}.examples .icon-stats .icon-stat .icon-stat-icon svg{width:24px;height:24px}.examples .icon-stats .icon-stat span{font-size:13px;font-weight:600;color:#aaa}.examples .examples-grid-section .examples-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-bottom:24px}.examples .examples-grid-section .toolbar-search{display:flex;align-items:center;gap:8px;background:#1a1a1a;border:1px solid #333;border-radius:20px;padding:8px 16px;flex-shrink:0;width:200px;transition:border-color .2s}.examples .examples-grid-section .toolbar-search:focus-within{border-color:#8b5cf6}.examples .examples-grid-section .toolbar-search .toolbar-search-icon{width:16px;height:16px;color:#aaa;flex-shrink:0}.examples .examples-grid-section .toolbar-search .toolbar-search-input{background:0 0;border:none;outline:0;color:#fff;font-size:13px;width:100%}.examples .examples-grid-section .toolbar-search .toolbar-search-input::placeholder{color:#ddd}.examples .examples-grid-section .filter-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.examples .examples-grid-section .filter-bar .filter-pill{padding:8px 16px;border-radius:20px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;background:#1a1a1a;color:#aaa;border:none;cursor:pointer;transition:background .2s,color .2s}.examples .examples-grid-section .filter-bar .filter-pill:hover{background:#222;color:#fff}.examples .examples-grid-section .filter-bar .filter-pill--active{background:#8b5cf6;color:#fff}.examples .examples-grid-section .tabs-dropdown{display:none;position:relative;width:100%}.examples .examples-grid-section .tabs-dropdown .tabs-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 20px;background:#1a1a1a;border:1px solid #333;border-radius:20px;color:#fff;font-family:Inter,sans-serif;font-size:13px;font-weight:500;cursor:pointer}.examples .examples-grid-section .tabs-dropdown .tabs-dropdown-toggle .tabs-dropdown-icon{width:16px;height:16px;color:#aaa;transition:transform .2s}.examples .examples-grid-section .tabs-dropdown .tabs-dropdown-menu{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:#1a1a1a;border:1px solid #1a1a1a;border-radius:12px;padding:4px;z-index:50;flex-direction:column}.examples .examples-grid-section .tabs-dropdown .tabs-dropdown-item{display:block;padding:10px 12px;border-radius:4px;font-size:13px;color:#aaa}.examples .examples-grid-section .tabs-dropdown .tabs-dropdown-item:hover{background:#222;color:#fff}.examples .examples-grid-section .tabs-dropdown .tabs-dropdown-item.is-active{color:#fff;font-weight:600}.examples .examples-grid-section .tabs-dropdown.is-open .tabs-dropdown-toggle .tabs-dropdown-icon{transform:rotate(180deg)}.examples .examples-grid-section .tabs-dropdown.is-open .tabs-dropdown-menu{display:flex}.examples .examples-grid-section .examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%}.examples .examples-grid-section .load-more-wrap{display:flex;justify-content:center;padding:32px 0}.examples .examples-grid-section .load-more-wrap .btn-load-more{padding:14px 40px;border-radius:24px;background:#1a1a1a;color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.examples .examples-grid-section .load-more-wrap .btn-load-more:hover{background:#222}.examples .examples-grid-section .example-card{min-width:0}.examples .examples-grid-section .example-card .example-card-img{height:274px;overflow:hidden;border-radius:16px}.examples .examples-grid-section .example-card .example-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.examples .examples-grid-section .example-card:hover .example-card-img img{transform:scale(1.03)}.examples .examples-grid-section .example-card .example-card-info{display:flex;flex-direction:column;gap:2px;padding:12px 0}.examples .examples-grid-section .example-card .example-card-info .example-card-name{font-size:16px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.examples .examples-grid-section .example-card .example-card-info .example-card-tag{font-size:13px;font-weight:500;color:#aaa}.examples .examples-grid-section .empty-state{text-align:center;color:#777;padding:60px 0;font-size:16px}.examples .field-list-section .section-header{text-align:center}.examples .field-list-section .field-list-grid{display:flex;flex-direction:column;gap:16px;width:100%}.examples .field-list-section .field-list-grid .field-list-row{display:flex;gap:16px}.examples .field-list-section .field-list-card{display:flex;align-items:center;gap:24px;flex:1;padding:24px;background:#000;border-radius:16px;transition:background .2s}.examples .field-list-section .field-list-card:hover{background:#111}.examples .field-list-section .field-list-card .field-list-card-img{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0}.examples .field-list-section .field-list-card .field-list-card-img img{width:100%;height:100%;object-fit:cover}.examples .field-list-section .field-list-card .field-list-card-text{display:flex;flex-direction:column;gap:6px;flex:1}.examples .field-list-section .field-list-card .field-list-card-text .field-list-card-title{font-size:16px;font-weight:600;color:#fff}.examples .field-list-section .field-list-card .field-list-card-text .field-list-card-desc{font-size:13px;color:#aaa;line-height:1.4}.examples .field-list-section .field-list-card .field-list-card-arrow{font-size:20px;color:#8b5cf6;flex-shrink:0}.examples .potm-section{display:flex;align-items:center;gap:60px;padding:80px;max-width:1440px;margin:0 auto}.examples .potm-section .potm-browser{flex:1;background:#111;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6)}.examples .potm-section .potm-browser .potm-browser-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#1a1a1a}.examples .potm-section .potm-browser .potm-browser-bar .potm-dot{width:12px;height:12px;border-radius:50%}.examples .potm-section .potm-browser .potm-browser-bar .potm-dot.potm-dot--red{background:#ff5f57}.examples .potm-section .potm-browser .potm-browser-bar .potm-dot.potm-dot--yellow{background:#febc2e}.examples .potm-section .potm-browser .potm-browser-bar .potm-dot.potm-dot--green{background:#28c840}.examples .potm-section .potm-browser .potm-browser-img{height:380px;overflow:hidden}.examples .potm-section .potm-browser .potm-browser-img img{width:100%;height:100%;object-fit:cover;object-position:top}.examples .potm-section .potm-text{display:flex;flex-direction:column;flex:1;max-width:480px}.examples .potm-section .potm-text .potm-pre{font-size:14px;font-weight:600;color:#aaa;margin-bottom:12px}.examples .potm-section .potm-text h2{margin-bottom:16px}.examples .potm-section .potm-text p{font-size:18px;color:#aaa;line-height:1.6;margin-bottom:24px}.examples .potm-section .potm-text .potm-link{font-size:16px;font-weight:600;color:#8b5cf6}.examples .potm-section .potm-text .potm-link:hover{opacity:.8}.examples .faq-section .section-header{text-align:center}.examples .faq-section .faq-list{width:800px}.examples .faq-section .faq-item{border-bottom:1px solid #333;padding:24px 0}.examples .faq-section .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.examples .faq-section .faq-item .faq-question span:first-child{font-size:18px;font-weight:600;color:#fff}.examples .faq-section .faq-item .faq-question .faq-toggle{font-size:24px;color:#8b5cf6;flex-shrink:0}.examples .faq-section .faq-item .faq-answer{font-size:16px;color:#aaa;line-height:1.6;margin-top:16px;display:none}.examples .faq-section .faq-item.faq-open .faq-answer{display:block}@media (max-width:768px){.examples .examples-hero{padding:80px 24px 40px}.examples .examples-hero h1{font-size:32px}.examples .icon-stats{gap:24px;padding:0 24px 40px;flex-wrap:wrap;justify-content:center}.examples .examples-grid-section .examples-toolbar{flex-direction:column}.examples .examples-grid-section .filter-bar{display:none}.examples .examples-grid-section .toolbar-search{width:100%}.examples .examples-grid-section .tabs-dropdown{display:block}.examples .examples-grid-section .examples-grid{grid-template-columns:1fr}.examples .field-list-section .field-list-grid .field-list-row{flex-direction:column}.examples .potm-section{flex-direction:column;padding:40px 24px}.examples .potm-section .potm-browser .potm-browser-img{height:250px}.examples .faq-section .faq-list{width:100%}}@media (max-width:480px){h2{font-size:26px}.normal-section{padding:48px 24px}.footer-cta{padding:40px 16px}.examples .examples-hero h1,.footer-cta h2{font-size:26px}}