:root{--pink:#f7b9c1;--pink-light:#ffe7e8;--cream:#fff8f2;--red:#b81318;--red-dark:#8d0e13;--ink:#55171b;--tan:#c47a35;--brown:#4a291b;--shadow:0 18px 50px rgba(103,24,30,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 10% 8%,#ffdadd 0,transparent 26%),radial-gradient(circle at 90% 35%,#ffcbd0 0,transparent 25%),var(--pink-light);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.55;min-height:100vh}
.leopard-strip{height:10px;background-color:#c7813e;background-image:radial-gradient(ellipse at center,#3f251a 0 35%,transparent 38%),radial-gradient(ellipse at center,#7d421e 0 52%,transparent 54%);background-size:34px 28px,34px 28px;background-position:0 0,4px 2px}
.shell{width:min(100% - 30px,720px);margin:0 auto;padding:44px 0 36px}
.hero{text-align:center;padding:0 10px 32px}
.creator-logo{display:flex;align-items:center;justify-content:center;width:max-content;max-width:100%;margin:0 auto 28px;position:relative}
.logo-photo-wrap{width:126px;height:126px;border-radius:50%;overflow:hidden;box-shadow:0 12px 35px rgba(130,19,25,.18);border:5px solid rgba(255,255,255,.86);background:var(--pink);z-index:1}
.logo-photo{width:100%;height:100%;object-fit:cover;object-position:50% 24%;display:block}
.logo-wordmark{margin-left:-15px;padding:17px 23px 17px 29px;border-radius:0 26px 26px 0;background:var(--cream);box-shadow:0 12px 35px rgba(130,19,25,.12);display:flex;align-items:baseline;position:relative;color:var(--red)}
.logo-wordmark span{font-family:"DM Serif Display",serif;font-style:italic;font-size:1.15rem;margin-right:3px}
.logo-wordmark strong{font-family:"DM Serif Display",serif;font-size:2.3rem;font-weight:400;letter-spacing:-.04em}
.logo-wordmark i{position:absolute;right:12px;top:7px;color:var(--tan);font-size:.78rem;font-style:normal}
.eyebrow{font-weight:700;letter-spacing:.19em;font-size:.75rem;color:var(--red);margin:0 0 10px}
h1,h2{font-family:"DM Serif Display",serif;font-weight:400;line-height:.98;margin:0}
h1{font-size:clamp(2.45rem,9vw,4.7rem);letter-spacing:-.035em}
h1 em,h2 em{color:var(--red);font-weight:400}
.intro{max-width:510px;margin:20px auto 18px;font-size:1.05rem}
.social-row{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--red);font-weight:700}
.social-row a{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:white;transition:.2s ease}
.social-row a:hover{transform:translateY(-2px);background:var(--red-dark)}
.social-row svg{width:20px;height:20px;fill:currentColor}
.social-row svg rect,.social-row svg circle:not(.fill){fill:none;stroke:currentColor;stroke-width:2}
.links{margin-top:8px}
.section-title{display:flex;gap:12px;align-items:center;margin:0 8px 14px}
.section-title span{color:var(--red);font-size:.76rem;font-weight:700;letter-spacing:.12em}
.section-title h2{font-size:1.8rem}
.link-card{width:100%;display:flex;align-items:center;gap:15px;min-height:88px;margin:12px 0;padding:14px 18px;border:1px solid rgba(147,32,39,.12);border-radius:24px;background:rgba(255,248,242,.92);box-shadow:0 9px 28px rgba(103,24,30,.08);color:var(--ink);text-decoration:none;text-align:left;font:inherit;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.link-card:hover,.link-card:focus-visible{transform:translateY(-3px);box-shadow:var(--shadow);outline:none}
.link-card.featured{background:var(--red);color:white;border-color:var(--red)}
.link-icon{width:52px;height:52px;flex:0 0 52px;border-radius:17px;background:var(--pink-light);display:grid;place-items:center;color:var(--red);font-size:1.75rem}
.featured .link-icon{background:rgba(255,255,255,.17);color:#ffd8dc}
.link-copy{display:flex;flex-direction:column;min-width:0;flex:1}
.link-copy strong{font-size:1.04rem;line-height:1.25}
.link-copy small{font-size:.82rem;opacity:.74;margin-top:3px}
.arrow{font-size:1.4rem;margin-left:auto}.pill{font-size:.68rem;font-weight:700;letter-spacing:.12em;color:var(--red);border:1px solid #e7a5aa;padding:5px 8px;border-radius:100px}
.bperfect{scroll-margin-top:20px;margin:48px 0 18px}.section-intro{margin:0 8px 18px;color:#7e4144}.discount-card{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--red);color:white;border-radius:24px;padding:19px 20px;margin-bottom:16px;box-shadow:var(--shadow)}.discount-card div{display:flex;flex-direction:column}.discount-card small{font-size:.7rem;font-weight:700;letter-spacing:.14em;opacity:.78}.discount-card strong{font-size:1.35rem;letter-spacing:.06em}.discount-card button{border:0;background:white;color:var(--red);border-radius:100px;padding:10px 14px;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap}.discount-card button:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.product-groups{display:grid;gap:10px}.product-groups details{background:rgba(255,248,242,.92);border:1px solid rgba(147,32,39,.12);border-radius:20px;box-shadow:0 8px 24px rgba(103,24,30,.06);overflow:hidden}.product-groups summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;cursor:pointer;font-weight:700;color:var(--ink);list-style:none}.product-groups summary::-webkit-details-marker{display:none}.product-groups summary:after{content:"+";color:var(--red);font-size:1.35rem;line-height:1}.product-groups details[open] summary:after{content:"−"}.product-groups summary small{margin-left:auto;font-size:.76rem;color:#9c5a5e;font-weight:600}.product-list{padding:0 12px 12px}.product-list a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 10px;color:var(--ink);text-decoration:none;border-top:1px solid rgba(147,32,39,.1);font-size:.94rem}.product-list a:hover span,.product-list a:focus-visible span{color:var(--red);text-decoration:underline;text-underline-offset:3px}.product-list a:focus-visible{outline:2px solid var(--red);outline-offset:-2px;border-radius:8px}.product-list b{color:var(--red);font-weight:500}
.creator{margin:48px 0 18px;border-radius:32px;background:var(--cream);box-shadow:var(--shadow);padding:34px;position:relative;overflow:hidden;border:1px solid rgba(147,32,39,.1)}
.creator:after{content:"";position:absolute;width:120px;height:120px;right:-32px;top:-38px;border-radius:46% 54% 55% 45%;background:var(--pink);opacity:.5;transform:rotate(25deg)}
.creator h2{font-size:clamp(2.35rem,8vw,3.45rem)}
.creator-copy>p:last-child{max-width:500px;margin:20px 0 25px}
.creator-actions{display:grid;grid-template-columns:minmax(220px,330px);gap:10px;position:relative;z-index:1}
.button{padding:15px 17px;border-radius:15px;text-decoration:none;font-weight:700;display:flex;justify-content:space-between;align-items:center;transition:.2s ease}
.button:hover{transform:translateY(-2px)}
.button.primary{background:var(--red);color:white}.button.secondary{background:#f9d8db;color:var(--red)}
.hello{margin:18px 0 46px;display:flex;gap:18px;align-items:center;padding:22px 9px}
.hello-mark{width:84px;height:84px;flex:0 0 84px;border-radius:50%;background:var(--pink);overflow:hidden;border:4px solid var(--cream);box-shadow:0 8px 20px rgba(90,42,24,.15)}
.hello-mark img{width:100%;height:100%;object-fit:cover;object-position:50% 8%;display:block}
.hello p{margin:0}.hello .eyebrow{margin-bottom:6px}.hello div:last-child p:last-child{font-size:.95rem}
footer{text-align:center;border-top:1px solid rgba(147,32,39,.16);padding:32px 20px 4px;color:#7e4144;font-size:.78rem}
.footer-mark{font-family:"DM Serif Display",serif;color:var(--red);font-size:1.45rem;margin-bottom:13px}.footer-mark strong{font-weight:400}
footer p{max-width:540px;margin:0 auto 17px}
@media (max-width:520px){.shell{padding-top:32px}.creator-logo{margin-bottom:22px}.logo-photo-wrap{width:98px;height:98px}.logo-wordmark{padding:14px 18px 14px 25px}.logo-wordmark strong{font-size:1.7rem}.hero{padding-bottom:26px}.creator{padding:28px 22px}.creator-actions{grid-template-columns:1fr}.hello{align-items:flex-start}.link-card{border-radius:20px;padding:12px 14px}.link-icon{width:48px;height:48px;flex-basis:48px}.link-copy strong{font-size:.98rem}.discount-card{padding:16px}.discount-card strong{font-size:1.05rem}.product-groups summary{padding:16px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
