*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#FBEEDB}
body{font-family:'Nunito','Nunito Fallback',sans-serif;color:#6B4A38;-webkit-font-smoothing:antialiased}
a{color:#FF8A76}a:hover{color:#E06B58}
.page{min-height:100vh;background:linear-gradient(180deg,#FDF4E3 0%,#FBEEDB 45%,#F7E3C8 100%);overflow:hidden;position:relative}
.petals{position:fixed;inset:0;pointer-events:none;z-index:1}
.petal{position:absolute;top:-40px;border-radius:50% 50% 50% 0;opacity:0;animation:petal-fall linear infinite}
.petal-0{left:2%;width:10px;height:14px;background:#FFB8A8;animation-duration:11s;animation-delay:0s}
.petal-1{left:10.3%;width:15px;height:19px;background:#F2D4E0;animation-duration:13.4s;animation-delay:1.7s}
.petal-2{left:18.6%;width:20px;height:24px;background:#D9C6F2;animation-duration:15.8s;animation-delay:3.4s}
.petal-3{left:26.9%;width:10px;height:14px;background:#BFEAD1;animation-duration:18.2s;animation-delay:5.1s}
.petal-4{left:35.2%;width:15px;height:19px;background:#F5E6A8;animation-duration:20.6s;animation-delay:6.8s}
.petal-5{left:43.5%;width:20px;height:24px;background:#FFB8A8;animation-duration:11s;animation-delay:8.5s}
.petal-6{left:51.8%;width:10px;height:14px;background:#F2D4E0;animation-duration:13.4s;animation-delay:10.2s}
.petal-7{left:60.1%;width:15px;height:19px;background:#D9C6F2;animation-duration:15.8s;animation-delay:11.9s}
.petal-8{left:68.4%;width:20px;height:24px;background:#BFEAD1;animation-duration:18.2s;animation-delay:13.6s}
.petal-9{left:76.7%;width:10px;height:14px;background:#F5E6A8;animation-duration:20.6s;animation-delay:15.3s}
.petal-10{left:85%;width:15px;height:19px;background:#FFB8A8;animation-duration:11s;animation-delay:17s}
.petal-11{left:93.3%;width:20px;height:24px;background:#F2D4E0;animation-duration:13.4s;animation-delay:18.7s}
@keyframes petal-fall{0%{transform:translateY(-8vh) rotate(0);opacity:0}10%{opacity:.9}100%{transform:translateY(108vh) translateX(60px) rotate(320deg);opacity:0}}
@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(6deg)}}
@media (prefers-reduced-motion:reduce){.petal,.mascot img{animation:none!important}}
.hero,.friends,.album,.pillars,footer,.missing,.privacy{position:relative;z-index:2}
.hero{max-width:1120px;margin:0 auto;padding:48px 32px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:48px}
.hero-copy{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:22px}
.badge-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.badge{background:#FF9E8E;color:#5C4030;font-family:'Baloo 2','Baloo 2 Fallback',sans-serif;font-weight:700;font-size:15px;letter-spacing:.12em;text-transform:uppercase;padding:8px 18px;border-radius:999px;box-shadow:0 3px 0 rgba(214,110,92,.5)}
.domain{font-weight:700;font-size:15px;color:#B08A6E}
h1{font-family:'Baloo 2','Baloo 2 Fallback',sans-serif;font-weight:800;font-size:clamp(44px,6vw,72px);line-height:1.02;margin:0;color:#5C4030}
h1 span{color:#FF8A76}
.lead{font-size:19px;line-height:1.55;margin:0;max-width:46ch;color:#7A5A44;text-wrap:pretty}
.pills{display:flex;flex-wrap:wrap;gap:10px}
.pills span{background:#FFFDF7;border:2px solid #F0DDBE;border-radius:999px;padding:7px 16px;font-weight:700;font-size:14px;color:#8A6552}
.offer{background:#FFFDF7;border-radius:28px;padding:26px 28px;box-shadow:0 10px 30px rgba(138,101,82,.14);border:2px solid #F4E4C8;max-width:540px;display:flex;flex-direction:column;gap:12px}
.offer-kicker{font-family:'Baloo 2','Baloo 2 Fallback',sans-serif;font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#FF8A76;margin:0}
.offer-title{font-family:'Baloo 2','Baloo 2 Fallback',sans-serif;font-weight:800;font-size:28px;line-height:1.15;margin:0;color:#5C4030;text-align:left;text-wrap:pretty}
.offer p{margin:0;font-size:15.5px;line-height:1.5;color:#7A5A44}
.offer p.offer-price{font-family:'Baloo 2','Baloo 2 Fallback',sans-serif;font-weight:800;font-size:22px;line-height:1.2;color:#5C4030;margin:2px 0 0}
.cta-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cta{display:inline-flex;align-items:center;justify-content:center;border:none;background:#FF8A76;color:#FFFDF7;font-family:'Baloo 2','Baloo 2 Fallback',sans-serif;font-weight:700;font-size:17px;padding:13px 22px;border-radius:999px;box-shadow:0 4px 0 #E06B58;text-decoration:none;line-height:1.2}
a.cta:not(.secondary){background:#A95B4E;box-shadow:0 4px 0 #8E4B40}
a.cta.secondary{background:#FFFDF7;color:#8A6552;box-shadow:none;border:2px solid #F0DDBE}
a.cta.secondary:hover{color:#5C4030;background:#FFF9EE}
button.cta:disabled{opacity:1;background:#FF8A76;color:#FFFDF7;-webkit-text-fill-color:#FFFDF7;cursor:default}
.offer-fine{font-size:13.5px;color:#C2A283}
.mascot{flex:0 1 380px;min-width:300px;display:flex;flex-direction:column;align-items:center;gap:14px}
.mascot img{width:340px;height:340px;max-width:80vw;max-height:80vw;border-radius:50%;object-fit:cover;background:#FBF0DC;box-shadow:0 18px 40px rgba(138,101,82,.2),0 0 0 10px #FFFDF7,0 0 0 13px #F4E4C8;animation:float 5s ease-in-out infinite}
.mascot p{font-family:'Baloo 2','Baloo 2 Fallback',sans-serif;font-weight:700;font-size:17px;color:#B08A6E;margin:0}
.friends{max-width:1120px;margin:0 auto;padding:40px 32px 16px}
h2{font-family:'Baloo 2','Baloo 2 Fallback',sans-serif;font-weight:800;font-size:34px;margin:0 0 6px;color:#5C4030;text-align:center;text-wrap:pretty}
.section-sub{font-size:17px;color:#96755C;text-align:center;margin:0 auto 32px;max-width:60ch;text-wrap:pretty}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:22px}
.card{background:#FFFDF7;border-radius:24px;padding:22px 16px 18px;text-align:center;border:2px solid #F4E4C8;box-shadow:0 6px 18px rgba(138,101,82,.09);display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .2s ease}
.card:hover{transform:translateY(-6px) rotate(-1deg)}
.card img{width:128px;height:128px;border-radius:50%;object-fit:cover;border:4px solid #F4E4C8}
.tone-tulla{border-color:#F6C4B4}
.tone-sunny{border-color:#F6DC8C}
.tone-bombo{border-color:#FFC9A3}
.tone-violetta{border-color:#D9C2EA}
.tone-campanella{border-color:#B9D4F2}
.tone-lino{border-color:#D9E8C8}
.tone-bibi{border-color:#F8C8C0}
.tone-papavero{border-color:#F4B4AE}
.tone-mimi{border-color:#F2E39A}
.tone-zucca{border-color:#F3C896}
.tone-stella{border-color:#EFB4B6}
.tone-ciliegia{border-color:#F6C6DE}
.tone-lumi{border-color:#F5E6A8}
.tone-sole{border-color:#F8C98A}
.tone-nuvola{border-color:#D9D0EE}
.tone-gigi{border-color:#E8C9A0}
.tone-gastone{border-color:#C7CBDD}
.tone-milo{border-color:#CBE6D2}
.card h3{font-family:'Baloo 2','Baloo 2 Fallback',sans-serif;font-weight:800;font-size:20px;margin:0;color:#5C4030}
.card .role{font-size:14px;font-weight:700;color:#A75A4D;margin:2px 0 6px;text-transform:uppercase;letter-spacing:.06em}
.card p{font-size:14.5px;line-height:1.45;color:#8A6552;margin:0}
.album{max-width:1120px;margin:0 auto;padding:36px 32px 8px}
.album-card{background:#FFFDF7;border:2px solid #F4E4C8;border-radius:28px;box-shadow:0 10px 30px rgba(138,101,82,.14);display:flex;flex-wrap:wrap;align-items:center;gap:28px;padding:22px;max-width:860px;margin:0 auto}
.album-art{flex:0 1 280px;min-width:200px;margin:0}
.album-art img{width:100%;height:auto;border-radius:18px;display:block;box-shadow:0 8px 20px rgba(138,101,82,.16)}
.album-copy{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.album-kicker{font-family:'Baloo 2','Baloo 2 Fallback',sans-serif;font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#7A5A44;margin:0}
.album-copy h2{text-align:left;margin:0;font-size:clamp(28px,4vw,36px)}
.album-by{margin:0;font-weight:700;color:#8A6552;font-size:16px}
.album-when{margin:0;font-family:'Baloo 2','Baloo 2 Fallback',sans-serif;font-weight:800;font-size:22px;line-height:1.2;color:#5C4030}
.album-copy .cta{margin-top:6px}
.pillars{max-width:980px;margin:0 auto;padding:48px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.pillar{border-radius:24px;padding:26px}
.pillar h3{font-family:'Baloo 2','Baloo 2 Fallback',sans-serif;font-weight:800;font-size:21px;margin:0 0 8px}
.pillar p{font-size:15.5px;line-height:1.5;margin:0}
.green{background:#EAF6EE}.green h3{color:#3E6B4A}.green p{color:#51735B}
.blue{background:#E9F2FA}.blue h3{color:#3D5E7A}.blue p{color:#516D83}
.purple{background:#F5EDF9}.purple h3{color:#6A4E80}.purple p{color:#7A648C}
footer{text-align:center;padding:20px 32px 48px;display:flex;flex-direction:column;align-items:center;gap:10px}
footer img{width:72px;height:72px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 5px #FFFDF7,0 0 0 7px #F4E4C8}
.domain-foot{font-family:'Baloo 2','Baloo 2 Fallback',sans-serif;font-weight:700;font-size:17px;color:#B08A6E;margin:0}
.fine{font-size:13.5px;color:#C2A283;margin:0;max-width:46ch}
.missing{max-width:640px;margin:0 auto;padding:72px 24px 96px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.missing img{width:96px;height:96px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 6px #FFFDF7,0 0 0 8px #F4E4C8}
.missing h1{font-size:clamp(36px,5vw,52px)}
.missing p{margin:0;font-size:18px;line-height:1.5;color:#7A5A44}
.privacy{max-width:680px;margin:0 auto;padding:64px 24px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.privacy h1{font-size:clamp(40px,6vw,64px)}
.privacy h2{font-size:26px;margin:18px 0 0;text-align:left}
.privacy p,.privacy li{margin:0;font-size:17.5px;line-height:1.55;color:#7A5A44;max-width:62ch}
.privacy .updated{font-size:14.5px;line-height:1.4;color:#B08A6E}
.privacy ul{margin:0;padding:0 0 0 1.25rem;max-width:62ch;display:flex;flex-direction:column;gap:6px}
.privacy code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;color:#5C4030}
.privacy .cta{margin-top:8px}
@media (max-width:600px){.hero{padding:32px 20px 16px;gap:32px}.friends,.album,.pillars{padding-left:20px;padding-right:20px}.offer{padding:22px 20px}.album-card{justify-content:center;padding:18px}.album-copy{align-items:center}.album-copy h2{text-align:center}}
@media (prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}