:root{--night:#0a0f1f;--deep:#121a33;--edge:#243056;--blue:#3d7bff;--sky:#a9c4ff;--violet:#7c3aed;--ice:#eef2ff;--mist:#a3aecb;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--night);color:var(--ice);font-family:"Public Sans",system-ui,sans-serif;font-weight:400;line-height:1.5;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;}.hero{position:relative;overflow:hidden;padding:0;}.pass{position:relative;background:var(--deep);padding:calc(env(safe-area-inset-top) + 18px) calc(env(safe-area-inset-right) + 22px) 28px calc(env(safe-area-inset-left) + 22px);display:grid;grid-template-areas:"brand" "stage" "copy";grid-template-rows:auto auto 1fr;align-content:start;}.brand{grid-area:brand;display:flex;align-items:center;gap:12px}.brand img{width:52px;height:52px;border-radius:14px;background:#fff;display:block}.brand span{font-family:"Zilla Slab",Georgia,serif;font-weight:700;font-size:clamp(1.05rem,1rem + 0.3vw,1.25rem);letter-spacing:.01em}.stage{grid-area:stage;position:relative;height:244px;margin:4px -22px 0;cursor:grab;touch-action:pan-y;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;outline:none;}.stage:active{cursor:grabbing}.stage:focus-visible{box-shadow:inset 0 0 0 2px var(--sky);border-radius:16px}.iso{position:absolute;left:50%;top:58%;width:0;height:0;transform:scale(.72);transform-style:preserve-3d;}.world{position:absolute;left:-110px;top:-110px;width:220px;height:220px;transform-style:preserve-3d;transform:rotateX(60deg) rotateZ(var(--r,45deg));}.box{position:absolute;transform-style:preserve-3d}.box i{position:absolute;display:block;backface-visibility:visible}.bob{position:absolute;transform-style:preserve-3d;animation:bob 3.4s ease-in-out infinite}@keyframes bob{0%,100%{transform:translateZ(0)}50%{transform:translateZ(14px)}}.hint{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);font-size:.75rem;color:var(--mist);letter-spacing:.04em;white-space:nowrap;display:flex;align-items:center;gap:6px;}.hint svg{width:16px;height:16px}.copy{grid-area:copy;padding-top:12px}h1{font-family:"Zilla Slab",Georgia,serif;font-weight:700;font-size:clamp(1.85rem,1.2rem + 3vw,3.6rem);line-height:1.02;letter-spacing:-.01em;max-width:16ch;}h1 .lead{display:block;color:var(--sky)}h1 .main{display:block}.sub{margin-top:12px;color:var(--mist);font-size:clamp(.95rem,.9rem + .25vw,1.1rem);max-width:38ch;}.main-btn{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;background:var(--violet);color:#fff;font-family:"Zilla Slab",Georgia,serif;font-weight:700;font-size:clamp(1.15rem,1.1rem + .2vw,1.3rem);text-decoration:none;border-radius:14px;-webkit-tap-highlight-color:transparent;transition:transform .15s ease;}.main-btn svg{width:20px;height:20px}.main-btn:active{transform:scale(.98)}.main-btn:focus-visible{outline:3px solid var(--sky);outline-offset:3px}@media (hover: hover){.main-btn:hover{transform:translateY(-2px)}}.worry{margin-top:10px;font-size:.88rem;color:var(--mist);max-width:40ch}.strip{padding:56px 22px 48px;max-width:1080px;margin:0 auto;width:100%;}.strip h2{font-family:"Zilla Slab",Georgia,serif;font-weight:700;font-size:clamp(1.4rem,1.1rem + 1.4vw,2.1rem);line-height:1.1;}.items{list-style:none;margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.items li{background:var(--deep);border:1px solid var(--edge);border-radius:18px;padding:16px 14px 18px}.items svg{width:58px;height:58px;display:block}.items strong{display:block;margin-top:10px;font-family:"Zilla Slab",Georgia,serif;font-weight:700;font-size:1.08rem;color:var(--ice)}.items p{margin-top:4px;font-size:.88rem;color:var(--mist)}footer{margin-top:auto;padding:22px 22px calc(env(safe-area-inset-bottom) + 24px);border-top:1px solid var(--edge);color:var(--mist);font-size:.84rem;text-align:center;}footer b{font-family:"Zilla Slab",Georgia,serif;color:var(--ice);font-weight:700}@media (min-width:880px){.hero{padding:48px 32px;min-height:100dvh;display:flex;align-items:center;justify-content:center}.pass{min-height:0;width:100%;max-width:1080px;border-radius:32px;border:1px solid var(--edge);padding:40px 48px 48px;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;grid-template-areas:"brand stage" "copy stage";column-gap:24px;overflow:visible;}.brand img{width:72px;height:72px;border-radius:18px}.copy{padding-top:28px;align-self:start}.stage{height:auto;min-height:440px;margin:0 -48px 0 0}.iso{transform:scale(1.15);top:56%}.items{grid-template-columns:repeat(4,1fr);gap:16px}}@media (prefers-reduced-motion: reduce){.bob{animation:none}.main-btn{transition:none}}html,body{max-inline-size:100%;overflow-x:clip}