:root{--border-color:#ffffff14;--background-dark:#080c16;--white:#fff}.bento-section{padding:2rem 0;position:relative}.card-grid{gap:1.25rem;max-width:80rem;margin:0 auto;padding:0 1.25rem;display:grid}.magic-bento-card{border:1px solid var(--border-color);background:var(--background-dark);-webkit-user-select:none;user-select:none;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:280px;border-radius:24px;flex-direction:column;justify-content:space-between;width:100%;min-height:280px;padding:1.75rem;transition:border-color .3s,box-shadow .3s,background-color .3s;display:flex;position:relative;overflow:hidden}.magic-bento-card:hover{background-color:#0b101e;border-color:#ff510059;box-shadow:0 10px 30px -15px #0009,0 0 20px 2px #ff51001a}.magic-bento-card__text{z-index:10;flex-direction:column;display:flex;position:relative}.magic-bento-card__header{z-index:10;justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.magic-bento-card__icon{color:#ff5100;background:linear-gradient(135deg,#ff510026 0%,#ff510008 100%);border:1px solid #ff510026;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.magic-bento-card__label{letter-spacing:.12em;text-transform:uppercase;color:#ff5100e6;background:#ff51001a;border:1px solid #ff510026;border-radius:100px;padding:3px 10px;font-size:10px;font-weight:600;line-height:1.2}.magic-bento-card__title{color:#f8fafc;margin:0 0 .5rem;font-size:1.25rem;font-weight:600;line-height:1.3}.magic-bento-card__description{color:#94a3b8;font-size:.875rem;font-weight:400;line-height:1.5}.magic-bento-card__visual{z-index:5;flex:1;justify-content:center;align-items:center;width:100%;margin-top:1rem;display:flex;position:relative}@media (width<=1023px){.card-grid{grid-template-columns:1fr}.magic-bento-card{min-height:auto}.magic-bento-card__visual{display:none}}@media (width>=1024px){.card-grid{grid-template-columns:repeat(3,1fr)}.magic-bento-card--span-1{grid-column:span 1}.magic-bento-card--span-2{grid-column:span 2}.magic-bento-card{justify-content:space-between;align-items:center;gap:1.5rem;min-height:250px;flex-direction:row!important}.magic-bento-card--span-1 .magic-bento-card{min-height:250px}.magic-bento-card--span-1 .magic-bento-card__text{flex-direction:column;flex:1.1;justify-content:center;margin-bottom:0;display:flex}.magic-bento-card--span-1 .magic-bento-card__visual{flex:.9;justify-content:center;align-items:center;width:auto;max-width:170px;margin-top:0;display:flex}.magic-bento-card--span-2 .magic-bento-card{min-height:250px}.magic-bento-card--span-2 .magic-bento-card__text{flex-direction:column;flex:1;justify-content:center;margin-bottom:0;display:flex}.magic-bento-card--span-2 .magic-bento-card__visual{flex:1.1;justify-content:center;align-items:center;margin-top:0;display:flex}}.magic-bento-card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y), rgba(255, 81, 0, calc(var(--glow-intensity) * .95)) 0%, rgba(255, 81, 0, calc(var(--glow-intensity) * .45)) 30%, transparent 70%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:1;z-index:15;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1.5px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ide-mockup{background:#05070c;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;width:100%;height:140px;display:flex;overflow:hidden;box-shadow:0 10px 25px -10px #00000080}.ide-header{background:#090e18;border-bottom:1px solid #ffffff0d;align-items:center;height:28px;padding:0 10px;display:flex}.ide-dot{border-radius:50%;width:6px;height:6px;margin-right:4px}.ide-dot--red{background:#ef4444}.ide-dot--yellow{background:#eab308}.ide-dot--green{background:#22c55e}.pipeline-node{color:#ff5100;z-index:5;background:#ff51001a;border:1px solid #ff510033;border-radius:50%;place-items:center;width:32px;height:32px;transition:all .3s;display:grid}.pipeline-node--active{background:#ff510033;border-color:#ff510099;box-shadow:0 0 12px #ff510059}.pipeline-line{z-index:1;border-top:1px dashed #ff510033;height:1px;position:absolute;top:16px;left:32px;right:32px}.pipeline-line__pulse{background:linear-gradient(90deg,#0000,#ff5100,#0000);width:30px;height:1px;animation:3s linear infinite pulse-travel;position:absolute;top:-1px;left:0}@keyframes pulse-travel{0%{opacity:0;left:0%}10%{opacity:1}90%{opacity:1}to{opacity:0;left:100%}}.mobile-mockup{background:#05070c;border:4px solid #1e293b;border-bottom-width:8px;border-radius:18px;width:130px;height:180px;position:relative;overflow:hidden;box-shadow:0 10px 25px -10px #00000080}.radar-sweep{pointer-events:none;background:linear-gradient(#ff510026,#0000);width:100%;height:100%;animation:4s linear infinite radar;position:absolute;top:0;left:0;transform:translateY(-100%)}@keyframes radar{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.typing-cursor{background:#ff5100;width:6px;height:12px;margin-left:2px;animation:.8s steps(2,end) infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}