@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@500;700&display=swap";
:root{--ink:#171713;--sun:#f5bd32;--cream:#f4f0e5;--orange:#e6602c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);cursor:crosshair;margin:0;font-family:DM Sans,sans-serif;overflow-x:hidden}button,a{font:inherit;color:inherit}button{cursor:pointer}nav{border-bottom:2px solid var(--ink);z-index:10;justify-content:space-between;align-items:center;width:100%;height:88px;padding:0 4vw;display:flex;position:absolute}.logo{letter-spacing:-2px;font-family:Archivo Black;font-size:27px;text-decoration:none}.logo span{vertical-align:top;margin-left:3px;font:700 8px DM Sans}.nav-links{gap:40px;display:flex}.nav-links a{font-size:12px;font-weight:700;text-decoration:none}.nav-links a:hover{text-underline-offset:5px;text-decoration:underline}.nav-buy,.primary{border:2px solid var(--ink);background:var(--sun);box-shadow:4px 4px 0 var(--ink);font-weight:800;transition:all .18s}.nav-buy{padding:12px 14px}.nav-buy b{margin-left:12px}.nav-buy:hover,.primary:hover{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.hero{min-height:100vh;padding:142px 4vw 60px;position:relative;overflow:hidden}.eyebrow{letter-spacing:2px;align-items:center;gap:9px;font-size:11px;font-weight:800;display:flex}.live-dot{background:var(--orange);border-radius:50%;width:9px;height:9px;animation:1.6s infinite pulse;box-shadow:0 0 0 5px #e6602c25}.hero h1,h2,h3{text-transform:uppercase;margin:0;font-family:Archivo Black}.hero h1{letter-spacing:-.075em;z-index:2;pointer-events:none;margin-top:7vh;font-size:clamp(78px,15.4vw,235px);line-height:.78;position:relative}.hero h1 span{color:var(--sun);-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink)}.hero h1 .paw{color:var(--orange)}.sub{margin:36px 0 20px;font-size:16px;font-weight:700;line-height:1.5}.primary{justify-content:space-between;align-items:center;min-width:205px;padding:15px 18px;display:inline-flex}.hero-dog{z-index:3;width:min(42vw,560px);animation:4s ease-in-out infinite float;position:absolute;top:24%;right:7vw}.hero-dog img{aspect-ratio:4/3;object-fit:cover;border:3px solid var(--ink);filter:saturate(1.12)contrast(1.02);width:100%;box-shadow:10px 12px 0 var(--ink);border-radius:48% 52% 45% 55%/50% 44% 56% 50%}.halo{border:3px dashed var(--orange);z-index:-1;border-radius:50%;animation:16s linear infinite spin;position:absolute;inset:-8% -5%}.tag{background:var(--cream);border:2px solid var(--ink);box-shadow:3px 3px var(--ink);padding:8px 12px;font:14px Archivo Black;position:absolute;transform:rotate(-6deg)}.tag-one{top:16%;left:-5%}.tag-two{background:var(--sun);bottom:10%;right:-4%;transform:rotate(7deg)}.scroll{writing-mode:vertical-rl;letter-spacing:2px;font-size:9px;font-weight:800;position:absolute;bottom:24px;right:4vw}.scroll span{margin-top:10px;font-size:20px}.ticker{background:var(--sun);border-block:2px solid var(--ink);width:max-content;padding:16px 0;font:24px Archivo Black;display:flex;transform:rotate(-1deg)scale(1.02)}.ticker div{animation:17s linear infinite marquee}.story,.how{padding:110px 7vw}.story{grid-template-columns:1fr 3fr;gap:50px;display:grid}.section-label{letter-spacing:2px;padding-top:14px;font-size:11px;font-weight:800}.story h2,.how h2{letter-spacing:-.06em;font-size:clamp(44px,7vw,105px);line-height:.9}.story h2 em{color:var(--orange);font-style:normal}.story p{max-width:600px;margin:35px 0 0 auto;font-size:19px;line-height:1.5}.how{background:var(--ink);color:var(--cream)}.how h2{color:var(--sun);margin:28px 0 55px}.cards{border:2px solid var(--cream);grid-template-columns:repeat(3,1fr);display:grid}.cards article{border-right:2px solid var(--cream);min-height:350px;padding:25px;transition:all .25s}.cards article:last-child{border:0}.cards article:hover{background:var(--orange);color:var(--ink);transform:translateY(-10px)rotate(-1deg)}.cards article>span{letter-spacing:2px;font-size:11px}.icon{border:2px solid;border-radius:50%;place-items:center;width:90px;height:90px;margin:50px auto 30px;font-size:45px;animation:3s ease-in-out infinite wobble;display:grid}.cards h3{letter-spacing:-2px;font-size:38px}.cards p{max-width:260px;font-size:14px;line-height:1.5}.final-cta{text-align:center;min-height:720px;padding:120px 20px;position:relative;overflow:hidden}.final-cta>p{letter-spacing:3px;font-size:11px;font-weight:800}.final-cta h2{letter-spacing:-.075em;margin:55px 0;font-size:clamp(75px,14vw,210px);line-height:.72}.final-cta h2 i{color:var(--sun);-webkit-text-stroke:2px var(--ink);text-shadow:6px 6px var(--ink);font-style:normal}.final-cta small{opacity:.65;margin-top:18px;display:block}.contract{border:1px solid var(--ink);letter-spacing:.04em;background:0 0;justify-content:space-between;gap:18px;width:calc(100% - 32px);max-width:560px;margin:18px auto 0;padding:11px 14px;font:700 11px DM Sans;transition:all .2s;display:flex}.contract span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contract:hover{background:var(--sun);transform:rotate(-1deg)}.bone{background:var(--orange);color:var(--cream);border:2px solid var(--ink);border-radius:30px;padding:12px 34px;font:13px Archivo Black;position:absolute}.bone-one{top:28%;left:8%;transform:rotate(-20deg)}.bone-two{background:var(--sun);color:var(--ink);bottom:22%;right:8%;transform:rotate(18deg)}footer{border-top:2px solid var(--ink);letter-spacing:1px;justify-content:space-between;align-items:center;min-height:110px;padding:0 4vw;font-size:10px;font-weight:800;display:flex}.cursor{z-index:99;color:var(--orange);pointer-events:none;font-size:22px;transition:transform 80ms linear;position:fixed;top:-10px;left:-10px}@keyframes float{50%{transform:translateY(-16px)rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 10px #e6602c00}}@keyframes marquee{to{transform:translate(-100%)}}@keyframes wobble{50%{transform:rotate(12deg)scale(1.06)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important}.cursor{display:none}}@media (max-width:760px){nav{height:72px}.nav-links{display:none}.nav-buy{padding:9px 10px;font-size:11px}.hero{min-height:860px;padding-top:115px}.hero h1{margin-top:40px;font-size:20vw}.hero-dog{width:75vw;top:44%;right:12vw}.sub{position:absolute;bottom:95px}.hero>.primary{position:absolute;bottom:35px}.scroll{display:none}.story{grid-template-columns:1fr;padding:80px 6vw}.story p{margin-left:0;font-size:16px}.how{padding:80px 6vw}.cards{grid-template-columns:1fr}.cards article{border-right:0;border-bottom:2px solid var(--cream);min-height:300px}.final-cta{min-height:580px;padding-top:90px}.bone{display:none}footer{text-align:center;flex-direction:column;justify-content:center;gap:10px}}
