.banner{isolation:isolate;background:#0a090c;border:1px solid #ffffff17;border-radius:22px;align-items:center;scroll-margin-top:84px;display:grid;position:relative;overflow:hidden}.banner-media{z-index:0;display:block;position:absolute;inset:0}.banner-media>img,.banner-media>video{object-fit:cover;filter:blur(2px)brightness(.5);width:100%;height:100%;transition:filter .6s,transform .6s cubic-bezier(.22,.7,.3,1);transform:scale(1.04)}.banner:hover .banner-media>img,.banner:hover .banner-media>video{filter:blur()brightness(.68);transform:scale(1.08)}.banner-grid{background:radial-gradient(120% 90% at 18% 110%,#ff8a0033,#0000 62%),linear-gradient(0deg,#ffffff09 1px,#0000 1px) 0 0/100% 46px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/46px 100%;position:absolute;inset:0}.banner-veil{z-index:1;pointer-events:none;position:absolute;inset:0}.banner-text{z-index:2;min-width:0;position:relative}.banner-eyebrow{-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2);background:#0a0a0b8c;border:1px solid #ffa34057;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:5px 12px;font-size:10.5px;font-weight:650;display:inline-flex}.banner-title{letter-spacing:-.035em;font-weight:700;line-height:1}.banner-body{color:#b9b9be;margin-top:14px;font-size:14.5px;line-height:1.6}.banner-cta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;display:flex}.banner-go{font-size:14px;padding:11px 20px!important}.banner-second{color:var(--text);-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);background:#0a0a0b8c;border:1px solid #ffffff24;border-radius:999px;padding:11px 18px;font-size:13.5px;font-weight:550;transition:border-color .2s,background .2s}.banner-second:hover{background:#0a0a0bb8;border-color:#ffa34080}.banner-aside{z-index:2;min-width:0;position:relative}.banner-full{text-align:center;justify-items:center;min-height:clamp(360px,42vw,520px);padding:44px 24px}.banner-full .banner-veil{background:linear-gradient(#08080a8c 0%,#08080a4d 34%,#08080ae0 100%)}.banner-full .banner-text{max-width:34ch}.banner-full .banner-title{font-size:clamp(34px,5vw,72px)}.banner-full .banner-body{max-width:52ch;margin-inline:auto}.banner-full .banner-cta{justify-content:center}.banner-split{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:28px;min-height:clamp(300px,34vw,420px);padding:38px}.banner-split .banner-media{border-radius:0 22px 22px 0;left:38%;overflow:hidden}.banner-split .banner-veil{background:linear-gradient(90deg,#0a090c 30%,#0a090cb8 48%,#0000 76%)}.banner-split .banner-title{font-size:clamp(27px,3.2vw,46px)}.banner-wide{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;min-height:clamp(210px,22vw,290px);padding:30px 34px}.banner-wide .banner-media{border-radius:0 22px 22px 0;left:46%;overflow:hidden}.banner-wide .banner-veil{background:linear-gradient(90deg,#0a090c 34%,#0a090cb3 54%,#0000 82%)}.banner-wide .banner-title{font-size:clamp(23px,2.4vw,34px)}.banner-wide .banner-body{margin-top:10px;font-size:13.5px}.banner-wide .banner-cta{margin-top:16px}.banner-stage{text-align:center;background:radial-gradient(60% 90% at 50% 120%,#ff8a0021,#0000 70%),radial-gradient(#ffffff13 1px,#0000 1.4px) 0 0/22px 22px,#0a090c;justify-items:center;min-height:clamp(380px,31vw,450px);padding:40px 24px}.banner-stage .banner-text{background:#0a090cb8;border:1px solid #ffa3408c;width:min(31%,440px);padding:26px 22px 28px;position:relative}.banner-stage .banner-text:before,.banner-stage .banner-text:after{content:"";pointer-events:none;background:radial-gradient(circle, #fff 0 2.6px, var(--accent) 2.7px 3.5px, transparent 3.6px) left center / 7px 7px no-repeat, radial-gradient(circle, #fff 0 2.6px, var(--accent) 2.7px 3.5px, transparent 3.6px) right center / 7px 7px no-repeat;height:7px;position:absolute;left:-4px;right:-4px}.banner-stage .banner-text:before{top:-4px}.banner-stage .banner-text:after{bottom:-4px}.banner-stage .banner-eyebrow{-webkit-backdrop-filter:none;backdrop-filter:none;color:#8f8f98;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.2em;background:0 0;border:0;margin-bottom:12px;padding:0}.banner-stage .banner-title{text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(26px,2.7vw,42px);line-height:1.04}.banner-stage .banner-body{margin-top:12px;font-size:13.5px}.banner-stage .banner-cta{justify-content:center;margin-top:18px}.nstage{display:block;position:absolute;inset:0}.nstage-wires{width:100%;height:100%;position:absolute;inset:0}.nstage-wires path{fill:none;stroke:#ffa34080;stroke-width:1.2px;vector-effect:non-scaling-stroke}.nnode{background:#15141a;border:3px solid #26242c;border-radius:12px;transition:transform .35s cubic-bezier(.22,.7,.3,1),border-color .35s;display:block;position:absolute;overflow:hidden;box-shadow:0 18px 40px -18px #000000e6}.banner-stage:hover .nnode{border-color:#34313c}.nnode:nth-of-type(odd){transform:rotate(-1.4deg)}.nnode:nth-of-type(2n){transform:rotate(1.2deg)}.nnode-note{color:#b9b9be;text-align:left;background:#18171deb;border-width:1px;border-color:#ffffff1a;padding:10px 11px;font-size:10.5px;line-height:1.45}.nnode-score{background:#100e0ceb;border-width:1px;border-color:#ffa34066;flex-direction:column;align-items:center;gap:2px;padding:9px 16px 8px;display:flex}.nnode-score b{color:var(--accent-2);font-size:21px;line-height:1}.nnode-score small{letter-spacing:.16em;text-transform:uppercase;color:#8f8f98;font-size:8.5px}.nnode-play{filter:drop-shadow(0 1px 2px #000000b3);border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid #ffffffe6;width:0;height:0;position:absolute;bottom:8px;left:8px}.ncursor{color:#fff;align-items:flex-start;gap:2px;display:inline-flex;position:absolute}.ncursor em{color:#fff;background:#3a3842;border-radius:999px;margin-top:11px;padding:3px 8px;font-size:10px;font-style:normal;font-weight:650}.ncursor-jev{color:var(--accent)}.ncursor-jev em{background:var(--accent);color:#140b00}.banner-split[data-sin-pieza] .banner-veil{display:none}.banner-split[data-sin-pieza] .banner-grid{background:radial-gradient(70% 120% at 100%,#ff8a001f,#0000 65%),radial-gradient(#ffffff0f 1px,#0000 1.4px) 0 0/22px 22px}.ochat{flex-direction:column;gap:12px;width:min(100%,520px);margin-left:auto;display:flex}.ochat-user{color:#140b00;background:linear-gradient(#ffa53b,#ff8a00);border-radius:16px 16px 4px;align-self:flex-end;max-width:86%;padding:11px 15px;font-size:13.5px;line-height:1.5}.ochat-bot{-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);background:#16151bd1;border:1px solid #ffffff1a;border-radius:16px 16px 16px 4px;align-self:flex-start;width:100%;padding:14px}.ochat-bot>p{color:#d6d6da;font-size:13.5px;line-height:1.5}.ochat-pieces{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.ochat-pieces>span{aspect-ratio:3/4;background:#15141a;border-radius:10px;display:block;overflow:hidden}.ochat-cost{color:#a9a9b1;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:12px;display:flex}.ochat-ok{color:var(--accent-2);border:1px solid #ffa34073;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-weight:600;display:inline-flex}@media (max-width:1100px){.banner-stage .banner-text{width:min(42%,440px)}.nstage .nnode-note,.nstage .ncursor,.nstage .nnode-score,.nstage .nnode-ref,.nstage-wires .w-extra,.nstage-wires .w-ref{display:none}}@media (max-width:860px){.banner-split,.banner-wide{grid-template-columns:1fr;min-height:340px;padding:30px 22px}.banner-split .banner-media,.banner-wide .banner-media{border-radius:22px;left:0}.banner-split .banner-veil,.banner-wide .banner-veil{background:linear-gradient(#08080a9e 0%,#08080a66 40%,#08080ae6 100%)}.banner-full{min-height:380px;padding:34px 20px}.banner-aside{margin-top:22px;display:block}.ochat{margin-left:0}.banner-stage{min-height:0;padding:28px 16px}.banner-stage .banner-text{width:100%}.nstage{display:none}}@media (prefers-reduced-motion:reduce){.banner-media>img,.banner-media>video{transition:none}.banner:hover .banner-media>img,.banner:hover .banner-media>video{transform:scale(1.04)}}
