:root{color-scheme:light;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;color:#fff;background:#183a2c;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html,body{margin:0;min-width:280px;min-height:100%}
button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}
.welcome{isolation:isolate;position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;gap:60px;padding:clamp(24px,4.6vw,72px);padding-top:max(clamp(24px,4.6vw,72px),env(safe-area-inset-top));padding-bottom:max(clamp(28px,4.6vw,72px),env(safe-area-inset-bottom))}
.factory,.shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.factory{object-fit:cover;object-position:50% 50%}
.shade{background:linear-gradient(180deg,rgba(10,24,15,.12),transparent 30%,transparent 55%,rgba(8,25,17,.78));pointer-events:none}
.masthead{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.brands{display:flex;align-items:center;gap:30px;padding:23px 30px;background:rgba(255,253,246,.96);border:1px solid rgba(255,255,255,.6);border-radius:18px;box-shadow:0 8px 40px #18241416}
.brand-dogtat{display:block;width:174px;height:auto}.brand-nusspo{display:block;width:188px;height:auto}.brand-divider{width:1px;height:44px;background:#d7d3c5;flex:none}
.languages{display:flex;align-items:center;gap:3px;padding:5px;border:1px solid #ffffff4d;background:#102b20b8;backdrop-filter:blur(12px);border-radius:999px}
.languages button{border:0;background:transparent;color:#fff;padding:0 13px;min-width:44px;min-height:44px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:background .2s,color .2s}
.languages button[aria-pressed=true]{background:#fbf8ee;color:#21372b}.languages button:hover:not([aria-pressed=true]){background:#ffffff16}.languages>span{height:14px;width:1px;background:#ffffff26}
.welcome-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;animation:appear .65s ease-out both}
.signature{margin:0 0 12px;font-size:10px;font-weight:600;letter-spacing:.23em;color:#e7dcc2}.notice h1{font-size:clamp(16px,1.45vw,21px);line-height:1.5;font-weight:400;letter-spacing:.01em;margin:0;text-shadow:0 1px 8px #0004}
.continue{display:flex;align-items:center;justify-content:center;gap:28px;min-height:60px;padding:18px 25px;color:#1b392c;background:#fcf9ef;border:1px solid #ffffff8c;border-radius:999px;text-decoration:none;font-size:14px;font-weight:600;box-shadow:0 5px 25px #10251926;transition:background .2s,transform .2s;white-space:nowrap}
.continue:hover{background:#fff;transform:translateY(-2px)}.continue svg{flex:none;transition:transform .2s}.continue:hover svg{transform:translateX(3px)}
a:focus-visible,button:focus-visible{outline:3px solid #f0cb78;outline-offset:5px}
@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1800px){.brands{padding:26px 36px}.brand-dogtat{width:196px}.brand-nusspo{width:212px}}
@media(max-width:900px){.brands{gap:22px;padding:18px 23px;border-radius:15px}.brand-dogtat{width:146px}.brand-nusspo{width:154px}.brand-divider{height:38px}.factory{object-position:49% center}}
@media(max-width:600px){.welcome{padding:24px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(28px,env(safe-area-inset-bottom))}.masthead{flex-direction:column;gap:18px;align-items:flex-start}.brands{padding:17px 20px;gap:20px;max-width:100%;border-radius:13px}.brand-dogtat{width:125px}.brand-nusspo{width:132px}.brand-divider{height:34px}.languages{align-self:flex-end;padding:3px}.languages button{min-height:42px;padding:0 11px}.welcome-footer{flex-direction:column;align-items:flex-start;gap:25px}.notice h1{font-size:17px}.continue{align-self:flex-end;font-size:13px;min-height:56px;gap:25px;padding:16px 22px}.factory{object-position:49% center}.shade{background:linear-gradient(180deg,#0a180f14,transparent 35%,transparent 50%,#081911dc)}}
@media(max-width:350px){.welcome{padding-left:18px;padding-right:18px}.brands{gap:13px;padding:15px}.brand-dogtat{width:105px}.brand-nusspo{width:115px}.brand-divider{height:29px}}
@media(max-height:480px) and (min-width:601px){.welcome{padding:22px;gap:40px}.brands{padding:13px 20px}.brand-dogtat{width:120px}.brand-nusspo{width:128px}.brand-divider{height:30px}.continue{min-height:50px;padding:13px 20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}