
:root{--ink:#10194e;--pink:#e80091;--teal:#18b7c5;--purple:#680064}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:17px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;background:#fffdfb}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.header{background:#fffdfdf5;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:10px max(22px,3vw);box-shadow:0 1px 8px #2221}.brand img{width:235px;max-width:100%;height:auto;display:block}.nav{display:flex;flex-wrap:wrap;gap:clamp(12px,2.2vw,38px);align-items:center}.nav a{text-decoration:none;font-size:16px;font-weight:550}.nav a:hover{color:var(--pink)}.hero{position:relative;min-height:505px;background:linear-gradient(115deg,#fff0f3 0%,#ffddd9 38%,#ffc2b7 65%,#f5a1b9 100%);overflow:hidden;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;width:53%;padding:50px clamp(25px,6vw,105px)}h1{font-family:Georgia,serif;font-style:italic;font-size:clamp(45px,5.5vw,84px);line-height:1.08;margin:0 0 8px;color:#9e006c;text-shadow:0 2px 0 #fff9}h2{font-size:clamp(27px,2.4vw,40px);line-height:1.2;margin:0 0 15px}.hero .tagline{font-size:clamp(19px,2.2vw,32px);font-weight:600;margin:0 0 12px}.hero p{max-width:620px;font-size:clamp(16px,1.45vw,21px)}.hero-art{position:absolute;right:2%;bottom:5%;width:44%;max-height:90%;object-fit:contain;object-position:center; border-radius:18px;filter:drop-shadow(0 4px 4px #5a24502a)}.button{display:inline-block;background:linear-gradient(120deg,#d10083,#f100a0);border-radius:50px;padding:15px 29px;color:white;text-decoration:none;font-weight:700;box-shadow:0 4px 14px #be00692b}.button:hover{filter:brightness(1.08)}.cards{max-width:1500px;margin:0 auto;padding:18px 25px 25px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{min-height:230px;display:flex;align-items:center;overflow:hidden;border-radius:18px;text-decoration:none;background:linear-gradient(125deg,#c7f8fc,#ffcee1);box-shadow:0 3px 14px #0001}.card:nth-child(2){background:linear-gradient(125deg,#ffdbed,#c5f6ff)}.card:nth-child(3){background:linear-gradient(125deg,#ffe5d2,#ffd0e7)}.card:nth-child(4){background:linear-gradient(125deg,#c9f8fc,#ffe7da)}.card img{width:39%;height:230px;object-fit:cover}.card-copy{padding:14px;flex:1}.card h3{font-size:clamp(18px,1.6vw,27px);line-height:1.12;margin:0 0 10px}.card p{font-size:14px;line-height:1.4;margin:0 0 14px}.circle{background:var(--pink);color:white;border-radius:50%;display:inline-grid;place-items:center;width:36px;height:36px;font-size:25px}.wave{background:linear-gradient(100deg,#83e6eb,#c4f9f2,#89e7e9);border-radius:50% 50% 0 0/24% 24% 0 0;display:flex;justify-content:space-around;gap:12px;padding:32px 20px;font-size:15px;text-align:center}.wave span{font-size:26px;vertical-align:middle;margin-right:9px;color:#009eb2}.section{max-width:1100px;margin:0 auto;padding:42px 25px;scroll-margin-top:20px}.section h2{color:#9d006f}.section p{max-width:790px}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:26px}.tile{border:1px solid #e7d8e2;border-radius:18px;padding:24px;background:linear-gradient(140deg,#fff,#fff2f8)}.tile h3{margin:0 0 8px}.muted{color:#4f5474}.notice{border-left:5px solid var(--teal);background:#edfcfc;padding:16px 20px;border-radius:8px}.footer{background:#171748;color:white;text-align:center;padding:34px 15px}.footer a{color:#baf4fa}.footer nav{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.footer p{margin:10px}.pill{display:inline-block;border:1px solid #eaa5d0;border-radius:30px;padding:7px 14px;margin:6px 6px 0 0}.small{font-size:14px}.policy{max-width:850px;margin:50px auto;padding:0 24px 50px}.policy h1{font-size:44px}.policy h2{margin-top:30px;font-size:23px}@media(max-width:950px){.header{flex-direction:column;gap:6px}.brand img{width:200px}.nav{justify-content:center;gap:12px 20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{width:56%}.hero-art{width:42%;opacity:1}}@media(max-width:600px){.header{padding:12px}.nav a{font-size:13px}.hero{min-height:720px;align-items:flex-start;background:linear-gradient(180deg,#ffe5e9,#ffd4e0 65%,#f8b5bd)}.hero-copy{width:100%;padding:30px 22px 0}.hero-art{width:90%;height:290px;bottom:18px;right:5%;opacity:1}.hero p{max-width:400px}.cards{grid-template-columns:1fr;padding:14px}.card{min-height:185px}.card img{height:185px;width:37%}.wave{flex-wrap:wrap;border-radius:25% 25% 0 0/10% 10% 0 0}.wave div{width:45%}.tiles{grid-template-columns:1fr}.section{padding:36px 20px}}

/* V4: approved compact floating navigation and blended, larger hero artwork */
.header{position:relative;z-index:3;justify-content:center;background:linear-gradient(110deg,#f8b7ce,#ffc4c2 58%,#f6accb);box-shadow:none;padding:16px 14px 8px;min-height:70px}
.nav{width:max-content;max-width:100%;justify-content:center;gap:clamp(8px,1.65vw,26px);padding:8px 16px;border-radius:999px;background:#fff9fce8;box-shadow:0 5px 22px #9c427025;border:1px solid #ffffffc9}
.nav a{font-size:clamp(12px,1.3vw,17px);white-space:nowrap}
.hero{min-height:560px;background:radial-gradient(ellipse at 53% 45%,#ffe6b7aa,transparent 46%),linear-gradient(115deg,#ffd3d7 0%,#ffd1c8 45%,#ffb7bc 75%,#efa1c3 100%)}
.hero-copy{width:49%;padding:55px clamp(25px,6vw,105px)}
.hero-art{right:0;bottom:0;width:54%;max-height:100%;height:100%;object-fit:contain;object-position:right bottom;border-radius:0;filter:none;-webkit-mask-image:radial-gradient(ellipse 78% 79% at 57% 56%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 78% 79% at 57% 56%,#000 58%,transparent 100%)}
@media(max-width:950px){.header{flex-direction:row}.hero-copy{width:52%}.hero-art{width:51%}}
@media(max-width:600px){.header{padding:10px 8px}.nav{border-radius:22px;gap:8px 12px;padding:9px 11px}.nav a{font-size:12px}.hero{min-height:750px;align-items:flex-start;background:linear-gradient(180deg,#ffd8dc,#ffd0c9 65%,#f4a9c4)}.hero-copy{width:100%;padding:28px 22px 0}.hero-art{width:100%;height:340px;bottom:0;right:0;object-position:center bottom;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 90%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 90%,transparent 100%)}}

/* V5: feather actual artwork alpha to remove rectangular edges */
.hero-art{-webkit-mask-image:none!important;mask-image:none!important;filter:none!important}

/* V6: make hero illustration noticeably larger without changing the feathered image */
.hero-art{transform:scale(1.32);transform-origin:right bottom;}
@media(max-width:950px){.hero-art{transform:scale(1.27);transform-origin:right bottom;}}
@media(max-width:600px){.hero-art{transform:scale(1.12);transform-origin:center bottom;}}
