@font-face{font-family:Inter;src:url('/fonts/inter-400.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/inter-500.woff') format('woff');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/inter-600.woff') format('woff');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/inter-700.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:light;--pink:#fd3f92;--violet:#695ee6;--ink:#29242f;--muted:#807687;--rule:#ece6f1;--page-gutter:clamp(24px,6vw,115px);scroll-behavior:smooth;scroll-padding-top:110px}
*{box-sizing:border-box}
body{margin:0;min-width:320px;background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
:is(a,button,summary):focus-visible{outline:3px solid var(--pink);outline-offset:5px}
.skip-link{position:absolute;left:-9999px;z-index:300;padding:.6rem 1rem;background:#fff}
.skip-link:focus{left:1rem;top:1rem}
.site-nav{position:fixed;top:16px;left:50%;z-index:200;display:flex;align-items:center;gap:24px;width:min(calc(100% - var(--page-gutter) - var(--page-gutter)),1680px);height:76px;margin:0;padding:0 24px;transform:translateX(-50%);border:1px solid #ffffffb8;border-radius:18px;background:linear-gradient(115deg,#ffffffb8,#fffafda8 58%,#f8f3ffb8);box-shadow:0 12px 38px #4d315f14,inset 0 1px 0 #fff,inset 0 -1px 0 #d9cbe748;-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15)}
.brand{display:flex;align-items:center;gap:12px;flex:none}
.brand img:first-child{width:27px;height:27px}
.brand img:last-child{width:clamp(116px,10vw,146px);height:auto}
.nav-links{display:flex;align-items:center;gap:24px;margin-left:auto;color:#796f83;font-size:12px;font-weight:500}
.nav-links a{white-space:nowrap;background:linear-gradient(var(--pink),var(--pink)) left bottom/0 2px no-repeat;transition:color .2s,background-size .2s}
.nav-links a:is(:hover,:focus-visible),.nav-links a[aria-current=page]{color:var(--pink);background-size:100% 2px}
.site-cta,.action-button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:55px;padding:13px 21px;border:1px solid #6357d9;border-radius:8px;background:#695ee6;color:#fff;font:500 14px/1.5 Inter,Arial,sans-serif;text-decoration:none;box-shadow:inset 0 1px 0 #8f85ed55,inset 0 -5px 7px -6px #291b8999,0 4px 3px -1px #493badad,0 10px 20px #392b9c2b;cursor:pointer;transition:background-color .32s ease,transform .32s ease,box-shadow .32s ease,border-color .32s ease}
.site-cta{min-height:42px;padding:8px 21px;font-size:13px;font-weight:600}
.site-cta:is(:hover,:focus-visible),.action-button:is(:hover,:focus-visible){background:#f43b8d;color:#fff;border-color:#e92f80;transform:translateY(-2px);box-shadow:inset 0 1px 0 #ff7eb45c,inset 0 -5px 7px -6px #9d14548c,0 5px 3px -1px #b82568ad,0 13px 24px #e7398738}
.action-button:active,.site-cta:active{transform:translateY(1px)}
.action-button:after{content:'';position:absolute;z-index:-1;inset:0 auto 0 -65%;width:50%;background:linear-gradient(100deg,transparent,#ffffff73 50%,transparent);transform:skewX(-20deg);animation:button-shine 5s ease-in-out infinite;pointer-events:none}
.action-button:is(:hover,:focus-visible):after{animation-duration:1.4s}
.action-button:disabled{opacity:.55;cursor:wait;transform:none;animation:none}
.gleam-morph{position:relative;z-index:1;display:inline-grid;place-items:center;width:22px;height:22px;flex:none}
.gleam-morph svg,.gleam-flower{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%)}
.gleam-flower{opacity:0;background:currentColor;-webkit-mask:url('/brand/svg/fleur-fuchsia.svg') center/contain no-repeat;mask:url('/brand/svg/fleur-fuchsia.svg') center/contain no-repeat}
:is(.site-cta,.action-button):is(:hover,:focus-visible) .gleam-morph svg{animation:arrow-cycle 3s ease-in-out infinite}
:is(.site-cta,.action-button):is(:hover,:focus-visible) .gleam-flower{animation:flower-cycle 3s ease-in-out infinite}
.mobile-nav{display:none;margin-left:auto}
.mobile-nav summary{list-style:none;display:grid;place-items:center;padding:8px;cursor:pointer}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav svg{width:24px;height:24px}
.mobile-nav nav{position:absolute;top:calc(100% + 8px);left:0;right:0;display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid #eae3f2;border-radius:14px;background:#fff;box-shadow:0 12px 32px #46305b12;color:#756581;font-size:13px}
.mobile-nav nav a:not(.site-cta){min-height:42px;display:flex;align-items:center;padding:0 10px;border-radius:8px}
.mobile-nav nav a:not(.site-cta):is(:hover,:focus-visible){background:#f7f2ff}
.mobile-nav .site-cta{margin-top:4px}
.site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;width:min(calc(100% - 48px),1200px);margin:auto;padding:32px 0;border-top:1px solid var(--rule);color:var(--muted);font-size:12px}
.site-footer nav{display:flex;flex-wrap:wrap;gap:12px 24px}
.site-footer a:is(:hover,:focus-visible){color:var(--violet);text-decoration:underline}
@keyframes button-shine{0%,14%{left:-65%}55%,100%{left:130%}}
@keyframes arrow-cycle{0%,12%{opacity:1;transform:translate(-50%,-50%)}30%{opacity:0;transform:translate(-50%,-50%) translateX(11px)}70%{opacity:0;transform:translate(-50%,-50%) translateX(-11px)}88%,100%{opacity:1;transform:translate(-50%,-50%)}}
@keyframes flower-cycle{0%,28%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.5)}40%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}68%{opacity:1;transform:translate(-50%,-50%) rotate(360deg) scale(1)}80%,100%{opacity:0;transform:translate(-50%,-50%) rotate(360deg) scale(.5)}}
@media(max-width:1100px){.site-nav>.nav-links,.site-nav>.site-cta{display:none}.mobile-nav{display:block}}
@media(max-width:760px){.site-nav{top:14px;width:calc(100% - 28px);height:64px;padding:0 16px;border-radius:13px}.brand img:first-child{width:23px;height:23px}.brand img:last-child{width:116px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.site-cta,.action-button,.nav-links a{transition:none}.action-button:after,:is(.site-cta,.action-button):is(:hover,:focus-visible) .gleam-morph svg,:is(.site-cta,.action-button):is(:hover,:focus-visible) .gleam-flower{animation:none}}
