:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#4ea7ee;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}.brand-preview{--shader-fallback: #4daaff;position:fixed;inset:0;width:100vw;height:100svh;overflow:hidden;isolation:isolate;background:var(--shader-fallback);transition:background-color .6s ease}.brand-preview__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.brand-preview__stage{position:absolute;z-index:1;inset:0;display:grid;padding:clamp(24px,4vw,64px);place-items:center;pointer-events:none}.logo-lockup{--logo-optical-scale: 1;--wordmark-width: clamp(454px, 46.64vw, 598px);--wordmark-width-mobile: clamp(191px, 62.19vw, 311px);display:flex;width:max-content;max-width:min(960px,86vw);align-items:center;justify-content:center;color:#fff;gap:0}.logo-lockup__mark{display:grid;width:clamp(190px,19.5vw,250px);aspect-ratio:1;place-items:center;flex:0 0 auto;transition:width .34s cubic-bezier(.22,1,.36,1),opacity .22s ease,transform .34s cubic-bezier(.22,1,.36,1)}.logo-lockup__mark img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 28px rgba(21,71,125,.12));transform:scale(var(--logo-optical-scale));transform-origin:center}.logo-lockup__copy{display:none;flex:0 0 auto;color:#fffffffa;font-family:Arial,Helvetica,sans-serif;font-size:clamp(15px,1.55vw,21px);font-weight:400;letter-spacing:-.024em;line-height:1.18;text-shadow:0 5px 24px rgba(21,71,125,.13);white-space:nowrap}.logo-lockup__copy span{display:block}.logo-lockup__wordmark{display:none}.logo-lockup[data-mockup=text-lower] .logo-lockup__copy,.logo-lockup[data-mockup=text-center] .logo-lockup__copy{display:block}.logo-lockup[data-mockup=text-lower] .logo-lockup__copy{align-self:flex-end;margin-bottom:clamp(40px,3.5vw,48px)}.logo-lockup[data-mockup=text-stacked]{flex-direction:column;gap:clamp(8px,1vw,14px)}.logo-lockup[data-mockup=text-stacked] .logo-lockup__copy{display:block;text-align:center}.logo-lockup[data-mockup=wordmark]{gap:clamp(6px,.8vw,12px)}.logo-lockup[data-mockup=wordmark] .logo-lockup__mark--primary{width:clamp(190px,19.5vw,250px)}.logo-lockup[data-mockup=wordmark] .logo-lockup__wordmark{display:grid;width:min(var(--wordmark-width),55vw);flex:0 0 auto;place-items:center}.logo-lockup__wordmark img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 28px rgba(21,71,125,.12))}.brand-preview__ui{position:absolute;z-index:2;right:clamp(16px,2vw,32px);bottom:clamp(16px,2vw,32px);left:clamp(16px,2vw,32px);display:grid;grid-template-columns:auto auto 1fr;align-items:end;gap:10px}.mockup-picker,.logo-picker__button,.shader-switcher__preset{appearance:none;color:inherit;font:inherit}.logo-picker,.mockup-picker,.shader-switcher{border:1px solid rgba(255,255,255,.2);background:#0a162638;box-shadow:0 10px 40px #08162d1f;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}.logo-picker{width:fit-content;min-height:58px;padding:8px;border-radius:18px}.logo-picker__items{display:flex;align-items:center;gap:4px}.logo-picker__button{display:grid;width:38px;height:40px;padding:0;place-items:center;overflow:hidden;border:0;border-radius:11px;background:transparent;cursor:pointer;transition:background-color .18s ease,transform .18s ease}.logo-picker__button img{display:block;width:24px;height:24px;object-fit:contain;opacity:.62;transform:scale(var(--logo-optical-scale));transition:opacity .18s ease,transform .18s ease}.logo-picker__button:hover,.logo-picker__button.is-active{background:#ffffff26}.logo-picker__button:hover img,.logo-picker__button.is-active img{opacity:1}.logo-picker__button.is-active img{transform:scale(calc(var(--logo-optical-scale) * 1.08))}.mockup-picker{display:grid;min-width:68px;min-height:58px;grid-auto-flow:column;gap:4px;padding:0 14px;place-items:center;border-radius:18px;color:#ffffff9e;cursor:pointer;font-size:11px;font-variant-numeric:tabular-nums;transition:background-color .18s ease,color .18s ease}.mockup-picker [data-mockup-current]{color:#fff;font-size:13px;font-weight:600}.mockup-picker:hover{background:#ffffff26;color:#ffffffe6}.shader-switcher{justify-self:end;min-height:58px;padding:8px;border-radius:18px}.shader-switcher__presets{display:flex;align-items:center;gap:4px}.shader-switcher__preset{position:relative;display:grid;width:34px;height:40px;padding:0;place-items:center;border:0;border-radius:11px;background:transparent;cursor:pointer;transition:background-color .18s ease,transform .18s ease}.shader-switcher__preset:before{width:16px;height:16px;border:1px solid rgba(255,255,255,.54);border-radius:999px;background:var(--preset-swatch);box-shadow:0 0 14px color-mix(in srgb,var(--preset-swatch),transparent 38%);content:"";transition:box-shadow .18s ease,transform .18s ease}.shader-switcher__preset:hover,.shader-switcher__preset.is-active{background:#ffffff26}.shader-switcher__preset.is-active:before{box-shadow:0 0 0 2px #ffffffbd,0 0 18px color-mix(in srgb,var(--preset-swatch),transparent 25%);transform:scale(1.06)}.logo-picker__button:focus-visible,.mockup-picker:focus-visible,.shader-switcher__preset:focus-visible{outline:2px solid rgba(255,255,255,.95);outline-offset:2px}@media(max-width:880px){.brand-preview__ui{grid-template-columns:1fr auto}.logo-picker{grid-column:1 / -1}.shader-switcher{justify-self:end}}@media(max-width:600px){.logo-lockup{max-width:90vw;gap:0}.logo-lockup__copy{font-size:14px}.logo-lockup[data-mockup=text-lower] .logo-lockup__mark--primary,.logo-lockup[data-mockup=text-center] .logo-lockup__mark--primary{width:clamp(96px,30vw,150px)}.logo-lockup[data-mockup=text-lower] .logo-lockup__copy{margin-bottom:18px}.logo-lockup[data-mockup=text-stacked]{gap:8px}.logo-lockup[data-mockup=text-stacked] .logo-lockup__mark--primary{width:clamp(126px,38vw,178px)}.logo-lockup[data-mockup=wordmark]{gap:10px}.logo-lockup[data-mockup=wordmark] .logo-lockup__mark--primary{width:clamp(80px,26vw,130px)}.logo-lockup[data-mockup=wordmark] .logo-lockup__wordmark{width:min(var(--wordmark-width-mobile),58vw)}.brand-preview__ui{right:12px;bottom:12px;left:12px;gap:8px}.logo-picker{width:100%;min-height:54px;padding:7px}.logo-picker__items{justify-content:space-between}.logo-picker__button{width:clamp(30px,9vw,38px);height:38px}.logo-picker__button img{width:21px;height:21px}.mockup-picker,.shader-switcher{min-height:52px}.mockup-picker{min-width:60px;padding:0 12px}.shader-switcher{padding:6px}.shader-switcher__presets{gap:2px}.shader-switcher__preset{width:clamp(25px,7.1vw,32px);height:38px}.shader-switcher__preset:before{width:13px;height:13px}}@media(prefers-reduced-motion:reduce){.brand-preview,.logo-lockup__mark,.logo-picker__button,.shader-switcher__preset{transition:none}.brand-preview__canvas{image-rendering:auto}}