:root{color-scheme:light;--purple:#321047;--gold:#ffca39;--cream:#fff8e8}*{box-sizing:border-box}html{min-height:100%;background:var(--cream)}body{margin:0;color:var(--purple);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.scene{position:fixed;inset:0;background:var(--cream) url('background.webp') center center/cover no-repeat;z-index:0}.page{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;flex-direction:column;padding:32px 24px 18px;isolation:isolate}.intro{width:min(100%,620px);text-align:center;margin:auto;padding:0 12px;animation:entrance .85s ease-out both}.logo{display:block;width:190px;max-width:54vw;height:auto;margin:0 auto 22px}.launch-label{display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 16px}.launch-label span{height:7px;width:7px;border-radius:50%;background:#8a6414;box-shadow:0 0 0 4px #f6cf6b55;animation:pulse 3s ease-in-out infinite}h1{font-size:clamp(36px,3.65vw,58px);line-height:1.02;letter-spacing:-2px;margin:0 0 21px;font-weight:800}h1 span{display:inline-block;position:relative;z-index:0}h1 span:after{content:'';position:absolute;bottom:1px;left:0;right:0;height:12px;background:#ffca3973;border-radius:50%;z-index:-1;transform:rotate(-2deg);transform-origin:left;animation:underline 1s .5s ease both}.description{font-size:16px;line-height:1.65;margin:0 auto 18px;max-width:490px;color:#513763}.tagline{font-weight:700;font-size:18px;margin:0 0 23px}.contact{display:inline-flex;gap:28px;align-items:center;background:var(--purple);color:white;text-decoration:none;font-size:14px;font-weight:700;padding:15px 23px;border-radius:100px;box-shadow:0 7px 20px #32104718;transition:transform .2s,background .2s}.contact:hover{transform:translateY(-3px);background:#4c2467}.contact:focus-visible{outline:3px solid #9c6f00;outline-offset:5px}.contact span{font-size:20px}.email{font-size:12px;margin:12px 0 0;color:#624c6d}footer{font-size:11px;color:#624c6d;text-align:center;margin:30px auto 0;line-height:1.6}footer span{padding:0 8px}.paw{position:fixed;z-index:1;color:#6e3a8033;font-size:22px;pointer-events:none;animation:float 7s ease-in-out infinite}.paw:before{content:'';position:absolute;width:8px;height:10px;border-radius:50%;background:currentColor;top:-4px;left:-5px;box-shadow:9px -5px 0 currentColor,19px -1px 0 currentColor,25px 8px 0 currentColor}.paw-one{left:29%;top:24%;transform:rotate(-20deg)}.paw-two{right:29%;bottom:22%;animation-delay:-3s}@keyframes entrance{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{translate:0 0;rotate:-10deg}50%{translate:0 -14px;rotate:8deg}}@keyframes pulse{50%{box-shadow:0 0 0 7px #f6cf6b15}}@keyframes underline{from{scale:0 1}to{scale:1 1}}@media(min-width:1100px) and (max-height:800px){.page{padding-top:20px}.logo{width:145px;margin-bottom:16px}h1{font-size:46px;margin-bottom:16px}.description{margin-bottom:12px}.tagline{margin-bottom:17px}footer{margin-top:22px}}@media(max-width:1000px){.intro{background:#fff9edeb;border:1px solid #ffffffb3;border-radius:30px;padding:30px 24px;max-width:570px;box-shadow:0 12px 60px #32104709}.paw{display:none}}@media(max-width:600px){.scene{background-position:center;background-size:auto 100%;opacity:.55}.page{padding:22px 16px 16px}.intro{padding:26px 18px;border-radius:25px;margin:auto;max-width:420px}.logo{width:158px;margin-bottom:20px}.launch-label{font-size:8px;letter-spacing:1.3px;gap:7px}h1{font-size:43px;letter-spacing:-1.8px;margin-bottom:20px}.description{font-size:14px;line-height:1.7}.desktop-break{display:none}.tagline{font-size:16px}.contact{font-size:13px;padding:13px 21px}footer{font-size:10px;margin-top:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
