html{scroll-behavior:smooth}body{font-family:DM Sans,Inter,system-ui,sans-serif}.domix-hero-bg{background-color:#e0f2fe}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-float-card{animation:heroFloat 6s ease-in-out infinite}.domix-text-dark{color:#1c1c1c}.domix-btn-dark{background-color:#1c1c1c;color:#fff}.domix-btn-dark:hover{background-color:#333}.domix-btn-light{background-color:#fff;color:#1c1c1c}.domix-btn-light:hover{background-color:#f3f4f6}.domix-border{border-color:#e5e7eb}.bento-card{position:relative;display:flex;flex-direction:column;padding:2rem;border-radius:2.5rem;background:#fffc;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.6);box-shadow:0 2px 16px -4px #0000000f;overflow:hidden;isolation:isolate;opacity:0;transform:translateY(32px) scale(.98);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1),border-color .6s ease;transition-delay:calc(var(--stagger, 0) * .11s)}@media(min-width:1024px){.bento-card{padding:2.5rem}}.bento-card.is-visible{opacity:1;transform:translateY(0) scale(1)}.bento-card:hover{border-color:#bfdbfe99;box-shadow:0 22px 54px -16px #2563eb2e;transform:translateY(-6px) scale(1)}.bento-card-border{position:absolute;top:0;bottom:0;left:0;width:3px;background:linear-gradient(to bottom,#60a5fa,#2563eb);border-top-left-radius:2.5rem;border-bottom-left-radius:2.5rem;opacity:0;transform:scaleY(.6);transform-origin:center;transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1)}.bento-card:hover .bento-card-border{opacity:1;transform:scaleY(1)}.bento-card-border--static{opacity:1;transform:scaleY(1);background:linear-gradient(to bottom,#60a5fa,#3b82f6)}.bento-card-glow{position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(59,130,246,.08),transparent 60%);opacity:0;transition:opacity .6s ease;pointer-events:none}.bento-card:hover .bento-card-glow{opacity:1}.bento-card-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(191,219,254,.25) 50%,transparent 70%);transform:translate(-100%);transition:transform 1s cubic-bezier(.22,1,.36,1);pointer-events:none;mix-blend-mode:screen}.bento-card:hover .bento-card-shine{transform:translate(100%)}.bento-icon{position:relative;z-index:1;width:3.5rem;height:3.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:2.5rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;font-weight:700;font-size:1.1rem;letter-spacing:-.02em;flex-shrink:0;transition:transform .7s cubic-bezier(.22,1,.36,1)}.bento-icon:after{content:"";position:absolute;inset:-10px;border-radius:1.5rem;background:radial-gradient(circle,rgba(59,130,246,.35),transparent 70%);opacity:0;transition:opacity .6s ease;z-index:-1}.bento-card:hover .bento-icon{transform:translateY(-3px) rotate(-4deg) scale(1.05)}.bento-card:hover .bento-icon:after{opacity:1}.bento-content{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;transition:transform .6s cubic-bezier(.22,1,.36,1)}.bento-card:hover .bento-content{transform:translateY(-2px)}.bento-title{font-size:1.25rem;font-weight:600;color:#1c1c1c;margin-bottom:1rem;line-height:1.35;transition:color .3s ease}.bento-card:hover .bento-title{color:#1e3a8a}.bento-text{color:#475569;line-height:1.65}.bento-card--dark{background:#1c1c1c;border:1px solid rgba(51,65,85,.5);box-shadow:0 4px 24px -8px #00000026}.bento-card--dark:hover{border-color:#3b82f673;box-shadow:0 28px 60px -14px #2563eb59}.bento-card--dark .bento-icon{background:#2563eb33;color:#60a5fa}.bento-card--dark .bento-title{color:#fff}.bento-card--dark:hover .bento-title{color:#bfdbfe}.bento-card--dark .bento-text{color:#94a3b8}.bento-card-aurora{position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0%,rgba(59,130,246,.18) 20%,transparent 40%,rgba(96,165,250,.12) 60%,transparent 80%);animation:bento-aurora 14s linear infinite;pointer-events:none;opacity:.5;transition:opacity .6s ease;z-index:0}.bento-card--dark:hover .bento-card-aurora{opacity:.9}@keyframes bento-aurora{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.bento-card{opacity:1;transform:none;transition:none}.bento-card:hover{transform:none}.bento-card-shine,.bento-card-aurora{display:none}.bento-icon,.bento-content{transition:none}}