.case{padding-block:var(--gap-top) 0}.case-live{margin-top:var(--s-6)}.ba{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6);align-items:start}@media(max-width:760px){.ba{grid-template-columns:1fr}}.ba-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);margin-bottom:var(--s-3);display:flex;align-items:center;gap:8px;max-width:300px;margin-inline:auto}.ba-label.after{color:var(--action)}.reveal-wrap{margin-inline:0}.reveal-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--s-3);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.reveal-head .reveal-lbl{color:var(--fg-3)}.reveal-head .reveal-lbl.after{color:var(--action)}.reveal-stage{position:relative;overflow:hidden;aspect-ratio:1920/1080;touch-action:none;user-select:none;cursor:ew-resize}.reveal-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none}.reveal-after{object-position:top}.reveal-before{object-position:left top;clip-path:inset(0 calc(100% - var(--reveal-pos,50%)) 0 0);z-index:2}.reveal-handle{position:absolute;top:0;bottom:0;left:var(--reveal-pos,50%);transform:translate(-50%);width:46px;z-index:4;background:transparent;border:0;padding:0;cursor:ew-resize;display:flex;align-items:center;justify-content:center}.reveal-handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:var(--action)}.reveal-grip{position:relative;width:42px;height:42px;border-radius:50%;background:var(--action);color:var(--jg-black);display:grid;place-items:center;box-shadow:0 4px 18px rgba(var(--jg-black-rgb),.55)}.reveal-grip svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;display:block}.reveal-handle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:var(--r-1)}.frame-browser{border:1px solid var(--border);border-radius:var(--r-0);overflow:hidden;background:var(--bg-surface)}.frame-browser .bar{height:28px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--border)}.frame-browser .bar i{width:8px;height:8px;border-radius:50%;background:var(--jg-line);display:inline-block}.frame-browser img{width:100%;display:block}.frame-phone{max-width:300px;margin-inline:auto;border:1px solid var(--border-phone);border-radius:38px;overflow:hidden;background:var(--jg-phone);padding:9px;box-shadow:var(--shadow-device)}.frame-phone img{width:100%;display:block;border-radius:30px}.beats{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-12) var(--s-10);margin-top:var(--s-10)}@media(max-width:760px){.beats{grid-template-columns:1fr;gap:var(--s-8)}}.beats-spec{grid-template-columns:1fr 1fr;gap:var(--s-16) var(--s-10)}@media(max-width:760px){.beats-spec{grid-template-columns:1fr;gap:var(--s-12)}}.beat-spec h3{margin-top:var(--s-2)}.beat-spec p{margin:var(--s-3) 0 var(--s-5);font-size:14px;line-height:1.55;color:var(--fg-2);max-width:none}.beat-spec .jg-tag-rows{margin-top:var(--s-4)}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s-6);margin-top:var(--s-8)}.gallery.phones{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.gallery figure{margin:0}.gallery figcaption{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3);margin-top:var(--s-3)}.stack{max-width:1000px;margin:var(--s-10) auto 0;display:flex;flex-direction:column;gap:var(--s-10)}.ia-block{border:1px solid var(--border);background:var(--bg-surface);padding:var(--s-10);margin-top:var(--s-10)}.media-frame{border:1px solid var(--border);background:var(--bg-surface);border-radius:var(--r-0);padding:clamp(20px,3vw,44px)}.media-frame .ba,.media-frame .screens-slider{margin-top:0}.ia-block .ia-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.ia-block h3{margin-top:var(--s-3)}.ia-block p{margin-top:var(--s-4);max-width:70ch}.metrics{display:flex;flex-wrap:wrap;gap:var(--s-12);margin-top:var(--s-8)}.metric .jg-stat{display:block}.metric .m-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3);margin-top:4px}.honest{font-family:var(--font-mono);font-size:11px;line-height:1.6;color:var(--fg-3);letter-spacing:.03em;margin-top:var(--s-8);border-top:1px solid var(--border-soft);padding-top:var(--s-4);max-width:80ch}.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-10);margin-top:var(--s-8)}@media(max-width:860px){.split{grid-template-columns:1fr;gap:var(--s-8)}}.split .role{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--s-2)}.split.center{align-items:center}.logo-construct{max-width:600px;margin:var(--s-10) auto 0;padding:var(--s-6);border:1px solid var(--border);border-radius:var(--r-0);background:var(--jg-stage)}.logo-construct svg{width:100%;height:auto;display:block;overflow:visible}.logo-construct .ms-guides path{stroke:#c7ccd6;opacity:.7}.logo-construct .ms-outline{fill:#eb6b23;stroke:#eb6b23;stroke-width:8;stroke-linejoin:round;stroke-linecap:round}.ed-sec{padding-block:clamp(100px,9vw,132px)}.ed-sec:first-child{padding-top:clamp(56px,6vw,88px)}.ed-head{max-width:1000px}.ed-head .ey{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);display:block}.ed-head h2{font-family:var(--font-display);font-weight:700;font-size:var(--fs-ed-head);line-height:1;letter-spacing:-.025em;margin:var(--s-5) 0 0;max-width:18ch;color:var(--fg);text-wrap:balance}.ed-head p{font-size:14px;line-height:1.6;color:var(--fg-2);margin:var(--s-6) 0 0;max-width:72ch}.tw-body{max-width:72ch;margin-top:var(--s-6);font-size:14px;line-height:1.65;color:var(--fg-2)}.tw-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}.tw-layout .ed-head{max-width:none}.tw-figure{position:sticky;top:clamp(24px,6vw,90px)}.tw-figure img,.tw-figure video{width:100%;height:auto;display:block;border-radius:var(--r-0)}.tw-figure .frame-browser img{border-radius:0}.tw-cap{margin-top:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3)}.tw-cap p{font-family:var(--font-body);font-size:14px;line-height:1.55;color:var(--fg-2);max-width:52ch;margin:0}.proof{margin:0}.proof .frame-browser img{border-radius:0}.proof .tw-cap{margin-top:var(--s-5)}@media(max-width:820px){.tw-layout{grid-template-columns:1fr;gap:clamp(24px,5vw,40px)}.tw-figure{position:static;max-width:420px}}.screens-slider{display:flex;gap:clamp(16px,2vw,28px);overflow-x:auto;scroll-snap-type:x mandatory;margin-top:var(--s-12);-webkit-overflow-scrolling:touch;cursor:url(/cursor-grab.svg) 16 16,grab;scrollbar-width:none;-ms-overflow-style:none}.screens-slider::-webkit-scrollbar{display:none}.screens-slider.dragging{cursor:url(/cursor-grab.svg) 16 16,grabbing;scroll-snap-type:none;scroll-behavior:auto}.screens-slider.dragging img{pointer-events:none}.screens-slider .scr{flex:0 0 clamp(228px,24vw,300px);scroll-snap-align:start;margin:0}.screens-slider:not(.wide) .scr{border:1px solid var(--border-phone);border-radius:38px;background:var(--jg-phone);padding:9px;box-shadow:var(--shadow-device);overflow:hidden}.screens-slider:not(.wide) .scr img{border-radius:30px}.screens-slider .scr img{width:100%;display:block;user-select:none;-webkit-user-drag:none}.scr-cap{margin-top:var(--s-4);display:flex;flex-direction:column;gap:6px}.scr-cap .scr-desc{font-family:var(--font-body);font-size:14px;line-height:1.4;color:var(--fg-2);max-width:46ch}.screens-slider.wide{gap:0}.screens-slider.wide .scr{flex:0 0 100%}.screens-slider.wide .scr>*{max-width:min(1500px,92vw);margin-inline:auto}.screens-slider.wide .scr .scr-shot{position:relative;border:1px solid var(--border);border-radius:var(--r-0);overflow:hidden;background:var(--bg-surface);box-shadow:var(--shadow-device);padding-top:30px}.screens-slider.wide .scr .scr-shot:before{content:"";position:absolute;top:0;left:0;right:0;height:30px;background-color:var(--bg-surface);border-bottom:1px solid var(--border);background-image:radial-gradient(circle at 16px 15px,var(--jg-line) 4px,transparent 4.5px),radial-gradient(circle at 30px 15px,var(--jg-line) 4px,transparent 4.5px),radial-gradient(circle at 44px 15px,var(--jg-line) 4px,transparent 4.5px);background-repeat:no-repeat}.screens-slider.wide .scr .scr-shot img{display:block;width:100%;border-radius:0}.scr-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,1.8vw,24px);margin-top:var(--s-10)}.scr-count{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}.scr-count .scr-i{color:var(--fg);font-weight:600}.scr-arrows{display:flex;gap:10px}.scr-arr{width:46px;height:46px;border-radius:var(--r-1);border:1px solid var(--border);background:transparent;color:var(--fg-2);display:inline-grid;place-items:center;cursor:pointer;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out)}.scr-arr svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.scr-arr:hover:not(:disabled){background:var(--action);border-color:var(--action);color:var(--jg-white)}.scr-arr:focus-visible{outline:2px solid var(--action);outline-offset:2px}.scr-arr:disabled{opacity:.3;cursor:default}.scr-hint{margin-right:auto;display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2);user-select:none}.scr-hint svg{width:24px;height:12px;fill:none;stroke:var(--action);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}@media(prefers-reduced-motion:no-preference){.scr-hint svg{animation:scr-drag 1.7s ease-in-out infinite}@keyframes scr-drag{0%,to{transform:translate(-3px)}50%{transform:translate(3px)}}}@media(max-width:680px){.scr-arr{width:42px;height:42px}.scr-hint span{display:none}}.ed-intro{display:grid;grid-template-columns:1.45fr 1fr;gap:clamp(32px,6vw,104px);align-items:start}@media(max-width:860px){.ed-intro{grid-template-columns:1fr;gap:var(--s-10)}}.ed-intro .lede p{font-size:17px;line-height:1.55;color:var(--fg);max-width:52ch;margin:0}.ed-intro .lede p+p{margin-top:var(--s-6);color:var(--fg-2);font-size:14px;line-height:1.65}.ed-meta{display:grid;grid-template-columns:1fr;gap:var(--s-6)}.ed-meta .m{border-top:1px solid var(--border-soft);padding-top:var(--s-3)}.ed-meta .m .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);display:block;margin-bottom:var(--s-2)}.ed-meta .m .k:before{content:"// "}.ed-meta .m .v{font-size:14px;color:var(--fg);line-height:1.45}.ed-fig{margin:0}.ed-fig img,.ed-fig video{width:100%;display:block;border-radius:var(--r-0)}.ed-fig figcaption{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin-top:var(--s-4)}.launch-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.2vw,32px);align-items:stretch;margin-top:var(--s-12)}.launch-fig{margin:0;aspect-ratio:3/4}.launch-fig img,.launch-fig video{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border-radius:var(--r-0)}@media(max-width:680px){.launch-pair{grid-template-columns:1fr;max-width:420px;margin-inline:auto}}.pal{display:flex;flex-direction:column;border-radius:var(--r-0);overflow:hidden;margin-top:var(--s-8)}.pal .band{display:flex;align-items:center;justify-content:space-between;padding:clamp(22px,3vw,40px) clamp(24px,3.5vw,48px);min-height:clamp(64px,7vw,96px)}.pal .band .nm{font-family:var(--font-display-alt);font-weight:600;font-size:clamp(17px,2vw,24px);letter-spacing:-.01em}.pal .band .hex{font-family:var(--font-mono);font-size:13px;letter-spacing:.05em;opacity:.82}.brand-board{margin-top:var(--s-10);display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.4vw,20px);align-items:stretch}@media(max-width:860px){.brand-board{grid-template-columns:1fr}}.brand-board .logo-construct{grid-column:1;grid-row:1;margin:0;max-width:none;padding:clamp(18px,2.4vw,34px);border:0;border-radius:var(--r-0);background:#eeefef;overflow:hidden;display:flex;align-items:center;justify-content:center}.brand-board .logo-construct svg{width:100%;max-width:415px}.brand-board .logo-construct .ms-guides path{stroke:#231f20;opacity:.5;stroke-width:7}.bb-login{grid-column:2;grid-row:1;margin:0;overflow:hidden;border-radius:var(--r-0)}.bb-login img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.bb-colors{grid-column:1;grid-row:2;margin:0;overflow:hidden;border-radius:var(--r-0)}.bb-colors .pal{margin-top:0;height:100%;border-radius:0}.bb-colors .pal .band{flex:1;min-height:0;padding-block:0}.bb-dock{grid-column:2;grid-row:2;margin:0;overflow:hidden;border-radius:var(--r-0)}.bb-dock img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}@media(max-width:860px){.brand-board .logo-construct,.bb-dock,.bb-colors,.bb-login{grid-column:auto;grid-row:auto}.bb-login,.bb-dock{aspect-ratio:16/10}.bb-colors .pal{height:auto}.bb-colors .pal .band{flex:none;min-height:clamp(58px,15vw,76px);padding-block:14px}}.post{padding-block:var(--gap-top) 0}.post .wrap{max-width:700px}:root{--jg-black: #0A0A0A;--jg-near-black: #141416;--jg-elev-1: #1D1D1F;--jg-elev-2: #222226;--jg-line: #333338;--jg-line-soft: #26262A;--jg-white: #FFFFFF;--jg-steel: #C7CCD6;--jg-orange: #F85C1B;--jg-stage-deep: #07090c;--jg-stage: #0c0f13;--jg-phone: #0a0a0c;--jg-black-rgb: 10, 10, 10;--jg-white-rgb: 255, 255, 255;--bg: var(--jg-black);--bg-surface: var(--jg-near-black);--bg-elev: var(--jg-elev-1);--fg: #FFFFFF;--fg-2: #BDBFC4;--fg-3: #83868E;--border: #333338;--border-soft: #26262A;--accent: var(--jg-steel);--action: var(--jg-orange);--focus-ring: var(--jg-steel);--font-display: "Space Grotesk", sans-serif;--font-display-alt: "Space Grotesk", sans-serif;--font-body: "Space Grotesk", sans-serif;--font-mono: "Space Grotesk", sans-serif;--font-pixel: "Fixedsys", monospace;--fs-h3: 22px;--fs-ed-head: clamp(32px, 4vw, 60px);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--s-20: 80px;--s-24: 96px;--gap-top: 0px;--r-0: 0px;--r-1: 0px;--r-2: 0px;--border-phone: rgba(255, 255, 255, .06);--shadow-2: 0 2px 8px -2px rgba(10, 10, 10, .6);--shadow-device: 0 30px 60px -34px rgba(10, 10, 10, .9);--shadow-img: 0 40px 80px -42px rgba(10, 10, 10, .85);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-base: .2s}.case .wrap{max-width:var(--caixa);margin-inline:auto}:where(.case) :is(h1,h2,h3,h4){margin:0}:where(.case) p{margin:0 0 1em;color:var(--fg-2);text-wrap:pretty}:where(.case) figure{margin:0}.case :is(.ed-head p,.tw-body,.ed-split .t p,.ia-block p){font-size:16px;line-height:1.65}.case :is(.tw-cap p,.scr-cap .scr-desc,.beat-spec p,.ed-meta .m .v){font-size:15px}.case .ed-intro .lede p{font-size:clamp(18px,1.5vw,21px);line-height:1.5}.case .ed-intro .lede p+p{font-size:16px}.ed-head .ey,.ed-split .t .ey{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.1em;font-weight:500;color:var(--aco)}.ed-head .ey:before,.ed-split .t .ey:before{content:"";flex:none;width:6px;height:6px;background:var(--laranja)}.ed-head h2{margin-top:20px;font-weight:600;font-size:var(--fs-ed-head);line-height:1;letter-spacing:-.035em;max-width:18ch}.ed-head h2 em,.ed-head h2 .dim{font-style:normal;color:var(--t3)}.case :is(.ed-meta .m .k,.ed-fig figcaption,.ed-cap,.gallery figcaption,.metric .m-label,.reveal-head,.ba-label,.scr-count,.spec h4,.swatch-group-label,.type-row .lab,.split .role,.logo-construct .lc-cap,.ia-block .ia-tag,.tag-badge){font-weight:500}.ed-meta .m .k:before,.case-info .k:before{content:none}.ed-meta .m{border-top-color:#c7ccd633}.jg-stat{display:block;font:400 clamp(56px,6.5vw,104px)/.8 "Fixedsys",monospace;color:var(--branco);font-variant-numeric:tabular-nums}.metric .m-label{margin-top:12px}.jg-tag{display:inline-flex;align-items:baseline;gap:10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500}.jg-tag .jg-tag-k{color:var(--t2)}.jg-tag .jg-tag-k:before{content:"> ";font:400 16px/1 Fixedsys,monospace;color:var(--laranja)}.jg-tag .jg-tag-v{color:var(--branco)}.jg-tag-rows{display:flex;flex-direction:column;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500}.jg-tag-rows .jg-tag-row{display:grid;grid-template-columns:minmax(0,140px) 1fr;gap:12px;padding:8px 0;border-top:1px solid rgba(199,204,214,.14);align-items:center}.jg-tag-rows .jg-tag-row:first-child{border-top:0}.jg-tag-rows .jg-tag-row .k{color:var(--t3)}.jg-tag-rows .jg-tag-row .v{color:var(--branco);text-align:right}.jg-schematic{--kh: 20px;--kv: 18px;position:relative;padding:0 24px 24px;background:#ffffff05;clip-path:polygon(var(--kh) 0,100% 0,100% calc(100% - var(--kv)),calc(100% - var(--kh)) 100%,0 100%,0 var(--kv))}.jg-schematic:after{content:"";position:absolute;inset:0;pointer-events:none;background:#ffffff38;clip-path:polygon(evenodd,var(--kh) 0,100% 0,100% calc(100% - var(--kv)),calc(100% - var(--kh)) 100%,0 100%,0 var(--kv),var(--kh) 0,calc(var(--kh) + .4px) 1px,calc(100% - 1px) 1px,calc(100% - 1px) calc(100% - var(--kv) - .4px),calc(100% - var(--kh) - .4px) calc(100% - 1px),1px calc(100% - 1px),1px calc(var(--kv) + .4px),calc(var(--kh) + .4px) 1px)}.jg-schematic>.jg-c-bl,.jg-schematic>.jg-c-br{display:none}.jg-schematic-tab{display:flex;align-items:center;gap:6px;height:32px;margin:0 -24px 22px;padding:0 14px 0 26px;border-bottom:1px solid rgba(255,255,255,.14);background:#ffffff0a;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:var(--t2)}.jg-schematic-tab:before{content:"";flex:none;width:8px;height:8px;margin-right:6px;background:var(--laranja)}.jg-h3{font-weight:600;font-size:clamp(20px,1.8vw,24px);line-height:1.2;letter-spacing:-.015em;color:var(--branco)}.ia-block{border-color:#c7ccd633;background:#ffffff05}.ia-block .ia-tag{color:var(--laranja)}.honest{font-size:13px;letter-spacing:.01em;border-top-color:#c7ccd633}.frame-browser{border-color:#c7ccd633;background:var(--jg-stage)}.frame-browser .bar{border-bottom-color:#c7ccd624}.frame-browser .bar i{border-radius:0;background:#4a4a50}.frame-browser .bar i:first-child{background:var(--laranja)}.screens-slider.wide .scr .scr-shot:before{background-image:linear-gradient(var(--laranja),var(--laranja)),linear-gradient(#4a4a50,#4a4a50),linear-gradient(#4a4a50,#4a4a50);background-size:8px 8px;background-position:12px 11px,26px 11px,40px 11px}.reveal-grip{border-radius:0;color:var(--preto);box-shadow:none}.reveal-handle:focus-visible{outline:2px solid var(--aco);outline-offset:3px}.reveal-head .reveal-lbl{color:var(--t2)}.scr-arr{--ph: 8px;--pv: 7px;border:0;color:var(--branco);background:#ffffff0f;clip-path:polygon(var(--ph) 0,100% 0,100% calc(100% - var(--pv)),calc(100% - var(--ph)) 100%,0 100%,0 var(--pv))}.scr-arr:hover:not(:disabled){background:var(--laranja);color:var(--preto)}.scr-arr:focus-visible{outline:2px solid var(--aco);outline-offset:2px}.scr-count .scr-i{font:400 16px Fixedsys,monospace;color:var(--laranja)}.btn--box{--cor: var(--branco);--ph: 10px;--pv: 9px;position:relative;display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 22px;background:#0a0a0a59;color:var(--branco);font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:500;clip-path:polygon(var(--ph) 0,100% 0,100% calc(100% - var(--pv)),calc(100% - var(--ph)) 100%,0 100%,0 var(--pv));transition:background-color .25s ease,color .25s ease}.btn--box:before{content:"";position:absolute;inset:0;background:var(--cor);transition:background-color .25s ease;clip-path:polygon(evenodd,var(--ph) 0,100% 0,100% calc(100% - var(--pv)),calc(100% - var(--ph)) 100%,0 100%,0 var(--pv),var(--ph) 0,calc(var(--ph) + 1px) 1px,calc(100% - 1px) 1px,calc(100% - 1px) calc(100% - var(--pv) - 1px),calc(100% - var(--ph) - 1px) calc(100% - 1px),1px calc(100% - 1px),1px calc(var(--pv) + 1px),calc(var(--ph) + 1px) 1px)}.btn--box:hover,.btn--box:focus-visible{--cor: var(--laranja);background:var(--laranja);color:var(--preto)}.btn--box .bx-arr{font:400 16px Fixedsys,monospace;color:var(--laranja)}.btn--box:hover .bx-arr,.btn--box:focus-visible .bx-arr{color:var(--preto)}.case :is(.swatch .hex,.pal .band .hex){font:400 16px Fixedsys,monospace;letter-spacing:0}.tag-badge{border-color:#3a3a40}.case.cp-body{padding-top:0}.case .ed-sec:first-child{padding-top:clamp(40px,5vw,72px)}@media(max-width:900px){.case :is(.ed-head p,.tw-body,.ed-split .t p,.ia-block p){font-size:15px}.ed-sec{padding-block:72px}.jg-tag-rows .jg-tag-row{grid-template-columns:minmax(0,1fr) auto}}.ms-eventos{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:40px;padding-top:24px;border-top:1px solid rgba(199,204,214,.2)}.ms-eventos p{margin:0;max-width:56ch;font-size:16px;color:var(--t2)}.ev-reel{margin-top:48px}.ev-reel .frame-browser .bar{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:var(--t2)}.ev-reel .frame-browser .bar span{margin-left:auto}.ev-reel video{display:block;width:100%;aspect-ratio:16 / 9;background:#000}.ev-reel-pe{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:20px;font-size:13px;color:var(--t3)}.ev-passos{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}.ev-pares{display:grid;gap:56px;margin-top:48px}.ev-par{display:grid;grid-template-columns:minmax(0,1.5fr) auto minmax(0,1fr);gap:24px;align-items:center}.ev-par figure{margin:0}.ev-par img{display:block;width:100%;height:auto;border:1px solid rgba(199,204,214,.2)}.ev-par figcaption{margin-top:12px}.ev-seta{font:400 32px/1 Fixedsys,monospace;color:var(--laranja)}@media(max-width:900px){.ev-passos{grid-template-columns:1fr}.ev-par{grid-template-columns:1fr;gap:12px}.ev-seta{rotate:90deg;justify-self:center}}.caso[data-caixa=a] .ds-cell,.caso[data-caixa=a] .media-frame,.caso[data-caixa=a] .frame-browser,.caso[data-caixa=a] .screens-slider .scr .scr-shot{background:transparent;border-color:transparent;box-shadow:none}.caso[data-caixa=a] .media-frame{padding:0}.caso[data-caixa=b] .ds-cell,.caso[data-caixa=b] .media-frame,.caso[data-caixa=b] .frame-browser,.caso[data-caixa=b] .screens-slider .scr .scr-shot{background:transparent;border-color:#c7ccd62e;box-shadow:none}.caso[data-caixa=c] .ds-cell,.caso[data-caixa=c] .media-frame,.caso[data-caixa=c] .frame-browser,.caso[data-caixa=c] .screens-slider .scr .scr-shot{background:var(--aco);border-color:var(--aco);box-shadow:none}.caso[data-caixa=c] .frame-browser,.caso[data-caixa=c] .screens-slider .scr .scr-shot{padding:clamp(10px,1.2vw,18px)}.caso[data-caixa=j] .ds-cell{background:transparent;border-color:transparent;box-shadow:none}.caso[data-caixa=j] .media-frame{background:var(--aco);border-color:var(--aco);box-shadow:none}.caso[data-caixa=j] .media-frame .ba-label,.caso[data-caixa=j] .media-frame .ba-label.after{color:#2a2d33}.caso:is([data-caixa=a],[data-caixa=b],[data-caixa=c]) .frame-browser .bar,.caso:is([data-caixa=a],[data-caixa=b],[data-caixa=c]) .screens-slider .scr .scr-shot:before{display:none}.caso:is([data-caixa=a],[data-caixa=b]) .screens-slider .scr .scr-shot{padding-top:0}.caso[data-caixa=c] :is(.ds-cell figcaption,.ds-lbl,.st,.st-note,.ba-label,.ba-label.after){color:#2a2d33}.caso[data-caixa=c] .st .tok{color:var(--preto)}.caixa-teste{position:fixed;left:16px;bottom:16px;z-index:45;display:flex;align-items:center;gap:6px;padding:8px;background:var(--preto);border:1px solid rgba(199,204,214,.3);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:500;color:var(--t2)}.caixa-teste button{height:30px;padding:0 10px;border:1px solid #3a3a40;background:transparent;color:var(--branco);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.caixa-teste button[aria-pressed=true]{background:var(--laranja);border-color:var(--laranja);color:var(--preto)}.frame-phone,.screens-slider:not(.wide) .scr{padding:5px;border:1px solid rgba(255,255,255,.7);background:linear-gradient(150deg,#fbfbfc,#d9dde3 38%,#aeb4be 72%,#e4e7ec);box-shadow:0 18px 28px -16px #0a0a0a8c}.media-frame .screens-slider:not(.wide){padding-bottom:32px;margin-bottom:-32px}.frame-phone img,.screens-slider:not(.wide) .scr img{border:5px solid #0A0A0A;border-radius:33px}
