.bring{--ring-ink:var(--gen-ink,#052e36);--ring-accent:var(--gen-green,#0b5563);--ring-line:#0b556333;--ring-muted:#0b55639e;--bezel:#0b0f12;text-align:center;padding-block:clamp(2.5rem,2rem + 2vw,4.5rem) 1rem;position:relative}.bring-title{letter-spacing:-.01em;max-width:48rem;color:var(--ring-ink);text-wrap:balance;margin:0 auto;padding-inline:1rem;font-size:clamp(1.7rem,1.2rem + 1.8vw,2.9rem);font-weight:700;line-height:1.12}.bring-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.25rem;padding-inline:1rem;display:flex}.bring-chip{border:1px solid var(--ring-line);color:var(--ring-accent);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.95rem;font-weight:600;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.bring-chip span{opacity:.6;font-variant-numeric:tabular-nums;font-weight:400}.bring-chip:hover{border-color:var(--ring-accent)}.bring-chip[aria-pressed=true]{background:var(--ring-accent);border-color:var(--ring-accent);color:#fff}.bring-chip--all{color:#1c0a00;background:#ff7a1a;border-color:#ff7a1a}.bring-chip--all:hover{background:#ff8f3d;border-color:#ff8f3d}.bring-now{min-height:5.5rem;margin-top:1.5rem;padding-inline:1rem}.bring-name{background:linear-gradient(#0b5563 0%,#052e36 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.1rem,1.4rem + 3vw,4.2rem);font-weight:800;line-height:1.05;animation:.45s cubic-bezier(.2,.7,.2,1) bring-name-in}@keyframes bring-name-in{0%{opacity:0;transform:translateY(8px)}}.bring-meta{color:var(--ring-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin:.35rem 0 0;font-size:.95rem;display:inline-flex}.bring-price{color:#fff;font-variant-numeric:tabular-nums;background:#dc2626;padding:.1rem .6rem;font-weight:700;box-shadow:0 4px 10px -4px #dc262699}.bring-stage{height:var(--stage-h,520px);perspective:var(--persp,1400px);perspective-origin:50% 40%;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;outline:none;margin-top:.5rem;position:relative;overflow:hidden}.bring-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--ring-accent)}.bring-stage.is-dragging{cursor:grabbing}.bring-stage:after{content:"";inset-inline:5%;pointer-events:none;background:radial-gradient(50% 60% at 50% 40%,#7ef2d94d,#0000 72%);height:42%;position:absolute;bottom:0}.bring-ring{z-index:1;pointer-events:none;transform-style:preserve-3d;position:absolute;inset:0;transform:translateY(18px)rotateX(-5deg)}.bring-slot{width:var(--card-w,560px);margin-left:calc(var(--card-w,560px) / -2);transform-style:preserve-3d;will-change:transform;pointer-events:none;position:absolute;top:0;left:50%}.bring-monitor,.bring-views{pointer-events:var(--pe,auto)}.bring-monitor{width:100%;transform-style:preserve-3d;display:block}.bring-panel{transform-style:preserve-3d;background:color-mix(in srgb, var(--bezel) calc(var(--vis,1) * 100%), #fff);box-shadow:0 0 0 1px rgb(255 255 255/calc(.1 * var(--vis,1))) inset, 0 30px 50px -24px rgb(5 46 54/calc(.55 * var(--vis,1)));border-radius:10px;padding:1.1%;position:relative}.bring-screen{aspect-ratio:5/3;background:#e7eef0;border-radius:6px;max-width:100%;position:relative;overflow:hidden;transform:translateZ(1px)}.bring-screen img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.bring-screen:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff24 0%,#0000 32% 70%,#ffffff0d 100%);position:absolute;inset:0}.bring-slot[data-front] .bring-monitor{cursor:pointer}.bring-edit{z-index:2;color:#1c0a00;background:#ff7a1a;border-radius:999px;align-items:center;gap:.35rem;padding:.45em 1em;font-size:clamp(.72rem,.55rem + .5vw,.95rem);font-weight:700;transition:transform .2s,background .2s;display:inline-flex;position:absolute;bottom:6%;left:4%;box-shadow:0 8px 22px -8px #0000008c}.bring-edit:hover{background:#ff8f3d;transform:translateY(-2px)}.bring-edit:focus-visible{outline-offset:2px;outline:2px solid #fff}.bring-edit svg{width:1.05em;height:1.05em}.bring-shade{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.bring-edge,.bring-back{pointer-events:none;opacity:var(--vis,1);position:absolute}.bring-edge-l,.bring-edge-r{width:var(--depth,16px);top:6px;bottom:6px}.bring-edge-t,.bring-edge-b{height:var(--depth,16px);left:6px;right:6px}.bring-edge-l{transform-origin:0;background:linear-gradient(90deg,#8d989c,#3a4549);left:0;transform:rotateY(90deg)}.bring-edge-r{transform-origin:100%;background:linear-gradient(270deg,#6b787d,#2a3236);right:0;transform:rotateY(-90deg)}.bring-edge-t{transform-origin:top;background:linear-gradient(#5d6a6f,#2a3236);top:0;transform:rotateX(-90deg)}.bring-edge-b{transform-origin:bottom;background:linear-gradient(#12181b,#2b3438);bottom:0;transform:rotateX(90deg)}.bring-back{transform:translateZ(calc(var(--depth,16px) * -1)) rotateY(180deg);backface-visibility:hidden;background:radial-gradient(60% 50% at 50% 45%,#4a565b,#1d2427 70%);border-radius:10px;inset:0}.bring-dev{z-index:5;left:var(--ph-left);top:var(--ph-top);width:var(--ph-w);height:var(--ph-h);transform:translateZ(calc(var(--depth,16px) + 18px)) rotateY(-10deg);opacity:0;pointer-events:none;transition:opacity .4s,transform .55s cubic-bezier(.2,.7,.2,1);position:absolute}.bring-slot:not([data-view=desktop]) .bring-dev{opacity:1}.bring-slot[data-view=desktop] .bring-dev{transform:translateZ(calc(var(--depth,16px) + 18px)) translateX(40px) rotateY(-24deg)}.bring-slot[data-view=tablet] .bring-dev{left:var(--tb-left);top:var(--tb-top);width:var(--tb-w);height:var(--tb-h)}.bring-dev{--dw:var(--ph-w);--dh:var(--ph-h);--dr:var(--ph-r);--dt:var(--ph-t,8px);transform-style:preserve-3d}.bring-slot[data-view=tablet] .bring-dev{--dw:var(--tb-w);--dh:var(--tb-h);--dr:var(--tb-r);--dt:var(--tb-t,6px)}.bring-dev-body{background:var(--bezel);border-radius:var(--dr);padding:var(--ph-pad);transform:translateZ(calc(var(--dt) / 2));backface-visibility:hidden;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff24,0 0 0 1.5px #59656a,-18px 30px 40px -14px #052e3673}.bring-slot[data-view=tablet] .bring-dev-body{padding:var(--tb-pad)}.bring-dev-layer{border-radius:var(--dr);transform:translateZ(calc(var(--dt) * (var(--k) - .5)));backface-visibility:visible;background:linear-gradient(90deg,#3d474b,#8e9a9f 12%,#6d797e 50%,#8e9a9f 88%,#3d474b);display:block;position:absolute;inset:0;box-shadow:0 0 0 1px #59656a}.bring-dev-back{border-radius:var(--dr);transform:rotateY(180deg) translateZ(calc(var(--dt) / 2));backface-visibility:hidden;background:radial-gradient(120% 70% at 30% 10%,#ffffff29,#0000 60%),linear-gradient(160deg,#3f4a4f,#20282b 55%,#2f393d);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 0 1.5px #59656a}.bring-dev-cam{aspect-ratio:1;background:radial-gradient(circle at 30% 28%,#0b1012 0 13%,#3a4448 13.5% 17%,#0000 17.5%),radial-gradient(circle at 30% 72%,#0b1012 0 13%,#3a4448 13.5% 17%,#0000 17.5%),radial-gradient(circle at 72%,#0b1012 0 13%,#3a4448 13.5% 17%,#0000 17.5%),radial-gradient(circle at 74% 20%,#f1e3c4 0 5%,#0000 5.5%),linear-gradient(150deg,#ffffff24,#00000040),#262f33;border-radius:24%;width:40%;position:absolute;top:3.2%;right:7%;box-shadow:inset 0 0 0 1px #ffffff1f,0 2px 4px #00000080}.bring-slot[data-view=tablet] .bring-dev-cam{background:radial-gradient(circle,#0b1012 0 26%,#3a4448 27% 34%,#0000 35%),linear-gradient(150deg,#ffffff24,#00000040),#262f33;width:14%;top:2.5%;right:4%}.bring-dev-screen{border-radius:calc(var(--dr) * .78);background:#e7eef0;width:100%;height:100%;position:relative;overflow:hidden}.bring-slot[data-view=tablet] .bring-dev-screen{border-radius:calc(var(--dr) * .7)}.bring-dev-screen img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.bring-slot[data-view=phone] .bring-dev-screen:before{content:"";z-index:1;background:#05080a;border-radius:99px;width:30%;height:3.2%;position:absolute;top:2.2%;left:50%;transform:translate(-50%)}.bring-views{width:max-content;margin:calc(var(--card-w,560px) * .07) auto 0;border:1px solid var(--ring-line);cursor:pointer;touch-action:manipulation;background:#ffffffd9;border-radius:999px;gap:2px;padding:3px;transition:opacity .3s;display:flex;box-shadow:0 6px 18px -10px #052e3666}.bring-view{width:40px;height:34px;color:var(--ring-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.bring-view svg{width:19px;height:19px}.bring-view:hover{color:var(--ring-accent)}.bring-view[aria-pressed=true]{background:var(--ring-accent);color:#fff}.bring-view:focus-visible{outline:2px solid var(--ring-accent);outline-offset:2px}.bring-floor{width:76%;height:26px;opacity:var(--vis,1);filter:blur(6px);background:radial-gradient(50% 50%,#052e3638,#0000 70%);margin:2px auto 0;display:block}.bring-controls{justify-content:center;align-items:center;gap:1rem;margin-top:.25rem;display:flex}.bring-arrow{border:1px solid var(--ring-line);width:46px;height:46px;color:var(--ring-accent);cursor:pointer;background:#fff;border-radius:50%;place-items:center;font-size:1.35rem;display:grid}.bring-arrow:hover{border-color:var(--ring-accent)}[dir=ltr] .bring-arrow span{display:inline-block;transform:scaleX(-1)}.bring-count{min-width:5rem;color:var(--ring-muted);font-variant-numeric:tabular-nums}.bring-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1.1rem;padding-inline:1rem;display:flex}.bring-btn{border:1px solid var(--ring-accent);color:var(--ring-accent);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.6rem;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.bring-btn:hover{transform:translateY(-1px)}.bring-btn--main{color:#1c0a00;background:#ff7a1a;border-color:#ff7a1a;box-shadow:0 10px 30px -10px #ff7a1ab3}.bring-btn--main:hover{background:#ff8f3d}.bring-actions:has(.bring-specs){flex-direction:column;gap:.35rem}.bring-actions:has(.bring-specs.bring-btn--main){margin-top:.6rem}.bring-btn--link{text-underline-offset:4px;background:0 0;border-color:#0000;font-weight:600;text-decoration:underline}.bring-all{z-index:85;overscroll-behavior:contain;background:#fff;position:fixed;inset:0;overflow-y:auto}.bring-all-close{top:env(safe-area-inset-top,0px);z-index:2;border:1px solid var(--gen-green,#0b5563);color:var(--gen-green,#0b5563);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:.5rem;margin:.75rem .75rem 0 auto;padding:.45rem 1rem;font-weight:600;display:flex;position:sticky}.bring-all-close span{font-size:1.3rem;line-height:1}@media (prefers-reduced-motion:reduce){.bring-name{animation:none}.bring-dev,.bring-monitor{transition:opacity .2s}}