html,body{margin:0;background:#fff;color:#171717;font-family:"Helvetica Neue",Arial,"PingFang SC",sans-serif}*{box-sizing:border-box}.features-section{max-width:1230px;margin:auto;padding:48px 0 38px;position:relative}.feature-heading{text-align:center;margin:0 20px 44px}.feature-heading>span{font-size:11px;letter-spacing:.18em;color:#777}.feature-heading h1{font-size:36px;font-weight:500;letter-spacing:-.04em;margin:14px 0}.feature-heading p{font-size:15px;color:#777}.features-section>.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)));grid-template-columns:repeat(3,minmax(0,1fr));border-color:#e5e5e5}.features-section>.grid>div{padding:28px 0;min-height:550px;border-color:#e5e5e5!important;border-right:1px dashed #e5e5e5}.features-section>.grid>div:last-child{border-right:0}.features-section>.grid>div>.space-y-3{padding:0 24px}.features-section h3{font-size:19px;line-height:1.5;font-weight:600;letter-spacing:-.02em}.features-section h3+p{font-size:14px;line-height:1.85;color:#737373;min-height:78px}.features-section [class*="text-white"]{color:#202020}.features-section [class*="text-gray-"]{color:#707070}.features-section [class*="border-gray-"]{border-color:#dedede}.features-section [class*="bg-black"],.features-section [class*="bg-gray-"],.features-section [class*="bg-[#060a12]"]{background-color:#fafafa}.features-section [class*="text-cyan-"],.features-section [class*="text-[#00F0FF]"]{color:#087f8c}.features-section [class*="text-emerald-"],.features-section [class*="text-green-"]{color:#218757}.features-section [class*="text-violet-"]{color:#7555ba}.features-section [class*="text-amber-"]{color:#98650b}.features-section .bg-gradient-to-br.text-white{color:#fff}.features-section .relative.h-72{max-width:100%;--tone:#21966b}.features-section .relative.h-72 .bg-gradient-to-br{background:linear-gradient(135deg,var(--tone),color-mix(in srgb,var(--tone),black 16%));box-shadow:0 8px 22px color-mix(in srgb,var(--tone),transparent 82%)}.features-section .relative.h-72 .absolute:not(.inset-0):not(.rounded-full){color:var(--tone);border-color:color-mix(in srgb,var(--tone),transparent 65%);background:#fff}.features-section .relative.h-72 .absolute.inset-0 svg{color:#fff}.features-section .relative.h-72>div{transition:color .5s,border-color .5s,background .5s}.features-section button{cursor:pointer}.features-section button:focus-visible{outline:2px solid #111;outline-offset:4px}.features-section button[aria-pressed=true]{outline:2px solid #444;outline-offset:3px}.demo-note{text-align:center;color:#999;font-size:11px;margin:16px 16px 0}.motion-toggle{display:block;margin:12px auto 0;padding:3px 8px;border:0;background:transparent;font-size:11px;color:#777}.features-section .fa-bolt:before{content:'→';font-style:normal}.features-section .ys-flip-text{height:40px;animation:sdk-flip 4s ease-in-out infinite}.yew-marquee-horizontal{animation:marquee 25s linear infinite}.group:hover .yew-marquee-horizontal{animation-play-state:paused}.yew-pulse-width{animation:pulse-width 2s ease-in-out infinite}.yew-bar-pulse{animation:bar-pulse 1.5s ease-in-out infinite;transform-origin:bottom}.yew-flow-pulse-1,.yew-flow-pulse-2{animation:flow-pulse 2s linear infinite}.yew-flow-pulse-2{animation-delay:1s}.paused *{animation-play-state:paused!important}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(calc(-100% - 20px))}}@keyframes sdk-flip{0%,40%,100%{transform:translateY(0)}50%,90%{transform:translateY(-20px)}}@keyframes pulse-width{0%,100%{width:20%}50%{width:35%}}@keyframes bar-pulse{0%,100%{opacity:.4;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}@keyframes flow-pulse{0%{transform:translateY(-16px)}100%{transform:translateY(24px)}}@media(max-width:767px){.features-section{padding-top:34px}.feature-heading h1{font-size:28px}.features-section>.grid{grid-template-columns:1fr}.features-section>.grid>div{min-height:480px;border-right:0!important;border-bottom:1px dashed #e5e5e5}.features-section>.grid>div>.space-y-3{padding:0 20px}.features-section h3+p{min-height:0}.feature-heading{margin-bottom:30px}.features-section .relative.h-72{width:288px;height:288px}.features-section>.grid>div:last-child{min-height:420px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Preserve the source gradient chips without relying on Tailwind runtime variables. */
.features-section .size-7.from-blue-500{background:linear-gradient(135deg,#3b82f6,#06b6d4)}
.features-section .size-7.from-purple-500{background:linear-gradient(135deg,#a855f7,#ec4899)}
.features-section .size-7.from-green-500{background:linear-gradient(135deg,#22c55e,#10b981)}
.features-section .size-7.from-orange-500{background:linear-gradient(135deg,#f97316,#f59e0b)}
.features-section .size-7.from-red-500{background:linear-gradient(135deg,#ef4444,#f43f5e)}
.features-section .size-7.from-indigo-500{background:linear-gradient(135deg,#6366f1,#8b5cf6)}
.features-section .from-cyan-500:not(.size-7){background-image:linear-gradient(90deg,#06b6d4,#22d3ee)}
.features-section .from-green-500:not(.size-7){background-image:linear-gradient(90deg,#22c55e,#4ade80)}