.hero--cinematic{position:relative;overflow:hidden}.hero-bg-video{object-fit:cover;z-index:0;opacity:.12;mix-blend-mode:multiply;filter:saturate(.9)contrast();pointer-events:none;will-change:opacity;width:100%;height:100%;animation:1.4s cubic-bezier(.22,1,.36,1) .2s both hero-video-fade-in;position:absolute;inset:0}@keyframes hero-video-fade-in{0%{opacity:0}to{opacity:.12}}.hero-bg-overlay{z-index:1;pointer-events:none;background:radial-gradient(70% 55% at 50% 0,#cc44001a,#0000 65%),linear-gradient(#fafafaeb 0%,#fafafafa 100%);position:absolute;inset:0}.hero--cinematic .hero-inner,.hero--cinematic .shape-bg,.hero--cinematic .sparkles{z-index:2;position:relative}@media (max-width:768px){.hero-bg-video{display:none}}@media (prefers-reduced-motion:reduce){.hero-bg-video{opacity:.35;animation:none}}.hero-visual--bento{width:100%;max-width:640px}.hero-bento{grid-template-rows:auto auto auto;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.bento-cell{background:var(--dark-soft,#141414);color:#fff;will-change:transform;border:1px solid #ffffff0f;border-radius:20px;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.bento-cell:hover{border-color:#cc44004d;box-shadow:0 20px 60px -20px #cc440040}.bento-cell-inner{z-index:2;flex-direction:column;justify-content:space-between;gap:10px;height:100%;padding:20px;display:flex;position:relative}.bento-cell--hero{grid-area:1/1/3/3;min-height:240px}.bento-cell--seo{grid-area:1/3/2/4;min-height:110px}.bento-cell--ia{grid-area:2/3/3/4;min-height:122px}.bento-cell--preview{grid-area:3/1/4/3;min-height:130px}.bento-cell--tags{grid-area:3/3/5/4;min-height:130px}.bento-cell--cta{grid-area:4/1/5/3;min-height:92px}@media (max-width:640px){.hero-bento{grid-template-columns:1fr 1fr}.bento-cell--hero{grid-area:1/1/2/3;min-height:200px}.bento-cell--seo{grid-area:2/1/3/2}.bento-cell--ia{grid-area:2/2/3/3}.bento-cell--preview{grid-area:3/1/4/3}.bento-cell--tags{grid-area:4/1/5/3;min-height:110px}.bento-cell--cta{grid-area:5/1/6/3}}.bento-gradient{z-index:0;opacity:.9;mix-blend-mode:screen;position:absolute;inset:0}.bento-gradient--orange{background:radial-gradient(at 20% 30%,#cc440073,#0000 55%),radial-gradient(at 85% 80%,#ff80284d,#0000 60%),linear-gradient(135deg,#1a0c00 0%,#0a0a0a 100%)}.bento-pulse{color:#ffb27a;letter-spacing:.02em;background:#ff8a4c1a;border:1px solid #ff8a4c40;border-radius:100px;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.bento-pulse-dot{background:#ffb27a;border-radius:50%;width:7px;height:7px;animation:2s infinite bento-pulse;box-shadow:0 0 #ff8a4c99}@keyframes bento-pulse{0%{box-shadow:0 0 #ff8a4cb3}70%{box-shadow:0 0 0 10px #ff8a4c00}to{box-shadow:0 0 #ff8a4c00}}.bento-hero-number{font-family:var(--font-heading,"Space Grotesk", sans-serif);color:#fff;letter-spacing:-.03em;align-items:baseline;gap:4px;font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1;display:flex}.bento-hero-plus{color:var(--accent,#c40);font-size:.6em;font-weight:700}.bento-hero-label{color:#ffffffa6;font-size:14px;line-height:1.4}.bento-cell--seo{background:linear-gradient(135deg,#1a120c 0%,#0a0a0a 100%)}.bento-chip{letter-spacing:.05em;text-transform:uppercase;border-radius:6px;align-self:flex-start;align-items:center;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.bento-chip--green{color:#ffb27a;background:#ff8a4c26;border:1px solid #ff8a4c40}.bento-bars{align-items:flex-end;gap:4px;height:34px;margin:2px 0;display:flex}.bento-bar{transform-origin:bottom;background:linear-gradient(#ffb27a 0%,#c40 100%);border-radius:2px;flex:1;animation:3s ease-in-out infinite alternate bento-bar-grow}@keyframes bento-bar-grow{0%{opacity:.7;transform:scaleY(.6)}to{opacity:1;transform:scaleY(1)}}.bento-mini-label{color:#ffffff8c;font-size:11px;line-height:1.35}.bento-mini-title{color:#fff;font-size:13px;font-weight:600}.bento-cell--ia{background:linear-gradient(135deg,#1c0e0b 0%,#0a0a0a 100%)}.bento-ia-wave{align-items:flex-end;gap:3px;height:22px;display:flex}.bento-ia-bar{background:linear-gradient(#f2a27a 0%,#9f2d20 100%);border-radius:4px;width:4px;animation:1.4s ease-in-out infinite bento-ia-wave}.bento-ia-bar:first-child{height:60%;animation-delay:0s}.bento-ia-bar:nth-child(2){height:90%;animation-delay:.15s}.bento-ia-bar:nth-child(3){height:70%;animation-delay:.3s}.bento-ia-bar:nth-child(4){height:100%;animation-delay:.45s}.bento-ia-bar:nth-child(5){height:50%;animation-delay:.6s}@keyframes bento-ia-wave{0%,to{opacity:.6;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.bento-cell--preview{background:linear-gradient(135deg,#0f0f0f 0%,#141414 100%);padding:0}.bento-browser{z-index:2;height:100%;padding:10px;position:relative}.bento-browser-bar{background:#1a1a1a;border-bottom:1px solid #ffffff0f;border-radius:8px 8px 0 0;align-items:center;gap:6px;padding:6px 10px;display:flex}.bento-browser-dot{background:#ffffff1f;border-radius:50%;width:9px;height:9px}.bento-browser-dot:first-child{background:#ff5f57}.bento-browser-dot:nth-child(2){background:#febc2e}.bento-browser-dot:nth-child(3){background:#28c840}.bento-browser-url{color:#ffffff73;font-size:10px;font-family:var(--font-mono,"JetBrains Mono", monospace);margin-left:10px}.bento-browser-body{background:#0f0f0f;border-radius:0 0 8px 8px;flex-direction:column;gap:8px;min-height:80px;padding:12px 10px;display:flex}.bento-browser-hero{background:linear-gradient(90deg,#c406,#cc44001a);border-radius:4px;height:22px}.bento-browser-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.bento-browser-card{background:#ffffff0a;border:1px solid #ffffff08;border-radius:4px;height:32px}.bento-cell--tags{background:linear-gradient(135deg,#0a0a0a 0%,#141414 100%)}.bento-tag-cloud{flex-wrap:wrap;gap:4px;margin-top:auto;display:flex}.bento-tag-cloud>span{color:#ffffffbf;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:100px;padding:4px 9px;font-size:10px;font-weight:500;transition:background .2s}.bento-tag-cloud>span:hover{color:var(--accent,#c40);background:#cc440026;border-color:#cc440040}.bento-cell--cta{background:linear-gradient(135deg, var(--accent,#c40) 0%, #ff7a00 100%);cursor:pointer;border-color:#0000}.bento-cell--cta:hover{box-shadow:0 20px 60px -20px #cc440080}.bento-cta-link{height:100%;padding:20px;display:block;color:#fff!important;text-decoration:none!important}.bento-cta-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.bento-cta-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9;margin-bottom:4px;font-size:11px;font-weight:700}.bento-cta-title{font-family:var(--font-heading,"Space Grotesk", sans-serif);color:#fff;letter-spacing:-.02em;font-size:20px;font-weight:700}.bento-cta-arrow{background:#ffffff2e;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .3s,background .3s;display:flex}.bento-cell--cta:hover .bento-cta-arrow{background:#ffffff4d;transform:translate(4px)rotate(-10deg)}.bento-cell-inner--pong{justify-content:center;align-items:center;gap:.75rem;display:flex}.bento-cell-inner--pong .bento-mini-label{max-width:7rem;margin:0}.bento-cell-inner--pong .dot-loader{grid-template-columns:repeat(7,.52rem);gap:.16rem}.bento-cell-inner--pong .dot-loader__dot{width:.52rem;height:.52rem}@media (max-width:560px){.bento-cell-inner--pong{flex-direction:column;gap:.45rem}.bento-cell-inner--pong .bento-mini-label{max-width:none}.bento-cell-inner--pong .dot-loader{grid-template-columns:repeat(7,.42rem);gap:.13rem}.bento-cell-inner--pong .dot-loader__dot{width:.42rem;height:.42rem}}
