:root{--cream:#fffdf4;--paper:#fff;--ink:#302536;--muted:#786f7e;--primary:#ffd6a5;--secondary:#c7f9cc;--line:rgba(48,37,54,.12);--shadow:0 24px 80px rgba(66,39,73,.14)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 12% 14%,var(--primary),transparent 28%),radial-gradient(circle at 82% 8%,var(--secondary),transparent 30%),linear-gradient(135deg,var(--cream),#fff);font-family:"Trebuchet MS",Verdana,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 32px));margin:0 auto}.topbar{padding:24px 0 10px;position:relative;z-index:2}.nav{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.76);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.logo{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.04em}.logo-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 12px 30px rgba(0,0,0,.12);font-size:12px}.links{display:flex;gap:10px;flex-wrap:wrap}.links a{padding:9px 13px;border-radius:999px;color:var(--muted);background:rgba(255,255,255,.62)}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:30px;align-items:center;padding:50px 0 34px}h1{margin:0;font-size:clamp(38px,7vw,80px);line-height:.92;letter-spacing:-.07em}.lead{max-width:610px;margin:24px 0 0;font-size:19px;line-height:1.65;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{padding:13px 18px;border-radius:18px;border:1px solid var(--line);background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.08);font-weight:800}.button.main{background:linear-gradient(135deg,var(--primary),var(--secondary))}.stage{min-height:440px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:44px;background:rgba(255,255,255,.66);box-shadow:var(--shadow)}.sun{position:absolute;width:180px;height:180px;border-radius:50%;right:42px;top:34px;background:radial-gradient(circle,#fff 0 26%,var(--secondary) 27% 54%,transparent 55%);animation:breathe 5s ease-in-out infinite}.shelf{position:absolute;left:38px;right:38px;bottom:58px;height:16px;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--secondary));box-shadow:0 18px 40px rgba(0,0,0,.14)}.photo{position:absolute;width:128px;height:138px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 44px rgba(0,0,0,.13);animation:bob 6s ease-in-out infinite}.photo:before{content:"";position:absolute;inset:16px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--secondary));opacity:.78}.photo:after{content:"";position:absolute;left:26px;right:26px;bottom:20px;height:10px;border-radius:999px;background:rgba(48,37,54,.18)}.photo.one{left:58px;top:70px;transform:rotate(-8deg)}.photo.two{right:84px;bottom:126px;transform:rotate(7deg);animation-delay:-2s}.photo.three{left:210px;bottom:104px;transform:rotate(3deg);animation-delay:-4s}.cat{position:absolute;left:-150px;bottom:74px;width:116px;height:54px;animation:cat-run 8s linear infinite}.cat-body{position:absolute;left:26px;bottom:0;width:76px;height:42px;border-radius:50px 50px 38px 38px;background:var(--paper);border:2px solid var(--ink)}.cat-head{position:absolute;left:0;bottom:13px;width:42px;height:38px;border-radius:48%;background:var(--paper);border:2px solid var(--ink)}.cat-head:before,.cat-head:after{content:"";position:absolute;top:-12px;width:16px;height:16px;background:var(--paper);border-left:2px solid var(--ink);border-top:2px solid var(--ink);transform:rotate(45deg)}.cat-head:before{left:5px}.cat-head:after{right:5px}.eye{position:absolute;top:16px;width:5px;height:5px;border-radius:50%;background:var(--ink)}.eye.l{left:12px}.eye.r{right:12px}.tail{position:absolute;right:0;bottom:28px;width:36px;height:24px;border-top:5px solid var(--ink);border-radius:50%;animation:tail 1.1s ease-in-out infinite}.paw{position:absolute;bottom:-4px;width:18px;height:8px;border-radius:999px;background:var(--ink);animation:paws .45s ease-in-out infinite}.paw.a{left:38px}.paw.b{left:78px;animation-delay:-.22s}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 44px}.card{min-height:148px;border:1px solid var(--line);border-radius:28px;padding:20px;background:rgba(255,255,255,.76);box-shadow:0 12px 34px rgba(0,0,0,.08);position:relative;overflow:hidden}.card:after{content:"";position:absolute;width:84px;height:84px;right:-28px;bottom:-28px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));opacity:.72;animation:pulse 4s ease-in-out infinite}.card strong{display:block;margin-bottom:10px;font-size:17px}.card span{color:var(--muted);line-height:1.5;font-size:14px}.panel{margin:0 0 46px;padding:26px;border-radius:34px;border:1px solid var(--line);background:rgba(255,255,255,.74);box-shadow:var(--shadow)}.panel h2{margin:0 0 16px;font-size:30px;letter-spacing:-.04em}.rows{display:grid;gap:12px}.row{display:grid;grid-template-columns:150px 1fr 14px;align-items:center;gap:14px;padding:14px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.78)}.dot{width:12px;height:12px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 8px color-mix(in srgb,var(--primary),transparent 75%)}footer{padding:28px 0 46px;color:var(--muted);font-size:14px}.floaters{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.floaters i{position:absolute;bottom:-30px;width:14px;height:14px;border-radius:5px;background:var(--primary);opacity:.44;animation:rise 13s linear infinite}.floaters i:nth-child(2n){border-radius:50%;background:var(--secondary)}.floaters i:nth-child(1){left:8%}.floaters i:nth-child(2){left:22%;animation-delay:-3s}.floaters i:nth-child(3){left:48%;animation-delay:-6s}.floaters i:nth-child(4){left:72%;animation-delay:-1s}.floaters i:nth-child(5){left:90%;animation-delay:-8s}@keyframes cat-run{to{transform:translateX(calc(100vw + 260px))}}@keyframes tail{50%{transform:rotate(20deg)}}@keyframes paws{50%{transform:translateY(-3px)}}@keyframes breathe{50%{transform:scale(1.06)}}@keyframes bob{50%{margin-top:-16px}}@keyframes pulse{50%{transform:scale(1.18)}}@keyframes rise{to{transform:translateY(-110vh) rotate(420deg)}}@media(max-width:880px){.hero{grid-template-columns:1fr;padding-top:30px}.cards{grid-template-columns:1fr 1fr}.row{grid-template-columns:1fr}.links{display:none}}@media(max-width:560px){.cards{grid-template-columns:1fr}.stage{min-height:360px}}