.n5{perspective:900px;grid-template-rows:1.35fr 1fr 1fr;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;height:100%;display:grid}.n5-card{transform-style:preserve-3d;opacity:0;background:linear-gradient(#ffffff09,#ffffff03),#0e1015;border:1px solid #ffffff12;border-radius:20px;flex-direction:column;gap:12px;padding:24px;transition:transform .2s ease-out,border-color .3s,opacity .7s cubic-bezier(.2,.7,.2,1),translate .7s cubic-bezier(.2,.7,.2,1);display:flex;position:relative;overflow:hidden;translate:0 18px}.n5.in .n5-card{opacity:1;translate:0}.n5-card:nth-child(2){transition-delay:0s,0s,90ms,90ms}.n5-card:nth-child(3){transition-delay:0s,0s,.18s,.18s}.n5-card:nth-child(4){transition-delay:0s,0s,.27s,.27s}.n5-card:nth-child(5){transition-delay:0s,0s,.36s,.36s}.n5-card:hover{border-color:#ff5a364d}.n5-card:not(.n5-full){gap:8px}.n5-shine{pointer-events:none;opacity:0;background:radial-gradient(240px circle at var(--sx,50%) var(--sy,50%), #ff8a5c24, transparent 60%);transition:opacity .3s;position:absolute;inset:0}.n5-card:hover .n5-shine{opacity:1}.n5-card small{font:500 10.5px/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#f3f2ef73;display:block;position:relative}.n5-card p{color:#f3f2ef80;font-size:13px;line-height:1.45;position:relative}.n5-full{background:linear-gradient(#0e1015,#0e1015) padding-box padding-box,linear-gradient(135deg,#ff5a3699,#ffffff0f 45%,#ff5a3640) border-box;border:1px solid #0000;grid-column:span 2;grid-template-columns:1.1fr 1fr;align-items:center;display:grid}.n5-full:hover{border-color:#0000}.n5-copy{z-index:1;position:relative}.n5-viz{width:55%;position:absolute;top:0;bottom:0;right:0}.n5-gl{pointer-events:none;position:absolute;inset:0;overflow:hidden}.n5-gl canvas{display:block;width:100%!important;height:100%!important}.n5-big{letter-spacing:-.05em;color:#f3f4f6;margin:10px 0;font-size:92px;font-weight:800;line-height:1}.n5-full p{color:#c9ccd3;max-width:250px;font-size:14.5px;line-height:1.55}.n5-val{letter-spacing:-.035em;color:#f3f4f6;font-size:34px;font-weight:700;line-height:1;display:block;position:relative}.n5-val em{color:var(--accent);font-style:normal}.n5-photo{background-color:#17191f;background-position:50%;background-size:cover;border:1px solid #ffffff14;border-radius:12px;flex:88px;min-height:64px;position:relative;overflow:hidden}.n5-photo:after{content:"";background:linear-gradient(#090a0d0f,#090a0d9e);position:absolute;inset:0}.n5-photo--ownership{background-image:url(/assets/img/home-code-ownership.jpg)}.n5-photo--team{background-image:url(/assets/img/home-senior-team.jpg)}.n5-photo--demos{background-image:url(/assets/img/home-progress-demos.jpg)}.n5-photo--launch{background-image:url(/assets/img/home-launch-stages.jpg)}.n5-meter{gap:4px;margin-top:auto;display:flex;position:relative}.n5-meter i{background:#22252c;border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.n5-meter i:after{content:"";background:var(--accent);transform-origin:0;transition:transform .5s ease-out .4s;position:absolute;inset:0;transform:scaleX(0)}.n5.in .n5-meter i:after{transform:scaleX(1)}.n5-meter i:nth-child(2):after{transition-delay:.55s}.n5-meter i:nth-child(3):after{transition-delay:.7s}.n5-meter i:nth-child(4):after{transition-delay:.85s}.n5-meter i:nth-child(5):after{transition-delay:1s}@media (max-width:1100px){.n5{grid-template-rows:auto}.n5-full{min-height:260px}.n5-big{font-size:80px}}@media (max-width:560px){.n5{grid-template-columns:1fr}.n5-full{grid-column:auto;grid-template-columns:1fr;min-height:0}.n5-viz{width:100%;height:200px;margin-top:8px;position:relative}.n5-big{font-size:72px}}@media (prefers-reduced-motion:reduce){.n5-card{opacity:1;transition:border-color .3s;translate:none}.n5-meter i:after{transition:none;transform:scaleX(1)}}
.bc--morph{--red:#ff3b3b;--green:#22c55e;--text:#f4f4f5;--muted:#9a9aa6;--dim:#6b6b78;--line:#ffffff14;background:#0c0d13;text-decoration:none}.bc--morph:hover{border-color:#ff3b3b59;box-shadow:0 30px 70px -25px #ff3b3b59}.bc--morph *{box-sizing:border-box}.bc--morph .mono{font-family:var(--mono,"Geist Mono"), ui-monospace, monospace}.bc--morph .dc__visual{border-bottom:1px solid var(--line);background:radial-gradient(360px 200px at 50% 100%,#ff3b3b26,#0000 70%),radial-gradient(circle,#ffffff0d 1px,#0000 1px) 0 0/16px 16px;flex:none;height:262px;position:relative;overflow:hidden}.bc--morph .d7-ruler{background:repeating-linear-gradient(90deg,#ffffff2e 0 1px,#0000 1px 10px) bottom/100% 5px no-repeat,repeating-linear-gradient(90deg,#ffffff4d 0 1px,#0000 1px 50px) bottom/100% 10px no-repeat;border-bottom:1px solid #ffffff26;height:16px;position:absolute;top:14px;left:20px;right:20px}.bc--morph .d7-bp{z-index:2;height:22px;position:absolute;top:40px;left:50%;transform:translate(-50%)}.bc--morph .d7-bp span{white-space:nowrap;background:var(--red);color:#fff;opacity:0;border-radius:999px;padding:3px 10px;font-size:10px;position:absolute;left:50%;transform:translate(-50%)}.bc--morph .d7-bp span:first-child{animation:9s infinite d7a}.bc--morph .d7-bp span:nth-child(2){animation:9s infinite d7b}.bc--morph .d7-bp span:nth-child(3){animation:9s infinite d7c}@keyframes d7a{0%,24%{opacity:1}29%,95%{opacity:0}to{opacity:1}}@keyframes d7b{0%,28%{opacity:0}33%,57%{opacity:1}62%,to{opacity:0}}@keyframes d7c{0%,61%{opacity:0}66%,90%{opacity:1}95%,to{opacity:0}}.bc--morph .d7-frame{--w-desk:min(520px, calc(100% - 72px));--w-tab:min(300px, 56%);--w-mob:min(150px, 34%);height:190px;width:var(--w-desk);background:#fafaf8;border:1px solid #ffffff24;border-bottom:0;border-radius:10px 10px 0 0;animation:9s cubic-bezier(.7,0,.3,1) infinite d7w;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 0 6px #15161d,0 20px 50px -10px #000c}@keyframes d7w{0%,22%{width:var(--w-desk);border-radius:10px 10px 0 0}33%,55%{width:var(--w-tab);border-radius:16px 16px 0 0}66%,88%{width:var(--w-mob);border-radius:22px 22px 0 0}to{width:var(--w-desk);border-radius:10px 10px 0 0}}.bc--morph .d7-site{color:#111;height:100%;font-family:var(--font-geist-sans), Inter, system-ui, sans-serif;container-type:inline-size}.bc--morph .d7-nav{color:#666;border-bottom:1px solid #eee;align-items:center;gap:10px;padding:9px 12px;font-size:9px;display:flex}.bc--morph .d7-nav b{color:#111;align-items:center;gap:5px;margin-right:auto;font-size:10px;display:flex}.bc--morph .d7-nav b:before{content:"";background:var(--red);border-radius:3px;width:10px;height:10px}.bc--morph .d7-burger{border-block:2px solid #111;width:14px;height:8px;display:none;position:relative}.bc--morph .d7-burger:after{content:"";background:#111;height:2px;position:absolute;top:1px;left:0;right:0}.bc--morph .d7-hero{padding:12px}.bc--morph .d7-hero h5{letter-spacing:-.03em;color:#111;margin:0 0 4px;font-size:18px;font-weight:700;line-height:1.05}.bc--morph .d7-hero p{color:#777;margin:0 0 8px;font-size:8.5px}.bc--morph .d7-hero span{color:#fff;background:var(--red);border-radius:5px;padding:4px 9px;font-size:8.5px;font-weight:600;display:inline-block}.bc--morph .d7-cards{grid-template-columns:repeat(4,1fr);gap:6px;padding:0 12px;display:grid}.bc--morph .d7-cards i{background:#efefec;border:1px solid #e4e4e0;border-radius:6px;height:44px}.bc--morph .d7-cards i:nth-child(odd){background:#fff1f1;border-color:#ffd9d9}@container (max-width:420px){.bc--morph .d7-cards{grid-template-columns:repeat(2,1fr)}.bc--morph .d7-hero h5{font-size:15px}}@container (max-width:220px){.bc--morph .d7-cards{grid-template-columns:1fr}.bc--morph .d7-nav span{display:none}.bc--morph .d7-burger{display:block}.bc--morph .d7-hero h5{font-size:13px}.bc--morph .d7-cards i{height:30px}}.bc--morph .dc__body{flex-direction:column;flex:1;padding:22px 24px;display:flex}.bc--morph .dc__meta{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.bc--morph .dc__num{font:500 11px var(--mono,"Geist Mono"), ui-monospace, monospace;letter-spacing:.14em;color:var(--dim);text-transform:uppercase;align-items:center;gap:10px;display:flex}.bc--morph .dc__num b{color:var(--red);font-weight:500}.bc--morph .dc__num i{background:#ffffff26;width:20px;height:1px}.bc--morph .dc__arrow{width:34px;height:34px;color:var(--text);border:1px solid #ffffff24;border-radius:50%;place-items:center;transition:all .35s;display:grid}.bc--morph .dc__arrow svg{width:14px;height:14px;transition:transform .35s}.bc--morph:hover .dc__arrow{background:var(--red);border-color:var(--red);box-shadow:0 8px 22px -4px #ff3b3b99}.bc--morph:hover .dc__arrow svg{transform:rotate(45deg)}.bc--morph .dc__title{letter-spacing:-.025em;color:var(--text);margin:0 0 8px;font-size:21px;font-weight:600}.bc--morph .dc__desc{color:var(--muted);margin:0;font-size:14.5px;line-height:1.6}.bc--morph .dc__chips{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:14px;display:flex}.bc--morph .dc__chips span{font:11px var(--mono,"Geist Mono"), ui-monospace, monospace;color:#d4d4d8;background:#ffffff08;border:1px solid #ffffff1a;border-radius:7px;padding:4px 10px}.bento:not(.is-playing) .bc--morph .dc__visual *,.bento:not(.is-playing) .bc--morph .dc__visual :before,.bento:not(.is-playing) .bc--morph .dc__visual :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.bc--morph .dc__visual *{animation-duration:0s!important;animation-iteration-count:1!important}}
