/* BKN Services Bento — componente aislado para poder iterarlo o retirarlo sin afectar el sitio. */
.services-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.bento-card{isolation:isolate;position:relative;overflow:hidden;min-height:365px;grid-column:span 4;padding:27px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 20px 50px rgba(0,0,0,.14);transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s}.bento-card:before{content:"";position:absolute;z-index:-1;width:280px;height:280px;right:-115px;bottom:-155px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.22),transparent 68%);transition:transform .6s ease,opacity .35s}.bento-card:hover{transform:translateY(-7px);border-color:rgba(189,172,255,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 28px 65px rgba(0,0,0,.3)}.bento-card:hover:before{transform:scale(1.5);opacity:.9}.bento-discord{grid-column:span 7;min-height:420px;background:linear-gradient(135deg,rgba(62,44,119,.38),rgba(15,15,25,.64) 58%,rgba(99,225,255,.04))}.bento-community{grid-column:span 5;min-height:420px;background:linear-gradient(145deg,rgba(27,88,96,.28),rgba(14,17,25,.82) 60%)}.bento-talent{grid-column:span 12;min-height:295px;display:grid;grid-template-columns:minmax(280px,40%) 1fr;gap:30px;background:linear-gradient(120deg,rgba(93,65,177,.27),rgba(17,17,27,.85) 55%,rgba(216,255,91,.08))}.bento-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:#a9a9ba;font:10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.bento-topline i{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;font-style:normal;font-size:13px;color:var(--cyan);background:rgba(255,255,255,.05)}.bento-copy{position:relative;z-index:2;max-width:310px}.bento-card h3{margin:0 0 8px;font-size:21px;line-height:1.05;letter-spacing:-.05em}.bento-card p{margin:0;color:#b2b2c1;font-size:12px;line-height:1.65}.bento-card ul{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0 23px;padding:0;list-style:none}.bento-card li{padding:5px 8px;border:1px solid rgba(255,255,255,.1);border-radius:50px;background:rgba(255,255,255,.035);font-size:9px;color:#d1d1dc}.bento-card a{font-size:11px;font-weight:800}.bento-card a span{margin-left:5px;color:var(--cyan);font-size:15px}.bento-art{pointer-events:none;position:absolute;z-index:1}.discord-workspace{right:-10px;bottom:-42px;width:57%;height:265px;display:grid;grid-template-columns:47px 150px 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:10px 0 0 0;background:#151522;box-shadow:0 20px 45px rgba(0,0,0,.45);transform:perspective(800px) rotateY(-9deg) rotateX(3deg) rotateZ(-1deg);transition:transform .55s ease}.bento-discord:hover .discord-workspace{transform:perspective(800px) rotateY(-3deg) rotateX(1deg) rotateZ(0) translate(-7px,-8px)}.discord-rail{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:14px;background:#101019}.discord-rail i{display:block;width:25px;height:25px;border-radius:9px;background:linear-gradient(145deg,#7662e8,#393073)}.discord-rail i:nth-child(2){background:#5bcfef;border-radius:50%}.discord-rail i:nth-child(3){background:#d970a4}.discord-rail i:nth-child(4){background:#8aae5b;border-radius:50%}.discord-channels{padding:15px 10px;color:#9292a6;background:#171722;font:8px 'DM Mono',monospace}.discord-channels b{display:block;margin-bottom:17px;color:#e6e6ef;font-size:9px}.discord-channels span{display:block;margin:0 0 10px}.discord-channels .channel-active{margin-inline:-5px;padding:5px;background:rgba(139,92,246,.28);border-radius:4px;color:#fff}.discord-channels small{display:block;margin-top:22px;color:#87cbad;font-size:7px}.discord-chat{padding:20px 12px;background:linear-gradient(135deg,#1b1b29,#171722)}.discord-chat p{display:flex;align-items:center;gap:5px;margin:0 0 7px;color:#f0f0f5;font-size:8px}.discord-chat p i{width:15px;height:15px;display:block;border-radius:50%;background:#60c7ea}.discord-chat p .avatar-pink{background:#ef83b8}.discord-chat p small{font-size:6px;color:#767687}.chat-line{height:5px;width:67%;margin:0 0 3px 20px;border-radius:4px;background:#555568}.chat-line.line-long{width:82%}.chat-line.line-medium{width:54%;margin-bottom:16px}.community-network{right:-29px;bottom:-45px;width:290px;height:290px}.network-core{position:absolute;z-index:2;left:50%;top:50%;display:grid;width:106px;height:106px;translate:-50% -50%;place-content:center;border:1px solid rgba(99,225,255,.45);border-radius:50%;background:radial-gradient(circle at 35% 30%,#2c6980,#182936 62%,#121823);box-shadow:0 0 35px rgba(99,225,255,.16);text-align:center}.network-core strong{font:700 25px 'DM Mono',monospace;color:#d8fbff}.network-core span{font-size:8px;color:#9dbac3}.network-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(99,225,255,.23);border-radius:50%;translate:-50% -50%}.ring-one{width:185px;height:185px}.ring-two{width:256px;height:256px;border-color:rgba(139,92,246,.2)}.node{position:absolute;z-index:2;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.17);border-radius:50%;font-style:normal;font-size:12px;color:#c2b2ff;background:#252139;box-shadow:0 5px 18px rgba(0,0,0,.32)}.node-one{left:28px;top:35px}.node-two{right:28px;top:61px;color:var(--cyan);background:#17363d}.node-three{right:47px;bottom:24px}.node-four{left:50px;bottom:16px;color:#d8ff5b;background:#33402b}.marketing-board{right:20px;bottom:22px;width:180px;padding:17px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(13,17,25,.68);box-shadow:0 18px 34px rgba(0,0,0,.3);backdrop-filter:blur(8px);transform:rotate(-5deg);transition:transform .5s}.bento-marketing:hover .marketing-board{transform:rotate(0) translate(-5px,-8px)}.metric-title{color:#777b91;font:8px 'DM Mono',monospace;letter-spacing:.12em}.marketing-board>strong{display:block;margin:5px 0 14px;font:700 22px 'DM Mono',monospace;letter-spacing:-.08em}.marketing-board em{margin-left:3px;color:#d8ff5b;font-size:9px;font-style:normal;letter-spacing:0}.chart{height:61px;display:flex;align-items:end;gap:5px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.12)}.chart span{flex:1;border-radius:3px 3px 1px 1px;background:linear-gradient(#c0a8ff,var(--violet))}.chart span:nth-child(1){height:24%}.chart span:nth-child(2){height:45%}.chart span:nth-child(3){height:37%}.chart span:nth-child(4){height:69%}.chart span:nth-child(5){height:51%}.chart span:nth-child(6){height:84%;background:linear-gradient(#dbff7d,#a0c93e)}.chart span:nth-child(7){height:100%;background:linear-gradient(#e5dcff,#9371ff)}.chart-axis{display:flex;justify-content:space-between;margin-top:6px}.chart-axis i{font:7px 'DM Mono',monospace;color:#74778b;font-style:normal}.web-preview{right:-9px;bottom:-9px;width:64%;height:198px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:9px 0 0 0;background:#efece6;color:#15151b;box-shadow:0 18px 35px rgba(0,0,0,.34);transform:perspective(900px) rotateY(-8deg) rotateZ(2deg);transition:transform .55s}.bento-web:hover .web-preview{transform:perspective(900px) rotateY(-2deg) rotateZ(0) translate(-7px,-7px)}.browser-top{height:26px;display:flex;align-items:center;gap:4px;padding:0 9px;background:#d8d5cf}.browser-top i{width:5px;height:5px;border-radius:50%;background:#f27e78}.browser-top i:nth-child(2){background:#e6b358}.browser-top i:nth-child(3){background:#73a45a}.browser-top span{margin-left:6px;color:#696762;font:7px 'DM Mono',monospace}.browser-page{position:relative;height:172px;padding:20px}.browser-page b{font-size:28px;line-height:.82;letter-spacing:-.1em}.browser-page em{color:#6a45d3;font-style:normal}.browser-nav{position:absolute;right:13px;top:18px;font:6px 'DM Mono',monospace;color:#53515b}.browser-dot{position:absolute;right:20px;bottom:15px;width:54px;height:54px;border-radius:50%;background:#bcf548}.code-editor{right:13px;bottom:17px;width:190px;overflow:hidden;border:1px solid rgba(159,137,255,.26);border-radius:9px;background:#10101a;box-shadow:0 17px 34px rgba(0,0,0,.32);transform:rotate(3deg);transition:transform .5s}.bento-code:hover .code-editor{transform:rotate(0) translate(-4px,-9px)}.code-head{display:flex;align-items:center;gap:7px;padding:9px 11px;border-bottom:1px solid rgba(255,255,255,.09);color:#86869c;font:8px 'DM Mono',monospace}.code-head i{width:7px;height:7px;border-radius:50%;background:#d8ff5b}.code-editor code{display:block;padding:13px 12px 15px;color:#d1d1dc;font:8px/1.9 'DM Mono',monospace}.code-editor code span{display:block;white-space:nowrap}.code-editor code b{display:inline-block;width:18px;color:#515166;font-weight:400}.code-editor code em{color:#bd9bff;font-style:normal}.code-editor code strong{color:#b9e97e;font-weight:400}.code-cursor{width:4px;height:13px;margin:-23px 0 12px 33px;background:var(--cyan);animation:cursor-blink 1s steps(2) infinite}@keyframes cursor-blink{50%{opacity:0}}.talent-roster{position:relative;align-self:center;width:100%;height:195px;padding:25px 30px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:linear-gradient(120deg,rgba(35,29,62,.86),rgba(15,15,22,.73));box-shadow:0 23px 45px rgba(0,0,0,.28)}.roster-title{display:flex;justify-content:space-between;color:#9e9aae;font:9px 'DM Mono',monospace;letter-spacing:.1em}.roster-title b{color:var(--lime);font-weight:400}.creator-row{display:flex;align-items:center;margin-top:24px}.creator{position:relative;width:63px;height:63px;margin-right:-8px;display:grid;place-items:center;border:3px solid #1c192c;border-radius:50%;font:700 14px 'DM Mono',monospace;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.3)}.creator span{position:relative;z-index:1}.creator i{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent)}.creator-a{background:#8266cb}.creator-b{background:#287e8c}.creator-c{background:#be6a99}.creator-d{background:#718b44}.creator-more{display:grid;width:49px;height:49px;margin-left:4px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;font:9px 'DM Mono',monospace;color:#d4d4e1;background:rgba(255,255,255,.04)}.roster-foot{display:flex;gap:7px;margin-top:17px}.roster-foot span{padding:4px 7px;border-radius:30px;background:rgba(255,255,255,.06);color:#a9a6b8;font-size:8px}@media(max-width:1000px){.services-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-card,.bento-discord,.bento-community{grid-column:span 1;min-height:390px}.bento-talent{grid-column:span 2;grid-template-columns:1fr 1.15fr;min-height:300px}.discord-workspace{width:78%;right:-50px}.web-preview{width:80%}}@media(max-width:620px){.services-bento{grid-template-columns:1fr;gap:11px}.bento-card,.bento-discord,.bento-community,.bento-talent{grid-column:span 1;display:block;min-height:405px;padding:22px}.bento-talent{min-height:440px}.bento-card h3{font-size:20px}.bento-card p{max-width:280px}.bento-card ul{max-width:270px}.discord-workspace{right:-62px;bottom:-30px;width:83%;height:220px;grid-template-columns:36px 118px 1fr}.discord-channels{padding:12px 7px;font-size:7px}.discord-chat{padding:15px 8px}.community-network{right:-55px;bottom:-38px;scale:.88}.marketing-board{right:15px;bottom:17px}.web-preview{width:82%;height:180px}.browser-page{height:154px;padding:17px}.browser-page b{font-size:25px}.code-editor{right:12px;bottom:17px}.talent-roster{position:absolute;left:22px;right:22px;bottom:22px;width:auto;height:179px;padding:20px}.creator{width:54px;height:54px;font-size:12px}.roster-foot{margin-top:14px}}