/* Metal Badge – home.css – generated from src/styles by tools/bundle.py, do not edit */
@layer tokens, base, components, layout, pages, utilities;@layer pages{.page-home .sec{content-visibility: auto}.hero{position: relative;isolation: isolate;overflow: clip;padding-top: clamp(20px, 4vw, 56px)}.hero-bg{position: absolute;inset: 0;z-index: -1;pointer-events: none}.blob{position: absolute;border-radius: 50%;filter: blur(70px);opacity: .55}.blob.b1{width: 560px;height: 560px;right: -120px;top: -140px;background: radial-gradient(circle, #ffb347, rgb(255 179 71 / 0) 70%);animation: drift 16s ease-in-out infinite alternate}.blob.b2{width: 480px;height: 480px;left: -160px;bottom: -120px;background: radial-gradient(circle, rgb(53 81 122 / .45), rgb(53 81 122 / 0) 70%);animation: drift 20s ease-in-out infinite alternate-reverse}.grid-lines{position: absolute;inset: 0;background-image: linear-gradient(rgb(14 26 43 / .05) 1px, transparent 1px), linear-gradient(90deg, rgb(14 26 43 / .05) 1px, transparent 1px);background-size: 56px 56px;-webkit-mask-image: radial-gradient(ellipse 70% 80% at 72% 40%, #000 10%, transparent 72%);mask-image: radial-gradient(ellipse 70% 80% at 72% 40%, #000 10%, transparent 72%)}@keyframes drift{to{transform: translate(40px, 30px) scale(1.08)}}.hero-in{display: grid;grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);gap: clamp(16px, 4vw, 64px);align-items: center;min-height: min(700px, calc(100svh - 150px));padding-bottom: clamp(24px, 4vw, 56px)}.eyebrow{display: inline-flex;align-items: center;gap: 10px;padding: .45em 1em .45em .8em;border-radius: 99px;background: #fff;border: 1px solid var(--line);box-shadow: var(--sh-1);font-size: .82rem;font-weight: 650;color: var(--ink-700);margin: 0 0 22px}.eyebrow .dot{width: 9px;height: 9px;border-radius: 50%;background: var(--orange-500);box-shadow: 0 0 0 4px rgb(245 138 0 / .22);animation: pulse 2.4s ease-in-out infinite}@keyframes pulse{50%{box-shadow: 0 0 0 8px rgb(245 138 0 / 0)}}.hero h1{font-size: clamp(2.35rem, 1.1rem + 4.6vw, 4.7rem);line-height: 1.02;letter-spacing: -.04em;font-weight: 850;margin-bottom: .45em}.hero h1 em{font-style: normal;background: linear-gradient(100deg, var(--orange-600), #ffa31f 55%, #e1c047);-webkit-background-clip: text;background-clip: text;color: transparent}.lead{font-size: clamp(1.05rem, .98rem + .4vw, 1.25rem);color: var(--ink-700);max-width: 56ch}.hero-cta{display: flex;flex-wrap: wrap;gap: 12px;margin: 26px 0 28px}.hero-facts{list-style: none;display: flex;flex-wrap: wrap;gap: 10px 26px;padding: 0;margin: 0}.hero-facts li{display: flex;align-items: center;gap: 10px;font-size: .9rem;color: var(--ink-700)}.hero-facts .i{width: 34px;height: 34px;padding: 8px;border-radius: 12px;background: #fff;border: 1px solid var(--line);color: var(--orange-600);box-shadow: var(--sh-1)}.hero-facts b{color: var(--ink-900)}.hero-art{position: relative;display: grid;place-items: center;min-height: 460px}.plaque{--w: clamp(230px, 29vw, 400px);--tx: 0deg;--ty: 0deg;position: relative;width: 100%;height: calc(var(--w) * 1.333 + 120px);display: grid;place-items: center;perspective: 1500px;touch-action: pan-y}.plaque-glow{position: absolute;width: calc(var(--w) * 1.55);aspect-ratio: 1;border-radius: 50%;background: radial-gradient(circle at 50% 46%, rgb(255 190 90 / .75), rgb(245 138 0 / .28) 42%, transparent 68%);filter: blur(26px);animation: breathe 6s ease-in-out infinite}@keyframes breathe{50%{transform: scale(1.08);opacity: .85}}.plaque::before{content: "";position: absolute;width: calc(var(--w) * 1.22);aspect-ratio: 1;border-radius: 50%;border: 1.5px dashed rgb(14 26 43 / .22);animation: rot 40s linear infinite}.plaque::after{content: "";position: absolute;width: calc(var(--w) * 1.5);aspect-ratio: 1;border-radius: 50%;border: 1px solid rgb(245 138 0 / .35);-webkit-mask-image: conic-gradient(#000, transparent 40%, #000 90%);mask-image: conic-gradient(#000, transparent 40%, #000 90%);animation: rot 26s linear infinite reverse}@keyframes rot{to{transform: rotate(360deg)}}.plaque-stage{position: relative;transform-style: preserve-3d;transform: rotateX(var(--ty)) rotateY(var(--tx));transition: transform .5s var(--ease)}.plaque-art{position: absolute;inset: 0;transform-style: preserve-3d;transform: translate(7%, 6.55%)}.plaque-obj{position: relative;width: var(--w);height: calc(var(--w) * 1.3333);transform-style: preserve-3d;animation: spin 20s linear infinite;will-change: transform}@keyframes spin{from{transform: rotateX(-7deg) rotateY(-24deg)}to{transform: rotateX(-7deg) rotateY(336deg)}}.pl{position: absolute;inset: 0;width: 100%;height: 100%;transform: translateZ(var(--z));filter: brightness(0) invert(1) brightness(var(--k));pointer-events: none;user-select: none}.pf{position: absolute;inset: 0;backface-visibility: hidden;-webkit-backface-visibility: hidden;filter: drop-shadow(0 0 .5px rgb(0 0 0 / .4))}.pf svg{width: 100%;height: 100%;overflow: visible}.pf--front{transform: translateZ(var(--z))}.pf--back{transform-origin: 43% 43.45%;transform: rotateY(180deg) translateZ(var(--z))}.plaque-floor{position: absolute;bottom: 8px;left: 50%;width: calc(var(--w) * .9);height: 34px;margin-left: calc(var(--w) * -.45);border-radius: 50%;background: radial-gradient(ellipse at center, rgb(14 26 43 / .42), rgb(14 26 43 / 0) 70%);filter: blur(7px);animation: shadow 10s linear infinite}@keyframes shadow{0%, 50%, 100%{transform: scaleX(1)}25%, 75%{transform: scaleX(.38)}}.plaque .chip{position: absolute;z-index: 3;animation: float 7s ease-in-out infinite;backdrop-filter: blur(6px);background: rgb(255 255 255 / .9)}.plaque .chip .i{color: var(--orange-600);width: 16px;height: 16px}.chip--a{left: 2%;top: 14%}.chip--b{left: 6%;bottom: 20%;animation-delay: -2s}.chip--c{right: 2%;top: 38%;animation-delay: -4s}@keyframes float{50%{transform: translateY(-10px)}}.sw--gold, .sw--silver{display: inline-block;width: 14px;height: 14px;border-radius: 50%;box-shadow: inset 0 1px 2px rgb(255 255 255 / .7), 0 0 0 1px rgb(0 0 0 / .12)}.chip .sw--gold{background: conic-gradient(from 200deg, #fff3b6, #e1c047, #a8841a, #f3d97a, #fff3b6)}.chip .sw--silver{background: conic-gradient(from 200deg, #fff, #c9c9c9, #8f959c, #e8ecf0, #fff)}.ticker{overflow: hidden;border-block: 1px solid var(--line);background: rgb(255 255 255 / .65);backdrop-filter: blur(6px)}.ticker-in{display: flex;width: max-content;gap: 0;animation: tick 46s linear infinite;padding-block: 15px}.ticker-in span{display: inline-flex;align-items: center;font-size: .82rem;font-weight: 750;letter-spacing: .16em;text-transform: uppercase;color: var(--ink-600)}.ticker-in span::after{content: "\2726";margin-inline: 34px;color: var(--orange-500);font-size: .8rem}@keyframes tick{to{transform: translateX(-50%)}}.stats{padding-block: clamp(30px, 5vw, 64px) 0}.stats ul{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(4, 1fr);gap: 0;background: #fff;border: 1px solid var(--line);border-radius: var(--r-xl);box-shadow: var(--sh-2);overflow: hidden}.stats li{padding: clamp(18px, 2.4vw, 34px);display: grid;gap: 4px;position: relative}.stats li + li{border-left: 1px solid var(--line)}.stats b{font-family: var(--font-d);font-size: clamp(2rem, 1.2rem + 2.6vw, 3.5rem);line-height: 1;font-weight: 850;letter-spacing: -.04em;background: linear-gradient(120deg, var(--orange-600), var(--orange-400));-webkit-background-clip: text;background-clip: text;color: transparent;font-variant-numeric: tabular-nums}.stats span{color: var(--muted);font-size: .92rem;font-weight: 560}.cats{grid-template-columns: repeat(4, minmax(0, 1fr));grid-auto-rows: minmax(190px, auto)}.cat{display: block}.cat-a{position: relative;display: flex;flex-direction: column;gap: 8px;height: 100%;padding: 24px;background: #fff;border: 1px solid var(--line);border-radius: var(--r-xl);color: inherit;overflow: hidden;transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .3s;cursor: pointer}.cat-a::before{content: "";position: absolute;inset: auto -30% -60% auto;width: 80%;aspect-ratio: 1;border-radius: 50%;background: radial-gradient(circle, rgb(245 138 0 / .16), transparent 70%);transition: transform .6s var(--ease)}.cat-a:hover{transform: translateY(-5px);box-shadow: var(--sh-2);border-color: var(--orange-200);color: inherit}.cat-a:hover::before{transform: scale(1.4) translate(-10%, -10%)}.cat-ic{display: grid;place-items: center;width: 54px;height: 54px;border-radius: 18px;background: linear-gradient(145deg, #ffb347, #f58a00);color: #fff;box-shadow: 0 10px 22px rgb(245 138 0 / .3);margin-bottom: 10px}.cat-ic .i{width: 28px;height: 28px}.cat-t{font-family: var(--font-d);font-weight: 780;font-size: 1.15rem;letter-spacing: -.01em;line-height: 1.2;color: var(--ink-900)}.cat-d{color: var(--muted);font-size: .9rem;line-height: 1.5}.cat-go{margin-top: auto;display: inline-flex;align-items: center;gap: 6px;font-size: .85rem;font-weight: 700;color: var(--orange-700);opacity: .85;transition: gap .3s var(--ease), opacity .3s}.cat-a:hover .cat-go{gap: 12px;opacity: 1}.cat-go .i{width: 16px;height: 16px}.cat--wide{grid-column: span 2;grid-row: span 2}@media (min-width: 1101px){.cats > .cat:last-child{grid-column: span 2}.cats > .cat:last-child .cat-a{flex-direction: column}}.cat--wide .cat-a{background: linear-gradient(160deg, var(--ink-800), var(--ink-950));border-color: transparent;padding: 28px}.cat--wide .cat-t{color: #fff;font-size: 1.7rem}.cat--wide .cat-d{color: #b9c5da;font-size: 1rem;max-width: 36ch}.cat--wide .cat-go{color: var(--orange-300)}.cat-collage{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;margin-bottom: 14px;transform: rotate(-2deg);transition: transform .5s var(--ease)}.cat-collage img{border-radius: 16px;background: #fff;aspect-ratio: 3 / 2;object-fit: contain;box-shadow: 0 10px 24px rgb(0 0 0 / .3)}.cat--wide .cat-a:hover .cat-collage{transform: rotate(0) scale(1.02)}.why{display: grid;grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);gap: clamp(24px, 5vw, 80px);align-items: center}.why-media{position: relative;display: grid;place-items: center;padding: clamp(18px, 3vw, 40px);background: #fff;border: 1px solid var(--line);border-radius: 40px;box-shadow: var(--sh-2)}.why-media::before{content: "";position: absolute;inset: 12px;border-radius: 30px;border: 2px dashed var(--orange-200);pointer-events: none}.why-media img{width: 100%;max-width: 440px;height: auto;position: relative}.why-chip{position: absolute;left: 50%;bottom: -16px;transform: translateX(-50%);display: inline-flex;gap: 8px;align-items: center;padding: .6em 1.1em;border-radius: 99px;background: var(--ink-900);color: #fff;font-size: .85rem;font-weight: 650;box-shadow: var(--sh-2);white-space: nowrap}.why-chip .i{color: var(--orange-400)}.checks{list-style: none;padding: 0;margin: 22px 0 0;display: grid;gap: 12px}.checks li{display: flex;gap: 12px;align-items: flex-start;font-weight: 560}.checks .i{flex: none;width: 26px;height: 26px;padding: 5px;border-radius: 50%;background: var(--orange-500);color: #fff;margin-top: 1px}.db-grid{display: grid;grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);gap: clamp(24px, 5vw, 70px);align-items: center}.db-copy p{color: #c3cee0}.db-copy a:not(.btn){color: var(--orange-300)}.db-sub{font-size: 1.15rem;color: #fff !important;font-weight: 600}.tm-rail{overflow: hidden;-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);padding-block: 8px}.tm-track{display: flex;gap: 14px;width: max-content;animation: tick 60s linear infinite}.tm-rail:hover .tm-track{animation-play-state: paused}.tm{flex: none;width: 190px;border-radius: 18px;background: #fff;padding: 6px;box-shadow: 0 14px 34px rgb(0 0 0 / .35);transition: transform .3s var(--ease)}.tm:hover{transform: translateY(-6px) scale(1.04)}.tm img{width: 100%;height: auto;border-radius: 12px}.db-steps{list-style: none;margin: 26px 0 0;padding: 0;display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px}.db-steps li{display: grid;gap: 4px;padding: 16px;border-radius: 18px;background: rgb(255 255 255 / .06);border: 1px solid rgb(255 255 255 / .12)}.db-steps b{color: var(--orange-400);font-family: var(--font-d);font-size: 1.3rem}.db-steps span{font-size: .9rem;color: #dfe6f1}.refs{grid-template-columns: repeat(4, minmax(0, 1fr));margin-bottom: 30px}.ref-a{display: block;height: 100%;background: #fff;border: 1px solid var(--line);border-radius: var(--r-l);overflow: hidden;color: inherit;transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .25s;cursor: pointer}.ref-a:hover{transform: translateY(-4px);box-shadow: var(--sh-2);border-color: var(--orange-200);color: inherit}.r-media{display: block;background: #fff;padding: 10px}.r-media img{width: 100%;aspect-ratio: 3 / 2;object-fit: contain}.r-cap{display: block;padding: 12px 16px 16px;border-top: 1px solid var(--line);font-weight: 650;font-size: .92rem}.top-video{padding-block: clamp(18px, 2.4vw, 32px) 0}.vframe{position: relative;max-width: 46rem;margin: 0 auto;padding: 10px;background: #fff;border: 1px solid var(--line);border-radius: var(--r-l);box-shadow: var(--sh-2)}.vframe video{display: block;width: 100%;height: auto;aspect-ratio: 16 / 9;background: #000;border-radius: calc(var(--r-l) - 8px)}.vplay{position: absolute;left: 50%;top: 50%;width: 84px;height: 84px;margin: -42px 0 0 -42px;display: grid;place-items: center;border: 0;border-radius: 50%;background: var(--orange-500);color: #fff;cursor: pointer;box-shadow: 0 0 0 12px rgb(245 138 0 / .28), 0 14px 30px rgb(0 0 0 / .3);transition: transform .25s var(--ease), box-shadow .25s}.vplay:hover{transform: scale(1.08);box-shadow: 0 0 0 18px rgb(245 138 0 / .22), 0 14px 30px rgb(0 0 0 / .3)}.vplay .i{width: 34px;height: 34px;margin-left: 4px}.vframe.is-playing .vplay{display: none}.car-nav{display: flex;gap: 8px}.car-nav .icon-btn{background: #fff;border: 1px solid var(--line);box-shadow: var(--sh-1)}.car-nav .icon-btn:hover{background: var(--orange-500);color: #fff;border-color: transparent}.car{overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;margin-inline: calc(var(--gutter) * -1);padding: 6px var(--gutter) 22px}.car::-webkit-scrollbar{display: none}.p-grid--car{display: flex;gap: 18px;width: max-content}.p-grid--car .p-card{width: min(272px, 74vw);scroll-snap-align: start;flex: none}.cb{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: clamp(24px, 5vw, 80px);align-items: start}.cb address{font-style: normal;color: #c3cee0}.cb address b{color: #fff}.cb-list{list-style: none;margin: 18px 0 0;padding: 0;display: grid;gap: 12px}.cb-list li{display: flex;gap: 12px;align-items: center}.cb-list .i{color: var(--orange-400)}.cb-list a{color: #fff}.cb-list a:hover{color: var(--orange-300)}.cb-news{background: rgb(255 255 255 / .06);border: 1px solid rgb(255 255 255 / .12);border-radius: var(--r-xl);padding: clamp(22px, 3vw, 38px)}.cb-news h3{margin-bottom: .3em}.cb-news p{color: #b9c5da}.news--lg input{padding: .9em 1.1em}@media (max-width: 1100px){.hero-in{grid-template-columns: 1fr;min-height: 0;text-align: left}.hero-art{order: -1;min-height: 0}.plaque{--w: clamp(190px, 46vw, 300px);height: calc(var(--w) * 1.333 + 70px)}.cats{grid-template-columns: repeat(2, minmax(0, 1fr))}.refs{grid-template-columns: repeat(2, minmax(0, 1fr))}.why, .db-grid, .vid, .cb{grid-template-columns: 1fr}}@media (max-width: 640px){.plaque{--w: clamp(150px, 40vw, 240px);height: calc(var(--w) * 1.333 + 50px)}.hero-in{gap: 6px}.stats ul{grid-template-columns: 1fr 1fr}.stats li:nth-child(3){border-left: 0}.stats li:nth-child(n+3){border-top: 1px solid var(--line)}.cats{grid-template-columns: 1fr}.cat--wide{grid-column: auto;grid-row: auto}.db-steps{grid-template-columns: 1fr}.plaque .chip{font-size: .72rem}.chip--c{display: none}}@media (prefers-reduced-motion: reduce){.plaque-obj{animation: none;transform: rotateX(-7deg) rotateY(-18deg)}.ticker-in, .tm-track{animation: none}}.db-grid > *, .vid > *, .cb > *, .why > *, .hero-in > *{min-width: 0}.page-home .site-footer{margin-top: 0}}