@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800;900&display=swap');
:root{--pink:#E91E63;--blush:#F4C6C6;--sky:#6FAFD1;--mint:#BFE3D3;--cream:#fff7f6;--ink:#111;--soft:#5e5e5e;--shadow:0 18px 50px rgba(0,0,0,.10)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}
.topnav{min-height:78px;display:flex;align-items:center;gap:28px;justify-content:space-between;padding:0 36px;background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.logo{font-size:30px;font-weight:900;color:var(--pink);line-height:.9}.logo span{color:#111}.logo small{display:block;color:#111;font-size:10px;letter-spacing:3px;text-transform:uppercase}
.navlinks{display:flex;gap:28px;font-size:13px;font-weight:900;text-transform:uppercase}.navbtn,.btn{border-radius:999px;padding:14px 24px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.navbtn,.pink{background:var(--pink);color:#fff}.mint{background:var(--mint)}
.hero{min-height:380px;background:var(--cream);display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:48px 20px}.hero-copy h1{font-size:clamp(64px,10vw,116px);color:var(--pink);margin:0;letter-spacing:-6px}.hero-copy h1 span{color:#111}.hero-copy h2{text-transform:uppercase;letter-spacing:16px;font-size:34px;margin:0 0 20px}.tagline{text-transform:uppercase;letter-spacing:8px;font-weight:800}.hero-copy p{font-size:18px;line-height:1.55}.buttons{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.rainbow{position:absolute;width:320px;height:320px;border-radius:50%;border:28px solid var(--blush);box-shadow:inset 0 0 0 26px #fff,inset 0 0 0 54px var(--sky),inset 0 0 0 82px #fff,inset 0 0 0 110px var(--mint),inset 0 0 0 138px #fff}.rainbow.left{left:-180px;bottom:-135px}.rainbow.right{right:-140px;bottom:-80px}.rainbow:after{content:"";position:absolute;inset:70px;border-radius:50%;border:26px solid var(--pink)}
.about{max-width:1180px;margin:28px auto;padding:0 28px;display:grid;grid-template-columns:1fr 1.05fr;gap:26px;align-items:stretch}.about-img,.about-text{border-radius:26px;overflow:hidden;box-shadow:var(--shadow);background:#fff4f4}.about-img img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block}.about-text{padding:42px;display:flex;flex-direction:column;justify-content:center}.kicker{text-transform:uppercase;letter-spacing:4px;color:var(--pink);font-weight:900;font-size:13px}
.about h2,.categories h2,.work h2,.order h2,.payment h2{font-size:34px;text-align:center;text-transform:uppercase;letter-spacing:5px;margin:0 0 22px}.about h2{text-align:left;text-transform:none;letter-spacing:-1px;color:var(--pink);font-size:48px}.about p{font-size:17px;line-height:1.7}
.categories,.work,.order,.payment{max-width:1180px;margin:0 auto;padding:42px 28px;text-align:center}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-grid div{border-radius:22px;padding:26px;background:#fff1f2;box-shadow:var(--shadow)}.category-grid div:nth-child(2){background:#eef9f3}.category-grid div:nth-child(3){background:#eef7fb}.category-grid div:nth-child(4){background:#fff0f6}.category-grid span{font-size:38px;display:block}.category-grid strong{display:block;text-transform:uppercase;font-size:17px;margin:12px 0}.category-grid p{color:var(--soft);font-size:14px}
.work{background:#fff7f6;max-width:none}.work>*{max-width:1180px;margin-left:auto;margin-right:auto}.sub{color:var(--soft)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.work-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);display:block;transition:.18s transform}.work-card:hover{transform:translateY(-3px)}.work-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.work-card strong{display:block;padding:14px;font-size:16px}.outline{display:inline-flex;margin-top:26px;border:2px solid var(--pink);color:var(--pink);font-weight:900;border-radius:999px;padding:13px 24px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps div{padding:24px;border-radius:20px;background:#fff4f4}.steps b{display:inline-grid;place-items:center;background:var(--pink);color:#fff;width:32px;height:32px;border-radius:50%}.steps strong{display:block;margin:14px 0 8px;text-transform:uppercase}
.payment{background:#fff7f6;max-width:none}.pay-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,320px));gap:18px;justify-content:center}.pay-grid div{background:#fff;border-radius:18px;padding:22px;box-shadow:var(--shadow)}.pay-grid strong,.pay-grid span{display:block}.pay-grid span{margin-top:8px}
footer{text-align:center;background:#ffcddc;padding:34px 22px 18px}footer p{font-size:28px;color:var(--pink);font-weight:900}footer small{display:block;margin-top:24px}
@media (max-width:820px){.topnav{height:auto;min-height:72px;padding:12px 16px;gap:12px}.navlinks{display:none}.navbtn{padding:11px 14px;font-size:12px}.hero{min-height:360px;padding-top:36px}.hero-copy h1{font-size:66px;letter-spacing:-4px}.hero-copy h2{font-size:22px;letter-spacing:10px}.tagline{letter-spacing:4px;font-size:12px}.rainbow{width:210px;height:210px}.rainbow.left{left:-130px}.rainbow.right{right:-135px}.about{grid-template-columns:1fr;padding:0 18px}.about-img{height:390px}.about-img img{object-position:center top}.about-text{padding:28px}.about h2{font-size:38px}.category-grid,.work-grid,.steps{grid-template-columns:1fr}.pay-grid{grid-template-columns:1fr}.work-card img{aspect-ratio:1/1}}