.preview-root{--font-preview-display:inherit;--font-preview-body:inherit}:is(body:has(.preview-root) .site-nav,body:has(.preview-root) .site-footer){display:none!important}.preview-page{isolation:isolate;color:#f4f7fb;height:100dvh;max-height:100dvh;font-family:var(--font-preview-body), system-ui, sans-serif;background-color:#05070c;position:relative;overflow:hidden}.preview-backdrop{z-index:0;filter:grayscale()contrast(1.08)brightness(.58);pointer-events:none;background-image:url(/brand/website-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;animation:32s ease-in-out infinite alternate preview-backdrop-drift;position:absolute;inset:-10%;transform:scale(1.1)}.preview-veil{z-index:0;pointer-events:none;background:radial-gradient(55% 48% at 50% 42%,#080c1626,#05070cd1 70%,#05070cf5),radial-gradient(circle at 50% 46%,#0000 14%,#00000080 70%,#000000d9 100%);position:absolute;inset:0}.preview-ambient{z-index:0;pointer-events:none;background:radial-gradient(circle at 28% 26%,#ffffff0b,#0000 34%),radial-gradient(circle at 74% 64%,#b4c8e60a,#0000 38%);animation:8.5s ease-in-out infinite preview-ambient-breathe;position:absolute;inset:0}.preview-spot{z-index:0;pointer-events:none;background:radial-gradient(42vmin at 50% 42%,#ffffff12,#0000 70%);animation:6.5s ease-in-out infinite preview-spot-pulse;position:absolute;inset:0}.preview-vignette{z-index:0;pointer-events:none;background:radial-gradient(70% 65% at 50% 45%,#0000 40%,#0000008c 100%);position:absolute;inset:0}@keyframes preview-backdrop-drift{0%{transform:scale(1.1)translate(-1.1%,-.5%)}to{transform:scale(1.14)translate(1.3%,.7%)}}@keyframes preview-ambient-breathe{0%,to{opacity:.65}50%{opacity:1}}@keyframes preview-spot-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.06)}}.preview-hero{z-index:1;text-align:center;perspective:1200px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:clamp(1.25rem,3vh,2.5rem) 1.25rem;display:flex;position:relative}.preview-logo-hero{--tilt-x:0deg;--tilt-y:0deg;--tilt-z:0deg;--shift-x:0px;--shift-y:0px;--scale:1;--lx:50%;--ly:45%;--glow-pulse:.65;--ripple-x:50%;--ripple-y:50%;--orbit-spin:0deg;aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;opacity:0;outline:none;place-items:center;width:min(620px,78vw);margin:0 0 clamp(1.1rem,2.5vh,1.85rem);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);display:grid;position:relative;transform:translateY(18px)scale(.94)}.preview-logo-hero.is-entered{opacity:1;transform:translateY(0)scale(1)}.preview-logo-hero:focus-visible{outline-offset:12px;border-radius:50%;outline:1px solid #ffffff59}.preview-logo-orbit{pointer-events:none;z-index:0;opacity:.55;border:1px solid #ffffff1a;border-radius:50%;transition:opacity .28s,border-color .28s;position:absolute;box-shadow:inset 0 0 24px #ffffff0a,0 0 18px #ffffff08}.preview-logo-orbit--a{transform:rotateZ(var(--orbit-spin)) rotateX(68deg);border-color:#dce6f529;inset:-3%}.preview-logo-orbit--b{transform:rotateZ(calc(var(--orbit-spin) * -1.35)) rotateX(72deg) rotateY(18deg);opacity:.4;border-color:#c8d2e61f;inset:6%}.preview-logo-hero.is-hovered .preview-logo-orbit,.preview-logo-hero:focus-visible .preview-logo-orbit{opacity:.9;border-color:#ffffff47}.preview-logo-glow{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.preview-logo-glow--outer{filter:blur(30px);opacity:calc(var(--glow-pulse) * .9);background:radial-gradient(circle,#ffffff29 0%,#a0b4d212 38%,#0000 68%);transition:opacity .32s,transform .32s;inset:-4%;transform:scale(.96)}.preview-logo-glow--mid{filter:blur(16px);opacity:var(--glow-pulse);background:radial-gradient(circle,#ffffff52 0%,#becde61f 40%,#0000 72%);transition:opacity .28s,transform .28s;inset:12%;transform:scale(.94)}.preview-logo-glow--cursor{background:radial-gradient(circle at var(--lx) var(--ly), #ffffff6b 0%, #d2dcf024 28%, transparent 58%);filter:blur(22px);opacity:.5;mix-blend-mode:soft-light;transition:opacity .2s;inset:6%}.preview-logo-hero.is-hovered .preview-logo-glow--outer,.preview-logo-hero:focus-visible .preview-logo-glow--outer{opacity:calc(var(--glow-pulse) * 1.2);transform:scale(1.06)}.preview-logo-hero.is-hovered .preview-logo-glow--mid,.preview-logo-hero:focus-visible .preview-logo-glow--mid{opacity:calc(var(--glow-pulse) * 1.3);transform:scale(1.1)}.preview-logo-hero.is-hovered .preview-logo-glow--cursor,.preview-logo-hero:focus-visible .preview-logo-glow--cursor{opacity:.9}.preview-logo-particles{z-index:2;pointer-events:none;opacity:.9;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.preview-logo-ripple{left:var(--ripple-x);top:var(--ripple-y);opacity:0;pointer-events:none;z-index:4;border:1.5px solid #fff9;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;transform:scale(.2)}.preview-logo-hero.is-punch .preview-logo-ripple{animation:.58s cubic-bezier(.15,.75,.25,1) forwards preview-logo-ripple}.preview-logo-bloom{filter:blur(12px);opacity:0;pointer-events:none;z-index:3;mix-blend-mode:screen;background:radial-gradient(circle,#fff9 0%,#dce6f533 35%,#0000 68%);border-radius:50%;position:absolute;inset:6%}.preview-logo-hero.is-bloom .preview-logo-bloom{animation:.56s ease-out forwards preview-logo-bloom-flash}.preview-logo-stage{z-index:1;width:100%;height:100%;transform:translate3d(var(--shift-x), var(--shift-y), 0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(var(--tilt-z)) scale(var(--scale));transform-style:preserve-3d;will-change:transform;place-items:center;display:grid;position:relative}.preview-logo{filter:drop-shadow(0 16px 44px #000000a6)drop-shadow(0 0 36px #ffffff1f);pointer-events:none;width:100%;max-width:100%;height:auto;transition:filter .24s,transform .22s}.preview-logo-hero.is-hovered .preview-logo,.preview-logo-hero:focus-visible .preview-logo{filter:drop-shadow(0 20px 52px #000000b3)drop-shadow(0 0 58px #ffffff61);transform:scale(1.04)}.preview-logo-shine{pointer-events:none;mix-blend-mode:soft-light;opacity:.4;background:linear-gradient(115deg,#0000 28%,#fff0 38%,#ffffff42 48%,#ffffff12 56%,#0000 68%) 120% 40%/220% 220%;border-radius:50%;animation:7s ease-in-out infinite preview-logo-shine-idle;position:absolute;inset:6%;-webkit-mask-image:radial-gradient(circle,#000 42%,#0000 72%);mask-image:radial-gradient(circle,#000 42%,#0000 72%)}.preview-logo-hero.is-hovered .preview-logo-shine,.preview-logo-hero:focus-visible .preview-logo-shine{opacity:.78;animation:1.5s ease-out forwards preview-logo-shine-hover}.preview-logo-hero.is-punch .preview-logo-stage{animation:.54s cubic-bezier(.2,1.35,.32,1) preview-logo-punch}.preview-logo-hero.is-reduced .preview-logo-stage{animation:none}.preview-logo-hero.is-reduced .preview-logo-particles,.preview-logo-hero.is-reduced .preview-logo-shine,.preview-logo-hero.is-reduced .preview-logo-ripple,.preview-logo-hero.is-reduced .preview-logo-bloom,.preview-logo-hero.is-reduced .preview-logo-orbit{display:none}.preview-logo-hero.is-reduced .preview-logo-glow--cursor{opacity:.3;background:radial-gradient(circle at 50% 45%,#ffffff38,#0000 55%)}@keyframes preview-logo-shine-idle{0%,to{opacity:.28;background-position:130% 30%}45%{opacity:.55;background-position:-20% 70%}}@keyframes preview-logo-shine-hover{0%{background-position:-30% 60%}to{background-position:140% 20%}}@keyframes preview-logo-punch{0%{transform:translate3d(var(--shift-x), var(--shift-y), 0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(var(--tilt-z)) scale(calc(var(--scale) * 1))}28%{transform:translate3d(var(--shift-x), var(--shift-y), 0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(var(--tilt-z)) scale(calc(var(--scale) * .84))}62%{transform:translate3d(var(--shift-x), var(--shift-y), 0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(var(--tilt-z)) scale(calc(var(--scale) * 1.12))}to{transform:translate3d(var(--shift-x), var(--shift-y), 0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(var(--tilt-z)) scale(var(--scale))}}@keyframes preview-logo-ripple{0%{opacity:.95;transform:scale(.25)}to{opacity:0;transform:scale(20)}}@keyframes preview-logo-bloom-flash{0%{opacity:0;transform:scale(.85)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.4)}}.preview-tagline{z-index:1;max-width:32rem;font-family:var(--font-preview-display), system-ui, sans-serif;letter-spacing:.015em;color:#f4f7fbe6;text-shadow:0 2px 18px #0000008c;opacity:0;margin:0 0 1.35rem;font-size:clamp(.98rem,2.1vw,1.28rem);font-weight:500;line-height:1.45;animation:.7s cubic-bezier(.2,.8,.2,1) .28s forwards preview-copy-in;position:relative;transform:translateY(12px)}.preview-cta{z-index:1;color:#fff;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#ffffff12;border:1px solid #ffffff61;border-radius:999px;align-items:center;gap:.45rem;padding:.72rem 1.35rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:background .16s,border-color .16s,transform .18s,box-shadow .18s;animation:.7s cubic-bezier(.2,.8,.2,1) .42s forwards preview-copy-in;display:inline-flex;position:relative;transform:translateY(12px);box-shadow:0 0 #fff0}.preview-cta:hover{background:#ffffff29;border-color:#ffffff9e;transform:translateY(-2px);box-shadow:0 0 28px #ffffff29}.preview-cta:focus-visible{outline-offset:4px;outline:1px solid #ffffff8c}@keyframes preview-copy-in{to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.preview-logo-hero{width:min(460px,86vw)}.preview-tagline{max-width:22rem;font-size:.98rem}}@media (prefers-reduced-motion:reduce){.preview-backdrop,.preview-ambient,.preview-spot,.preview-tagline,.preview-cta{animation:none!important}.preview-logo-hero{opacity:1;transition:none;transform:none}.preview-tagline,.preview-cta{opacity:1;transform:none}.preview-logo-stage,.preview-logo-shine,.preview-logo-ripple,.preview-logo-bloom{animation:none!important}.preview-logo-particles,.preview-logo-orbit{display:none!important}.preview-logo-hero.is-hovered .preview-logo{transform:none}}