.bring{--ring-ink:var(--gen-ink,#1c1917);--ring-accent:var(--gen-green,#9a1f40);--ring-line:#9a1f4033;--ring-muted:#9a1f409e;--bezel:#0b0f12;text-align:center;padding-block:clamp(2.5rem,2rem + 2vw,4.5rem) 1rem;position:relative}.bring[aria-labelledby=basic-templates-title]{padding-top:clamp(1.25rem,1rem + 1vw,2.25rem)}.bring[aria-labelledby=basic-templates-title] .bring-now{min-height:0;margin-top:2.25rem}.bring[aria-labelledby=basic-templates-title] .bring-stage{margin-top:-.5rem}.bring[aria-labelledby=basic-templates-title] .bring-price{display:none}.bring[aria-labelledby=basic-templates-title] .bring-name,.shop-page .bring-name{font-size:clamp(1.15rem,1rem + .4vw,1.5rem);line-height:1.2}.bring-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;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{border-radius:var(--btn-radius);color:#1c0a00;background:#ff7a1a;border-color:#ff7a1a}.bring-chip--all:hover{background:#ff8f3d;border-color:#ff8f3d}.shop-page .bring-chip--all{color:#fff;background:#6b21a8;border-color:#6b21a8}.shop-page .bring-chip--all:hover{background:#7e22ce;border-color:#7e22ce}.bring-now{min-height:5.5rem;margin-top:1.5rem;padding-inline:1rem}.bring-name{background:linear-gradient(#9a1f40 0%,#1c1917 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%,#9a1f404d,#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(28 25 23/calc(.55 * var(--vis,1)));border-radius:3px;padding:1.1%;position:relative}.bring-screen{aspect-ratio:5/3;background:#e7eef0;border-radius:2px;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:.5em;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-round-row{z-index:2;gap:.35rem;display:flex;position:absolute;bottom:4%;right:3%}html[dir=rtl] .bring-round-row{left:3%;right:auto}.bring-slot:not([data-view=desktop]) .bring-round-row,html[dir=rtl] .bring-slot:not([data-view=desktop]) .bring-round-row{z-index:4;left:3%;right:auto}.bring-round-row .bring-edit{position:static}.bring-round{cursor:pointer;color:#1c0a00;background:#ff7a1a;border:0;border-radius:50%;place-items:center;gap:0;width:clamp(1.75rem,1.4rem + .8vw,2.25rem);height:clamp(1.75rem,1.4rem + .8vw,2.25rem);padding:0;font:800 clamp(.85rem,.7rem + .4vw,1.05rem)/1 system-ui,-apple-system,Segoe UI,Arial,sans-serif;transition:transform .2s,background .2s;display:grid;box-shadow:0 6px 16px -6px #00000080}.bring-round:hover{background:#ff8f3d;transform:translateY(-2px)}.bring-round:focus-visible{outline-offset:2px;outline:2px solid #fff}.bring-round svg{width:45%;height:45%}.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:1px;bottom:1px}.bring-edge-t,.bring-edge-b{height:var(--depth,16px);left:1px;right:1px}.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:3px;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 + 1.5px));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 #1c191773}.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) * .9));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-body{box-shadow:none;--dev-in:var(--iphone-in);--dev-r:var(--iphone-r);--dev-img:url(/devices/iphone.webp);background:0 0;padding:0}.bring-slot[data-view=tablet] .bring-dev-body{--dev-in:var(--ipad-in);--dev-r:var(--ipad-r);--dev-img:url(/devices/ipad.webp);padding:0}.bring-dev-body:after{content:"";background:var(--dev-img) center / 100% 100% no-repeat;pointer-events:none;position:absolute;inset:0}.bring-dev-body{background:#0b0b0c;border-radius:15%/7.4%}.bring-slot[data-view=tablet] .bring-dev-body{border-radius:4%/3%}.bring-dev-layer{background:linear-gradient(90deg,#33161d,#a24f60 12%,#5d2230 50%,#a24f60 88%,#33161d);box-shadow:0 0 0 1px #4d1926}.bring-dev-screen{inset:var(--dev-in);border-radius:var(--dev-r);background:#050505;position:absolute;overflow:hidden}.bring-dev-screen img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.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 #1c191766}.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%,#1c191738,#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-all{z-index:85;overscroll-behavior:contain;background:#fff;position:fixed;inset:0;overflow-y:auto}.bring-all-bar{top:env(safe-area-inset-top,0px);z-index:5;height:0;position:sticky}@media (prefers-reduced-motion:reduce){.bring-name{animation:none}.bring-dev,.bring-monitor{transition:opacity .2s}}:is(#page-basic,.bring-all:has(#basic-templates-title)) :is(.bring-chip--all,.bwhy-cta,.bhost-cta,.site-cta-secondary),.tsd-cta{color:#fff!important;background:linear-gradient(#b23a5a 0%,#9a1f40 55%,#7c1631 100%)!important;border-color:#9a1f40!important}:is(#page-basic,.bring-all:has(#basic-templates-title)) :is(.bring-chip--all,.bwhy-cta,.bhost-cta,.site-cta-secondary):hover,.tsd-cta:hover{background:linear-gradient(#c24a6a 0%,#a8274a 55%,#8a1a38 100%)!important;border-color:#a8274a!important}#page-basic .bring-chip.bring-chip--all.bring-chip--quiet{color:#fff!important;background:0 0!important;border-color:#ffffff59!important}#page-basic .bring-chip.bring-chip--all.bring-chip--quiet:hover{color:#000!important;background:#fff!important}:is(#page-basic,.bring-all:has(#basic-templates-title)) :is(.bring-round,.bring-edit):is(.bring-round,.bring-edit){color:#fff!important;background:#16191dd1!important;border-color:#ffffff38!important}:is(#page-basic,.bring-all:has(#basic-templates-title)) :is(.bring-round,.bring-edit):is(.bring-round,.bring-edit):hover{color:#000!important;background:#fff!important}#page-basic .bring-view[aria-pressed=true]{color:#000;background:#fff}#page-basic .bring-view:hover{color:#fff}#page-basic .bring-view[aria-pressed=true]:hover{color:#000}#page-basic .bring-view:focus-visible{outline-color:#9a1f40}:is(.shop-page,.bring-all:has(.shop-lav)) .bring-round{color:#fff!important;background:#6b21a8!important;border-color:#6b21a8!important}body:has(.shop-page) .tsd-cta{color:#fff!important;background:#6b21a8!important;border-color:#6b21a8!important}:is(.shop-page,.bring-all:has(.shop-lav)) .bring-round:hover{background:#7e22ce!important;border-color:#7e22ce!important}body:has(.shop-page) .tsd-cta:hover{background:#7e22ce!important;border-color:#7e22ce!important}.shop-page .bring-view[aria-pressed=true]{color:#fff;background:#6b21a8}.shop-page .bring-view:hover{color:#6b21a8}.shop-page .bring-view[aria-pressed=true]:hover{color:#fff}.shop-page .bring-view:focus-visible{outline-color:#6b21a8}.bring-all:has(.shop-lav) .shop-theme-grid{--card-accent:#6b21a8;--card-accent-ink:#fff}.bring-chips:has(>.bring-chip--filter){flex-wrap:nowrap;gap:.4rem;padding-inline:.5rem}.bring-chips:has(>.bring-chip--filter)>.bring-chip{white-space:nowrap;flex:0 auto;min-width:0}@media (max-width:640px){.bring-chips:has(>.bring-chip--filter){gap:.3rem;padding-inline:.4rem}.bring-chips:has(>.bring-chip--filter)>.bring-chip{gap:.2rem;padding:.5rem clamp(.4rem,1.8vw,.6rem);font-size:clamp(.6rem,2.6vw,.9rem)}.bring-chips:has(>.bring-chip--filter)>.bring-chip svg{width:.85rem;height:.85rem}}:is(#page-basic,.bring-all,body) .bring-chip.bring-chip--filter{box-shadow:0 4px 10px -4px #dc262699;color:#fff!important;background:#dc2626!important;border-color:#dc2626!important}:is(#page-basic,.bring-all,body) .bring-chip.bring-chip--filter:hover{background:#b91c1c!important;border-color:#b91c1c!important}.bring-panel{box-shadow:0 30px 50px -24px rgb(0 0 0/calc(.55 * var(--vis,1)));background:0 0;border-radius:1.2%/2%;padding:1.7% 1.85% 2.5% 1.8%}.bring-panel:after{content:"";z-index:3;pointer-events:none;background:url(/devices/monitor.webp) 50%/100% 100% no-repeat;position:absolute;inset:0;transform:translateZ(2px)}.bring-screen{border-radius:.6%}