.home{background-color:var(--background);color:var(--foreground);font-family:var(--font-main),-apple-system,sans-serif;flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.home:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#8080800d 1px,#0000 1px),linear-gradient(#8080800d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50% at 50% 0,#000 70%,#0000 100%);mask-image:radial-gradient(60% 50% at 50% 0,#000 70%,#0000 100%)}.home:after{content:"";filter:blur(60px);z-index:0;pointer-events:none;background:radial-gradient(circle,#7877c626 0%,#0000 70%);width:80%;height:400px;position:absolute;top:-150px;left:50%;transform:translate(-50%)}.home__container{z-index:1;width:100%;max-width:1100px;padding:120px 24px;position:relative}.hero{text-align:center;opacity:0;flex-direction:column;align-items:center;margin-bottom:140px;animation:1s cubic-bezier(.16,1,.3,1) forwards fade-in-up;display:flex}@keyframes fade-in-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero__badge{background:var(--secondary);border:1px solid var(--border);letter-spacing:.02em;color:var(--muted-foreground);-webkit-backdrop-filter:blur(8px);border-radius:99px;align-items:center;gap:10px;margin-bottom:32px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .3s;display:inline-flex}.hero__badge:hover{background:var(--accent);border-color:var(--foreground)}.hero__badge-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px;animation:2.5s infinite pulse;box-shadow:0 0 10px #10b98180}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.hero__title{letter-spacing:-.05em;background:linear-gradient(to bottom,var(--foreground),var(--muted-foreground));-webkit-text-fill-color:transparent;color:var(--foreground);-webkit-background-clip:text;background-clip:text;margin:0 0 28px;font-size:clamp(40px,9vw,92px);font-weight:800;line-height:.95}.hero__description{color:var(--muted-foreground);max-width:720px;margin:0;font-size:clamp(18px,2.8vw,24px);font-weight:400;line-height:1.5}.bento-grid{grid-template-columns:repeat(12,1fr);gap:20px;width:100%;display:grid}.bento-card{border:1px solid var(--border);background:var(--card);color:inherit;-webkit-backdrop-filter:blur(12px);border-radius:20px;flex-direction:column;justify-content:space-between;padding:40px;text-decoration:none;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.bento-card__glow{background:radial-gradient(600px circle at var(--mouse-x)var(--mouse-y),#ffffff14,transparent 40%);z-index:0;pointer-events:none;opacity:0;transition:opacity .5s;position:absolute;inset:0}.bento-card:hover .bento-card__glow{opacity:1}.bento-card:hover{border-color:var(--foreground);background:var(--card);transform:translateY(-6px);box-shadow:0 40px 80px -20px #00000026}.bento-card>:not(.bento-card__glow){z-index:1;position:relative}.bento-card--large{grid-column:span 12;min-height:400px}.bento-card--medium{grid-column:span 12;min-height:340px}@media (min-width:768px){.bento-card--medium{grid-column:span 6}}.card-header{justify-content:space-between;align-items:center;display:flex}.card-icon-wrapper{background:var(--secondary);width:52px;height:52px;color:var(--foreground);border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;transition:all .3s;display:flex}.bento-card:hover .card-icon-wrapper{background:var(--accent);border-color:var(--foreground);transform:scale(1.05)}.card-tag{letter-spacing:.15em;text-transform:uppercase;background:var(--secondary);border:1px solid var(--border);color:var(--muted-foreground);border-radius:99px;padding:6px 14px;font-family:monospace;font-size:10px;font-weight:600}.card-content{margin-top:48px}.card-title{letter-spacing:-.03em;align-items:center;gap:12px;margin:0 0 16px;font-size:34px;font-weight:700;display:flex}.card-arrow{color:var(--muted-foreground);opacity:.4;transition:all .4s cubic-bezier(.16,1,.3,1);transform:translate(-4px,4px)}.bento-card:hover .card-arrow{opacity:1;color:var(--foreground);transform:translate(0)}.card-description{color:var(--muted-foreground);max-width:90%;margin:0;font-size:18px;font-weight:400;line-height:1.5}.bento-card--large .card-description{max-width:640px;font-size:21px}.bento-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff08,#0000);width:50%;height:100%;transition:all .75s;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.bento-card:hover:after{left:150%}