.reference-shell{padding:54px 0 96px}.reference-frame{position:relative;min-height:650px;overflow:hidden;border-radius:12px;background:radial-gradient(560px 560px at 88px 601px,#143e74 0 1%,#09182e 42%,#05070c 67%)}.reference-frame:before{display:none}.frame-meta{position:absolute;top:29px;left:37px;z-index:5;color:#dce5f0;font-size:12px;letter-spacing:.02em}.bars{color:#eef6ff;font:800 32px 'Plus Jakarta Sans';letter-spacing:6px;line-height:1}.top-barcode-card{position:absolute;z-index:6;right:0;top:-70px;width:290px;height:210px;display:flex;align-items:center;justify-content:center;border-radius:999px 0 0 999px;background:#071326}.top-barcode-card .bars{position:relative;top:30px;transform:scale(1.28);transform-origin:center}.barcode-card{position:absolute;z-index:6;left:0;bottom:-44px;width:290px;height:210px;display:flex;align-items:center;justify-content:center;border:0;border-radius:0 999px 999px 0;background:#071326;box-shadow:none}.barcode-card .bars{position:relative;top:-30px;transform:scale(1.28);transform-origin:center}.glass-card{position:absolute;z-index:2;inset:50px 38px 61px;overflow:hidden;border-radius:38px 38px 82px 38px;background:linear-gradient(112deg,rgba(249,252,255,.98),rgba(236,243,255,.75) 49%,rgba(181,192,255,.33));box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.glass-card:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(120deg,rgba(255,255,255,.6),transparent 30%,rgba(255,255,255,.1) 62%,rgba(100,82,255,.15));pointer-events:none}.art{position:absolute;z-index:0;inset:0;background-position:right center;background-size:cover;background-repeat:no-repeat}.glass-copy{position:relative;z-index:3;width:52%;padding:57px 64px;color:#10121b}.glass-copy .label{color:#243655;font-size:10px}.glass-copy .small-date{display:block;margin-top:31px;font-size:14px}.glass-copy h1{margin:21px 0 0;font:800 clamp(3.5rem,6.1vw,6.9rem)/.88 'Plus Jakarta Sans';letter-spacing:-.1em}.glass-copy h1 span{display:block;color:#6154dc}.explore-note{position:absolute;z-index:4;top:54px;left:50%;width:min(310px,25vw);margin:0;color:#243655;font-size:12px;line-height:1.45}.explore-note:before{content:"";display:block;width:31px;height:2px;margin-bottom:10px;background:#6154dc}.spill-art{position:absolute;z-index:4;right:13%;bottom:-23px;width:clamp(660px,54vw,957px);pointer-events:none;filter:drop-shadow(0 18px 18px rgba(11,21,47,.38))}@media(max-width:800px){.reference-shell{padding:35px 0 60px}.reference-frame{min-height:650px;border-radius:8px;background:radial-gradient(560px 560px at 70px 601px,#143e74 0 1%,#09182e 42%,#05070c 67%)}.frame-meta{left:20px;top:20px}.glass-card{inset:55px 18px 71px;border-radius:27px 27px 68px 27px;background:linear-gradient(160deg,rgba(249,252,255,.96),rgba(222,230,255,.56))}.art{background-position:65% center;opacity:.78}.glass-copy{width:100%;padding:40px 28px}.glass-copy h1{font-size:3.6rem}.explore-note{top:37px;left:42%;width:175px;font-size:11px}.spill-art{right:-2%;bottom:-15px;width:495px}.top-barcode-card{right:0;top:-35px;width:220px;height:150px}.top-barcode-card .bars{position:relative;top:18px;transform:scale(1.18);transform-origin:center}.barcode-card{left:0;bottom:-35px;width:220px;height:150px;border-radius:0 999px 999px 0;background:#071326}.barcode-card .bars{position:relative;top:-18px;transform:scale(1.18);transform-origin:center}}
    .spill-art{right:calc(13% - 25px);bottom:-63px}
    .frame-meta{display:none}.glass-copy{width:50%;padding:74px 78px}.glass-copy .label{font-size:11px;letter-spacing:.17em}.glass-copy .small-date{margin-top:40px;color:#36445e;font:500 14px 'DM Sans',sans-serif}.glass-copy h1{margin:25px 0 0;font:400 clamp(5.4rem,8.4vw,10.5rem)/.74 'DM Serif Display',Georgia,serif;letter-spacing:-.075em}.glass-copy h1 span{color:#5b4fe2;font-style:italic;letter-spacing:-.1em}.lab-controls{position:absolute;z-index:8;bottom:18px;left:48px;width:min(332px,26vw);color:#eaf4ff;font-size:11px}.lab-controls summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:9px 12px;border:1px solid rgba(182,218,255,.28);border-radius:999px;background:rgba(7,19,38,.74);backdrop-filter:blur(12px);font:700 10px 'Plus Jakarta Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase}.lab-controls summary::-webkit-details-marker{display:none}.lab-controls[open] summary{border-radius:0 0 12px 12px;border-top-color:transparent}.lab-options{position:absolute;bottom:100%;left:0;display:grid;gap:10px;width:100%;padding:13px;border:1px solid rgba(182,218,255,.28);border-bottom:0;border-radius:12px 12px 0 12px;background:rgba(248,252,255,.88);backdrop-filter:blur(18px)}.lab-options b{font:700 9px 'Plus Jakarta Sans',sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#53607b}.lab-row{display:flex;flex-wrap:wrap;gap:6px}.lab-options button{appearance:none;border:1px solid rgba(38,58,97,.18);border-radius:999px;background:rgba(255,255,255,.6);padding:6px 8px;color:#26334d;font:600 10px 'DM Sans',sans-serif;cursor:pointer}.lab-options button:hover,.lab-options button.active{background:#213e70;border-color:#213e70;color:#fff}.lab-options button.swatch{width:23px;height:23px;padding:0;border-radius:50%}.lab-options button.swatch[data-color="azure"]{background:#123968}.lab-options button.swatch[data-color="forest"]{background:#1f563c}.lab-options button.swatch[data-color="violet"]{background:#48316f}.spill-art.tall-object{right:18%!important;bottom:-18px!important;width:clamp(300px,24vw,450px)!important}@media(max-width:800px){.glass-copy{padding:52px 30px}.glass-copy h1{font-size:5rem}.glass-copy .small-date{margin-top:28px}.lab-controls{bottom:16px;left:28px;width:230px}.spill-art.tall-object{right:2%!important;bottom:-8px!important;width:270px!important}}
    /* Uma única cor alimenta a moldura e as duas cápsulas de barras. */
    .reference-frame{--lab-background:#071326;background:var(--lab-background)!important}
    .reference-frame .top-barcode-card,.reference-frame .barcode-card{background:var(--lab-background)!important}
    body.lab-color-active:before{opacity:0}
    .spill-art{filter:none}
    .art{mix-blend-mode:normal;opacity:1}
    .glass-card:after{display:none}
    .lab-controls summary,.lab-options{backdrop-filter:none}
    .reference-frame{min-height:900px}
    .glass-card{inset:50px 38px 200px}
    .spill-art{bottom:0}
    @media(max-width:800px){.reference-frame{min-height:900px}.glass-card{inset:55px 18px 200px}.spill-art{bottom:0}}
    .spill-art.tall-object{bottom:0!important}
    .barcode-card{bottom:76px}
    .lab-controls{bottom:138px}
    @media(max-width:800px){.barcode-card{bottom:76px}.lab-controls{bottom:138px}}
    .spill-art{width:clamp(726px,59.4vw,1053px);bottom:30px}
    .spill-art.tall-object{width:clamp(330px,26.4vw,495px)!important;bottom:30px!important}
    @media(max-width:800px){.spill-art{width:545px;bottom:30px}.spill-art.tall-object{width:297px!important;bottom:30px!important}}
    .art,.spill-art{transition:opacity .24s ease,transform .34s cubic-bezier(.2,.8,.2,1)}
    .art.is-switching{opacity:.42;transform:scale(1.012)}
    .spill-art.is-switching{opacity:.3;transform:translateY(10px) scale(.965)}
    @media(prefers-reduced-motion:reduce){.art,.spill-art{transition:none}.art.is-switching,.spill-art.is-switching{opacity:1;transform:none}}
    .glass-card{z-index:auto}
    .glass-copy{z-index:5}
    .glass-copy .label{display:block}
    .explore-note{position:relative;top:auto;left:auto;width:min(340px,100%);margin:18px 0 0}
    .glass-copy .small-date{margin-top:30px}
    .art{position:absolute;z-index:0;inset:0;background-position:right center;background-size:cover;background-repeat:no-repeat}
    .glass-card{background:transparent;box-shadow:none}
    .glass-copy{color:#f7f4ff}
    .glass-copy .label{color:#d8c6ff}
    .glass-copy .small-date{color:#c9d2e5}
    .glass-copy h1{color:#fff}
    .glass-copy h1 span{color:#ad83ff}
    .explore-note{color:#e0e7f5}
    .explore-note:before{background:#ad83ff}
    .spill-art.highlight-prisma,.spill-art.highlight-estudio,.spill-art.highlight-trigo{right:18%;width:clamp(330px,30vw,520px);bottom:30px}
    .spill-art.highlight-nuvens{right:calc(12% - 20px);width:clamp(500px,48vw,850px);bottom:30px}
    @media(max-width:800px){.spill-art.highlight-prisma,.spill-art.highlight-estudio,.spill-art.highlight-trigo{right:2%;width:280px;bottom:30px}.spill-art.highlight-nuvens{right:-2%;width:430px;bottom:30px}}
    .spill-art.highlight-aurora,.spill-art.highlight-abismo,.spill-art.highlight-jardim,.spill-art.highlight-vulcao{right:18%;width:clamp(330px,30vw,520px);bottom:30px}
    .spill-art.highlight-orbita{right:calc(12% - 20px);width:clamp(500px,48vw,850px);bottom:30px}
    @media(max-width:800px){.spill-art.highlight-aurora,.spill-art.highlight-abismo,.spill-art.highlight-jardim,.spill-art.highlight-vulcao{right:2%;width:280px;bottom:30px}.spill-art.highlight-orbita{right:-2%;width:430px;bottom:30px}}
    .spill-art.highlight-caotico,.spill-art.highlight-quimera{right:18%;width:clamp(330px,30vw,520px);bottom:30px}
    @media(max-width:800px){.spill-art.highlight-caotico,.spill-art.highlight-quimera{right:2%;width:280px;bottom:30px}}
    .reference-frame.lab-background-preto{background:#000!important}
    .reference-frame.lab-background-preto .top-barcode-card,.reference-frame.lab-background-preto .barcode-card{background:#000!important}
    .lab-options button.swatch[data-color="aurora"]{background:#0b3238}.lab-options button.swatch[data-color="oceano"]{background:#0b2d45}.lab-options button.swatch[data-color="petala"]{background:#3b1d34}.lab-options button.swatch[data-color="orbita"]{background:#201b42}.lab-options button.swatch[data-color="brasa"]{background:#3b1c17}.lab-options button.swatch[data-color="preto"]{background:#000}
    .lab-options button.lab-apply{justify-self:start;margin-top:3px;padding:8px 12px;border-color:#59d9f2;background:#59d9f2;color:#071326;font-weight:700}.lab-options button.lab-apply:hover{border-color:#a7f13d;background:#a7f13d;color:#071326}
    .lab-options button.lab-reset{justify-self:start;padding:7px 10px;background:transparent;color:#53607b}.lab-options button.lab-reset:hover{background:#f0f3fa;color:#26334d}
    @media(max-width:800px){.glass-copy{width:100%;padding:42px 24px}.glass-copy h1{font-size:clamp(2.6rem,11vw,4.2rem);line-height:.94}.glass-copy .intro-note{max-width:100%}}