body{margin:0;font-family:'DM Sans',system-ui,sans-serif;background:#FFFBF2;color:#1A1036;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
*{box-sizing:border-box}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px;position:relative}
.sec{padding:112px 0;position:relative;overflow:hidden}
.disp{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;letter-spacing:-0.035em}
.h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(34px,4.6vw,56px);line-height:1.02;letter-spacing:-0.035em;margin:0}
.h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:26px;line-height:1.1;letter-spacing:-0.02em;margin:0}
.eyebrow{font-weight:700;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;margin:0}
.lead{font-size:20px;line-height:1.55;color:#4B4468;margin:0}
.p{font-size:17px;line-height:1.6;margin:0;color:#3A3158}
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:17px;padding:17px 30px;border-radius:999px;transition:transform .15s ease}
.btn:hover{transform:translateY(-2px)}
.btn-ink{background:#1A1036;color:#FF8AD0}
.btn-ghost{background:rgba(26,16,54,0.09);color:#1A1036}
.card{border-radius:32px;padding:36px}
.grid{display:grid;gap:20px}
.g3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.pill{display:inline-flex;align-items:center;border-radius:999px;font-weight:700}
.ck{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.45}
.ck::before{content:"";flex:none;width:20px;height:20px;margin-top:1px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='12' fill='%233DDC97'/><path d='M7 12.5l3.5 3.5 6.5-7' fill='none' stroke='%231A1036' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat}
details{border-top:1.5px solid rgba(26,16,54,0.18)}
details:last-child{border-bottom:1.5px solid rgba(26,16,54,0.18)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:23px;letter-spacing:-0.02em}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:30px;font-weight:500;line-height:1}
details[open] summary::after{content:"\2212"}
details p{margin:0 0 26px;max-width:680px}
.span2{grid-column:span 2}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes ring{0%,60%,100%{transform:rotate(0)}10%{transform:rotate(-16deg)}20%{transform:rotate(16deg)}30%{transform:rotate(-12deg)}40%{transform:rotate(12deg)}50%{transform:rotate(-6deg)}}
@keyframes wave{0%,100%{transform:scaleY(0.35)}50%{transform:scaleY(1)}}
@keyframes dot{0%,80%,100%{transform:translateY(0);opacity:0.4}40%{transform:translateY(-5px);opacity:1}}
.bob{animation:bob 6s ease-in-out infinite}
.bob2{animation:bob 7.5s ease-in-out -2.5s infinite}
.ring{display:inline-flex;transform-origin:50% 50%;animation:ring 2.2s ease-in-out infinite}
.wv{display:block;width:6px;border-radius:3px;background:#3DDC97;transform-origin:50% 50%;animation:wave 1.1s ease-in-out infinite}
.dot{display:block;width:8px;height:8px;border-radius:50%;background:#1A1036;animation:dot 1.2s ease-in-out infinite}
@media (max-width:760px){.span2{grid-column:auto}.sec{padding:80px 0}.wrap{padding:0 20px}}
@media (prefers-reduced-motion: reduce){.bob,.bob2,.ring,.wv,.dot{animation:none}.btn{transition:none}}
